.search__input.field__input{padding-right:9.8rem;border-radius:var(--ap-radius, 8px);font-weight:500;letter-spacing:.005em;transition:border-color var(--ap-motion, .2s) var(--ap-ease, ease),box-shadow var(--ap-motion, .2s) var(--ap-ease, ease)}.search__input.field__input::placeholder{color:rgba(var(--color-foreground),.5);opacity:1}.search__input.field__input:focus,.search__input.field__input:focus-visible{outline:0;border-color:var(--ap-accent, rgb(var(--color-button)));box-shadow:0 0 0 3px rgba(var(--color-button),.18)}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width);color:var(--ap-on-surface, rgb(var(--color-foreground)));border-radius:var(--ap-radius-sm, 4px);transition:color var(--ap-motion, .2s) var(--ap-ease, ease),background-color var(--ap-motion, .2s) var(--ap-ease, ease)}@media(hover:hover){.search__button:hover{color:var(--ap-accent, rgb(var(--color-button)))}}.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width);border-radius:var(--ap-radius-sm, 4px)}.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;outline:2px solid var(--ap-accent, rgb(var(--color-button)));outline-offset:-2px}.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}@media(prefers-reduced-motion:no-preference){.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__header .h2{margin-bottom:0}.template-search__header>p[role=status]{text-align:center;font-size:1.4rem;letter-spacing:.04em;color:rgba(var(--color-foreground),.7);margin-top:var(--ap-space-sm, 1.2rem)}.template-search__results{position:relative}.ap-search-empty{max-width:60rem;margin:var(--ap-space-lg, 2.4rem) auto 0;padding:var(--ap-space-xl, 4rem) var(--ap-space-lg, 2.4rem);background:transparent;border-radius:var(--ap-radius-lg, 1.2rem);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--ap-space-sm, 1.2rem)}.ap-search-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:7.2rem;height:7.2rem;border-radius:var(--ap-radius-pill, 999px);background:rgba(var(--color-button),.1);color:var(--ap-accent, rgb(var(--color-button)))}.ap-search-empty__icon svg,.ap-search-empty__icon .svg-wrapper{width:3.2rem;height:3.2rem}.ap-search-empty__title{margin:0;font-size:1.9rem;font-weight:700;letter-spacing:-.005em;color:var(--ap-on-surface, rgb(var(--color-foreground)))}.ap-search-empty__title b,.ap-search-empty__title strong{color:var(--ap-accent, rgb(var(--color-button)))}.ap-search-empty__hint{margin:0;font-size:1.4rem;line-height:1.6;color:rgba(var(--color-foreground),.7)}.ap-search-suggestions{display:flex;flex-direction:column;align-items:center;gap:var(--ap-space-sm, 1.2rem);margin-top:var(--ap-space-sm, 1.2rem)}.ap-search-suggestions__label{font-size:1.1rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.ap-search-suggestions__list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ap-space-xs, .8rem);margin:0;padding:0;list-style:none}.ap-search-chip{min-height:4rem;padding-left:var(--ap-space-sm, 1.2rem);padding-right:var(--ap-space-sm, 1.2rem);text-decoration:none}.ap-chip__icon{display:inline-flex;width:1.3rem;height:1.3rem;color:var(--ap-accent, rgb(var(--color-button)));flex:0 0 auto}.ap-search-chip:focus-visible{outline:2px solid var(--ap-accent, rgb(var(--color-button)));outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-search.css.map */