.swatch{--swatch--size: var(--swatch-input--size, 4.4rem);--swatch--border-radius: var(--swatch-input--border-radius, 50%);display:block;width:var(--swatch--size);max-width:100%;aspect-ratio:1 / 1;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;background-origin:border-box;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--swatch--border-radius)}.swatch--square{--swatch--border-radius: var(--swatch-input--border-radius, .2rem)}.swatch--unavailable{border-style:dashed;border-color:rgba(var(--color-foreground),.5)}.glass-swatch-label{position:relative;display:inline-block;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-swatch-wrapper{position:relative;display:block;width:100%;height:100%}.glass-swatch-inner{position:relative;display:block;z-index:1;border-radius:inherit}.glass-swatch-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 40%,rgba(0,0,0,.1) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:2}.glass-swatch-checkmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:rgba(var(--product-accent-primary, 147, 51, 234),.9);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:3;box-shadow:0 2px 8px #0000004d}.glass-swatch-label:hover .glass-swatch-overlay{opacity:1}.glass-swatch-label:hover{transform:scale(1.1) translateY(-2px)}.glass-swatch-input:checked+.glass-swatch-label .glass-swatch-checkmark{transform:translate(-50%,-50%) scale(1)}.glass-swatch-input:checked+.glass-swatch-label{transform:scale(1.05);box-shadow:0 0 0 3px rgba(var(--product-accent-primary, 147, 51, 234),.3),0 4px 12px #0003}.glass-swatch-input:focus-visible+.glass-swatch-label{outline:2px solid rgba(var(--product-accent-primary, 147, 51, 234),.8);outline-offset:3px}.glass-swatch-input.visually-disabled+.glass-swatch-label{opacity:.5;cursor:not-allowed}.glass-swatch-input.visually-disabled+.glass-swatch-label:hover{transform:none}.variant-picker-glass-swatch .glass-swatch-label .swatch{box-shadow:0 2px 8px #00000026,inset 0 0 0 1px #fff3}.variant-picker-glass-swatch .glass-swatch-label:hover .swatch{box-shadow:0 4px 12px #0003,0 0 20px rgba(var(--product-accent-primary, 147, 51, 234),.2),inset 0 0 0 2px #ffffff4d}@media (prefers-reduced-motion: reduce){.glass-swatch-label,.glass-swatch-overlay,.glass-swatch-checkmark{transition:none}.glass-swatch-label:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/component-swatch.css.map */