:root{--wc-bubble-gap: 12px;--wc-bubble-max: 1400px;--wc-glass-blur: 30px;--wc-glass-saturate: 170%;--wc-glass-brightness: .95;--wc-glass-tint-top: rgba(52, 52, 58, .58);--wc-glass-tint-bottom: rgba(22, 22, 26, .5);--wc-glass-panel-top: rgba(40, 40, 46, .8);--wc-glass-panel-bottom: rgba(24, 24, 28, .7);--wc-glass-text: #ffffff;--wc-glass-text-hover: #bcd4ff;--wc-glass-shadow: 0 14px 40px rgba(10, 10, 14, .35), 0 3px 8px rgba(10, 10, 14, .2);--wc-glass-glow: 0 0 28px rgba(11, 91, 255, .2)}.header-section:has(>#header-component){background:transparent;padding:var(--wc-bubble-gap) 16px 0;pointer-events:none}#header-component{pointer-events:auto;max-width:var(--wc-bubble-max);margin-inline:auto;border-radius:999px;box-shadow:var(--wc-glass-shadow),var(--wc-glass-glow)}#header-component,#header-component .header__row{--color-foreground: var(--wc-glass-text);--color-foreground-rgb: 255, 255, 255;--color-account-icon: var(--wc-glass-text);color:var(--wc-glass-text)}#header-component .menu-list{--menu-top-level-font-color: var(--wc-glass-text) !important;--menu-top-level-font-color-rgb: 255, 255, 255 !important}#header-component .menu-list__submenu-inner{--menu-child-font-color: var(--wc-glass-text) !important;--menu-child-active-font-color: var(--wc-glass-text-hover) !important;--menu-parent-font-color: var(--wc-glass-text) !important;--menu-parent-active-font-color: var(--wc-glass-text-hover) !important}#header-component a,#header-component button,#header-component svg{color:var(--wc-glass-text)}main#MainContent[data-template=index]{margin-top:calc(-1 * (var(--header-height, 60px) + var(--wc-bubble-gap)))}#header-component[data-sticky-state=active],#header-component .header[data-sticky-state=active],.header[data-sticky-state=active]{view-transition-name:none!important}#header-component .header__underlay-closed{border-radius:999px;background:linear-gradient(135deg,var(--wc-glass-tint-top),var(--wc-glass-tint-bottom));-webkit-backdrop-filter:blur(var(--wc-glass-blur)) saturate(var(--wc-glass-saturate)) brightness(var(--wc-glass-brightness));backdrop-filter:blur(var(--wc-glass-blur)) saturate(var(--wc-glass-saturate)) brightness(var(--wc-glass-brightness));box-shadow:inset 0 1px 1px #ffffff73,inset 0 -2px 6px #ffffff14,inset 0 0 22px #ffffff0f;overflow:hidden}#header-component .header__underlay-closed:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 160% at 12% -20%,#ffffff47,#fff0 55%),linear-gradient(180deg,#ffffff1a,#fff0 45%),radial-gradient(90% 120% at 100% 120%,#3c78ff2e,#3c78ff00 60%)}#header-component .header__underlay-closed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;pointer-events:none;background:linear-gradient(135deg,#fffc,#ffffff1a 38%,#ffffff0f 62%,#78aaffcc);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}#header-component .header__underlay-open{border-radius:28px;background:linear-gradient(135deg,var(--wc-glass-panel-top),var(--wc-glass-panel-bottom));-webkit-backdrop-filter:blur(var(--wc-glass-blur)) saturate(var(--wc-glass-saturate)) brightness(var(--wc-glass-brightness));backdrop-filter:blur(var(--wc-glass-blur)) saturate(var(--wc-glass-saturate)) brightness(var(--wc-glass-brightness))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){#header-component .header__underlay-closed,#header-component .header__underlay-open{background:#232328}}#header-component .header__row--top .header__columns{padding-inline:20px}#header-component .menu-list__disclosure{opacity:1;pointer-events:auto}#header-component .menu-list__link{letter-spacing:.04em}#header-component .mega-menu__link{font-family:var(--font-subheading--family);font-weight:600;letter-spacing:.01em;transition:transform .2s ease,color .2s ease}#header-component .mega-menu__link:hover{transform:translate(4px);color:var(--wc-glass-text-hover)}@media screen and (max-width:749px){.header-section:has(>#header-component){padding:8px 10px 0}main#MainContent[data-template=index]{margin-top:calc(-1 * (var(--header-height, 56px) + 8px))}#header-component .header__row--top .header__columns{padding-inline:12px}:root{--wc-glass-blur: 24px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/wallcrush-header.css.map */