.billing-wave{color:var(--acc);pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%,#000);mask-image:linear-gradient(90deg,transparent,#000 28%,#000)}.billing-preview-note{display:flex;align-items:flex-start;gap:9px;color:var(--fg-3);font-size:11px;line-height:1.6}.billing-preview-note svg{flex:none;width:17px;height:17px}.credit-preview{position:relative;isolation:isolate;width:100%;max-width:600px;margin-inline:auto}.credit-preview .credit-wave{position:absolute;z-index:-1;top:-20px;right:0;width:min(62%,350px);height:220px;opacity:.85}.credit-back{display:flex;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;color:var(--fg-2);font-size:12px}.credit-back:hover{color:var(--fg)}.credit-back svg{width:16px;height:16px;transform:rotate(180deg)}.credit-heading{margin:24px 0 30px}.credit-heading h1{font-size:40px;line-height:1.15;letter-spacing:-.045em;font-weight:750}.credit-heading p{margin-top:5px;color:var(--fg-2);font-size:16px;line-height:1.6}.credit-fieldset{min-width:0;margin:0;padding:0;border:0}.credit-fieldset legend,.credit-method-heading{margin:0 0 10px;padding:0;color:var(--fg);font-size:14px;font-weight:650;line-height:1.4}.credit-amount-fieldset{margin-bottom:28px}.credit-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.credit-amounts>button{min-height:44px;padding:0 8px;border:1px solid var(--line-2);border-radius:6px;background:linear-gradient(var(--panel),var(--bg));font-size:13px}.credit-amounts>button:hover{border-color:var(--line-3)}.credit-amounts>button.selected{color:var(--acc);border-color:var(--acc);background:var(--acc-dim);box-shadow:0 0 18px var(--acc-dim) inset}.credit-custom{margin-top:14px}.credit-custom .help{font-size:11px}.credit-how,.credit-payment{border:1px solid var(--line);border-radius:7px;background:linear-gradient(115deg,var(--panel),var(--bg));overflow:hidden}.credit-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.credit-tabs>button{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;color:var(--fg-2);font-size:13px}.credit-tabs>button+button{border-left:1px solid var(--line)}.credit-tabs>button[aria-selected=true]{color:var(--fg);background:linear-gradient(0deg,var(--panel-2),transparent);font-weight:600}.credit-tabs>button[aria-selected=true]:after{position:absolute;content:"";bottom:-1px;left:0;right:0;height:2px;background:var(--acc)}.credit-tabs>button:focus-visible{outline-offset:-4px}.credit-tabs svg{width:21px;height:21px}.credit-payment-body{padding:18px 20px 12px}.credit-network-fieldset legend{margin-bottom:9px;color:var(--fg-2);font-size:12px;font-weight:400}.credit-network-fieldset legend span{margin-left:6px;color:var(--fg-3)}.credit-networks{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.credit-networks>label{display:flex;align-items:center;gap:12px;min-height:46px;padding:9px 12px;border:1px solid var(--line-2);border-radius:6px;background:linear-gradient(140deg,var(--panel-2),var(--bg));cursor:pointer;font-size:12px}.credit-networks>label.selected{border-color:var(--acc);background:var(--acc-dim)}.credit-networks>label:has(input:focus-visible){outline:2px solid var(--acc);outline-offset:3px}.credit-networks input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:16px;height:16px;margin:0;border:1px solid var(--fg-3);border-radius:50%;background:transparent}.credit-networks input:checked{border-color:var(--acc);background:radial-gradient(circle,var(--acc) 0 4px,transparent 4.5px)}.credit-networks input:focus-visible{outline:none}.credit-networks svg{flex:none;width:22px;height:22px}.credit-summary{margin:18px 0 16px;padding:0 16px;border:1px solid var(--line-2);border-radius:6px;background:linear-gradient(125deg,var(--panel-2),var(--panel))}.credit-summary>div{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:40px;padding:9px 0;font-size:12px;line-height:1.5}.credit-summary>div+div{border-top:1px solid var(--line)}.credit-summary dt{color:var(--fg-2)}.credit-summary dd{font-size:13px;font-weight:650;text-align:right}.dash .credit-preview .credit-continue{display:flex;width:100%;min-height:40px;border-radius:6px;font-size:13px}.credit-continue svg{width:18px;height:18px}.credit-helper{margin-top:9px;color:var(--fg-3);font-size:10px;text-align:center;line-height:1.5}.credit-card-placeholder{display:flex;align-items:flex-start;gap:12px;min-height:69px;padding:11px 0}.credit-card-placeholder>svg{flex:none;margin-top:2px}.credit-card-placeholder strong{font-size:13px;font-weight:600}.credit-card-placeholder p{max-width:320px;color:var(--fg-2);margin-top:3px;font-size:12px;line-height:1.5}.credit-review{margin-top:15px;padding:13px;border:1px solid var(--acc-line);border-radius:6px;background:var(--acc-dim);font-size:12px}.credit-review p{color:var(--fg-2);margin:5px 0 8px}.credit-review a{text-decoration:underline;text-underline-offset:3px}.credit-how{margin-top:16px;padding:14px 18px 17px}.credit-how h2{font-size:14px;font-weight:650}.credit-steps{display:grid;grid-gap:16px;gap:16px;margin-top:12px}.credit-steps li{position:relative;display:flex;align-items:center;gap:15px;min-width:0}.credit-steps li+li:before{position:absolute;content:"";width:1px;height:10px;top:-13px;left:19px;background:var(--line-3)}.credit-steps li>b{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:50%;background:linear-gradient(120deg,var(--line-2),var(--panel-2));font-size:14px;font-weight:500}.credit-steps small,.credit-steps strong{display:block;font-size:12px;line-height:1.55}.credit-steps strong{font-weight:600}.credit-steps small{color:var(--fg-2);font-size:11px;margin-top:2px}.credit-preview>.billing-preview-note{margin-top:18px;font-size:10px}@media (max-width:600px){.credit-preview .credit-wave{top:-8px;height:180px;opacity:.6}.credit-heading h1{font-size:36px}.credit-payment-body{padding-inline:16px}.credit-networks{gap:7px}.credit-networks>label{gap:8px;padding-inline:10px}.credit-steps{gap:18px}}@media (max-width:360px){.credit-amounts{gap:7px}.credit-networks>label{gap:6px;padding-inline:8px}.credit-networks svg{width:17px;height:17px}}