.card--standard .card__inner.card__inner--quick-add-overlay,.animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner.card__inner--quick-add-overlay{transform:none}.card__inner .quick-add--overlay{position:absolute;z-index:2;margin:0;padding:0}.quick-add--overlay .quick-add__submit{position:relative;overflow:hidden}.quick-add--overlay .quick-add__submit>.quick-add__icon{height:24px;width:24px;transform:translateY(200%);transition:transform .2s ease,opacity .2s ease;position:absolute;left:0;right:0;margin:0 auto;opacity:0;pointer-events:none}.quick-add--overlay .quick-add__submit:hover>.quick-add__icon{transform:translateY(0);opacity:1;pointer-events:auto}.quick-add--overlay .quick-add__submit>.quick-add__submit-text{transform:translateY(0);font-weight:700;transition:transform .2s ease,opacity .2s ease}.quick-add--overlay .quick-add__submit:hover>.quick-add__submit-text{transform:translateY(-200%)}.quick-add--overlay .loading.quick-add__submit>.quick-add__submit-text,.quick-add--overlay .loading.quick-add__submit>.quick-add__icon{opacity:0;pointer-events:none}.quick-add--overlay .quick-add__submit--overlay{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;margin:0;padding:0;border:0;box-shadow:none;cursor:pointer;background:rgb(var(--color-foreground));color:rgb(var(--color-background));transition:background .2s ease}.quick-add--overlay .quick-add__submit--overlay:before,.quick-add--overlay .quick-add__submit--overlay:after{display:none;content:none}.quick-add--overlay .quick-add__icon{display:flex;width:2rem;height:2rem}.quick-add--overlay .quick-add__icon svg{width:100%;height:100%}.quick-add--overlay .quick-add__submit--overlay.loading>.loading__spinner{position:absolute;top:50%;left:50%;height:100%;display:flex;align-items:center;transform:translate(-50%,-50%)}.quick-add--overlay .quick-add__submit--overlay .loading__spinner .path{stroke:rgb(var(--color-background))}@media(hover:hover){.card__inner .quick-add--overlay{left:0;right:0;bottom:0;opacity:0;transform:translateY(100%);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.card-wrapper:hover .quick-add--overlay,.card-wrapper:focus-within .quick-add--overlay{opacity:1;transform:translateY(0);pointer-events:auto}.quick-add--overlay .quick-add__submit--overlay{width:100%;height:4.4rem;border-radius:0}}@media(hover:none){.card__inner .quick-add--overlay{right:1rem;bottom:1rem}.quick-add--overlay .quick-add__submit--overlay{width:4.4rem;height:4.4rem;border-radius:50%}.quick-add--overlay .quick-add__submit>.quick-add__submit-text{display:none}.quick-add--overlay .quick-add__submit>.quick-add__icon{height:16px;width:16px;transform:translateY(0);opacity:1;pointer-events:auto;position:relative;left:0;right:0;margin:0 auto}}@media(prefers-reduced-motion:reduce){.card__inner .quick-add--overlay{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/component-quick-add-overlay.css.map */