.plan-change{border-bottom:1px solid var(--rule);font:400 13px/1.6 var(--font-sans);justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-block:12px;display:flex}.plan-change p{color:var(--muted-strong);margin:4px 0 0}.plan-change-button{border:1px solid var(--rule-strong);color:var(--ink);background:var(--card);font:400 13px/1.5 var(--font-sans);cursor:pointer;border-radius:999px;flex-shrink:0;padding:7px 14px}.plan-change-button:hover:enabled{border-color:var(--sage-deep)}.plan-change-button:focus-visible{outline:2px solid var(--sage-deep);outline-offset:3px}.plan-change-button:disabled{opacity:.55;cursor:default}.plan-change-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1f2a2457;place-items:center;padding:20px;display:grid}.plan-change-dialog{border:1px solid var(--rule-strong);background:var(--card);width:min(440px,100%);color:var(--ink);font:400 13px/1.6 var(--font-sans);border-radius:16px;padding:24px}.plan-change-dialog h2{font:600 16px/1.4 var(--font-sans);margin:0 0 12px}.plan-change-dialog p{margin:0 0 20px}.plan-change-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.plan-change-actions .plan-change-button:last-child{background:var(--ink);color:var(--card)}@media (width<=480px){.plan-change{flex-direction:column;align-items:flex-start}}