:root{--color-black: #3d3935;--color-onyx: #4d4d4f;--color-white: #ffffff;--color-bone: #f5f1eb;--color-lightPurple: #8e9dbc;--color-darkPurple: #4e5569;--color-coral: #d65f52;--color-peach: #e8aa7a;--color-green: #acb378 }body{background-color:var(--color-bone);color:var(--color-black);font-size:16px}#root{display:flex;justify-content:center;padding:1rem;font-family:Roboto}.code-text{font-family:monospace}button{font-size:18px;padding:10px 20px;margin:10px;border-radius:5px;border:1px solid var(--color-green);background:var(--color-green);color:var(--color-bone)}button:hover{cursor:pointer}button.secondary{border:1px solid var(--color-coral);background:var(--color-coral)}#manage-renewal{width:100%;max-width:480px;text-align:center}#manage-renewal #bp-logo{width:80px}table.membership-statistics{background:#fff;border:1px solid #ffffff;border-radius:5px;border-collapse:collapse;border-style:hidden;box-shadow:0 2px 6px #0000001a;text-align:left;width:100%}.membership-action{margin-top:35px}table.membership-statistics td{padding:5px 10px}.membership-statistics tr+tr th,.membership-statistics tr+tr td{border-top:1px solid #f0f0f0}td:first-child{font-weight:700;width:150px}td:nth-child(2){width:330px}.instruction-text{text-align:left;font-size:14px}.passed-deadline-warning{background-color:var(--color-coral);color:var(--color-bone);padding:15px;border-radius:5px;font-size:14px}