.card{position:relative;display:flex;flex-direction:column;padding:16px;border-radius:28px;background:var(--color-cream);box-shadow:var(--shadow-soft);color:var(--color-ink)}.card__media{border-radius:21px;aspect-ratio:6 / 5;background:var(--color-mint)}.card--square .card__media{aspect-ratio:1}.card--portrait .card__media{aspect-ratio:4 / 5}.card__img{transition:opacity .35s var(--ease),transform .5s var(--ease)}.card__img--alt{opacity:0}@media(hover:hover){.card--swap:hover .card__img--alt{opacity:1}.card--swap:hover .card__img:not(.card__img--alt){opacity:0}.motion-on .card--swap:hover .card__img:not(.card__img--alt){transform:scale(1.04)}.motion-on .card:not(.card--swap):hover .card__img{transform:scale(1.04)}}.card .badges{position:absolute;z-index:2;top:13px;left:13px;display:flex;flex-wrap:wrap;gap:6px}.motion-on.has-reveal .card.is-in .badge{animation:badge-pop .45s var(--ease) both;animation-delay:calc(var(--i, 0) * .07s + .3s)}.card__body{display:flex;flex:1;flex-direction:column;gap:5px;padding-top:16px}.card__vendor{margin:0;font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.card__title{margin:0;font-family:var(--font-heading);font-size:calc(1.25rem * var(--heading-scale));font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--color-teal)}.card__link{color:inherit;text-decoration:none}.card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.card__link:focus-visible{outline:0}.card__link:focus-visible:after{outline:3px solid var(--color-apricot);outline-offset:3px}.card__rating{font-size:var(--fs-xs);color:#39564f}.card__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:9px}.card__bottom .price{font-size:var(--fs-small)}.card__form,.card__add{position:relative;z-index:2}.card__add{min-height:48px;min-width:48px;padding-inline:16px}.card--placeholder .card__title{color:var(--muted)}@media(max-width:749px){.card{padding:12px;border-radius:24px}.card__media{border-radius:18px}.card__bottom{flex-direction:column;align-items:stretch}.card__add{width:100%}}.quick-add{width:min(880px,calc(100% - 24px));max-height:min(90vh,760px);padding:0;border:0;border-radius:var(--radius-panel);box-shadow:var(--shadow-lift);overflow:auto}.quick-add::backdrop{background:rgba(var(--rgb-ink),.4)}.motion-on .quick-add[open]{animation:rise .35s var(--ease-out)}.quick-add__close{position:absolute;z-index:3;top:14px;right:14px}.quick-add__body{min-height:320px}.quick-add__body.is-loading{display:grid;place-items:center}.quick-add__body.is-loading:after{content:"";width:34px;height:34px;border-radius:50%;border:3px solid var(--color-teal);border-right-color:transparent;animation:spin .7s linear infinite}.qa{display:grid;gap:24px;padding:24px}.qa__media{border-radius:var(--radius-card);aspect-ratio:1}.qa__info{display:grid;align-content:start;gap:14px}.qa__title{margin:0;padding-right:48px}.qa__more{font-size:var(--fs-small)}@media(min-width:750px){.qa{grid-template-columns:1fr 1fr;padding:32px}}.variant-picker{display:grid;gap:16px;border:0;margin:0;padding:0}.option{display:grid;gap:10px;border:0;margin:0;padding:0;min-width:0}.option__legend{padding:0;font-weight:700;font-size:var(--fs-small);color:var(--heading)}.option__legend span{font-weight:500;color:var(--muted)}.option__values{display:flex;flex-wrap:wrap;gap:8px}.option__input{position:absolute;opacity:0;width:1px;height:1px}.option__input:focus-visible+.pill{outline:3px solid var(--color-apricot);outline-offset:2px}.option__input:checked+.pill{background:var(--color-teal);color:var(--color-cream);border-color:var(--color-teal)}.option__input.is-unavailable+.pill{opacity:.5;text-decoration:line-through}.swatch-pill{display:inline-grid;place-items:center;width:44px;height:44px;padding:3px;border-radius:50%;background:var(--color-cream);box-shadow:inset 0 0 0 2px var(--line);cursor:pointer}.swatch-pill>span{width:100%;height:100%;border-radius:50%;background:var(--swatch, var(--color-oat)) center / cover}.option__input:checked+.swatch-pill{box-shadow:inset 0 0 0 2px var(--color-teal)}.option__input.is-unavailable+.swatch-pill>span{opacity:.4}.qa__row{display:flex;flex-wrap:wrap;gap:12px}.qa__add{flex:1 1 200px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-product-card.css.map */