.gp-color-swatches{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;margin:8px 0 0}.gp-color-swatches__label{font-size:12px;line-height:1.3;color:inherit}.gp-color-swatches__list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.gp-color-swatches--preview{align-items:flex-start;margin:18px 0}.gp-color-swatches--preview .gp-color-swatches__list{justify-content:flex-start}.gp-color-swatches__dot{display:block;flex:0 0 19px;width:19px;height:19px;min-width:19px;min-height:19px;padding:0;border:1px solid rgba(25,25,25,.22);border-radius:50%;background:var(--gp-color-dot,#b7a28c);background-image:var(--gp-color-image,none);background-size:cover;background-position:center;cursor:pointer;box-shadow:0 0 0 1px #fff inset}.gp-color-swatches__dot:hover{transform:scale(1.08)}.gp-color-swatches__dot[aria-pressed=true]{outline:1px solid currentColor;outline-offset:2px}.gp-color-swatches__dot:disabled{opacity:.38;cursor:not-allowed}.gp-color-swatches--card .gp-color-swatches__list{gap:7px}@media(max-width:749px){.gp-color-swatches{margin-top:7px}.gp-color-swatches__dot{flex-basis:17px;width:17px;height:17px;min-width:17px;min-height:17px}.gp-color-swatches--preview .gp-color-swatches__dot{flex-basis:20px;width:20px;height:20px;min-width:20px;min-height:20px}}
swatches-variant-picker-component .gp-color-swatch{display:block;position:relative;width:19px;height:19px;border-radius:50%;background:var(--gp-color);background-image:var(--gp-color-image,none);background-size:cover;background-position:center;border:1px solid rgba(25,25,25,.2);box-shadow:0 0 0 1px #fff inset}.variant-option__button-label:has(input:checked) .gp-color-swatch{outline:1px solid currentColor;outline-offset:2px}.gp-color-swatch--disabled,.gp-color-swatch--sold-out{opacity:.48}.variant-option__button-label:has(.gp-color-swatch--sold-out){position:relative}.gp-color-swatch__slash{position:absolute;inset:0;pointer-events:none}.gp-color-swatch__slash::after{content:'';position:absolute;left:-2px;top:50%;width:calc(100% + 4px);height:1px;background:currentColor;transform:rotate(-45deg);transform-origin:center}
@media(max-width:749px){swatches-variant-picker-component .gp-color-swatch{width:17px;height:17px}}

.gp-color-swatches--product{align-items:flex-start;justify-content:flex-start;margin:12px 0 16px}
.gp-color-swatches--product .gp-color-swatches__label{font-size:12px;line-height:1.3;color:inherit}
.gp-color-swatches--product .gp-color-swatches__list{justify-content:flex-start;gap:9px}
.gp-color-swatches--product .gp-color-swatches__dot{width:22px;height:22px;min-width:22px;min-height:22px;flex-basis:22px}