:root{--nav-green:#087653;--nav-line:#e5ebe8;--nav-ink:#17201c}.has-global-nav{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.global-bottom-nav{position:fixed;z-index:100;left:50%;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);width:min(100%,680px);height:calc(65px + env(safe-area-inset-bottom));padding:7px 7px env(safe-area-inset-bottom);border-top:1px solid var(--nav-line);border-radius:20px 20px 0 0;background:rgba(255,255,255,.97);box-shadow:0 -7px 24px rgba(22,45,34,.08);transform:translate(-50%,0);transition:transform .22s ease;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.global-bottom-nav a{position:relative;display:grid;place-items:center;align-content:center;gap:2px;min-width:0;color:var(--nav-ink);font-size:9px;font-weight:750;text-decoration:none}.global-bottom-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.global-bottom-nav a.active{color:var(--nav-green)}.global-bottom-nav a.active:not(.global-main) svg{fill:var(--nav-green);stroke:var(--nav-green)}.global-bottom-nav .global-main{color:var(--nav-green);transform:translateY(-19px)}.global-bottom-nav .global-main i{display:grid;width:56px;height:56px;place-items:center;border:4px solid #fff;border-radius:50%;color:#fff;background:var(--nav-green);box-shadow:0 6px 15px rgba(8,118,83,.25)}.global-bottom-nav .global-main svg{width:27px;height:27px}.global-bottom-nav .global-main span{font-size:9px}.global-nav-reveal{position:fixed;z-index:101;left:50%;bottom:0;width:62px;height:13px;padding:0;border:0;border-radius:10px 10px 0 0;background:rgba(8,118,83,.9);transform:translate(-50%,18px);transition:transform .22s ease}.global-nav-reveal:after{content:"";display:block;width:21px;height:3px;margin:auto;border-radius:3px;background:#fff;opacity:.85}.nav-hidden .global-bottom-nav{transform:translate(-50%,calc(100% + 8px))}.nav-hidden .global-nav-reveal{transform:translate(-50%,0)}body[data-nav="checker"].has-global-nav{padding-bottom:0}body[data-nav="checker"] .sheet-scroll{padding-bottom:calc(92px + env(safe-area-inset-bottom))}@media(min-width:760px){.global-bottom-nav{bottom:12px;border:1px solid var(--nav-line);border-radius:20px}.global-nav-reveal{bottom:12px;border-radius:10px}.has-global-nav{padding-bottom:84px}}@media(prefers-reduced-motion:reduce){.global-bottom-nav,.global-nav-reveal{transition:none}}
