.header__search--collapsible-mobile .field,.header__search--collapsible-desktop .field{background:var(--header--background-color);left:auto;max-width:100%;right:0;top:100%;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;width:100%}.header__search--collapsible-mobile .field .search__input,.header__search--collapsible-desktop .field .search__input{border-radius:4px}.header__search--collapsible-mobile .search__label,.header__search--collapsible-desktop .search__label{overflow:clip;position:relative}.header__search--collapsible-mobile .search__label svg,.header__search--collapsible-desktop .search__label svg{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.header__search--collapsible-mobile .search__label svg.icon-x,.header__search--collapsible-desktop .search__label svg.icon-x{display:block;left:50%;position:absolute;top:50%;transform:translate(-50%,-220%) scale(.75)}.header__search--collapsible-mobile:has(.field:focus-within) .search__label,.header__search--collapsible-desktop:has(.field:focus-within) .search__label{pointer-events:none}.header__search--collapsible-mobile:has(.field:focus-within) .search__label svg,.header__search--collapsible-desktop:has(.field:focus-within) .search__label svg{transform:translateY(220%)}.header__search--collapsible-mobile:has(.field:focus-within) svg.icon-x,.header__search--collapsible-desktop:has(.field:focus-within) svg.icon-x{transform:translate(-50%,-50%) scale(.75)}@media (max-width: 989px){.header__search--collapsible-mobile .field{box-shadow:0 .25rem .5rem var(--color-foreground-20);padding:0 1rem 1rem}.header__search--collapsible-mobile .field:focus-within{height:auto;overflow:visible;transform:translateY(0);opacity:1}.header__search--collapsible-mobile .field .search__input{padding-right:calc(1.5rem + (.75rem - 1px)*2)}.header__search--collapsible-mobile .field .search__button{--color-button-border: transparent;--color-button-background: transparent;--color-button-text: var(--header--text-color);margin-left:calc(-1.5rem - ((.75rem - 1px)*2))}.section-header-transition:not(.section-header-sticky) .header--overlapped .header__search--collapsible-mobile .field{background:transparent;box-shadow:none}.section-header-transition:not(.section-header-sticky) .header--overlapped .header__search--collapsible-mobile .field input{background:var(--header--background-color)}[dir=rtl] .header__search--collapsible-mobile .field .search__input{padding-left:calc(1.5rem + (.75rem - 1px)*2);padding-right:.75rem}[dir=rtl] .header__search--collapsible-mobile .field .search__button{margin-left:0;margin-right:calc(-1.5rem - ((.75rem - 1px)*2))}}@media (min-width: 990px){.header__search--collapsible-desktop form{position:relative}.header__search--collapsible-desktop .field{background:none;box-shadow:0 .25rem .5rem var(--color-foreground-20);max-width:none;width:auto;right:0;top:0;transform:none}.header__search--collapsible-desktop .field:focus-within{height:auto;overflow:visible;opacity:1}.header__search--collapsible-desktop .field .search__input{background:var(--header--background-color);padding-right:calc(1.5rem + (.75rem - 1px)*2);min-width:24rem}.header__search--collapsible-desktop .field .search__button{--color-button-border: transparent;--color-button-background: transparent;--color-button-text: var(--header--text-color);box-shadow:none;margin-left:calc(-1.5rem - ((.75rem - 1px)*2))}.header__search--collapsible-desktop .field.position-left{left:0;right:auto}.header__search--collapsible-desktop .field.position-left:after{align-items:center;content:"\2715";cursor:pointer;display:flex;height:3rem;position:absolute;right:0;top:0;transform:scale(1.25);width:1.5rem}.header__search--collapsible-desktop .field.position-left .search__input{grid-column:2 / 3;grid-row:1 / 2;padding-left:calc(1.5rem + (.75rem - 1px)*2);padding-right:.5rem}.header__search--collapsible-desktop .field.position-left .search__button{grid-column:1 / 2;margin:0 calc(-2*(1.5rem - (max(var(--icon-size),0px)/2) - 1px) - 1.5rem) 0 0}.header__search--collapsible-desktop .field.position-left .search__button:focus{box-shadow:none}.header__search--collapsible-desktop .search__label svg.icon-x{display:none}.header__search--collapsible-desktop:has(.field:focus-within) .search__label{pointer-events:none}.header__search--collapsible-desktop:has(.field:focus-within) .search__label svg{transform:none}.header__search--collapsible-desktop .header--overlapped .header__search--collapsible-desktop .field .search__input{background:var(--header--background-color)}[dir=rtl] .header__search--collapsible-desktop .field{left:0;right:auto}[dir=rtl] .header__search--collapsible-desktop .field .search__input{padding-left:calc(1.5rem + (.75rem - 1px)*2);padding-right:.75rem}[dir=rtl] .header__search--collapsible-desktop .field .search__button{margin-left:0;margin-right:calc(-1.5rem - ((.75rem - 1px)*2))}[dir=rtl] .header__search--collapsible-desktop .field.position-left{left:auto;right:0}[dir=rtl] .header__search--collapsible-desktop .field.position-left:after{left:0;right:auto}[dir=rtl] .header__search--collapsible-desktop .field.position-left .search__input{padding-left:.75rem;padding-right:calc(1.5rem + (.75rem - 1px)*2)}[dir=rtl] .header__search--collapsible-desktop .field.position-left .search__button{margin-left:calc(-1.5rem - ((.75rem - 1px)*2));margin-right:0}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-header-search--collapsible.css.map */