.product-form__controls{border:0;margin:0;padding:0}.product-form__controls-group{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem;position:relative}.product-form__controls-group input{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.product-form__controls-group input+label{transition:color var(--duration-default);color:rgb(var(--color-foreground-secondary))}.product-form__controls-group input+label:hover{color:rgb(var(--color-foreground))}.product-form__controls-group input+label:focus,.product-form__controls-group input+label:focus-visible{border-color:rgb(var(--color-foreground))}.product-form__controls-group input.disabled+label:not(.notify_me){opacity:.3;text-decoration:line-through;pointer-events:none}.product-form__controls-group input:checked:not(.disabled)+label{color:rgb(var(--color-foreground))}.product-form__controls-group label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:var(--duration-default)}.product-form__controls-group label.color-swatch:before{content:"";width:.8rem;height:.8rem;margin-right:.6rem;border-radius:inherit;background-color:var(--swatch-color);transition:border-color var(--duration-default);border:1px solid rgba(var(--color-foreground),.12)}.product-form__controls-group label.variant-swatch{width:5rem;height:6.7rem;background-repeat:no-repeat;background-position:center;background-size:cover;border:1px solid transparent;transition:all var(--duration-default)}.product-form__controls-group label.variant-swatch.bg_size-landscape{height:3.6rem}.product-form__controls-group label.variant-swatch.bg_size-portrait{height:6.7rem}.product-form__controls-group label.variant-swatch.bg_size-square{height:5rem}.product-form__controls-group label.variant-swatch:hover,.product-form__controls-group input:checked:not(.disabled)+label.variant-swatch{border:1px solid rgb(var(--color-foreground))}.product-form__controls-group input.disabled+label.variant-swatch:not(.notify_me){opacity:.4}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-color-swatch.css.map */