.card-option__wrapper{border:none;margin:0;padding:0;min-width:0;width:100%}.card-option__card{position:relative;width:100%;background-color:var(--card-option-background, rgba(var(--color-background)));border:1px solid var(--card-option-border, rgba(var(--color-text-no-alpha) / .15));border-radius:12px;padding:20px;overflow:hidden}@media screen and (min-width:768px){.card-option__card{padding:15px}}.card-option__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin-bottom:16px}.card-option__title-row{display:flex;align-items:center;justify-content:center;gap:8px}.card-option__icon{display:inline-flex;flex-shrink:0;color:rgba(var(--color-button))}.card-option__title{margin:0;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.card-option__subtitle{margin:0;color:rgba(var(--color-text-no-alpha) / .65)}.card-option__grid{display:flex;flex-wrap:wrap;justify-content:left;gap:10px 15px}.variant-option[data-type=card].selected+.card-option__label{border:2px solid rgba(var(--color-button))}.variant-option[data-type=card]+.card-option__label{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;width:var(--card-option-size, 92px);cursor:pointer;border-radius:10px;border:none}.variant-option[data-type=card]+.card-option__label.disabled:before{content:none}.card-option__image-wrapper{position:relative;display:block}.card-option__image-clip{display:block;width:100%;height:100%;border-radius:8px;overflow:hidden;border:1px solid rgba(var(--color-text-no-alpha) / .2);background-color:rgba(var(--color-text-no-alpha) / .04);transition:border-color .15s ease,box-shadow .15s ease}.card-option__image{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px}.card-option__badge{position:absolute;top:-3px;right:-3px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:9999px;background-color:rgba(var(--color-button));color:rgba(var(--color-button-text));padding:4px;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease}.card-option__name{text-align:center}.card-option__label:hover .card-option__image-clip{border-color:rgba(var(--color-text-no-alpha) / .5)}.variant-option.selected[data-type=card]+.card-option__label .card-option__image-clip,.variant-option:checked[data-type=card]+.card-option__label .card-option__image-clip{border-color:rgba(var(--color-button));box-shadow:0 0 0 1px rgba(var(--color-button))}.variant-option.selected[data-type=card]+.card-option__label .card-option__badge,.variant-option:checked[data-type=card]+.card-option__label .card-option__badge{opacity:1;transform:scale(1)}.variant-option.disabled[data-type=card]+.card-option__label,.card-option__label.disabled{cursor:not-allowed;opacity:.45}.card-option__footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background-color:#e5d8c1;border-radius:10px;margin-top:10px}.card-option__footer-text .variant-option__selected-value{font-weight:700}@media screen and (min-width:768px){.card-option__footer{padding:14px 24px}}.card-option__footer-icon{display:inline-flex;flex-shrink:0;width:20px;height:20px;color:rgba(var(--color-button))}.card-option__footer-text{margin:0}
/*# sourceMappingURL=/cdn/shop/t/37/assets/variant-picker-card.css.map */