@media (min-width:681px){
  .app:not(.nav-open) .side{z-index:90}
  .app:not(.nav-open) .nav{overflow:visible}
  .app:not(.nav-open) .nav button{position:relative;width:40px;overflow:visible;isolation:isolate;transition:background .14s ease,border-color .14s ease}
  .app:not(.nav-open) .nav button .fa-ico{position:relative;z-index:2}
  .app:not(.nav-open) .nav button span:not(.fa-ico){position:absolute;left:36px;top:-1px;width:190px;height:44px;display:flex;align-items:center;padding:0 16px 0 10px;border:1px solid #202126;border-left:0;border-radius:0 4px 4px 0;background:#25262a;color:#f7f7f7;box-shadow:10px 10px 24px rgba(0,0,0,.32);font-size:14px;font-weight:400;line-height:1;opacity:0;visibility:hidden;transform:translateX(-8px);transition:transform .14s ease;z-index:91;cursor:pointer}
  .app:not(.nav-open) .nav button:hover,.app:not(.nav-open) .nav button:focus-visible,.app:not(.nav-open) .nav button.is-flyout{background:#2a2b2f}
  .app:not(.nav-open) .nav button:hover,.app:not(.nav-open) .nav button:focus-visible,.app:not(.nav-open) .nav button.is-flyout{z-index:91}
  .app:not(.nav-open) .nav button:focus-visible span:not(.fa-ico),.app:not(.nav-open) .nav button.is-flyout span:not(.fa-ico){opacity:1;visibility:visible;transform:none}
  .app:not(.nav-open) .nav button.active:hover,.app:not(.nav-open) .nav button.active:focus-visible,.app:not(.nav-open) .nav button.active.is-flyout{background:var(--rail-active)}
  .app:not(.nav-open) .nav button.active span:not(.fa-ico){background:var(--rail-active);border-color:#202126}
  .app:not(.nav-open) .nav button:focus-visible{outline:0;box-shadow:inset 0 0 0 2px rgba(91,192,222,.38)}
}
@media (prefers-reduced-motion:reduce){.app:not(.nav-open) .nav button span:not(.fa-ico){transition:none}}