.card__colors{z-index:2;position:relative;display:flex;flex-wrap:wrap;align-items:center;pointer-events:visible;gap:.6rem;padding-top:.5rem;padding-bottom:1rem}.card-article-info+.card__colors{margin-inline-start:auto}.color-swatch{display:flex;justify-content:center;cursor:pointer;position:relative;width:1.4rem;height:1.4rem;border-radius:50%;backface-visibility:hidden;transition:transform var(--duration-default) ease}.card__colors--large{gap:.3rem}.card__colors--medium .color-swatch{width:1.8rem;height:1.8rem}.card__colors--large .color-swatch{width:2.6rem;height:2.6rem}.color-swatch::before,.color-swatch::after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;transform:scale(0.7);background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-origin:border-box;background-size:cover;transition:transform var(--duration-long) ease}.color-swatch.is-active::before,.color-swatch.is-active::after{transform:scale(1)}.color-swatch a{width:100%;height:100%;border-radius:50%;z-index:1;position:relative;display:flex;align-items:center;justify-content:center}.color-swatch a::before{content:"";z-index:2;position:absolute;width:1.7rem;height:1.7rem;border-radius:50%;background-color:rgba(0,0,0,0);transform:scale(0.7);transition:transform var(--duration-long) ease;box-shadow:inset 0 0 0 .1rem rgb(var(--color-border));filter:brightness(1.1)}.card__colors--medium .color-swatch a::before{width:2.1rem;height:2.1rem}.card__colors--large .color-swatch a::before{width:2.9rem;height:2.9rem}.color-swatch.is-active a::before{transform:scale(1);filter:brightness(1)}.card__colors .link{line-height:1}.card__colors--square .color-swatch,.card__colors--square .color-swatch::before,.card__colors--square .color-swatch::after,.card__colors--square .color-swatch a,.card__colors--square .color-swatch a::before{border-radius:.4rem}.card-swatch{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;position:relative;border-radius:99999px;text-decoration:none;transition:transform var(--duration-default) ease}.card__colors--medium .card-swatch{width:3.2rem;height:3.2rem}.card__colors--large .card-swatch{width:5rem;height:5rem}.card-swatch__fill{position:absolute;inset:0;border-radius:inherit;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;box-shadow:inset 0 0 0 .1rem rgb(var(--color-border))}.card-swatch.is-active .card-swatch__fill{box-shadow:inset 0 0 0 .1rem #535353}.card-swatch--square{border-radius:.4rem}.card-swatch--more{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.1rem;line-height:1;font-weight:500;border:.1rem solid rgb(var(--color-border))}.card__sizes{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.card-size{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;min-width:2.2rem;padding:.1rem .6rem;border-radius:999px;border:.1rem solid rgb(var(--color-border));font-size:1.2rem;line-height:1;text-decoration:none;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background))}.card-size--square{border-radius:.4rem}.card-size.is-soldout{opacity:.5;text-decoration:line-through}.card-size--more{font-weight:600}