.product-color-swatch{margin:2rem 0}.product-form__input--color-swatch{display:block}.product-form__input--color-swatch .form__label{display:block;margin-bottom:1rem;font-weight:500;font-size:1.4rem;line-height:1.4}.color-swatch-options{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;--color-swatch-size: 40px}.color-swatch-option{position:relative;display:inline-block}.color-swatch-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.color-swatch-label{display:block;cursor:pointer;border-radius:50%;transition:all .2s ease;outline-offset:.2rem;position:relative;forced-color-adjust:none}.color-swatch-label--square{border-radius:.4rem}.color-swatch-label:hover{outline:.2rem solid rgba(var(--color-foreground),.4)}.color-swatch-input:checked+.color-swatch-label{outline:.2rem solid rgb(var(--color-foreground))}.color-swatch-input:focus-visible+.color-swatch-label{box-shadow:0 0 0 .5rem rgb(var(--color-background)),0 0 0 .7rem rgba(var(--color-foreground),.55)}.color-swatch-visual{display:block;width:var(--color-swatch-size);height:var(--color-swatch-size);border:.1rem solid rgba(var(--color-foreground),.2);border-radius:inherit;transition:all .2s ease;background-size:cover;background-position:center;background-repeat:no-repeat}.color-swatch-option--hidden{display:none}.color-swatch-label--disabled{cursor:not-allowed;opacity:.6}.color-swatch-label--disabled:hover{outline:none}.color-swatch-label--disabled .color-swatch-visual{position:relative;overflow:hidden}.color-swatch-label--disabled .color-swatch-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff80;z-index:1}.color-swatch-label--disabled .color-swatch-visual:after{content:"";position:absolute;top:50%;left:10%;right:10%;height:.1rem;background:rgba(var(--color-foreground),.8);transform:translateY(-50%) rotate(-45deg);z-index:2}.color-swatch-selected-value{font-weight:400;color:rgba(var(--color-foreground),.7);text-transform:capitalize}@media screen and (max-width: 749px){.color-swatch-options{gap:.8rem}.product-form__input--color-swatch .form__label{font-size:1.3rem}}@media (prefers-contrast: high){.color-swatch-visual{border-width:.2rem;border-color:rgb(var(--color-foreground))}.color-swatch-input:checked+.color-swatch-label{outline-width:.3rem}}@media (prefers-reduced-motion: reduce){.color-swatch-label,.color-swatch-visual{transition:none}}.color-swatch-input:focus+.color-swatch-label{outline:.2rem solid rgba(var(--color-foreground),.5)}.color-swatch-loading{opacity:.5;pointer-events:none}.color-swatch-loading .color-swatch-visual{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.color-swatch-error .color-swatch-visual{background:repeating-linear-gradient(45deg,#ff6b6b,#ff6b6b 2px,#fff 2px 4px);border-color:#ff6b6b}.color-swatch-label[title]{pointer-events:auto}.color-swatch-label[data-tooltip]:hover:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);background:rgb(var(--color-foreground));color:rgb(var(--color-background));padding:.4rem .8rem;border-radius:.4rem;font-size:1.2rem;white-space:nowrap;z-index:10;pointer-events:none}.color-swatch-label[data-tooltip]:hover:after{content:"";position:absolute;bottom:calc(100% + .1rem);left:50%;transform:translate(-50%);border:.4rem solid transparent;border-top-color:rgb(var(--color-foreground));z-index:10;pointer-events:none}.product__info-container .product-color-swatch+*{margin-top:2rem}.product__info-container *+.product-color-swatch{margin-top:2rem}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-color-swatch.css.map */