.card__colors,.color-swatch,.color-swatch a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.card__colors{z-index:2;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:visible;gap:.6rem;padding-top:.5rem;padding-bottom:1rem}.card-article-info+.card__colors{-webkit-margin-start:auto;margin-inline-start:auto}.cardcard-information__top .card__colors{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.color-swatch,.color-swatch a{border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.color-swatch{cursor:pointer;width:1.4rem;height:1.4rem;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform var(--duration-default) ease;transition:transform var(--duration-default) ease;transition:transform var(--duration-default) ease,-webkit-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 a::before,.color-swatch::after,.color-swatch::before{content:"";position:absolute;border-radius:50%;-webkit-transform:scale(.7);transform:scale(.7);-webkit-transition:-webkit-transform var(--duration-long) ease;transition:transform var(--duration-long) ease;transition:transform var(--duration-long) ease,-webkit-transform var(--duration-long) ease}.color-swatch::after,.color-swatch::before{width:100%;height:100%;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-origin:border-box;background-size:cover}.color-swatch.is-active::after,.color-swatch.is-active::before{-webkit-transform:scale(1);transform:scale(1)}.color-swatch a{width:100%;height:100%;z-index:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.color-swatch a::before{z-index:2;width:1.7rem;height:1.7rem;background-color:transparent;-webkit-box-shadow:inset 0 0 0 .1rem rgb(var(--color-border));box-shadow:inset 0 0 0 .1rem rgb(var(--color-border));-webkit-filter:brightness(1.1);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{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:brightness(1);filter:brightness(1)}.card__colors .link{line-height:1}