:root,
:root.light,
:root .light {
    --phoenix-gray-soft: #f5f7fa;
    --phoenix-gray-100: #eff2f6;
    --phoenix-gray-200: #e3e6ed;
    --phoenix-gray-300: #cbd0dd;
    --phoenix-gray-400: #9fa6bc;
    --phoenix-gray-500: #8a94ad;
    --phoenix-gray-600: #6e7891;
    --phoenix-gray-700: #525b75;
    --phoenix-gray-800: #3e465b;
    --phoenix-gray-900: #31374a;
    --phoenix-gray-1000: #222834;
    --phoenix-gray-1100: #141824;
    --phoenix-gray-soft-rgb: 245, 247, 250;
    --phoenix-gray-100-rgb: 239, 242, 246;
    --phoenix-gray-200-rgb: 227, 230, 237;
    --phoenix-gray-300-rgb: 203, 208, 221;
    --phoenix-gray-400-rgb: 159, 166, 188;
    --phoenix-gray-500-rgb: 138, 148, 173;
    --phoenix-gray-600-rgb: 110, 120, 145;
    --phoenix-gray-700-rgb: 82, 91, 117;
    --phoenix-gray-800-rgb: 62, 70, 91;
    --phoenix-gray-900-rgb: 49, 55, 74;
    --phoenix-gray-1000-rgb: 34, 40, 52;
    --phoenix-gray-1100-rgb: 20, 24, 36;
    --phoenix-soft: #f5f7fa;
    --phoenix-100: #eff2f6;
    --phoenix-200: #e3e6ed;
    --phoenix-300: #cbd0dd;
    --phoenix-400: #9fa6bc;
    --phoenix-500: #8a94ad;
    --phoenix-600: #6e7891;
    --phoenix-700: #525b75;
    --phoenix-800: #3e465b;
    --phoenix-900: #31374a;
    --phoenix-1000: #222834;
    --phoenix-1100: #141824;
    --phoenix-facebook: #3c5a99;
    --phoenix-google-plus: #dd4b39;
    --phoenix-twitter: #1da1f2;
    --phoenix-linkedin: #0077b5;
    --phoenix-youtube: #ff0001;
    --phoenix-github: #333333;
    --phoenix-bootstrap: #6f45a9;
    --phoenix-css3: #203ccf;
    --phoenix-html5: #bf4b2c;
    --phoenix-sass: #c55589;
    --phoenix-gulp: #d54049;
    --phoenix-w3c: #255997;
    --phoenix-primary: #377bb6;
    --phoenix-secondary: #31374a;
    --phoenix-success: #25b003;
    --phoenix-info: #0097eb;
    --phoenix-warning: #b3acac;
    --phoenix-danger: #ed2000;
    --phoenix-light: #eff2f6;
    --phoenix-dark: #141824;
    --phoenix-primary-soft: #f5f8ff;
    --phoenix-primary-100: #e5edff;
    --phoenix-primary-200: #adc5ff;
    --phoenix-primary-300: #85a9ff;
    --phoenix-primary-500: #004dff;
    --phoenix-primary-600: #003cc7;
    --phoenix-warning-soft: #fff6e0;
    --phoenix-warning-100: #ffefca;
    --phoenix-warning-200: #ffe6ad;
    --phoenix-warning-300: #ffcc85;
    --phoenix-warning-500: #d6700a;
    --phoenix-warning-600: #bc3803;
    --phoenix-danger-300: #f48270;
    --phoenix-danger-100: #ffe0db;
    --phoenix-danger-200: #fabcb3;
    --phoenix-danger-500: #cc1b00;
    --phoenix-danger-600: #b81800;
    --phoenix-success-100: #d9fbd0;
    --phoenix-success-200: #bee8b4;
    --phoenix-success-300: #90d67f;
    --phoenix-success-500: #23890b;
    --phoenix-success-600: #1c6c09;
    --phoenix-info-100: #c7ebff;
    --phoenix-info-200: #96d9ff;
    --phoenix-info-300: #60c6ff;
    --phoenix-info-500: #0080c7;
    --phoenix-info-600: #005585;
    --phoenix-white: #fff;
    --phoenix-black: #000000;
    --phoenix-soft-rgb: 245, 247, 250;
    --phoenix-100-rgb: 239, 242, 246;
    --phoenix-200-rgb: 227, 230, 237;
    --phoenix-300-rgb: 203, 208, 221;
    --phoenix-400-rgb: 159, 166, 188;
    --phoenix-500-rgb: 138, 148, 173;
    --phoenix-600-rgb: 110, 120, 145;
    --phoenix-700-rgb: 82, 91, 117;
    --phoenix-800-rgb: 62, 70, 91;
    --phoenix-900-rgb: 49, 55, 74;
    --phoenix-1000-rgb: 34, 40, 52;
    --phoenix-1100-rgb: 20, 24, 36;
    --phoenix-facebook-rgb: 60, 90, 153;
    --phoenix-google-plus-rgb: 221, 75, 57;
    --phoenix-twitter-rgb: 29, 161, 242;
    --phoenix-linkedin-rgb: 0, 119, 181;
    --phoenix-youtube-rgb: 255, 0, 1;
    --phoenix-github-rgb: 51, 51, 51;
    --phoenix-bootstrap-rgb: 111, 69, 169;
    --phoenix-css3-rgb: 32, 60, 207;
    --phoenix-html5-rgb: 191, 75, 44;
    --phoenix-sass-rgb: 197, 85, 137;
    --phoenix-gulp-rgb: 213, 64, 73;
    --phoenix-w3c-rgb: 37, 89, 151;
    --phoenix-primary-rgb: 56, 116, 255;
    --phoenix-secondary-rgb: 49, 55, 74;
    --phoenix-success-rgb: 37, 176, 3;
    --phoenix-info-rgb: 0, 151, 235;
    --phoenix-warning-rgb: 229, 120, 11;
    --phoenix-danger-rgb: 237, 32, 0;
    --phoenix-light-rgb: 239, 242, 246;
    --phoenix-dark-rgb: 20, 24, 36;
    --phoenix-primary-soft-rgb: 245, 248, 255;
    --phoenix-primary-100-rgb: 229, 237, 255;
    --phoenix-primary-200-rgb: 173, 197, 255;
    --phoenix-primary-300-rgb: 133, 169, 255;
    --phoenix-primary-500-rgb: 0, 77, 255;
    --phoenix-primary-600-rgb: 0, 60, 199;
    --phoenix-warning-soft-rgb: 255, 246, 224;
    --phoenix-warning-100-rgb: 255, 239, 202;
    --phoenix-warning-200-rgb: 255, 230, 173;
    --phoenix-warning-300-rgb: 255, 204, 133;
    --phoenix-warning-500-rgb: 214, 112, 10;
    --phoenix-warning-600-rgb: 188, 56, 3;
    --phoenix-danger-300-rgb: 244, 130, 112;
    --phoenix-danger-100-rgb: 255, 224, 219;
    --phoenix-danger-200-rgb: 250, 188, 179;
    --phoenix-danger-500-rgb: 204, 27, 0;
    --phoenix-danger-600-rgb: 184, 24, 0;
    --phoenix-success-100-rgb: 217, 251, 208;
    --phoenix-success-200-rgb: 190, 232, 180;
    --phoenix-success-300-rgb: 144, 214, 127;
    --phoenix-success-500-rgb: 35, 137, 11;
    --phoenix-success-600-rgb: 28, 108, 9;
    --phoenix-info-100-rgb: 199, 235, 255;
    --phoenix-info-200-rgb: 150, 217, 255;
    --phoenix-info-300-rgb: 96, 198, 255;
    --phoenix-info-500-rgb: 0, 128, 199;
    --phoenix-info-600-rgb: 0, 85, 133;
    --phoenix-white-rgb: 255, 255, 255;
    --phoenix-black-rgb: 0, 0, 0;
    --phoenix-white: #fff;
    --phoenix-black: #000000;
    --phoenix-white-rgb: 255, 255, 255;
    --phoenix-black-rgb: 0, 0, 0;
    --phoenix-body-color-rgb: 49, 55, 74;
    --phoenix-body-bg-rgb: 245, 247, 250;
    --phoenix-font-sans-serif: "Nunito Sans", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol";
    --phoenix-font-monospace: "SFMono-Regular", Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
    --phoenix-gradient: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.15),
        rgba(255, 255, 255, 0)
    );
    --phoenix-scroll-margin-top: 2.5rem;
    --phoenix-body-font-family: Nunito Sans, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol;
    --phoenix-body-font-size: 14px;
    --phoenix-body-font-weight: 400;
    --phoenix-body-line-height: 1.49;
    --phoenix-body-color: #31374a;
    --phoenix-body-bg: #f5f7fa;
    --phoenix-border-width: 1px;
    --phoenix-border-style: solid;
    --phoenix-border-color: var(--phoenix-gray-200);
    --phoenix-border-color-translucent: rgba(0, 0, 0, 0.175);
    --phoenix-border-radius: 0.375rem;
    --phoenix-border-radius-sm: 0.25rem;
    --phoenix-border-radius-lg: 0.5rem;
    --phoenix-border-radius-xl: 1rem;
    --phoenix-border-radius-2xl: 2rem;
    --phoenix-border-radius-pill: 50rem;
    --phoenix-heading-color: var(--phoenix-1100);
    --phoenix-code-color: #d63384;
    --phoenix-highlight-bg: #fff3cd;
    --phoenix-input-bg: #fff;
    --phoenix-input-color: var(--phoenix-gray-900);
    --phoenix-input-border-color: #cbd0dd;
    --phoenix-input-group-addon-bg: #eff2f6;
    --phoenix-scrollbar-bg: rgba(159, 166, 188, 0.55);
    --phoenix-navbar-top-height: 4rem;
    --phoenix-navbar-top-link-color: var(--phoenix-gray-900);
    --phoenix-navbar-top-menu-bg-color: #fff;
    --phoenix-navbar-top-border-color: #cbd0dd;
    --phoenix-navbar-top-link-hover-color: #222834;
    --phoenix-navbar-top-link-hover-bg: #eff2f6;
    --phoenix-navbar-top-link-active-color: var(--phoenix-primary);
    --phoenix-navbar-top-dropdown-color: var(--phoenix-gray-900);
    --phoenix-navbar-top-dropdown-hover-bg: #eff2f6;
    --phoenix-navbar-top-menu-margin: 1.5rem;
    --phoenix-dual-nav-border-color: #e3e6ed;
    --phoenix-dual-nav-first-layer-bg: #eff2f6;
    --phoenix-navbar-vertical-border-color: #cbd0dd;
    --phoenix-navbar-vertical-bg-color: #377bb6;
    --phoenix-navbar-vertical-label-color: #6e7891;
    --phoenix-navbar-vertical-link-color: #fff;
    --phoenix-navbar-vertical-link-hover-color: #3e465b;
    --phoenix-navbar-vertical-link-hover-bg: #eff2f6;
    --phoenix-navbar-vertical-link-active-color: #000;
    --phoenix-navbar-vertical-link-disable-color: #8a94ad;
    --phoenix-navbar-vertical-width: 15.875rem;
    --phoenix-navbar-vertical-link-icon-color: #3e465b;
    --phoenix-navbar-vertical-dropdown-indicator-color: #8a94ad;
    --phoenix-navbar-footer-border-color: #cbd0dd;
    --phoenix-navbar-footer-border-color: #cbd0dd;
    --phoenix-navbar-vertical-hr-color: #e3e6ed;
    --phoenix-navbar-vertical-collapsed-menu-bg: #000;
    --phoenix-navbar-vertical-collapsed-menu-color: #222834;
    --phoenix-hamburger-menu-color: #6e7891;
    --phoenix-navbar-top-bg-color: #005193;
    --phoenix-btn-hover-border-color: transparent;
    --phoenix-btn-active-border-color: transparent;
    --phoenix-list-group-bg: #fff;
    --phoenix-list-group-action-hover-color: #525b75;
    --phoenix-list-group-hover-bg: #eff2f6;
    --phoenix-body-bg: #f5f7fa;
    --phoenix-body-color: #31374a;
    --phoenix-headings-color: #31374a;
    --phoenix-link-hover-color: #004dff;
    --phoenix-link-color: #3874ff;
    --phoenix-choices-inner-min-height: auto;
    --phoenix-choices-item-has-no-choices-bg: #fff;
    --phoenix-flatpickr-calendar-input-bg: var(--phoenix-input-bg);
    --phoenix-flatpickr-calendar-bg: #e3e6ed;
    --phoenix-flatpickr-current-month-color: #31374a;
    --phoenix-flatpickr-weekday-color: #31374a;
    --phoenix-flatpickr-calendar-day-hover-bg: rgba(203, 208, 221, 0.5);
    --phoenix-flatpickr-weekend-days-color: #d6700a;
    --phoenix-flatpickr-today-color: #fff;
    --phoenix-flatpickr-calendar-day-selected-bg: rgba(56, 116, 255, 0.2);
    --phoenix-calendar-bg: #e3e6ed;
    --phoenix-calendar-border-color: #f5f7fa;
    --phoenix-theme-wizard-nav-item-circle-bg: #eff2f6;
    --phoenix-theme-wizard-complete-color: #25b003;
    --phoenix-theme-wizard-active-color: #3874ff;
    --phoenix-border-opacity: 1;
    --phoenix-tinymce-bg: var(--phoenix-input-bg);
    --phoenix-tinymce-tox-tbtn-enabled-icon-color: var(--phoenix-gray-800);
    --phoenix-choices-item-bg: #e5edff;
    --phoenix-choices-item-color: #222834;
    --phoenix-docs-language-bg: #222834;
    --phoenix-form-select-indicator: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03NS4zNDggMTI3LjE5MkM3Mi40MzgxIDEyNy4xOTIgNjkuODUxNCAxMjYuMjIyIDY3LjkxMTUgMTI0LjI4Mkw1LjgzMjE1IDYyLjIwMjNDMS42Mjg4NyA1OC4zMjIzIDEuNjI4ODcgNTEuNTMyNCA1LjgzMjE1IDQ3LjY1MjVDOS43MTIxMSA0My40NDkyIDE2LjUwMiA0My40NDkyIDIwLjM4MiA0Ny42NTI1TDc1LjM0OCAxMDIuMjk1TDEyOS45OTEgNDcuNjUyNUMxMzMuODcxIDQzLjQ0OTIgMTQwLjY2MSA0My40NDkyIDE0NC41NDEgNDcuNjUyNUMxNDguNzQ0IDUxLjUzMjQgMTQ4Ljc0NCA1OC4zMjIzIDE0NC41NDEgNjIuMjAyM0w4Mi40NjEzIDEyNC4yODJDODAuNTIxMyAxMjYuMjIyIDc3LjkzNDcgMTI3LjE5MiA3NS4zNDggMTI3LjE5MloiIGZpbGw9IiMzMTM3NEEiLz4KPC9zdmc+Cg==");
    --phoenix-avatar-status-border-color: #fff;
    --phoenix-avatar-name-color: #004dff;
    --phoenix-colored-link-100-hover-color: #e3e6ed;
    --phoenix-logo-text: #6e7891;
    --phoenix-theme-control-toggle-bg: rgba(255, 204, 133, 0.24);
    --phoenix-theme-control-toggle-hover-bg: #e5780b;
    --phoenix-theme-control-toggle-color: #fff;
    --phoenix-theme-control-toggle-hover-color: #fff6e0;
    --phoenix-kanban-bg: #e3e6ed;
    --phoenix-kanban-column-bg: #f5f7fa;
    --phoenix-ghost-bg: var(--phoenix-gray-100);
    --phoenix-drag-bg: var(--phoenix-white);
    --phoenix-kanban-column-hover-bg: var(--phoenix-white);
}
:root .nav-slim,
:root.light .nav-slim,
:root .light .nav-slim {
    --phoenix-navbar-top-height: 1.7rem;
}
:root .dual-nav,
:root.light .dual-nav,
:root .light .dual-nav {
    --phoenix-navbar-top-height: 7.25rem;
}
:root .navbar-slim,
:root.light .navbar-slim,
:root .light .navbar-slim {
    --phoenix-navbar-top-menu-margin: 0.8rem;
}
:root.dual-nav,
:root.light.dual-nav,
:root .light.dual-nav {
    --phoenix-navbar-top-menu-margin: 1.3rem;
}
:root:not(.dark) .navbar-darker,
:root.light:not(.dark) .navbar-darker,
:root .light:not(.dark) .navbar-darker {
    --phoenix-navbar-top-dropdown-hover-bg: #31374a;
    --phoenix-navbar-top-dropdown-color: #9fa6bc;
}
:root:not(.dark) .navbar-darker:not(.dark) .navbar-top-collapse.show,
:root.light:not(.dark) .navbar-darker:not(.dark) .navbar-top-collapse.show,
:root .light:not(.dark) .navbar-darker:not(.dark) .navbar-top-collapse.show {
    --phoenix-navbar-top-link-color: #9fa6bc;
    --phoenix-navbar-top-menu-bg-color: #141824;
    --phoenix-navbar-top-border-color: #373e53;
    --phoenix-navbar-top-link-hover-color: #cbd0dd;
    --phoenix-navbar-top-link-hover-bg: #222834;
    --phoenix-navbar-top-link-active-color: #cbd0dd;
}
:root.dual-nav:not(.dark) .navbar-darker,
:root.light.dual-nav:not(.dark) .navbar-darker,
:root .light.dual-nav:not(.dark) .navbar-darker {
    --phoenix-dual-nav-border-color: #31374a;
    --phoenix-dual-nav-first-layer-bg: #0f111a;
}
:root.dual-nav:not(.dark) .navbar-darker .search-box,
:root.light.dual-nav:not(.dark) .navbar-darker .search-box,
:root .light.dual-nav:not(.dark) .navbar-darker .search-box {
    --phoenix-input-bg: #141824;
    --phoenix-input-border-color: #373e53;
}
:root.dual-nav:not(.dark) .navbar-darker .search-box.search-box-icon,
:root.light.dual-nav:not(.dark) .navbar-darker .search-box.search-box-icon,
:root .light.dual-nav:not(.dark) .navbar-darker .search-box.search-box-icon {
    color: #525b75;
}
:root.navbar-vertical-collapsed,
:root.light.navbar-vertical-collapsed,
:root .light.navbar-vertical-collapsed {
    --phoenix-navbar-vertical-width: 4rem;
}
:root .badge-phoenix-primary,
:root.light .badge-phoenix-primary,
:root .light .badge-phoenix-primary {
    --phoenix-badge-bg: #e5edff;
    --phoenix-badge-color: #003cc7;
    --phoenix-badge-border-color: #adc5ff;
}
:root .badge-phoenix-secondary,
:root.light .badge-phoenix-secondary,
:root .light .badge-phoenix-secondary {
    --phoenix-badge-bg: #e3e6ed;
    --phoenix-badge-color: #141824;
    --phoenix-badge-border-color: #cbd0dd;
}
:root .badge-phoenix-success,
:root.light .badge-phoenix-success,
:root .light .badge-phoenix-success {
    --phoenix-badge-bg: #d9fbd0;
    --phoenix-badge-color: #1c6c09;
    --phoenix-badge-border-color: #bee8b4;
}
:root .badge-phoenix-info,
:root.light .badge-phoenix-info,
:root .light .badge-phoenix-info {
    --phoenix-badge-bg: #c7ebff;
    --phoenix-badge-color: #005585;
    --phoenix-badge-border-color: #96d9ff;
}
:root .badge-phoenix-warning,
:root.light .badge-phoenix-warning,
:root .light .badge-phoenix-warning {
    --phoenix-badge-bg: #ffefca;
    --phoenix-badge-color: #bc3803;
    --phoenix-badge-border-color: #ffcc85;
}
:root .badge-phoenix-danger,
:root.light .badge-phoenix-danger,
:root .light .badge-phoenix-danger {
    --phoenix-badge-bg: #ffe0db;
    --phoenix-badge-color: #b81800;
    --phoenix-badge-border-color: #fabcb3;
}
:root:not(.dark) .navbar-darker,
:root.light:not(.dark) .navbar-darker,
:root .light:not(.dark) .navbar-darker {
    --phoenix-navbar-vertical-border-color: #31374a;
    --phoenix-navbar-vertical-bg-color: #222834;
    --phoenix-navbar-vertical-label-color: #6e7891;
    --phoenix-navbar-vertical-link-color: #9fa6bc;
    --phoenix-navbar-vertical-link-hover-color: #eff2f6;
    --phoenix-navbar-vertical-link-hover-bg: #31374a;
    --phoenix-navbar-vertical-link-active-color: #fff;
    --phoenix-navbar-vertical-link-disable-color: #8a94ad;
    --phoenix-navbar-vertical-link-icon-color: #9fa6bc;
    --phoenix-navbar-vertical-hr-color: #3e465b;
    --phoenix-navbar-vertical-collapsed-menu-bg: #222834;
    --phoenix-navbar-vertical-collapsed-menu-color: #9fa6bc;
    --phoenix-logo-text: #eff2f6;
    --phoenix-navbar-footer-border-color: #31374a;
    --phoenix-navbar-top-bg-color: #141824;
    --phoenix-nav-link-color: #8a94ad;
    --phoenix-theme-control-toggle-bg: rgba(255, 204, 133, 0.18);
    --phoenix-theme-control-toggle-hover-bg: rgba(229, 120, 11, 0.7);
    --phoenix-theme-control-toggle-color: #ffcc85;
    --phoenix-theme-control-toggle-hover-color: #fff6e0;
}
:root:not(.dark) .navbar-darker .form-control,
:root.light:not(.dark) .navbar-darker .form-control,
:root .light:not(.dark) .navbar-darker .form-control {
    color: #6e7891;
}
:root:not(.dark) .navbar-darker .search-box,
:root.light:not(.dark) .navbar-darker .search-box,
:root .light:not(.dark) .navbar-darker .search-box {
    --phoenix-input-bg: #222834;
    --phoenix-input-border-color: #373e53;
}
:root:not(.dark) .navbar-darker .search-box.search-box-icon,
:root.light:not(.dark) .navbar-darker .search-box.search-box-icon,
:root .light:not(.dark) .navbar-darker .search-box.search-box-icon {
    color: #525b75;
}
:root:not(.dark) .navbar-darker.navbar-slim .navbar-brand span,
:root.light:not(.dark) .navbar-darker.navbar-slim .navbar-brand span,
:root .light:not(.dark) .navbar-darker.navbar-slim .navbar-brand span {
    color: #cbd0dd !important;
}

.dark,
.dark .picmo__popupContainer.picmo__light {
    --phoenix-gray-soft: #0f111a;
    --phoenix-gray-100: #222834;
    --phoenix-gray-200: #31374a;
    --phoenix-gray-300: #373e53;
    --phoenix-gray-400: #3e465b;
    --phoenix-gray-500: #525b75;
    --phoenix-gray-600: #8a94ad;
    --phoenix-gray-700: #8a94ad;
    --phoenix-gray-800: #949db5;
    --phoenix-gray-900: #9fa6bc;
    --phoenix-gray-1000: #cbd0dd;
    --phoenix-gray-1100: #e3e6ed;
    --phoenix-gray-soft-rgb: 15, 17, 26;
    --phoenix-gray-100-rgb: 34, 40, 52;
    --phoenix-gray-200-rgb: 49, 55, 74;
    --phoenix-gray-300-rgb: 55, 62, 83;
    --phoenix-gray-400-rgb: 62, 70, 91;
    --phoenix-gray-500-rgb: 82, 91, 117;
    --phoenix-gray-600-rgb: 138, 148, 173;
    --phoenix-gray-700-rgb: 138, 148, 173;
    --phoenix-gray-800-rgb: 148, 157, 181;
    --phoenix-gray-900-rgb: 159, 166, 188;
    --phoenix-gray-1000-rgb: 203, 208, 221;
    --phoenix-gray-1100-rgb: 227, 230, 237;
    --phoenix-soft: #0f111a;
    --phoenix-100: #222834;
    --phoenix-200: #31374a;
    --phoenix-300: #373e53;
    --phoenix-400: #3e465b;
    --phoenix-500: #525b75;
    --phoenix-600: #8a94ad;
    --phoenix-700: #8a94ad;
    --phoenix-800: #949db5;
    --phoenix-900: #9fa6bc;
    --phoenix-1000: #cbd0dd;
    --phoenix-1100: #e3e6ed;
    --phoenix-primary: #377bb6;
    --phoenix-secondary: #31374a;
    --phoenix-success: #90d67f;
    --phoenix-info: #60c6ff;
    --phoenix-warning: #ffcc85;
    --phoenix-danger: #f48270;
    --phoenix-light: rgba(49, 55, 74, 0.25);
    --phoenix-dark: #eff2f6;
    --phoenix-primary-soft: #f5f8ff;
    --phoenix-primary-100: #1d2332;
    --phoenix-primary-200: #adc5ff;
    --phoenix-primary-300: #85a9ff;
    --phoenix-primary-500: #3874ff;
    --phoenix-primary-600: #003cc7;
    --phoenix-warning-soft: #fff6e0;
    --phoenix-warning-100: #272528;
    --phoenix-warning-200: #ffe6ad;
    --phoenix-warning-300: #ffcc85;
    --phoenix-warning-500: #e5780b;
    --phoenix-warning-600: #bc3803;
    --phoenix-danger-300: #f48270;
    --phoenix-danger-200: #fabcb3;
    --phoenix-danger-100: #262026;
    --phoenix-danger-500: #cc1b00;
    --phoenix-danger-600: #b81800;
    --phoenix-success-100: #1e2628;
    --phoenix-success-200: #bee8b4;
    --phoenix-success-300: #90d67f;
    --phoenix-success-500: #25b003;
    --phoenix-success-600: #1c6c09;
    --phoenix-info-100: #1a2532;
    --phoenix-info-200: #96d9ff;
    --phoenix-info-300: #60c6ff;
    --phoenix-info-500: #0097eb;
    --phoenix-info-600: #005585;
    --phoenix-white: #141824;
    --phoenix-black: #eff2f6;
    --phoenix-soft-rgb: 15, 17, 26;
    --phoenix-100-rgb: 34, 40, 52;
    --phoenix-200-rgb: 49, 55, 74;
    --phoenix-300-rgb: 55, 62, 83;
    --phoenix-400-rgb: 62, 70, 91;
    --phoenix-500-rgb: 82, 91, 117;
    --phoenix-600-rgb: 138, 148, 173;
    --phoenix-700-rgb: 138, 148, 173;
    --phoenix-800-rgb: 148, 157, 181;
    --phoenix-900-rgb: 159, 166, 188;
    --phoenix-1000-rgb: 203, 208, 221;
    --phoenix-1100-rgb: 227, 230, 237;
    --phoenix-primary-rgb: 133, 169, 255;
    --phoenix-secondary-rgb: 49, 55, 74;
    --phoenix-success-rgb: 144, 214, 127;
    --phoenix-info-rgb: 96, 198, 255;
    --phoenix-warning-rgb: 255, 204, 133;
    --phoenix-danger-rgb: 244, 130, 112;
    --phoenix-light-rgb: 49, 55, 74;
    --phoenix-dark-rgb: 239, 242, 246;
    --phoenix-primary-soft-rgb: 245, 248, 255;
    --phoenix-primary-100-rgb: 29, 35, 50;
    --phoenix-primary-200-rgb: 173, 197, 255;
    --phoenix-primary-300-rgb: 133, 169, 255;
    --phoenix-primary-500-rgb: 56, 116, 255;
    --phoenix-primary-600-rgb: 0, 60, 199;
    --phoenix-warning-soft-rgb: 255, 246, 224;
    --phoenix-warning-100-rgb: 39, 37, 40;
    --phoenix-warning-200-rgb: 255, 230, 173;
    --phoenix-warning-300-rgb: 255, 204, 133;
    --phoenix-warning-500-rgb: 229, 120, 11;
    --phoenix-warning-600-rgb: 188, 56, 3;
    --phoenix-danger-300-rgb: 244, 130, 112;
    --phoenix-danger-200-rgb: 250, 188, 179;
    --phoenix-danger-100-rgb: 38, 32, 38;
    --phoenix-danger-500-rgb: 204, 27, 0;
    --phoenix-danger-600-rgb: 184, 24, 0;
    --phoenix-success-100-rgb: 30, 38, 40;
    --phoenix-success-200-rgb: 190, 232, 180;
    --phoenix-success-300-rgb: 144, 214, 127;
    --phoenix-success-500-rgb: 37, 176, 3;
    --phoenix-success-600-rgb: 28, 108, 9;
    --phoenix-info-100-rgb: 26, 37, 50;
    --phoenix-info-200-rgb: 150, 217, 255;
    --phoenix-info-300-rgb: 96, 198, 255;
    --phoenix-info-500-rgb: 0, 151, 235;
    --phoenix-info-600-rgb: 0, 85, 133;
    --phoenix-white-rgb: 20, 24, 36;
    --phoenix-black-rgb: 239, 242, 246;
    --phoenix-white: #141824;
    --phoenix-black: #eff2f6;
    --phoenix-white-rgb: 20, 24, 36;
    --phoenix-black-rgb: 239, 242, 246;
    --phoenix-body-color: #9fa6bc;
    --phoenix-body-bg: #0f111a;
    --phoenix-input-bg: #141824;
    --phoenix-input-border-color: #373e53;
    --phoenix-input-group-addon-bg: #31374a;
    --phoenix-navbar-vertical-border-color: #31374a;
    --phoenix-navbar-footer-border-color: #31374a;
    --phoenix-navbar-top-bg-color: #141824;
    --phoenix-link-color: #85a9ff;
    --phoenix-link-hover-color: #3874ff;
    --phoenix-avatar-status-border-color: #141824;
    --phoenix-avatar-name-color: #85a9ff;
    --phoenix-list-sort-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNyA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMS4xMjkzIDQuOTkwMjNDMC42OTEwMTYgNC45OTAyMyAwLjQ3MTg3NSA1LjUwODIgMC43OTA2MjUgNS44MDcwM0wzLjE2MTMzIDguMTc3NzNDMy4zNDA2MiA4LjM3Njk1IDMuNjM5NDUgOC4zNzY5NSAzLjgzODY3IDguMTc3NzNMNi4yMDkzNyA1LjgwNzAzQzYuNTA4MiA1LjUwODIgNi4yODkwNiA0Ljk5MDIzIDUuODcwNyA0Ljk5MDIzSDEuMTI5M1pNNi4yMDkzNyAyLjg5ODQ0TDMuODM4NjcgMC41Mjc3MzVDMy42Mzk0NSAwLjM0ODQzOCAzLjM0MDYyIDAuMzQ4NDM4IDMuMTYxMzMgMC41Mjc3MzVMMC43OTA2MjUgMi44OTg0NEMwLjQ3MTg3NSAzLjIxNzE5IDAuNjkxMDE2IDMuNzE1MjMgMS4xMjkzIDMuNzE1MjNINS44NzA3QzYuMjg5MDYgMy43MTUyMyA2LjUwODIgMy4yMTcxOSA2LjIwOTM3IDIuODk4NDRaIiBmaWxsPSIjM0U0NjVCIi8+Cjwvc3ZnPgo=");
    --phoenix-tinymce-tox-tbtn-enabled-icon-color: var(--phoenix-gray-1000);
    --phoenix-choices-item-bg: rgba(133, 169, 255, 0.25);
    --phoenix-choices-item-color: var(--phoenix-gray-1000);
    --phoenix-choices-item-has-no-choices-bg: #141824;
    --phoenix-docs-language-bg: #222834;
    --phoenix-form-select-indicator: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03NS4zNDggMTI3LjE5MkM3Mi40MzgxIDEyNy4xOTIgNjkuODUxNCAxMjYuMjIyIDY3LjkxMTUgMTI0LjI4Mkw1LjgzMjE1IDYyLjIwMjNDMS42Mjg4NyA1OC4zMjIzIDEuNjI4ODcgNTEuNTMyNCA1LjgzMjE1IDQ3LjY1MjVDOS43MTIxMSA0My40NDkyIDE2LjUwMiA0My40NDkyIDIwLjM4MiA0Ny42NTI1TDc1LjM0OCAxMDIuMjk1TDEyOS45OTEgNDcuNjUyNUMxMzMuODcxIDQzLjQ0OTIgMTQwLjY2MSA0My40NDkyIDE0NC41NDEgNDcuNjUyNUMxNDguNzQ0IDUxLjUzMjQgMTQ4Ljc0NCA1OC4zMjIzIDE0NC41NDEgNjIuMjAyM0w4Mi40NjEzIDEyNC4yODJDODAuNTIxMyAxMjYuMjIyIDc3LjkzNDcgMTI3LjE5MiA3NS4zNDggMTI3LjE5MloiIGZpbGw9IiM5RkE2QkMiLz4KPC9zdmc+Cg==");
    --phoenix-theme-wizard-nav-item-circle-bg: #222834;
    --phoenix-logo-text: #eff2f6;
    --phoenix-flatpickr-calendar-input-bg: var(--phoenix-input-bg);
    --phoenix-flatpickr-calendar-bg: #141824;
    --phoenix-flatpickr-current-month-color: #cbd0dd;
    --phoenix-flatpickr-weekday-color: #cbd0dd;
    --phoenix-flatpickr-calendar-day-hover-bg: #222834;
    --phoenix-flatpickr-weekend-days-color: #e5780b;
    --phoenix-flatpickr-today-color: #31374a;
    --phoenix-flatpickr-calendar-day-selected-bg: rgba(56, 116, 255, 0.2);
    --phoenix-calendar-bg: #141824;
    --phoenix-calendar-border-color: #0f111a;
    --phoenix-list-group-bg: #141824;
    --phoenix-navbar-top-link-color: #9fa6bc;
    --phoenix-navbar-top-menu-bg-color: #141824;
    --phoenix-navbar-top-border-color: #31374a;
    --phoenix-navbar-top-link-hover-color: #cbd0dd;
    --phoenix-navbar-top-link-hover-bg: #222834;
    --phoenix-navbar-top-dropdown-hover-bg: #222834;
    --phoenix-navbar-top-dropdown-color: #8a94ad;
    --phoenix-dual-nav-border-color: #31374a;
    --phoenix-dual-nav-first-layer-bg: #0f111a;
    --phoenix-navbar-vertical-bg-color: #141824;
    --phoenix-navbar-vertical-label-color: #6e7891;
    --phoenix-navbar-vertical-link-color: #9fa6bc;
    --phoenix-navbar-vertical-link-hover-color: #eff2f6;
    --phoenix-navbar-vertical-link-hover-bg: #31374a;
    --phoenix-navbar-vertical-link-active-color: #fff;
    --phoenix-navbar-vertical-link-disable-color: #8a94ad;
    --phoenix-navbar-vertical-link-icon-color: #9fa6bc;
    --phoenix-hamburger-menu-color: #525b75;
    --phoenix-navbar-vertical-hr-color: #3e465b;
    --phoenix-navbar-vertical-collapsed-menu-bg: #222834;
    --phoenix-navbar-vertical-collapsed-menu-color: #9fa6bc;
    --phoenix-theme-control-toggle-bg: rgba(56, 116, 255, 0.24);
    --phoenix-theme-control-toggle-hover-bg: rgba(56, 116, 255, 0.7);
    --phoenix-theme-control-toggle-color: #85a9ff;
    --phoenix-theme-control-toggle-hover-color: #f5f8ff;
    --bs-scrollbar-bg: rgba(49, 55, 74, 0.6);
    --phoenix-kanban-bg: #0f111a;
    --phoenix-kanban-column-bg: #141824;
    --phoenix-ghost-bg: #0f111a;
    --phoenix-drag-bg: #1c222c;
    --phoenix-kanban-column-hover-bg: #1c222c;
    --phoenix-leaflet-bar-bg: #373e53;
    --phoenix-leaflet-popup-content-wrapper-bg: #141824;
}