.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width);position:relative;background-color:transparent;color:inherit;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:12px 16px;width:auto;border-radius:var(--buttons-radius);margin-left:0;font-family:var(--font-body-family);border:0;box-shadow:none}#main-search-filters{z-index:inherit}.reset__button{right:calc(var(--inputs-border-width) + 7.8rem);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}.header-wrapper .search__button.field__button .icon.icon-search{display:none}.search-modal.modal__content .search__button.field__button .icon.icon-search{display:block}.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}.reset__button:focus{background-color:rgb(var(--color-background));z-index:4}.search__button:hover .icon,.reset__button:hover .icon{transform:scale(1.07)}.search__button:hover,.search__button:focus-visible{background-color:transparent;border-color:transparent;color:inherit}.reset__button .icon.icon-close{height:1.8rem;width:1.8rem;stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search #Search-In-Template.field__input{color:var(--color-foreground);caret-color:var(--color-foreground);-webkit-text-fill-color:var(--color-foreground);color:rgb(var(--color-foreground));caret-color:rgb(var(--color-foreground));-webkit-text-fill-color:rgb(var(--color-foreground))}.header-wrapper .search__input.field__input{color:rgb(var(--color-base-text));caret-color:rgb(var(--color-base-text));-webkit-text-fill-color:rgb(var(--color-base-text))}.header-wrapper .field__label{color:rgb(var(--color-base-text))}.header>.search-modal__content{justify-self:center;padding:0 1.5rem!important}.header>.search-modal__content .search-modal__form{max-width:62rem;margin:0 auto}.header>.search-modal__content .field{position:relative}.header>.search-modal__content .search__input.field__input{padding-right:5rem}.header>.search-modal__content .search__button.field__button{position:absolute;top:50%;right:1.1rem;transform:translateY(-50%);width:3rem;height:3rem;padding:0;margin:0;border:0;border-radius:999px;background:transparent;box-shadow:none;color:#f36c21;display:inline-flex;align-items:center;justify-content:center;font-size:0;z-index:3}.header>.search-modal__content .search__button.field__button:hover,.header>.search-modal__content .search__button.field__button:focus-visible{background:#f36c2124;color:#f36c21}.header>.search-modal__content .search__button.field__button .icon.icon-search{display:block;width:2rem;height:2rem;color:currentColor;stroke:currentColor}.header>.search-modal__content .reset__button{right:4.4rem}@media screen and (min-width:990px){.header>.search-modal__content{padding:0!important}.header.header--middle-left{grid-template-areas:"heading left-icons icons";grid-template-columns:minmax(18rem,1fr) minmax(44rem,62rem) minmax(18rem,1fr);column-gap:2rem}.header.header--middle-left .header__heading,.header.header--middle-left .header__heading-link{grid-area:heading;justify-self:start;text-align:left}.header.header--middle-left>.search-modal__content{grid-area:left-icons;width:100%;justify-self:center;margin-left:0}.header.header--middle-left>.search-modal__content .search-modal__form{max-width:100%;width:100%}.header.header--middle-left .header__icons{grid-area:icons;justify-self:end}}@media screen and (min-width:576px){.header-wrapper .reset__button{right:calc(var(--inputs-border-width) + 11rem)}}@media screen and (max-width:989px){.search__button{padding:12px 22px}.header>.search-modal__content .search__button.field__button{padding:0}}@media screen and (max-width:575px){.search__button{font-size:0;padding:10px 14px}.header-wrapper .search__button.field__button .icon.icon-search{display:block;stroke:currentColor;color:currentColor;height:2.3rem;width:2.3rem}.reset__button{right:calc(var(--inputs-border-width) + 5.4rem);top:var(--inputs-border-width)}.header>.search-modal__content .search__button.field__button{width:2.8rem;height:2.8rem;right:.9rem}.header>.search-modal__content .reset__button{right:4.1rem}}
/*# sourceMappingURL=/cdn/shop/t/141/assets/component-search.css.map */