.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}.search-suggestions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding:0 4px}.search-suggestion{background:#f6f1ff;padding:6px 12px;border-radius:20px;font-size:13px;cursor:pointer;border:1px solid #d7c5f3;transition:background .2s,border-color .2s}.search-suggestion:hover{background:#e6d5ff;border-color:#b295ea}@media(max-width:749px){.search-modal__content{padding-top:90px!important}.search-suggestions{margin-top:14px;padding:0 12px;width:100%}.search-suggestion{font-size:14px;padding:8px 14px}}@media(max-width:749px){.predictive-search--header{margin-top:60px!important}.search-modal__form{padding-top:4px!important}.search-suggestions{margin-top:16px!important;padding:0 12px!important}.search-suggestion{font-size:13px;padding:7px 12px}}@media(max-width:749px){.search-modal__content{transform:translateY(20px)!important}.predictive-search--header{margin-top:60px!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-search.css.map */
