.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.2rem;padding:0 3rem 0 1rem;font-family:inherit;font-size:1.3rem;line-height:1;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.25);border-radius:var(--inputs-radius,0);-webkit-appearance:none;appearance:none;cursor:pointer;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='%23000' stroke-width='1.5'/></svg>");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem .6rem;text-overflow:ellipsis}
.card-quick-variant__select:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.1rem}
.card-quick-variant__add{flex:0 0 auto;width:4.2rem;min-width:4.2rem;height:4.2rem;padding:0;display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .2s ease}
.card-quick-variant__add svg{width:1.6rem;height:1.6rem;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:3.8rem}.card-quick-variant__add{width:3.8rem;min-width:3.8rem;height:3.8rem}}