.section--header{position:sticky;inset-block-start:0;z-index:var(--z-header);transition:transform .3s ease}:root{--header-height: var(--fluid-68-68)}.section--header:has(.header--static){position:static}.section--header:has(.header--hidden){transform:translateY(-100%)}body:has(.header--transparent) #main-content>.shopify-section:first-child{margin-top:calc(-1 * var(--header-height))}@media(prefers-reduced-motion:reduce){.section--header{transition:none}}.header{display:block}.header__bar{position:relative;background-color:var(--color-background);transition:box-shadow .25s ease,background-color .25s ease,filter .25s ease}.header--transparent:not(.header--sticky) .header__bar{background-color:transparent}.section--header:has(.header--transparent:not(.header--sticky)){background-color:transparent}.header--transparent:not(.header--sticky).header--drawer-open .header__logo-image{filter:brightness(0) invert(1)}.header--sticky .header__bar{filter:drop-shadow(0 4px 8px rgb(0 0 0 / 5%))}@media(prefers-reduced-motion:reduce){.header__bar{transition:none}}.header__inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--fluid-16-24);min-block-size:var(--fluid-68-68);padding-block:var(--fluid-16-24);padding-inline:var(--fluid-16-20)}.header__logo{justify-self:start;display:inline-flex;align-items:center}.header__logo-image{display:block;inline-size:var(--header-logo-width, 142px);max-inline-size:100%;block-size:auto}.header__logo-text{font-family:var(--font-heading-family);font-weight:var(--font-weight-semibold);font-size:var(--font-size-heading-sm)}.header__nav{display:none;justify-self:center}.header__nav-list{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-16);margin:0;padding:var(--spacing-12) var(--spacing-20);list-style:none;background-color:var(--color-brand-sky-blue);border-radius:var(--radius-pill)}.header__nav-pill{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:var(--pill-w, 0);block-size:var(--pill-h, 100%);border-radius:var(--radius-pill);background-color:var(--color-white);opacity:0;transform:translate(var(--pill-x, 0),var(--pill-y, 0));transition:transform .5s cubic-bezier(0,0,.2,1),inline-size .5s cubic-bezier(0,0,.2,1),opacity .25s ease;pointer-events:none;z-index:0}.header__nav-list--pill-on .header__nav-pill{opacity:1}.header__nav-link{position:relative;z-index:1;display:inline-flex;align-items:center;padding:var(--spacing-8) var(--spacing-12) var(--spacing-6);border:0;border-radius:var(--radius-pill);background-color:transparent;color:var(--color-blue-950);font-family:var(--font-body-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-light);line-height:var(--line-height-body-loose);white-space:nowrap;cursor:pointer}.header__nav-text{display:inline-block}.header__nav-link:hover,.header__nav-link:focus-visible,.header__nav-link[aria-current=page],.header__nav-link[aria-expanded=true]{color:var(--color-brand-blue)}@media(prefers-reduced-motion:reduce){.header__nav-pill{transition-duration:.01ms}}.header__actions{justify-self:end;display:inline-flex;align-items:center;gap:var(--spacing-16)}.header__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--fluid-32-40);block-size:var(--fluid-32-40);border:0;border-radius:var(--radius-pill);background-color:var(--color-brand-sky-blue);color:var(--color-white);cursor:pointer;transition:background-color .2s ease}.header__icon:before{content:"";position:absolute;inset:calc((44px - 100%)/-2)}.header__icon:hover{background-color:var(--color-brand-blue);color:var(--color-white)}.header__icon-svg{inline-size:18px;block-size:18px}.header__hamburger .header__icon-svg--close,.header__hamburger[aria-expanded=true] .header__icon-svg--menu{display:none}.header__hamburger[aria-expanded=true] .header__icon-svg--close{display:block}.header__cart-count{position:absolute;inset-block-start:-2px;inset-inline-end:-2px;min-inline-size:18px;padding:0 5px;border-radius:var(--radius-pill);background-color:var(--color-brand-blue);color:var(--color-white);font-size:var(--font-size-body-xxs);font-weight:var(--font-weight-semibold);line-height:18px;text-align:center}.header__panels{position:absolute;inset-inline:0;inset-block-start:100%}.megamenu{inline-size:fit-content;max-inline-size:var(--fluid-content);margin-block-start:var(--fluid-12-16);margin-inline:auto;border-radius:var(--radius-xl);background-color:var(--color-background);color:var(--color-foreground);box-shadow:0 12px 40px #0000001f;opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}.megamenu--open{opacity:1;transform:none}.megamenu__back{display:none}.megamenu__grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--spacing-24);padding:var(--spacing-40)}.megamenu__grid>.shopify-block{display:contents}.megamenu-column{flex:0 1 auto;min-inline-size:0}.megamenu-column--divider{position:relative;padding-inline-end:var(--spacing-24)}.megamenu-column--divider:after{content:"";position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:var(--border-width);block-size:min(var(--fluid-244-244),100%);background-color:var(--color-border)}.megamenu-column__heading{margin:0 0 var(--spacing-24);color:var(--color-gray-500);font-size:var(--font-size-body-xs);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-normal);text-transform:uppercase}.megamenu-column__list{display:flex;flex-direction:column;gap:var(--spacing-24);margin:0;padding:0;list-style:none}.megamenu-column__link{color:var(--color-foreground);font-size:var(--font-size-body-base);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-body);line-height:var(--line-height-heading);text-transform:capitalize}.megamenu-column--primary .megamenu-column__link{font-size:var(--font-size-body-md)}.megamenu-column__link:hover{color:var(--color-brand-blue)}.megamenu-column__link--cta{color:var(--color-blue-600);text-decoration:underline;text-underline-offset:3px}.megamenu-column__arrow{display:inline-block;margin-inline-start:4px}.shopify-block:has(>.megamenu-column)+.shopify-block:has(>.promo-card)>.promo-card{margin-inline-start:clamp(var(--spacing-24),4vw,72px)}.shopify-block:has(>.megamenu-column)+.shopify-block:has(>.image-card)>.image-card{margin-inline-start:clamp(var(--spacing-24),7vw,136px)}.shopify-block:has(>.image-card)+.shopify-block:has(>.image-card)>.image-card{margin-inline-start:calc(var(--spacing-16) - var(--spacing-24))}.promo-card{flex:0 0 auto;align-self:flex-start;inline-size:clamp(280px,22vw,320px);display:flex;flex-direction:column;gap:var(--spacing-16);color:var(--color-gray-800);text-decoration:none}.promo-card__media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius-lg);background-color:var(--color-brand-sky-blue)}.promo-card__image{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.promo-card__badge{position:absolute;inset-block-start:var(--spacing-16);inset-inline-start:var(--spacing-16);padding:var(--spacing-6) var(--spacing-12) var(--spacing-4);border-radius:var(--radius-pill);background-color:var(--color-brand-yellow);color:var(--color-gray-800);font-size:var(--font-size-body-xs);font-weight:var(--font-weight-light);text-transform:uppercase}.promo-card__heading{margin:0;font-family:var(--font-body-family);font-size:var(--font-size-body-base);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-body);line-height:var(--line-height-body);color:inherit;transition:color .2s ease}a.promo-card:hover .promo-card__heading{color:var(--color-brand-blue)}.image-card{position:relative;flex:0 0 auto;align-self:flex-start;inline-size:clamp(280px,22vw,320px);margin:0;overflow:hidden;border-radius:var(--radius-lg);aspect-ratio:320 / 402}.image-card__media{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.image-card__caption{position:absolute;display:flex;flex-direction:column;gap:var(--spacing-6)}.image-card--center .image-card__caption{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);inline-size:73.5%;aspect-ratio:235 / 147;align-items:center;justify-content:center;gap:var(--spacing-6);padding:var(--spacing-20) var(--fluid-24-40);text-align:center;background-color:var(--color-brand-yellow);-webkit-mask:url(megamenu-note.svg) center / 100% 100% no-repeat;mask:url(megamenu-note.svg) center / 100% 100% no-repeat}.image-card--center .image-card__title{font-family:var(--font-display-family);font-size:var(--font-size-display-xs);line-height:var(--line-height-display);color:var(--color-brand-blue)}.image-card--center .image-card__body{max-inline-size:30ch;font-size:var(--font-size-body-xxs);color:var(--color-gray-800)}.image-card--bottom .image-card__caption{inset-block-end:var(--spacing-24);inset-inline-start:var(--spacing-16);inline-size:min(278px,calc(100% - var(--spacing-16) * 2));padding:var(--spacing-12) var(--spacing-16);border-radius:var(--radius-md);background-color:var(--color-blue-200)}.image-card--bottom .image-card__title{font-size:var(--font-size-body-md);font-weight:var(--font-weight-light);color:var(--color-brand-blue)}.image-card--bottom .image-card__body{font-size:var(--font-size-body-xs);color:var(--color-gray-800)}.image-card__link{position:absolute;top:0;right:0;bottom:0;left:0}.header__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);background-color:#00000073;opacity:0;transition:opacity .3s ease}.header__backdrop--open{opacity:1}.header__drawer{position:fixed;inset-block:0;inset-inline-start:0;z-index:var(--z-drawer);display:flex;flex-direction:column;gap:var(--fluid-16-24);inline-size:min(86vw,360px);padding:var(--fluid-16-24);background-color:var(--color-background);color:var(--color-foreground);overflow-y:auto;overscroll-behavior:contain;transform:translate(-100%);transition:transform .3s ease}.header__drawer--open{transform:none}.drawer-nav__list,.drawer-nav__sub,.drawer-links,.drawer-social{margin:0;padding:0;list-style:none}.drawer-nav__item{border-block-end:var(--border-width) solid var(--color-border)}.drawer-nav__link,.drawer-nav__toggle{display:flex;align-items:center;justify-content:space-between;inline-size:100%;gap:var(--spacing-8);padding-block:var(--fluid-12-16);border:0;background-color:transparent;color:var(--color-foreground);font-family:inherit;font-size:var(--font-size-body-md);font-weight:var(--font-weight-regular);text-align:start;cursor:pointer}.drawer-nav__chevron{inline-size:20px;block-size:20px;flex:none;transition:transform .2s ease}.drawer-nav__toggle[aria-expanded=true] .drawer-nav__chevron{transform:rotate(180deg)}.drawer-nav__sub{display:flex;flex-direction:column;gap:var(--spacing-8);padding-block:0 var(--fluid-12-16);padding-inline-start:var(--spacing-12)}.drawer-nav__sublink{color:var(--color-foreground);font-size:var(--font-size-body-base)}.drawer-nav__sublink:hover,.drawer-links__link:hover{color:var(--color-brand-blue)}.drawer-links{display:flex;flex-direction:column;gap:var(--fluid-12-16);margin-block-start:auto}.drawer-links__link{color:var(--color-gray-500);font-size:var(--font-size-body-sm)}.drawer-social{display:flex;gap:var(--spacing-8)}@media(prefers-reduced-motion:reduce){.header__drawer,.header__backdrop{transition-duration:.01ms}}@media(min-width:1024px){:root{--header-height: var(--fluid-92-92)}.header__inner{grid-template-columns:1fr auto 1fr;min-block-size:var(--fluid-92-92);transition:min-block-size .25s ease}@media(prefers-reduced-motion:reduce){.header__inner{transition:none}}.header__nav{display:block}.header__hamburger,.header__backdrop,.header__drawer{display:none}}@media(max-width:1023px){.header{--drawer-inline-size: min(100vw, 430px)}.header__icon--account{display:none}.header__logo-image{inline-size:var(--fluid-86-86)}.header__drawer{inset-block-start:var(--drawer-anchor, var(--header-height));inline-size:var(--drawer-inline-size);padding:var(--spacing-16);background-color:transparent}.header--drawer-open .header__bar{position:relative;z-index:calc(var(--z-drawer) + 2);filter:none}.drawer-card{display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;gap:var(--spacing-32);padding:var(--spacing-32) var(--spacing-24);border-radius:var(--radius-xl);background-color:var(--color-white);box-shadow:0 8px 24px #00000024}.drawer-nav__list{display:flex;flex-direction:column;gap:var(--spacing-16)}.drawer-nav__item{border:0}.drawer-nav__link{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-24);inline-size:100%;padding-block:0;border:0;background-color:transparent;color:var(--color-gray-800);font-family:var(--font-body-family);font-size:var(--fluid-24-24);font-weight:var(--font-weight-regular);letter-spacing:-.48px;line-height:1.1}.drawer-nav__arrow{flex:none;display:inline-flex;align-items:center;justify-content:center;inline-size:34px;block-size:30px;border:var(--border-width) solid var(--color-brand-blue);border-radius:24px;background-color:var(--color-brand-yellow);color:var(--color-brand-blue)}.drawer-nav__arrow svg{inline-size:18px;block-size:13px}.drawer-card__foot{display:flex;flex-direction:column;gap:var(--spacing-20)}.drawer-links{display:flex;flex-direction:column;gap:var(--spacing-12);margin:0}.drawer-links__link{color:var(--color-gray-800);font-size:var(--font-size-body-base);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-body)}.drawer-social{display:flex;gap:var(--spacing-12)}.drawer-social__link{inline-size:32px;block-size:32px;border-radius:var(--radius-md);background-color:var(--color-brand-violet);color:var(--color-white)}.header__panels{position:static}.megamenu{position:fixed;inset-block:calc(var(--drawer-anchor, var(--header-height)) + var(--spacing-16)) var(--spacing-16);inset-inline:var(--spacing-16) auto;z-index:calc(var(--z-drawer) + 1);inline-size:calc(var(--drawer-inline-size) - 2 * var(--spacing-16));max-inline-size:none;margin:0;padding:var(--spacing-32) var(--spacing-24);border-radius:var(--radius-xl);background-color:var(--color-white);box-shadow:0 8px 24px #00000024;opacity:1;overflow-y:auto;overscroll-behavior:contain;transform:translate(120%);transition:transform .3s ease}.megamenu--open{transform:none}.megamenu__back{display:flex;align-items:center;gap:var(--spacing-6);inline-size:auto;margin-block-end:var(--spacing-32);padding:0;border:0;background-color:transparent;color:var(--color-gray-800);font-family:var(--font-body-family);font-size:var(--font-size-button);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-button);text-transform:uppercase;cursor:pointer}.megamenu__back-icon{inline-size:15px;block-size:11px;flex:none;color:var(--color-brand-blue)}.megamenu__grid{flex-direction:column;align-items:stretch;gap:var(--spacing-32);padding:0}.megamenu-column__list{gap:var(--spacing-16)}.shopify-block:has(>.megamenu-column)+.shopify-block:has(>.promo-card)>.promo-card,.shopify-block:has(>.megamenu-column)+.shopify-block:has(>.image-card)>.image-card,.shopify-block:has(>.image-card)+.shopify-block:has(>.image-card)>.image-card{margin-inline-start:0}.megamenu-column--divider{padding-inline-end:0}.megamenu-column--divider:after{content:none}.promo-card{display:none}.image-card{inline-size:100%;max-inline-size:none;aspect-ratio:320 / 287}@media(min-width:768px){.header{--drawer-inline-size: clamp(430px, 75vw, 720px)}.megamenu__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--spacing-32) var(--spacing-24)}.promo-card{display:flex;grid-column:1 / -1;justify-self:center}.shopify-block:has(>.megamenu-column)+.shopify-block:has(>.image-card)>.image-card{grid-column:1}}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-header.css.map */