.card-quick-variant{margin-top:.8rem}.card-quick-variant__form{display:flex;gap:.6rem;align-items:stretch;width:100%;flex-wrap:wrap}.card-quick-variant__select{flex:1 1 auto;min-width:0;height:4.6rem;padding:0 3rem 0 1.2rem;font-family:inherit;font-size:1.3rem;line-height:1;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:var(--buttons-border-width,.1rem) solid rgba(var(--color-secondary-button-text),var(--buttons-border-opacity,1));border-radius:.7rem;-webkit-appearance:none;appearance:none;cursor:pointer;text-overflow:ellipsis;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='rgb(45,180,90)' stroke-width='1.5'/></svg>");background-repeat:no-repeat;background-position:right 1.1rem center;background-size:1rem .6rem}.card-quick-variant__select:focus-visible{outline:.2rem solid rgba(var(--color-secondary-button-text),.6);outline-offset:.1rem}.card-quick-variant__add{flex:0 0 auto;width:4.6rem;min-width:4.6rem;height:4.6rem;padding:0;display:flex;align-items:center;justify-content:center;position:relative;border-radius:.7rem;transition:background-color .2s ease}.card-quick-variant__add svg{width:1.6rem;height:1.6rem;max-width:1.6rem;max-height:1.6rem;flex:0 0 auto;pointer-events:none}.card-quick-variant__add[disabled]{opacity:.5;cursor:not-allowed}.card-quick-variant__add .loading__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.6rem;height:1.6rem}.card-quick-variant__add.is-loading svg:not(.spinner){visibility:hidden}.card-quick-variant__add.is-added svg{visibility:hidden}.card-quick-variant__add.is-added:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.7rem;line-height:1}.card-quick-variant__error{display:none;flex:1 0 100%;margin:.4rem 0 0;font-size:1.2rem;color:rgb(var(--color-foreground))}.card-quick-variant__error.is-visible{display:block}@media screen and (max-width:749px){.card-quick-variant__select{font-size:1.2rem;height:4.2rem;padding:0 2.6rem 0 1rem}.card-quick-variant__add{width:4.2rem;min-width:4.2rem;height:4.2rem}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/card-quick-variant.css.map */