.subscription-settings{max-width:1500px;margin:0 auto;color:#163863}.subscription-heading,.subscription-plans-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.subscription-heading{margin:0 0 26px}.subscription-heading h1{font-size:25px;letter-spacing:-.5px;margin:0 0 5px;color:#092b61}.subscription-heading p{font-size:13px;color:#7990ad;margin:0}.subscription-heading .subtle-button{font-size:12px;min-height:32px;padding:7px 12px}.subscription-settings h2{font-size:17px;font-weight:600;margin:0}.subscription-plans-heading{margin-bottom:18px;align-items:flex-end}.subscription-plans-heading h2{font-size:23px}.subscription-plans-heading .upgrade-billing{margin:0}.subscription-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.subscription-plan{display:flex;flex-direction:column;background:white;border:1px solid #ccdff5;border-radius:13px;padding:20px;min-width:0}.subscription-plan.is-pro{border-color:#73a7ff;box-shadow:0 4px 18px #0066ff0b}.subscription-plan header{display:flex;align-items:center;justify-content:space-between;gap:10px}.subscription-plan h3{margin:0;font-size:21px;color:#123466}.subscription-plan header p{font-size:12px;color:#7f94ae;margin:3px 0 0}.subscription-price{white-space:nowrap}.subscription-price strong{font-size:21px;font-weight:600}.subscription-price>span{font-size:11px;color:#7a91ad;margin-left:3px}.subscription-price .subscription-price-unset{font-size:12px}.subscription-billing-caption{font-size:10px;color:#8a9fb9;text-align:right;margin:6px 0 0;min-height:15px}.subscription-plan ul{list-style:none;padding:0;display:grid;gap:13px;margin:17px 0 20px;flex:1}.subscription-plan li{display:flex;gap:10px;font-size:13px;line-height:1.4;color:#3b5a7f}.subscription-plan li>span{color:#14a788;flex:none}.subscription-plan li>.credit-symbol{color:#0874ed}.subscription-plan li.not-included,.subscription-plan li.not-included>span{color:#9aacc2}.subscription-plan>button{width:100%;min-height:40px;padding:9px;font-size:13px;border-radius:8px}.subscription-plan>button:disabled{background:#e9f0f9;color:#9daec4;border-color:#e1eaf7;cursor:default}.subscription-preview-note{color:#8a9eb8;font-size:11px;line-height:1.5;margin:10px 3px 22px}.subscription-section{background:white;border:1px solid #ccdff5;border-radius:13px;padding:24px;margin-bottom:24px}.subscription-current-plan{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #deebfa;border-bottom:1px solid #deebfa;padding:18px 0;margin-top:18px;gap:14px}.subscription-current-plan h3{font-size:19px;margin:0 0 6px}.subscription-current-plan h3>span{font-weight:400;color:#7890ad;font-size:16px}.subscription-current-plan p{font-size:13px;color:#8195af;margin:0}.subscription-status{background:#e7f0ff;color:#3a71bd;border-radius:20px;padding:5px 13px;font-size:12px}.subscription-cycle{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:18px 0 0}.subscription-cycle dt{color:#8398b3;font-size:12px;margin-bottom:6px}.subscription-cycle dd{font-size:13px;margin:0;color:#416388}.subscription-cancel{display:flex;justify-content:flex-end;align-items:center}.subscription-cancel button{font-size:13px;background:none;color:#a7b5c9;padding:0;cursor:default}.subscription-usage-row{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#7890ac;margin:6px 0 10px}.subscription-usage-row span:last-child{color:#6382a5;text-align:right}.subscription-meter{height:8px;border-radius:8px;background:#edf3fc;margin-bottom:24px}.subscription-reset{font-size:11px;color:#94a6bd;margin:-13px 0 14px}.subscription-top-up{display:flex;align-items:center;gap:16px;font-size:12px;color:#7890ad;margin-bottom:17px}.subscription-top-up strong{color:#4d6d93;font-weight:500}.subscription-top-up .subtle-button{font-size:12px;min-height:32px;padding:6px 12px}.subscription-usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.subscription-usage-grid article{border:1px solid #d7e5f7;border-radius:8px;text-align:center;padding:16px 10px}.subscription-usage-grid p{font-size:12px;color:#7990ab;margin:0 0 8px}.subscription-usage-grid strong{font-size:24px;display:block;color:#224571}.subscription-usage-grid small{display:block;font-size:11px;color:#129d7b;margin-top:5px}.subscription-usage-grid small.at-limit{color:#d16168}.subscription-usage-grid small.usage-unavailable{color:#8fa1b9}.subscription-limit-note{display:flex;gap:11px;align-items:center;background:#eff6ff;border-radius:8px;padding:13px 16px;font-size:12px;color:#5d7c9f;margin-top:16px;line-height:1.6}.subscription-limit-note>span:first-child{color:#4088f0;font-size:10px}.subscription-limit-note button{background:none;padding:0;color:#3c7ace;font-size:inherit;font-weight:600;text-align:left}.subscription-payment-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.subscription-payment-row p{font-size:13px;color:#90a2b9;margin:12px 0}.subscription-payment .text-link{font-size:12px;font-weight:400;text-decoration:none}.subscription-payment>.text-link{margin-top:8px}.subscription-settings button:focus-visible{outline:2px solid #3987fb;outline-offset:3px}.subscription-heading h1:focus{outline:none}
@media(max-width:1200px){.subscription-plan-grid{gap:10px}.subscription-plan{padding:16px 13px}.subscription-plan header{flex-wrap:wrap;gap:8px}.subscription-billing-caption{text-align:left}.subscription-plan li{font-size:12px}}
@media(max-width:1000px){.subscription-plan-grid{grid-template-columns:1fr}.subscription-plan header{flex-wrap:nowrap}.subscription-plan{padding:20px}.subscription-plan ul{grid-template-columns:1fr 1fr}.subscription-plan>button{max-width:360px;align-self:center}}
@media(max-width:600px){.subscription-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.subscription-heading h1{font-size:23px}.subscription-plans-heading h2{font-size:20px}.subscription-section{padding:18px}.subscription-plan ul{grid-template-columns:1fr}.subscription-cycle{grid-template-columns:1fr 1fr}.subscription-cancel{justify-content:flex-start}.subscription-usage-grid{grid-template-columns:1fr;gap:10px}.subscription-payment-row{align-items:flex-start;flex-direction:column;gap:0}.subscription-limit-note{padding:12px}.subscription-plans-heading{gap:10px}.subscription-plans-heading .upgrade-billing-note{font-size:11px}}

.subscription-heading .subtle-button svg{width:18px;height:18px}
