@property --composer-navigation-snake-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes composer-navigation-snake{to{--composer-navigation-snake-angle:1turn}}:is([data-composer-navigation-highlight],[data-composer-navigation-selected][data-composer-navigation-open],[data-composer-navigation-selected][aria-expanded=true],[data-composer-navigation-selected][data-state=open]){outline:2px solid var(--composer-navigation-ring-color);outline-offset:2px;box-shadow:0 0 0 1px var(--composer-navigation-edge-color), 0 0 var(--composer-navigation-glow-radius) var(--composer-navigation-glow-color);position:relative}[data-composer-navigation-highlight]{--composer-navigation-ring-color:#304ffe;--composer-navigation-edge-color:#304ffe47;--composer-navigation-glow-color:#304ffe80;--composer-navigation-glow-radius:14px;--composer-navigation-snake-duration:1.8s}:is([data-composer-navigation-selected][data-composer-navigation-open],[data-composer-navigation-selected][aria-expanded=true],[data-composer-navigation-selected][data-state=open]){--composer-navigation-ring-color:#00ff4c;--composer-navigation-edge-color:#00b335;--composer-navigation-glow-color:#00ff4c8c;--composer-navigation-glow-radius:16px;--composer-navigation-snake-duration:2.8s}[data-composer-utility-bar-scroll-area] :is([data-composer-navigation-highlight],[data-composer-navigation-selected][data-composer-navigation-open],[data-composer-navigation-selected][aria-expanded=true],[data-composer-navigation-selected][data-state=open]){background-color:color-mix(in srgb, var(--composer-navigation-ring-color) 10%, var(--color-token-list-hover-background));box-shadow:inset 0 0 0 2px var(--composer-navigation-ring-color), inset 0 0 10px color-mix(in srgb, var(--composer-navigation-ring-color) 18%, transparent);outline:none}@supports (mask-composite:exclude){:is([data-composer-navigation-highlight],[data-composer-navigation-selected][data-composer-navigation-open],[data-composer-navigation-selected][aria-expanded=true],[data-composer-navigation-selected][data-state=open]):after{content:"";z-index:1;box-sizing:border-box;border-radius:inherit;background:conic-gradient(from var(--composer-navigation-snake-angle), transparent 0deg 235deg, color-mix(in srgb, var(--composer-navigation-ring-color) 20%, transparent) 260deg, var(--composer-navigation-ring-color) 300deg, color-mix(in srgb, var(--composer-navigation-ring-color) 70%, white) 316deg, transparent 350deg);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--composer-navigation-ring-color) 65%, transparent));pointer-events:none;animation:composer-navigation-snake var(--composer-navigation-snake-duration) linear infinite;padding:2px;position:absolute;inset:-5px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-composer-utility-bar-scroll-area] :is([data-composer-navigation-highlight],[data-composer-navigation-selected][data-composer-navigation-open],[data-composer-navigation-selected][aria-expanded=true],[data-composer-navigation-selected][data-state=open]):after{filter:drop-shadow(0 0 2px color-mix(in srgb, var(--composer-navigation-ring-color) 50%, transparent));inset:1px}}@media (prefers-reduced-motion:reduce){:is([data-composer-navigation-highlight],[data-composer-navigation-selected][data-composer-navigation-open],[data-composer-navigation-selected][aria-expanded=true],[data-composer-navigation-selected][data-state=open]):after{display:none}}
