.swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--swatch-size, 4.4rem);height:var(--swatch-size, 4.4rem);box-sizing:border-box;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.15);background-color:rgb(var(--color-background));padding:.2rem;overflow:hidden;cursor:pointer}.swatch__color{display:block;width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center}.swatch__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:rgba(var(--color-foreground),.07);font-size:1rem;font-weight:700;line-height:1;text-transform:uppercase;color:rgb(var(--color-foreground))}.swatch--selected{border-color:rgb(var(--color-foreground))}.card__swatches{--swatch-size: var(--card-swatch-size, 3.4rem);display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-top:.8rem;position:relative;z-index:2;justify-content:var(--card-swatch-justify, flex-start)}.card__text-alignment--center .card__swatches,.card--text-center .card__swatches{--card-swatch-justify: center}.card__swatch{display:inline-flex;padding:0;border:0;background:none;line-height:0;border-radius:50%;cursor:pointer}.card__swatch .swatch{transition:transform var(--duration-short) ease,box-shadow var(--duration-short) ease}.card__swatch:hover .swatch{transform:scale(1.1)}.card__swatch--selected .swatch{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .3rem rgb(var(--color-foreground))}.card__swatch:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.card__swatch-more{position:relative;z-index:2;font-size:1.2rem;color:rgba(var(--color-foreground),.7);text-decoration:none}.card__swatch-name{display:block;margin-top:.5rem;font-size:1.2rem;line-height:1.2;min-height:1.2em;color:rgba(var(--color-foreground),.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.card-wrapper.card--swatch-active:hover .media.media--hover-effect>img:first-child:not(:only-child){opacity:1}.card-wrapper.card--swatch-active:hover .media.media--hover-effect>img+img,.card--swatch-active .media.media--hover-effect>img+img{opacity:0}.photo-swatches{--swatch-size: 6.4rem;display:flex;flex-wrap:wrap;gap:1.2rem 1rem}.photo-swatches--size-small{--swatch-size: 4.8rem}.photo-swatches--size-large{--swatch-size: 7.2rem}.photo-swatches--size-extra-large{--swatch-size: 8.4rem}.photo-swatch{display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer;max-width:var(--swatch-size)}.photo-swatch__label{font-size:1.2rem;line-height:1.2;text-align:center;color:rgba(var(--color-foreground),.75);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.photo-swatch:hover .swatch{border-color:rgba(var(--color-foreground),.5)}.photo-swatch input:checked~.swatch{border-color:rgb(var(--accent-color));box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .4rem rgb(var(--accent-color))}.photo-swatch input:checked~.photo-swatch__label{color:rgb(var(--color-foreground));font-weight:600}.photo-swatch input:focus-visible~.swatch{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.photo-swatch input.disabled~.swatch,.photo-swatch input[data-unavailable]~.swatch,.photo-swatch--unavailable .swatch{opacity:.45}.photo-swatch input.disabled~.swatch:after,.photo-swatch input[data-unavailable]~.swatch:after,.photo-swatch--unavailable .swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:linear-gradient(to top left,transparent calc(50% - .1rem),currentColor calc(50% - .1rem),currentColor calc(50% + .1rem),transparent calc(50% + .1rem))}.photo-swatch input.disabled~.photo-swatch__label,.photo-swatch input[data-unavailable]~.photo-swatch__label,.photo-swatch--unavailable .photo-swatch__label{opacity:.6;text-decoration:line-through}@media screen and (max-width:749px){.photo-swatches{gap:1rem .8rem}.card__swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--card-swatch-min-mobile, 3.2rem),1fr));gap:.4rem;justify-items:center}.card__swatch{width:100%;max-width:6.4rem}.card__swatch .swatch{width:100%;height:auto;aspect-ratio:1}.card__swatch-more{justify-self:start;align-self:center}}.product__media-item.media-item--filtered.media-item--filtered,.thumbnail-list__item.media-item--filtered.media-item--filtered,.product-media-modal__content>.media-item--filtered.media-item--filtered{display:none}
/*# sourceMappingURL=/cdn/shop/t/23/assets/variant-swatches.css.map */