.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}.header .search-modal{bottom:auto;height:auto;min-height:0;padding:1.6rem 0 1.8rem;border-bottom:0;background:rgba(var(--color-background),.98);box-shadow:0 1.2rem 3.2rem rgba(var(--color-shadow),.12)}@supports ((backdrop-filter: blur(1rem)) or (-webkit-backdrop-filter: blur(1rem))){.header .search-modal{background:rgba(var(--color-background),.94);-webkit-backdrop-filter:blur(1.4rem);backdrop-filter:blur(1.4rem)}}.header .search-modal__content{width:min(100%,112rem);height:auto;min-height:0;margin:0 auto;padding:0 2rem;gap:1.2rem}.header .search-modal__form{max-width:none}.header .search-modal .field{min-height:5.6rem;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:1.4rem;background:rgba(var(--color-foreground),.035);box-shadow:0 .6rem 1.8rem rgba(var(--color-shadow),.06);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.header .search-modal .field:before,.header .search-modal .field:after{display:none}.header .search-modal .field:hover{border-color:rgba(var(--color-foreground),.34);background:rgb(var(--color-background))}.header .search-modal .field:focus-within{border-color:rgb(var(--color-foreground));background:rgb(var(--color-background));box-shadow:0 0 0 .3rem rgba(var(--color-foreground),.1),0 1rem 2.4rem rgba(var(--color-shadow),.08)}.header .search-modal .search__input.field__input,.header .search-modal .search__input.field__input:focus,.header .search-modal .search__input.field__input:not(:placeholder-shown),.header .search-modal .search__input.field__input:-webkit-autofill{height:5.4rem;margin:0;padding-right:5.6rem;padding-left:5.6rem;border-radius:1.4rem;background:transparent;box-shadow:none;font-size:1.6rem}.header .search-modal .search__input.field__input:focus,.header .search-modal .search__input.field__input:not(:placeholder-shown),.header .search-modal .search__input.field__input:-webkit-autofill{padding-top:2.1rem;padding-bottom:.7rem}.header .search-modal .field__label{top:1.55rem;left:5.6rem;color:rgba(var(--color-foreground),.58);letter-spacing:.02rem}.header .search-modal .search__input:focus~.field__label,.header .search-modal .search__input:not(:placeholder-shown)~.field__label,.header .search-modal .search__input:-webkit-autofill~.field__label{top:.55rem;left:5.6rem;color:rgba(var(--color-foreground),.62)}.header .search-modal .search__button,.header .search-modal .reset__button{top:.55rem;width:4.4rem;height:4.4rem;border-radius:50%;transition:background-color .18s ease,transform .18s ease}.header .search-modal .search__button{right:auto;left:.55rem}.header .search-modal .reset__button{right:.55rem}.header .search-modal .reset__button:after{display:none}.header .search-modal .search__button:hover,.header .search-modal .reset__button:hover{background:rgba(var(--color-foreground),.07)}.header .search-modal .search__button:active,.header .search-modal .reset__button:active{transform:scale(.94)}.header .search-modal .search__button:focus-visible,.header .search-modal .reset__button:focus-visible,.header .search-modal__close-button:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem;box-shadow:none}.header .search-modal__close-button{position:relative;right:auto;flex:0 0 4.4rem;width:4.4rem;height:4.4rem;margin:0;border-radius:50%;background:rgba(var(--color-foreground),.055);transition:background-color .18s ease,transform .18s ease}.header .search-modal__close-button:hover{background:rgba(var(--color-foreground),.11);transform:rotate(4deg)}.header .search-modal .modal-overlay:after{background-color:rgba(var(--color-foreground),.46)}@supports ((backdrop-filter: blur(.3rem)) or (-webkit-backdrop-filter: blur(.3rem))){.header .search-modal .modal-overlay:after{-webkit-backdrop-filter:blur(.3rem);backdrop-filter:blur(.3rem)}}@media screen and (max-width:749px){.header .search-modal{padding:1.2rem 0 1.4rem}.header .search-modal__content{padding:0 1.2rem;gap:.8rem}.header .search-modal .field{min-height:5.2rem;border-radius:1.2rem}.header .search-modal .search__input.field__input,.header .search-modal .search__input.field__input:focus,.header .search-modal .search__input.field__input:not(:placeholder-shown),.header .search-modal .search__input.field__input:-webkit-autofill{height:5rem;padding-right:5.2rem;padding-left:5.2rem;border-radius:1.2rem;font-size:1.5rem}.header .search-modal .field__label,.header .search-modal .search__input:focus~.field__label,.header .search-modal .search__input:not(:placeholder-shown)~.field__label,.header .search-modal .search__input:-webkit-autofill~.field__label{left:5.2rem}.header .search-modal .search__button,.header .search-modal .reset__button{top:.35rem}.header .search-modal .search__button{left:.35rem}.header .search-modal .reset__button{right:.35rem}.header .search-modal__close-button{flex-basis:4rem;width:4rem;height:4rem}}@media(prefers-reduced-motion:reduce){.header .search-modal .field,.header .search-modal .field__button,.header .search-modal__close-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/component-search.css.map */