.buy-credits-modal{--cp-popular:#7c3aed;--cp-popular-deep:#6d28d9;--cp-popular-soft:#f5effe;--cp-popular-chip:#f1e9fd;--cp-gold:#f59e0b;--cp-gold-deep:#ea580c;--cp-gold-soft:#fef5e7;--cp-gold-chip:#fef3e2}.dark .buy-credits-modal{--cp-popular-soft:color-mix(in srgb, #7c3aed 16%, var(--surface));--cp-popular-chip:color-mix(in srgb, #7c3aed 20%, var(--surface2));--cp-gold-soft:color-mix(in srgb, #f59e0b 14%, var(--surface));--cp-gold-chip:color-mix(in srgb, #f59e0b 18%, var(--surface2))}.buy-credits-pack{background:var(--surface);box-shadow:0 4px 14px #0f172a0d}.buy-credits-pack--popular{border-color:color-mix(in srgb, var(--cp-popular) 50%, transparent)}.buy-credits-pack--popular:hover{border-color:var(--cp-popular);box-shadow:0 8px 22px color-mix(in srgb, var(--cp-popular) 14%, transparent)}.buy-credits-pack--gold{border-color:color-mix(in srgb, var(--cp-gold) 50%, transparent)}.buy-credits-pack--gold:hover{border-color:var(--cp-gold);box-shadow:0 8px 22px color-mix(in srgb, var(--cp-gold) 16%, transparent)}.buy-credits-ribbon{z-index:3;pointer-events:none;border-top-left-radius:1rem;border-top-right-radius:0;width:3.75rem;height:3.75rem;position:absolute;top:0;left:0;right:auto;overflow:hidden}.buy-credits-ribbon__label{box-sizing:border-box;background:linear-gradient(90deg, var(--cp-popular) 0%, var(--cp-popular-deep) 100%);color:#fff;letter-spacing:.09em;text-indent:.09em;text-transform:uppercase;white-space:nowrap;width:5.75rem;height:16px;box-shadow:0 2px 6px color-mix(in srgb, var(--cp-popular) 35%, transparent);justify-content:center;align-items:center;margin:0;padding:1px 0 0;font-size:7px;font-weight:800;line-height:1;display:flex;position:absolute;top:.55rem;left:-1.45rem;right:auto;transform:rotate(-45deg)}.buy-credits-pack--popular .buy-credits-coin-tile{margin-top:.15rem}@media (min-width:640px){.buy-credits-ribbon{width:4.25rem;height:4.25rem}.buy-credits-ribbon__label{width:6.25rem;height:17px;font-size:8px;top:.62rem;left:-1.55rem}}.buy-credits-coin-tile{box-shadow:0 4px 12px color-mix(in srgb, var(--cp-popular) 12%, transparent), inset 0 1px 0 #ffffffb3}.buy-credits-pack--gold .buy-credits-coin-tile{box-shadow:0 4px 12px color-mix(in srgb, var(--cp-gold) 14%, transparent), inset 0 1px 0 #ffffffb3}.buy-credits-btn--popular{background:linear-gradient(115deg, var(--cp-popular) 0%, var(--cp-popular-deep) 100%);box-shadow:0 6px 14px color-mix(in srgb, var(--cp-popular) 28%, transparent)}.buy-credits-btn--popular:hover:not(:disabled){filter:brightness(1.06)}.buy-credits-btn--popular:active:not(:disabled){filter:brightness(.97)}.buy-credits-btn--gold{background:linear-gradient(115deg, var(--cp-gold) 0%, var(--cp-gold-deep) 100%);box-shadow:0 6px 14px color-mix(in srgb, var(--cp-gold) 28%, transparent)}.buy-credits-btn--gold:hover:not(:disabled){filter:brightness(1.06)}.buy-credits-btn--gold:active:not(:disabled){filter:brightness(.97)}@media (prefers-reduced-motion:reduce){.buy-credits-pack--popular,.buy-credits-pack--gold,.buy-credits-btn--popular,.buy-credits-btn--gold{transition:none}}