.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-wrapper{display:flex;align-items:center}.header__search-inline{position:relative;min-width:20rem;max-width:30rem;width:100%}.header__search-inline .field{margin:0;width:100%}.header__search-input{background-color:rgba(var(--color-foreground),.05);border:.1rem solid rgba(var(--color-foreground),.08);border-radius:var(--inputs-radius, .4rem);padding:1.2rem 4.4rem 1.2rem 1.5rem;font-size:1.3rem;line-height:1.5;color:rgb(var(--color-foreground));transition:background-color var(--duration-short) ease,border-color var(--duration-short) ease;width:100%;margin:0}.header__search-input::placeholder{color:rgba(var(--color-foreground),.5);opacity:1}.header__search-input:focus{background-color:rgb(var(--color-background));border-color:rgba(var(--color-foreground),.15);outline:none;box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground),.08)}.header__search-submit{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),.6);transition:color var(--duration-short) ease;z-index:1}.header__search-submit:hover{color:rgb(var(--color-foreground))}.header__search-submit:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem;border-radius:.2rem}.header__search-submit .icon{height:1.8rem;width:1.8rem}.header__search-reset{position:absolute;right:4.7rem;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),.5);transition:color var(--duration-short) ease;z-index:1}.header__search-reset:hover{color:rgb(var(--color-foreground))}.header__search-reset:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem;border-radius:.2rem}.header__search-reset .icon{height:1.6rem;width:1.6rem}.header-wrapper--transparent .header__search-input{background-color:rgba(var(--color-foreground),.08);border-color:rgba(var(--color-foreground),.12);color:rgb(var(--color-foreground))}.header-wrapper--transparent .header__search-input::placeholder{color:rgba(var(--color-foreground),.6)}.header-wrapper--transparent .header__search-input:focus{background-color:rgba(var(--color-background),.95);border-color:rgba(var(--color-foreground),.2);box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground),.15)}.header-wrapper--transparent .header__search-submit{color:rgba(var(--color-foreground),.7)}.header-wrapper--transparent .header__search-submit:hover{color:rgb(var(--color-foreground))}.header-wrapper--transparent .header__search-reset{color:rgba(var(--color-foreground),.6)}.header-wrapper--transparent .header__search-reset:hover{color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-search.css.map */