color-swatches{display:flex;flex-wrap:wrap;gap:var(--swatch-gap, 6px);align-items:center;margin:.8rem 0}color-swatches[data-context=collection]{flex-wrap:nowrap;width:100%;min-width:0}.card-swatches-row{overflow-x:clip;overflow-y:visible;padding:3px 3px 3px 4px;margin:-3px 0 -3px -4px;min-width:0}.color-swatch{--cs-size: 2.8rem;width:var(--cs-size);height:var(--cs-size);border-radius:var(--swatch-radius, 50%);background:var(--swatch-bg, #e0e0e0);background-size:cover;background-position:center;border:1.5px solid rgba(0,0,0,.1);cursor:pointer;padding:0;position:relative;flex-shrink:0;transition:box-shadow .15s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:rgb(var(--color-foreground));font-size:1.1rem;font-weight:600;letter-spacing:-.02em;box-sizing:border-box}color-swatches.color-swatches--small .color-swatch{--cs-size: 2.2rem}color-swatches.color-swatches--medium .color-swatch{--cs-size: 2.8rem}color-swatches.color-swatches--large .color-swatch{--cs-size: 3.6rem}.color-swatch:hover:not(.is-unavailable):not(.color-swatch--more){transform:scale(1.1)}.color-swatch.is-selected{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3.5px #000000bf}.color-swatch.is-unavailable{opacity:.45;cursor:default}.color-swatch.is-unavailable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - .8px),rgba(0,0,0,.5) calc(50% - .8px),rgba(0,0,0,.5) calc(50% + .8px),transparent calc(50% + .8px));border-radius:inherit}.color-swatch--more{background:transparent;border-color:#0003;font-size:1rem}.color-swatch--more:hover{background:#0000000d}@media screen and (max-width:749px){color-swatches.color-swatches--large .color-swatch{--cs-size: 3rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-color-swatches.css.map */