.search__input.field__input{padding-inline-end:9.8rem;font-size:1.6rem}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width);height:100%}.search__button .svg-wrapper{color:inherit}.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width);height:100%}.reset__button--text{width:auto;min-width:var(--minimum-touch-target)}.reset__button:not(:focus-visible):after{border-right:.1rem solid rgb(var(--color-foreground-rgb) / var(--opacity-8));display:block;height:calc(100% - 1.6rem);content:"";position:absolute;right:0}.reset__button:not(:focus):after{border-right:.1rem solid rgb(var(--color-foreground-rgb) / var(--opacity-8));display:block;height:calc(100% - 1.8rem);content:"";position:absolute;right:0}.search__button:focus-visible,.reset__button:focus-visible{background:var(--color-background);z-index:4}.search__button:focus,.reset__button:focus{background: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}@media (hover: hover){.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;color:inherit}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__header{margin-bottom:3rem}.template-search__search{margin:0 auto 3.5rem;max-width:74.1rem}.template-search__search .search{margin-top:3rem}.template-search__search .field:after,.template-search__search .field__input{transition:box-shadow var(--animation-speed-slow) var(--ease-out-smooth),border-radius var(--animation-speed-slow) var(--ease-out-smooth);border-radius:var(--inputs-radius)}.template-search__search .field__input,.template-search__search .field__input:focus{padding:1.5rem .5rem 1.5rem 2rem}.template-search__search predictive-search[open] .field{--inputs-radius: var(--style-border-radius-popover) var(--style-border-radius-popover) 0 0}.template-search__search predictive-search[open] .field:after,.template-search__search predictive-search[open] .field .field__input{border-radius:var(--inputs-radius)}.template-search--empty{padding-bottom:18rem}@media screen and (min-width: 750px){.template-search__header{margin-bottom:5rem}}.search__button .icon{height:1.8rem}
/*# sourceMappingURL=/cdn/shop/t/261/assets/component-search.css.map */