.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}[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 .field{padding:0 1rem 1rem;box-shadow:0 .25rem .5rem var(--color-foreground-20)}.header__search--collapsible-desktop .field:focus-within{height:auto;overflow:visible;transform:translateY(0);opacity:1}.header__search--collapsible-desktop .field .search__input{padding-right:2.75rem}.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:0 0 0 calc(-2*(.75rem - 1px) - 1.5rem)}.header__search--collapsible-desktop:has(.field:focus-within){z-index:32}header>.header__search--collapsible-desktop:is(:nth-child(1),:nth-child(2)) .field{left:0;right:auto}header>.header__search--collapsible-desktop:is(:nth-child(1),:nth-child(2)) .search__input{border-radius:var(--button__border-radius);padding-left:2.75rem;padding-right:.75rem}header>.header__search--collapsible-desktop:is(:nth-child(1),:nth-child(2)) .search__button{margin:0 calc(-2*(.75rem - 1px) - 1.5rem) 0 0}header>.header__search--collapsible-desktop:is(:nth-child(1),:nth-child(2)):has(.field.position-right:focus-within) .search__label svg{transform:translate(-220%)}.section-header-transition:not(.section-header-sticky) .header--overlapped .header__search--collapsible-desktop .field{background:transparent;box-shadow:none}[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:has(.field:focus-within) .search__label svg{transform:translate(-220%)}[dir=rtl] header>.header__search--collapsible-desktop:is(:nth-child(1),:nth-child(2)) .field{left:auto;right:0}[dir=rtl] header>.header__search--collapsible-desktop:is(:nth-child(1),:nth-child(2)) .search__input{padding-left:.75rem;padding-right:2.75rem}[dir=rtl] header>.header__search--collapsible-desktop:is(:nth-child(1),:nth-child(2)) .search__button{margin:0 0 0 calc(-2*(.75rem - 1px) - 1.5rem)}[dir=rtl] header>.header__search--collapsible-desktop:is(:nth-child(1),:nth-child(2)):has(.field:focus-within) .search__label svg{transform:translate(220%)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-header-search--collapsible.css.map */