/* Native document navigation: no blank overlay and no hidden page while loading. */
@view-transition{navigation:auto}
html{background:#f6f3ee;scrollbar-gutter:stable}
.sidebar{view-transition-name:workspace-sidebar}
.shell>.topbar{view-transition-name:workspace-topbar}
.shell>main{view-transition-name:workspace-content}
::view-transition-group(*){animation-duration:160ms;animation-timing-function:ease-out}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-old(workspace-sidebar),::view-transition-old(workspace-topbar){animation:none}
::view-transition-new(workspace-sidebar),::view-transition-new(workspace-topbar){animation:none;mix-blend-mode:normal}
::view-transition-group(workspace-sidebar),::view-transition-group(workspace-topbar){animation:none}
::view-transition-old(workspace-content){animation:none}
::view-transition-new(workspace-content){animation:workspace-arrive 160ms ease-out both;mix-blend-mode:normal}
@keyframes workspace-arrive{from{opacity:.85;transform:translateY(3px)}to{opacity:1;transform:none}}
.workspace-loading-line{position:fixed;inset:0 0 auto;height:2px;z-index:1000;pointer-events:none;overflow:hidden;opacity:0}
.workspace-loading-line::before{content:'';display:block;width:35%;height:100%;background:#ac8549;transform:translateX(-110%)}
html.workspace-navigating .workspace-loading-line{opacity:1}
html.workspace-navigating .workspace-loading-line::before{animation:workspace-loading 1.2s ease-in-out infinite}
@keyframes workspace-loading{to{transform:translateX(390%)}}
.sidebar .nav-item{transition:background-color 120ms ease-out,color 120ms ease-out}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*){animation-duration:0s!important}.sidebar .nav-item{transition:none}html.workspace-navigating .workspace-loading-line::before{animation:none;transform:none;width:100%}}