@layer components{:where(.lock-link){position:relative;display:inline-flex;width:1em;height:1em;flex-shrink:0;align-items:center;justify-content:center;color:inherit;line-height:1;text-decoration:none}:where(.lock-link)::after{content:"";position:absolute;inset:50%;width:max(24px,100%);height:max(24px,100%);translate:-50% -50%}.lock-link__glyph{display:block;width:100%;height:100%}.lock-link--has-tip{position:relative;cursor:pointer}.lock-link--has-tip:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.lock-link__tooltip{position:absolute;top:calc(100% + 8px);left:50%;z-index:30;display:flex;width:max-content;max-width:min(240px,100vw - 1.5rem);align-items:center;gap:.25em;padding:.5rem .625rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 14px 36px rgba(0,0,0,.25);color:var(--color-text);font-size:.75rem;font-weight:400;line-height:1.45;opacity:0;pointer-events:none;text-align:start;transform:translateX(calc(-50% + var(--tooltip-shift, 0px))) translateY(-6px);transition:opacity .15s ease,transform .15s ease;white-space:nowrap}.lock-link__tooltip[data-tooltip-above]{top:auto;bottom:calc(100% + 8px)}.lock-link--has-tip:hover .lock-link__tooltip,.lock-link--has-tip:focus-within .lock-link__tooltip{opacity:1;pointer-events:auto;transform:translateX(calc(-50% + var(--tooltip-shift, 0px))) translateY(0)}@media(prefers-reduced-motion: reduce){.lock-link__tooltip{transition:none}}}