.collection-card-swatches{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;width:100%;margin-top:1.2rem;padding-top:1.2rem;border-top:.1rem solid rgba(var(--color-foreground),.18)}.collection-card-swatch{position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:3.6rem;height:3.6rem;margin:0;padding:.2rem;border:0;border-radius:50%;background:transparent;box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.35);cursor:pointer;appearance:none;-webkit-appearance:none;transition:box-shadow .2s ease,transform .2s ease,opacity .2s ease}.collection-card-swatch__visual{display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;background-color:rgba(var(--color-foreground),.08);background-repeat:no-repeat;background-position:center;background-size:cover}.collection-card-swatch:hover{box-shadow:0 0 0 .15rem rgb(var(--color-foreground));transform:translateY(-.1rem)}.collection-card-swatch[aria-pressed=true]{box-shadow:0 0 0 .1rem rgb(var(--color-background)),0 0 0 .3rem rgb(var(--color-foreground))}.collection-card-swatch:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.collection-card-swatch--unavailable{opacity:.45}.collection-card-swatch--unavailable:after{position:absolute;top:50%;left:12%;width:76%;height:.1rem;background:rgb(var(--color-foreground));content:"";pointer-events:none;transform:rotate(-45deg);transform-origin:center}.collection-card-swatches__more{position:relative;z-index:4;display:inline-flex;align-items:center;min-height:3.6rem;padding:0 .2rem;color:rgb(var(--color-foreground));font-size:1.4rem;line-height:1;text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.3rem;white-space:nowrap}.collection-card-swatches__more:hover{text-decoration-thickness:.2rem}.card-wrapper .collection-card-swatches,.card-wrapper .collection-card-swatch,.card-wrapper .collection-card-swatches__more{pointer-events:auto}.card-wrapper .collection-card-swatches{isolation:isolate}@media screen and (max-width:749px){.collection-card-swatches{gap:.6rem;margin-top:1rem;padding-top:1rem}.collection-card-swatch{width:3rem;height:3rem}.collection-card-swatches__more{min-height:3rem;font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/collection-card-swatches.css.map */