.cb-payment-overlay{position:fixed;inset:0;z-index:11000;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:18px;background:#000b;font:18px/1.25 Arial,Helvetica,sans-serif;color:#f6f6f8;color-scheme:dark}
.cb-payment-overlay *{box-sizing:border-box}
.cb-payment-dialog{position:relative;display:grid;grid-template-columns:166px minmax(0,1fr);width:1280px;max-width:100%;max-height:calc(100dvh - 36px);overflow-y:auto;margin:0;padding:0;border:1px solid #31394e;background:#181c24;color:#f6f6f8;font-size:18px;box-shadow:0 14px 70px #0008}
.cb-payment-overlay button,.cb-payment-overlay input,.cb-payment-overlay select{font:inherit;letter-spacing:normal;text-transform:none}
.cb-payment-overlay button{cursor:pointer}
.cb-payment-overlay button:focus-visible,.cb-payment-overlay input:focus-visible,.cb-payment-overlay select:focus-visible{outline:2px solid #ff9938;outline-offset:3px}
.cb-payment-close{position:absolute;right:10px;top:5px;z-index:2;width:28px;height:28px;padding:0;border:0;background:transparent;color:#9296a4;font-size:28px!important;line-height:1}
.cb-payment-tabs{align-self:start;display:flex;flex-direction:column;width:166px;margin:0;padding:0;background:#1c2232}
.cb-payment-tabs button{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:129px;margin:0;padding:15px 5px;border:0;border-left:5px solid transparent;border-bottom:1px solid #31394e;background:#1c2232;color:#626775;font-size:20px;font-weight:700}
.cb-payment-tabs button.is-active{border-left-color:#ff9938;background:#30394f;color:#fff}
.cb-payment-tabs svg{display:block;width:64px;height:44px;fill:currentColor}
.cb-payment-tabs button:last-child svg{width:72px}
.cb-payment-content{min-width:0;padding:44px 44px 40px;border-left:1px solid #31394e}
.cb-payment-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:36px;margin:0 0 36px}
.cb-payment-heading h2{margin:0;padding:0;color:#f6f6f8;font:400 30px/1.2 Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:-.6px}
.cb-payment-heading select{width:138px;height:38px;padding:2px 15px;border:1px solid #6a6c75;border-radius:0;background:#1d2331;color:#ff9938;font-size:23px}
.cb-payment-methods{display:grid;gap:18px;margin:0;padding:0}.cb-payment-method-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.cb-payment-reserve{grid-column:1/-1;margin:8px 0 0;color:#919198;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.cb-payment-method,.cb-payment-empty{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:165px;padding:16px 8px 36px;border:1px solid #31394e;background:#1c2232;color:#f6f6f8;text-align:center}
.cb-payment-method.is-selected{border-color:#ff9938}
.cb-payment-brand{display:block;width:192px;max-width:100%;height:74px}.cb-payment-brand.cb-payment-card{width:198px;max-width:96%;height:auto;max-height:74px;object-fit:contain}
.cb-payment-coin{display:block;width:58px;height:58px;flex:none}
.cb-payment-method-title{display:block;max-width:100%;margin-top:6px;color:#f6f6f8;font-size:19px;line-height:1.2}
.cb-payment-method-footer{position:absolute;bottom:9px;left:16px;right:16px;display:flex;justify-content:space-between;gap:8px;min-width:0;color:#d4d4dc;font-size:18px;line-height:1.2}
.cb-payment-method-footer>span:last-child{color:#919198;font-size:16px}
.cb-payment-content hr{height:1px;margin:30px 0;border:0;background:#31394e}
.cb-payment-form{display:grid;grid-template-columns:190px minmax(180px,330px) minmax(220px,1fr);align-items:start;gap:22px;margin:0;padding:0}
.cb-payment-label{display:block;margin:5px 0 0;color:#f6f6f8;font-size:23px;line-height:1.25}
.cb-payment-label small{display:block;margin-top:3px;color:#555a66;font-size:17px;font-weight:400}
.cb-payment-field{position:relative;display:flex;align-items:center;min-width:0;height:65px;background:#1c2232}
.cb-payment-field input{display:block;width:100%;height:65px;margin:0;padding:12px 55px 12px 18px;border:0;border-radius:0;background:transparent;color:#f6f6f8;font-size:22px;box-shadow:none}
.cb-payment-field>span{position:absolute;right:17px;top:18px;pointer-events:none;color:#626775;font-size:23px}
.cb-payment-field>svg{position:absolute;right:17px;top:18px;width:34px;height:34px;pointer-events:none;fill:#626775}
.cb-payment-pay{display:flex;align-items:center;justify-content:center;min-height:65px;padding:12px 16px;border:0;border-radius:0;background:#ff9938;color:#fff;font-size:21px;font-weight:400;text-align:center}
.cb-payment-error,.cb-payment-integration{grid-column:1/-1;margin:0;color:#ffb976;font-size:15px;line-height:1.45}
.cb-payment-skins-notice{margin:0 0 22px;color:#929295;font-size:18px;line-height:1.25}
.cb-payment-notice{margin:44px 0 0;color:#929295;font-size:18px;line-height:1.3}
.cb-payment-notice button{display:inline;padding:0;border:0;background:none;color:#b46c20;text-decoration:none}
.cb-payment-rewards{position:relative;grid-column:3;grid-row:1;align-self:center;min-width:0;padding:0;color:#9196a2;font-size:16px;line-height:1.45}
.cb-payment-rewards p{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:0;padding:0}
.cb-payment-credit-preview{color:#f6f6f8;font-weight:700}
.cb-payment-rewards strong{color:#ff9938;font-size:16px;font-weight:700}
.cb-payment-bcn-benefit{display:inline-flex;align-items:center;gap:4px;border-radius:2px;outline-offset:3px}
.cb-payment-bcn-benefit:focus-visible{outline:2px solid #ff9938}
.cb-payment-bcn-benefit img{display:block;width:19px;height:19px;object-fit:contain}
.cb-payment-bcn-benefit{cursor:help;white-space:nowrap}
.cb-payment-bcn-tooltip{position:absolute;right:0;bottom:calc(100% + 8px);z-index:3;display:none;width:min(300px,100%);padding:10px 12px;border:1px solid #69513a;background:#10141d;box-shadow:0 6px 20px #0008;color:#d9dde5;font:13px/1.45 Arial,Helvetica,sans-serif;white-space:normal;text-align:left}
.cb-payment-bcn-benefit:hover .cb-payment-bcn-tooltip,.cb-payment-bcn-benefit:focus .cb-payment-bcn-tooltip{display:block}
.cb-payment-bcn-preview strong{font-variant-numeric:tabular-nums}
.cb-payment-rewards small{display:block;margin-top:4px;font-size:10px;line-height:1.3;color:#9196a2}
.cb-payment-fees{margin:20px 0 0;color:#b7b9c1;font-size:14px;line-height:1.45}
.cb-payment-form.is-skins .cb-payment-pay{grid-column:3;grid-row:2}
@media(max-width:1100px){.cb-payment-form{grid-template-columns:140px minmax(160px,1fr) minmax(180px,1fr)}.cb-payment-content{padding-left:30px;padding-right:30px}.cb-payment-method-group{gap:20px}.cb-payment-method-footer{left:10px;right:10px;font-size:15px}.cb-payment-method-title{font-size:16px}.cb-payment-method-footer>span:last-child{font-size:13px}.cb-payment-tabs,.cb-payment-dialog{grid-template-columns:145px minmax(0,1fr)}.cb-payment-tabs{width:145px}.cb-payment-tabs button{font-size:17px}}
@media(max-width:760px){.cb-payment-overlay{padding:10px;align-items:flex-start}.cb-payment-dialog{display:block;max-height:calc(100dvh - 20px)}.cb-payment-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;padding-right:24px}.cb-payment-tabs button{height:89px;gap:7px;border-left:0;border-bottom:4px solid transparent;font-size:12px}.cb-payment-tabs button.is-active{border-bottom-color:#ff9938}.cb-payment-tabs svg,.cb-payment-tabs button:last-child svg{width:46px;height:34px}.cb-payment-content{padding:26px 18px}.cb-payment-heading{margin-bottom:24px}.cb-payment-heading h2{font-size:23px}.cb-payment-heading select{width:90px;height:34px;padding:2px 5px;font-size:17px}.cb-payment-method-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cb-payment-method,.cb-payment-empty{height:145px}.cb-payment-form{grid-template-columns:110px minmax(0,1fr);gap:18px 12px}.cb-payment-pay{grid-column:1/-1}.cb-payment-row-spacer{display:none}.cb-payment-label{font-size:18px}.cb-payment-label small{font-size:13px}.cb-payment-field,.cb-payment-field input{height:58px}.cb-payment-notice{margin-top:28px;font-size:14px}.cb-payment-skins-notice{font-size:15px}.cb-payment-method-title{font-size:15px}.cb-payment-brand{height:62px}.cb-payment-brand.cb-payment-card{width:164px;max-width:95%;max-height:58px}}
@media(max-width:760px){.cb-payment-rewards{grid-column:1/-1;grid-row:auto;margin:0 0 2px}.cb-payment-form.is-skins .cb-payment-pay{grid-column:1/-1;grid-row:auto}.cb-payment-rewards small{font-size:11px}.cb-payment-fees{font-size:12px}}
.cb-payment-label small.cb-payment-promo-percent{color:#44bd60;font-weight:700}
.cb-payment-promo-selected>svg{fill:#44bd60}

@media(min-width:761px) and (max-width:960px){
  .cb-payment-content{padding-left:24px;padding-right:24px}
  .cb-payment-method-group{gap:16px}
  .cb-payment-method-footer{left:8px;right:8px;font-size:13px}
  .cb-payment-method-footer>span:last-child{font-size:12px}
  .cb-payment-form{grid-template-columns:120px minmax(0,1fr);gap:16px 12px}
  .cb-payment-pay,.cb-payment-rewards{grid-column:1/-1;grid-row:auto}
  .cb-payment-row-spacer{display:none}
  .cb-payment-form.is-skins .cb-payment-pay{grid-column:1/-1;grid-row:auto}
}
.cb-payment-overlay [hidden]{display:none!important}
.cb-payment-overlay button:disabled{cursor:default;opacity:.5}
.cb-payment-overlay input:disabled{color:#9299a9;cursor:default}
.cb-payment-method[aria-pressed=true]{border-color:#ff9938}
.cb-payment-method-group>.cb-payment-empty{pointer-events:none}
.cb-payment-tabs button{border-radius:0;line-height:1.25}
.cb-payment-tabs svg{fill:currentColor}
.cb-payment-crypto-brand{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:158px}
.cb-payment-crypto-brand .cb-payment-coin{width:40px;height:40px}
.cb-payment-label small.cb-payment-promo-hint.is-recognized{color:#44bd60;font-weight:700}
.cb-payment-promo-field.is-recognized>svg{fill:#44bd60}
.cb-payment-promo-field.is-recognized input{color:#7cde98}
.cb-payment-label small.cb-payment-promo-hint.is-inactive{color:#ff5b65;font-weight:700}
.cb-payment-promo-field.is-inactive>svg{fill:#ff5b65}
.cb-payment-promo-field.is-inactive input{color:#ff7a82;border-color:#e84955}

.cb-payment-rewards .cb-payment-preview{font-weight:400;color:#9196a2}
.cb-payment-rewards .cb-payment-credit-preview{font-weight:400}
.cb-payment-rewards .cb-payment-preview-note{display:block;margin-top:4px;font-size:10px;line-height:1.3;font-weight:400;color:#9196a2}
.cb-payment-unavailable,.cb-payment-crypto-note{margin:0 0 18px;color:#b7bdca;font-size:14px;line-height:1.45}
.cb-payment-unavailable{color:#ffb976}
.cb-payment-note{margin-top:18px;color:#9299a9;font-size:13px;line-height:1.45}
.cb-payment-note p{margin:0 0 7px}
.cb-payment-note a,.cb-payment-login{color:#ffb559}
.cb-payment-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:10px}
.cb-payment-secondary{padding:9px 13px;border:1px solid #4c5261;background:#222837;color:#d5dae6;font:14px Arial,Helvetica,sans-serif;cursor:pointer}
.cb-payment-secondary:disabled{opacity:.5;cursor:default}
.cb-payment-secondary:focus-visible{outline:2px solid #ff9938;outline-offset:3px}
.cb-payment-actions .cb-payment-secondary{padding:0;border:0;background:transparent;color:#8c94a5;font-size:12px;text-decoration:underline}
.cb-payment-reference{word-break:break-word}
.cb-payment-muted{color:#9299a9}
@media(max-width:760px){.cb-payment-method-group>.cb-payment-empty{display:none}}

/* Compact desktop presentation; use explicit dimensions instead of CSS zoom. */
@media(min-width:761px){
  .cb-payment-overlay{align-items:flex-start;padding:24px}
  .cb-payment-dialog{width:980px;grid-template-columns:128px minmax(0,1fr);max-height:calc(100dvh - 48px)}
  .cb-payment-tabs{width:128px}
  .cb-payment-tabs button{height:99px;gap:9px;padding:11px 4px;font-size:16px}
  .cb-payment-tabs svg{width:49px;height:34px}
  .cb-payment-tabs button:last-child svg{width:55px}
  .cb-payment-content{padding:34px 34px 30px}
  .cb-payment-heading{min-height:28px;margin-bottom:28px}
  .cb-payment-heading h2{font-size:24px;letter-spacing:-.4px}
  .cb-payment-heading select{width:106px;height:32px;font-size:18px}
  .cb-payment-method-group{gap:23px}
  .cb-payment-method,.cb-payment-empty{height:127px;padding:12px 6px 28px}
  .cb-payment-coin{width:45px;height:45px}
  .cb-payment-brand{width:147px;height:57px}
  .cb-payment-brand.cb-payment-card{width:152px;max-height:57px}
  .cb-payment-method-title{margin-top:5px;font-size:15px;line-height:1.2}
  .cb-payment-method-footer{bottom:7px;left:12px;right:12px;font-size:14px}
  .cb-payment-method-footer>span:last-child{font-size:12px}
  .cb-payment-content hr{margin:23px 0}
  .cb-payment-form{grid-template-columns:145px minmax(140px,253px) minmax(170px,1fr);gap:17px}
  .cb-payment-label{font-size:18px}
  .cb-payment-label small{font-size:13px}
  .cb-payment-field,.cb-payment-field input{height:50px}
  .cb-payment-field input{padding:9px 42px 9px 14px;font-size:18px}
  .cb-payment-field>span{right:13px;top:13px;font-size:18px}
  .cb-payment-field>svg{right:13px;top:12px;width:26px;height:26px}
  .cb-payment-pay{min-height:50px;padding:9px 12px;font-size:17px}
  .cb-payment-rewards,.cb-payment-rewards strong{font-size:16px;line-height:1.45}
  .cb-payment-rewards{align-self:start;padding-top:2px}
  .cb-payment-rewards p{gap:4px}
  .cb-payment-rewards strong{white-space:nowrap}
  .cb-payment-skins-notice{font-size:14px}
  .cb-payment-notice{margin-top:34px;font-size:14px}
  .cb-payment-crypto-note{font-size:12px;line-height:1.4}
}
@media(min-width:761px) and (max-width:960px){
  .cb-payment-overlay{padding:16px}
  .cb-payment-dialog{max-height:calc(100dvh - 32px)}
  .cb-payment-content{padding:28px 24px}
  .cb-payment-method-group{gap:16px}
  .cb-payment-form{grid-template-columns:120px minmax(0,1fr);gap:16px 12px}
  .cb-payment-pay,.cb-payment-rewards{grid-column:1/-1;grid-row:auto}
}
