/* A shared header and a brief crossfade, with no delayed click handlers. */
@view-transition{navigation:auto}
.mast.shell{view-transition-name:riften-header;width:calc(100% - 112px);max-width:1120px;height:100px}
.mast.shell nav{font-size:15px;gap:29px}
::view-transition-group(root){animation:none}
::view-transition-old(root){animation:riften-page-out 140ms ease-out both}
::view-transition-new(root){animation:riften-page-in 160ms ease-out both}
::view-transition-group(riften-header){animation-duration:0s}
::view-transition-old(riften-header){animation:none;opacity:0}
::view-transition-new(riften-header){animation:none}
@keyframes riften-page-out{to{opacity:0}}
@keyframes riften-page-in{from{opacity:0}to{opacity:1}}
@media(max-width:800px){.mast.shell{width:calc(100% - 64px);height:94px}.mast.shell nav{gap:22px}}
@media(max-width:580px){.mast.shell{width:calc(100% - 48px);height:84px}.mast.shell nav{gap:13px;font-size:13px}}
@media(max-width:360px){.mast.shell{width:calc(100% - 40px)}.mast.shell nav{gap:10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(*),::view-transition-new(*),::view-transition-group(*){animation:none!important}}