.card{position:relative;display:flex;flex-direction:column;gap:var(--space-2)}.card__media{position:relative;aspect-ratio:var(--card-ratio, 4 / 5);border:var(--border-hair) solid var(--blue-100);background-color:var(--white)}.card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.card__image--on-body{opacity:0}@media(hover:hover)and (pointer:fine){@media(prefers-reduced-motion:no-preference){.card__image--on-body{transition:opacity var(--dur-base) var(--ease)}}.card:hover .card__image--on-body{opacity:1}}.card__block{background-color:var(--blue-100)}.card__block--fill{position:absolute;top:0;right:0;bottom:0;left:0}.card__block--line{block-size:var(--space-4);inline-size:var(--line-width, 100%)}.card__block--rule{block-size:var(--space-3);inline-size:var(--line-width, 100%)}.card--loading .card__media{border:none}.card__switchable{position:absolute;inset-block-start:0;inset-inline-start:0;padding:var(--space-1) var(--space-2);background-color:var(--white);color:var(--blue-700);font-family:var(--font-mono);font-size:var(--text-label-xs);font-weight:600;letter-spacing:var(--track-mono);line-height:var(--leading-flat);text-transform:uppercase}.card__switchable:before{content:"\25c7\a0"}.card__save,.card__remove{display:flex;align-items:center;justify-content:center;min-block-size:var(--tap-target-min);min-inline-size:var(--tap-target-min);border:none;background-color:transparent;color:var(--blue-700);font-size:var(--text-body-m);line-height:var(--leading-flat);cursor:pointer}.card__save{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1}.card__save:before{content:"\2661"}.card__save[aria-pressed=true]{color:var(--burgundy)}.card__save[aria-pressed=true]:before{content:"\2665"}.card__remove:before{content:"\2715";color:var(--blue-400)}@media(hover:hover)and (pointer:fine){.card__remove:hover:before{color:var(--burgundy)}}.card__text{display:flex;flex-direction:column;gap:var(--space-1);min-inline-size:0}.card__name{min-block-size:calc(var(--text-body-s) * var(--leading-snug) * 2);margin:0;font-family:var(--font-body);font-size:var(--text-body-s);font-weight:400;line-height:var(--leading-snug);text-wrap:pretty}.card__link{color:inherit;text-decoration:none}.card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.card:has(.card__link:focus-visible){outline:var(--border-focus) solid var(--saffron);outline-offset:var(--border-focus)}.card__link:focus-visible{outline:none}.price{display:flex;align-items:baseline;gap:var(--space-1);font-family:var(--font-display);font-size:var(--text-h5);letter-spacing:var(--track-display-loose);line-height:var(--leading-flat)}.price__from{color:var(--blue-400);font-size:var(--text-label-xs);letter-spacing:var(--track-mono-tight)}.card__saved-on,.card__fits,.card__components,.card__meta,.card__tag{margin:0;color:var(--blue-400);font-size:var(--text-label-xs);letter-spacing:var(--track-mono-tight)}.card__components{line-height:var(--leading-relaxed)}.card__tag{padding-block-start:var(--space-1);letter-spacing:var(--track-mono-wide)}.card__edit{margin:0;padding-block-start:var(--space-1);font-family:var(--font-mono);font-size:var(--text-label-xs);letter-spacing:var(--track-mono);text-transform:uppercase}.card__note{z-index:1;min-block-size:var(--tap-target-min);inline-size:100%;padding-inline:var(--space-3);border:var(--border-hair) solid var(--blue-100);margin-block-start:var(--space-1);background-color:var(--cream);color:var(--blue-700);font-family:var(--font-mono);font-size:var(--text-label-s);letter-spacing:var(--track-soft)}.card__quick{z-index:1;margin-block-start:var(--space-2)}.card__quick-button{border-color:var(--blue-200);inline-size:100%}.card__quick-button[data-added]{border-color:var(--blue-700);background-color:var(--blue-700);color:var(--white)}.card--compact{display:grid;grid-template-columns:100px 1fr var(--tap-target-min);gap:var(--space-3);align-items:start;padding:var(--space-4);border:var(--border-hair) solid var(--blue-100);background-color:var(--white)}.card--compact .card__media{aspect-ratio:auto;block-size:124px;inline-size:100px}.card--compact .card__name{min-block-size:0}.card--compact .card__remove{align-self:start}.card--editorial{gap:var(--space-4)}.card--editorial .card__text{gap:var(--space-2)}.card--editorial .card__name{min-block-size:0;max-inline-size:22ch;font-family:var(--font-display);font-size:var(--text-h3);letter-spacing:var(--track-display);line-height:var(--leading-display)}.card--editorial .price{font-size:var(--text-h4)}@media(min-width:1024px){.card{gap:var(--space-3)}.card__text{gap:var(--space-2)}.card__name{min-block-size:calc(var(--text-body-m) * var(--leading-snug) * 2);font-size:var(--text-body-m)}.card--compact .card__name,.card--editorial .card__name{min-block-size:0}.price__from{font-size:var(--text-label-s)}.card__switchable{padding:var(--space-2) var(--space-3)}}.card__error{margin:var(--space-2) 0 0;color:var(--burgundy);font-family:var(--font-mono);font-size:var(--text-label-xs);letter-spacing:var(--track-mono-tight);line-height:var(--leading-body)}.card--quiet{gap:10px;padding:10px;border:1px solid var(--blue-100);background-color:var(--white);color:inherit;text-decoration:none}.card--quiet .card__media{aspect-ratio:1}.card--quiet .card__text{display:flex;flex-direction:column;gap:6px}.card--quiet .card__cat{display:none;color:var(--blue-600);font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.card--quiet .card__name{min-block-size:0;margin:0;font-family:var(--font-body);font-size:12px;line-height:1.3}.card--quiet .card__price{font-family:var(--font-display);font-size:22px;letter-spacing:-.02em;line-height:1}@media(min-width:1024px){.card--quiet{gap:16px;padding:16px}.card--quiet .card__media{aspect-ratio:4 / 5}.card--quiet .card__text{gap:8px}.card--quiet .card__cat{display:inline}.card--quiet .card__name{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/product-card.css.map */