.variant-picker-cards{width:100%}.variant-picker-cards__fieldset{display:block;margin:0 0 28px;min-width:0}.variant-picker-cards__fieldset:last-child{margin-bottom:0}.variant-picker-cards__label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.variant-picker-cards__legend{font-family:var(--body-font);font-size:var(--body-font-size, 15px);font-weight:var(--body-weight, 400);letter-spacing:.12em;text-transform:none;color:var(--color-heading, #111);line-height:1.4}.variant-picker-cards__legend .option_value{font-weight:var(--heading-weight, 600);color:var(--color-heading, #111);text-transform:capitalize}.variant-picker-cards__options{display:flex;flex-wrap:wrap;gap:12px;min-width:0}.variant-picker-cards__options--color{gap:var(--vpc-card-gap, 10px)}.variant-picker-cards__color{display:flex;flex-direction:column;align-items:stretch;width:var(--vpc-card-width, 80px);min-width:calc(var(--vpc-card-width, 80px) * .75);max-width:var(--vpc-card-width, 80px);flex:0 0 auto;border:none;border-radius:0;overflow:visible;background:transparent;cursor:pointer;transition:border-color .2s ease;position:relative;text-align:center;box-sizing:border-box;gap:0}.variant-picker-cards--color-name-inside .variant-picker-cards__color{border:2px solid #e3e3e3;border-radius:4px;overflow:hidden;background:#fff}.variant-picker-cards--color-name-inside .variant-picker-cards__color:hover{border-color:#bdbdbd}.variant-picker-cards--color-name-inside input[type=radio]:checked+.variant-picker-cards__color{border-color:var(--color-dark, #111);background-color:#fff!important;color:var(--color-heading, #111)!important}.variant-picker-cards--color-name-inside .product-form__input input[type=radio]:not(.option-disabled):checked+label.variant-picker-cards__color{background-color:#fff!important;color:var(--color-heading, #111)!important;border-color:var(--color-dark, #111)!important}.variant-picker-cards--color-name-outside .variant-picker-cards__color{gap:6px}.variant-picker-cards--color-name-outside .variant-picker-cards__color-media{position:relative;border:2px solid #e3e3e3;border-radius:4px;transition:border-color .2s ease}.variant-picker-cards--color-name-outside .variant-picker-cards__color:hover .variant-picker-cards__color-media{border-color:#bdbdbd}.variant-picker-cards--color-name-outside input[type=radio]:checked+.variant-picker-cards__color .variant-picker-cards__color-media{border-color:var(--color-dark, #111)}.variant-picker-cards--color-name-outside .product-form__input input[type=radio]:not(.option-disabled):checked+label.variant-picker-cards__color{background-color:transparent!important;color:var(--color-heading, #111)!important;border-color:transparent!important}.variant-picker-cards--color-name-outside .variant-picker-cards__color-name{padding:0 2px}.variant-picker-cards--color-name-hidden .variant-picker-cards__color{border:2px solid #e3e3e3;border-radius:4px;overflow:hidden;background:#fff}.variant-picker-cards--color-name-hidden .variant-picker-cards__color:hover{border-color:#bdbdbd}.variant-picker-cards--color-name-hidden input[type=radio]:checked+.variant-picker-cards__color{border-color:var(--color-dark, #111);background-color:#fff!important}.variant-picker-cards--color-name-hidden .product-form__input input[type=radio]:not(.option-disabled):checked+label.variant-picker-cards__color{background-color:#fff!important;border-color:var(--color-dark, #111)!important}.variant-picker-cards--color-name-hidden .variant-picker-cards__color-name{display:none!important}.variant-picker-cards .product-form__input input[type=radio]:checked+.variant-picker-cards__color .variant-picker-cards__color-name{color:var(--color-heading, #111)!important;background-color:transparent!important}.variant-picker-cards input[type=radio].option-disabled+.variant-picker-cards__color{opacity:.45;pointer-events:none}.variant-picker-cards input[type=radio].option-disabled+.variant-picker-cards__color:after,.variant-picker-cards--color-name-outside input[type=radio].option-disabled+.variant-picker-cards__color .variant-picker-cards__color-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top left,transparent calc(50% - 1px),#ddd,transparent calc(50% + 1px)) no-repeat;z-index:2;pointer-events:none;border-radius:inherit}.variant-picker-cards--color-name-outside input[type=radio].option-disabled+.variant-picker-cards__color:after{content:none}.variant-picker-cards__color-media{display:block;width:100%;aspect-ratio:var(--vpc-card-aspect, 1 / 1);overflow:hidden;background:#f7f7f7;box-sizing:border-box}.variant-picker-cards__color-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.variant-picker-cards__color-swatch,.variant-picker-cards__color-placeholder{display:block;width:100%;height:100%}.variant-picker-cards__color-placeholder{background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.variant-picker-cards__color-name{display:block;padding:8px 6px 10px;font-family:var(--heading-font);font-size:var(--vpc-color-name-size, 11px);font-weight:var(--heading-weight, 600);line-height:1.2;color:var(--color-heading, #111);letter-spacing:.02em;text-transform:capitalize}.variant-picker-cards__options--size{gap:8px;align-items:flex-start}.variant-picker-cards__size{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;max-width:100%;flex:0 0 auto;min-height:40px;padding:10px 14px;border:1px solid #e3e3e3;border-radius:4px;background:#fff;color:var(--color-heading, #111);font-family:var(--body-font);font-size:calc(var(--body-font-size, 15px) - 1px);font-weight:var(--body-weight, 400);letter-spacing:.04em;line-height:1.2;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;position:relative;text-transform:capitalize;box-sizing:border-box;white-space:nowrap}.variant-picker-cards__size:hover{border-color:#bdbdbd}.variant-picker-cards input[type=radio]:checked+.variant-picker-cards__size{background-color:var(--color-dark, #111);border-color:var(--color-dark, #111);color:var(--color-white, #fff)}.variant-picker-cards input[type=radio].option-disabled+.variant-picker-cards__size{color:#999;background:#fff;pointer-events:none}.variant-picker-cards input[type=radio].option-disabled+.variant-picker-cards__size:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top left,transparent calc(50% - 1px),#ddd,transparent calc(50% + 1px)) no-repeat;border-radius:inherit;z-index:1;pointer-events:none}.variant-picker-cards__size-text{position:relative;z-index:2}.variant-picker-cards--shape-rounded .variant-picker-cards__color-media{aspect-ratio:1 / 1!important;border-radius:50%}.variant-picker-cards--shape-rounded .variant-picker-cards__color-img,.variant-picker-cards--shape-rounded .variant-picker-cards__color-swatch,.variant-picker-cards--shape-rounded .variant-picker-cards__color-placeholder{border-radius:50%}.variant-picker-cards--shape-rounded.variant-picker-cards--color-name-inside .variant-picker-cards__color,.variant-picker-cards--shape-rounded.variant-picker-cards--color-name-hidden .variant-picker-cards__color{border:none;border-radius:0;overflow:visible;background:transparent}.variant-picker-cards--shape-rounded.variant-picker-cards--color-name-inside .variant-picker-cards__color-media,.variant-picker-cards--shape-rounded.variant-picker-cards--color-name-hidden .variant-picker-cards__color{border:2px solid #e3e3e3;border-radius:50%;overflow:hidden;background:#fff}.variant-picker-cards--shape-rounded.variant-picker-cards--color-name-inside .variant-picker-cards__color:hover .variant-picker-cards__color-media,.variant-picker-cards--shape-rounded.variant-picker-cards--color-name-hidden .variant-picker-cards__color:hover{border-color:#bdbdbd}.variant-picker-cards--shape-rounded.variant-picker-cards--color-name-inside input[type=radio]:checked+.variant-picker-cards__color .variant-picker-cards__color-media,.variant-picker-cards--shape-rounded.variant-picker-cards--color-name-hidden input[type=radio]:checked+.variant-picker-cards__color{border-color:var(--color-dark, #111)}.variant-picker-cards--shape-rounded.variant-picker-cards--color-name-inside .product-form__input input[type=radio]:not(.option-disabled):checked+label.variant-picker-cards__color,.variant-picker-cards--shape-rounded.variant-picker-cards--color-name-hidden .product-form__input input[type=radio]:not(.option-disabled):checked+label.variant-picker-cards__color{background-color:transparent!important;border-color:transparent!important}.variant-picker-cards--shape-rounded.variant-picker-cards--color-name-outside .variant-picker-cards__color-media{border-radius:50%}.variant-picker-cards--shape-rounded input[type=radio].option-disabled+.variant-picker-cards__color:after,.variant-picker-cards--shape-rounded.variant-picker-cards--color-name-outside input[type=radio].option-disabled+.variant-picker-cards__color .variant-picker-cards__color-media:after{border-radius:50%}@media(max-width:767px){.variant-picker-cards__color{width:min(var(--vpc-card-width, 80px),calc((100% - var(--vpc-card-gap, 10px)) / 2));max-width:min(var(--vpc-card-width, 80px),calc((100% - var(--vpc-card-gap, 10px)) / 2));min-width:0}.variant-picker-cards__options--color{gap:var(--vpc-card-gap, 10px)}.variant-picker-cards__legend{font-size:14px;letter-spacing:.1em}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/variant-picker-cards.css.map */