.dst-swatches{display:flex;align-items:center;gap:0.7rem;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.dst-swatches__label{font-size:1.3rem;letter-spacing:0.04rem;margin:0 0 0.8rem}
.dst-swatches__label span{opacity:0.75}
.dst-swatch__link{display:block;line-height:0;border-radius:50%;outline-offset:0.4rem}
.dst-swatch{display:block;width:2.4rem;height:2.4rem;border-radius:50%;color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 0.1rem rgba(var(--color-foreground),0.22);transition:transform 0.15s ease,box-shadow 0.15s ease}
.dst-swatch__link:hover .dst-swatch{transform:scale(1.1)}
.dst-swatch--active{box-shadow:inset 0 0 0 0.1rem rgba(var(--color-foreground),0.22),0 0 0 0.1rem rgb(var(--color-foreground))}
.dst-swatch--sold-out{position:relative;opacity:0.5}
.dst-swatch--sold-out::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(to bottom right,transparent 46%,currentColor 46%,currentColor 54%,transparent 54%)}
.dst-swatches--product{margin-bottom:1.6rem}
.dst-swatches--card{position:relative;z-index:2;gap:0.5rem;margin-top:0.7rem;justify-content:inherit}
.dst-swatches--card .dst-swatch{width:1.7rem;height:1.7rem}