.main-header #header{margin:0;border-radius:0;background:var(--spbx-surface-1);box-shadow:0 1px 0 var(--spbx-line);transition:background-color .35s ease,box-shadow .35s ease}.main-header #header-grid{min-height:6.4rem;padding-inline:clamp(.4rem,2vw,3.6rem)}@media(max-width:777px){.main-header #header-grid{min-height:5.6rem;padding-inline:.4rem}}.main-header{transition:transform .55s cubic-bezier(.32,.72,0,1)}.main-header.spbx-nav-hidden{transform:translateY(-101%)}.main-header .marquee{margin:0;border-radius:0;max-height:5rem;overflow:hidden;transition:max-height .5s cubic-bezier(.32,.72,0,1),padding .5s cubic-bezier(.32,.72,0,1)}.main-header.spbx-nav-scrolled .marquee{max-height:0;padding-block:0}.main-header.spbx-nav-scrolled #header{background:color-mix(in srgb,var(--spbx-surface-1) 86%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:0 1px 0 var(--spbx-line)}@media(prefers-reduced-motion:reduce){.main-header{transition:none}}.main-header .menulink :is(a.no-style,.dm.lv1>summary){position:relative;font-size:1.2rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--spbx-ink)}.spbx-roll{display:inline-flex;flex-direction:column;overflow:hidden;max-height:1.5em;line-height:1.5;vertical-align:top}.spbx-roll__t{display:block;transform:translateY(0);transition:transform .45s cubic-bezier(.76,0,.24,1)}.spbx-roll__t--dup{color:var(--spbx-accent)}@media(hover:hover){.main-header .menulink :is(a.no-style,summary):hover .spbx-roll__t{transform:translateY(-100%)}}.main-header .menulink a.no-style:focus-visible .spbx-roll__t,.main-header .menulink details[open]>summary .spbx-roll__t{transform:translateY(-100%)}@media(prefers-reduced-motion:reduce){.spbx-roll__t{transition:none;transform:none!important}.main-header .menulink :is(a.no-style,summary):hover,.main-header .menulink a.no-style:focus-visible,.main-header .menulink details[open]>summary{color:var(--spbx-accent)}}.main-header .menulink a.is-active:after{content:"";position:absolute;left:50%;bottom:.2rem;translate:-50% 0;width:.4rem;height:.4rem;border-radius:50%;background:var(--spbx-accent)}.main-header .menulink :is(a,summary):focus-visible{outline:2px solid var(--spbx-accent);outline-offset:2px;border-radius:.2rem}.main-header header .accounts li :is(a,button,.fire-menu){transition:color .2s ease,opacity .2s ease}.main-header header .accounts li :is(a,button):hover{color:var(--spbx-accent)}.main-header header .hasIco #counter{position:relative;display:inline-flex;border:0;padding:0}.main-header header .hasIco #counter:after{content:attr(data-count);position:absolute;top:-.55rem;right:-.75rem;min-width:1.6rem;height:1.6rem;padding:0 .35rem;display:grid;place-items:center;background:var(--spbx-accent);color:var(--spbx-on-accent);font-size:1rem;font-weight:700;line-height:0;text-indent:0;border-radius:1rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.main-header header .hasIco #counter[data-count="0"]:after{opacity:0;transform:scale(.4)}.main-header header .logo{color:var(--spbx-ink)}.main-header header .bogo a{transition:opacity .2s ease}.main-header header .bogo a:hover{opacity:.65}.main-header :is(.hamburger,.spbx-mobile-toggle) .spbx-menu-toggle svg{width:2.2rem;height:2.2rem}body.open-menu .main-header .fire-menu{color:var(--spbx-accent)}@media(hover:none){body:not(.open-menu) .main-header header .fire-menu:hover{color:var(--linkColor, var(--spbx-ink))}}@media(max-width:777px){.main-header #header-grid{grid-template-columns:1fr auto 1fr}.main-header #header-grid>.spbx-mobile-toggle{grid-column:1;grid-row:1;justify-content:flex-start}.main-header #header-grid>.bogo{grid-column:2;grid-row:1}.main-header #header-grid>.accounts{grid-column:3;grid-row:1}}@media(max-width:777px){body.open-menu #mobmenu{position:fixed;inset:var(--spbxNavBottom, var(--headerGroupHeight, 0px)) 0 0 0;width:100vw;max-width:100vw;height:auto;max-height:none;z-index:98;overflow:hidden}body.hpsticky.open-menu #mobmenu{height:auto}.spb-mobnav{top:var(--spbxNavBottom, var(--headerGroupHeight, 0px));bottom:0;left:0;right:auto;height:auto;width:min(86vw,40rem);max-width:none;border-left:0;border-right:1px solid var(--spbx-line);padding-inline:var(--sp-md, 2.4rem);padding-block-end:var(--sp-md, 2.4rem);transform:translate3d(-100%,0,0)}body.open-menu .spb-mobnav{transform:translateZ(0)}.spb-mobnav-overlay{background:#0a0a0a52}.spb-mobnav .header{align-items:center;margin:0;padding:1.4rem 0 1.2rem;border-block-end:1px solid var(--spbx-line)}.spb-mobnav .headingTitle{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--spbx-ink)}.spb-mobnav :is(.spb-mobnav-quick-links,.spb-mobnav-i18n)>x-cell{place-items:center start;border-block-end:1px solid var(--spbx-line)}.spb-mobnav :is(.spb-mobnav-quick-links,.spb-mobnav-i18n) :is(a,button){display:block;width:auto;background:transparent;border-radius:0;padding:1.2rem 0;font-size:1.2rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--spbx-ink-mut);text-decoration:none;transition:color .15s ease}.spb-mobnav :is(.spb-mobnav-quick-links,.spb-mobnav-i18n) :is(a,button):is(:hover,:focus-visible){color:var(--spbx-accent)}.spb-mobnav-menus{padding-block:var(--sp-xs, 1.2rem)}.spb-mobnav-link{display:block;width:100%;background:transparent;border-radius:0;padding:1.2rem 0;font-size:1.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:color .15s ease,translate .2s ease}.spb-mobnav-list>li{border-bottom:1px solid var(--spbx-line)}.spb-mobnav-list>li:last-child{border-bottom:0}.spb-mobnav-link:focus-visible{color:var(--spbx-accent)}.spb-mobnav details[open]>summary.spb-mobnav-link{color:var(--spbx-accent)}.spb-mobnav .bordi details[open]>summary.spb-mobnav-link{font-size:1.8rem}.spb-mobnav-link.is-active,.spb-mobnav-link[aria-current=page]{color:var(--spbx-accent)}.spb-mobnav-link.is-active:before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:.9rem;border-radius:50%;background:var(--spbx-accent);vertical-align:.15em}.spb-mobnav-menus details-menu{margin-left:0;padding-left:var(--sp-sm, 1.6rem);border-left:1px solid var(--spbx-line)}.spb-mobnav-menus details-menu .spb-mobnav-link{font-size:1.4rem;font-weight:500;letter-spacing:.06em;padding-block:.9rem}.spb-mobnav .bordi details-menu details[open]>summary.spb-mobnav-link{font-size:1.4rem}body.open-menu .spb-mobnav .spb-mobnav-menus>x-cell{animation:spbx-mobnav-in .5s cubic-bezier(.32,.72,0,1) backwards}body.open-menu .spb-mobnav .spb-mobnav-menus>x-cell:nth-child(1){animation-delay:.08s}body.open-menu .spb-mobnav .spb-mobnav-menus>x-cell:nth-child(2){animation-delay:.13s}body.open-menu .spb-mobnav .spb-mobnav-menus>x-cell:nth-child(3){animation-delay:.18s}body.open-menu .spb-mobnav .spb-mobnav-menus>x-cell:nth-child(4){animation-delay:.23s}body.open-menu .spb-mobnav .spb-mobnav-menus>x-cell:nth-child(5){animation-delay:.28s}body.open-menu .spb-mobnav .spb-mobnav-menus>x-cell:nth-child(6){animation-delay:.33s}body.open-menu .spb-mobnav .spb-mobnav-menus>x-cell:nth-child(n+7){animation-delay:.38s}@keyframes spbx-mobnav-in{0%{opacity:0;transform:translate(-2.4rem)}}@media(prefers-reduced-motion:reduce){body.open-menu .spb-mobnav .spb-mobnav-menus>x-cell{animation:none}}}.main-header #header.header--transparent-top{background:var(--spbx-surface-1);box-shadow:0 1px 0 var(--spbx-line);--headerColor: var(--spbx-ink);--linkColor: var(--spbx-ink);--linkHover: var(--spbx-accent);color:var(--spbx-ink)}.main-header #header.header--transparent-top svg,.main-header #header.header--transparent-top .logo,.main-header #header.header--transparent-top a{color:var(--spbx-ink);fill:none;stroke:currentColor}.main-header #header.header--transparent-top #counter{color:var(--spbx-ink);border-color:var(--spbx-ink)}.main-header #header.header--transparent-top .logo--black{display:block}.main-header #header.header--transparent-top .logo--white{display:none}@media(max-width:777px)and (hover:hover){.spb-mobnav-link:hover{color:var(--spbx-accent);translate:.3rem 0}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/spbox-header.css.map */