.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__status{margin:0}.template-search__result-card-link{display:block;height:100%;color:inherit;text-decoration:none}.template-search__result-card-link .card{height:100%}.template-search__result-card-link:hover .card__heading,.template-search__result-card-link:focus .card__heading,.template-search__result-card-link:focus-visible .card__heading{text-decoration:underline;text-underline-offset:.2rem}.template-search__result-card-link:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.template-search__result-image-wrapper,.template-search__result-swatch-wrapper{margin-bottom:1.6rem}.template-search__result-image,.template-search__result-swatch{display:block;width:7.2rem;height:7.2rem;border-radius:.4rem}.template-search__result-image{object-fit:cover;background:rgba(var(--color-foreground),.04)}.template-search__result-swatch{border:.1rem solid rgba(var(--color-foreground),.12);box-shadow:inset 0 0 0 .1rem rgba(var(--color-background),.3)}.template-search__result-type{margin:0 0 .8rem}.template-search__result-price,.template-search__result-availability{margin:.4rem 0 0}.template-search__result-card-link--color .card{height:100%}.template-search__result-card-link--color .card__inner{background:#f4f4f4}.template-search__result-card-link--color .card__content{padding-top:1.4rem}.template-search__result-card-link--color .card__information{display:flex;flex-direction:column;gap:.5rem}.template-search__result-media-shell{overflow:hidden}.template-search__result-media-shell .media{width:100%;height:100%;background:#f4f4f4}.template-search__result-media-image,.template-search__result-media-fallback{display:block;width:100%;height:100%}.template-search__result-media-image{object-fit:cover;background:#f4f4f4}.template-search__result-media-fallback{border:.1rem solid rgba(var(--color-foreground),.08)}.template-search__result-make,.template-search__result-code-label,.template-search__result-code,.template-search__result-color-name{margin:0}.template-search__result-make{color:rgba(var(--color-foreground),.6);text-transform:uppercase}.template-search__result-code-label{margin-top:.8rem;color:rgba(var(--color-foreground),.72);font-size:1.1rem;font-weight:600;letter-spacing:.08rem;line-height:1.25;text-transform:uppercase}.template-search__result-code{color:#071638;font-size:2.2rem;font-weight:400;letter-spacing:0;line-height:1.08;overflow-wrap:anywhere;word-break:normal}.template-search__result-color-name{display:-webkit-box;margin-top:.3rem;color:rgba(var(--color-foreground),.82);font-size:1.5rem;font-weight:500;line-height:1.35;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.template-search__result-popularity{margin-top:.6rem;padding:0;border-radius:0;background:transparent;color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:500}.template-search__result-popularity-icon{color:rgb(var(--color-base-accent-1))}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-search.css.map */