.piex-mobile-nav{display:none}@media(max-width:1024px){.header__mobile .header__mobile__grid{column-gap:8px}.header__mobile .header__heading{margin:0}.header__mobile .header__mobile__grid>:first-child{justify-self:start}.header__mobile .header__heading-link{padding:0}.header__mobile .piex-block-mark--mobile{width:122.76px;position:relative;top:5px}.header__mobile .header__icons{gap:2px;flex-wrap:nowrap;justify-content:flex-end}.header__mobile .header__icons .header__button{min-width:44px;min-height:44px;padding:8px}.piex-mobile-bat{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:6px;border-radius:50%;background:transparent;color:inherit;border:1px solid transparent;cursor:pointer}.piex-mobile-bat[hidden]{display:none}.piex-mobile-bat[aria-checked=true]{color:#74e9f1;background:#183841;border-color:#44848d}.piex-mobile-bat:focus-visible,.piex-mobile-nav a:focus-visible,.piex-mobile-nav summary:focus-visible{outline:3px solid #168b98;outline-offset:4px}body:has([data-piex-mobile-nav]){padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}body:has([data-piex-mobile-nav]) footersticky-nav,body:has([data-piex-mobile-nav]) .nav-responsive-spacer{display:none}.piex-mobile-nav{--nav-bg: #fffaf1;--nav-fg: #162f3b;--nav-line: #d9d4c9;position:fixed;inset:auto 16px calc(14px + env(safe-area-inset-bottom,0px));z-index:20;display:grid;grid-template-columns:1fr 1fr 1fr;max-width:420px;margin:0 auto;height:74px;background:var(--nav-bg);color:var(--nav-fg);border:1px solid var(--nav-line);border-radius:28px;box-shadow:0 6px 25px #0003;transition:transform .2s ease,opacity .2s ease}[data-piex-mode=halloween] .piex-mobile-nav{--nav-bg: #182633;--nav-fg: #f0f5f5;--nav-line: #39505a}.piex-mobile-nav[data-hidden=true]{transform:translateY(calc(120% + env(safe-area-inset-bottom,0px)));opacity:0;pointer-events:none}.piex-mobile-nav:has(:focus-visible){transform:none;opacity:1;pointer-events:auto}.piex-mobile-nav__link,.piex-mobile-nav__menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;height:100%;color:var(--nav-fg);font-size:12px;font-weight:600;line-height:1.2;text-decoration:none}.piex-mobile-nav__link>svg{width:24px;height:24px}.piex-mobile-nav>.menu-drawer,.piex-mobile-nav>.menu-drawer>menu-drawer{display:block;height:100%}.piex-mobile-nav>.menu-drawer>menu-drawer>details{height:100%}.piex-mobile-nav__menu{cursor:pointer;list-style:none;justify-content:flex-end;padding-bottom:10px}.piex-mobile-nav__menu::-webkit-details-marker{display:none}.piex-mobile-nav__circle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:62px;height:62px;margin-top:-20px;border:5px solid var(--nav-bg);border-radius:50%;background:#70e3ec;color:#102e3a;box-shadow:0 -3px 12px #0002}.piex-mobile-nav__circle svg{width:26px;height:26px}.piex-mobile-nav:has(details[open]){z-index:1001;transform:none;opacity:1;pointer-events:auto}.piex-mobile-nav .popup-modal{text-align:left}}@media(prefers-reduced-motion:reduce){.piex-mobile-nav{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/piex-mobile-nav.css.map */