.card-wrapper .color-swatches{display:flex;gap:var(--swatch-spacing, .8rem);margin-top:.5rem;flex-wrap:wrap;position:relative;z-index:2;justify-content:center;width:100%;margin:0 auto}.card-wrapper .color-swatch-wrapper{position:relative}.card-wrapper .color-swatch{width:2rem;height:2rem;border-radius:50%;cursor:pointer;position:relative;background-color:var(--color-swatch);background-size:cover;background-position:center;transition:transform .2s ease}.card-wrapper .color-swatches[data-swatch-shape=square] .color-swatch{border-radius:0}.card-wrapper .color-swatch:hover{transform:scale(1.1)}.card-wrapper .color-swatch:focus{outline:none}.card-wrapper .color-swatch:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-swatch);border-radius:50%}.card-wrapper .color-swatches[data-swatch-shape=square] .color-swatch:before{border-radius:0}.card-wrapper .color-swatch.disabled{opacity:.5;cursor:not-allowed}.card-wrapper .color-swatch.disabled:hover{transform:none}.card-wrapper .card__content .full-unstyled-link{z-index:1}.card-wrapper .color-swatches{position:relative;z-index:2}button.color-swatch{border:1px solid rgb(104,104,104)!important}.card-wrapper .color-swatches{justify-content:var(--text-alignment)}.card__media .media>.card-swipe[data-card-swipe]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.card__media.card__media--swipe{z-index:2!important}.card-wrapper .card__badge,.card-wrapper .quick-add{position:relative;z-index:3}.card__media .media.has-swipe>img{visibility:hidden}.card-swipe__track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.card-swipe__track::-webkit-scrollbar{display:none}.card-swipe__slide{flex:0 0 100%;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;scroll-snap-align:start;scroll-snap-stop:always;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.card-swipe__bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:#0000001f;pointer-events:none}.card-swipe__thumb{display:block;height:100%;background:#111;transform:translate(calc(var(--swipe-p, 0) * (var(--swipe-n, 1) - 1) * 100%))}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-color-swatches.css.map */