.product--variants-list.quadrant-style{display:flex;flex-wrap:nowrap;gap:8px;width:100%;margin-top:10px;overflow-x:auto;-webkit-overflow-scrolling:touch}.product--variants-list.quadrant-style .variant--item{flex:1 1 0;min-width:0;max-width:200px;height:auto;position:relative}.product--variants-list.quadrant-style .variant-item-name{padding:6px 8px;border-radius:6px;border:1px solid var(--border_color);background:var(--body_background);transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:45px;position:relative;overflow:hidden;width:100%;white-space:nowrap}.variant-item-name .variant-size{font-size:13px;font-weight:400;margin-bottom:1px;color:var(--heading_color);line-height:1.1;overflow:hidden;text-overflow:ellipsis;max-width:100%}.variant-item-name .variant-price{display:flex;align-items:center;gap:4px;font-size:11px;line-height:1}.variant-item-name .variant-price .variant-compare-price{text-decoration:line-through;opacity:.6;font-size:10px;font-weight:400}.variant-item-name .variant-price .variant-actual-price{font-weight:500;color:var(--text_color);font-size:12px}.variant-save-badge{position:absolute;top:-1px;right:-1px;background:var(--sale_badge_bg);color:var(--sale_badge_text_color);padding:2px 5px;font-size:9px;font-weight:600;border-radius:0 4px 0 6px;text-transform:uppercase;z-index:1;line-height:1.1}.product--variants-list.quadrant-style input:checked+.variant-item-name{border-color:var(--text_color);background:var(--text_color);border-width:2px;padding:7px 9px}.product--variants-list.quadrant-style input:checked+.variant-item-name .variant-size,.product--variants-list.quadrant-style input:checked+.variant-item-name .variant-actual-price{color:var(--body_background)}.product--variants-list.quadrant-style input:checked+.variant-item-name .variant-compare-price{color:var(--body_background);opacity:.7}.product--variants-list.quadrant-style .variant--item .disabled+.variant-item-name{opacity:.5;cursor:not-allowed}.product--variants-list.quadrant-style .variant--item .disabled+.variant-item-name:before{display:none}@media (min-width: 1025px){.product--variants-list.quadrant-style .variant--item:hover .variant-item-name{border-color:var(--text_color);transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}}@media (min-width: 768px){.product--variants-list.quadrant-style{gap:10px;overflow-x:visible}.product--variants-list.quadrant-style .variant-item-name{min-height:55px;padding:10px 12px}.variant-item-name .variant-size{font-size:15px;margin-bottom:3px}.variant-item-name .variant-price .variant-actual-price{font-size:14px}.variant-save-badge{padding:3px 6px;font-size:10px}}.product--variants-list.quadrant-style.variant-count-5 .variant--item,.product--variants-list.quadrant-style.variant-count-6 .variant--item,.product--variants-list.quadrant-style.variant-count-7 .variant--item,.product--variants-list.quadrant-style.variant-count-8 .variant--item{flex:0 0 auto;width:20%;min-width:120px}@media (max-width: 480px){.product--variants-list.quadrant-style{gap:4px;padding-bottom:4px;overflow-x:visible;flex-wrap:wrap}.product--variants-list.quadrant-style .variant--item{flex:0 0 calc(50% - 2px);width:calc(50% - 2px);min-width:0;max-width:none}.product--variants-list.quadrant-style .variant-item-name{min-height:42px;padding:6px}.variant-item-name .variant-size{font-size:12px}.variant-item-name .variant-price{font-size:10px;gap:3px}.variant-item-name .variant-price .variant-actual-price{font-size:11px}.variant-item-name .variant-price .variant-compare-price{font-size:9px}.variant-save-badge{font-size:8px;padding:2px 4px;font-weight:500}}.product--options-set:has(.quadrant-style) .product--variants-title{margin-bottom:0}.product--options-set+.product--options-set{margin-top:16px}.product--variants-list.quadrant-style::-webkit-scrollbar{height:6px}.product--variants-list.quadrant-style::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.product--variants-list.quadrant-style::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.product--variants-list.quadrant-style::-webkit-scrollbar-thumb:hover{background:#0000004d}
/*# sourceMappingURL=/cdn/shop/t/117/assets/variant-quadrant.css.map */