.card-swatches-wrap{display:flex;align-items:center;min-width:0;max-width:100%;overflow:hidden}.card-swatches{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:2px 0;margin:0;border:0;min-width:0;flex:1 1 0%}.card-swatches::-webkit-scrollbar{display:none}.card-swatches__arrow{display:none;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:default;color:#000;opacity:.15;flex-shrink:0;width:20px;height:16px;transition:opacity .15s;pointer-events:none}.card-swatches__arrow.is-visible{opacity:.5;pointer-events:auto;cursor:pointer}.card-swatches__arrow.is-visible:hover{opacity:1}.card-swatches__arrow svg{width:24px;height:12px}@media(min-width:700px){.card-swatches__arrow.is-shown{display:flex}}@media(max-width:699px){.card-swatches{scroll-snap-type:x mandatory}.card-swatches .color-swatch{scroll-snap-align:start}}.color-swatch{width:32px;height:32px;padding:4px;border:1px solid transparent;background:none;display:grid;place-items:center;position:relative;border-radius:50%;flex-shrink:0;text-decoration:none}.color-swatch__inner{width:100%;height:100%;border-radius:50%;background:var(--swatch-background) no-repeat center / cover;box-shadow:inset 0 0 0 1px #00000014;display:block;position:relative}.color-swatch:hover,.color-swatch.is-selected{border-color:#979797}.color-swatch.sold-out .color-swatch__inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(to top left,transparent calc(50% - 1px),rgba(0,0,0,.3) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px));pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/120/assets/card-color-swatches.css.map */