#header-component,.header-drawer{--header-accent: var(--header-accent-color, var(--color-primary-button-background));--header-accent-tint: color-mix(in srgb, var(--header-accent) 10%, transparent);--header-accent-tint-strong: color-mix(in srgb, var(--header-accent) 16%, transparent);--header-line: color-mix(in srgb, var(--color-foreground) 14%, transparent);--header-muted: color-mix(in srgb, var(--color-foreground) 68%, transparent);--header-nav-active-background: #142b1c;--header-nav-active-text: #fbf6ec;--header-field-background: #fff;--header-radius: 10px;--header-radius-field: 14px;--header-icon-size: 38px;--header-ease: cubic-bezier(.33, 1, .68, 1);--header-search-max: 520px;--header-search-max-center: 720px;--header-logo-gap: clamp(28px, 6vw, 88px);--header-line-soft: color-mix(in srgb, var(--color-foreground) 9%, transparent)}@media screen and (min-width:750px){#header-component .header__row--top .header__columns{--header-left: auto;--header-right: 1fr;grid-gap:var(--header-logo-gap)}#header-component .header__row--top .header__column--right{gap:var(--gap-lg, 20px)}#header-component.header:not(.header--compact) .header__row--top{--header-padding: 16px}#header-component.header:not(.header--compact) .header__row--bottom{--header-padding: 13px}}#header-component[data-menu-style=drawer] .header__row--bottom{display:none}#header-component .search-action--field{flex:1 1 auto;min-width:0}@media screen and (min-width:750px){#header-component .search-action--field{max-width:var(--header-search-max);margin-inline:auto}}#header-component .search-field{width:100%;display:flex;align-items:center;gap:10px;padding:11px 18px;border:1px solid var(--header-line-soft);border-radius:var(--header-radius-field);background-color:var(--header-field-background);color:var(--header-muted);font-family:var(--font-body--family);font-size:14px;line-height:1.4;text-align:start;cursor:text;transition:border-color var(--animation-speed, .2s) var(--header-ease),box-shadow var(--animation-speed, .2s) var(--header-ease)}@media(hover:hover){#header-component .search-field:hover{border-color:color-mix(in srgb,var(--header-accent) 45%,var(--header-line))}}#header-component .search-field:focus-visible{outline:none;border-color:var(--header-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--header-accent) 10%,transparent)}#header-component .search-field__icon{display:flex;flex-shrink:0}#header-component .search-field__icon svg{width:17px;height:17px}#header-component .search-field__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:750px){#header-component .menu-list{--menu-horizontal-gap: 2px}#header-component .menu-list__link{font-weight:500}#header-component .menu-list__link-title{padding:8px 16px;border-radius:var(--header-radius);transition:background-color var(--animation-speed, .2s) var(--header-ease),color var(--animation-speed, .2s) var(--header-ease)}@media(hover:hover){#header-component .menu-list__list-item:hover .menu-list__link-title,#header-component .menu-list__list-item:focus-within .menu-list__link-title{background-color:var(--header-accent-tint);color:var(--header-accent)}}#header-component .menu-list__link[aria-expanded=true] .menu-list__link-title{background-color:var(--header-accent-tint);color:var(--header-accent)}#header-component .menu-list__link--active .menu-list__link-title{background-color:var(--header-nav-active-background);color:var(--header-nav-active-text)}#header-component [slot=overflow] .menu-list__link-title{padding-inline:0;background-color:transparent;color:inherit}#header-component .menu-list:where(:has(.menu-list__list-item:hover),:has(.menu-list__list-item:focus-within)) .menu-list__link{color:color-mix(in srgb,var(--menu-top-level-font-color) 65%,transparent)}}#header-component .header-actions__action{min-width:var(--header-icon-size);min-height:var(--header-icon-size);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--header-radius);position:relative}#header-component .header__icon--menu{min-width:var(--header-icon-size);min-height:var(--header-icon-size);align-items:center;border-radius:var(--header-radius)}#header-component .header-actions__action,#header-component .header__icon--menu{transition:background-color var(--animation-speed, .2s) var(--header-ease)}@media(hover:hover){#header-component .header-actions__action:hover,#header-component .header__icon--menu:hover{background-color:var(--header-accent-tint-strong)}}#header-component .header-actions__action:active,#header-component .header__icon--menu:active{background-color:var(--header-accent-tint-strong)}@media(hover:hover){#header-component .header__column:has(.header-actions__action:hover) .header-actions__action:not(:hover),#header-component .header__column:has(.header__icon--menu:hover) .header-actions__action:not(:hover),#header-component .header__column:has(.header-actions__action:hover) .header__icon--menu:not(:hover){opacity:1}}#header-component .cart-bubble__text{font-size:10px;font-weight:600;letter-spacing:0}@media screen and (min-width:750px){#header-component .header__row--top .header__columns:has(.header__column--center .search-action--field){--header-left: auto;--header-center: minmax(0, 1fr);--header-right: auto;--header-template-columns: var(--header-left) var(--header-center) var(--header-right);grid-template-areas:"left center right"}#header-component .header__column--center .search-action--field{width:100%;max-width:var(--header-search-max-center);margin-inline:auto}}@media screen and (max-width:749px){#header-component .header__row--top .header__columns{grid-template-areas:"leftA leftB center rightA rightB" "search search search search search";row-gap:10px;padding-block-end:10px}#header-component .header__row--top .header__columns .search-action--field{grid-area:search}#header-component .search-field{padding-block:10px}}#header-component[data-menu-style=drawer] .header__row--top .header__columns{grid-template-areas:"leftA leftB center rightA rightB" "search search search search search";row-gap:10px;padding-block-end:10px}#header-component[data-menu-style=drawer] .header__row--top .header__columns .search-action--field{grid-area:search;max-width:none;margin-inline:0}#header-component.header[data-sticky-state=active] .header__underlay-closed{box-shadow:0 6px 20px -12px #00000059}#header-component.header:not([transparent]) .header__underlay-closed{transition:height var(--animation-speed-slow, .4s) var(--ease-out-cubic, ease-out),box-shadow var(--animation-speed, .2s) var(--header-ease)}.menu-drawer__menu-item--mainlist{min-height:56px}.menu-drawer__menu-item--child,.menu-drawer__menu-item--parent{min-height:48px}.menu-drawer__navigation>.menu-drawer__menu>li+li{border-top:1px solid var(--header-line, rgb(0 0 0 / .08))}.menu-drawer__menu-item--active{color:var(--header-accent)}.menu-drawer__menu-item:active{background-color:var(--header-accent-tint)}.menu-drawer__close-button,.menu-drawer__back-button{min-width:44px;min-height:44px}#header-component :is(a,button,summary):focus-visible,.header-drawer :is(a,button,summary):focus-visible{outline:2px solid var(--header-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){#header-component .menu-list__link-title,#header-component .search-field,#header-component .header-actions__action,#header-component .header__icon--menu{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/header-redesign.css.map */