.card{position:relative;display:flex;flex-direction:column;gap:var(--space-2)}.card__media{--ratio: 4 / 5;isolation:isolate}.card__media.ratio-tall{--ratio: 2 / 3}.card__media.ratio-square{--ratio: 1 / 1}.card__media.ratio-photo{--ratio: 9 / 16}.card__img{transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-image) var(--ease-editorial)}.card__img--secondary{opacity:0}@media(hover:hover){.card--hover:hover .card__img--secondary{opacity:1}.card:hover .card__img{transform:scale(1.03)}}.card__link{text-decoration:none}.card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card__link:focus-visible{outline:none}.card:has(.card__link:focus-visible) .card__media{outline:2px solid var(--c-focus);outline-offset:3px}.card__badges{position:absolute;inset-block-start:var(--space-1);inset-inline-start:var(--space-1);z-index:2;pointer-events:none}.badges{display:flex;flex-wrap:wrap;gap:.25rem}.card__wish{position:absolute;inset-block-start:.125rem;inset-inline-end:.125rem;z-index:3}.card__wish .icon-btn{color:var(--sim-charcoal)}.card__wish .icon{inline-size:1.25rem;block-size:1.25rem}.wish-on{display:none;color:var(--sim-burgundy)}[aria-pressed=true]>.wish-on{display:block;animation:sim-pop var(--dur-slow) var(--ease-editorial)}[aria-pressed=true]>.wish-off{display:none}@keyframes sim-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.card__quick{position:absolute;inset-inline:0;inset-block-end:0;z-index:3}.card__quick-btn{inline-size:100%;min-block-size:var(--tap);padding:.7rem 1rem;background:color-mix(in srgb,var(--sim-cream) 94%,transparent);color:var(--sim-burgundy);font-size:var(--fs-label);font-weight:500;letter-spacing:var(--tracking-caps);text-transform:uppercase;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast),transform var(--dur-slow) var(--ease-editorial)}.card__quick-btn:hover{background:var(--sim-burgundy);color:var(--sim-cream)}.card__quick-btn[aria-busy=true]{opacity:.7}@media(hover:none){.card__quick{inset-inline:auto var(--space-1);inset-block-end:var(--space-1)}.card__quick-btn{inline-size:auto;min-block-size:2.25rem;padding:.45rem .8rem;font-size:.6875rem}}@media(hover:hover){.card__quick{overflow:hidden}.card__quick-btn{transform:translateY(101%)}.card:hover .card__quick-btn,.card__quick-btn:focus-visible,.card:focus-within .card__quick-btn{transform:none}}.card__info{display:flex;gap:var(--space-2);align-items:flex-start}.card__text{display:grid;gap:.3rem;min-inline-size:0}.card__title{font-family:var(--font-body);font-size:var(--fs-small);font-weight:400;line-height:1.4;color:var(--c-text);letter-spacing:0}.card__rank{flex:none;margin-block-start:-.2em;min-inline-size:1.4em}.swatches__list{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-block-start:.2rem;padding:3px;margin-inline-start:-3px}.swatch{position:relative;z-index:2;display:block;inline-size:.875rem;block-size:.875rem;border-radius:50%;background:var(--swatch, var(--c-line)) var(--swatch-image, none) center / cover;box-shadow:0 0 0 1px color-mix(in srgb,var(--c-text) 25%,transparent)}.swatch--current{box-shadow:0 0 0 1px var(--c-bg),0 0 0 2px var(--c-accent)}.swatch--unavailable{opacity:.4}.swatch--unavailable:after{content:"";position:absolute;top:45%;right:-10%;bottom:45%;left:-10%;block-size:1px;background:var(--c-text);rotate:-45deg}.rating{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-small)}.rating__stars{display:inline-flex;gap:1px;color:var(--c-accent);-webkit-mask:linear-gradient(90deg,#000 var(--rating),rgba(0,0,0,.25) var(--rating));mask:linear-gradient(90deg,#000 var(--rating),rgba(0,0,0,.25) var(--rating))}.rating__stars .icon{inline-size:.875rem;block-size:.875rem}.rating--compact .rating__stars .icon{inline-size:.75rem;block-size:.75rem}.card--compact{flex-direction:row;gap:var(--space-2);align-items:center}.card--compact .card__media{inline-size:5.5rem;flex:none}.card--compact .card__quick,.card--compact .card__wish,.card--compact .card__badges,.card--compact .swatches{display:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-card.css.map */