.search__input.field__input{padding-right:5rem;text-align:right}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.reset__button{left:0;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;display:none}.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;display:none}.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)}.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}.header__search--desktop{display:none!important}@media screen and (min-width: 990px){.header__icons .header__search--mobile details{display:flex}.header__search--mobile{display:none!important}.header__search--desktop{display:block!important;flex-grow:1;width:100%}.header__search--desktop .reset__button{top:-4px}.header .search__input.field__input{min-height:40px;height:40px;padding:10px 5rem 0 0;min-height:30px;height:30px;padding:0 22px 0 0;min-width:210px}.header .search-modal__form{margin-bottom:10px}.header .search-modal__form .field__label{top:auto;bottom:2px;right:23px;transition:bottom var(--duration-short) ease,font-size var(--duration-short) ease}.header .field__input:focus~.field__label,.header .field__input:not(:placeholder-shown)~.field__label{bottom:22px}.header .search-modal__form .search__button{width:auto;height:100%;position:absolute;right:-2px;bottom:0;display:flex;align-items:flex-end;padding:0 0 2px}.header .search__button .icon{height:1.5rem;width:1.6rem}}@media screen and (min-width: 1200px){.header .search__input.field__input{min-width:270px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-search.css.map */