#app-nav{position:fixed;z-index:var(--nav-z-over);top:0;left:var(--gutter);width:var(--cont);height:var(--nav-height);background-color:hsl(var(--hsl-black)/.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:var(--border);border-top:none;display:grid;grid-template-columns:auto 1fr auto;translate:0 -105%;transition:.45s cubic-bezier(.645,.045,.355,1)}#app-nav.visible{translate:0}#app-nav:not(.visible) #quick-links{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}#app-nav .left,#app-nav .right{display:flex;height:100%}#preview-quick-links{position:fixed;z-index:var(--nav-z-under);top:calc(var(--nav-height) - 1px);left:calc(var(--gutter));width:var(--cont);height:38px;overflow:hidden}#preview-quick-links .inner{position:relative;width:100%;height:100%;background-color:hsl(var(--hsl-black)/.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:var(--border);transition:.45s cubic-bezier(.645,.045,.355,1)}#preview-quick-links .inner .links{width:100%;height:100%;display:flex;flex-wrap:nowrap}#preview-quick-links .inner button{flex-grow:1}#preview-quick-links:not(.visible) .inner{translate:0 -100%}@media (max-width: 1023px){#preview-quick-links{height:var(--nav-height);--offset-x: 0}#preview-quick-links .inner .links{translate:var(--offset-x) 0;transition:.35s cubic-bezier(.645,.045,.355,1)}#preview-quick-links .inner .links button{font-family:var(--aspekta);font-weight:500;text-transform:uppercase;color:var(--white)}}@media (max-width: 767px){#app-nav{left:0;width:100vw;border-inline:none}#preview-quick-links{left:0;width:100vw}#preview-quick-links .inner{border-inline:none}#preview-quick-links .inner>button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}