.card{position:relative;text-decoration:none}@media (min-width: 1024px){.card{text-align:center}}.card .color-swatch input{display:none}.card .color-swatch label{display:block}.card .color-swatch .swatch{width:12px;height:12px;border-radius:50%;border:1px solid #E5E5E5;overflow:hidden;background:var(--swatch--background);display:block;background-size:16px;background-repeat:no-repeat;background-position:center}@media (min-width: 1024px){.card .color-swatch .swatch{width:16px;height:16px}}.card .color-swatch input:checked+label .swatch{outline:1px solid black;outline-offset:4px}.card__media{position:relative;border-radius:4px;width:100%;transition:background .3s ease;overflow:hidden;border:1px solid #D6D6D6}@media (min-width: 1024px){.card__media{border-radius:8px}}.card__media-lg{min-height:232px;aspect-ratio:174/232}@media (min-width: 1024px){.card__media-lg{min-height:456px;aspect-ratio:342/456}}.card__media-sm{min-height:232px;aspect-ratio:174/232}@media (min-width: 1024px){.card__media-sm{min-height:300px;aspect-ratio:225/300}}.card--sm .card__content .card__information .card__price{display:block!important}.card--sm .card__content>.card__price{display:none}.card__content{padding:8px 12px;width:100%;text-align:left}@media screen and (min-width: 1024px){.card__content{padding:12px}}.card__content .price.font-semibold{font-weight:400}.card__variant-title{position:absolute;font-size:12px;bottom:-35px;left:60%;padding:5px 12px;white-space:nowrap;background-color:#f2f2f2;border:1px solid #D6D6D6;border-radius:12px;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none}.card__variant-option:hover .card__variant-title{opacity:1;visibility:visible}.card__variant-option{width:24px;height:24px;display:flex!important;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;border-radius:50%;position:relative}@media screen and (max-width: 767.98px){.card__variant-option{width:20px;height:20px}}.card__variant-option:has(>input[type=radio]:checked){border-color:#000}.card__variant-option .card__variant{display:inline-block;width:16px;height:16px;border-radius:50%;overflow:hidden;border:1px solid #E5E5E5}@media screen and (max-width: 767.98px){.card__variant-option .card__variant{width:12px;height:12px}}.card__variant-option .card__variant img{width:100%;height:100%;object-fit:contain;object-position:center}
/*# sourceMappingURL=/cdn/shop/t/49/assets/component-card.css.map */