.vp-swatches,.vp-card-colors{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:10px 0}.vp-swatches{display:none}.vp-color-field.vp-ready>select{display:none!important}.vp-color-field .vp-swatches{display:flex}.vp-color-field .vp-swatch,.vp-card-colors .vp-swatch{display:inline-flex!important;align-items:center;justify-content:center;padding:3px!important;margin:0!important;width:38px;height:38px;min-width:38px;min-height:38px;border-radius:50%!important;background:#fff!important;border:1px solid #ddd!important;line-height:1!important;box-shadow:none;cursor:pointer;vertical-align:middle;box-sizing:border-box}.vp-chip{display:block;width:30px;height:30px;border-radius:50%;border:1px solid #ddd;box-sizing:border-box;flex:none}.vp-chip-image{object-fit:contain;background:#fff}.vp-chip-number{display:flex;align-items:center;justify-content:center;font-size:9px;color:#333;overflow:hidden}.vp-color-field .vp-swatch[aria-pressed=true]{outline:2px solid #8b4263;outline-offset:2px}.vp-color-field .vp-swatch:focus-visible,.vp-card-colors .vp-swatch:focus-visible{outline:3px solid #222;outline-offset:3px}.vp-color-field .vp-swatch:disabled{opacity:.3;cursor:not-allowed}.vp-selected{display:block;font-size:13px;margin:8px 0}.vp-note{display:block;color:#666;font-size:11px;line-height:1.8}.vp-card-colors{justify-content:center;gap:6px}.vp-card-colors .vp-swatch{width:27px;height:27px;min-width:27px;min-height:27px;padding:2px!important}.vp-card-colors .vp-chip{width:21px;height:21px}.vp-more{font-size:12px;line-height:27px}@media(max-width:767px){.vp-color-field .vp-swatch{width:36px;height:36px;min-width:36px;min-height:36px}.vp-color-field .vp-chip{width:28px;height:28px}.vp-card-colors{gap:4px}.vp-card-colors .vp-swatch{width:25px;height:25px;min-width:25px;min-height:25px}.vp-card-colors .vp-chip{width:19px;height:19px}}