.search__input.field__input{padding-right:clamp(2rem,calc(98 / var(--design-width) * 100vw),9.8rem)}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.reset__button{right:calc(var(--inputs-border-width) + clamp(1.5rem,calc(44 / var(--design-width) * 100vw),4.4rem));top:var(--inputs-border-width)}.reset__button:not(:focus-visible):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - clamp(.8rem,calc(16 / var(--design-width) * 100vw),1.6rem));content:"";position:absolute;right:0}.reset__button:not(:focus):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - clamp(.9rem,calc(18 / var(--design-width) * 100vw),1.8rem));content:"";position:absolute;right:0}.search__button:focus-visible,.reset__button:focus-visible{background-color:rgb(var(--color-background));z-index:4}.search__button:focus,.reset__button:focus{background-color:rgb(var(--color-background));z-index:4}.search__button:not(:focus-visible):not(.focused),.reset__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.search__button:hover .icon,.reset__button:hover .icon{transform:scale(1.07)}.search__button .icon{height:clamp(.9rem,calc(18 / var(--design-width) * 100vw),1.8rem);width:clamp(.9rem,calc(18 / var(--design-width) * 100vw),1.8rem)}.reset__button .icon.icon-close{height:clamp(.9rem,calc(18 / var(--design-width) * 100vw),1.8rem);width:clamp(.9rem,calc(18 / var(--design-width) * 100vw),1.8rem);stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}.search__button{left:var(--inputs-border-width);right:initial}.search__input.field__input{padding-inline:clamp(1.5rem,calc(44 / var(--design-width) * 100vw),4.4rem);padding-block:2px}.search-modal__form .field__input:focus~.field__label,.search-modal__form .field__input:not(:placeholder-shown)~.field__label,.search-modal__form .field__input:-webkit-autofill~.field__label,.search-modal__form .customer .field input:focus~label,.search-modal__form .customer .field input:not(:placeholder-shown)~label,.search-modal__form .customer .field input:-webkit-autofill~label,.search-modal__form .field__label{left:calc(var(--inputs-border-width) + clamp(1.5rem,calc(44 / var(--design-width) * 100vw),4.4rem))}.search-modal__form .field__label,.search-modal__form .customer .field label{color:var(--color-grey-200)}.search-modal__form .reset__button{right:calc(var(--inputs-border-width))}.search-modal__form .reset__button:not(:focus):after{content:none}.search__button{color:var(--color-grey-200)}.search-modal__form .field__label{display:none}.search__input.field__input::placeholder{opacity:1}.search-modal__form .field{align-items:center}.search__button{top:initial}.search-modal .modal-overlay,.header__icon--search .header__icon-close{display:none!important}.search .field__label{display:none}.search .reset__button{right:10px;top:initial}.search .reset__button:after{content:none!important}.search .field{align-items:center}@media screen and (max-width:767px){.search-modal{top:56px;border-top:1px solid var(--color-grey-200)}.search-modal .reset__button,.search-modal .modal__close-button.link{display:none}.search__button{left:9px}.search__input.field__input{padding:4px 8px 4px 32px;height:32px}.search-modal__content{padding-inline:16px}.predictive-search{max-height:calc(100vh - 156px)!important}}@media screen and (max-width:575px){.predictive-search{max-height:calc(100vh - 140px)!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-search.css.map */