@layer properties,theme,base;@layer components{.privacy-screen{z-index:calc(var(--z-toast) + 10);background:color-mix(in oklch, var(--c-canvas) 55%, transparent);-webkit-backdrop-filter:blur(1.5rem)saturate(.7);backdrop-filter:blur(1.5rem)saturate(.7);animation:ps-in var(--duration-quick) var(--ease-enter);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}@keyframes ps-in{0%{opacity:0}}.ps-card{text-align:center;border-radius:var(--radius-xl);background:var(--c-raised);border:1px solid var(--c-line);width:min(22rem,100%);box-shadow:var(--shadow-float);justify-items:center;gap:.75rem;padding:1.75rem 1.5rem;display:grid}.ps-card h2{font-size:1.25rem;font-weight:650}.ps-card p{color:var(--c-ink-soft);font-size:.875rem}.ps-card .lock-seal{background:var(--c-info-soft);width:4.5rem;height:4.5rem;color:var(--c-info-ink);border-radius:999px;place-items:center;display:grid}.ps-card .lock-seal .icon{width:2.25rem;height:2.25rem}:root[data-motion-resolved=reduced] .privacy-screen{animation:none}.device-rows{display:grid}.device-row{border-block-start:1px solid var(--c-line);padding-block:.35rem}.device-row:first-child{border-block-start:0}.device-label{font-size:.9375rem;font-weight:600}.dialog.shortcuts-dialog{width:min(46rem,100vw - 1.5rem);max-height:84dvh;top:8vh;overflow-y:auto}.shortcut-groups{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem;display:grid}.shortcut-group dl{display:grid}.shortcut-row{border-block-end:1px solid var(--c-line);justify-content:space-between;align-items:center;gap:.75rem;min-height:2.5rem;font-size:.875rem;display:flex}.shortcut-row dd{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.3rem;display:flex}.kbd-set{direction:ltr;align-items:center;gap:.2rem;display:inline-flex}kbd{background:var(--c-sunken);border:1px solid var(--c-line-strong);min-width:1.75rem;height:1.75rem;font:600 .75rem/1 var(--font-sans);color:var(--c-ink);border-block-end-width:2px;border-radius:.4rem;place-items:center;padding-inline:.4rem;display:inline-grid}.kbd-plus,.kbd-or{color:var(--c-ink-soft);font-size:.75rem}.shortcut-row[data-shortcut]{border-radius:.4rem;flex-wrap:wrap;padding-block:.25rem;scroll-margin-block:4rem}.shortcut-row[data-shortcut] dt{flex:8rem}.shortcut-row[data-shortcut] dd{margin-inline-start:auto}.shortcut-row[data-shortcut]:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.shortcut-row[data-highlight]{outline:2px solid var(--c-focus);outline-offset:2px;animation:shortcut-lit var(--duration-moderate) var(--ease-enter) 2}@keyframes shortcut-lit{50%{background:var(--c-sunken)}}:root[data-motion-resolved=reduced] .shortcut-row[data-highlight]{animation:none}.shortcut-prompt{color:var(--c-ink-soft);font-size:.8125rem}.shortcut-alert{text-align:start;flex-basis:100%;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.shortcut-link{text-underline-offset:2px;font-weight:600;text-decoration:underline}.shortcut-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-block-start:.75rem;display:flex}.shortcut-foot>p{flex:14rem}.lang-cards .card-opt{min-height:3.5rem}.lang-own{font-size:.9375rem;font-weight:650}.strength{gap:.3rem;margin-block-start:.35rem;display:grid}.strength-meter{grid-template-columns:auto 1fr;align-items:center;gap:.15rem .6rem;font-size:.8125rem;display:grid}.strength-label{color:var(--c-ink-soft)}.strength-level{justify-self:end;font-weight:650}.strength-bar{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:.25rem;display:grid}.strength-bar i{background:var(--c-line);height:.35rem;transition:background-color var(--duration-quick);border-radius:999px}.strength:is([data-score="0"],[data-score="1"]) .strength-bar i:nth-child(-n+1){background:var(--c-danger)}.strength[data-score="2"] .strength-bar i:nth-child(-n+2){background:var(--c-warning)}.strength[data-score="3"] .strength-bar i:nth-child(-n+3),.strength[data-score="4"] .strength-bar i{background:var(--c-success)}.strength:is([data-score="0"],[data-score="1"]) .strength-level{color:var(--c-danger-ink)}.strength[data-score="2"] .strength-level{color:var(--c-warning-ink)}.strength:is([data-score="3"],[data-score="4"]) .strength-level{color:var(--c-success-ink)}.strength-local{color:var(--c-ink-soft);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.strength-local .icon{flex:none;width:.9rem;height:.9rem}}@layer utilities;
