.search__input.field__input{padding-right:9.8rem}.search .field:after{border-radius:6px;content:none}.template-search__search .search .field{border-radius:6px;border:1px solid #000}.search__button{right:var(--inputs-border-width);top:10px}.template-search__search .search .reset__button,.template-search__search .search .search__button{top:5px}.template-search__search .search__input.field__input{height:3.5rem;padding:.6rem 2rem .8rem;border-radius:6px}.headerdesktopsearch{display:none}.template-search__search .search__input.field__input:focus{border-radius:6px}.headerdesktopsearch .field:after,.headerdesktopsearch .field:hover.field:after{box-shadow:none;border:none}.headermobilesearch .search__input.field__input{height:5.6rem}.headerdesktopsearch .search__input.field__input{background-color:#f1efef;height:1.4rem;padding:1.5rem 4.8rem 1.5rem 4.5rem;border-radius:5px}.headerdesktopsearch .search__button{left:0}.headerdesktopsearch .search__button svg{width:2rem}.headerdesktopsearch .field__label{padding-left:2.5rem;font-size:clamp(calc(var(--desktop-font-size-a) * .9px),calc(var(--desktop-font-size-a) * (100vw / var(--viewportDesktop))),calc(var(--desktop-font-size-a) * 1.1px))}.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width)}.reset__button:not(:focus-visible):after{display:block;height:calc(100% - 1.6rem);content:"";position:absolute;right:0}.reset__button:not(:focus):after{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:2.3rem!important;width:2.4rem!important}.template-search__search .search .reset__button{top:4px}.reset__button .icon.icon-close{height:1.8rem;width:1.8rem;stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}@media screen and (max-width: 768px){.headermobilesearch{display:block}.headerdesktopsearch{display:none}.template-search__header{width:80%}.template-search__header h1{font-size:22px}.template-search__search .search .reset__button,.template-search__search .search .search__button{top:3px}.search__button{top:5px}.headermobilesearch .search__input.field__input{height:5rem}}
/*# sourceMappingURL=/cdn/shop/t/284/assets/component-search.css.map */