.search__input.field__input,.search-direct__form .search__input{width:100%;padding:.8rem 4rem .8rem 1.5rem;background-color:#fff;border:2px solid #333333;border-radius:8px;box-shadow:inset 0 1px 3px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.6rem;font-weight:400;color:#111;caret-color:#111;user-select:text;-webkit-user-select:text;transition:border-color .2s ease,box-shadow .2s ease}.search__input.field__input:focus,.search-direct__form .search__input:focus{border-color:red;outline:none;box-shadow:inset 0 1px 3px #0000001a,0 0 0 2px #f003}.search__input.field__input::selection,.search-direct__form .search__input::selection{background-color:#ff00004d;color:#111}.search__input.field__input::placeholder,.search-direct__form .search__input::placeholder{color:#666;opacity:1;font-weight:400}.search__input.field__input::-webkit-input-placeholder,.search-direct__form .search__input::-webkit-input-placeholder{color:#666;opacity:1;font-weight:400}.search__input.field__input::-moz-placeholder,.search-direct__form .search__input::-moz-placeholder{color:#666;opacity:1;font-weight:400}.search__input.field__input:focus::placeholder,.search-direct__form .search__input:focus::placeholder{opacity:0;color:transparent}.search__input.field__input:focus::-webkit-input-placeholder,.search-direct__form .search__input:focus::-webkit-input-placeholder{opacity:0;color:transparent}.search__input.field__input:focus::-moz-placeholder,.search-direct__form .search__input:focus::-moz-placeholder{opacity:0;color:transparent}.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,.reset__button:not(:focus):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.6rem);content:"";position:absolute;right:0}.search__button:focus-visible,.reset__button:focus-visible,.search__button:focus,.reset__button:focus{background-color:rgb(var(--color-background))}.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}.header__search-direct,.search-direct__form{position:relative;width:100%}.search-direct__form .field{position:relative;margin:0}.search-direct__form .field__button{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:.5rem;cursor:pointer}.search-direct__form .search__button{right:1rem}.search-direct__form .reset__button{right:3.5rem}.search-direct__form .field__button svg{width:18px;height:18px}.header__search-direct .predictive-search,.header__search-direct .predictive-search--header{position:absolute;top:100%;left:0;right:0;width:100%;margin-top:.5rem;max-height:70vh;overflow-y:auto;z-index:9000}@media screen and (min-width:980px){.header__search-container{flex-grow:1;max-width:100%;margin:0 auto}.header__search-direct,.search-direct__form,.search-direct__form .search__input{width:100%}.search-direct__form .search__input{text-align:center}}@media screen and (max-width:749px){.search-direct__form .search__input{padding:.5rem 2rem;font-size:1.1rem;text-align:center}.search-direct__form .field__button svg{width:16px;height:16px}.search-direct__form .search__button{right:.5rem}.search-direct__form .reset__button{right:2.5rem}.header__search-direct .predictive-search{position:fixed;left:0;right:0;width:100vw;z-index:9000}}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-search.css.map */