.search__input.field__input{padding-right:9.8rem}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.reset__button{right:calc(var(--inputs-border-width) + 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% - 1.6rem);content:"";position:absolute;right:0}.reset__button:not(:focus):after{border-right:none;display:block;height:calc(100% - 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:2rem;width:2rem}.reset__button .icon.icon-close{height:1.8rem;width:1.8rem;stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}.mobile-search-bar .search__input.field__input{padding:9px 16px;min-width:calc(7rem + var(--inputs-border-width)* 2 + 2px);max-height:32px;border-radius:100px;border:1px solid #E4E4E4;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.header-wrapper .field__label,.header-wrapper .search__button,.template-search__search .field__label{top:50%;transform:translateY(-50%)}.desktop-search-bar .search__input.field__input{max-height:40px;padding:10px 33px;min-width:calc(7rem + var(--inputs-border-width)* 2 + 2px);border-radius:100px;border:1px solid #E4E4E4;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.custom-mobile-header-search .search-wrapper:after,.mobile-search-bar .search-wrapper:hover.field:after{box-shadow:none}.custom-mobile-header-search .search__input.field__input{max-height:40px}.custom-mobile-header-search .search-modal__close-button svg{height:20px;width:20px}.search-modal__content .search__button.field__button{height:2rem;width:2rem;right:1.6rem}.search-modal__content .field__input:focus~.field__label,.search-modal__content .field__input:not(:placeholder-shown)~.field__label,.template-search__search .field__input:focus~.field__label{display:none}.mobile-search-bar .search__input.field__input{border-radius:50px}@media screen and (min-width :990px){.search-modal__content .search__button.field__button{right:3.3rem}.header.header--bottom-left *>.header__search{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-search.css.map */