card-swatches{--card-swatch-size: 2.8rem;--card-swatch-radius: .5rem;--card-swatch-gap: .6rem;--card-swatch-transition: .18s;z-index:2;position:relative;display:block;padding-top:.6rem;padding-bottom:.4rem;pointer-events:auto}.card-swatches__list{display:flex;flex-wrap:nowrap;align-items:center;justify-content:var(--card-flex-alignment, flex-start);gap:var(--card-swatch-gap);min-width:0;min-height:var(--card-swatch-size)}.card-swatch{appearance:none;-webkit-appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--card-swatch-size);height:var(--card-swatch-size);padding:0;margin:0;border:0;border-radius:var(--card-swatch-radius);background:transparent;cursor:pointer;backface-visibility:hidden;transition:box-shadow var(--card-swatch-transition) ease,transform var(--card-swatch-transition) ease}.card-swatch__visual{width:100%;height:100%;border-radius:inherit;background-color:rgb(var(--color-background));background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.16)}.card-swatch__visual--color{box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.16)}.card-swatch--text{width:auto;max-width:8rem;height:var(--card-swatch-size);padding:0 .9rem;border-radius:var(--card-swatch-radius)}.card-swatch__text-pill{display:inline-flex;align-items:center;max-width:100%;height:100%;font-size:1.1rem;line-height:1;letter-spacing:.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:inherit;padding:0 .2rem;box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.24)}@media(hover:hover){.card-swatch:hover{transform:translateY(-.1rem)}}.card-swatch:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.card-swatch[aria-pressed=true] .card-swatch__visual,.card-swatch[aria-pressed=true] .card-swatch__text-pill{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .32rem rgb(var(--color-foreground)),inset 0 0 0 .1rem rgba(var(--color-background),.9)}.card-swatch[aria-pressed=true]{transform:none}.card-swatch--unavailable{opacity:.55}.card-swatch--unavailable .card-swatch__visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to top left,transparent calc(50% - .06rem),rgba(var(--color-foreground),.6) calc(50% - .06rem),rgba(var(--color-foreground),.6) calc(50% + .06rem),transparent calc(50% + .06rem))}.card-swatches__label{display:block;min-height:1.6rem;margin-top:.5rem;font-size:1.2rem;line-height:1.3;color:rgba(var(--color-foreground),.75)}.card-swatches__more{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:var(--card-swatch-size);height:var(--card-swatch-size);padding:0 .6rem;margin-inline-start:.1rem;border-radius:var(--card-swatch-radius);box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.28);font-size:1.2rem;line-height:1;white-space:nowrap;color:rgb(var(--color-foreground));text-decoration:none;cursor:pointer;transition:box-shadow var(--card-swatch-transition) ease}.card-swatches__more:hover{box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground))}.card-swatches__more:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.card-swatches__more[hidden],.card-swatch[hidden]{display:none}@media screen and (max-width:749px){card-swatches{--card-swatch-size: 2.8rem;--card-swatch-gap: .6rem}}.card-wrapper.atmd-swatch-active .card--image-animate.media>picture+picture{opacity:0!important;pointer-events:none!important}@media(prefers-reduced-motion:reduce){.card-swatch,.card-swatch:hover{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-card-swatches.css.map */