.variant-table[data-accent=warm]{--variant-accent: #d76b10}.variant-table[data-accent=cool]{--variant-accent: #744dea}.variant-table .variant-badge-compact{display:none}@media (max-width: 639px){.variant-table table,.variant-table tbody{display:block}.variant-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.variant-table tbody tr{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px 12px 10px 16px}.variant-table tbody tr:after{content:"";order:2;flex-basis:100%}.variant-table tbody td{padding:0;border:0;text-align:left}.variant-table .variant-cell-main{order:1;flex:1 1 0;min-width:0;font-size:14px;white-space:normal;overflow-wrap:anywhere}.variant-table .variant-cell-price,.variant-table .variant-cell-end{order:1}.variant-table .variant-cell-end{min-width:28px;text-align:center}.variant-table .variant-cell-meta{order:3;font-size:11px;line-height:1.6;color:#5a5470;white-space:nowrap}.variant-table .variant-cell-sku{font-family:inherit}.variant-table .variant-cell-meta:before{content:attr(data-label) ": ";color:#9a93ad}.variant-table tbody tr[aria-selected=true]{box-shadow:inset 4px 0 0 var(--variant-accent)}.variant-table .variant-badge-full{display:none}.variant-table .variant-badge-compact{display:inline-block}}