.search-card{--search-card-duration: .3s;position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:10px 14px 10px 10px;background-color:var(--default-bg);border:1px solid var(--border-default);border-radius:10px;transition:border-color var(--search-card-duration) ease,translate var(--search-card-duration) ease,box-shadow var(--search-card-duration) ease}.search-card:hover{border-color:var(--border-emphasis)}@media(hover:hover){.search-card:hover{translate:0 -3px;box-shadow:0 8px 20px rgb(var(--color-shadow) / .12)}}.search-card__media{display:block;flex:0 0 auto;width:91px;border-radius:10px;overflow:hidden;background-color:var(--subtle-bg)}.search-card__image{display:block;width:100%;height:100%;aspect-ratio:4 / 5;object-fit:cover;transition:scale var(--search-card-duration) ease}@media(hover:hover){.search-card:hover .search-card__image{scale:1.06}}.search-card__info{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:2px}.search-card__rating{display:flex;align-items:center;gap:4px}.search-card__stars{--search-card-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath d='M10 0l2.6 6.3 6.8.5-5.2 4.4 1.6 6.6L10 14.3 4.2 17.8l1.6-6.6L.6 6.8l6.8-.5z'/%3E%3C/svg%3E");display:block;width:62px;height:11px;background-image:linear-gradient(to right,var(--text-brand) var(--search-card-rating, 100%),var(--border-default) var(--search-card-rating, 100%));mask-image:var(--search-card-star);mask-size:11px 11px;mask-repeat:repeat-x;-webkit-mask-image:var(--search-card-star);-webkit-mask-size:11px 11px;-webkit-mask-repeat:repeat-x}.search-card__rating-text{font-family:var(--font-inter);font-size:11px;line-height:1.5;color:var(--text-muted);white-space:nowrap}.search-card__title{margin:0;font-family:var(--font-inter);font-size:14px;font-weight:600;line-height:1.55;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-card__link{color:inherit;text-decoration:none}.search-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.search-card__price{margin:0;white-space:nowrap;font-family:var(--font-inter);font-size:14px;font-weight:600;line-height:1.55;text-transform:uppercase;color:var(--text-primary)}.search-card__swatches{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none}.search-card__swatch{display:block;width:14px;height:14px;overflow:hidden;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.search-card__swatch-image{display:block;width:100%;height:100%;object-fit:cover}.search-card__swatch--first{box-shadow:inset 0 0 0 1px #0000001f,0 0 0 1px var(--default-bg),0 0 0 2px var(--border-emphasis)}.search-card__options{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 0;padding:0;list-style:none}.search-card__option{padding:2px 8px;border:1px solid var(--border-default);border-radius:4px;background-color:var(--default-bg);font-family:var(--font-inter);font-size:12px;line-height:1.5;color:var(--inverse-bg)}.search-card__option--first{background-color:var(--inverse-bg);border-color:var(--inverse-bg);color:var(--text-inverse)}.search-card__cta{position:relative;z-index:1;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;height:32px;padding-inline:16px;border:2px solid var(--border-emphasis);border-radius:6px;background-color:var(--default-bg);font-family:var(--font-inter);font-size:12px;font-weight:600;line-height:1.55;text-transform:uppercase;color:var(--inverse-bg);transition:background-color var(--search-card-duration) ease,color var(--search-card-duration) ease}.search-card:hover .search-card__cta{background-color:var(--inverse-bg);color:var(--text-inverse)}.search-card__cta,.search-card__options,.search-card__swatches{pointer-events:none}@media screen and (max-width:991px){.search-card{padding:10px}.search-card__cta{height:30px;padding-inline:12px}}@media screen and (max-width:400px){.search-card__cta{padding-inline:10px}.search-card__title,.search-card__price{font-size:13px}}@media(prefers-reduced-motion:reduce){.search-card,.search-card__image,.search-card__cta{transition:none}.search-card:hover{translate:none;box-shadow:none}.search-card:hover .search-card__image{scale:none}}
/*# sourceMappingURL=/cdn/shop/t/784/assets/component-search-result-card.css.map */