.subscription-plan-change{min-width:0;padding:var(--space-5);border:1px solid var(--slate-300);background:var(--white);gap:1rem;margin-top:1.5rem;display:grid}.subscription-plan-change h2,.subscription-plan-change p{margin:0}.subscription-plan-change p{max-width:var(--reading)}.subscription-plan-change h2{font:500 1.6rem/1.3 var(--serif)}.subscription-plan-change label{gap:.5rem;max-width:30rem;display:grid}.subscription-plan-change input{box-sizing:border-box;width:100%;min-width:0;min-height:2.75rem;padding:var(--space-3);border:1px solid var(--slate-300);border-radius:var(--radius-sm);background:var(--white)}.subscription-plan-change button{width:fit-content;max-width:100%;min-height:2.75rem;padding:var(--space-3) var(--space-4);color:var(--blue-700);border:1px solid var(--blue-700);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;white-space:normal;overflow-wrap:anywhere;font-weight:800}.subscription-plan-change button:disabled{opacity:.62;cursor:default}.subscription-plan-change button:focus-visible,.subscription-plan-change input:focus-visible{outline:3px solid var(--blue-600);outline-offset:3px}.subscription-plan-change__confirmation{flex-wrap:wrap;gap:.75rem;display:flex}.subscription-plan-change__confirmation p{flex-basis:100%}.subscription-plan-change__confirmation button:first-of-type{color:var(--white);background:var(--blue-700)}@media (max-width:40rem){.subscription-plan-change button{width:100%}}
