.membership-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;border:1px solid #ead6c2;background:#fff8ed;border-radius:10px;margin:0 0 22px;color:#7d4d27}.membership-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.membership-plan{min-width:0;padding:24px}.membership-plan .actions{flex-wrap:wrap}.membership-plan .btn{font-size:.8rem}.membership-price{font-size:1.65rem;font-weight:650}.membership-price small{font-size:.8rem;color:#999;font-weight:400}.membership-meters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.membership-meter progress{width:100%;height:10px;accent-color:#c94f2c}.membership-meter p>span{float:right;color:#888}.membership-meter h3{font-size:1rem}.membership-admin-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0}.membership-admin-plans fieldset{border:1px solid #e3dfdc;border-radius:10px;padding:22px;min-width:0}.membership-admin-plans label:not(.agree){display:flex;flex-direction:column;gap:8px;margin:16px 0}.membership-admin-plans input[type=number]{max-width:100%;padding:10px;border:1px solid #ddd;border-radius:7px}.membership-admin-plans legend{font-weight:650}@media(max-width:1200px){.membership-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.membership-plans,.membership-meters,.membership-admin-plans{grid-template-columns:1fr}.membership-notice{flex-wrap:wrap}}

.membership-meter.quota-low progress{accent-color:#d62828}.membership-meter.quota-low progress::-webkit-progress-value{background:#d62828}.membership-meter.quota-low progress::-moz-progress-bar{background:#d62828}.membership-meter.quota-low p>span{color:#c62424}
