.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}.template-search{color:var(--qr-color-text);font-family:var(--qr-font-body)}.template-search__header h1,.template-search__results .title,.template-search__results h2{color:var(--qr-color-ink);font-family:var(--qr-font-display)}.template-search__search .field__input{background:var(--qr-color-paper);border-color:var(--qr-color-border);border-radius:var(--qr-radius-pill);color:var(--qr-color-ink);font-family:var(--qr-font-body)}.template-search__search .field__input:focus{border-color:var(--qr-color-pink-strong);box-shadow:0 0 0 var(--qr-focus-width) rgba(var(--qr-color-pink-rgb),.14)}.template-search__search .search__button,.template-search__search .reset__button{color:var(--qr-color-pink-strong)}.template-search__header [role=status]{color:var(--qr-color-muted);font-size:1.4rem}.template-search__results.collection--empty{background:var(--qr-color-surface);border:.1rem solid var(--qr-color-border);border-radius:var(--qr-radius-lg);padding-block:var(--qr-space-7)}@media screen and (min-width:750px){.template-search__search .field__input{min-height:5.2rem}}@media screen and (min-width:990px){.template-search__header{max-width:var(--qr-content-max-width);margin-inline:auto}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-search.css.map */