.visual-display{--visual-display__size: min(2.4rem, 100%);position:relative;width:var(--visual-display__size);max-width:100%;aspect-ratio:1 / 1}.visual-display.empty{border:var(--globalBorderWidth) dashed var(--globalBorderColor)}.swatch-parent{max-width:10rem;overflow:hidden;padding:1rem;margin:0}.swatch-parent span{margin:0;text-align:center}.presentation-swatch{--visual-display__size: min(2.4rem, 100%);border-radius:100vw}.swatch-parent .presentation-swatch{outline-offset:.2rem}.swatch-parent:hover .presentation-swatch,.swatch-parent input[type=checkbox]:checked~.presentation-swatch,.swatch-parent:has(:focus-visible) .presentation-swatch{outline-style:solid}.swatch-parent:hover .presentation-swatch{outline-width:.2rem}.swatch-parent input[type=checkbox]:checked~span{font-weight:700}.swatch-parent.active .presentation-swatch{outline-width:.2rem}.swatch-parent.disabled{opacity:.4;pointer-events:none}.swatch-parent.disabled .visual-display:after{content:"";display:block;width:calc(var(--visual-display__size) * 1.414);border-block-end:var(--globalBorder);transform:rotate(-45deg);transform-origin:left}.visual-display .vd-child{display:block;height:100%;width:100%;border-radius:inherit;box-shadow:inset 0 2px 2px #0006}.presentation-swatch .vd-image{object-fit:cover;border:var(--globalBorder)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/collection-swatches.css.map */