@media(min-width:1024px){.header-section .header{--coi-header-gap: 2.4rem;--coi-menu-item-padding: .9rem;--coi-icons-width: 15rem;--coi-search-icon-inset: 1.6rem;--coi-search-collapsed: calc(var(--header-icon-size, 2.8rem) + var(--coi-search-icon-inset) * 2);--coi-icon-gap: 2.4rem;--coi-search-close-size: 2.4rem;--coi-search-close-reserve: calc(var(--coi-search-close-size) + var(--coi-icon-gap));--coi-search-open: calc(100% - var(--coi-search-close-reserve));--coi-open-duration: .3s;--coi-close-duration: .18s;--coi-icons-return-delay: .1s;--coi-ease: cubic-bezier(.22, 1, .36, 1);--coi-page-inset: max(var(--page-padding, 5rem), calc((100% - var(--page-width, 140rem)) / 2));--coi-right-reserve: calc(var(--coi-icons-width) + var(--coi-header-gap) + var(--coi-search-collapsed) - var(--coi-search-icon-inset));position:relative;display:grid;align-items:center;grid-template:"logo nav search" / 1fr auto minmax(var(--coi-right-reserve),1fr);column-gap:var(--coi-header-gap);padding-inline:var(--coi-page-inset);padding-block:var(--coi-header-padding-block, 1.2rem);background:rgb(var(--color-background));pointer-events:all}.header-section .header__top,.header-section .header__bottom,.header-section .header__navigation{display:contents}.header-section .header__bottom:after{display:none}.header-section .header__logo{grid-area:logo;justify-self:start}.header-section .header__menu{grid-area:nav;justify-content:center;margin-inline:calc(var(--coi-menu-item-padding) * -1)}.header-section .header__search{grid-area:search;justify-content:flex-end;padding-block-start:0;padding-inline-start:0;padding-inline-end:calc(var(--coi-icons-width) + var(--coi-header-gap) - var(--coi-search-icon-inset));z-index:5;transition:padding-inline-end var(--coi-close-duration) var(--coi-ease)}.header-section .header__search:not([data-coi-closed]):has(.search__form:focus-within),.header-section .header__search:not([data-coi-closed]):has(.search__form.predictive-search-open){padding-inline-end:0;column-gap:var(--coi-icon-gap);z-index:7;transition:padding-inline-end var(--coi-open-duration) var(--coi-ease)}.header-section .header__icons--right{transition:opacity var(--coi-close-duration) var(--coi-ease) var(--coi-icons-return-delay)}.header-section .header:has(.header__search:not([data-coi-closed]) .search__form:focus-within) .header__icons--right,.header-section .header:has(.header__search:not([data-coi-closed]) .search__form.predictive-search-open) .header__icons--right{opacity:0;pointer-events:none;transition:opacity var(--coi-open-duration) var(--coi-ease)}.header-section .header__icons--right{position:absolute;inset-block-start:50%;inset-inline-end:var(--coi-page-inset);transform:translateY(-50%);width:var(--coi-icons-width);justify-content:flex-end;z-index:6}.header-section .header__menu ul{flex-wrap:nowrap}.header-section .header__menu>ul>li{white-space:nowrap}.header-section .header .menu__item{padding-inline:var(--coi-menu-item-padding)}.header-section .header__search .search__form{flex:0 0 auto;width:var(--coi-search-collapsed);min-width:0;max-width:none;transition:width var(--coi-close-duration) var(--coi-ease)}.header-section .header__search:not(:has(.search__form:focus-within)) .search__form:not(.predictive-search-open) .search__input,.header-section .header__search[data-coi-closed] .search__input{background-color:transparent;border-color:transparent;box-shadow:none;padding-inline:0;cursor:pointer}.header-section .header__search .search__input{transition:padding var(--coi-close-duration) var(--coi-ease),background-color var(--coi-close-duration) linear}.header-section .search__input::placeholder{opacity:0}.header-section .header__search-close{padding:0;transition-duration:var(--coi-close-duration);transition-timing-function:var(--coi-ease)}.header-section .header__search-close:before{content:"";position:absolute;top:-.8rem;right:-.8rem;bottom:-.8rem;left:-.8rem}.header-section .search__content .f-grid{--f-columns-xl: 4}.header-section .header__search[data-coi-closed] .header__search-close,.header-section .header__search[data-coi-closed] .search__content{display:none}.header-section .header__search-close svg{flex:0 0 auto;width:var(--coi-search-close-size);height:var(--coi-search-close-size)}.header-section .header__search:not([data-coi-closed]):has(.search__form:focus-within) .header__search-close,.header-section .header__search:not([data-coi-closed]):has(.search__form.predictive-search-open) .header__search-close{width:var(--coi-search-close-size)}.header-section .header__search .search__field-icon{inset-inline-end:var(--coi-search-icon-inset);transform:none}.header-section .header__search:not(:has(.search__form:focus-within)) .search__form:not(.predictive-search-open) .search__field-icon,.header-section .header__search[data-coi-closed] .search__field-icon{pointer-events:none;color:inherit}.header-section .header__search:not(:has(.search__form:focus-within)) .search__reset,.header-section .header__search[data-coi-closed] .search__reset{opacity:0;pointer-events:none}.header-section .header__search:not([data-coi-closed]):has(.search__form:focus-within) .search__form,.header-section .header__search:not([data-coi-closed]) .search__form.predictive-search-open{width:var(--coi-search-open);transition:width var(--coi-open-duration) var(--coi-ease)}.header-section .header__search:not([data-coi-closed]):has(.search__form:focus-within) .search__input,.header-section .header__search:not([data-coi-closed]) .search__form.predictive-search-open .search__input{padding-inline-start:1.6rem;padding-inline-end:5rem;cursor:text;transition:padding var(--coi-open-duration) var(--coi-ease),background-color var(--coi-open-duration) linear}.header-section .header .dropdown,.header-section .mega-menu__container{padding-block-start:var(--header-height, 0px)}.header-section .mega-menu__container{padding-inline:var(--coi-page-inset)}}@media(min-width:1024px)and (max-width:1439px){.header-section .header{--coi-menu-item-padding: .6rem;--coi-header-gap: 1.6rem}}@media(min-width:1024px)and (max-width:1199px){.header-section .header{--coi-menu-item-padding: .4rem;--coi-icons-width: 12.5rem}.header-section .header{--coi-icon-gap: 1.6rem}.header-section .header__icons--right .header__buttons{column-gap:var(--coi-icon-gap)}}.header-sticky.header-scrolled .header__bottom{box-shadow:none}.header-sticky.header-scrolled .header{box-shadow:0 1px rgba(var(--color-border),var(--color-border-alpha, 1))}.sticky-element,.sticky-element-laptop,.sticky-element-tablet{transition:top .5s cubic-bezier(.6,0,.4,1)}@media(min-width:768px){.header-section .search__content .swipe-mobile{container-type:inline-size;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;width:100%;max-width:100%;min-width:0}.header-section .search__content .swipe-mobile::-webkit-scrollbar{display:none}.header-section .search__content .swipe-mobile .f-grid{display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:calc((100cqw - (2.5 * var(--f-column-gap, 2rem))) / 3.5);width:max-content}.header-section .search__content .swipe-mobile .f-grid>*{scroll-snap-align:start}}@media(max-width:767.98px){.header-section .search__content .swipe-mobile{display:block!important;overflow-x:visible!important;overflow-y:visible!important;scroll-snap-type:none;padding-inline:0!important;margin-inline:0!important}.header-section .search__content .swipe-mobile .f-grid{display:grid!important;grid-auto-flow:row!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:auto!important}.header-section .search__content .swipe-mobile .f-grid>*{width:auto!important;scroll-snap-align:none}}@media(min-width:768px){.coi-search-nav{display:flex;margin-block-start:1.6rem}.coi-search-nav--tom{display:none}}@media(max-width:767.98px){.coi-search-nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/coi-header.css.map */