.subscription-renewal{flex:0 0 auto;font-family:inherit}.subscription-renewal-button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:9px 12px;border:1px solid #e3e7ee;border-radius:10px;background:#fff;color:#36465c;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.subscription-renewal-button:hover{color:#b62335;border-color:#d5263e}.renewal-indicator{font-size:20px;line-height:1}.is-warning .subscription-renewal-button{background:#fff8e9;border-color:#efd294;color:#875315}.is-expired .subscription-renewal-button{background:#fff0f2;border-color:#efb6c0;color:#b51e36}.renewal-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #b51e3610}.renewal-dot[hidden],.renewal-notice[hidden],.renewal-date[hidden],.renewal-pending[hidden]{display:none!important}
.renewal-notice{display:flex;align-items:center;gap:14px;padding:17px 20px;margin:0 0 24px;border:1px solid #eed69b;border-radius:14px;background:#fff9ed;color:#78521c;font-family:inherit}.renewal-notice.is-expired{background:#fff1f3;border-color:#efbdc6;color:#a71e34}.renewal-notice-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#f5e7c6;font-size:20px;font-weight:800}.renewal-notice.is-expired .renewal-notice-icon{background:#fbdde3}.renewal-notice>div{flex:1;min-width:0}.renewal-notice strong{display:block;font-size:14px}.renewal-notice p{font-size:12px;line-height:1.6;margin:4px 0 0}.renewal-notice a{font-size:12px;font-weight:750;color:inherit;text-decoration:underline;white-space:nowrap;padding:8px 0}
.renewal-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:34px;border:1px solid #e5e8ee;border-radius:22px;background:#fff;color:#14243c;box-shadow:0 24px 100px #14243c33;text-align:left;font-family:inherit;font-size:14px;line-height:1.6;margin:auto}.renewal-dialog::backdrop{background:#101d32a6;backdrop-filter:blur(3px)}.renewal-dialog *{box-sizing:border-box}.renewal-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#f3f5f8;color:#536176;font-size:25px;cursor:pointer}.renewal-illustration{display:grid;place-items:center;width:62px;height:62px;margin:0 0 22px;background:#fff2d7;color:#a86d16;border-radius:18px;font-size:34px}.is-expired .renewal-illustration{background:#fff0f2;color:#be253d}.renewal-eyebrow{margin:0 0 7px;font-size:10px;letter-spacing:1.6px;font-weight:800;color:#a36b1c}.is-expired .renewal-eyebrow{color:#be253d}.renewal-dialog h2{font-size:25px;letter-spacing:-.6px;line-height:1.25;margin:0 0 10px;font-weight:750;color:#14243c}.renewal-business{color:#536176;font-size:13px;font-weight:650;margin:0 0 20px;overflow-wrap:anywhere}.renewal-dialog #renewal-description{color:#606d80;font-size:14px;margin:0 0 20px}.renewal-date{padding:14px 16px;background:#f6f8fb;border:1px solid #e9edf3;border-radius:12px;margin-bottom:22px}.renewal-date span{display:block;color:#6b7789;font-size:11px;margin-bottom:4px}.renewal-date strong{font-size:14px;font-weight:700}.renewal-primary{display:flex!important;align-items:center;justify-content:center;gap:22px;width:100%;min-height:48px;border-radius:10px;background:#ce243b;color:#fff!important;font-weight:750;font-size:14px;padding:12px 18px;text-decoration:none!important}.renewal-primary:hover{background:#b91b31}.renewal-dialog .renewal-footnote{color:#8190a3;font-size:11px;line-height:1.6;text-align:center;margin:10px 0 14px}.renewal-secondary{display:block;width:100%;min-height:42px;padding:9px 12px;border:1px solid #e0e6ee;border-radius:10px;background:#fff;color:#4f6077;font:inherit;font-size:12px;cursor:pointer}.renewal-secondary:disabled{opacity:.6;cursor:wait}.renewal-pending,.renewal-owner{font-size:12px;color:#77591e;background:#fff8e9;border-radius:10px;padding:12px;margin:0 0 18px}.renewal-dialog .renewal-check-status{min-height:18px;margin:8px 0 0;color:#67758a;font-size:11px;text-align:center}.subscription-renewal :focus-visible,.renewal-notice :focus-visible{outline:3px solid #447ef3;outline-offset:4px}
@media(max-width:767px){.renewal-notice{align-items:flex-start;flex-wrap:wrap;padding:14px;gap:10px}.renewal-notice a{margin-left:44px}.renewal-dialog{padding:26px 22px}.renewal-dialog h2{font-size:23px}.subscription-renewal-button{font-size:11px;padding:8px;gap:5px}.ntn-admin .ntn-header-inner{flex-wrap:wrap;align-content:center;row-gap:3px}.ntn-admin .ntn-header-context{flex-basis:calc(100% - 50px);order:0}.ntn-admin .ntn-menu-toggle{order:-1}.ntn-admin .subscription-renewal{order:1}.ntn-admin .desk-shift{order:2;margin-left:auto}.ntn-admin .ntn-account{order:3;margin-left:2px}.ntn-admin{--bs-app-header-height:128px}.billing-header nav,.account-header nav{flex-wrap:wrap}.renewal-notice-icon{flex-basis:28px;height:28px}.renewal-notice p{font-size:11px}}
@media(max-width:575px){.ntn-admin:has([data-subscription-renewal]){--bs-app-header-height:178px}.ntn-admin .ntn-header-inner:has(.subscription-renewal){grid-template-rows:auto auto auto}.ntn-header-inner:has(.desk-shift)>.subscription-renewal{grid-column:1/-1;grid-row:2}.ntn-header-inner:has(.subscription-renewal)>.desk-shift{grid-row:3}.ntn-header-inner .subscription-renewal-button{min-height:34px}.ntn-header-inner:has(.subscription-renewal) .ntn-breadcrumb{display:none}}
@media(prefers-reduced-motion:reduce){.renewal-dialog::backdrop{backdrop-filter:none}}