.header-wrapper--rokutea-transparent{position:absolute;top:0;left:0;right:0;z-index:10;background:transparent;border-bottom:none;--rokutea-header-text: var(--rokutea-on-accent)}.header-wrapper--rokutea-text-dark{--rokutea-header-text: rgb(var(--color-foreground))}.header-wrapper--rokutea-transparent .header__heading-logo-wrapper img{filter:brightness(0) invert(1)}.header-wrapper--rokutea-text-dark .header__heading-logo-wrapper img{filter:none}.rokutea-logo-mobile{display:none}@media screen and (max-width:989px){.rokutea-logo-desktop{display:none}.rokutea-logo-mobile{display:block}}.header-wrapper--rokutea-transparent .header__icon svg,.header-wrapper--rokutea-transparent .header__icon .svg-wrapper,.header-wrapper--rokutea-transparent .header__heading-link,.header-wrapper--rokutea-transparent .header__menu-item,.header-wrapper--rokutea-transparent .header__active-menu-item,.header-wrapper--rokutea-transparent .localization-form__select,.header-wrapper--rokutea-transparent .header__icon--cart .cart-count-bubble{color:var(--rokutea-header-text)}.header-wrapper--rokutea-transparent .header__icon svg,.header-wrapper--rokutea-transparent .header__icon .svg-wrapper svg{fill:var(--rokutea-header-text);color:var(--rokutea-header-text)}.header-wrapper--rokutea-transparent .header__icon--cart .cart-count-bubble{background:#fff3;color:var(--rokutea-header-text)}.header-wrapper--rokutea-text-dark .header__icon--cart .cart-count-bubble{background:rgba(var(--color-foreground),.1)}.header-wrapper--rokutea-transparent .header__menu-item .icon-caret{fill:var(--rokutea-header-text)}.header-wrapper--rokutea-transparent.header-wrapper--solid{position:fixed;background:rgb(var(--color-background));border-bottom:.1rem solid rgba(var(--color-foreground),.08);transition:background var(--duration-default) ease,border-color var(--duration-default) ease}.header-wrapper--rokutea-transparent.header-wrapper--solid .header__heading-logo-wrapper img{filter:none}.header-wrapper--rokutea-transparent.header-wrapper--solid .header__icon svg,.header-wrapper--rokutea-transparent.header-wrapper--solid .header__icon .svg-wrapper svg{fill:rgb(var(--color-foreground));color:rgb(var(--color-foreground))}.header-wrapper--rokutea-transparent.header-wrapper--solid .header__heading-link,.header-wrapper--rokutea-transparent.header-wrapper--solid .header__menu-item,.header-wrapper--rokutea-transparent.header-wrapper--solid .header__active-menu-item,.header-wrapper--rokutea-transparent.header-wrapper--solid .localization-form__select{color:rgb(var(--color-foreground))}.header-wrapper--rokutea-transparent.header-wrapper--solid .header__icon--cart .cart-count-bubble{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.header-wrapper--rokutea-transparent.header-wrapper--solid .header__menu-item .icon-caret{fill:rgb(var(--color-foreground))}.header-wrapper--rokutea-transparent .header__submenu .header__menu-item,.header-wrapper--rokutea-transparent .header__submenu .header__active-menu-item{color:rgb(var(--color-foreground))}.header-wrapper--rokutea-transparent .header__submenu .header__menu-item:hover{color:rgba(var(--color-foreground),.75)}@media screen and (max-width:989px){.header--rokutea-mobile-float{position:fixed;top:calc(env(safe-area-inset-top,0rem) + 2.4rem);left:50%;transform:translate(-50%);width:92%;max-width:48rem;background:rgb(var(--color-background));border-radius:var(--rokutea-radius-lg);box-shadow:0 .2rem .8rem rgba(var(--color-foreground),.1);padding:.6rem 1.2rem;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:5.2rem;border:.1rem solid rgba(var(--color-foreground),.06)}.header--rokutea-mobile-float:has(.menu-drawer-container[open]){border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.header--rokutea-mobile-float .menu-drawer{left:-.1rem;width:calc(100% + .2rem);filter:none;box-shadow:0 .2rem .8rem rgba(var(--color-foreground),.1);clip-path:inset(0 -2rem -2rem -2rem)}.header--rokutea-mobile-float .menu-drawer-container[open]>summary:before{background:transparent}.header--rokutea-mobile-float .header__heading-logo-wrapper{width:auto;max-width:12rem}.header--rokutea-mobile-float .header__heading-logo-wrapper img{max-height:3.2rem;width:auto}.header--rokutea-mobile-float .header__heading-link{padding:0;margin:0}.header--rokutea-mobile-float header-drawer{justify-self:start;margin-left:0}.header--rokutea-mobile-float .header__icon{width:4.4rem;height:4.4rem}.header--rokutea-mobile-float .header__icons{gap:0}.header--rokutea-mobile-float .header__icon--account,.header--rokutea-mobile-float .header__icon--search,.header--rokutea-mobile-float .desktop-localization-wrapper{display:none}.section-header{margin-bottom:0}.header--rokutea-mobile-float .header__icon svg,.header--rokutea-mobile-float .header__icon .svg-wrapper svg{fill:rgb(var(--color-foreground));color:rgb(var(--color-foreground))}.header--rokutea-mobile-float .header__heading-link,.header--rokutea-mobile-float .header__icon--cart .cart-count-bubble{color:rgb(var(--color-foreground))}.header--rokutea-mobile-float .header__icon--cart .cart-count-bubble{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.header--rokutea-mobile-float .header__heading-logo-wrapper img{filter:none}}@media screen and (min-width:990px){.header-wrapper--rokutea-transparent .header.header--middle-center{display:grid!important;grid-template-areas:"navigation heading icons"!important;grid-template-columns:1fr auto 1fr!important;align-items:center;column-gap:2rem;max-width:100%;padding-left:1.6rem;padding-right:1.6rem}.header-wrapper--rokutea-transparent .header__heading{justify-self:center}.header-wrapper--rokutea-transparent .header__inline-menu{justify-self:start}.header-wrapper--rokutea-transparent .header__icons{justify-self:end}.header-wrapper--rokutea-transparent.header-wrapper--solid .header__heading-logo-wrapper .rokutea-logo-mobile{display:none}.header-wrapper--rokutea-transparent.header-wrapper--solid .header__heading-logo-wrapper .rokutea-logo-desktop{display:block}.header-wrapper--rokutea-transparent.header-wrapper--rokutea-compact{position:fixed;top:1.2rem;left:50%;transform:translate(-50%);width:92%;max-width:120rem;background:rgb(var(--color-background));border-radius:var(--rokutea-radius-lg);box-shadow:0 .2rem .8rem rgba(var(--color-foreground),.1);border:.1rem solid rgba(var(--color-foreground),.06);padding:0 2rem}.header-wrapper--rokutea-transparent.header-wrapper--rokutea-compact .header{padding-top:.6rem;padding-bottom:.6rem}.header-wrapper--rokutea-transparent.header-wrapper--rokutea-compact .header__heading-logo-wrapper{max-width:10rem}.header-wrapper--rokutea-transparent.header-wrapper--rokutea-compact .header__heading-logo-wrapper img{max-height:3.2rem;width:auto}.header-wrapper--rokutea-transparent.header-wrapper--rokutea-compact .header__heading-logo-wrapper .rokutea-logo-desktop{display:none}.header-wrapper--rokutea-transparent.header-wrapper--rokutea-compact .header__heading-logo-wrapper .rokutea-logo-mobile{display:block}}@media screen and (min-width:750px){.header-wrapper--rokutea-transparent .header.page-width{padding-left:2rem;padding-right:2rem}}@media screen and (max-width:989px){.header--rokutea-mobile-float .header__heading-logo-wrapper .rokutea-logo-desktop{display:none}.header--rokutea-mobile-float .header__heading-logo-wrapper .rokutea-logo-mobile{display:block}}.header-wrapper--rokutea-solid-bg{background:rgb(var(--color-background));border-bottom:.1rem solid rgba(var(--color-foreground),.08)}@media screen and (min-width:990px){main[data-template]:not([data-template=index]){padding-top:var(--rokutea-header-height, 7rem)}}@media screen and (max-width:989px){main[data-template]:not([data-template=index]){padding-top:10rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-rokutea-header.css.map */