ONERACTIVE

@media screen and (max-width: 749px) { :host(.variant-swatches-carousel) { display: block; width: 100%; min-width: 0; } :host(.variant-swatches-carousel) [part='list'] { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; width: 100%; max-width: 100%; gap: 12px; margin: 0; padding-block: var(--overflow-list-padding-block, 0); padding-inline: var(--overflow-list-padding-inline, 0); overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: none; } :host(.variant-swatches-carousel) [part='list']::-webkit-scrollbar { display: none; } :host(.variant-swatches-carousel) ::slotted(.variant-option__swatch) { flex: 0 0 auto; scroll-snap-align: start; } :host(.variant-swatches-carousel) [part='more'], :host(.variant-swatches-carousel) [part='placeholder'] { display: none; } }