#billing-status{font-size:10px;border-radius:20px;padding:6px 10px;border-color:#a486d266;background:#8b62c922;color:inherit;white-space:nowrap}#billing-dialog{width:min(620px,calc(100vw - 24px));max-width:none;padding:32px;background:#24232d;color:#f8f3ff;border:1px solid #4c415b;border-radius:28px;font-family:Manrope,system-ui,sans-serif}#billing-dialog::backdrop{background:#09070bd4;backdrop-filter:blur(5px)}#billing-dialog h2{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:16px 0;color:inherit;padding-right:18px}#billing-dialog p{color:#bfb2cd;font-size:12px;line-height:1.8}#billing-dialog .billing-eyebrow{font-size:10px;color:#c6f24c;text-transform:uppercase;letter-spacing:1px}#billing-dialog .billing-currency-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#bbb0c9;margin:22px 0 16px}#billing-currency{background:#302c39;color:white;border:1px solid #51475d;border-radius:15px;padding:8px 12px;font-size:12px}.billing-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.billing-card{position:relative;border:1px solid #51415f;border-radius:23px;padding:23px 20px;background:#2e2937;display:flex;flex-direction:column}.billing-card.year{background:linear-gradient(140deg,#7148b7,#392a4e);border-color:#9674c6}.billing-card>span{font-size:12px}.billing-card>strong{font-size:35px;font-weight:500;letter-spacing:-1px;margin:20px 0 7px}.billing-card small{font-size:10px;line-height:1.8;color:#d6c8e3}.billing-card button{border:0;border-radius:25px;font-size:11px;font-weight:700;background:#c6f24c;color:#272e1b;width:100%;padding:12px;margin-top:20px;min-height:43px}#billing-note{font-size:10px!important;text-align:center;margin:20px 0}#billing-error{font-size:11px!important;color:#edc0ea!important}#billing-error:empty{display:none}#billing-signout{display:block;margin:12px auto 0;border:0;background:transparent;color:#bcaecb;font-size:11px;padding:9px}#billing-check{background:#c6f24c;color:#252a1b;border-radius:25px;padding:12px 22px;border:0;width:100%}#billing-dialog .close-dialog{color:#ddd1ed;background:transparent}#billing-dialog button:focus-visible,#billing-dialog select:focus-visible{outline:2px solid #c6f24c;outline-offset:3px}
@media(max-width:820px){header>#billing-status{display:none}#billing-dialog{padding:26px 20px;max-height:calc(100dvh - 24px);overflow:auto}#billing-dialog h2{font-size:25px}.billing-card{padding:20px 15px}.billing-card>strong{font-size:30px}.billing-card small{font-size:9px}.billing-card button{font-size:10px;padding:11px 8px}}
@media(max-width:360px){.billing-cards{gap:8px}.billing-card{padding:18px 12px}.billing-card>strong{font-size:27px}}
#billing-dialog{margin:auto;inset:0;height:fit-content;max-height:calc(100dvh - 24px);overflow:auto}#billing-currency{width:auto;max-width:65%}.billing-card small{margin-bottom:20px}.billing-card button{margin-top:auto}
