/* The reference menu's sliding cyan fill, inside the existing mechanical outline. */
.sidebar nav > :is(a,button){isolation:isolate;transition:color .18s ease,opacity .18s ease,filter .22s ease;background:none}
.sidebar nav > :is(a,button).selected{min-height:54px;background:none}
.sidebar nav > :first-child{min-height:56px}
.sidebar nav > :is(a,button)::before,.sidebar nav > :is(a,button)::after{content:"";position:absolute;pointer-events:none}
.sidebar nav > :is(a,button)::before{inset:0;z-index:-2;background:url(media/frame-nav-active.svg) center/100% 100% no-repeat;opacity:0;transition:opacity .18s ease}
.sidebar nav > :is(a,button)::after{inset:7px 9px;z-index:-1;background:linear-gradient(90deg,#37c8f5,#4dd8ff);clip-path:polygon(4% 0,94% 0,100% 23%,100% 77%,94% 100%,4% 100%,0 77%,0 23%);transform:scaleX(0);transform-origin:left center;opacity:0;transition:transform .2s ease,opacity .18s ease}
.sidebar nav > :is(a,button) > :is(svg,span){position:relative;transition:transform .22s ease}
.sidebar nav > :is(a,button):is(.selected,:focus-visible){color:#021421;filter:drop-shadow(0 0 7px #00d9f43d)}
.sidebar nav > :is(a,button):is(.selected,:focus-visible)::before{opacity:1}
.sidebar nav > :is(a,button):is(.selected,:focus-visible)::after{opacity:1;transform:scaleX(1)}
.sidebar nav > :is(a,button):is(.selected,:focus-visible) > :is(svg,span){transform:translateX(3px)}
.sidebar nav > :is(a,button):focus-visible{outline:1px solid #b8f8ff;outline-offset:1px}
@media(hover:hover) and (pointer:fine){
 .sidebar nav > :is(a,button):hover{color:#021421;filter:drop-shadow(0 0 7px #00d9f43d)}
 .sidebar nav > :is(a,button):hover::before{opacity:1}
 .sidebar nav > :is(a,button):hover::after{opacity:1;transform:scaleX(1)}
 .sidebar nav > :is(a,button):hover > :is(svg,span){transform:translateX(3px)}
 .sidebar nav:has(> :hover) > :is(a,button):not(:hover){opacity:.55}
}
.sidebar nav:has(> :focus-visible) > :is(a,button):not(:focus-visible){opacity:.55}
.sidebar nav > :is(a,button):active{filter:brightness(.9)}
@media(prefers-reduced-motion:reduce){.sidebar nav > :is(a,button),.sidebar nav > :is(a,button)::before,.sidebar nav > :is(a,button)::after,.sidebar nav > :is(a,button) > :is(svg,span){transition:none}}