.personal-membership{box-sizing:border-box;width:100%;margin:14px 0;padding:18px 20px;border:1px solid #dadada;border-radius:16px;background:#f7faf9;color:#171717;text-align:left;box-shadow:0 2px 6px #17171706}.personal-membership *{box-sizing:border-box}.personal-membership-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.personal-membership-heading{font-size:15px;font-weight:750}.personal-membership-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid;font-size:13px;line-height:1.4;font-weight:750;border-radius:999px;padding:6px 11px;max-width:100%}.personal-membership-badge.green{color:#171717;background:#eeeeee;border-color:#b8b8b8}.personal-membership-badge.amber{color:#704800;background:#fff0d4;border-color:#d9bd83}.personal-membership-badge.red{color:#922828;background:#ffeded;border-color:#e4b3b3}.personal-membership-badge.neutral{color:#171717;background:#eeeeee;border-color:#b8b8b8}.personal-membership-badge.blue{color:#171717;background:#eeeeee;border-color:#b8b8b8}.personal-membership .personal-membership-summary{margin:10px 0 12px;font-size:14px;line-height:1.55;color:#171717}.personal-membership .personal-membership-refresh{min-height:40px;padding:8px 14px;border:1px solid #555555;border-radius:9px;background:#fff;color:#171717;font-size:13px;font-weight:700;cursor:pointer}.personal-membership .personal-membership-refresh:disabled{cursor:wait;color:#555555;background:#eeeeee}.personal-membership .personal-membership-refresh:hover:not(:disabled){background:#eeeeee}.personal-membership button:focus-visible,.personal-membership a:focus-visible{outline:3px solid #555555;outline-offset:3px}.personal-membership-payments{display:grid;gap:10px;margin:12px 0}.personal-membership-invoice{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;background:white;border:1px solid #dfc3c3;border-radius:10px}.personal-membership-invoice>span{width:100%;font-size:13px}.personal-membership .personal-membership-pay{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border-radius:9px;background:#171717;color:#fff;text-decoration:none;font-size:14px;font-weight:700}.personal-membership .personal-membership-note{font-size:13px;line-height:1.5;color:#555555;margin:10px 0}.personal-membership .personal-membership-alert{font-size:14px;color:#893b20;line-height:1.5;margin:10px 0}@media(max-width:440px){.personal-membership{padding:16px}.personal-membership-top{align-items:flex-start}.personal-membership-heading{flex:1 0 100%}}