.variant-card{position:relative;display:flex;flex:1 1 120px;flex-direction:column;align-items:center;min-width:120px;max-width:calc((100% - 20px) / 3);height:160px;padding:16px 12px 12px;border-radius:var(--radius-s);background-color:var(--color-white);border:1px solid var(--color-grey-30);text-decoration:none;color:var(--color-black);cursor:pointer;transition:var(--transition-quick)}:checked+.variant-card,.variant-card--active{background-color:var(--color-blue-50);border-color:var(--color-blue-300);box-shadow:0 0 0 1.5px var(--color-blue-300)}.variant-card.is-disabled{opacity:.4;pointer-events:none}.variant-card__image-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:80px;flex-shrink:0;overflow:hidden}.variant-card__image{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}.variant-card__title{color:var(--color-black);font-size:var(--font-size-body-16);font-weight:var(--font-weight-medium);line-height:var(--line-height-140);text-align:center;word-break:break-word;margin-top:10px}:checked+.variant-card .variant-card__title,.variant-card--active .variant-card__title{font-weight:var(--font-weight-semibold);line-height:var(--line-height-120);letter-spacing:.16px}.variant-card--compact{height:auto;min-height:unset;padding:12px 16px;justify-content:center;gap:4px}.variant-card--compact .variant-card__title,.variant-card--compact .variant-card__household{margin-top:0}.variant-card__household{display:flex;align-items:center;gap:3px;font-size:var(--font-size-body-13);font-weight:var(--font-weight-regular);line-height:var(--line-height-140);color:var(--color-grey-50);white-space:nowrap;margin-top:auto;flex-shrink:0}.variant-card__household-range{color:var(--color-grey-50)}.variant-picker__selected-value{font-size:var(--font-size-body-16);font-weight:var(--font-weight-regular);line-height:var(--line-height-140);color:var(--color-grey-50)}.swatch-check{position:absolute;top:-7px;right:-7px;z-index:1;display:none;align-items:center;justify-content:center;pointer-events:none;color:var(--color-blue-200)}:checked+.variant-card .swatch-check,:checked+.circle-swatch .swatch-check,.variant-card--active .swatch-check,.circle-swatch--active .swatch-check{display:flex}.circle-swatch .swatch-check{top:4px;right:0}.swatch-check svg{display:block}.variant-picker .block-swatch{border-width:1.5px}:checked+.variant-picker .block-swatch,.variant-picker :checked+.block-swatch{border-color:var(--color-blue-300)}.variant-picker .block-swatch:before{box-shadow:0 0 0 1.5px var(--color-blue-300)}.variant-picker .color-swatch{border:1.5px solid var(--color-grey-30)}.variant-picker .color-swatch:before{box-shadow:0 0 0 1.5px var(--color-blue-300)}.circle-swatch{display:block;position:relative;width:88px;height:88px;border-radius:var(--radius-full);border:1.5px solid var(--color-grey-30);overflow:visible;cursor:pointer;flex-shrink:0;transition:var(--transition-quick)}.circle-swatch__image{border-radius:var(--radius-full);overflow:hidden}:checked+.circle-swatch,.circle-swatch--active{border-color:var(--color-blue-300);box-shadow:0 0 0 1.5px var(--color-blue-300)}.circle-swatch.is-disabled{opacity:.4;pointer-events:none}.circle-swatch__image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.circle-swatch--text{display:flex;align-items:center;justify-content:center;background-color:var(--color-white)}.circle-swatch__label{font-size:var(--font-size-body-13);font-weight:var(--font-weight-medium);line-height:var(--line-height-120);color:var(--color-black);text-align:center;padding:8px;word-break:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical}:checked+.circle-swatch--text,.circle-swatch--text.circle-swatch--active{background-color:var(--color-blue-50)}@media(hover:hover)and (min-width:750px){.circle-swatch:not(.circle-swatch--active):hover{border-color:var(--color-grey-40)}}@media(hover:hover)and (min-width:750px){.variant-card:not(.variant-card--active):not(:has(~:checked)):hover{border-color:var(--color-grey-40)}:not(:checked)+.variant-card:hover{border-color:var(--color-grey-40)}}@media screen and (max-width:989px){.variant-card{flex:1 1 100px;min-width:100px;max-width:calc((100% - 16px) / 3);height:auto;min-height:152px;padding:10px 16px}.variant-card__title{font-size:var(--font-size-body-15);letter-spacing:-.15px;margin-top:6px}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/variant-card.css.map */