.focus-indicator{position:relative}.focus-indicator.focused:before{content:"";position:absolute;inset:0;border:1px solid var(--color-border-focus);pointer-events:none;z-index:1;border-radius:inherit;transition:opacity .15s ease}@media(prefers-reduced-motion:reduce){.focus-indicator{transition:none}}.focus-ring{position:relative}.focus-ring.focused:before{content:"";position:absolute;inset:-10px;border:2px solid var(--color-border-focus);border-radius:inherit;pointer-events:none;z-index:1}[data-focusable-id]{outline:none}[data-focusable-id]:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}