.arc-card-colors{display:flex;align-items:center;gap:4px;margin:12px 0 8px;min-width:0}.arc-card-colors:has(.arc-card-colors-track:empty){display:none}.arc-card-colors-track{display:flex;gap:20px;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;touch-action:pan-x pan-y}.arc-card-colors-track::-webkit-scrollbar{display:none}.arc-card-colors.is-moving .arc-card-colors-track{scroll-snap-type:none}.arc-card-color-preview{display:flex;align-items:center;justify-content:center;flex:0 0 calc((100% - 40px)/3);height:50px;min-width:0;border:0;padding:0;scroll-snap-align:start;background:#fff;cursor:pointer}.arc-card-color-preview img{display:block;width:100%;height:50px;object-fit:contain}.arc-card-color-preview:focus-visible{outline:1px solid #111;outline-offset:-1px}.arc-card-color-preview[aria-pressed=true]{box-shadow:inset 0 -1px #111}.arc-card-colors-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 16px;height:50px;padding:0;font-size:25px;line-height:1}.arc-card-colors-arrow:focus-visible{outline:1px solid #111}.arc-card.is-color-preview .arc-card-secondary{opacity:0!important}.arc-card-colors-track.is-dragging{cursor:grabbing;user-select:none}.arc-card-colors-track.is-dragging *{pointer-events:none}
@media(max-width:749px){.arc-card-colors{gap:2px;margin-top:9px}.arc-card-colors-track{gap:8px}.arc-card-color-preview{flex-basis:calc((100% - 16px)/3);height:43px}.arc-card-color-preview img{height:43px}.arc-card-colors-arrow{flex-basis:12px;height:43px;font-size:22px}.arc-card-swatches{margin-top:9px}}
.no-js .arc-card-colors{display:none}