.quantity-breaks--3d-cards{--qb-gap: 1rem}.quantity-breaks--3d-cards .quantity-breaks-container{display:grid;grid-template-columns:repeat(var(--items-count, 3),1fr);gap:var(--qb-gap);perspective:1200px}.quantity-breaks--3d-cards .quantity-break{background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:1.25rem 1rem;text-align:center;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,border-color .3s;box-shadow:0 12px 30px #00000026;cursor:pointer}.quantity-breaks--3d-cards input:checked+.quantity-break,.quantity-breaks--3d-cards .quantity-break:has(input:checked){border-color:rgb(var(--color-base-accent-1));box-shadow:0 20px 45px #00000038,0 0 30px rgba(var(--color-base-accent-1),.25);transform:translateY(-8px) rotateX(6deg) scale(1.03)}.quantity-breaks--3d-cards .quantity-break:hover{transform:translateY(-6px) rotateX(4deg)}.quantity-breaks--soft-pills .quantity-breaks-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.quantity-breaks--soft-pills .quantity-break{border-radius:999px;padding:.85rem 1.6rem;background:rgba(var(--color-foreground),.06);border:2px solid transparent;transition:all .3s ease;min-width:110px;text-align:center}.quantity-breaks--soft-pills input:checked+.quantity-break{background:rgb(var(--color-base-accent-1));color:rgb(var(--color-base-solid-button-labels));border-color:transparent;box-shadow:0 8px 24px rgba(var(--color-base-accent-1),.35);transform:scale(1.05)}.quantity-breaks--neon-glow .quantity-break{border-radius:14px;border:1px solid rgba(var(--color-base-accent-1),.35);background:#0d0d12;color:#fff;padding:1.1rem;transition:all .35s;position:relative;overflow:hidden}.quantity-breaks--neon-glow .quantity-break:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,rgb(var(--color-base-accent-1)),transparent 60%);opacity:0;transition:opacity .35s;z-index:-1}.quantity-breaks--neon-glow input:checked+.quantity-break{box-shadow:0 0 24px rgba(var(--color-base-accent-1),.55),inset 0 0 20px rgba(var(--color-base-accent-1),.15);border-color:rgb(var(--color-base-accent-1))}.quantity-breaks--neon-glow input:checked+.quantity-break:before{opacity:.4}.quantity-breaks--stacked-premium .quantity-breaks-container{display:flex;flex-direction:column;gap:.75rem;max-width:420px;margin:0 auto}.quantity-breaks--stacked-premium .quantity-break{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:16px;background:rgba(var(--color-foreground),.04);border:2px solid transparent;transition:all .3s cubic-bezier(.16,1,.3,1)}.quantity-breaks--stacked-premium input:checked+.quantity-break{border-color:rgb(var(--color-base-accent-1));background:rgba(var(--color-base-accent-1),.08);box-shadow:0 10px 28px #0000001f;transform:scale(1.02)}.quantity-breaks--minimal-outline .quantity-breaks-container{display:flex;gap:.6rem;flex-wrap:wrap}.quantity-breaks--minimal-outline .quantity-break{border:1.5px solid rgba(var(--color-foreground),.2);border-radius:10px;padding:.7rem 1.2rem;background:transparent;transition:border-color .25s,background .25s}.quantity-breaks--minimal-outline input:checked+.quantity-break{border-color:rgb(var(--color-base-accent-1));background:rgba(var(--color-base-accent-1),.08);font-weight:600}.quantity-breaks--glass .quantity-break{background:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:1.2rem;box-shadow:0 8px 32px #0000001f;transition:all .4s cubic-bezier(.16,1,.3,1)}.quantity-breaks--glass input:checked+.quantity-break{background:#ffffff2e;border-color:#fff6;box-shadow:0 16px 40px #0003,0 0 0 1px rgba(var(--color-base-accent-1),.4);transform:translateY(-6px)}@media(max-width:749px){.quantity-breaks--3d-cards .quantity-breaks-container,.quantity-breaks--3d-cards .quantity-breaks-container[style*="--items-count:3"],.quantity-breaks--3d-cards .quantity-breaks-container[style*="--items-count:4"]{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/834/assets/quantity-styles-extra.css.map */