.fake-variants-container{position:relative;display:flex;align-items:flex-end;gap:15px;justify-content:space-between}.fake-variants{margin:2rem 0 3rem;display:flex;flex-direction:column;gap:2.9rem}.fake-variants__control{margin-bottom:1.5rem;border:none;padding:0}.fake-variants__control .product-form__group-name{font-weight:600;margin-bottom:1rem;display:block}.fake-variants__selected{font-weight:400;color:rgba(var(--color-foreground),.75)}.fake-variants__control .product-form__controls-group{display:flex;flex-wrap:wrap;gap:.8rem}.fake-variants__input{position:absolute;opacity:0;pointer-events:none}.fake-variants__label{display:inline-flex;align-items:center;justify-content:center;min-width:4.4rem;padding:.8rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.4rem;cursor:pointer;transition:all .2s ease;font-size:1.4rem;line-height:1.4;text-align:center}.fake-variants__label:hover{border-color:rgba(var(--color-foreground),.5)}.fake-variants__input:checked+.fake-variants__label{border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground));color:rgb(var(--color-foreground-title))}.fake-variants__input:focus+.fake-variants__label{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.fake-variants__input:disabled+.fake-variants__label{opacity:.4;cursor:not-allowed;pointer-events:none}.fake-variants__label[data-disabled]{opacity:.4;cursor:not-allowed;pointer-events:none;position:relative}.fake-variants__label[data-disabled]:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--color-border));clip-path:polygon(96% 0,100% 0,4% 100%,0% 100%)}.fake-variants__label.color-swatch.split-color:after{background:linear-gradient(to bottom,var(--swatch-color-top) 50%,var(--swatch-color-bottom) 50%)!important}.fake-variants__label.color-swatch{position:relative}.fake-variants__input:checked+.fake-variants__label.color-swatch{background-color:transparent}.fake-variants__input:checked+.fake-variants__label.color-swatch:before{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media screen and (max-width: 749px){.fake-variants__label{font-size:1.3rem;padding:.6rem 1.2rem;min-width:4rem}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/component-fake-variants.css.map */