.topnav{z-index:50;top:calc(22px + env(safe-area-inset-top));left:calc(28px + env(safe-area-inset-left));right:calc(28px + env(safe-area-inset-right));color:#fff;pointer-events:none;text-shadow:0 0 2px #00000059,0 1px 12px #0000008c;justify-content:space-between;align-items:center;font:500 13px/1 Inter,system-ui,sans-serif;display:flex;position:fixed}.topnav>span{pointer-events:auto;align-items:center;gap:16px;display:flex}.topnav a{color:inherit;opacity:.8;padding:6px 0;text-decoration:none;transition:opacity .15s}.topnav a:hover,.topnav a:focus-visible,.topnav a[aria-current]{opacity:1}.topnav .pages a[aria-current]{text-underline-offset:4px;text-decoration:underline}.topnav .sep{opacity:.45;margin:0 -8px}.topnav svg{fill:currentColor;filter:drop-shadow(0 1px 4px #00000059);width:15px;height:15px;display:block}@media (orientation:portrait){.topnav{left:calc(20px + env(safe-area-inset-left));right:calc(20px + env(safe-area-inset-right))}}@property --vt{syntax:"<percentage>";inherits:false;initial-value:0%}.topnav{view-transition-name:topnav}::view-transition-old(root){mix-blend-mode:normal;transform-origin:50% 68%;animation-duration:.87s;animation-timing-function:linear;animation-fill-mode:both}::view-transition-new(root){mix-blend-mode:normal;transform-origin:50% 68%;animation-duration:.87s;animation-timing-function:linear;animation-fill-mode:both}