.fx-state-unlit{background:color-mix(in srgb, var(--accent) 8%, transparent);display:block}.fx-state-unlit-ring{border:8px solid color-mix(in srgb, var(--accent) 8%, transparent);border-radius:9999px;display:block}:root[data-motion=full] .fx-state-error{animation:.4s linear fx-state-flicker}.fx-state-dim{opacity:.8;filter:saturate(.6);transition:opacity .16s var(--ease-settle)}@keyframes fx-state-flicker{0%,to{filter:brightness()}25%{filter:brightness(.6)}50%{filter:brightness()}75%{filter:brightness(.8)}}.fx-state-permission{width:44px;height:44px;color:var(--accent);display:block}.fx-state-permission circle[data-ring]{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}:root[data-motion=full] .fx-state-permission circle[data-ring]{stroke-dasharray:1;stroke-dashoffset:1px;animation:fx-state-draw .7s var(--ease-settle) .12s forwards}@keyframes fx-state-draw{to{stroke-dashoffset:0}}.fx-state-lamp{width:18px;height:18px;color:var(--accent);flex:none}.fx-state-constellation{width:100%;height:56px;color:var(--fg-subtle);display:block}.fx-state-constellation circle{fill:currentColor;opacity:.38}.fx-state-constellation circle[data-near]{opacity:.7}.fx-state-vignette{pointer-events:none;background:radial-gradient(75% 68% at 50% 46%,#0000 0%,#05070f3d 58%,#05070fc7 100%);position:absolute;inset:0}.fx-state-vignette:after{content:"";background-image:var(--fx-grain-noise);opacity:var(--fx-grain-opacity-deep,.06);background-size:180px 180px;position:absolute;inset:0}.theme-light .fx-state-vignette{background:radial-gradient(75% 68% at 50% 46%,#0000 0%,#1012230f 60%,#10122338 100%)}@media (forced-colors:active){.fx-state-vignette{display:none}}