.quick-add-plus{position:relative;display:flex;justify-content:center}.quick-add-plus__toggle{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:none;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 .1rem .4rem #00000026;cursor:pointer;transition:transform .15s ease}.quick-add-plus__toggle:hover:not([disabled]){transform:scale(1.08)}.quick-add-plus__toggle svg{width:1.6rem;height:1.6rem}.quick-add-plus__toggle[disabled]{opacity:.35;cursor:not-allowed}.quick-add-plus__popover{position:absolute;top:0;left:0;z-index:5;display:flex;flex-direction:column;background:rgb(var(--color-background));border-radius:0;box-shadow:none;border-top:.1rem solid rgb(var(--color-foreground));border-left:.1rem solid rgb(var(--color-foreground));border-right:.1rem solid rgb(var(--color-foreground));border-bottom:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}.quick-add-plus__popover.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .18s ease,transform .18s ease}.quick-add-plus__popover-title{width:100%;margin:0;text-align:center;color:rgba(var(--color-foreground),.55);text-transform:uppercase;letter-spacing:.05em}.quick-add-plus__variant{cursor:pointer;white-space:nowrap;background:transparent;color:rgb(var(--color-foreground));display:flex;align-items:center;border:none;text-align:left;transition:background .15s ease}.quick-add-plus__variant[disabled]{opacity:.4;text-decoration:line-through;cursor:not-allowed}.quick-add-plus__variant-icon{flex-shrink:0;opacity:.55}.quick-add-plus__variant-icon svg{width:1.5rem;height:1.5rem;display:block}@media screen and (max-width:749.98px){.quick-add-plus__popover-title{font-size:1.05rem;padding:.9rem 1rem;border-bottom:.1rem solid rgba(var(--color-foreground),.15)}.quick-add-plus__variants{display:grid;grid-template-columns:repeat(2,1fr)}.quick-add-plus__variant{justify-content:center;gap:.6rem;padding:1rem .8rem;border:none;border-radius:0;font-size:1.2rem}.quick-add-plus__variant:nth-child(odd){border-right:.1rem solid rgba(var(--color-foreground),.15)}.quick-add-plus__variant:nth-child(n+3){border-top:.1rem solid rgba(var(--color-foreground),.15)}.quick-add-plus__variant:active:not([disabled]){background:rgba(var(--color-foreground),.06)}}@media screen and (min-width:750px){.quick-add-plus__popover{padding:.4rem 0}.quick-add-plus__popover-title{font-size:1.2rem;padding:.5rem 1.6rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.quick-add-plus__variants{display:grid;grid-template-columns:repeat(2,1fr)}.quick-add-plus__variant{justify-content:space-between;gap:1rem;padding:1rem 1.4rem;border:none;font-size:1.2rem}.quick-add-plus__variant:nth-child(odd){border-right:.1rem solid rgba(var(--color-foreground),.08)}.quick-add-plus__variant:nth-child(n+3){border-top:.1rem solid rgba(var(--color-foreground),.08)}.quick-add-plus__variant:hover:not([disabled]){background:rgba(var(--color-foreground),.06)}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/quick-add-plus.css.map */