/* Membership status colours shared by the member portal and staff member profiles. */
.personal-membership-badge.green,.badge.active,.badge.current,.status.active{--membership-ink:#14613d;--membership-fill:#dcf6e5;--membership-line:#92d8ae}
.personal-membership-badge.blue,.badge.paused,.status.paused{--membership-ink:#174a92;--membership-fill:#e0edff;--membership-line:#99bff1}
.personal-membership-badge.orange,.personal-membership-badge.amber,.badge.cancelling,.status.cancelling{--membership-ink:#854409;--membership-fill:#fff0cd;--membership-line:#edc16f}
.personal-membership-badge.violet,.badge.cancelled,.badge.canceled,.status.cancelled{--membership-ink:#65416f;--membership-fill:#f0e6f4;--membership-line:#cbb0d6}
.personal-membership-badge.red,.badge.failed-payment,.badge.payment-failed,.badge.failed,.badge.unpaid,.badge.past-due,.status.failed-payment{--membership-ink:#a12532;--membership-fill:#ffe2e6;--membership-line:#eea4ad}
.personal-membership-badge:is(.green,.blue,.orange,.amber,.violet,.red),.badge:is(.active,.current,.paused,.cancelling,.cancelled,.canceled,.failed-payment,.payment-failed,.failed,.unpaid,.past-due),.status:is(.active,.paused,.cancelling,.cancelled,.failed-payment){color:var(--membership-ink)!important;background:var(--membership-fill)!important;border:1px solid var(--membership-line)!important;font-weight:800;gap:7px;line-height:1.4}
.badge:is(.active,.current,.paused,.cancelling,.cancelled,.canceled,.failed-payment,.payment-failed,.failed,.unpaid,.past-due)::before{content:"";display:inline-block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:currentColor}
.status:is(.active,.paused,.cancelling,.cancelled,.failed-payment){display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px}
.personal-membership:has(.personal-membership-badge.green){border-left:4px solid #31a568}
.personal-membership:has(.personal-membership-badge.blue){border-left:4px solid #4b87d5}
.personal-membership:has(.personal-membership-badge.orange,.personal-membership-badge.amber){border-left:4px solid #d89524}
.personal-membership:has(.personal-membership-badge.violet){border-left:4px solid #9773a6}
.personal-membership:has(.personal-membership-badge.red){border-left:4px solid #d65061}
@media(forced-colors:active){.personal-membership-badge,.badge,.status{forced-color-adjust:auto}.personal-membership{border-left-color:CanvasText!important}}