.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:.1rem solid rgba(var(--color-foreground),.08);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:1.8rem;width:1.8rem}.reset__button .icon.icon-close{height:1.8rem;width:1.8rem;stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}.search-modal__form{position:relative;width:100%;display:block}.header__search-field{--search-inset: .5rem;align-items:center;border-radius:var(--header-search-radius, var(--inputs-radius));background-color:var(--header-search-background, rgb(var(--color-background)))}.header__search-field:before{content:none}.header__search-field:after{border-radius:var(--header-search-radius, var(--inputs-radius));box-shadow:0 0 0 .1rem var(--header-search-border, rgba(var(--color-foreground), .15))}.header__search-field:hover.field:after,.header__search-field .field__input:focus,.header__search-field .field__input:focus-visible{border-radius:var(--header-search-radius, var(--inputs-radius));box-shadow:0 0 0 .2rem var(--header-search-border, rgba(var(--color-foreground), .3))}.header__search-field .field__input{background-color:#fff;border-radius:var(--header-search-radius, var(--inputs-radius))}.header__search-field .field__input{padding:.8rem 10rem .8rem 2rem}.header__search-field .field__input:focus,.header__search-field .field__input:not(:placeholder-shown),.header__search-field .field__input:-webkit-autofill{padding:.8rem 10rem .8rem 2rem}.header__search-field .field__input::placeholder{opacity:1;color:rgba(var(--color-foreground),.6)}.header__search-field .search__button{background-color:var(--header-search-button, rgb(var(--color-button)));color:var(--header-search-button-icon, rgb(var(--color-button-text)));border-radius:50%;top:var(--search-inset);bottom:var(--search-inset);right:var(--search-inset);height:auto;width:auto;aspect-ratio:1}.header__search-field .search__button .svg-wrapper{width:1.7rem;height:1.7rem}.header__search-field .search__button .svg-wrapper svg{width:100%;height:100%}.header__search-field .search__button:not(:focus-visible):not(.focused){background-color:var(--header-search-button, rgb(var(--color-button)))}.header__search-field .reset__button{right:calc(var(--search-inset) + 4.4rem);top:0;bottom:0;height:auto}.header__search-field .reset__button:after{content:none}.header__search-types{flex:0 1 16rem;min-width:10rem;position:relative;margin:var(--inputs-border-width);padding:var(--search-inset)}.header__search-types:before,.header__search-types:after{content:none}.header__search-types .select__select{border-radius:max(0px,calc(var(--header-search-radius, var(--inputs-radius)) - var(--search-inset)));background-color:var(--header-search-background, rgb(var(--color-background))) #f1f1f1;color:rgb(var(--color-foreground));font-size:1.4rem;height:100%;margin:0;padding:0 3rem 0 1.5rem}.header__search-types .select__select:focus,.header__search-types .select__select:focus-visible{border-radius:max(0px,calc(var(--header-search-radius, var(--inputs-radius)) - var(--search-inset)));box-shadow:0 0 0 .2rem rgb(var(--color-foreground));outline:0}.header__search-types .svg-wrapper{right:1.4rem}.header__search-types+.search__input.field__input{padding-left:.5rem}@media screen and (max-width:749px){.header__search-types{flex-basis:11rem}}@media screen and (min-width:990px){.header__search-bar .search-modal__form{transition:width .3s ease,max-width .3s ease;width:100%}.header__search-bar .search-modal__form--small,.header__search-bar .search-modal__form--expand{max-width:34rem;margin-left:auto}.header__search-bar .search-modal__form--expand:focus-within{max-width:100%}.header__search .search-modal__form{max-width:74.2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-search.css.map */