.as-fnav.as-froll-mode{padding-top:4px}
.as-fnav.as-froll-mode .as-fbar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:0 6px;margin:0;
  background:transparent;border:0;border-top:1px solid rgba(122,220,236,.18);color:#C6D3E6;font:600 12px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.as-fnav.as-froll-mode .as-fbar:hover{color:#EAF1FB}
.as-fnav.as-froll-mode .as-fbar:focus-visible{outline:2px solid #7ADCEC;outline-offset:2px}
.as-fbar-x{flex:0 0 auto;width:9px;height:9px;border-left:2px solid #7ADCEC;border-top:2px solid #7ADCEC;transform:rotate(45deg);transition:transform .25s ease}
.as-fnav.as-froll-mode.open .as-fbar-x{transform:rotate(225deg)}
.as-fnav.as-froll-mode:not(.open) #as-froll,.as-fnav.as-froll-mode:not(.open) .as-fbase{display:none}
.as-fnav.as-froll-mode.open #as-froll{animation:as-froll-in .3s ease}
@keyframes as-froll-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.as-fbar-x{transition:none}.as-fnav.as-froll-mode.open #as-froll{animation:none}}