.search__input.field__input{padding-right:9.8rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, 8px);color:rgb(var(--color-foreground));transition:all .2s ease}.search__input.field__input:focus{border-color:rgb(var(--color-button));background:rgb(var(--color-background));outline:none}.search__input.field__input::placeholder{color:rgba(var(--color-foreground),.5);transition:color .2s ease}.search__input.field__input:focus::placeholder{color:rgba(var(--color-foreground),.3)}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width);background:rgb(var(--color-button));border:none;border-radius:0 var(--inputs-radius, 8px) var(--inputs-radius, 8px) 0;color:rgb(var(--color-button-text));transition:all .2s ease}.search__button:hover{background:rgba(var(--color-button),.9)}.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width);background:transparent;border:none;border-radius:6px;color:rgba(var(--color-foreground),.6);transition:all .2s ease}.reset__button:hover{background:rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground))}.reset__button:not(:focus-visible):after{border-right:.1rem solid rgba(var(--color-button),.15);display:block;height:calc(100% - 1.6rem);content:"";position:absolute;right:0;top:.8rem;transition:border-color .2s ease}.reset__button:not(:focus):after{border-right:.1rem solid rgba(var(--color-button),.15);display:block;height:calc(100% - 1.8rem);content:"";position:absolute;right:0;top:.9rem;transition:border-color .2s ease}.search__button:focus-visible,.reset__button:focus-visible{background-color:rgba(var(--color-button),.15);z-index:4;outline:2px solid rgba(var(--color-button),.3);outline-offset:2px}.search__button:focus,.reset__button:focus{background-color:rgba(var(--color-button),.15);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 .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;background:rgba(var(--color-background),.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-12px);box-shadow:0 10px 40px rgba(var(--color-shadow),.15);border:1px solid rgba(var(--color-button),.1);margin-top:8px;padding:16px}.search,.search .field{position:relative}.search-modal{background:rgba(var(--color-background),.95);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(var(--color-button),.15)}.search-modal .search__input.field__input{background:rgba(var(--color-background),.9);font-size:1.1rem;padding:16px 12rem 16px 16px}.predictive-search{background:rgba(var(--color-background),.98);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(var(--color-button),.15);border-radius:var(--radius-12px);box-shadow:0 10px 40px rgba(var(--color-shadow),.2)}.predictive-search__result{border-bottom:1px solid rgba(var(--color-button),.1);transition:background .2s ease}.predictive-search__result:hover{background:rgba(var(--color-button),.05)}.search__input.field__input.loading{background-image:linear-gradient(90deg,rgba(var(--color-button),.1),rgba(var(--color-button),.2),rgba(var(--color-button),.1));background-size:200% 100%;animation:searchLoading 1.5s infinite}@keyframes searchLoading{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:749px){.search__input.field__input{padding-right:8rem;font-size:1rem}.search__button,.reset__button{padding:12px}.search__button .icon,.reset__button .icon{height:1.6rem;width:1.6rem}}@media(prefers-contrast:high){.search__input.field__input{background:rgb(var(--color-background));border:2px solid rgb(var(--color-foreground));-webkit-backdrop-filter:none;backdrop-filter:none}.search__button{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.reset__button{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}}@media(prefers-reduced-motion:reduce){.search__input.field__input,.search__button,.reset__button,.search .field{transition:none}.search__button:hover .icon,.reset__button:hover .icon{transform:none}.search .field:focus-within{transform:none}.search__input.field__input.loading{animation:none;background-image:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-search.css.map */