#card-form{position:relative;isolation:isolate;z-index:0;min-height:320px;width:100%;margin-top:18px}
#card-form iframe{display:block}
body.consent-open #card-form,body.consent-open #card-form *{visibility:hidden!important;pointer-events:none!important}
#checkboxModal{z-index:100000}
[hidden]{display:none!important}

.demo-widget{padding:0 18px 20px;color:#263146;font-family:Arial,sans-serif}.demo-label{text-align:center;font-size:11px;color:#8b7999;margin:0 0 14px}.demo-widget button{width:100%;border:0;border-radius:9px;height:56px;cursor:pointer;font-family:inherit}.demo-card{background:#306dff;color:white;font-size:19px;font-weight:500}.demo-card:hover{background:#205ce9}.demo-tpay{position:relative;background:#ffdf2d;margin-top:16px;color:#303030;display:flex;align-items:center;justify-content:center}.tpay-pill{font-size:14px;background:#fff2a3;border-radius:22px;padding:6px 12px 6px 6px;display:flex;align-items:center;gap:10px}.tpay-pill b{background:#303030;color:white;border-radius:18px;padding:5px 11px;font-size:15px}.tpay-info{position:absolute;right:17px;color:white;font-size:18px}.demo-saved{font-size:15px;line-height:1.5;margin:34px 0 23px}.demo-email-label{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;cursor:pointer}.demo-email-label input{position:absolute;right:0;opacity:0;width:42px;height:26px;cursor:pointer}.demo-switch{flex:none;background:#cbd2df;width:42px;height:25px;border-radius:20px;position:relative}.demo-switch:after{content:'';position:absolute;left:4px;top:4px;width:17px;height:17px;border-radius:50%;background:white}.demo-email-label input:checked+.demo-switch{background:#8babff}.demo-email-label input:checked+.demo-switch:after{left:21px}.demo-email-label input:focus-visible+.demo-switch{outline:2px solid #306dff;outline-offset:3px}#demo-email{width:100%;border:0;background:#edf1f7;border-radius:9px;margin-top:20px;padding:15px 12px;font:16px Arial;color:#263146}#demo-email::placeholder{color:#8a94a4}.demo-logos{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:48px;color:#bdcbd9;font-size:9px;text-align:center}.demo-brand{font-size:12px;text-align:center;color:#b7c3d1;margin:25px 0 0}#demo-result{font-size:12px;line-height:1.5;color:#785995;margin-top:18px}#demo-result:empty{display:none}@media(max-width:480px){.demo-widget{padding:0 0 10px}.demo-email-label,.demo-saved{font-size:13px}.tpay-pill{font-size:12px}.demo-card{font-size:17px}}

.compact-checkout{padding:28px 24px 24px;border:1px solid #d5e9fa;border-radius:28px;background:#fff;margin:20px 0}
.widget-plan-heading{display:flex;align-items:center;gap:16px;text-align:left;margin-bottom:26px}.widget-plan-heading img{flex:none;border-radius:16px;box-shadow:0 8px 24px #1e88e51a}.widget-plan-label{font-size:11px;letter-spacing:2px;font-weight:700;color:#6ba5d2;margin:0 0 9px}.widget-plan-heading h2{font-size:23px;line-height:1.35;color:#213c58;font-weight:750;margin:0}.widget-plan-period{font-size:13px;color:#7390a9;margin:7px 0 0}.widget-sparkle{font-size:30px;color:#42a5f5;margin-left:auto}.compact-checkout #card-form{margin-top:0}.demo-widget{max-width:470px;margin:auto;padding:0 10px 20px}.demo-card{background:#1e88e5}.demo-card:hover{background:#1976d2}.demo-email-label input:checked+.demo-switch{background:#78b9ef}.demo-label{color:#7894aa}.payment-header{padding-bottom:0}.payment-header h1{margin-bottom:0}.change-plan{display:block;text-align:center}
@media(max-width:480px){.compact-checkout{padding:22px 16px;margin-top:15px;border-radius:23px}.widget-plan-heading{gap:12px}.widget-plan-heading img{width:48px;height:48px}.widget-plan-heading h2{font-size:19px}.widget-sparkle{font-size:23px}.demo-widget{padding:0 0 12px}.widget-plan-label{font-size:10px}.widget-plan-period{font-size:12px}}

.widget-plan-heading .widget-plan-period{font-family:inherit;font-size:23px;line-height:1.35;font-weight:750;color:#213c58;margin-top:7px}
@media(max-width:480px){.widget-plan-heading .widget-plan-period{font-size:19px}}

.widget-plan-heading .widget-plan-period{font-size:36px;line-height:1.15;margin:0 0 10px;font-weight:800}
@media(max-width:480px){.widget-plan-heading .widget-plan-period{font-size:30px}}

/* Tariff header: avatar, price and period form one balanced block. */
.widget-plan-heading{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) 28px;
  align-items:center;
  column-gap:18px;
  padding:5px 4px 2px;
}
.widget-plan-heading img{width:64px;height:64px;grid-column:1;grid-row:1;border-radius:19px}
.widget-plan-heading>div{grid-column:2;min-width:0}
.widget-plan-heading .widget-plan-label{margin:0 0 6px;font-size:10px;letter-spacing:2.1px}
.widget-plan-heading .widget-plan-period{margin:0 0 5px;font-size:38px;line-height:1;font-weight:800;color:#203d5b}
.widget-plan-heading h2{font-size:19px;line-height:1.35;font-weight:700;letter-spacing:-.2px;color:#203d5b}
.widget-sparkle{grid-column:3;margin:0;justify-self:end;align-self:center}

@media(max-width:480px){
  .widget-plan-heading{grid-template-columns:54px minmax(0,1fr) 22px;column-gap:12px;padding-inline:0}
  .widget-plan-heading img{width:54px;height:54px;border-radius:16px}
  .widget-plan-heading .widget-plan-period{font-size:32px}
  .widget-plan-heading h2{font-size:17px}
}
.embedded-payment{width:100%;}
.cloudpayments-form{width:100%;min-height:430px;overflow:visible;}
.cloudpayments-form iframe{max-width:100%;}
.payment-return{display:inline-block;margin-top:12px;color:#2f80ed;font-weight:700;}
