.credit-packs{container:credit-packs/inline-size}.credit-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.credit-pack-grid>li{border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:stretch;gap:16px;min-width:0;padding:20px;display:flex}.credit-pack-grid .button{justify-content:center;margin-top:auto}.credit-pack-summary{min-width:0;display:block}.credit-pack-price{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.credit-pack-summary .credit-pack-price .credit-pack-amount{font-variant-numeric:tabular-nums;font-size:24px;line-height:1.5}.credit-pack-summary .credit-pack-price .credit-pack-amount>span{color:var(--secondary);font-size:12px;font-weight:500}.credit-pack-highlight{color:var(--accent-text);font-size:12px;font-weight:650}.credit-pack-summary .credit-pack-total{color:var(--foreground);margin-top:8px;font-size:16px;line-height:1.6;display:block}.credit-pack-total strong{font-variant-numeric:tabular-nums;font-weight:750}.credit-pack-summary .credit-pack-bonus{color:var(--secondary);font-variant-numeric:tabular-nums;margin-top:4px;font-size:12px;line-height:1.8;display:block}.credit-pack-bonus>span{white-space:nowrap}@container credit-packs (width<=700px){.credit-pack-grid{grid-template-columns:minmax(0,1fr);gap:8px}.credit-pack-grid>li{flex-direction:row;align-items:center;gap:16px;padding:16px}.credit-pack-summary{flex:1}.credit-pack-grid .button{flex-shrink:0;margin-top:0;padding-inline:12px}.credit-pack-summary .credit-pack-price .credit-pack-amount{font-size:22px}}@container credit-packs (width<=320px){.credit-pack-grid>li{flex-direction:column;align-items:stretch}.credit-pack-summary{width:100%}}