.color-inverse.header-wrapper{background:transparent;border:none;box-shadow:none;transition:background-color .4s ease,backdrop-filter .4s ease,box-shadow .4s ease;padding-block:var(--gloom-space-sm)}.scrolled-past-header .color-inverse.header-wrapper{background:#ffffffde;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 30px #12324724}.color-inverse.header-wrapper .header{padding-block:var(--gloom-space-xs)}.header__heading-logo{filter:brightness(0) saturate(100%) invert(15%) sepia(36%) saturate(1530%) hue-rotate(166deg) brightness(92%) contrast(96%)}.header__inline-menu{background:var(--gloom-surface-container-lowest);background:#ffffffd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--gloom-radius-full);padding:.5rem 1.25rem;box-shadow:0 4px 30px #12324733}.header__inline-menu .list-menu--inline{gap:var(--gloom-space-md)}.header__inline-menu .header__menu-item{font:var(--gloom-text-body-md);color:var(--gloom-on-surface-variant);padding:.4rem .2rem;transition:color .2s ease}.header__inline-menu .header__menu-item:hover{color:var(--gloom-on-surface)}.header__active-menu-item-v2{color:var(--gloom-primary-container)!important;font-weight:500;display:inline-flex;align-items:center;gap:.4rem}.header__active-menu-item-v2:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--gloom-primary-container);box-shadow:0 0 8px #3ba3da99}.header__icons{gap:var(--gloom-space-xs)}.color-inverse.header-wrapper .header__icon{width:2.5rem;height:2.5rem;border-radius:var(--gloom-radius-full);background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--gloom-on-surface-variant);transition:background-color .2s ease,color .2s ease}.color-inverse.header-wrapper .header__icon:hover{background:var(--gloom-surface-container-high);color:var(--gloom-on-surface)}#menu-drawer .menu-drawer__menu-item{font:var(--gloom-text-body-lg);color:var(--gloom-on-surface-variant)}#menu-drawer .menu-drawer__menu-item:hover,#menu-drawer .menu-drawer__menu-item--active{color:var(--gloom-on-surface)}#menu-drawer .menu-drawer__title{font:var(--gloom-text-headline-md);font-weight:300}.header__icon--cart .cart-count-bubble{background:var(--gloom-primary-container);color:var(--gloom-on-primary-container);box-shadow:0 0 8px #3ba3da66}.search-modal.modal__content,.mega-menu__content,#menu-drawer{background:var(--gloom-surface-container-low);color:var(--gloom-on-surface)}
/*# sourceMappingURL=/cdn/shop/t/31/assets/gloomie-header.css.map */
