.product-form__input.variant-input-wrapper--chips{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:0}.product-form__input.variant-input-wrapper--chips>.form__label{width:100%}.product-form__input input[type=radio]+label.color-variant-chip{display:inline-flex;align-items:center;gap:.5rem;min-height:3rem;margin:0 .6rem .6rem 0;padding:.4rem 1rem .4rem .5rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:.1rem solid rgba(var(--color-foreground),.18);border-radius:999px;font-size:1.2rem;font-weight:400;line-height:1;letter-spacing:normal;box-shadow:none;cursor:pointer;transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease}.product-form__input input[type=radio]+label.color-variant-chip:before,.product-form__input input[type=radio]+label.color-variant-chip:after{display:none;content:none}.color-variant-chip__dot{flex:0 0 1.8rem;width:1.8rem;height:1.8rem;border-radius:50%;border:.1rem solid rgba(0,0,0,.13);background-color:transparent;background-position:center;background-repeat:no-repeat}.color-variant-chip__name{white-space:nowrap}.product-form__input input[type=radio]:checked+label.color-variant-chip{color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.15rem solid rgb(var(--color-foreground));box-shadow:inset 0 0 0 .1rem rgb(var(--color-background));padding:.35rem .95rem .35rem .45rem}@media screen and (hover:hover){.product-form__input input[type=radio]:not(:disabled)+label.color-variant-chip:hover{box-shadow:none;border-color:rgb(var(--color-foreground))}}.product-form__input input[type=radio]:disabled+label.color-variant-chip,.product-form__input input[type=radio][data-crossout]+label.color-variant-chip{color:rgba(var(--color-foreground),.4);cursor:not-allowed}.product-form__input input[type=radio]:disabled+label.color-variant-chip:before,.product-form__input input[type=radio][data-crossout]+label.color-variant-chip:before{display:none}.product-form__input input[type=radio]:focus-visible+label.color-variant-chip{outline:.2rem solid rgb(var(--color-keyboard-focus));outline-offset:.3rem;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-keyboard-focus),.5)}
/*# sourceMappingURL=/cdn/shop/t/74/assets/component-color-chip.css.map */