:root{--glass-blur: 21px;--glass-saturate: 1.6;--glass-opacity: 60%;--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);--glass-radius: 14px;--glass-inset: 1rem;--glass-clear-blur: 14px;--glass-clear-opacity: 30%;--glass-edge-height: 26px;--glass-nav-size: .8125rem;--glass-nav-hover-scale: 1.06;--glass-nav-hover-color: #29b6d8}#header-group{display:block!important;position:sticky!important;top:0!important;z-index:100!important;height:auto!important}body:has(.header[transparent]) #header-group{height:var(--glass-inset)!important}#header-component{margin-inline:var(--glass-inset);margin-bottom:var(--glass-inset);padding-top:var(--glass-inset);border-radius:var(--glass-radius)}#header-group .shopify-section:has(.announcement-bar){position:relative;z-index:2;margin-bottom:calc(var(--glass-inset) * -1)}#header-group .announcement-bar{position:relative;background-color:color-mix(in srgb,var(--glass-page-bg, var(--color-background, #fff)) var(--glass-opacity),transparent);background-image:linear-gradient(to bottom right,rgba(255,255,255,.4),rgba(255,255,255,.05) 45%,transparent);box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0000000d;width:auto;max-width:none;margin-inline:var(--glass-inset);margin-top:var(--glass-inset);border-start-start-radius:var(--glass-radius);border-start-end-radius:var(--glass-radius);overflow:hidden;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}#header-group .shopify-section:has(.announcement-bar) .section-background{background:transparent}#header-component:before,#header-component:after{content:"";position:absolute;inset-inline:0;top:100%;pointer-events:none}#header-component:before{height:var(--glass-edge-height);-webkit-backdrop-filter:blur(calc(var(--glass-clear-blur) * .6));backdrop-filter:blur(calc(var(--glass-clear-blur) * .6));-webkit-mask-image:linear-gradient(to bottom,rgb(0 0 0) 0%,rgb(0 0 0 / .55) 45%,transparent 100%);mask-image:linear-gradient(to bottom,rgb(0 0 0) 0%,rgb(0 0 0 / .55) 45%,transparent 100%)}#header-component:after{height:calc(var(--glass-edge-height) * .5);-webkit-backdrop-filter:blur(calc(var(--glass-clear-blur) * 1.4));backdrop-filter:blur(calc(var(--glass-clear-blur) * 1.4));-webkit-mask-image:linear-gradient(to bottom,rgb(0 0 0) 0%,transparent 100%);mask-image:linear-gradient(to bottom,rgb(0 0 0) 0%,transparent 100%)}#header-component .header__underlay-closed{top:var(--glass-inset);height:calc(var(--closed-underlay-height, 100%) - var(--glass-inset));border-end-start-radius:var(--glass-radius);border-end-end-radius:var(--glass-radius)}#header-component .header__underlay-open{top:var(--glass-inset);height:calc(var(--full-open-header-height, 100%) - var(--glass-inset));border-end-start-radius:var(--glass-radius);border-end-end-radius:var(--glass-radius)}#header-component:not([transparent]){position:relative}#header-component[transparent]{--closed-underlay-height: 100%}#header-component .header__underlay-closed{background-color:color-mix(in srgb,var(--glass-page-bg, var(--color-background, #fff)) var(--glass-clear-opacity),transparent);background-image:none;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),inset 0 1px #ffffff8c,inset 0 -1px #0000000d}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){#header-component .header__underlay-closed{-webkit-backdrop-filter:blur(var(--glass-clear-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-clear-blur)) saturate(var(--glass-saturate))}}#header-component .header__underlay-closed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:linear-gradient(140deg,#fffffff2,#ffffff26 28%,#fff0 52%,#fff9);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media(prefers-reduced-motion:reduce){#header-component .header__underlay-closed{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){#header-component .header__underlay-closed{background:color-mix(in srgb,var(--glass-page-bg, var(--color-background, #fff)) 94%,transparent)}}#header-component .header__underlay-open{background-color:color-mix(in srgb,var(--glass-page-bg, var(--color-background, #fff)) var(--glass-opacity),transparent);background-image:linear-gradient(to bottom right,rgba(255,255,255,.4),rgba(255,255,255,.05) 45%,transparent);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),inset 0 1px #ffffff8c,inset 0 -1px #0000000d;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}@media(prefers-reduced-transparency:reduce){#header-component .header__underlay-closed,#header-component .header__underlay-open{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--glass-page-bg, var(--color-background, #fff))}}#header-component .menu-list__link,#header-component .header-actions__link{font-size:var(--glass-nav-size);letter-spacing:-.02em;font-weight:400}#header-component .menu-list__link{display:flex;align-items:center;transform-origin:center;transition:transform .28s cubic-bezier(.22,1,.36,1),color .28s ease;will-change:transform}#header-component .menu-list__link:hover,#header-component .menu-list__link:focus-visible,#header-component .menu-list__link[aria-expanded=true]{transform:scale(var(--glass-nav-hover-scale));color:var(--glass-nav-hover-color)}@media(prefers-reduced-motion:reduce){#header-component .menu-list__link{transition:color .28s ease}#header-component .menu-list__link:hover,#header-component .menu-list__link:focus-visible,#header-component .menu-list__link[aria-expanded=true]{transform:none}}:root{--glass-menu-ratio: 4 / 5}#header-component .mega-menu__link-image{aspect-ratio:var(--glass-menu-ratio);object-fit:cover;border-radius:calc(var(--glass-radius) - 6px)}.menu-drawer__link-image{aspect-ratio:var(--glass-menu-ratio)!important;object-fit:cover;border-radius:calc(var(--glass-radius) - 6px)}:root{--glass-collection-row-gap: 2rem}@media(max-width:749px){.resource-list:has(.collection-card){row-gap:var(--glass-collection-row-gap)}}#header-group .announcement-bar__slide,#header-group .announcement-bar__text{text-align:center}#header-group:not(:has(.header[transparent])) .announcement-bar,#header-group:not(:has(.header[transparent])) .header__underlay-closed{background-color:color-mix(in srgb,var(--glass-page-bg, #fff) 96%,transparent);background-image:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
/*# sourceMappingURL=/cdn/shop/t/25/assets/glass-header.css.map */