.vs-swatch-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0}.vs-swatch-group__swatches{display:flex;flex-wrap:wrap;gap:6px}.vs-swatch-group__more{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:24px;padding:0 6px;border-radius:12px;border:1px solid #d9d9d9;background:#fff;color:#111;font-size:11px;font-weight:500;line-height:1;cursor:pointer;flex-shrink:0;position:relative;z-index:2}.vs-swatch-group__more:hover{border-color:#111}.vs-swatch-group__collapse{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border-radius:50%;border:1px solid #d9d9d9;background:#fff;color:#111;cursor:pointer;flex-shrink:0;position:relative;z-index:2;appearance:none;-webkit-appearance:none;font:inherit;margin:0}.vs-swatch-group__collapse:hover{border-color:#111}.vs-swatch-group__collapse svg{display:block;width:10px;height:10px}.vs-swatch-group--collapsed .vs-swatch-group__swatches{flex-wrap:nowrap;align-items:center}.vs-swatch-group--expanded .vs-swatch-group__swatches{flex-wrap:wrap}.card__variant-swatches{position:relative;z-index:2}.card__variant-swatches .vs-swatch-group{margin:6px 0 0}.card__variant-swatches .vs-swatch{width:22px;height:22px}@media(min-width:900px){.card__variant-swatches .vs-swatch{width:20px;height:20px}}.vs-swatch{display:inline-flex;width:24px;height:24px;border-radius:50%;border:1.5px solid transparent;padding:1px;cursor:pointer;text-decoration:none;flex-shrink:0;appearance:none;-webkit-appearance:none;background:transparent;font:inherit;margin:0}.vs-swatch__dot{display:block;width:100%;height:100%;border-radius:50%}.vs-swatch--active{border-color:#111;cursor:default}#variant-swatches-root .vs-swatch-group{gap:8px;margin:12px 0}#variant-swatches-root .vs-swatch-group__swatches{gap:8px}#variant-swatches-root .vs-swatch{width:32px;height:32px;border:2px solid transparent;box-sizing:border-box;padding:2px;background:transparent}#variant-swatches-root .vs-swatch__dot{box-shadow:0 0 0 1px #d4d4d4}#variant-swatches-root .vs-swatch--active{border-color:#111}#variant-swatches-root .vs-swatch--active .vs-swatch__dot{box-shadow:none}@media(max-width:899px){.wt-featured-collection:not(.wt-featured-collection--recommendation) slideshow-section .card__variant-swatches .vs-swatch-group{margin:4px 0 0;gap:8px}.wt-featured-collection:not(.wt-featured-collection--recommendation) slideshow-section .card__variant-swatches .vs-swatch-group__swatches{gap:8px}.wt-featured-collection:not(.wt-featured-collection--recommendation) slideshow-section .card__variant-swatches .vs-swatch{width:18px;height:18px;box-sizing:border-box;border-style:solid;background:#fff;padding:1px}.wt-featured-collection:not(.wt-featured-collection--recommendation) slideshow-section .card__variant-swatches .vs-swatch:not(.vs-swatch--active){border-width:1px;border-color:#9a9a9a}.wt-featured-collection:not(.wt-featured-collection--recommendation) slideshow-section .card__variant-swatches .vs-swatch--active{border-width:1.5px;border-color:#111;padding:.5px}.wt-featured-collection:not(.wt-featured-collection--recommendation) slideshow-section .card__variant-swatches .vs-swatch-group__more{min-width:20px;height:16px;padding:0 3px;border-radius:8px;font-size:9px}.wt-featured-collection:not(.wt-featured-collection--recommendation) slideshow-section .card__variant-swatches .vs-swatch-group__collapse{width:16px;height:16px}.wt-featured-collection:not(.wt-featured-collection--recommendation) slideshow-section .card__variant-swatches .vs-swatch-group__collapse svg{width:7px;height:7px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/variant-swatches.css.map */