.quick-add-variants{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:4.4rem;margin:0 0 1rem;z-index:1;cursor:pointer;background-color:#fff;color:rgb(var(--color-button-secondary-text));border:.1rem solid rgba(var(--color-button-secondary-text),var(--alpha-button-border));border-radius:var(--buttons-radius-outset);overflow:hidden;box-sizing:border-box}.card--card .quick-add-variants{margin:0 1.3rem 1rem}.qav__default,.qav__variants,.qav__loading,.qav__success{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.2rem .6rem;padding:.4rem .8rem;transition:opacity .2s ease}.qav__default{opacity:1;font-size:1.4rem;font-weight:600;letter-spacing:.1rem;text-transform:uppercase;gap:.5rem}.qav__default svg{width:1.6rem;height:1.6rem;flex-shrink:0}.qav__variants,.qav__loading,.qav__success,.quick-add-variants:hover .qav__default{opacity:0;pointer-events:none}.quick-add-variants:hover .qav__variants{opacity:1;pointer-events:auto}.quick-add-variants.is-active .qav__default{opacity:0;pointer-events:none}.quick-add-variants.is-active .qav__variants{opacity:1;pointer-events:auto}.quick-add-variants.is-loading .qav__default,.quick-add-variants.is-loading .qav__variants{opacity:0;pointer-events:none}.quick-add-variants.is-loading .qav__loading{opacity:1}.quick-add-variants.is-success .qav__default,.quick-add-variants.is-success .qav__variants,.quick-add-variants.is-success .qav__loading{opacity:0;pointer-events:none}.quick-add-variants.is-success .qav__success{opacity:1}.qav__group{display:contents}.qav__group.is-hidden{display:none}.qav__opt{background:none;border:none;padding:.2rem .5rem;font-size:1.2rem;font-weight:500;letter-spacing:.04rem;text-transform:uppercase;color:rgb(var(--color-foreground));cursor:pointer;line-height:1.5;white-space:nowrap;transition:opacity .15s ease}.qav__opt:hover{opacity:.55}.qav__opt--out{text-decoration:line-through;opacity:.4;cursor:default}.qav__opt--out:hover{opacity:.4}@media screen and (max-width:749px){.quick-add-variants{min-height:4rem}.qav__default{font-size:1.2rem}.qav__opt{font-size:1.1rem;padding:.2rem .4rem}.quick-add-variants:hover .qav__default{opacity:1;pointer-events:auto}.quick-add-variants:hover .qav__variants,.quick-add-variants.is-active:hover .qav__default,.quick-add-variants.is-active .qav__default{opacity:0;pointer-events:none}.quick-add-variants.is-active:hover .qav__variants,.quick-add-variants.is-active .qav__variants{opacity:1;pointer-events:auto}}@media screen and (max-width:749px){.qav-desktop-only{display:none!important}}@media screen and (min-width:750px){.qav-mobile-only{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/242/assets/quick-add-variants.css.map */