.custom-product-variant-shell{width:100%}.custom-product-variant-shell .custom-variant-picker{display:grid;gap:var(--custom-var-gap-d, 18px);text-align:var(--custom-var-align-d, left)}.custom-product-variant-shell .custom-variant-fieldset{display:grid;gap:0;border:0;margin:0;padding:0;min-width:0}.custom-product-variant-shell .custom-variant-fieldset--hidden{display:none}.custom-product-variant-shell .custom-variant-legend{display:flex;align-items:center;justify-content:var(--custom-var-justify-d, flex-start);gap:10px;width:100%;margin:0 0 var(--custom-var-label-gap, 10px);color:var(--custom-var-text, #3C3A35);font-size:var(--custom-var-label-size-d, 16px);font-weight:var(--custom-var-label-weight, 700);line-height:1.25}.custom-product-variant-shell .custom-variant-step{display:none;align-items:center;justify-content:center;flex:0 0 auto;width:24px;height:24px;border-radius:999px;color:#fff;background:var(--custom-var-accent, #355B52);font-size:13px;font-weight:800;line-height:1}.custom-product-variant-shell .custom-variant-values{display:flex;flex-wrap:wrap;justify-content:var(--custom-var-justify-d, flex-start);gap:var(--custom-var-value-gap, 14px);width:100%}.custom-product-variant-shell .custom-variant-card{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:10px;width:min(100%,var(--custom-var-card-width-d, 170px));min-height:var(--custom-var-card-min-h, 76px);margin:0;padding:var(--custom-var-card-pad, 12px);border:1px solid var(--custom-var-border, #6F8F84);border-radius:var(--custom-var-radius, 12px);color:var(--custom-var-text, #3C3A35);background:var(--custom-var-bg, #FFFFFF);box-shadow:none;cursor:pointer;overflow:hidden;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}.custom-product-variant-shell .custom-variant-card:hover{border-color:color-mix(in srgb,var(--custom-var-accent, #355B52) 72%,var(--custom-var-border, #6F8F84))}.custom-product-variant-shell .custom-variant-input:checked+.custom-variant-card{border-color:var(--custom-var-accent, #355B52);box-shadow:0 0 0 1px var(--custom-var-accent, #355B52) inset}.custom-product-variant-shell .custom-variant-card.is-soldout{opacity:.48}.custom-product-variant-shell .custom-variant-card.is-soldout:after{content:"";position:absolute;left:12px;right:12px;top:50%;height:1px;background:currentColor;transform:rotate(-15deg);opacity:.45}.custom-product-variant-shell .custom-variant-radio{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;border:1.5px solid var(--custom-var-border, #6F8F84);border-radius:999px;background:#fff}.custom-product-variant-shell .custom-variant-radio>span{display:block;width:8px;height:8px;border-radius:inherit;background:transparent}.custom-product-variant-shell .custom-variant-input:checked+.custom-variant-card .custom-variant-radio{border-color:var(--custom-var-accent, #355B52)}.custom-product-variant-shell .custom-variant-input:checked+.custom-variant-card .custom-variant-radio>span{background:var(--custom-var-accent, #355B52)}.custom-product-variant-shell .custom-variant-copy{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;min-width:0}.custom-product-variant-shell .custom-variant-media{display:block;align-self:stretch;flex:0 0 min(38%,var(--custom-var-color-img-h-d, 88px));min-width:42px;min-height:54px;border-radius:max(2px,calc(var(--custom-var-radius, 12px) - 5px));background:#f5f3ef;overflow:hidden}.custom-product-variant-shell .custom-variant-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.custom-product-variant-shell .custom-variant-color-dot{width:42px;height:42px;border-radius:999px;border:1px solid var(--custom-var-border, #6F8F84);background:#f2ece3}.custom-product-variant-shell .custom-variant-name{display:block;max-width:100%;color:inherit;font-size:var(--custom-var-option-size-d, 15px);font-weight:var(--custom-var-option-weight, 700);line-height:1.2}.custom-product-variant-shell .custom-variant-price{display:block;margin-top:5px;color:color-mix(in srgb,var(--custom-var-text, #3C3A35) 72%,#FFFFFF);font-size:max(11px,calc(var(--custom-var-option-size-d, 15px) - 2px));font-weight:500;line-height:1.1}.hdt-main-product-quick-add .custom-product-variant-shell .custom-variant-values,.hdt-main-product-quick-view .custom-product-variant-shell .custom-variant-values{flex-direction:column;flex-wrap:nowrap;align-items:stretch}.hdt-main-product-quick-add .custom-product-variant-shell .custom-variant-card,.hdt-main-product-quick-view .custom-product-variant-shell .custom-variant-card{width:100%;min-height:max(84px,var(--custom-var-card-min-h, 76px))}@media(max-width:767px){.custom-product-variant-shell .custom-variant-picker{gap:var(--custom-var-gap-m, 10px);text-align:var(--custom-var-align-m, left)}.custom-product-variant-shell .custom-variant-legend{justify-content:var(--custom-var-justify-m, flex-start);gap:6px;margin-bottom:var(--custom-var-label-gap, 6px);font-size:var(--custom-var-label-size-m, 14px);line-height:1.15}.custom-product-variant-shell .custom-variant-values{justify-content:var(--custom-var-justify-m, flex-start);gap:var(--custom-var-value-gap, 8px)}.custom-product-variant-shell .custom-variant-card{width:min(100%,var(--custom-var-card-width-m, 64px));min-width:0;min-height:var(--custom-var-card-min-h, 58px);gap:7px;padding:var(--custom-var-card-pad, 8px);border-radius:var(--custom-var-radius, 8px)}.custom-product-variant-shell .custom-variant-radio{flex-basis:16px;width:16px;height:16px}.custom-product-variant-shell .custom-variant-radio>span{width:7px;height:7px}.custom-product-variant-shell .custom-variant-media{flex-basis:min(38%,var(--custom-var-color-img-h-m, 54px));min-width:30px;min-height:42px}.custom-product-variant-shell .custom-variant-name{font-size:var(--custom-var-option-size-m, 12px);line-height:1.12}.custom-product-variant-shell .custom-variant-price{margin-top:2px;font-size:max(9px,calc(var(--custom-var-option-size-m, 12px) - 2px))}.custom-product-variant-shell .custom-variant-card.is-soldout:after{left:8px;right:8px}.hdt-main-product-quick-add .custom-product-variant-shell .custom-variant-card,.hdt-main-product-quick-view .custom-product-variant-shell .custom-variant-card{width:100%;min-height:82px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/custom-product-variants.css.map */