.quick-add-component{position:absolute;bottom:0;right:0}.quick-add__trigger{background:transparent;border:none;width:32px;height:32px;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;color:#fff}.quick-add__trigger:hover{transform:scale(1.05)}.quick-add__trigger:disabled{opacity:.5;cursor:not-allowed}.quick-add__trigger .icon-wrap{width:100%;height:100%;margin:0!important;padding:0!important}.quick-add__trigger .icon-wrap svg{width:100%;height:100%}.quick-add-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:100;border-radius:inherit;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quick-add-drawer{background:rgb(var(--color-background));padding:8px;width:100%;animation:slideUp .3s ease;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.quick-add-drawer__title{font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-foreground));margin:0 0 8px}.quick-add-drawer__variants{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;justify-items:center}.quick-add-variant-btn{background:rgba(var(--color-foreground),.05);border:1px solid rgba(var(--color-foreground),.15);cursor:pointer;transition:all .2s ease;font-size:1rem;font-weight:600;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding-top:8px;padding-bottom:8px}.quick-add-variant-btn:hover:not(:disabled):not(.variant-unavailable){background:rgba(var(--color-foreground),.1);border-color:rgba(var(--color-foreground),.3);transform:translateY(-2px)}.quick-add-variant-btn:active:not(:disabled):not(.variant-unavailable){transform:translateY(0)}.quick-add-variant-btn.variant-unavailable{cursor:not-allowed;color:#e1e0df;background:#989898}.quick-add__trigger.loading .icon-wrap{opacity:0}.quick-add__trigger.loading .loading-spinner{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/423/assets/quick-add-component.css.map */