.supra-header{position:relative;z-index:20;width:100%;color:var(--supra-header-text);background:var(--supra-header-bg);border:0;font-family:var(--font-body--family, Arial, sans-serif);font-style:var(--font-body--style, normal);font-weight:var(--font-body--weight, 400)}.supra-header-section,#header-group{overflow:visible}#header-group:has(.supra-header--sticky){position:sticky;top:0;z-index:var(--layer-menu-drawer, 18);align-self:flex-start;width:100%}.supra-header-section:has(>.supra-header--sticky){position:relative;z-index:inherit;width:100%}@media(max-width:989px){html:has(.supra-header--sticky),html:has(.supra-header--sticky) body{height:100dvh;overflow:hidden}html:has(.supra-header--sticky) .page-wrapper{height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain}}.supra-header--sticky{position:relative;z-index:20}.supra-header__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:100%;height:var(--supra-header-desktop-height);padding:0 var(--page-margin, 22px);column-gap:clamp(.75rem,2vw,2rem)}.supra-header__logo{display:flex;flex:0 0 auto;align-items:center;width:var(--supra-header-logo-width);color:inherit;text-decoration:none}.supra-header__logo-image{display:block;width:100%;height:auto;max-height:calc(var(--supra-header-desktop-height) - 22px);object-fit:contain;object-position:left center}.supra-header__logo-placeholder{font-family:Georgia,Times New Roman,serif;font-size:28px;line-height:1}.supra-header__nav{display:flex;align-items:stretch;align-self:stretch;justify-content:flex-start;min-width:0;gap:clamp(.375rem,1.1vw,2rem)}.supra-header__nav-item{position:relative;display:flex;flex:0 0 auto;align-items:center}.supra-header__nav-link{display:flex;align-items:center;gap:clamp(2px,.45vw,9px);color:var(--supra-dark-text, #0f0f0f);font-family:var(--supra-font, "Google Sans Flex", Arial, sans-serif);font-size:var(--supra-medium-size, 16px);font-style:normal;font-weight:var(--supra-weight-medium, 500);line-height:normal;text-decoration:none;white-space:nowrap}.supra-header__nav-link.is-active,.supra-header__nav-link:hover{color:var(--supra-header-active)}.supra-header__nav-link.is-highlighted{color:var(--UI-alert-color, var(--supra-header-highlight, #b80707));font-family:var(--supra-font, "Google Sans Flex", Arial, sans-serif);font-size:inherit;font-style:normal;font-weight:var(--supra-weight-medium, 500);line-height:normal}.supra-header__nav-link.is-highlighted:hover{color:var(--UI-alert-color, var(--supra-header-highlight, #b80707))}.supra-header__nav-link.is-highlighted .supra-header__chevron{color:var(--supra-dark-text, #0f0f0f)}.supra-header__nav-item--mega:hover>.supra-header__nav-link,.supra-header__nav-item--mega:focus-within>.supra-header__nav-link{color:var(--supra-header-mega-active)}.supra-header__chevron{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:10px;color:inherit;transition:transform .2s ease}.supra-header__chevron svg{display:block;width:100%;height:100%}.supra-header__nav-item--mega.is-mega-open>.supra-header__nav-link .supra-header__chevron{transform:rotate(180deg)}.supra-header__dropdown{position:absolute;top:calc(100% - 1px);left:-18px;display:none;min-width:180px;padding:12px 0;background:var(--supra-header-bg);border:var(--border-width-sm, 1px) solid var(--supra-header-border);box-shadow:0 8px 24px #00000014}.supra-header__dropdown a{display:block;padding:10px 18px;color:inherit;font-size:13px;text-decoration:none}.supra-header__dropdown a:hover{background:#0000000d}.supra-header__nav-item:hover .supra-header__dropdown,.supra-header__nav-item:focus-within .supra-header__dropdown{display:block}.supra-header__nav-item--mega{position:static}.supra-header__mega{--supra-mega-featured-size: 321.28px;--supra-mega-image-offset: max( 0px, calc(var(--supra-mega-image-gap) - var(--supra-mega-column-gap)) );--supra-mega-color-image-offset: max( 0px, calc(var(--supra-mega-color-image-gap) - var(--supra-mega-column-gap)) );position:absolute;top:100%;left:0;display:none;z-index:30;width:100%;padding:var(--supra-mega-padding-top) var(--supra-mega-padding-right) var(--supra-mega-padding-bottom) var(--supra-mega-padding-left);color:var(--supra-header-text);background:var(--supra-header-bg);font-family:var(--supra-font);font-size:var(--supra-paragraph-size);border:0;box-shadow:0 12px 24px #0000000d}.supra-header__nav-item--mega:hover .supra-header__mega,.supra-header__nav-item--mega:focus-within .supra-header__mega,.supra-header__nav-item--mega.is-mega-open .supra-header__mega{display:block}.supra-header__mega-inner{display:grid;grid-template-columns:max-content max-content max-content calc(var(--supra-mega-featured-size) + var(--supra-mega-color-image-offset)) calc(var(--supra-mega-featured-size) + var(--supra-mega-image-offset));column-gap:var(--supra-mega-column-gap);width:100%;max-width:var(--page-width, 1600px);min-height:0;margin:0 auto;overflow-x:auto}.supra-header__mega-column{min-width:max-content;padding:0 var(--padding-xl, 1.25rem);border-right:var(--border-width-sm, 1px) solid rgb(0 0 0 / 10%)}.supra-header__mega-column:first-child{padding-left:0}.supra-header__mega-column--swatches{border-right:0}.supra-header__mega-column>.supra-header__mega-heading{display:block;width:max-content;margin:0 0 var(--padding-sm, .7rem);color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1.25;text-decoration:none;white-space:nowrap}.supra-header__mega-column>.supra-header__mega-heading:hover{color:var(--supra-header-active)}.supra-header__mega-column>.supra-header__mega-heading:focus-visible{outline:2px solid var(--supra-header-active, var(--UI-dark-text));outline-offset:2px;border-radius:2px}.supra-header__mega-column>:is(a,span){display:block;width:max-content;margin-bottom:var(--padding-sm, .7rem);color:inherit;font-family:inherit;font-size:inherit;line-height:1.25;text-decoration:none;white-space:nowrap}.supra-header__mega-column>a:hover{color:var(--supra-header-active)}.supra-header__mega-column>.is-highlighted{color:var(--supra-header-highlight)}.supra-header__mega-badge{display:inline-flex;margin-left:var(--gap-xs, .5rem);padding:1px var(--padding-2xs, .25rem);color:var(--supra-header-highlight);background:color-mix(in srgb,var(--supra-header-highlight) 12%,white);border:var(--border-width-sm, 1px) solid color-mix(in srgb,var(--supra-header-highlight) 35%,white);border-radius:var(--style-border-radius-pills, 999px);font-family:inherit;font-size:var(--supra-small-size);font-weight:var(--supra-weight-regular);line-height:1.2;vertical-align:middle}.supra-header__mega-badge--new{color:var(--supra-dark-text);background:var(--supra-accent-2);border-color:color-mix(in srgb,var(--supra-primary) 55%,white)}.supra-header__mega--two_columns .supra-header__mega-inner{grid-template-columns:max-content max-content calc(var(--supra-mega-featured-size) + var(--supra-mega-color-image-offset)) calc(var(--supra-mega-featured-size) + var(--supra-mega-image-offset))}.supra-header__mega--two_columns .supra-header__mega-column:nth-child(2){border-right:0}.supra-header__mega--two_columns .supra-header__mega-image--1{grid-column:3}.supra-header__mega--two_columns .supra-header__mega-image--2{grid-column:4}.supra-header__mega--two_columns .supra-header__mega-column>.supra-header__mega-heading{color:var(--supra-primary-stroke, #656565);font-family:var(--supra-font, "Google Sans Flex", Arial, sans-serif);font-size:var(--supra-h6-size, 18px);font-style:normal;font-weight:var(--supra-weight-medium, 500);line-height:normal;letter-spacing:var(--supra-mega-label-letter-spacing, 2.34px);text-transform:uppercase}.supra-header__mega--two_columns .supra-header__mega-column>:is(a,span){color:var(--supra-dark-text, #0f0f0f);font-family:var(--supra-font, "Google Sans Flex", Arial, sans-serif);font-size:var(--supra-medium-size, 16px);font-style:normal;font-weight:var(--supra-weight-regular, 400);line-height:normal}.supra-header__mega-column .supra-header__swatch-link{display:flex;align-items:center;gap:var(--gap-xs, .5rem);width:fit-content;padding:var(--padding-3xs, .125rem) var(--padding-sm, .7rem) var(--padding-3xs, .125rem) var(--padding-2xs, .25rem);margin-inline:calc(var(--padding-2xs, .25rem) * -1) 0;margin-bottom:var(--padding-xs, .5rem);color:var(--UI-primary-stroke, #656565);font-family:var(--supra-font, "Google Sans Flex");font-size:var(--supra-paragraph-size, 14px);font-style:normal;font-weight:var(--supra-weight-regular, 400);line-height:normal;border-radius:var(--style-border-radius-pills, 999px);transition:color var(--animation-values, .125s ease-in-out),background-color var(--animation-values, .125s ease-in-out)}.supra-header__mega-column .supra-header__swatch-link:hover,.supra-header__mega-column .supra-header__swatch-link:focus-visible{color:inherit;background-color:var(--supra-mega-swatch-hover)}.supra-header__swatch-link>span{flex:0 0 auto;width:10px;height:10px;background:var(--swatch-color);border:var(--border-width-sm, 1px) solid rgb(0 0 0 / 8%);border-radius:var(--style-border-radius-50, 50%)}.supra-header__mega-image{display:block;align-self:start;min-width:0;width:var(--supra-mega-featured-size);height:var(--supra-mega-featured-size);max-width:100%;max-height:var(--supra-mega-featured-size);margin-left:var(--supra-mega-image-offset);overflow:hidden;color:inherit;background:#0000000a}.supra-header__mega-image--1{margin-left:var(--supra-mega-color-image-offset)}.supra-header__mega-image img,.supra-header__mega-image-placeholder{display:block;width:100%;height:100%;object-fit:cover}.supra-header__mega-image-placeholder{opacity:.45}.supra-header__actions{display:flex;align-items:center;gap:21px;z-index:1;background:var(--supra-header-bg)}.supra-header__promo{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 21px;color:#111;background:var(--supra-header-accent);border-radius:var(--style-border-radius-pills, 999px);font-family:var(--supra-font, "Google Sans Flex", Arial, sans-serif);font-size:16px;line-height:1;font-weight:500;text-decoration:none;white-space:nowrap}@media(min-width:1000px)and (max-width:1399px){.supra-header__inner{column-gap:.75rem}.supra-header__nav{gap:.5rem}.supra-header__nav-link{font-size:.875rem;gap:4px}.supra-header__chevron{width:16px}.supra-header__actions{gap:.75rem}.supra-header__promo{min-height:36px;padding:0 12px;font-size:.8125rem}}@media(min-width:1000px)and (max-width:1149px){.supra-header__inner{column-gap:.5rem}.supra-header__nav{gap:.375rem}.supra-header__nav-link{font-size:.75rem;gap:2px}.supra-header__chevron{width:12px}.supra-header__promo{min-height:34px;padding:0 10px;font-size:.75rem}}.supra-header__desktop-icons{display:flex;align-items:center;gap:var(--gap-md, 14px)}.supra-header__icon-link{position:relative;display:grid;width:23px;height:23px;padding:0;place-items:center;color:inherit;background:transparent;border:0;cursor:pointer}.supra-header__icon-link:focus-visible{outline:2px solid var(--supra-header-text);outline-offset:3px}.supra-header__icon-link img,.supra-header__icon-placeholder{display:block;width:23px;height:23px;object-fit:contain}.supra-header__icon-placeholder{opacity:.7}.supra-header__cart-count{position:absolute;top:-7px;right:-8px;min-width:14px;height:14px;padding:0 3px;color:#fff;background:#111;border-radius:10px;font-size:9px;line-height:14px;text-align:center}.supra-header__menu-toggle{display:none;padding:0;color:inherit;background:none;border:0;cursor:pointer}.supra-header__menu-toggle>img{width:38px;height:38px;object-fit:contain}.supra-header__hamburger{display:flex;width:21px;flex-direction:column;gap:3px}.supra-header__hamburger i{display:block;width:100%;height:3px;background:currentColor;border-radius:var(--style-border-radius-xs, 2px);transition:transform var(--animation-values-slow, .2s ease),opacity var(--animation-values-slow, .2s ease)}.supra-header.is-menu-open .supra-header__hamburger i:nth-child(1){transform:translateY(10px) rotate(45deg)}.supra-header.is-menu-open .supra-header__hamburger i:nth-child(2){opacity:0}.supra-header.is-menu-open .supra-header__hamburger i:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.supra-header__drawer{border-top:var(--border-width-sm, 1px) solid var(--supra-header-border);background:var(--supra-header-bg)}.supra-header__drawer[hidden]{display:none}@media(max-width:999px){html.supra-menu-open{overflow:hidden}.supra-header__inner{display:flex;height:auto;padding:14px var(--page-margin, 30px);gap:var(--gap-xl, 20px)}.supra-header__logo{width:var(--supra-header-logo-width-mobile)}.supra-header__logo-image{max-height:48px}.supra-header__logo-placeholder{font-size:46px}.supra-header__nav,.supra-header__desktop-icons{display:none}.supra-header__mega{display:none!important}.supra-header__actions{gap:var(--gap-xl, 20px);margin-left:auto}.supra-header__promo{min-height:62px;padding:0 30px;color:var(--UI-dark-text, #0f0f0f);font-family:var(--supra-font, "Google Sans Flex", Arial, sans-serif);font-size:var(--supra-small-size, 12px);font-style:normal;font-weight:var(--supra-weight-medium, 500);line-height:normal}.supra-header__menu-toggle{display:grid;place-items:center}.supra-header__drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;width:100%;height:100dvh;max-height:none;padding:var(--padding-md, .8rem) var(--page-margin, 1rem) 0;flex-direction:column;overflow-y:auto;color:var(--supra-header-text);background:var(--supra-header-bg);border:0}.supra-header__drawer-link,.supra-header__drawer-group summary{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:var(--padding-xs, .5rem) 0;color:var(--supra-dark-text, #0f0f0f);border:0;font-family:var(--supra-font, "Google Sans Flex", Arial, sans-serif);font-size:var(--supra-medium-size, 16px);font-style:normal;font-weight:var(--supra-weight-medium, 500);line-height:normal;text-decoration:none;cursor:pointer;list-style:none}.supra-header__drawer-link.is-highlighted{color:var(--UI-alert-color, var(--supra-header-highlight, #b80707));font-family:var(--supra-font, "Google Sans Flex", Arial, sans-serif);font-size:var(--supra-medium-size, 16px);font-style:normal;font-weight:var(--supra-weight-medium, 500);line-height:normal}.supra-header__drawer-link.is-highlighted .supra-header__chevron{color:var(--supra-dark-text, #0f0f0f)}.supra-header__drawer-group summary::-webkit-details-marker{display:none}.supra-header__drawer-group[open]>summary{color:var(--supra-header-mega-active)}.supra-header__drawer-group[open] summary .supra-header__chevron{transform:rotate(180deg)}.supra-header__drawer-group>div{padding:7px 0 12px 18px}.supra-header__drawer-group>div :is(a,.supra-header__drawer-child){display:block;padding:10px 0;color:inherit;text-decoration:none}.supra-header__drawer-group>div .supra-header__drawer-child--heading{padding-bottom:var(--padding-xs, .5rem);font-weight:600}.supra-header__drawer-group>div .supra-header__drawer-grandchild{padding:var(--padding-xs, .5rem) 0 var(--padding-xs, .5rem) var(--padding-lg, 1rem);opacity:.72}.supra-header__drawer-group>div .supra-header__drawer-swatch{display:flex;align-items:center;gap:var(--gap-xs, .5rem);padding-block:var(--padding-xs, .5rem);color:var(--UI-primary-stroke, #656565);font-family:var(--supra-font, "Google Sans Flex", Arial, sans-serif);font-size:var(--supra-paragraph-size, 14px);font-style:normal;font-weight:var(--supra-weight-regular, 400);line-height:normal;text-decoration:none;opacity:.72}.supra-header__drawer-group>.supra-header__drawer-mega{padding:0}.supra-header__drawer-mega-section{padding:var(--padding-sm, .7rem) 0;border-top:var(--border-width-sm, 1px) solid rgb(0 0 0 / 8%)}.supra-header__drawer-group .supra-header__drawer-mega-section>.supra-header__drawer-mega-heading{display:block;margin:0 0 var(--padding-xs, .5rem);padding:0;color:inherit;font-family:var(--supra-font);font-size:14px;font-weight:var(--supra-weight-medium);text-decoration:none}.supra-header__drawer-group .supra-header__drawer-mega-section>.supra-header__drawer-mega-heading:hover{color:var(--supra-header-active)}.supra-header__drawer-group .supra-header__drawer-mega-section>.supra-header__drawer-mega-heading:focus-visible{outline:2px solid var(--supra-header-active, var(--UI-dark-text));outline-offset:2px;border-radius:2px}.supra-header__drawer-group>div .supra-header__drawer-mega-section .supra-header__drawer-child{padding:var(--padding-2xs, .25rem) 0;font-family:var(--supra-font);font-size:14px}.supra-header__drawer-group>div .supra-header__drawer-mega-section :is(.supra-header__drawer-mega-heading,.supra-header__drawer-child,.supra-header__drawer-child.is-highlighted,.supra-header__swatch-link.supra-header__drawer-swatch){font-size:14px}.supra-header__drawer-group>div .supra-header__drawer-child.is-highlighted{color:var(--supra-header-highlight)}.supra-header__drawer-group>div .supra-header__drawer-mega-section .supra-header__drawer-swatch{padding-block:var(--padding-3xs, .125rem)}.supra-header__drawer-mega-images{display:grid;gap:var(--padding-xs, .5rem);padding:var(--padding-sm, .7rem) 0;border-top:var(--border-width-sm, 1px) solid rgb(0 0 0 / 8%)}.supra-header__drawer-mega-image{display:block;width:100%;aspect-ratio:var(--drawer-mega-image-width) / var(--drawer-mega-image-height);overflow:hidden;color:inherit;background:#0000000a}.supra-header__drawer-mega-image img,.supra-header__drawer-mega-placeholder{display:block;width:100%;height:100%;object-fit:cover}.supra-header__drawer-mega-placeholder{opacity:.45}.supra-header__drawer-header{display:flex;align-items:center;justify-content:space-between;min-height:38px}.supra-header__drawer-logo{display:flex;width:var(--supra-header-logo-width-mobile);max-width:42vw;align-items:center;color:inherit;text-decoration:none}.supra-header__drawer-logo img{display:block;width:100%;max-height:32px;object-fit:contain;object-position:left center}.supra-header__drawer-logo span{font-family:Georgia,Times New Roman,serif;font-size:28px;line-height:1}.supra-header__drawer-close{position:relative;width:32px;height:32px;padding:0;color:inherit;background:none;border:0;cursor:pointer}.supra-header__drawer-close:before,.supra-header__drawer-close:after{position:absolute;top:50%;left:50%;width:14px;height:1px;background:currentColor;content:""}.supra-header__drawer-close:before{transform:translate(-50%,-50%) rotate(45deg)}.supra-header__drawer-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.supra-header__drawer-promo{display:flex;min-height:36px;margin:var(--padding-xs, .5rem) 0 var(--padding-md, .8rem);align-items:center;justify-content:center;color:var(--supra-dark-text);background:var(--supra-header-accent);border-radius:var(--style-border-radius-pills, 999px);font-family:var(--supra-font);font-size:16px;text-decoration:none}.supra-header__drawer>nav{padding-bottom:var(--padding-xl, 1.25rem)}.supra-header__drawer-actions{display:flex;gap:0;margin-top:auto;padding:var(--padding-sm, .7rem) 0;flex-direction:column;border-top:var(--border-width-sm, 1px) solid rgb(0 0 0 / 12%)}.supra-header__drawer-actions :is(a,button){display:flex;width:100%;min-height:38px;padding:0;align-items:center;gap:var(--gap-sm, .7rem);color:inherit;background:transparent;border:0;font-family:var(--supra-font);font-size:16px;text-align:left;text-decoration:none;cursor:pointer}.supra-header__drawer-actions :is(a,button):focus-visible{outline:2px solid var(--supra-header-text);outline-offset:3px}.supra-header__drawer-actions img,.supra-header__drawer-action-placeholder{display:block;width:21.36px;height:21.36px;object-fit:contain}}@media(max-width:520px){.supra-header__inner{height:auto;padding:14px 16px;gap:12px}.supra-header__logo{width:min(var(--supra-header-logo-width-mobile),31vw)}.supra-header__logo-placeholder{font-size:clamp(28px,9vw,42px)}.supra-header__actions{gap:13px}.supra-header__promo{min-height:48px;padding:0 18px}.supra-header__hamburger{width:21px}}@media(prefers-reduced-motion:reduce){.supra-header__hamburger i{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/supra-header.css.map */