.color-swatches{position:relative;z-index:2}.color-swatches--card{margin-top:.8rem}.color-swatches--product{margin-bottom:1.5rem}.color-swatches__heading{margin-bottom:.8rem}.color-swatches__list{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:20px}.color-swatches__item{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;text-decoration:none;overflow:hidden}.color-swatches__item--card{width:16px;height:16px}.color-swatches__item--product{width:5rem;height:5rem;border:.1rem solid rgba(var(--color-foreground),.15)}.color-swatches__item--product.color-swatches__item--active{border:.2rem solid rgb(var(--color-foreground))}.color-swatches__item--hidden{display:none}.color-swatches--product.is-expanded .color-swatches__item--hidden{display:inline-flex}.color-swatches__color{display:block;width:100%;height:100%;border-radius:50%;background-color:#e0e0e0;box-shadow:inset 0 0 0 1px #0000001a}.color-swatches__color--split{background:linear-gradient(to right,var(--swatch-primary) 50%,var(--swatch-secondary) 50%)}.color-swatches__color--fallback:not([style]){background-color:#e0e0e0}.color-swatches__image{width:100%;height:100%;object-fit:cover;border-radius:50%;padding:4px}.color-swatches__active-dot{position:absolute;top:50%;left:50%;width:.5rem;height:.5rem;border-radius:50%;background:rgb(var(--color-background));transform:translate(-50%,-50%);pointer-events:none}.color-swatches__overflow{font-size:1.2rem;line-height:1;color:rgba(var(--color-foreground),.75);white-space:nowrap}.color-swatches__show-all{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;width:5rem;height:5rem;padding:4px 0 0;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%;background:transparent;cursor:pointer;font-size:1rem;line-height:1.2;color:rgb(var(--color-foreground));text-decoration:none}.color-swatches__show-all--link:hover{border-color:rgba(var(--color-foreground),.35)}.color-swatches__show-all-icon{font-size:2.5rem;line-height:1;font-weight:100;font-family:"system-ui"}.color-swatches__show-all-label{font-size:.9rem;line-height:1.1;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis}.color-swatches--product.is-expanded .color-swatches__show-all{display:none}.card-wrapper.is-swatch-active .media.media--hover-effect>img:first-child{opacity:1!important;transform:none}.card-wrapper.is-swatch-active .media.media--hover-effect>img+img{opacity:0!important;transform:none}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-color-swatches.css.map */