body.main-page #top-fixed .main-header-actions {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 0.45rem;
    justify-content: flex-end;
    min-width: 0;
}

body.main-page #top-fixed .main-site-menu-wrap {
    flex: 0 0 auto;
}

body.main-page #top-fixed .main-colorblind-picker {
    flex: 0 0 auto;
}

body.main-page #top-fixed .bbp-site-menu-toggle {
    background: #ffffff;
    border-color: rgba(22, 55, 71, 0.28);
    box-shadow: none;
    color: #163747;
    height: 2.34rem;
    width: 2.5rem;
}

body.main-page #top-fixed .bbp-site-menu-toggle .material-symbols-outlined {
    color: #163747 !important;
    font-size: 1.75rem;
}

body.main-page #top-fixed .bbp-site-menu-toggle:hover,
body.main-page #top-fixed .bbp-site-menu-toggle:focus {
    border-color: #d5a427;
    box-shadow: 0 0 0 2px rgba(213, 164, 39, 0.28);
}

body.main-page #top-fixed .bbp-site-menu,
body.main-page #top-fixed .bbp-site-submenu-panel {
    background: #ffffff !important;
}

body.main-page #top-fixed .bbp-site-menu a,
body.main-page #top-fixed .bbp-site-menu a span:not(.material-symbols-outlined),
body.main-page #top-fixed .bbp-site-menu-disabled,
body.main-page #top-fixed .bbp-site-menu-disabled span:not(.material-symbols-outlined) {
    color: #203444 !important;
}

body.main-page #top-fixed .bbp-site-menu a:hover,
body.main-page #top-fixed .bbp-site-menu a:focus,
body.main-page #top-fixed .bbp-site-menu a.is-active {
    color: #14507a !important;
}

body.main-page #top-fixed .bbp-site-menu a:hover span:not(.material-symbols-outlined),
body.main-page #top-fixed .bbp-site-menu a:focus span:not(.material-symbols-outlined),
body.main-page #top-fixed .bbp-site-menu a.is-active span:not(.material-symbols-outlined) {
    color: #14507a !important;
}

body.main-page #top-fixed .bbp-site-menu a .material-symbols-outlined,
body.main-page #top-fixed .bbp-site-menu-disabled .material-symbols-outlined {
    color: #d5a427 !important;
}

html {
    font-size: 12px !important;
}

body.main-page {
    font-size: 100% !important;
}

body.main-page .styler {
    max-width: 1120px !important;
    width: min(1120px, calc(100% - 2rem)) !important;
}

body.main-page .container {
    max-width: 1180px !important;
    width: 100% !important;
}

body.main-page #top-fixed {
    min-height: 74px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

body.main-page #top-fixed .middle-top-grid,
body.main-page #top-fixed #mtg-grid-container {
    min-height: 74px !important;
}

body.main-page #top-fixed #mtg-grid-container {
    padding-bottom: 14px !important;
    padding-top: 14px !important;
}

body.main-page #top-fixed,
body.main-page .main-colorblind-picker,
body.main-page .main-colorblind-picker * {
    font-size: 14px;
}

.main-colorblind-picker {
    align-items: center;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.36);
    border-radius: 8px;
    display: inline-flex;
    gap: 0.35rem;
    justify-content: flex-end;
    max-width: 100%;
    padding: 0.25rem 0.32rem 0.25rem 0.5rem;
    position: relative;
}

.main-colorblind-picker span {
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.main-colorblind-button {
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(22, 55, 71, 0.28);
    border-radius: 6px;
    color: #163747;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 800;
    gap: 0.2rem;
    justify-content: space-between;
    line-height: 1.1;
    max-width: 96px;
    min-height: 28px;
    min-width: 96px;
    padding: 0.15rem 0.24rem 0.15rem 0.35rem;
}

.main-colorblind-button .material-symbols-outlined {
    color: currentColor;
    font-size: 1rem;
    line-height: 1;
}

.main-colorblind-button:hover,
.main-colorblind-button:focus {
    border-color: #d5a427;
    box-shadow: 0 0 0 2px rgba(213, 164, 39, 0.28);
    outline: none;
}

.main-colorblind-menu {
    background: #ffffff;
    border: 1px solid rgba(22, 55, 71, 0.28);
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(22, 55, 71, 0.22);
    display: grid;
    gap: 0.18rem;
    min-width: 132px;
    padding: 0.3rem;
    position: absolute;
    right: 0;
    top: calc(100% + 0.25rem);
    z-index: 1100;
}

.main-colorblind-menu[hidden] {
    display: none;
}

.main-colorblind-option {
    background: #ffffff;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #163747;
    display: block;
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1.2;
    padding: 0.38rem 0.45rem;
    text-align: left;
    width: 100%;
}

.main-colorblind-option:hover,
.main-colorblind-option:focus,
.main-colorblind-option.is-selected {
    background: #163747;
    border-color: #163747;
    color: #ffffff;
    outline: none;
}

@media (max-width: 700px) {
    body.main-page #top-fixed .main-header-actions {
        grid-column: 1 !important;
        grid-row: 3 !important;
        justify-content: center !important;
        justify-self: center !important;
        width: 100% !important;
    }
}

html.bbp-colorblind-mode {
    --bbp-main-bg: #f4f6f7;
    --bbp-main-panel: #ffffff;
    --bbp-main-panel-soft: #eef4f7;
    --bbp-main-panel-alt: #f7f9fa;
    --bbp-main-text: #15191c;
    --bbp-main-muted: #33424c;
    --bbp-main-border: #6d7d86;
    --bbp-main-border-soft: #aab7bf;
    --bbp-main-header: #005d91;
    --bbp-main-header-text: #ffffff;
    --bbp-main-accent: #d55e00;
    --bbp-main-accent-hover: #a34400;
    --bbp-main-info: #0072b2;
    --bbp-main-success: #00796b;
    --bbp-main-warning: #b35c00;
    --bbp-main-danger: #9c1f1f;
    --bbp-main-disabled: #d8dee2;
}

html.bbp-colorblind-mode-tritan {
    --bbp-main-header: #7a4f00;
    --bbp-main-accent: #005d91;
    --bbp-main-accent-hover: #00466f;
    --bbp-main-info: #6d4f00;
    --bbp-main-success: #285d7a;
    --bbp-main-warning: #8a4b00;
}

html.bbp-colorblind-mode-mono {
    --bbp-main-bg: #f3f3f3;
    --bbp-main-panel: #ffffff;
    --bbp-main-panel-soft: #eeeeee;
    --bbp-main-panel-alt: #f8f8f8;
    --bbp-main-text: #111111;
    --bbp-main-muted: #333333;
    --bbp-main-border: #707070;
    --bbp-main-border-soft: #b0b0b0;
    --bbp-main-header: #2a2a2a;
    --bbp-main-header-text: #ffffff;
    --bbp-main-accent: #555555;
    --bbp-main-accent-hover: #222222;
    --bbp-main-info: #444444;
    --bbp-main-success: #222222;
    --bbp-main-warning: #555555;
    --bbp-main-danger: #111111;
    --bbp-main-disabled: #dedede;
}

html.bbp-colorblind-mode,
html.bbp-colorblind-mode body.main-page,
html.bbp-colorblind-mode .styler {
    background: var(--bbp-main-bg) !important;
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode .video-background::after {
    background: rgba(255, 255, 255, 0.68) !important;
}

html.bbp-colorblind-mode #top-fixed {
    background: var(--bbp-main-header) !important;
    border-bottom: 2px solid var(--bbp-main-border) !important;
    color: var(--bbp-main-header-text) !important;
}

html.bbp-colorblind-mode #top-fixed *,
html.bbp-colorblind-mode .mtg-grid-center,
html.bbp-colorblind-mode .h4-header {
    color: var(--bbp-main-header-text) !important;
}

html.bbp-colorblind-mode #top-fixed .main-colorblind-picker {
    background: var(--bbp-main-panel) !important;
    border-color: var(--bbp-main-border) !important;
}

html.bbp-colorblind-mode #top-fixed .main-colorblind-picker span {
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode #top-fixed .main-colorblind-button,
html.bbp-colorblind-mode #top-fixed .main-colorblind-menu,
html.bbp-colorblind-mode #top-fixed .main-colorblind-option {
    background: var(--bbp-main-panel) !important;
    border-color: var(--bbp-main-border) !important;
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode #top-fixed .main-colorblind-option:hover,
html.bbp-colorblind-mode #top-fixed .main-colorblind-option:focus,
html.bbp-colorblind-mode #top-fixed .main-colorblind-option.is-selected {
    background: var(--bbp-main-accent) !important;
    border-color: var(--bbp-main-accent) !important;
    color: #ffffff !important;
}

html.bbp-colorblind-mode .login-hero-section,
html.bbp-colorblind-mode .login-top,
html.bbp-colorblind-mode #login-form-wrapper,
html.bbp-colorblind-mode .welcome-box,
html.bbp-colorblind-mode .main-feature-card,
html.bbp-colorblind-mode .main-plan-compare-section,
html.bbp-colorblind-mode .subscription-card,
html.bbp-colorblind-mode .main-panel,
html.bbp-colorblind-mode .panel,
html.bbp-colorblind-mode #homepage-preference-modal,
html.bbp-colorblind-mode .modal-content,
html.bbp-colorblind-mode .registration-qbank-exception,
html.bbp-colorblind-mode .subscription-login-note {
    background: var(--bbp-main-panel) !important;
    border-color: var(--bbp-main-border-soft) !important;
    box-shadow: none !important;
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode .main-feature-card,
html.bbp-colorblind-mode .subscription-card,
html.bbp-colorblind-mode .main-plan-compare-section,
html.bbp-colorblind-mode .login-top {
    border: 1px solid var(--bbp-main-border-soft) !important;
}

html.bbp-colorblind-mode .main-auth-kicker,
html.bbp-colorblind-mode .subscription-eyebrow,
html.bbp-colorblind-mode .subscription-card-header .subscription-eyebrow,
html.bbp-colorblind-mode #login-form-wrapper .subscription-eyebrow,
html.bbp-colorblind-mode .registration-qbank-exception strong {
    background: var(--bbp-main-panel-soft) !important;
    border: 1px solid var(--bbp-main-border) !important;
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode .login-hero-title,
html.bbp-colorblind-mode .main-auth-subtitle,
html.bbp-colorblind-mode .main-feature-card strong,
html.bbp-colorblind-mode .subscription-card h3,
html.bbp-colorblind-mode .subscription-card-header h2,
html.bbp-colorblind-mode .main-plan-compare-section h2,
html.bbp-colorblind-mode #homepage-preference-modal-title,
html.bbp-colorblind-mode .modal-title,
html.bbp-colorblind-mode h1,
html.bbp-colorblind-mode h2,
html.bbp-colorblind-mode h3,
html.bbp-colorblind-mode h4,
html.bbp-colorblind-mode label {
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode p,
html.bbp-colorblind-mode li,
html.bbp-colorblind-mode dd,
html.bbp-colorblind-mode dt,
html.bbp-colorblind-mode .subscription-card-header p,
html.bbp-colorblind-mode .subscription-per-month,
html.bbp-colorblind-mode .main-plan-price-note,
html.bbp-colorblind-mode .homepage-preference-note,
html.bbp-colorblind-mode .registration-domain-rule-note,
html.bbp-colorblind-mode .registration-exception-note {
    color: var(--bbp-main-muted) !important;
}

html.bbp-colorblind-mode a,
html.bbp-colorblind-mode .site-footer-links a,
html.bbp-colorblind-mode .start-studying-link {
    color: var(--bbp-main-info) !important;
}

html.bbp-colorblind-mode a:hover,
html.bbp-colorblind-mode a:focus,
html.bbp-colorblind-mode .site-footer-links a:hover,
html.bbp-colorblind-mode .site-footer-links a:focus {
    color: var(--bbp-main-accent-hover) !important;
}

html.bbp-colorblind-mode input,
html.bbp-colorblind-mode select,
html.bbp-colorblind-mode textarea,
html.bbp-colorblind-mode .form-control,
html.bbp-colorblind-mode #homepage_preference_select {
    background: var(--bbp-main-panel) !important;
    border: 1px solid var(--bbp-main-border) !important;
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode input:focus,
html.bbp-colorblind-mode select:focus,
html.bbp-colorblind-mode textarea:focus,
html.bbp-colorblind-mode .form-control:focus,
html.bbp-colorblind-mode #homepage_preference_select:focus {
    border-color: var(--bbp-main-accent) !important;
    box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--bbp-main-accent) 25%, transparent) !important;
    outline: 2px solid transparent !important;
}

html.bbp-colorblind-mode select option {
    background: var(--bbp-main-panel);
    color: var(--bbp-main-text);
}

html.bbp-colorblind-mode .btn,
html.bbp-colorblind-mode button,
html.bbp-colorblind-mode input[type="submit"],
html.bbp-colorblind-mode .login-button-row .btn,
html.bbp-colorblind-mode .start-studying-link,
html.bbp-colorblind-mode .subscription-button,
html.bbp-colorblind-mode .main-plan-price-toggle,
html.bbp-colorblind-mode .homepage-preference-button,
html.bbp-colorblind-mode .registration-submit-button,
html.bbp-colorblind-mode .registration-resend-button,
html.bbp-colorblind-mode .registration-cancel-button,
html.bbp-colorblind-mode .recovery-submit-button,
html.bbp-colorblind-mode .recovery-resend-button,
html.bbp-colorblind-mode .recovery-cancel-button,
html.bbp-colorblind-mode .logout-button {
    background: var(--bbp-main-accent) !important;
    border: 1px solid var(--bbp-main-accent) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html.bbp-colorblind-mode .btn:hover,
html.bbp-colorblind-mode .btn:focus,
html.bbp-colorblind-mode button:hover,
html.bbp-colorblind-mode button:focus,
html.bbp-colorblind-mode input[type="submit"]:hover,
html.bbp-colorblind-mode input[type="submit"]:focus,
html.bbp-colorblind-mode .subscription-button:hover,
html.bbp-colorblind-mode .subscription-button:focus,
html.bbp-colorblind-mode .main-plan-price-toggle:hover,
html.bbp-colorblind-mode .main-plan-price-toggle:focus,
html.bbp-colorblind-mode .homepage-preference-button:hover,
html.bbp-colorblind-mode .homepage-preference-button:focus {
    background: var(--bbp-main-accent-hover) !important;
    border-color: var(--bbp-main-accent-hover) !important;
    color: #ffffff !important;
}

html.bbp-colorblind-mode button:disabled,
html.bbp-colorblind-mode input[type="submit"]:disabled,
html.bbp-colorblind-mode .disabled {
    background: var(--bbp-main-disabled) !important;
    border-color: var(--bbp-main-border-soft) !important;
    color: var(--bbp-main-muted) !important;
    opacity: 1 !important;
}

html.bbp-colorblind-mode .homepage-preference-button.secondary,
html.bbp-colorblind-mode .registration-cancel-button,
html.bbp-colorblind-mode .recovery-cancel-button {
    background: var(--bbp-main-muted) !important;
    border-color: var(--bbp-main-muted) !important;
    color: #ffffff !important;
}

html.bbp-colorblind-mode .alert,
html.bbp-colorblind-mode #display_error,
html.bbp-colorblind-mode #display_status,
html.bbp-colorblind-mode #homepage_preference_message {
    background: var(--bbp-main-panel-soft) !important;
    border-color: var(--bbp-main-border) !important;
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode .alert-danger,
html.bbp-colorblind-mode #display_error {
    background: #fff2f0 !important;
    border-color: var(--bbp-main-danger) !important;
    color: var(--bbp-main-danger) !important;
}

html.bbp-colorblind-mode-mono .alert-danger,
html.bbp-colorblind-mode-mono #display_error {
    background: #eeeeee !important;
    border-color: #111111 !important;
    color: #111111 !important;
}

html.bbp-colorblind-mode .alert-success,
html.bbp-colorblind-mode #display_status {
    background: var(--bbp-main-panel-soft) !important;
    border-color: var(--bbp-main-success) !important;
    color: var(--bbp-main-success) !important;
}

html.bbp-colorblind-mode .main-plan-compare-table-wrap,
html.bbp-colorblind-mode .main-plan-price-panel {
    background: var(--bbp-main-panel) !important;
    border-color: var(--bbp-main-border) !important;
}

html.bbp-colorblind-mode .main-plan-compare-table th,
html.bbp-colorblind-mode .main-plan-price-table th {
    background: var(--bbp-main-header) !important;
    border-color: var(--bbp-main-border) !important;
    color: var(--bbp-main-header-text) !important;
}

html.bbp-colorblind-mode .main-plan-compare-table td,
html.bbp-colorblind-mode .main-plan-price-table td {
    background: var(--bbp-main-panel) !important;
    border-color: var(--bbp-main-border-soft) !important;
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode .main-plan-compare-table tbody tr:nth-child(even) td,
html.bbp-colorblind-mode .main-plan-price-table tbody tr:nth-child(even) td {
    background: var(--bbp-main-panel-muted, var(--bbp-main-panel-soft)) !important;
}

html.bbp-colorblind-mode .main-plan-compare-table tbody tr:hover td,
html.bbp-colorblind-mode .main-plan-price-table tbody tr:hover td {
    background: var(--bbp-main-panel-soft) !important;
}

html.bbp-colorblind-mode .main-plan-compare-check {
    color: var(--bbp-main-success) !important;
    font-weight: 900;
}

html.bbp-colorblind-mode .main-plan-compare-no {
    color: var(--bbp-main-danger) !important;
    font-weight: 900;
}

html.bbp-colorblind-mode .subscription-price {
    color: var(--bbp-main-accent) !important;
}

html.bbp-colorblind-mode #factline {
    background: var(--bbp-main-panel) !important;
    border: 1px solid var(--bbp-main-border) !important;
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode .faq_container,
html.bbp-colorblind-mode .main-info-card,
html.bbp-colorblind-mode .main-grid-item {
    background: var(--bbp-main-panel) !important;
    border-color: var(--bbp-main-border-soft) !important;
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode .faq_container .header,
html.bbp-colorblind-mode .main-info-card .header,
html.bbp-colorblind-mode #faqs_dl dt,
html.bbp-colorblind-mode #faqs_dl dd {
    background: transparent !important;
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode #faqs_dl dt {
    border-bottom: 1px solid var(--bbp-main-border-soft) !important;
}

html.bbp-colorblind-mode #faqs_dl dt div,
html.bbp-colorblind-mode #faqs_dl dd div {
    border-color: var(--bbp-main-border) !important;
}

html.bbp-colorblind-mode .site-footer-links,
html.bbp-colorblind-mode #copyright {
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode #homepage-preference-modal-backdrop,
html.bbp-colorblind-mode .modal-backdrop {
    background: rgba(0, 0, 0, 0.72) !important;
}

html.bbp-colorblind-mode .modal-header,
html.bbp-colorblind-mode .modal-footer,
html.bbp-colorblind-mode .homepage-preference-modal-header {
    background: var(--bbp-main-panel-soft) !important;
    border-color: var(--bbp-main-border-soft) !important;
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode .modal .btn-close,
html.bbp-colorblind-mode .homepage-preference-modal-close {
    align-items: center;
    background: var(--bbp-main-panel) !important;
    background-image: none !important;
    border: 2px solid var(--bbp-main-border) !important;
    border-radius: 6px !important;
    color: var(--bbp-main-text) !important;
    display: inline-flex !important;
    font-size: 0 !important;
    height: 2rem;
    justify-content: center;
    opacity: 1 !important;
    padding: 0 !important;
    position: relative;
    width: 2rem;
}

html.bbp-colorblind-mode .modal .btn-close::before,
html.bbp-colorblind-mode .homepage-preference-modal-close::before {
    color: var(--bbp-main-text) !important;
    content: "X";
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
}

html.bbp-colorblind-mode .modal .btn-close:hover,
html.bbp-colorblind-mode .modal .btn-close:focus,
html.bbp-colorblind-mode .homepage-preference-modal-close:hover,
html.bbp-colorblind-mode .homepage-preference-modal-close:focus {
    background: var(--bbp-main-panel-soft) !important;
    border-color: var(--bbp-main-accent) !important;
}

html.bbp-colorblind-mode .modal-status,
html.bbp-colorblind-mode .bg-cyan {
    background: var(--bbp-main-accent) !important;
}

html.bbp-colorblind-mode .bbp-registration-modal .modal-content,
html.bbp-colorblind-mode .bbp-recovery-modal .modal-content {
    background: var(--bbp-main-panel) !important;
    border: 1px solid var(--bbp-main-border-soft) !important;
    box-shadow: none !important;
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode .bbp-registration-modal .modal-header,
html.bbp-colorblind-mode .bbp-recovery-modal .modal-header,
html.bbp-colorblind-mode .registration-field,
html.bbp-colorblind-mode .recovery-field,
html.bbp-colorblind-mode .registration-bank-panel,
html.bbp-colorblind-mode .recovery-panel,
html.bbp-colorblind-mode .recovery-tabs,
html.bbp-colorblind-mode .registration-secondary-button,
html.bbp-colorblind-mode .registration-qbank-exception {
    background: var(--bbp-main-panel-soft) !important;
    border-color: var(--bbp-main-border-soft) !important;
    box-shadow: none !important;
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode .bbp-registration-modal .modal-header:before,
html.bbp-colorblind-mode .bbp-recovery-modal .modal-header:before,
html.bbp-colorblind-mode .bbp-registration-modal .close,
html.bbp-colorblind-mode .bbp-recovery-modal .close,
html.bbp-colorblind-mode .recovery-tab.is-active {
    background: var(--bbp-main-panel) !important;
    border-color: var(--bbp-main-border) !important;
    box-shadow: none !important;
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode .bbp-registration-modal .modal-body,
html.bbp-colorblind-mode .bbp-recovery-modal .modal-body,
html.bbp-colorblind-mode .bbp-registration-modal .modal-footer,
html.bbp-colorblind-mode .bbp-recovery-modal .modal-footer {
    background: var(--bbp-main-panel) !important;
    border-color: var(--bbp-main-border-soft) !important;
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode .registration-modal-subtitle,
html.bbp-colorblind-mode .recovery-modal-subtitle,
html.bbp-colorblind-mode .registration-bank-panel p,
html.bbp-colorblind-mode .recovery-panel p,
html.bbp-colorblind-mode .registration-domain-rule-note,
html.bbp-colorblind-mode .registration-exception-note,
html.bbp-colorblind-mode .recovery-tab {
    color: var(--bbp-main-muted) !important;
}

html.bbp-colorblind-mode .registration-submit-button,
html.bbp-colorblind-mode .recovery-submit-button {
    background: var(--bbp-main-accent) !important;
    border-color: var(--bbp-main-accent) !important;
    color: #ffffff !important;
}

html.bbp-colorblind-mode .registration-submit-button:hover,
html.bbp-colorblind-mode .registration-submit-button:focus,
html.bbp-colorblind-mode .recovery-submit-button:hover,
html.bbp-colorblind-mode .recovery-submit-button:focus {
    background: var(--bbp-main-accent-hover) !important;
    border-color: var(--bbp-main-accent-hover) !important;
}

html.bbp-colorblind-mode .registration-cancel-button,
html.bbp-colorblind-mode .registration-footer-resend,
html.bbp-colorblind-mode .recovery-cancel-button,
html.bbp-colorblind-mode .recovery-resend-button,
html.bbp-colorblind-mode .registration-secondary-button {
    background: var(--bbp-main-panel-soft) !important;
    border-color: var(--bbp-main-border) !important;
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode body > div[style*="background-color: #5298bc"] {
    background-color: var(--bbp-main-header) !important;
}

body.main-page .main-floating-logo {
    filter: none;
}

html.bbp-colorblind-mode-red-green body.main-page .main-floating-logo {
    filter: contrast(1.12) saturate(0.72) sepia(0.12) hue-rotate(-8deg);
}

html.bbp-colorblind-mode-tritan body.main-page .main-floating-logo {
    filter: contrast(1.14) saturate(0.78) sepia(0.18) hue-rotate(32deg);
}

html.bbp-colorblind-mode-mono body.main-page .main-floating-logo {
    filter: grayscale(1) contrast(1.18) brightness(1.04);
}

html.bbp-colorblind-mode #top-fixed .main-colorblind-picker,
html.bbp-colorblind-mode #top-fixed .main-colorblind-picker *,
html.bbp-colorblind-mode #top-fixed .main-colorblind-picker span,
html.bbp-colorblind-mode #top-fixed .main-colorblind-button,
html.bbp-colorblind-mode #top-fixed .main-colorblind-button span,
html.bbp-colorblind-mode #top-fixed .main-colorblind-button .material-symbols-outlined {
    color: var(--bbp-main-text) !important;
}

html.bbp-colorblind-mode #top-fixed .main-colorblind-button {
    background-color: var(--bbp-main-panel) !important;
}
