.card-quick-add{position:absolute;right:.8rem;bottom:.8rem;z-index:3}.card-quick-add__toggle{display:inline-flex;align-items:center;justify-content:center;width:4.6rem;height:4.6rem;padding:0;border:0;border-radius:50%;background:rgb(var(--color-button));color:rgb(var(--color-button-text));cursor:pointer;box-shadow:0 .4rem 1.2rem #0000002e;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.card-quick-add__toggle:hover:not([disabled]){transform:translateY(-2px);box-shadow:0 .6rem 1.4rem #00000038}.card-quick-add__toggle:active:not([disabled]){transform:translateY(0)}.card-quick-add__toggle:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.card-quick-add__toggle[disabled]{background:rgba(var(--color-foreground),.15);color:rgba(var(--color-foreground),.5);cursor:not-allowed;box-shadow:none}.card-quick-add__icon{display:inline-flex;width:2rem;height:2.2rem;align-items:center;justify-content:center}.card-quick-add__icon svg{width:100%;height:100%}.card-quick-add__spinner{display:none;width:2rem;height:2rem;align-items:center;justify-content:center}.card-quick-add__spinner svg{width:100%;height:100%;animation:card-quick-add-spin .7s linear infinite}@keyframes card-quick-add-spin{to{transform:rotate(360deg)}}.card-quick-add.is-loading .card-quick-add__icon{display:none}.card-quick-add.is-loading .card-quick-add__spinner{display:inline-flex}.card-quick-add.is-success .card-quick-add__toggle{background:#4c9141;color:#fff}.card-quick-add__popover{position:absolute;right:0;bottom:calc(100% + 1rem);width:max(28rem,22vw);max-width:calc(100vw - 3rem);padding:1.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:1rem;box-shadow:0 1rem 2.6rem #0003;z-index:4}.card-quick-add__popover:after{content:"";position:absolute;right:1.6rem;bottom:-.7rem;width:1.4rem;height:1.4rem;background:rgb(var(--color-background));transform:rotate(45deg);box-shadow:.2rem .2rem .4rem #00000014}.card-quick-add__popover[hidden]{display:none}.card-quick-add__popover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-quick-add__popover-title{font-size:1.3rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.card-quick-add__close{display:inline-flex;width:2.4rem;height:2.4rem;padding:0;border:0;background:transparent;cursor:pointer;color:inherit}.card-quick-add__close svg{width:100%;height:100%}.card-quick-add__variants{display:flex;flex-direction:column;gap:.6rem;margin:0;padding:0}.card-quick-add__variant-item{margin:0}.card-quick-add__variant{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.9rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:.8rem;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.card-quick-add__variant:hover:not([disabled]){border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.card-quick-add__variant:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.card-quick-add__variant--unavailable{opacity:.55;cursor:not-allowed}.card-quick-add__variant--unavailable .card-quick-add__variant-title{text-decoration:line-through}.card-quick-add__variant-title{font-weight:600;font-size:1.4rem}.card-quick-add__variant-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;font-size:1.2rem}.card-quick-add__variant-price{font-weight:600}.card-quick-add__variant-status{display:inline-flex;align-items:center;gap:.4rem;font-size:1.1rem;letter-spacing:.02em}.card-quick-add__variant-dot{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;background:currentColor}.card-quick-add__variant-status--available{color:#388e3c}.card-quick-add__variant-status--unavailable{color:#b00020}@media(max-width:749px){.card-quick-add{right:.6rem;bottom:.6rem}.card-quick-add__toggle{width:4.2rem;height:4.2rem}.card-quick-add__popover{width:min(30rem,calc(100vw - 2.4rem))}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-card-quick-add.css.map */