:root{--glass-blur: 20px;--glass-opacity: .7;--dock-width: 80%;--header-transition: all .4s cubic-bezier(.25, 1, .5, 1)}.glass-header-wrapper{position:sticky;top:0;z-index:1000;width:100%;transition:var(--header-transition);will-change:width,margin,border-radius,background,backdrop-filter}.glass-header-wrapper.glass-enabled{background:rgba(255,255,255,var(--glass-opacity));backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #1f26871a}@media (prefers-color-scheme: dark){.glass-header-wrapper.glass-enabled{background:rgba(0,0,0,var(--glass-opacity));border-bottom:1px solid rgba(255,255,255,.05)}}.glass-header-wrapper.glass-enabled.scrolled{width:var(--dock-width);max-width:var(--dock-width);margin-left:auto;margin-right:auto;margin-top:1rem;border-radius:50px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268733}@media (prefers-color-scheme: dark){.glass-header-wrapper.glass-enabled.scrolled{border:1px solid rgba(255,255,255,.1)}}.glass-header-wrapper *{transition:inherit}
/*# sourceMappingURL=/cdn/shop/t/3/assets/glass-header.css.map */