:root{--header-padding-top:16px;--header-inner-height:var(--menubarHeightClosed);--header-padding-bottom:16px;--header-gap:8px;--header-height:calc(var(--header-padding-top) + var(--header-inner-height) + var(--header-padding-bottom))}.header{z-index:90;pointer-events:none;position:fixed;top:0;left:0;right:0}.header__inner{justify-content:space-between;align-items:flex-start;gap:var(--header-gap);padding:calc(env(safe-area-inset-top,0px) + var(--header-padding-top)) var(--margin-horizontal) var(--header-padding-bottom);display:flex;position:relative}.header__page-slot{display:contents}@media (min-width:1024px){.header__page-slot:not(:empty){padding-right:var(--header-page-slot-offset,0px);flex:1 1 0;justify-content:center;display:flex}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.header__page-slot[data-offset-switching]:not(:empty){transition:padding-right var(--duration-m) var(--ease-medium)}}.header__inner{transition:padding-right var(--duration-m) var(--ease-medium)}@media (prefers-reduced-motion:no-preference){.header__inner{transition:padding var(--breakpoint-transition-duration) var(--breakpoint-transition-ease), padding-right var(--duration-m) var(--ease-medium)}}.header__inner.header__inner--usermenu-open{padding-right:calc(var(--margin-horizontal) - var(--userdropdown-padding) - (var(--userdropdown-avatar-open) - var(--userdropdown-avatar)) / 2)}@media (min-width:768px){:root{--header-padding-top:20px;--header-padding-bottom:20px;--header-gap:20px}.header__inner{padding:calc(env(safe-area-inset-top,0px) + var(--header-padding-top)) var(--margin-horizontal) var(--header-padding-bottom)}}@media (min-width:1024px){:root{--header-padding-top:24px;--header-padding-bottom:24px;--header-gap:24px}.header__inner{padding:calc(env(safe-area-inset-top,0px) + var(--header-padding-top)) var(--margin-horizontal) var(--header-padding-bottom)}}@media (min-width:1440px){.header__inner{padding:calc(env(safe-area-inset-top,0px) + var(--header-padding-top)) var(--margin-horizontal) var(--header-padding-bottom)}}
:root{--footer-height:51px;--footer-occupied-height:calc(var(--footer-height) + var(--section-clearance-bottom) + env(safe-area-inset-bottom,0px))}.footer{padding-inline:var(--margin-horizontal);z-index:1;justify-content:center;align-self:end;margin-block-end:calc(var(--section-clearance-bottom) + env(safe-area-inset-bottom,0px));display:flex;position:relative}.footer__pill{align-items:center;gap:var(--footer-gap);padding-inline:var(--footer-padding-start) var(--footer-padding-end);border-radius:var(--footer-radius);background:var(--bg-100);height:var(--footer-height);--footer-radius:35px;--footer-padding-start:22px;--footer-padding-end:22px;--footer-gap:8px;--footer-label-size:11px;display:flex;box-shadow:0 0 20px #0000001a}@media (min-width:768px){.footer__pill{--footer-padding-start:35px;--footer-gap:16px;--footer-label-size:12px}}.footer__nav,.footer__entry{align-items:center;gap:var(--footer-gap);display:flex}.footer__separator{background:var(--separator-opaque);flex-shrink:0;width:1px;height:18px}.footer__link{color:var(--text-muted-100);font-size:var(--footer-label-size);text-box-trim:trim-both;text-box-edge:cap alphabetic;white-space:nowrap;font-weight:510;line-height:normal;text-decoration:none}.footer__label--long{display:none}@media (min-width:768px){.footer__label--long{display:inline}.footer__label--short{display:none}}@media (max-width:767.98px){[data-ios-safari=true] .footer{margin-block-end:0;padding-inline:0}[data-ios-safari=true]{--footer-dome:18px;--footer-occupied-height:calc(var(--footer-height) + var(--footer-dome) + env(safe-area-inset-bottom,0px))}[data-ios-safari=true] .footer__pill{border-radius:50% 50% 0 0 / var(--footer-dome) var(--footer-dome) 0 0;width:100%;height:auto;min-height:calc(var(--footer-height) + var(--footer-dome) + env(safe-area-inset-bottom,0px));justify-content:center;padding-block-start:var(--footer-dome);padding-block-end:env(safe-area-inset-bottom,0px)}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){[data-ios-safari=true] .footer__pill{animation-name:footer-dome-swell;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:calc(100% - var(--footer-dome-swell-range)) 100%}}}}@keyframes footer-dome-swell{0%{border-radius:50% 50% 0 0/0}to{border-radius:50% 50% 0 0 / var(--footer-dome-swell) var(--footer-dome-swell) 0 0}}
:root{--fake-scroll-offset:0px}[data-ios-safari=true]{--fake-scroll-offset:60px}