/*
 * Copyright BITMESH LTD. (c) 2024.
 * All Rights Reserved!
 */

:root {
    --rdb-dropdown-shadow: 0 10px 28px rgba(49, 55, 74, .22), 0 3px 8px rgba(49, 55, 74, .10);
    /* White */
    --core-white-5: rgba(255, 255, 255, 0.2);

    /* Gray */
    --core-gray-0: #ffffff;
    --core-gray-50: #f5f7fa;
    --core-gray-100: #eff2f6;
    --core-gray-200: #e3e6ed;
    --core-gray-300: #cbd0dd;
    --core-gray-400: #9fa6bc;
    --core-gray-450: #949db5;
    --core-gray-500: #8a94ad;
    --core-gray-600: #6e7891;
    --core-gray-650: #606981;
    --core-gray-700: #525b75;
    --core-gray-800: #3e465b;
    --core-gray-850: #373e53;
    --core-gray-900: #31374a;
    --core-gray-1000: #222834;
    --core-gray-1050: #1F232E;
    --core-gray-1100: #141824;
    --core-gray-1200: #0f111a;
    --core-gray-2000: #000000;
    --core-gray-900-100: var(--core-gray-900);
    --core-gray-900-95: rgba(49, 55, 74, 0.95);
    --core-gray-900-85: rgba(49, 55, 74, 0.85);
    --core-gray-900-75: rgba(49, 55, 74, 0.75);
    --core-gray-900-65: rgba(49, 55, 74, 0.65);
    --core-gray-900-55: rgba(49, 55, 74, 0.55);
    --core-gray-900-45: rgba(49, 55, 74, 0.45);
    --core-gray-900-35: rgba(49, 55, 74, 0.35);
    --core-gray-900-25: rgba(49, 55, 74, 0.25);
    --core-gray-900-15: rgba(49, 55, 74, 0.15);
    --core-gray-900-5: rgba(49, 55, 74, 0.05);
    --core-gray-300-100: var(--core-gray-300);
    --core-gray-300-95: rgba(203, 208, 221, 0.95);
    --core-gray-300-85: rgba(203, 208, 221, 0.85);
    --core-gray-300-75: rgba(203, 208, 221, 0.75);
    --core-gray-300-65: rgba(203, 208, 221, 0.65);
    --core-gray-300-55: rgba(203, 208, 221, 0.55);
    --core-gray-300-45: rgba(203, 208, 221, 0.45);
    --core-gray-300-35: rgba(203, 208, 221, 0.35);
    --core-gray-300-25: rgba(203, 208, 221, 0.25);
    --core-gray-300-15: rgba(203, 208, 221, 0.15);
    --core-gray-300-5: rgba(203, 208, 221, 0.05);

    /* Blue */
    --core-blue-50: #f5f8ff;
    --core-blue-100: #e5edff;
    --core-blue-200: #adc5ff;
    --core-blue-300: #85a9ff;
    --core-blue-400: #6090ff;
    --core-blue-500: #3874ff;
    --core-blue-600: #004dff;
    --core-blue-700: #003cc7;
    --core-blue-800: #0033aa;
    --core-blue-900: #00267b;
    --core-blue-1000: #00174d;
    --core-blue-010: #303B5A;
    --core-blue-020: #1C2231;
    --core-blue-500-100: var(--core-blue-500);
    --core-blue-500-95: rgba(56, 116, 255, 0.95);
    --core-blue-500-85: rgba(56, 116, 255, 0.85);
    --core-blue-500-75: rgba(56, 116, 255, 0.75);
    --core-blue-500-65: rgba(56, 116, 255, 0.65);
    --core-blue-500-55: rgba(56, 116, 255, 0.55);
    --core-blue-500-35: rgba(56, 116, 255, 0.35);
    --core-blue-500-45: rgba(56, 116, 255, 0.45);
    --core-blue-500-25: rgba(56, 116, 255, 0.25);
    --core-blue-500-15: rgba(56, 116, 255, 0.15);
    --core-blue-500-5: rgba(56, 116, 255, 0.05);

    /* Red */
    --core-red-50: #ffedeb;
    --core-red-100: #ffe0db;
    --core-red-200: #fabcb3;
    --core-red-300: #f48270;
    --core-red-400: #fb624a;
    --core-red-500: #fa3b1d;
    --core-red-600: #cc1b00;
    --core-red-700: #b81800;
    --core-red-800: #901400;
    --core-red-900: #630d00;
    --core-red-1000: #380700;
    --core-red-010: #4C3233;
    --core-red-020: #241F25;
    --core-red-500-100: var(--core-red-500);
    --core-red-500-95: rgba(250, 59, 29, 0.95);
    --core-red-500-85: rgba(250, 59, 29, 0.85);
    --core-red-500-75: rgba(250, 59, 29, 0.75);
    --core-red-500-65: rgba(250, 59, 29, 0.65);
    --core-red-500-55: rgba(250, 59, 29, 0.55);
    --core-red-500-45: rgba(250, 59, 29, 0.45);
    --core-red-500-35: rgba(250, 59, 29, 0.35);
    --core-red-500-25: rgba(250, 59, 29, 0.25);
    --core-red-500-15: rgba(250, 59, 29, 0.15);
    --core-red-500-5: rgba(250, 59, 29, 0.05);
    --core-red-1000-45: rgba(56, 7, 0, 0.45);

    /* Green */
    --core-green-50: #f0fdec;
    --core-green-100: #d9fbd0;
    --core-green-200: #bee8b4;
    --core-green-300: #90d67f;
    --core-green-400: #51c035;
    --core-green-500: #25b003;
    --core-green-600: #23890b;
    --core-green-700: #1c6c09;
    --core-green-800: #115a00;
    --core-green-900: #0b3d00;
    --core-green-1000: #061f00;
    --core-green-010: #354739;
    --core-green-020: #1D2527;
    --core-green-500-100: var(--core-green-500);
    --core-green-500-95: rgba(37, 176, 3, 0.95);
    --core-green-500-85: rgba(37, 176, 3, 0.85);
    --core-green-500-75: rgba(37, 176, 3, 0.75);
    --core-green-500-65: rgba(37, 176, 3, 0.65);
    --core-green-500-55: rgba(37, 176, 3, 0.55);
    --core-green-500-45: rgba(37, 176, 3, 0.45);
    --core-green-500-35: rgba(37, 176, 3, 0.35);
    --core-green-500-25: rgba(37, 176, 3, 0.25);
    --core-green-500-15: rgba(37, 176, 3, 0.15);
    --core-green-500-5: rgba(37, 176, 3, 0.05);

    /* Orange */
    --core-orange-50: #fff6e0;
    --core-orange-100: #ffefca;
    --core-orange-200: #ffe6ad;
    --core-orange-300: #ffcc85;
    --core-orange-400: #ea9c3c;
    --core-orange-500: #e5780b;
    --core-orange-600: #d6630a;
    --core-orange-700: #bc3803;
    --core-orange-800: #901400;
    --core-orange-900: #630d00;
    --core-orange-1000: #380700;
    --core-orange-010: #51453A;
    --core-orange-020: #262527;
    --core-orange-500-100: var(--core-orange-500);
    --core-orange-500-95: rgba(229, 120, 11, 0.95);
    --core-orange-500-85: rgba(229, 120, 11, 0.85);
    --core-orange-500-75: rgba(229, 120, 11, 0.75);
    --core-orange-500-65: rgba(229, 120, 11, 0.65);
    --core-orange-500-55: rgba(229, 120, 11, 0.55);
    --core-orange-500-45: rgba(229, 120, 11, 0.45);
    --core-orange-500-35: rgba(229, 120, 11, 0.35);
    --core-orange-500-25: rgba(229, 120, 11, 0.25);
    --core-orange-500-15: rgba(229, 120, 11, 0.15);
    --core-orange-500-5: rgba(229, 120, 11, 0.05);

    /* Cyan */
    --core-cyan-50: #f0faff;
    --core-cyan-100: #c7ebff;
    --core-cyan-200: #96d9ff;
    --core-cyan-300: #60c6ff;
    --core-cyan-400: #33acef;
    --core-cyan-500: #0097eb;
    --core-cyan-600: #0080c7;
    --core-cyan-700: #005585;
    --core-cyan-800: #004870;
    --core-cyan-900: #003a5b;
    --core-cyan-1000: #002337;
    --core-cyan-010: #29435A;
    --core-cyan-020: #1A2431;
    --core-cyan-500-100: var(--core-cyan-500);
    --core-cyan-500-95: rgba(0, 151, 235, 0.95);
    --core-cyan-500-85: rgba(0, 151, 235, 0.85);
    --core-cyan-500-75: rgba(0, 151, 235, 0.75);
    --core-cyan-500-65: rgba(0, 151, 235, 0.65);
    --core-cyan-500-55: rgba(0, 151, 235, 0.55);
    --core-cyan-500-45: rgba(0, 151, 235, 0.45);
    --core-cyan-500-35: rgba(0, 151, 235, 0.35);
    --core-cyan-500-25: rgba(0, 151, 235, 0.25);
    --core-cyan-500-15: rgba(0, 151, 235, 0.15);
    --core-cyan-500-5: rgba(0, 151, 235, 0.05);

    /* Purple */
    --core-purple-50: #f1e9fa;
    --core-purple-100: #d9c4f1;
    --core-purple-200: #c2a0e7;
    --core-purple-300: #aa7ddc;
    --core-purple-400: #935bd0;
    --core-purple-500: #7c3bc2;
    --core-purple-600: #66339c;
    --core-purple-700: #502978;
    --core-purple-800: #391f55;
    --core-purple-900: #231432;
    --core-purple-950: #0c0711;

    --phoenix-input-group-addon-bg-global: var(--core-gray-0);
    --phoenix-danger-rgb: 250, 59, 29;
    --phoenix-dropdown-link-hover-bg: var(--core-gray-100);
    --phoenix-dropdown-link-active-color: var(--core-gray-1100);
    --phoenix-dropdown-link-active-bg: var(--core-gray-200);
    --phoenix-border-radius: .125rem;
    --phoenix-nav-link-font-size: 0.875rem;
    --phoenix-navbar-top-height: 3.25rem;
    --phoenix-navbar-vertical-width: 15rem;
    --phoenix-border-radius-xs: .125rem;
    --phoenix-body-font-weight: 500;
    --phoenix-body-quaternary: var(--phoenix-quaternary-color);
    --phoenix-navbar-vertical-link-active-color: var(--phoenix-secondary-text-emphasis);

    --rdb-offcanvas-width: 540px;
    --rdb-offcanvas-header-height: 81px;
    --rdb-offcanvas-footer-height: 96px;
    --rdb-alert-offset: 0rem;
    --rdb-font-size: .875rem;
    --rdb-fixed-nav-sm-height: 2.25rem;
    --rdb-editor-min-height: 15rem;
    --rdb-progress-bg: var(--core-gray-900-5);
    --rdb-dropdown-color: var(--core-gray-900);
    --rdb-dropdown-bg: var(--core-gray-0);
    --rdb-dropdown-border-color: var(--core-gray-300);
    --rdb-dropdown-divider-bg: var(--core-gray-300);
    --rdb-color-picker-bg: var(--core-gray-0);
    --rdb-bg-lighter: var(--core-gray-50);
    --rdb-modal-overlay: var(--core-gray-0);
    --rdb-modal-overlay-rgb: 255, 255, 255;

    --rdb-form-control-color: var(--core-gray-900);
    --rdb-form-control-bg: var(--core-gray-0);
    --rdb-form-control-border-color: var(--core-gray-300);
    --rdb-form-control-hover-border-color: var(--core-gray-1000);
    --rdb-form-control-focus-color: var(--core-gray-900);
    --rdb-form-control-focus-bg: var(--core-gray-0);
    --rdb-form-control-focus-border-color: var(--core-gray-900-95);
    --rdb-form-control-focus-shadow-in: var(--core-gray-0);
    --rdb-form-control-focus-shadow-out: var(--core-gray-900-25);
    --rdb-form-control-error-border-color: var(--core-red-500);
    --rdb-form-control-error-hover-border-color: var(--core-red-900);
    --rdb-form-control-error-focus-shadow-out: var(--core-red-500-25);
    --rdb-form-control-disabled-color: var(--core-gray-600);
    --rdb-form-control-disabled-bg: var(--core-gray-100);
    --rdb-form-control-disabled-border-color: var(--core-gray-100);
    --rdb-form-control-placeholder-color: var(--core-gray-500);

    --rdb-form-check-border-color: var(--core-gray-900);
    --rdb-form-check-bg: var(--core-gray-400);
    --rdb-form-check-bg-checked: var(--core-gray-900);
    --rdb-form-check-hover-bg: var(--core-gray-400);
    --rdb-form-check-hover-bg-checked: var(--core-gray-1100);
    --rdb-form-check-focus-shadow-out: var(--core-gray-900-25);
    --rdb-form-radio-bg-checked: var(--core-gray-900);

    --rdb-form-validation-text-color: var(--core-gray-700);
    --rdb-form-validation-error-color: var(--core-red-500);

    --rdb-form-label-color: var(--core-gray-700);
    --rdb-form-section-color: var(--core-gray-700);
    --iti-arrow-color: var(--rdb-form-control-color);

    --rdb-btn-upgrade-color: var(--core-purple-700);
    --rdb-btn-upgrade-bg: var(--core-purple-600);
    --rdb-btn-upgrade-disabled-bg: var(--core-purple-600);
    --rdb-btn-upgrade-hover-bg: var(--core-purple-500);

    --rdb-dropdown-upgrade-link-color: var(--core-purple-800);
    --rdb-dropdown-upgrade-link-bg: var(--core-purple-50);
    --rdb-dropdown-upgrade-link-hover-bg: var(--core-purple-100);
    --rdb-dropdown-upgrade-link-active-bg: var(--core-purple-200);

    --rdb-upgrade-box-bg: var(--core-purple-50);
    --rdb-upgrade-box-border: var(--core-purple-400);
    --rdb-upgrade-box-color-primary: var(--core-purple-800);
    --rdb-upgrade-box-color-secondary: var(--core-purple-600);

    --rdb-pricing-bg: var(--core-purple-50);
    --rdb-pricing-border: var(--core-purple-300);
    --rdb-pricing-color-primary: var(--core-purple-800);
    --rdb-pricing-color-secondary: var(--core-purple-500);
}

[data-bs-theme=dark] {
    --rdb-dropdown-shadow: 0 10px 28px rgba(0, 0, 0, .42), 0 3px 8px rgba(0, 0, 0, .28);
    --phoenix-input-group-addon-bg-global: var(--core-gray-1100);
    --rdb-progress-bg: var(--core-white-5);
    --phoenix-danger-rgb: 251, 98, 74;
    --phoenix-dropdown-link-hover-bg: var(--core-gray-900);
    --phoenix-dropdown-link-active-color: var(--core-gray-200);
    --phoenix-dropdown-link-active-bg: var(--core-gray-600);

    --rdb-dropdown-color: var(--core-gray-400);
    --rdb-dropdown-bg: var(--core-gray-1100);
    --rdb-dropdown-border-color: var(--core-gray-850);
    --rdb-dropdown-divider-bg: var(--core-gray-850);
    --rdb-color-picker-bg: var(--core-gray-1100);
    --rdb-bg-lighter: var(--core-gray-1000);
    --rdb-modal-overlay: var(--core-gray-1100);
    --rdb-modal-overlay-rgb: 20, 24, 36;

    --rdb-form-control-color: var(--core-gray-300);
    --rdb-form-control-bg: var(--core-gray-1100);
    --rdb-form-control-border-color: var(--core-gray-700);
    --rdb-form-control-hover-border-color: var(--core-gray-200);
    --rdb-form-control-focus-color: var(--core-gray-300);
    --rdb-form-control-focus-bg: var(--core-gray-1100);
    --rdb-form-control-focus-border-color: var(--core-gray-200);
    --rdb-form-control-focus-shadow-in: var(--core-gray-1100);
    --rdb-form-control-focus-shadow-out: var(--core-gray-300-25);
    --rdb-form-control-error-border-color: var(--core-red-400);
    --rdb-form-control-error-hover-border-color: var(--core-red-300);
    --rdb-form-control-error-focus-shadow-out: var(--core-red-500-25);
    --rdb-form-control-disabled-color: var(--core-gray-500);
    --rdb-form-control-disabled-bg: var(--core-gray-1050);
    --rdb-form-control-disabled-border-color: var(--core-gray-1050);
    --rdb-form-control-placeholder-color: var(--core-gray-600);

    --rdb-form-check-border-color: var(--core-gray-300);
    --rdb-form-check-bg: var(--core-gray-1000);
    --rdb-form-check-bg-checked: var(--core-gray-450);
    --rdb-form-check-hover-bg: var(--core-gray-800);
    --rdb-form-check-hover-bg-checked: var(--core-gray-450);
    --rdb-form-check-focus-shadow-out: var(--core-gray-300-25);
    --rdb-form-radio-bg-checked: var(--core-gray-900);

    --rdb-form-validation-text-color: var(--core-gray-500);
    --rdb-form-validation-error-color: var(--core-red-400);

    --rdb-form-label-color: var(--core-gray-500);
    --rdb-form-section-color: var(--core-gray-500);
    --iti-arrow-color: var(--rdb-form-control-color);

    --rdb-btn-upgrade-color: var(--core-purple-600);
    --rdb-btn-upgrade-bg: var(--core-purple-500);
    --rdb-btn-upgrade-disabled-bg: var(--core-purple-600);
    --rdb-btn-upgrade-hover-bg: var(--core-purple-400);

    --rdb-dropdown-upgrade-link-color: var(--core-purple-50);
    --rdb-dropdown-upgrade-link-bg: var(--core-purple-800);
    --rdb-dropdown-upgrade-link-hover-bg: var(--core-purple-700);
    --rdb-dropdown-upgrade-link-active-bg: var(--core-purple-600);

    --rdb-upgrade-box-bg: var(--core-purple-900);
    --rdb-upgrade-box-border: var(--core-purple-600);
    --rdb-upgrade-box-color-primary: var(--core-purple-50);
    --rdb-upgrade-box-color-secondary: var(--core-purple-100);

    --rdb-pricing-bg: var(--core-purple-900);
    --rdb-pricing-border: var(--core-purple-600);
    --rdb-pricing-color-primary: var(--core-purple-50);
    --rdb-pricing-color-secondary: var(--core-purple-300);
}

.logo-light {
    display: block;
}

.logo-dark {
    display: none;
}

[data-bs-theme="dark"] .logo-light {
    display: none;
}

[data-bs-theme="dark"] .logo-dark {
    display: block;
}

.material-symbols-outlined {
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24
}

.material-symbols-outlined.fill {
    font-variation-settings:
        'FILL' 1,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24
}

.content {
    min-height: 100dvh !important;
    padding-top: calc(var(--rdb-alert-offset) + var(--phoenix-navbar-top-height)) !important;
}

.content-100vh {
    height: calc(100dvh - var(--phoenix-navbar-top-height) - var(--rdb-alert-offset)) !important;
}

/* ----------------------------------------------------------------------- */
/*                                Paddings, Margins, Gutters               */
/* ----------------------------------------------------------------------- */
.z-1056 {
    z-index: 1056 !important;
}

.p-0772 {
    padding: 0.772rem 0.772rem;
}

.py-05 {
    padding-top: .125rem !important;
    padding-bottom: .125rem !important;
}

.py-0375 {
    padding-top: .375rem !important;
    padding-bottom: .375rem !important;
}

.my-05 {
    margin-top: .125rem !important;
    margin-bottom: .125rem !important;
}

.fs-75 {
    font-size: 1.188rem !important;
}

.fs-95 {
    font-size: var(--rdb-font-size) !important;
}

.lh-125 {
    line-height: 1.25rem !important;
}

.lh-3 {
    line-height: 3rem !important;
}

.lh-120p {
    line-height: 120% !important;
}

.w-2r {
    width: 2rem !important;
}

.h-2r {
    height: 2rem !important;
}

.gap-xs {
    gap: 0.125rem !important;
}

.opacity-20 {
    opacity: 0.2 !important;
}

.opacity-95 {
    opacity: 0.95 !important;
}

.mw-44375 {
    max-width: 44.375rem !important;
}

/* ----------------------------------------------------------------------- */
/*                                Navbars                                  */
/* ----------------------------------------------------------------------- */
.fixed-top {
    top: var(--rdb-alert-offset) !important;
}

.fixed-nav {
    position: fixed;
    height: var(--phoenix-navbar-top-height);
}

.fixed-nav-wrapper {
    width: 100%;
    margin-bottom: -2px;
}

.fixed-nav-body {
    height: calc(100dvh - (var(--rdb-alert-offset) + var(--phoenix-navbar-top-height) + var(--phoenix-navbar-top-height)));
    margin-top: var(--phoenix-navbar-top-height);
}

.navbar-top .nav-link,
.fixed-nav .nav-link,
.fixed-nav-xl .nav-link,
.fixed-nav-sm-xl .nav-link {
    --phoenix-nav-link-padding-y: 0.98rem;
}

.secondary-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.secondary-nav .nav-link {
    padding: .5rem;
    line-height: 1rem;
    border-radius: var(--phoenix-border-radius-xs);
    color: var(--phoenix-navbar-vertical-link-color);
}

.rounded-xs {
    border-radius: var(--phoenix-border-radius-xs) !important;
}

.rounded-md {
    border-radius: .375rem !important;
}

.navbar-top {
    border-width: 2px !important;
}

.navbar-vertical .nav-link,
.secondary-nav .nav-link {
    --phoenix-nav-link-font-weight: 700;
}

.navbar-vertical .navbar-collapse.collapsing .navbar-vertical-content,
.navbar-vertical .navbar-collapse.show .navbar-vertical-content {
    max-height: calc(100vh - var(--rdb-alert-offset) - var(--phoenix-navbar-top-height) - 4rem);
}

.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link {
    margin-left: .75rem;
    margin-right: .75rem;
    padding: .5rem 1rem;
    line-height: 1rem;
}

.navbar-vertical .navbar-vertical-content .nav-link-icon {
    margin-right: .5rem !important;
}

.navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav-link,
.navbar-vertical-footer .navbar-nav .nav-link {
    padding: .5rem;
}

.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.active,
.secondary-nav .nav-link.active {
    color: var(--phoenix-emphasis-color) !important;
    background-color: var(--phoenix-secondary-bg) !important;
}

/* Static parent item (e.g. always-expanded Widget group): no hover/clickable affordance */
.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.nav-link-static,
.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.nav-link-static:hover,
.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.nav-link-static:focus {
    color: var(--phoenix-navbar-vertical-link-color) !important;
    background-color: transparent !important;
    cursor: default;
    box-shadow: none !important;
}

.navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav .nav-link .nav-link-text,
.secondary-nav .nav-link .nav-link-text {
    padding-left: 0 !important;
}

.navbar-vertical .navbar-vertical-footer {
    width: calc(var(--phoenix-navbar-vertical-width) - 2px) !important;
    border-top: unset !important;
    border-right: none !important;
    font-size: var(--phoenix-nav-link-font-size);
    font-weight: var(--phoenix-nav-link-font-weight);
    color: var(--phoenix-navbar-vertical-link-color);
}

.navbar-vertical .navbar-vertical-footer .navbar-nav .nav-link,
.secondary-nav .nav-link {
    line-height: 1rem;
}

.navbar-vertical .navbar-vertical-footer .nav-link-icon {
    margin-right: .625rem;
    min-width: 16px !important;
    text-align: center;
}

.navbar-vertical-footer .dropdown .profile-dropdown-toggle:hover,
.navbar-vertical-footer .dropdown .profile-dropdown-toggle:focus {
    background-color: var(--phoenix-navbar-vertical-link-hover-bg);
}

.navbar-vertical-footer .dropdown .dropdown-menu {
    left: .75rem !important;
    right: .75rem !important;
}

.navbar-vertical-logo {
    position: fixed;
    display: flex;
    align-items: center !important;
    z-index: 9;
    width: calc(var(--phoenix-navbar-vertical-width) - 2px);
    height: var(--phoenix-navbar-top-height);
    background: var(--phoenix-navbar-vertical-bg-color);
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
}

.navbar-vertical-collapsed .navbar-vertical .navbar-vertical-logo {
    width: calc(4rem - 2px);
    justify-content: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
}

.navbar-vertical-collapsed .navbar-vertical-footer .profile-dropdown-toggle {
    padding-left: 0.7rem !important;
    margin-bottom: 0 !important;
}

.navbar-vertical-collapsed .navbar-vertical .navbar-collapse .profile-dropdown-name,
.navbar-vertical-collapsed .navbar-vertical .navbar-collapse .navbar-vertical-footer .profile-dropdown-toggle::after {
    display: none !important;
}

.navbar-vertical-collapsed .profile-dropdown-toggle .material-symbols-outlined {
    margin-left: 0 !important;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus,
.secondary-nav .nav-link:hover,
.secondary-nav .nav-link:focus {
    color: var(--phoenix-dropdown-link-hover-color);
    background-color: var(--phoenix-dropdown-link-hover-bg);
}

.dropdown-item.active,
.dropdown-item:active,
.theme-control-dropdown .dropdown-menu .dropdown-item.active {
    color: var(--phoenix-dropdown-link-active-color);
    background-color: var(--phoenix-dropdown-link-active-bg);
}

.dropdown-item.upgrade {
    color: var(--rdb-dropdown-upgrade-link-color);
    background-color: var(--rdb-dropdown-upgrade-link-bg);
}

.dropdown-item.upgrade:hover,
.dropdown-item.upgrade:focus {
    background-color: var(--rdb-dropdown-upgrade-link-hover-bg);
}

.dropdown-item.upgrade.active,
.dropdown-item.upgrade.active:hover,
.dropdown-item.upgrade.active:focus {
    background-color: var(--rdb-dropdown-upgrade-link-active-bg);
}

.profile-dropdown-toggle {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    padding: .5rem 1rem;
    color: var(--phoenix-navbar-vertical-link-color);
}

.navbar-vertical-content {
    margin-top: var(--phoenix-navbar-top-height);
}

.nav-underline .nav-link {
    font-size: var(--phoenix-nav-link-font-size);
}

.nav-underline.underline-top-nav .nav-link {
    padding-bottom: 0.855rem !important;
}

.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
    border-bottom-color: var(--phoenix-emphasis-color) !important;
}

.nav-underline .nav-link:hover:not(.active),
.nav-underline .nav-link:focus:not(.active) {
    background-color: rgb(var(--phoenix-body-highlight-bg-rgb));
    border-bottom-color: var(--phoenix-border-color);
}

/* ----------------------------------------------------------------------- */
/*         Dropdowns                                                       */
/* ----------------------------------------------------------------------- */
.dropdown-toggle::after {
    font: normal normal normal 0.74rem/1 'Material Symbols Outlined';
    font-size: var(--phoenix-nav-link-font-size);
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    transition: transform 0.12s linear;
    border: none !important;
    content: "\e313" !important;
    vertical-align: -.1rem !important;
    transform: scaleY(1);
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    margin-left: 0 !important;
}

.profile-dropdown-toggle::after {
    position: absolute;
    top: .75rem;
    right: .75rem;
}

.dropdown-toggle.show::after {
    transform: scaleY(-1);
}

.dropdown-menu {
    --phoenix-dropdown-min-width: min(350px, calc(100vw - 24px));
    width: 350px;
    --bs-dropdown-min-width: min(350px, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    --phoenix-dropdown-box-shadow: var(--rdb-dropdown-shadow);
    box-shadow: var(--rdb-dropdown-shadow);
    font-size: 1rem;
    --phoenix-dropdown-color: var(--core-gray-900);
    --phoenix-dropdown-bg: var(--core-gray-0);
    --phoenix-dropdown-border-color: var(--core-gray-300);
    --phoenix-dropdown-divider-bg: var(--core-gray-300);
    --phoenix-dropdown-link-color: var(--core-gray-900);
    --phoenix-dropdown-link-hover-color: var(--core-gray-1100);
    --phoenix-dropdown-link-hover-bg: var(--core-gray-100);
    --phoenix-dropdown-link-active-color: var(--core-gray-1100);
    --phoenix-dropdown-link-active-bg: var(--core-gray-200);
    --phoenix-dropdown-link-disabled-color: var(--core-gray-700);
    --phoenix-dropdown-header-color: var(--core-gray-700);
    --rdb-dropdown-link-danger-color: var(--core-red-500);
    --rdb-dropdown-link-danger-hover-color: var(--core-red-600)
}

[data-bs-theme=dark] .dropdown-menu {
    --phoenix-dropdown-color: var(--core-gray-400);
    --phoenix-dropdown-bg: var(--core-gray-1100);
    --phoenix-dropdown-border-color: var(--core-gray-850);
    --phoenix-dropdown-divider-bg: var(--core-gray-850);
    --phoenix-dropdown-link-color: var(--core-gray-400);
    --phoenix-dropdown-link-hover-color: var(--core-gray-200);
    --phoenix-dropdown-link-hover-bg: var(--core-gray-900);
    --phoenix-dropdown-link-active-color: var(--core-gray-200);
    --phoenix-dropdown-link-active-bg: var(--core-gray-600);
    --phoenix-dropdown-link-disabled-color: var(--core-gray-600);
    --phoenix-dropdown-header-color: var(--core-gray-600);
    --rdb-dropdown-link-danger-color: var(--core-red-500);
    --rdb-dropdown-link-danger-hover-color: var(--core-red-400)
}

.dropdown-menu .danger {
    color: var(--rdb-dropdown-link-danger-color);
}

.dropdown-menu .danger:hover,
.dropdown-menu .danger:focus {
    color: var(--rdb-dropdown-link-danger-hover-color);
}

.dropdown-item,
.navbar .dropdown-item {
    font-weight: 600;
}

/* ----------------------------------------------------------------------- */
/*                                Alerts                                   */
/* ----------------------------------------------------------------------- */
.alert {
    --phoenix-alert-margin-bottom: 1.5rem !important;
}

.alert-success {
    --phoenix-alert-color: var(--core-gray-900);
    --phoenix-alert-bg: var(--core-green-50);
    --phoenix-alert-border-color: var(--core-green-400);
    --phoenix-alert-link-color: var(--core-green-700);
}

.alert-success .material-symbols-outlined.alert-icon {
    color: var(--core-green-400);
}

[data-bs-theme=dark] .alert-success {
    --phoenix-alert-color: var(--core-gray-300);
    --phoenix-alert-bg: var(--core-green-020);
    --phoenix-alert-border-color: var(--core-green-500);
    --phoenix-alert-link-color: var(--core-green-300);
}

.alert-info {
    --phoenix-alert-color: var(--core-gray-900);
    --phoenix-alert-bg: var(--core-cyan-50);
    --phoenix-alert-border-color: var(--core-cyan-500);
    --phoenix-alert-link-color: var(--core-gray-900);
}

.alert-info .material-symbols-outlined.alert-icon {
    color: var(--core-cyan-500);
}

[data-bs-theme=dark] .alert-info {
    --phoenix-alert-color: var(--core-gray-300);
    --phoenix-alert-bg: var(--core-cyan-1000);
    --phoenix-alert-border-color: var(--core-cyan-500);
    --phoenix-alert-link-color: var(--core-gray-300);
}

.alert-warning {
    --phoenix-alert-color: var(--core-gray-900);
    --phoenix-alert-bg: var(--core-orange-50);
    --phoenix-alert-border-color: var(--core-orange-400);
    --phoenix-alert-link-color: var(--core-gray-900);
}

.alert-warning .material-symbols-outlined.alert-icon {
    color: var(--core-orange-400);
}

[data-bs-theme=dark] .alert-warning {
    --phoenix-alert-color: var(--core-gray-300);
    --phoenix-alert-bg: var(--core-orange-020);
    --phoenix-alert-border-color: var(--core-orange-500);
    --phoenix-alert-link-color: var(--core-gray-300);
}

.alert-danger {
    --phoenix-alert-color: var(--core-gray-900);
    --phoenix-alert-bg: var(--core-red-50);
    --phoenix-alert-border-color: var(--core-red-500);
    --phoenix-alert-link-color: var(--core-gray-900);
}

[data-bs-theme=dark] .alert-danger {
    --phoenix-alert-color: var(--core-gray-300);
    --phoenix-alert-bg: var(--core-red-020);
    --phoenix-alert-border-color: var(--core-red-700);
    --phoenix-alert-link-color: var(--core-gray-300);
}

.alert-danger .material-symbols-outlined.alert-icon {
    color: var(--core-red-700);
}

/* ----------------------------------------------------------------------- */
/*         Buttons                                                         */
/* ----------------------------------------------------------------------- */
.btn {
    display: inline-flex;
    justify-content: center;
    --webkit-justify-content: center;
    --phoenix-btn-font-size: var(--rdb-font-size);
    --phoenix-btn-padding-y: 0.3815rem;
    --phoenix-btn-border-width: 2px !important;
    --phoenix-btn-disabled-opacity: 0.5;
    --phoenix-btn-line-height: 1.49;
    gap: .5rem !important;
    border-radius: var(--phoenix-border-radius-xs) !important;
}

.btn-xs {
    --phoenix-btn-padding-y: 0.125rem !important;
    --phoenix-btn-padding-x: 0.125rem !important;
}

.btn-sm {
    gap: .25rem !important;
    --phoenix-btn-font-size: var(--rdb-font-size);
    --phoenix-btn-padding-y: 0.2568rem;
}

.btn-lg {
    --phoenix-btn-font-size: 1rem;
    --phoenix-btn-padding-y: 0.6875rem;
}

.btn.btn-w-icon-text {
    --phoenix-btn-padding-x: 1rem !important;
}

.btn.btn-w-icon {
    --phoenix-btn-padding-x: 0.2833rem;
}

.btn.btn-w-icon-text,
.btn.btn-w-icon,
.btn.dropdown-toggle,
.btn-lg.dropdown-toggle {
    display: inline-flex;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.btn.btn-w-icon-text,
.btn.btn-w-icon,
.btn.dropdown-toggle,
.btn-lg.dropdown-toggle {
    --phoenix-btn-padding-y: 0.2833rem;
}

.btn-sm.btn-w-icon-text,
.btn-sm.dropdown-toggle {
    --phoenix-btn-padding-y: 0.1586rem !important;
    --phoenix-btn-padding-x: 0.5rem !important;
}

.btn-sm.btn-w-icon {
    --phoenix-btn-padding-y: 0.1586rem !important;
    --phoenix-btn-padding-x: 0.1586rem !important;
}

.btn-lg.btn-w-icon {
    --phoenix-btn-padding-x: 0.683rem !important;
}

.btn-lg.btn-w-icon-text,
.btn-lg.btn-w-icon,
.btn-lg.dropdown-toggle {
    --phoenix-btn-padding-y: 0.683rem !important;
}

.btn.dropdown-toggle::after,
.btn-sm.dropdown-toggle::after,
.btn-lg.dropdown-toggle::after {
    font-size: 24px;
    text-align: right;
    width: 100%;
    margin-right: -.5rem;
}

.btn-select {
    --phoenix-btn-color: var(--rdb-form-control-color);
    --phoenix-btn-bg: var(--rdb-form-control-bg);
    --phoenix-btn-border-color: var(--rdb-form-control-border-color);
    --phoenix-btn-hover-color: var(--rdb-form-control-color);
    --phoenix-btn-hover-bg: var(--rdb-form-control-bg);
    --phoenix-btn-hover-border-color: var(--rdb-form-control-hover-border-color);
    --phoenix-btn-active-color: var(--rdb-form-control-focus-color);
    --phoenix-btn-active-bg: var(--rdb-form-control-focus-bg);
    --phoenix-btn-active-border-color: var(--rdb-form-control-hover-border-color);
    --phoenix-btn-focus-bg: var(--rdb-form-control-focus-bg);
    --phoenix-btn-font-weight: 600;
    border-width: var(--phoenix-border-width);
}

.btn.btn-select {
    padding-top: 0.346rem;
    padding-bottom: 0.346rem;
}

.btn-sm.btn-select {
    padding-top: 0.221rem;
    padding-bottom: 0.221rem;
}

.btn-lg.btn-select {
    padding-top: 0.7455rem;
    padding-bottom: 0.7455rem;
}

.btn-select:focus,
.btn-select:active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 0 .25rem var(--rdb-form-control-focus-shadow-out);
}

.btn-secondary {
    --phoenix-btn-color: var(--core-gray-0);
    --phoenix-btn-bg: var(--core-gray-900);
    --phoenix-btn-border-color: var(--core-gray-900);
    --phoenix-btn-hover-color: var(--core-gray-0);
    --phoenix-btn-hover-bg: var(--core-gray-700);
    --phoenix-btn-hover-border-color: var(--core-gray-700);
    --phoenix-btn-active-color: var(--core-gray-0);
    --phoenix-btn-active-bg: var(--core-gray-900);
    --phoenix-btn-active-border-color: var(--core-gray-900);
    --phoenix-btn-disabled-color: var(--core-gray-0);
    --phoenix-btn-disabled-bg: var(--core-gray-900);
    --phoenix-btn-disabled-border-color: var(--core-gray-900);
}

[data-bs-theme=dark] .btn-secondary {
    --phoenix-btn-color: var(--core-gray-0);
    --phoenix-btn-bg: var(--core-gray-650);
    --phoenix-btn-border-color: var(--core-gray-650);
    --phoenix-btn-hover-color: var(--core-gray-0);
    --phoenix-btn-hover-bg: var(--core-gray-500);
    --phoenix-btn-hover-border-color: var(--core-gray-500);
    --phoenix-btn-active-color: var(--core-gray-0);
    --phoenix-btn-active-bg: var(--core-gray-650);
    --phoenix-btn-active-border-color: var(--core-gray-650);
    --phoenix-btn-disabled-color: var(--core-gray-0);
    --phoenix-btn-disabled-bg: var(--core-gray-650);
    --phoenix-btn-disabled-border-color: var(--core-gray-650);
}

.btn-secondary.success {
    --phoenix-btn-bg: var(--core-green-600);
    --phoenix-btn-border-color: var(--core-green-600);
    --phoenix-btn-hover-bg: var(--core-green-500);
    --phoenix-btn-hover-border-color: var(--core-green-500);
    --phoenix-btn-active-bg: var(--core-green-500);
    --phoenix-btn-active-border-color: var(--core-green-500);
    --phoenix-btn-disabled-bg: var(--core-green-500);
    --phoenix-btn-disabled-border-color: var(--core-green-500);
}

[data-bs-theme=dark] .btn-secondary.success {
    --phoenix-btn-bg: var(--core-green-500);
    --phoenix-btn-border-color: var(--core-green-500);
    --phoenix-btn-hover-bg: var(--core-green-300);
    --phoenix-btn-hover-border-color: var(--core-green-300);
    --phoenix-btn-active-bg: var(--core-green-300);
    --phoenix-btn-active-border-color: var(--core-green-300);
    --phoenix-btn-disabled-bg: var(--core-green-300);
    --phoenix-btn-disabled-border-color: var(--core-green-300);
}

.btn-secondary.success.no-hover {
    --phoenix-btn-hover-bg: var(--core-green-600);
    --phoenix-btn-hover-border-color: var(--core-green-600);
    --phoenix-btn-active-bg: var(--core-green-600);
    --phoenix-btn-active-border-color: var(--core-green-600);
    --phoenix-btn-disabled-bg: var(--core-green-600);
    --phoenix-btn-disabled-border-color: var(--core-green-600);
}

[data-bs-theme=dark] .btn-secondary.success.no-hover {
    --phoenix-btn-hover-bg: var(--core-green-500);
    --phoenix-btn-hover-border-color: var(--core-green-500);
    --phoenix-btn-active-bg: var(--core-green-300);
    --phoenix-btn-active-border-color: var(--core-green-300);
    --phoenix-btn-disabled-bg: var(--core-green-300);
    --phoenix-btn-disabled-border-color: var(--core-green-300);
}

.btn-outline-secondary {
    --phoenix-btn-color: var(--core-gray-900);
    --phoenix-btn-bg: transparent;
    --phoenix-btn-border-color: var(--core-gray-900);
    --phoenix-btn-hover-color: var(--core-gray-900);
    --phoenix-btn-hover-bg: var(--core-gray-900-15);
    --phoenix-btn-hover-border-color: var(--core-gray-900);
    --phoenix-btn-active-color: var(--core-gray-900);
    --phoenix-btn-active-bg: transparent;
    --phoenix-btn-active-border-color: var(--core-gray-900);
    --phoenix-btn-disabled-color: var(--core-gray-900);
    --phoenix-btn-disabled-bg: transparent;
    --phoenix-btn-disabled-border-color: var(--core-gray-900);
}

[data-bs-theme=dark] .btn-outline-secondary {
    --phoenix-btn-color: var(--core-gray-300);
    --phoenix-btn-bg: transparent;
    --phoenix-btn-border-color: var(--core-gray-300);
    --phoenix-btn-hover-color: var(--core-gray-200);
    --phoenix-btn-hover-bg: var(--core-gray-300-25);
    --phoenix-btn-hover-border-color: var(--core-gray-200);
    --phoenix-btn-active-color: var(--core-gray-300);
    --phoenix-btn-active-bg: transparent;
    --phoenix-btn-active-border-color: var(--core-gray-300);
    --phoenix-btn-disabled-color: var(--core-gray-300);
    --phoenix-btn-disabled-bg: transparent;
    --phoenix-btn-disabled-border-color: var(--core-gray-300);
}

.btn-danger {
    --phoenix-btn-bg: var(--core-red-600);
    --phoenix-btn-border-color: var(--core-red-600);
    --phoenix-btn-hover-bg: var(--core-red-500);
    --phoenix-btn-hover-border-color: var(--core-red-500);
    --phoenix-btn-active-bg: var(--core-red-500);
    --phoenix-btn-active-border-color: var(--core-red-500);
    --phoenix-btn-disabled-bg: var(--core-red-500);
    --phoenix-btn-disabled-border-color: var(--core-red-500);
}

[data-bs-theme=dark] .btn-danger {
    --phoenix-btn-bg: var(--core-red-500);
    --phoenix-btn-border-color: var(--core-red-500);
    --phoenix-btn-hover-bg: var(--core-red-300);
    --phoenix-btn-hover-border-color: var(--core-red-300);
    --phoenix-btn-active-bg: var(--core-red-300);
    --phoenix-btn-active-border-color: var(--core-red-300);
    --phoenix-btn-disabled-bg: var(--core-red-300);
    --phoenix-btn-disabled-border-color: var(--core-red-300);
}

.btn-link {
    --phoenix-btn-color: var(--core-gray-700);
    --phoenix-btn-bg: transparent;
    --phoenix-btn-border-color: transparent;
    --phoenix-btn-hover-color: var(--core-gray-1000);
    --phoenix-btn-hover-bg: var(--core-gray-900-15);
    --phoenix-btn-hover-border-color: transparent;
    --phoenix-btn-active-color: var(--core-gray-700);
    --phoenix-btn-active-bg: transparent;
    --phoenix-btn-active-border-color: transparent;
    --phoenix-btn-disabled-color: var(--core-gray-700);
    --phoenix-btn-disabled-bg: transparent;
    --phoenix-btn-disabled-border-color: transparent;
    text-decoration: none !important;
}

[data-bs-theme=dark] .btn-link {
    --phoenix-btn-color: var(--core-gray-450);
    --phoenix-btn-bg: transparent;
    --phoenix-btn-border-color: transparent;
    --phoenix-btn-hover-color: var(--core-gray-300);
    --phoenix-btn-hover-bg: var(--core-gray-300-15);
    --phoenix-btn-hover-border-color: transparent;
    --phoenix-btn-active-color: var(--core-gray-450);
    --phoenix-btn-active-bg: transparent;
    --phoenix-btn-active-border-color: transparent;
    --phoenix-btn-disabled-color: var(--core-gray-450);
    --phoenix-btn-disabled-bg: transparent;
    --phoenix-btn-disabled-border-color: transparent;
}

.btn-link.success {
    --phoenix-btn-color: var(--core-green-500);
    --phoenix-btn-hover-color: var(--core-green-700);
    --phoenix-btn-active-color: var(--core-green-500);
    --phoenix-btn-disabled-color: var(--core-green-500);
}

[data-bs-theme=dark] .btn-link.success {
    --phoenix-btn-color: var(--core-green-400);
    --phoenix-btn-hover-color: var(--core-green-500);
    --phoenix-btn-active-color: var(--core-green-400);
    --phoenix-btn-disabled-color: var(--core-green-400);
}

.btn-link.success.no-hover {
    --phoenix-btn-hover-bg: transparent;
    --phoenix-btn-hover-color: var(--core-green-500);
    --phoenix-btn-active-color: var(--core-green-500);
    --phoenix-btn-disabled-color: var(--core-green-500);
}

[data-bs-theme=dark] .btn-link.success.no-hover {
    --phoenix-btn-hover-bg: transparent;
    --phoenix-btn-hover-color: var(--core-green-400);
    --phoenix-btn-active-color: var(--core-green-400);
    --phoenix-btn-disabled-color: var(--core-green-400);
}

.btn-link.danger {
    --phoenix-btn-color: var(--core-red-500);
    --phoenix-btn-hover-color: var(--core-red-700);
    --phoenix-btn-active-color: var(--core-red-500);
    --phoenix-btn-disabled-color: var(--core-red-500);
}

[data-bs-theme=dark] .btn-link.danger {
    --phoenix-btn-color: var(--core-red-400);
    --phoenix-btn-hover-color: var(--core-red-500);
    --phoenix-btn-active-color: var(--core-red-400);
    --phoenix-btn-disabled-color: var(--core-red-400);
}

.btn-subscribe {
    --phoenix-btn-color: var(--core-gray-0);
    --phoenix-btn-bg: var(--rdb-btn-upgrade-bg);
    --phoenix-btn-border-color: var(--rdb-btn-upgrade-bg);
    --phoenix-btn-hover-color: var(--core-gray-0);
    --phoenix-btn-hover-bg: var(--rdb-btn-upgrade-hover-bg);
    --phoenix-btn-hover-border-color: var(--rdb-btn-upgrade-hover-bg);
    --phoenix-btn-active-color: var(--core-gray-0);
    --phoenix-btn-active-bg: var(--rdb-btn-upgrade-bg);
    --phoenix-btn-active-border-color: var(--rdb-btn-upgrade-bg);
    --phoenix-btn-disabled-color: var(--core-gray-0);
    --phoenix-btn-disabled-bg: var(--rdb-btn-upgrade-disabled-bg);
    --phoenix-btn-disabled-border-color: var(--rdb-btn-upgrade-disabled-bg);
}

[data-bs-theme=dark] .btn-subscribe {
    --phoenix-btn-color: var(--core-gray-0);
    --phoenix-btn-bg: var(--rdb-btn-upgrade-bg);
    --phoenix-btn-border-color: var(--rdb-btn-upgrade-bg);
    --phoenix-btn-hover-color: var(--core-gray-0);
    --phoenix-btn-hover-bg: var(--rdb-btn-upgrade-hover-bg);
    --phoenix-btn-hover-border-color: var(--rdb-btn-upgrade-hover-bg);
    --phoenix-btn-active-color: var(--core-gray-0);
    --phoenix-btn-active-bg: var(--rdb-btn-upgrade-bg);
    --phoenix-btn-active-border-color: var(--rdb-btn-upgrade-bg);
    --phoenix-btn-disabled-color: var(--core-gray-0);
    --phoenix-btn-disabled-bg: var(--rdb-btn-upgrade-disabled-bg);
    --phoenix-btn-disabled-border-color: var(--rdb-btn-upgrade-disabled-bg);
}

.upgrade-color {
    color: var(--rdb-btn-upgrade-color);
}

/* ----------------------------------------------------------------------- */
/*         Spinners                                                        */
/* ----------------------------------------------------------------------- */
.spinner-border-sm,
.spinner-border-md,
.spinner-border-lg {
    --phoenix-spinner-width: 1.25rem;
    --phoenix-spinner-height: 1.25rem;
    --phoenix-spinner-border-width: 0.2em;
    margin: 0.125rem;
}

.spinner-border.spinner-arc {
    border: var(--phoenix-spinner-border-width) solid rgba(0, 0, 0, 0.2);
    border-top-color: currentColor;
    width: var(--phoenix-spinner-width);
    height: var(--phoenix-spinner-height);
}

/* ----------------------------------------------------------------------- */
/*         Tooltips                                                        */
/* ----------------------------------------------------------------------- */
.tooltip {
    --phoenix-tooltip-max-width: 300px;
    --phoenix-tooltip-font-size: 0.875rem;
    --phoenix-tooltip-border-radius: .125rem;
    line-height: 1.25rem;
}

.tooltip.show {
    opacity: 1;
}

.tooltip .tooltip-inner {
    text-align: left;
    font-weight: 400;
    line-height: 1.25rem;
}

.tooltip .tooltip-inner a:not(.btn) {
    color: var(--phoenix-tooltip-color);
    text-decoration: underline;
}

.tooltip.text-start .tooltip-inner,
.tooltip-upgrade .tooltip-inner {
    text-align: start !important;
}

.tooltip-upgrade {
    --phoenix-tooltip-bg: var(--rdb-upgrade-box-bg);
    --phoenix-tooltip-color: var(--rdb-upgrade-box-color-secondary);
    --phoenix-tooltip-padding-x: .875rem;
    --phoenix-tooltip-padding-y: .875rem;
    --phoenix-tooltip-border-radius: .5rem;
    pointer-events: auto !important;
}

.tooltip-upgrade>.tooltip-inner {
    border-radius: .5rem;
    border: .125rem solid var(--rdb-upgrade-box-border);
    --phoenix-tooltip-max-width: 258px;
    pointer-events: auto !important;
}

.tooltip-upgrade.bs-tooltip-top .tooltip-arrow::before,
.tooltip-upgrade.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--rdb-upgrade-box-border) !important;
}

.tooltip-upgrade.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip-upgrade.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: var(--rdb-upgrade-box-border) !important;
}

.tooltip-upgrade.bs-tooltip-end .tooltip-arrow::before,
.tooltip-upgrade.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: var(--rdb-upgrade-box-border) !important;
}

.tooltip-upgrade.bs-tooltip-start .tooltip-arrow::before,
.tooltip-upgrade.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: var(--rdb-upgrade-box-border) !important;
}

.tooltip-heading {
    color: var(--rdb-upgrade-box-color-primary);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: .25rem;
}

/* ----------------------------------------------------------------------- */
/*         Form control, selects, inputs, checkboxes, switches             */
/* ----------------------------------------------------------------------- */
.form-section {
    display: flex;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--rdb-form-section-color);
    line-height: 1.5rem;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.form-section .form-section-label {
    display: flex;
    gap: .25rem !important;
    margin-right: auto !important;
    padding-top: .25rem;
    padding-bottom: .25rem;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.form-check-label {
    font-size: var(--phoenix-body-font-size);
}

.form-check-lg {
    padding-top: 0.315rem;
    padding-bottom: 0.315rem;
    gap: 0.688rem !important;
}

.form-check-input-lg {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.form-text {
    margin-top: .5rem;
    font-size: var(--rdb-font-size);
    line-height: 1.25rem;
    color: var(--rdb-form-validation-text-color);
}

.form-label {
    color: var(--rdb-form-label-color);
    font-size: var(--rdb-font-size);
    line-height: 1.25rem;
}

.form-select {
    background-size: 14px;
}

.form-control,
.form-control-lg,
.form-select,
.form-select-lg,
.input-group>.input-group-text,
.input-group-sm>.input-group-text,
.input-group-md>.input-group-text,
.input-group-lg>.input-group-text {
    border-radius: var(--phoenix-border-radius-xs) !important;
}

.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.form-control,
.form-select {
    color: var(--rdb-form-control-color);
    border: var(--phoenix-border-width) solid var(--rdb-form-control-border-color);
    background-color: var(--rdb-form-control-bg);
}

.form-control:hover,
.form-select:hover {
    border-color: var(--rdb-form-control-hover-border-color);
}

.form-control:focus {
    color: var(--rdb-form-control-focus-color);
    border: var(--phoenix-border-width) solid var(--rdb-form-control-focus-border-color);
    background-color: var(--rdb-form-control-focus-bg);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 0 .25rem var(--rdb-form-control-focus-shadow-out);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 0 .25rem var(--rdb-form-control-focus-shadow-out);
}

.form-select:focus {
    color: var(--rdb-form-control-focus-color);
    border: var(--phoenix-border-width) solid var(--rdb-form-control-focus-border-color);
    background-color: var(--rdb-form-control-focus-bg);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 .25rem var(--rdb-form-control-focus-shadow-out);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 0 .25rem var(--rdb-form-control-focus-shadow-out);
}

.form-control:disabled,
.form-control.disabled,
.form-select:disabled,
.form-control.readonly,
.input-group-text.disabled,
.input-group-text.disabled:focus,
.input-group-text.disabled:focus-visible,
.input-group-text.disabled:focus-within {
    color: var(--rdb-form-control-disabled-color);
    border: var(--phoenix-border-width) solid var(--rdb-form-control-disabled-border-color);
    background-color: var(--rdb-form-control-disabled-bg) !important;
}

.form-control::-webkit-input-placeholder {
    color: var(--rdb-form-control-placeholder-color);
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: var(--rdb-form-control-placeholder-color);
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: var(--rdb-form-control-placeholder-color);
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: var(--rdb-form-control-placeholder-color);
    opacity: 1;
}

.form-control::placeholder {
    color: var(--rdb-form-control-placeholder-color);
    opacity: 1;
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: var(--rdb-form-control-border-color);
    padding-right: unset;
    background-image: none;
    background-repeat: unset;
    background-position: unset;
    background-size: unset;
    box-shadow: none;
}

.was-validated .form-control:valid:hover,
.form-control.is-valid:hover {
    border-color: var(--rdb-form-control-hover-border-color) !important;
}

.was-validated .form-control:not(.disabled):valid:focus,
.form-control:not(.disabled).is-valid:focus {
    color: var(--rdb-form-control-focus-color);
    border: var(--phoenix-border-width) solid var(--rdb-form-control-focus-border-color);
    background-color: var(--rdb-form-control-focus-bg);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 0 .25rem var(--rdb-form-control-focus-shadow-out);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 0 .25rem var(--rdb-form-control-focus-shadow-out);
}

.form-control.disabled.is-valid,
.form-control.disabled:valid,
.form-control.disabled:hover,
.form-control.disabled.is-valid:hover {
    border-color: var(--rdb-form-control-disabled-border-color) !important;
    padding-right: unset !important;
    background-image: none !important;
    background-repeat: unset !important;
    background-position: unset !important;
    background-size: unset !important;
    box-shadow: none !important;
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
    --phoenix-form-select-bg-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03NS4zNDggMTI3LjE5MkM3Mi40MzgxIDEyNy4xOTIgNjkuODUxNCAxMjYuMjIyIDY3LjkxMTUgMTI0LjI4Mkw1LjgzMjE1IDYyLjIwMjNDMS42Mjg4NyA1OC4zMjIzIDEuNjI4ODcgNTEuNTMyNCA1LjgzMjE1IDQ3LjY1MjVDOS43MTIxMSA0My40NDkyIDE2LjUwMiA0My40NDkyIDIwLjM4MiA0Ny42NTI1TDc1LjM0OCAxMDIuMjk1TDEyOS45OTEgNDcuNjUyNUMxMzMuODcxIDQzLjQ0OTIgMTQwLjY2MSA0My40NDkyIDE0NC41NDEgNDcuNjUyNUMxNDguNzQ0IDUxLjUzMjQgMTQ4Ljc0NCA1OC4zMjIzIDE0NC41NDEgNjIuMjAyM0w4Mi40NjEzIDEyNC4yODJDODAuNTIxMyAxMjYuMjIyIDc3LjkzNDcgMTI3LjE5MiA3NS4zNDggMTI3LjE5MloiIGZpbGw9IiMzMTM3NEEiLz4KPC9zdmc+Cg==");
    padding-right: 2.5rem;
    background-position: right 1rem center;
    background-size: 14px;
}

.was-validated .form-select:valid,
.form-select.is-valid {
    border-color: var(--rdb-form-control-border-color);
}

.was-validated .form-select:valid:hover,
.form-select.is-valid:hover {
    border-color: var(--rdb-form-control-hover-border-color);
}

.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
    border-color: var(--rdb-form-control-focus-border-color);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 .25rem var(--rdb-form-control-focus-shadow-out);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 0 .25rem var(--rdb-form-control-focus-shadow-out);
}

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
    border-color: var(--rdb-form-check-border-color)
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
    background-color: var(--rdb-form-check-bg-checked);
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
    color: var(--phoenix-tertiary-color);
}

.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
    box-shadow: 0 0 0 .25rem var(--rdb-form-check-focus-shadow-out);
    --webkit-box-shadow: 0 0 0 .25rem var(--rdb-form-check-focus-shadow-out);
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: var(--rdb-form-control-error-border-color);
    background-image: none !important;
}

.was-validated .form-select:invalid,
.form-select.is-invalid {
    border-color: var(--rdb-form-control-error-border-color);
}

.was-validated .form-control:invalid:hover,
.form-control.is-invalid:hover,
.was-validated .form-select:invalid:hover,
.form-select.is-invalid:hover {
    border-color: var(--rdb-form-control-error-hover-border-color);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: var(--rdb-form-control-error-border-color) !important;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 0 .25rem var(--core-red-500-25) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 0 .25rem var(--core-red-500-25) !important;
}

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
    --phoenix-form-select-bg-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03NS4zNDggMTI3LjE5MkM3Mi40MzgxIDEyNy4xOTIgNjkuODUxNCAxMjYuMjIyIDY3LjkxMTUgMTI0LjI4Mkw1LjgzMjE1IDYyLjIwMjNDMS42Mjg4NyA1OC4zMjIzIDEuNjI4ODcgNTEuNTMyNCA1LjgzMjE1IDQ3LjY1MjVDOS43MTIxMSA0My40NDkyIDE2LjUwMiA0My40NDkyIDIwLjM4MiA0Ny42NTI1TDc1LjM0OCAxMDIuMjk1TDEyOS45OTEgNDcuNjUyNUMxMzMuODcxIDQzLjQ0OTIgMTQwLjY2MSA0My40NDkyIDE0NC41NDEgNDcuNjUyNUMxNDguNzQ0IDUxLjUzMjQgMTQ4Ljc0NCA1OC4zMjIzIDE0NC41NDEgNjIuMjAyM0w4Mi40NjEzIDEyNC4yODJDODAuNTIxMyAxMjYuMjIyIDc3LjkzNDcgMTI3LjE5MiA3NS4zNDggMTI3LjE5MloiIGZpbGw9IiMzMTM3NEEiLz4KPC9zdmc+Cg==");
    padding-right: 2.5rem;
    background-position: right 1rem center;
    background-size: 14px;
}

.invalid-feedback {
    font-size: var(--rdb-font-size);
    margin-top: .5rem;
    color: var(--rdb-form-control-error-border-color);
    line-height: 1.25rem;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.invalid-feedback-ajax {
    display: none;
}

.edit-feedback {
    display: none;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.edit-feedback {
    transition: opacity 0.15s ease-in-out;
}

.was-validated :invalid~.invalid-feedback,
.was-validated .input-group:has(input:invalid)+.invalid-feedback,
.was-validated .input-group:has(input.is-invalid)+.invalid-feedback,
.was-validated .input-group-color:has(input:invalid)+.invalid-feedback,
.was-validated .input-group-color:has(input.is-invalid)+.invalid-feedback,
.input-group:has(input.is-invalid)+.invalid-feedback,
.input-group-color:has(input.is-invalid)+.invalid-feedback,
.was-validated :invalid~.invalid-feedback-ajax:not(:empty),
.was-validated .input-group:has(input:invalid)+.invalid-feedback-ajax:not(:empty),
.was-validated .input-group:has(input.is-invalid)+.invalid-feedback-ajax:not(:empty),
.input-group:has(input.is-invalid)+.invalid-feedback-ajax,
.input-group-color:has(input.is-invalid)+.invalid-feedback-ajax:not(:empty) {
    display: flex;
}

.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-feedback-ajax:not(:empty),
.is-invalid~.invalid-tooltip {
    display: flex;
}

.is-invalid~.form-text,
.is-invalid+.form-text {
    display: none !important;
}

.form-check-component .form-check-input {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: -0.85em;
}

.form-check-component:hover {
    color: var(--phoenix-dropdown-link-hover-color-global);
    background-color: var(--phoenix-dropdown-link-hover-bg);
    border-radius: var(--phoenix-border-radius-xs);
}

.form-check-component:hover .form-check-input,
.form-check:hover .form-check-input {
    background-color: var(--rdb-form-check-hover-bg);
}

.form-check-input {
    border-color: var(--rdb-form-check-border-color);
}

.form-check-input[type=checkbox] {
    border-radius: .13em;
}

.form-check .form-check-input:hover {
    background-color: var(--rdb-form-check-hover-bg);
}

.form-check-input:focus {
    border-color: var(--rdb-form-check-border-color);
    box-shadow: 0 0 0 .25rem var(--rdb-form-check-focus-shadow-out);
    --webkit-box-shadow: 0 0 0 .25rem var(--rdb-form-check-focus-shadow-out);
}

.form-check .form-check-input:checked {
    background-color: var(--rdb-form-radio-bg-checked);
    border-color: var(--rdb-form-check-border-color);
}

.form-switch .form-check-input:checked {
    background-color: var(--rdb-form-check-bg-checked);
    border-color: var(--rdb-form-check-border-color);
}

.form-check .form-check-input:checked:hover {
    background-color: var(--rdb-form-check-hover-bg-checked);
}

.form-switch .form-check-input {
    background-color: var(--rdb-form-check-bg);
    border-radius: 2em;
}

.form-switchZ .form-check-inputZ:checked {
    background-color: var(--phoenix-secondary);
}

.form-switch.form-switch-md {
    padding-left: 3.5em;
    /*height: 2em;*/
}

.form-switch.form-switch-md .form-check-input {
    margin-left: -3.5em;
    height: 1.5em;
    width: 3em;
}

.form-switch.form-switch-md .form-check-label {
    font-size: 1rem;
    padding-top: 0.3em;
    padding-left: .25rem;
}

.form-switch.form-switch-lg {
    padding-left: 4.5em;
    /*height: 2.5em;*/
}

.form-switch.form-switch-lg .form-check-input {
    margin-left: -4.5em;
    height: 2em;
    width: 4em;
}

.form-switch.form-switch-lg .form-check-label {
    font-size: 1rem;
    padding-top: 0.5em;
    padding-left: .5rem;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --phoenix-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff' fill-opacity='0.5' /%3e%3c/svg%3e");
}

.collapsible-section {
    color: var(--rdb-form-section-color);
    font-size: 1.25rem;
    font-weight: 700;
}

.collapsible-section:hover,
.collapsible-section:focus,
.collapsible-section:active {
    text-decoration: none;
}

/* ----------------------------------------------------------------------- */
/*         Choices                                                         */
/* ----------------------------------------------------------------------- */
.choices,
.choices__inner {
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.49 !important;
    color: var(--rdb-form-control-color) !important;
    background-color: var(--rdb-form-control-bg) !important;
}

.choices,
.choices__inner {
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
}

.choices {
    margin-bottom: unset !important;
}

.choices__inner {
    padding: .5rem 1.5rem .5rem .75rem !important;
    min-height: unset !important;
    background-color: var(--rdb-form-control-bg) !important;
    border: var(--phoenix-border-width) solid var(--rdb-form-control-border-color) !important;
    border-radius: var(--phoenix-border-radius-xs) !important;
}

.choices:focus,
.is-focused .choices__inner,
.is-open .choices__inner {
    border-color: var(--rdb-form-control-focus-border-color) !important;
    border-radius: var(--phoenix-border-radius-xs) !important;
    color: var(--rdb-form-control-focus-color) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 0 .25rem var(--rdb-form-control-focus-shadow-out) !important;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 0 .25rem var(--rdb-form-control-focus-shadow-out) !important;
}

.choices__inner:hover {
    border-color: var(--rdb-form-control-focus-border-color) !important;
    color: var(--rdb-form-control-focus-color) !important;
}

.choices__placeholder {
    color: var(--rdb-form-control-placeholder-color) !important;
    opacity: unset !important;
}

.choices[data-type*=select-one] .choices__inner {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03NS4zNDggMTI3LjE5MkM3Mi40MzgxIDEyNy4xOTIgNjkuODUxNCAxMjYuMjIyIDY3LjkxMTUgMTI0LjI4Mkw1LjgzMjE1IDYyLjIwMjNDMS42Mjg4NyA1OC4zMjIzIDEuNjI4ODcgNTEuNTMyNCA1LjgzMjE1IDQ3LjY1MjVDOS43MTIxMSA0My40NDkyIDE2LjUwMiA0My40NDkyIDIwLjM4MiA0Ny42NTI1TDc1LjM0OCAxMDIuMjk1TDEyOS45OTEgNDcuNjUyNUMxMzMuODcxIDQzLjQ0OTIgMTQwLjY2MSA0My40NDkyIDE0NC41NDEgNDcuNjUyNUMxNDguNzQ0IDUxLjUzMjQgMTQ4Ljc0NCA1OC4zMjIzIDE0NC41NDEgNjIuMjAyM0w4Mi40NjEzIDEyNC4yODJDODAuNTIxMyAxMjYuMjIyIDc3LjkzNDcgMTI3LjE5MiA3NS4zNDggMTI3LjE5MloiIGZpbGw9IiMzMTM3NEEiLz4KPC9zdmc+Cg==") !important;
    background-repeat: no-repeat !important;
    background-position: right 1rem center !important;
    background-size: 14px !important;
}

.choices[data-type*=select-one].is-open .choices__inner {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiCiAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyB0cmFuc2Zvcm09InNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoMCwgLTE1MCkiPgogICAgPHBhdGggZD0iTTc1LjM0OCAxMjcuMTkyQzcyLjQzODEgMTI3LjE5MiA2OS44NTE0IDEyNi4yMjIgNjcuOTExNSAxMjQuMjgyTDUuODMyMTUgNjIuMjAyM0MxLjYyODg3IDU4LjMyMjMgMS42Mjg4NyA1MS41MzI0IDUuODMyMTUgNDcuNjUyNUM5LjcxMjExIDQzLjQ0OTIgMTYuNTAyIDQzLjQ0OTIgMjAuMzgyIDQ3LjY1MjVMNzUuMzQ4IDEwMi4yOTVMMTI5Ljk5MSA0Ny42NTI1QzEzMy44NzEgNDMuNDQ5MiAxNDAuNjYxIDQzLjQ0OTIgMTQ0LjU0MSA0Ny42NTI1QzE0OC43NDQgNTEuNTMyNCAxNDguNzQ0IDU4LjMyMjMgMTQ0LjU0MSA2Mi4yMDIzTDgyLjQ2MTMgMTI0LjI4MkM4MC41MjEzIDEyNi4yMjIgNzcuOTM0NyAxMjcuMTkyIDc1LjM0OCAxMjcuMTkyWiIgZmlsbD0iIzMxMzc0QSIvPgogIDwvZz4KPC9zdmc+Cg==") !important;
}

[data-bs-theme=dark] .choices[data-type*=select-one] .choices__inner {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTAuNTI1MkM1Ljc3NSAxMC41MjUyIDUuNTc1IDEwLjQ1MDIgNS40MjUgMTAuMzAwMkwwLjYyNSA1LjUwMDJDMC4zIDUuMjAwMiAwLjMgNC42NzUyIDAuNjI1IDQuMzc1MkMwLjkyNSA0LjA1MDIgMS40NSA0LjA1MDIgMS43NSA0LjM3NTJMNiA4LjYwMDJMMTAuMjI1IDQuMzc1MkMxMC41MjUgNC4wNTAyIDExLjA1IDQuMDUwMiAxMS4zNSA0LjM3NTJDMTEuNjc1IDQuNjc1MiAxMS42NzUgNS4yMDAyIDExLjM1IDUuNTAwMkw2LjU1IDEwLjMwMDJDNi40IDEwLjQ1MDIgNi4yIDEwLjUyNTIgNiAxMC41MjUyWiIgZmlsbD0iIzhBOTRBRCIvPgo8L3N2Zz4K") !important;
}

[data-bs-theme=dark] .choices[data-type*=select-one].is-open .choices__inner {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIKICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnIHRyYW5zZm9ybT0ic2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgwLCAtMTMpIj4KICAgIDxwYXRoIGQ9Ik02IDEwLjUyNTJDNS43NzUgMTAuNTI1MiA1LjU3NSAxMC40NTAyIDUuNDI1IDEwLjMwMDJMMC42MjUgNS41MDAyQzAuMyA1LjIwMDIgMC4zIDQuNjc1MiAwLjYyNSA0LjM3NTJDMC45MjUgNC4wNTAyIDEuNDUgNC4wNTAyIDEuNzUgNC4zNzUyTDYgOC42MDAyTDEwLjIyNSA0LjM3NTJDMTAuNTI1IDQuMDUwMiAxMS4wNSA0LjA1MDIgMTEuMzUgNC4zNzUyQzExLjY3NSA0LjY3NTIgMTEuNjc1IDUuMjAwMiAxMS4zNSA1LjUwMDJMNi41NSAxMC4zMDAyQzYuNCAxMC40NTAyIDYuMiAxMC41MjUyIDYgMTAuNTI1MloiIGZpbGw9IiM4QTk0QUQiLz4KICA8L2c+Cjwvc3ZnPgo=") !important;
}

.choices[data-type*=select-one]::after {
    content: unset !important;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
    box-shadow: var(--rdb-dropdown-shadow);
    margin-top: .38rem !important;
    margin-bottom: .38rem !important;
    border: var(--phoenix-border-width) solid var(--rdb-dropdown-border-color) !important;
    border-radius: var(--phoenix-border-radius-xs) !important;
    background-color: var(--rdb-dropdown-bg) !important;
    z-index: 99;
}

.choices__list--dropdown .choices__list {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.choices__input {
    font-size: 1rem !important;
}

.choices__input::placeholder {
    color: var(--rdb-form-control-placeholder-color) !important;
}

.choices[data-type*=select-one] .choices__input {
    border-bottom: var(--phoenix-border-width) solid var(--rdb-dropdown-border-color) !important;
    background-color: var(--rdb-form-control-bg) !important;
    color: var(--rdb-form-control-color) !important;
    padding-top: 0.5rem !important;
    padding-right: 1rem !important;
    padding-bottom: 0.5rem;
    padding-left: 1rem !important;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: var(--phoenix-dropdown-link-hover-bg) !important;
}

.choices__list--dropdown .choices__item--selectable.is-selected,
.choices__list[aria-expanded] .choices__item--selectable.is-selected {
    background-color: var(--phoenix-dropdown-link-active-bg) !important;
    color: var(--phoenix-dropdown-link-active-color) !important;
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
    padding: 0.5rem 1rem !important;
    color: var(--rdb-dropdown-color) !important;
    font-size: 1rem
}

.choices.is-invalid .choices__inner {
    border-color: var(--rdb-form-control-error-border-color) !important;
}

.choices.is-invalid:hover .choices__inner {
    border-color: var(--rdb-form-control-error-hover-border-color) !important;
}

.choices.is-invalid:focus,
.choices.is-invalid.is-focused .choices__inner,
.is-invalid.is-open .choices__inner {
    border-color: var(--rdb-form-control-error-border-color) !important;
    box-shadow: 0 0 0 0.25rem var(--rdb-form-control-error-focus-shadow-out) !important;
}

.choices.is-disabled .choices__inner {
    background-color: var(--rdb-form-control-disabled-bg) !important;
    color: var(--rdb-form-control-disabled-color) !important;
    border-color: var(--rdb-form-control-disabled-border-color) !important;
}

.choices.is-disabled:focus {
    border-color: var(--rdb-form-control-disabled-border-color) !important;
    color: var(--rdb-form-control-disabled-color) !important;
    box-shadow: none !important;
}

.choicesZ [hidden] {
    display: unset !important;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: -9999;
}

.form-floating>.form-select-lg {
    line-height: 1.05;
}

/* ----------------------------------------------------------------------- */
/*         Modal                                                           */
/* ----------------------------------------------------------------------- */
.modal-header {
    padding: 1.5rem;
    border-bottom: unset;
}

.modal-title {
    font-size: 1.563rem;
    font-weight: 700;
}

.modal-body {
    padding: 0 1.5rem;
}

.modal-footer {
    padding: 1.5rem;
    border-top: unset;
    justify-content: flex-start;
    gap: .5rem;
}

.modal-footer>* {
    margin-left: 0;
}

.iti {
    display: block;
}

.iti__selected-country,
.iti__country-list {
    font-weight: 600;
}

.iti__country.iti__highlight {
    color: var(--phoenix-dropdown-link-hover-color-global);
    background-color: var(--phoenix-dropdown-link-hover-bg);
}

.iti__dropdown-content {
    color: var(--rdb-dropdown-color);
    background-color: var(--rdb-dropdown-bg) !important;
    border: var(--phoenix-border-width) solid var(--rdb-dropdown-border-color) !important;
    border-radius: var(--phoenix-border-radius-xs) !important;
    box-shadow: var(--rdb-dropdown-shadow) !important;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
    background-color: var(--core-gray-900-15) !important;
}

[data-bs-theme=dark] .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
[data-bs-theme=dark] .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
    background-color: var(--core-gray-300-15);
}

.iti__search-input {
    color: var(--rdb-form-control-color);
    border: var(--phoenix-border-width) solid var(--rdb-form-control-border-color);
    background-color: var(--rdb-form-control-bg);
    /*padding: .75rem 1rem;*/
    padding: .375rem .75rem;
    border-radius: var(--phoenix-border-radius-xs) !important;
    outline: none;
    margin: 0.75rem;
    width: calc(100% - 1.5rem);
}

.iti__search-input:active,
.iti__search-input:focus,
.iti__search-input:focus-visible {
    color: var(--rdb-form-control-focus-color);
    border: var(--phoenix-border-width) solid var(--rdb-form-control-focus-border-color);
    background-color: var(--rdb-form-control-focus-bg);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 0 .25rem var(--rdb-form-control-focus-shadow-out);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 0 .25rem var(--rdb-form-control-focus-shadow-out);
}

.iti__search-input::placeholder {
    color: var(--rdb-form-control-placeholder-color);
    opacity: 1;
}

.iti--inline-dropdown .iti__country-list {
    border-top: 1px solid var(--phoenix-border-color);
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.theme-control-btn {
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: var(--phoenix-theme-control-toggle-bg);
    color: var(--phoenix-theme-control-toggle-color);
    border-radius: 50%;
    transition: all .2s ease-in-out;
}

.theme-control-btn:hover,
.theme-control-btn:focus,
.theme-control-btn:active {
    background-color: var(--phoenix-theme-control-toggle-hover-bg) !important;
    color: var(--phoenix-theme-control-toggle-hover-color) !important;
}

#codeigniter_profiler {
    margin-left: 270px;
}

.pt-navbar {
    padding-top: 3.9rem !important;
}

.toast.warning {
    color: var(--phoenix-warning-text-emphasis);
    background-color: var(--phoenix-warning-bg-subtle);
    border-color: var(--phoenix-warning-border-subtle);
}

.form-check-slide.active {
    background: var(--phoenix-emphasis-bg);
}

.form-check-slide.active .form-switch label {
    color: var(--phoenix-primary-darker) !important
}

.toast-body p:last-child {
    margin-bottom: 0 !important;
}

.text-danger-hover:hover,
.text-danger-hover:focus {
    color: var(--phoenix-danger) !important;
}

.text-danger-darker-hover:hover,
.text-danger-darker-hover:focus {
    color: var(--phoenix-danger-darker) !important;
}

.text-highlight {
    color: var(--phoenix-highlight-color) !important;
}

.text-orange {
    color: var(--core-orange-700) !important;
}

.text-pricing-primary {
    color: var(--rdb-pricing-color-primary);
}

.text-pricing-secondary {
    color: var(--rdb-pricing-color-secondary);
}

.text-tertiary {
    color: var(--core-gray-300);
}

.text-core-gray {
    color: var(--core-gray-700) !important;
}

.btn-secondary-input-group {
    border: var(--phoenix-border-width) solid var(--phoenix-border-color);
}

.offcanvasZ {
    --phoenix-offcanvas-zindex: 2000000;
}

.offcanvas.offcanvas-end {
    width: var(--rdb-offcanvas-width) !important;
}

.offcanvas-wide {
    width: 45rem !important;
}

.border-body {
    --phoenix-border-opacity: 1;
    border-color: rgba(var(--phoenix-body-bg-rgb), var(--phoenix-border-opacity)) !important;
}

.border-gray {
    border-color: var(--core-gray-400) !important;
}

.border-subscribe {
    border: .125rem solid var(--rdb-upgrade-box-border);
}

.bg-progress {
    background: var(--rdb-progress-bg) !important;
}

.bg-modal-overlay {
    background: var(--rdb-modal-overlay) !important;
}

.bg-modal-overlay-opacity-20 {
    background: rgba(var(--phoenix-body-bg-rgb), .20) !important;
}

.bg-modal-overlay-opacity-50 {
    background: rgba(var(--phoenix-body-bg-rgb), .50) !important;
}

.dealer-location-map {
    width: 100%;
    min-height: 420px;
    border-radius: 0.5rem;
    overflow: hidden;
    background: var(--phoenix-gray-100);
}

.dealer-summary-card .btn-w-icon {
    flex: 0 0 auto;
}

.bg-lighter {
    background: var(--rdb-bg-lighter) !important;
}

.bg-success-emphasis {
    background: var(--core-green-50) !important;
}

[data-bs-theme=dark] .bg-success-emphasis {
    background: var(--core-green-020) !important;
}

.credits-prising-dr {
    width: 20rem;
    max-width: 20rem;
}

.noUi-credits .noUi-pips {
    margin-top: 0 !important;
    padding-top: 0 !important;
    line-height: 0 !important;
}

.noUi-credits .noUi-marker {
    width: 2px;
    height: 5px;
}

.noUi-credits .noUi-pips .noUi-value-sub {
    font-size: 0.8rem !important;
}

.noUi-tooltip {
    font-size: 1rem !important;
}

[data-bs-theme=dark] .dark__bg-body {
    background-color: var(--phoenix-emphasis-bg) !important;
}

.card-action {
    min-width: 17rem;
}

.border-body-secondary {
    --phoenix-border-opacity: 1;
    border-color: rgba(var(--phoenix-secondary-color-rgb), var(--phoenix-border-opacity)) !important;
}

.form-control.is-valid.is-valid-primary {
    --phoenix-border-opacity: 1;
    border-color: rgba(var(--phoenix-primary-rgb), var(--phoenix-border-opacity)) !important;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%233874ff' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>");
}

.form-control.is-valid.is-valid-primary:focus {
    border-color: var(--phoenix-primary-rgb);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 0 .25rem rgba(var(--phoenix-primary-rgb), 0.25);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 0 .25rem rgba(var(--phoenix-primary-rgb), 0.25);
}

#widget-loading-container {
    background-color: rgba(var(--phoenix-body-bg-rgb), 0.25);
}

.upgrade-menu-badge {
    color: var(--rdb-upgrade-box-color-secondary);
    background-color: var(--rdb-upgrade-box-bg);
    border: 1px solid var(--rdb-upgrade-box-border);
}

.upgrade-box {
    padding: 1.375rem;
    background-color: var(--rdb-upgrade-box-bg);
    color: var(--rdb-upgrade-box-color-secondary);
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border: .125rem solid var(--rdb-upgrade-box-border);
    container-type: inline-size;
}

.upgrade-box-heading {
    display: flex;
    gap: .25rem;
    align-items: center;
    color: var(--rdb-upgrade-box-color-primary);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 120%;
}

.upgrade-box-btn-2 {
    display: none !important;
}

.upgrade-bg {
    background: var(--rdb-upgrade-box-bg) !important;
}

#pricingTable .pricing-row {
    position: relative;
}

#pricingTable .pricing-row.pricing-row-hover::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--pricing-hover-left, 0);
    width: var(--pricing-hover-width, 0);
    background: var(--rdb-upgrade-box-bg);
    pointer-events: none;
    z-index: 0;
    transition: left 180ms ease, width 180ms ease, background-color 180ms ease, opacity 180ms ease;
}

#pricingTable .pricing-row>[class*="col-"] {
    position: relative;
    z-index: 1;
}

#pricingTable .pricing-plan-cell,
#pricingTable .pricing-plan-cell .pricing-value-text,
#pricingTable .pricing-plan-cell .material-symbols-outlined,
#pricingTable .pricing-plan-cell button,
#pricingTable .pricing-plan-cell .price-value,
#pricingTable .pricing-plan-cell .price-cycle {
    transition: color 180ms ease, background-color 180ms ease, transform 180ms ease, opacity 180ms ease;
}

#pricingTable .pricing-row.pricing-row-hover .pricing-plan-cell .pricing-value-text {
    transition: color 180ms ease, font-weight 180ms ease;
}

#pricingTable[data-hover-plan] .pricing-plan-cell[data-plan] {
    transform: none;
    box-shadow: none;
}

#pricingTable[data-hover-plan="free"] .pricing-plan-cell[data-plan="free"],
#pricingTable[data-hover-plan="plus"] .pricing-plan-cell[data-plan="plus"],
#pricingTable[data-hover-plan="pro"] .pricing-plan-cell[data-plan="pro"],
#pricingTable[data-hover-plan="api"] .pricing-plan-cell[data-plan="api"],
#pricingTable[data-hover-plan="max"] .pricing-plan-cell[data-plan="max"] {
    transform: none;
    box-shadow: none;
}

#request-site-disabled {
    display: inline-flex;
}

.form-control-component {
    padding-top: .688rem;
    padding-bottom: .688rem;
    color: var(--rdb-form-control-color);
    background: var(--rdb-form-control-bg);
    border: var(--phoenix-border-width) solid var(--rdb-form-control-border-color);
}

.form-control-component:focus,
.form-control-component:hover {
    cursor: pointer;
    background: var(--phoenix-body-bg);
}

.form-control-color {
    background-color: var(--rdb-color-picker-bg) !important;
}

.offcanvas-end.offcanvas-fullscreen {
    width: 100% !important;
}

.container-external {
    min-height: calc(100vh - 80px);
}

.variable-color-input.suspended {
    position: relative;
    z-index: 1;
}

.variable-color-input.suspended::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(135deg, transparent calc(50% - 1px), var(--phoenix-danger), transparent calc(50% + 1px));
    pointer-events: none;
}

.btn-hidden {
    display: none !important;
}

.section-header:hover .btn-hidden,
.item-header:hover .btn-hidden {
    display: inline-flex !important;
}

.ql-container {
    min-height: var(--rdb-editor-min-height) !important;
    /*max-height: 25rem;*/
    font-family: unset !important;
    font-size: unset !important;
}

.ql-editor {
    min-height: var(--rdb-editor-min-height) !important;
    padding: unset !important;
    line-height: unset !important;
}

.ql-editor.ql-blank::before {
    color: var(--rdb-form-control-placeholder-color) !important;
    font-style: unset !important;
}

.ql-editor img {
    max-width: 100%;
    box-sizing: content-box;
}

/* File Upload Styles */
.file-upload-container {
    position: relative;
}

.file-upload-container.drag-hover button:not(.file-upload-item-remove) {
    background-color: var(--phoenix-btn-hover-bg);
}

.file-upload-preview>div:first-child {
    margin-top: 1rem !important;
}

.file-upload-item {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    background-color: var(--core-gray-50);
    border: 1px solid var(--core-gray-200);
    border-radius: 0.25rem;
    max-width: 100%;
}

.upgrade-w {
    width: fit-content;
}

.pricing-header {
    position: sticky;
    top: 0;
    z-index: 1040;
    background-color: var(--phoenix-modal-bg);
}

@container (max-width: 575.98px) {
    .upgrade-box-btn-1 {
        display: none !important;
    }

    .upgrade-box-btn-2 {
        display: flex !important;
    }

    .upgrade-box-text {
        margin-top: .25rem !important;
    }
}

/* Applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .footer {
        height: 4rem !important;
        bottom: 0.6rem !important;
    }

    .flex-xs-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .card-action {
        min-width: unset;
    }

    .upgrade-w {
        width: unset;
        text-align: end;
    }
}

/* Up-to Large devices */
@media (max-width: 992px) {

    .modal-lg,
    .modal-xl {
        --phoenix-modal-width: 800px;
    }

    .navbar-vertical {
        top: var(--rdb-alert-offset) !important;
        width: 100% !important;
    }

    .navbar-vertical-collapsed .navbar-vertical-footer .profile-dropdown-toggle {
        padding-left: 1rem !important;
    }

    .navbar-vertical-collapsed .navbar-vertical .navbar-collapse .profile-dropdown-name,
    .navbar-vertical-collapsed .navbar-vertical .navbar-collapse .navbar-vertical-footer .profile-dropdown-toggle::after {
        display: flex !important;
    }

    .navbar-vertical .navbar-collapse.show .navbar-vertical-footer {
        display: flex;
        width: 100% !important;
        border: 0;
    }

    .modal-lg,
    .modal-xl {
        --phoenix-modal-width: 800px;
    }

    #pricingTable .pricing-table-desktop {
        display: none;
    }

    #pricingTable .pricing-table-mobile {
        display: block;
    }

    #pricingTable .pricing-mobile-grid {
        display: grid;
        grid-template-columns: minmax(9.5rem, 32%) 1fr;
        column-gap: 0.75rem;
        align-items: start;
    }

    #pricingTable .pricing-mobile-info {
        position: relative;
        z-index: 2;
        min-width: 0;
    }

    #pricingTable .pricing-mobile-scroll {
        position: relative;
        min-width: 0;
    }

    #pricingTable .pricing-mobile-scroll-header {
        position: sticky;
        top: 0;
        z-index: 1040;
        overflow: hidden;
        background-color: var(--phoenix-modal-bg);
    }

    #pricingTable .pricing-mobile-scroll-header .pricing-mobile-plan-row {
        width: max-content;
    }

    #pricingTable .pricing-mobile-scroll-body {
        overflow-x: auto;
        overflow-y: visible;
        min-width: 0;
        position: relative;
    }

    #pricingTable .pricing-mobile-scroll.is-scrollable::before,
    #pricingTable .pricing-mobile-scroll.is-scrollable::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        display: block;
        width: 88px;
        pointer-events: none;
        opacity: 1;
        transition: opacity 180ms ease;
        z-index: 1047;
    }

    #pricingTable .pricing-mobile-scroll.is-scrollable::before {
        left: 0;
        background: linear-gradient(to left, rgba(var(--phoenix-emphasis-bg-rgb), 0), rgba(var(--phoenix-emphasis-bg-rgb), 0.35) 85%);
    }

    #pricingTable .pricing-mobile-scroll.is-scrollable::after {
        right: 0;
        background: linear-gradient(to right, rgba(var(--phoenix-emphasis-bg-rgb), 0), rgba(var(--phoenix-emphasis-bg-rgb), 0.35) 85%);
    }

    #pricingTable .pricing-mobile-scroll.is-at-end::after,
    #pricingTable .pricing-mobile-scroll.is-at-start::before {
        opacity: 0;
    }

    #pricingTable .pricing-mobile-scroll-arrow {
        position: fixed;
        /*top: var(--pricing-scroll-top, 50%);*/
        transform: translateY(-50%);
        z-index: 1048;
        width: 36px;
        height: 36px;
        border-radius: 999px;
        border: 1px solid var(--core-gray-200);
        background: rgba(255, 255, 255, 0.85);
        color: var(--core-gray-700);
        box-shadow: 0 6px 16px var(--core-gray-900-15);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        pointer-events: auto;
        opacity: 0;
        transition: opacity 180ms ease, transform 180ms ease;
        backdrop-filter: blur(4px);
    }

    #pricingTable .pricing-mobile-scroll-arrow svg {
        width: 18px;
        height: 18px;
        stroke: currentColor;
        stroke-width: 2.5;
        fill: none;
        display: block;
    }

    #pricingTable .pricing-mobile-scroll-arrow-left {
        left: var(--pricing-scroll-left, 0.5rem);
        right: auto;
    }

    #pricingTable .pricing-mobile-scroll-arrow-right {
        right: var(--pricing-scroll-right, 0.5rem);
        left: auto;
    }

    #pricingTable .pricing-mobile-scroll.is-scrollable .pricing-mobile-scroll-arrow {
        opacity: 1;
    }

    #pricingTable .pricing-mobile-scroll.is-at-start .pricing-mobile-scroll-arrow-left,
    #pricingTable .pricing-mobile-scroll.is-at-end .pricing-mobile-scroll-arrow-right {
        opacity: 0;
        pointer-events: none;
    }

    #pricingTable .pricing-mobile-scroll-inner {
        display: block;
        width: max-content;
        min-width: 100%;
    }

    #pricingTable .pricing-mobile-plan-row {
        display: flex;
        align-items: stretch;
        gap: 0.75rem;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        width: max-content;
    }

    #pricingTable .pricing-mobile-plan-cell {
        flex: 0 0 var(--pricing-mobile-plan-width, 170px);
        width: var(--pricing-mobile-plan-width, 170px);
        max-width: var(--pricing-mobile-plan-width, 170px);
        position: relative;
        z-index: 1;
    }

    #pricingTable .pricing-mobile-info-row {
        padding-right: 0.5rem;
    }

    #pricingTable .pricing-mobile-info-header {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #pricingTable .pricing-mobile-info-header .pricing-mobile-info-row:first-child {
        display: flex;
        align-items: center;
        min-height: 100%;
    }

    #pricingTable .pricing-mobile-info .pricing-header,
    #pricingTable .pricing-mobile-scroll .pricing-header {
        background-color: var(--phoenix-modal-bg);
    }

    #pricingTable .pricing-mobile-info .pricing-header {
        z-index: 1041;
    }

    #pricingTable .pricing-mobile-scroll .pricing-header {
        z-index: 1040;
    }
}

/* Applies to small devices (landscape phones, 576px and up) */
@media (min-width: 768px) {
    .modal-md {
        --phoenix-modal-width: 600px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar-top.navbar-expand {
        left: var(--phoenix-navbar-vertical-width) !important;
    }

    .navbar-vertical {
        top: var(--rdb-alert-offset) !important;
        width: var(--phoenix-navbar-vertical-width) !important;
    }

    .navbar-vertical.navbar-expand-lg {
        border-width: 2px !important;
    }

    .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav-link {
        border-radius: var(--phoenix-border-radius-xs) !important;
    }

    .navbar-vertical.navbar-expand-lg {
        height: calc(100vh - var(--rdb-alert-offset) - var(--phoenix-navbar-top-height));
    }

    .navbar-vertical.navbar-expand-lg~.navbar-top~.content {
        margin-left: var(--phoenix-navbar-vertical-width) !important;
    }

    html:not(.navbar-vertical-collapsed) .navbar-vertical.navbar-expand-lg {
        height: 100%;
    }

    .navbar-vertical .navbar-vertical-content .navbar-nav .nav .nav-link {
        padding-left: .5rem !important;
    }

    .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav-link.label-1,
    .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .navbar-vertical-footer .navbar-nav .nav-link.label-1 {
        padding-left: .7rem !important;
    }

    .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav .nav-link .nav-link-icon {
        display: none !important;
    }

    .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg {
        padding-top: 0 !important;
    }

    .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .navbar-vertical-logo .logo-expanded,
    .navbar-vertical-collapsed .navbar-top.navbar-expand .container-fluid .logo-expanded {
        display: none !important;
    }

    .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .navbar-vertical-logo .logo-collapsed {
        display: block !important;
    }

    .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .navbar-vertical-footer {
        width: calc(4rem - 2px) !important;
    }

    .navbar-vertical.navbar-expand-lg .navbar-vertical-footer .navbar-nav .nav-link {
        margin-left: .75rem;
        margin-right: .75rem;
    }

    .navbar-vertical.navbar-expand-lg .navbar-vertical-footer .navbar-nav .nav-link:hover {
        background-color: var(--phoenix-navbar-vertical-link-hover-bg);
    }

    .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .nav-item-wrapper:hover .collapsed-nav-item-title {
        display: block !important;
        padding-right: 16px;
        padding-top: 15px;
        padding-bottom: 14px;
        border-bottom: 1px solid var(--phoenix-navbar-vertical-border-color);
        color: var(--phoenix-navbar-vertical-link-hover-color);
        font-size: 12.8px;
        line-height: 1.2;
        margin-bottom: 0.5rem;
    }

    .email-sidebar {
        top: calc(var(--rdb-alert-offset) + var(--phoenix-navbar-top-height) + 2.5rem) !important;
    }

    .email-sidebar-width {
        width: 250px !important;
    }

    .modal-lg,
    .modal-xl {
        --phoenix-modal-width: 992px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    [dir=ltr] body.disable-scroll-xl,
    [dir=rtl] body.disable-scroll-xl,
    body.disable-scroll-xl[dir=ltr],
    body.disable-scroll-xl[dir=rtl] {
        height: 100%;
        width: 100%;
    }

    body.disable-scroll-xl {
        overflow: hidden;
        position: fixed;
        block-size: 100%;
        inline-size: 100%;
    }

    .content-100vh-xl {
        height: calc(100dvh - var(--rdb-alert-offset) - var(--phoenix-navbar-top-height)) !important;
    }

    .offcanvas-100vh-xl {
        height: calc(100dvh - var(--rdb-offcanvas-header-height) - var(--rdb-offcanvas-footer-height)) !important;
    }

    .overflow-auto-xl {
        overflow: auto !important;
    }

    .fixed-nav-xl {
        position: fixed;
        height: var(--phoenix-navbar-top-height);
    }

    .fixed-nav-sm-xl {
        position: fixed;
        height: var(--rdb-fixed-nav-sm-height);
    }

    .fixed-nav-body-xl {
        height: calc(100dvh - (var(--rdb-alert-offset) + var(--phoenix-navbar-top-height) + var(--phoenix-navbar-top-height)));
        margin-top: var(--phoenix-navbar-top-height);
    }

    .fixed-nav-body-sm-xl {
        height: calc(100dvh - (var(--rdb-alert-offset) + var(--phoenix-navbar-top-height) + var(--rdb-fixed-nav-sm-height)));
        margin-top: var(--rdb-fixed-nav-sm-height);
    }

    .border-left-xl {
        border-left: 2px var(--phoenix-border-style) var(--phoenix-border-color) !important;
    }

    .left-nav-container {
        width: 15rem;
        float: left;
    }

    .right-nav-container {
        width: calc(100% - 15rem);
        float: right;
    }

    .modal-xl {
        --phoenix-modal-width: 1140px;
    }
}

.pricing-yearly .pricing-switch-col {
    transform: translateY(-1rem);
}

/* Shared destructive-dialog title icon. */
.rdb-dialog-danger-icon { font-size: 32px; line-height: 1; }

/* Shared feedback wins over selected/hover surfaces, including sticky cells. */
:root {
    --rdb-row-focus: color-mix(in srgb, var(--core-gray-900, #31374a) 12%, var(--phoenix-secondary-bg));
    --rdb-row-blue: color-mix(in srgb, var(--phoenix-info, #0097eb) 24%, var(--phoenix-emphasis-bg));
}
[data-bs-theme=dark] { --rdb-row-blue: color-mix(in srgb, var(--phoenix-info, #0097eb) 28%, var(--phoenix-emphasis-bg)); }
:is(html, #rdb-row-ux) :not(tr):is([data-rdb-row-phase="focus"], [data-rdb-row-phase="settle"][data-rdb-row-focused="true"]),
:is(html, #rdb-row-ux) :not(tr):is([data-rdb-row-phase="focus"], [data-rdb-row-phase="settle"][data-rdb-row-focused="true"]) > :is(td,th),
:is(html, #rdb-row-ux) :not(tr):is([data-rdb-row-phase="focus"], [data-rdb-row-phase="settle"][data-rdb-row-focused="true"]) [data-rdb-row-surface] {
    background-color: var(--rdb-row-focus) !important;
    --phoenix-table-bg: var(--rdb-row-focus); --phoenix-table-accent-bg: transparent;
    box-shadow: none !important;
    transition: none;
}
:is(html, #rdb-row-ux) :not(tr):is([data-rdb-row-phase="update"], [data-rdb-row-phase="create"], [data-rdb-row-phase="delete"], [data-rdb-row-phase="delete-exit"]),
:is(html, #rdb-row-ux) :not(tr):is([data-rdb-row-phase="update"], [data-rdb-row-phase="create"], [data-rdb-row-phase="delete"], [data-rdb-row-phase="delete-exit"]) > :is(td,th),
:is(html, #rdb-row-ux) :not(tr):is([data-rdb-row-phase="update"], [data-rdb-row-phase="create"], [data-rdb-row-phase="delete"], [data-rdb-row-phase="delete-exit"]) [data-rdb-row-surface] {
    background-color: var(--rdb-row-blue) !important;
    --phoenix-table-bg: var(--rdb-row-blue); --phoenix-table-accent-bg: transparent;
    box-shadow: none !important;
    transition: none;
}
:is(html, #rdb-row-ux) :not(tr):is([data-rdb-row-phase="settle"], [data-rdb-row-phase="focus-release"]),
:is(html, #rdb-row-ux) :not(tr):is([data-rdb-row-phase="settle"], [data-rdb-row-phase="focus-release"]) > :is(td,th),
:is(html, #rdb-row-ux) :not(tr):is([data-rdb-row-phase="settle"], [data-rdb-row-phase="focus-release"]) [data-rdb-row-surface] {
    transition: background-color var(--rdb-row-settle, 200ms) ease-out;
}
[data-rdb-row-id]:focus-visible { outline: 2px solid var(--rdb-form-control-focus-border-color); outline-offset: -2px; }
html[data-rdb-navigation]::view-transition-group(root), html[data-rdb-navigation]::view-transition-old(root), html[data-rdb-navigation]::view-transition-new(root) { animation: none; }
html[data-rdb-navigation]::view-transition-group(rdb-page-body) { animation: none; }
html[data-rdb-navigation]::view-transition-old(rdb-page-body), html[data-rdb-navigation]::view-transition-new(rdb-page-body) { mix-blend-mode: normal; animation: none; height: 100%; object-fit: none; object-position: left top; }
html[data-rdb-navigation="forward"]::view-transition-new(rdb-page-body) { animation: rdb-row-forward 220ms cubic-bezier(.22,1,.36,1); z-index: 2; }
html[data-rdb-navigation="back"]::view-transition-old(rdb-page-body) { animation: rdb-row-back 220ms cubic-bezier(.22,1,.36,1); z-index: 2; }
@keyframes rdb-row-forward { from { transform: translateX(10px); } to { transform: translateX(0); } }
@keyframes rdb-row-back { from { transform: translateX(0); } to { transform: translateX(20px); } }
@media (prefers-reduced-motion: reduce) {
    [data-rdb-row-id], [data-rdb-row-id] > :is(td,th), [data-rdb-row-surface] { transition: none !important; animation: none !important; }
}

.rdb-toast-region {
    position: fixed;
    top: max(24px, env(safe-area-inset-top));
    padding: 0;
    margin: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(380px, calc(100vw - 32px));
    z-index: 1095;
    pointer-events: none;
    color: var(--rdb-form-control-color);
}
.rdb-toast-stack {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: calc(100dvh - max(24px, env(safe-area-inset-top)) - 24px);
    overflow-y: auto;
    padding: 12px;
    margin: -12px;
    scrollbar-width: thin;
}
.rdb-toast-pending {
    margin-top: 10px;
    padding: 4px 12px;
    text-align: center;
    font-size: 12px;
    background: var(--phoenix-emphasis-bg);
    border: 1px solid var(--phoenix-border-color);
    border-radius: var(--phoenix-border-radius);
}
.rdb-toast-pending[hidden] { display: none; }
.rdb-toast {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: var(--phoenix-emphasis-bg);
    border: 1px solid var(--phoenix-border-color);
    border-radius: 12px;
    box-shadow: 0 4px 16px var(--rdb-form-control-focus-shadow-out);
    pointer-events: auto;
    animation: rdb-toast-enter .24s cubic-bezier(.22, 1, .36, 1) both;
}
.rdb-toast.is-leaving {
    pointer-events: none;
    animation: rdb-toast-exit .18s ease-in both;
}
.rdb-toast-icon {
    flex-shrink: 0;
    font-size: 20px;
    line-height: 24px;
    color: var(--rdb-form-control-color);
}
.rdb-toast[data-kind="error"] .rdb-toast-icon { color: var(--phoenix-danger-text-emphasis); }
.rdb-toast[data-kind="warning"] .rdb-toast-icon { color: var(--phoenix-warning-text-emphasis); }
.rdb-toast-content { flex: 1; min-width: 0; }
.rdb-toast-message {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.rdb-toast-count { display: block; font-size: 12px; margin-top: 2px; color: var(--phoenix-tertiary-color); }
.rdb-toast-count[hidden] { display: none; }
.rdb-toast .rdb-toast-close {
    width: 24px;
    height: 24px;
    padding: 2px;
    flex-shrink: 0;
    color: var(--rdb-form-control-color);
}
.rdb-toast .rdb-toast-close .material-symbols-outlined { font-size: 18px; }
.rdb-toast .rdb-toast-close:hover { background: var(--phoenix-dropdown-link-hover-bg); }
.rdb-toast .rdb-toast-close:focus-visible {
    outline: 2px solid var(--rdb-form-control-focus-border-color);
    outline-offset: 2px;
}
.rdb-toast .material-symbols-outlined { text-transform: none; letter-spacing: normal; }
@keyframes rdb-toast-enter {
    from { opacity: 0; transform: translateY(-10px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes rdb-toast-exit {
    from { opacity: 1; transform: translateY(0) scale(1); }
    to { opacity: 0; transform: translateY(-6px) scale(.98); }
}
@media (prefers-reduced-motion: reduce) { .rdb-toast, .rdb-toast.is-leaving { animation: none; } }

/* Use the shared form feedback and danger alert components in every drawer. */



/* Docked table controls. Keep an opaque surface over horizontally scrolling data. */
.table :is(.rdb-table-checkbox-cell, .catalog-checkbox-cell,
           .rdb-table-actions-cell, .catalog-actions-cell,
           .rdb-table-navigation-cell, .catalog-drill-cell) {
    position: sticky;
    z-index: 2;
    background-color: var(--rdb-table-cell-surface, var(--phoenix-emphasis-bg, #fff));
    background-clip: padding-box;
}
.table :is(.rdb-table-checkbox-cell, .catalog-checkbox-cell) { inset-inline-start: 0; }
.table :is(.rdb-table-actions-cell, .catalog-actions-cell) { inset-inline-end: var(--rdb-table-trailing-width, 0px); }
.table :is(.rdb-table-navigation-cell, .catalog-drill-cell) { inset-inline-end: 0; }
.table thead :is(.rdb-table-checkbox-cell, .catalog-checkbox-cell,
                 .rdb-table-actions-cell, .catalog-actions-cell,
                 .rdb-table-navigation-cell, .catalog-drill-cell) { z-index: 4; }
.table tbody :is(.rdb-table-actions-cell, .catalog-actions-cell):has(.dropdown-menu.show) { z-index: 5; }

/* Adjacent table icon actions share one compact size, irrespective of emphasis. */
.table .btn.btn-w-icon:not(.dropdown-item) {
    width: 28px;
    height: 28px;
    min-width: 28px;
    flex: 0 0 28px;
    padding: 0;
    justify-content: center;
}
.table .btn.btn-w-icon:not(.dropdown-item) > .material-symbols-outlined {
    font-size: 18px;
    line-height: 1;
}

/* Shared dialog: Figma Widget / Modal component (1388:53818).
   Header and actions stay docked while the body owns scrolling. */
.rdb-standard-dialog {
    --phoenix-modal-width: 540px;
    --bs-modal-width: 540px;
    --rdb-dialog-spacing: 24px;
}
.rdb-standard-dialog .modal-dialog { width: auto; max-width: min(540px, calc(100vw - 32px)); margin-inline: auto; }
.rdb-standard-dialog .modal-content {
    border: 0;
    border-radius: 6px;
    background: var(--phoenix-emphasis-bg);
    color: var(--phoenix-body-color);
    box-shadow: 0 16px 8px -4px rgba(36,40,46,.03), 0 4px 8px -6px rgba(36,40,46,.03);
    max-height: calc(100dvh - 32px);
    overflow: hidden;
}
.rdb-standard-dialog .modal-header {
    display: flex; align-items: flex-start; gap: 8px; flex-shrink: 0;
    padding: var(--rdb-dialog-spacing); border: 0;
}
.rdb-standard-dialog .modal-title {
    min-width: 0; flex: 1; margin: 0 !important; padding-block: 1px;
    color: var(--phoenix-secondary-color); font-size: 25px; font-weight: 700;
    line-height: 1.2; overflow-wrap: anywhere;
}
.rdb-standard-dialog .modal-title.gap-3 { gap: 12px !important; }
.rdb-standard-dialog .modal-header > .btn {
    display: inline-flex; align-items: center; justify-content: center;
    flex: 0 0 32px; width: 32px; height: 32px; margin: 0; padding: 0;
}
.rdb-standard-dialog .modal-header > .btn .material-symbols-outlined { width: 24px; height: 24px; font-size: 24px; line-height: 24px; }
.rdb-standard-dialog .modal-body {
    flex: 1 1 auto; min-height: 0; padding: 0 var(--rdb-dialog-spacing);
    overflow-y: auto; overscroll-behavior: contain;
    font-size: 16px; line-height: 20px; overflow-wrap: anywhere;
}
.rdb-standard-dialog .modal-body > :last-child,
.rdb-standard-dialog .modal-body > div > :last-child { margin-bottom: 0 !important; }
.rdb-standard-dialog .modal-footer {
    display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;
    flex-shrink: 0; gap: 8px; padding: var(--rdb-dialog-spacing); border: 0;
}
.rdb-standard-dialog .modal-footer > * { margin: 0; }
.rdb-standard-dialog .modal-footer > .btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 48px; padding: 12px 24px; font-size: 16px; font-weight: 700;
    line-height: 20px; border-radius: var(--phoenix-border-radius-xs, 2px);
    white-space: normal;
}
.rdb-standard-dialog [hidden] { display: none !important; }
@media (max-width: 575.98px) {
    .rdb-standard-dialog .modal-dialog { margin-block: 16px; }
    .rdb-standard-dialog .modal-footer > .btn { flex: 1 1 auto; }
}

/* Toasts own an inverse Bootstrap theme, including text and icon colors. */
.rdb-toast-region { color: var(--phoenix-body-color); }
.rdb-toast-icon,
.rdb-toast .rdb-toast-close { color: var(--phoenix-body-color); }
.rdb-toast .rdb-toast-close:focus-visible { outline-color: var(--phoenix-body-color); }

.rdb-toast-region[data-bs-theme="dark"] .rdb-toast-message {
    color: var(--phoenix-emphasis-color);
}

/* Keep a dropdown's trigger visibly selected until its menu closes. */
:is(.btn, button, [role="button"]):is(
    [data-bs-toggle="dropdown"][aria-expanded="true"],
    [data-bs-toggle="dropdown"].show,
    [aria-haspopup="menu"][aria-expanded="true"]
) {
    --phoenix-btn-bg: var(--phoenix-secondary-bg);
    --phoenix-btn-hover-bg: var(--phoenix-secondary-bg);
    --phoenix-btn-active-bg: var(--phoenix-secondary-bg);
    --phoenix-btn-color: var(--phoenix-emphasis-color);
    --phoenix-btn-hover-color: var(--phoenix-emphasis-color);
    --phoenix-btn-active-color: var(--phoenix-emphasis-color);
    background-color: var(--phoenix-secondary-bg) !important;
    color: var(--phoenix-emphasis-color) !important;
}

/* Dropdown triggers change state immediately, without a transparent pressed frame. */
:is(.btn, button, [role="button"]):is([data-bs-toggle="dropdown"], [aria-haspopup="menu"]) {
    transition: none !important;
    --phoenix-btn-active-bg: var(--phoenix-secondary-bg);
    --phoenix-btn-active-color: var(--phoenix-emphasis-color);
}
:is(.btn, button, [role="button"]):is([data-bs-toggle="dropdown"], [aria-haspopup="menu"]):not(:disabled):active {
    background-color: var(--phoenix-secondary-bg) !important;
    color: var(--phoenix-emphasis-color) !important;
}

/* Shared table interactions: one translucent layer over each cell's base surface.
   Convert existing light-theme fills to alpha colors that composite identically
   over white, while retaining semantic surfaces such as duplicate warnings. */
:root, [data-bs-theme="light"] {
    --rdb-table-hover-overlay: rgb(from var(--phoenix-dropdown-link-hover-bg) calc((r - 191.25) / .25) calc((g - 191.25) / .25) calc((b - 191.25) / .25) / .25);
    --rdb-table-selected-overlay: rgb(from var(--phoenix-secondary-bg) calc((r - 191.25) / .25) calc((g - 191.25) / .25) calc((b - 191.25) / .25) / .25);
    --rdb-table-focus-overlay: rgb(from var(--rdb-row-focus) calc((r - 127.5) / .5) calc((g - 127.5) / .5) calc((b - 127.5) / .5) / .5);
    --rdb-table-mutation-overlay: color-mix(in srgb, var(--phoenix-info, #0097eb) 24%, transparent);
}
[data-bs-theme="dark"] {
    --rdb-table-hover-overlay: color-mix(in srgb, var(--phoenix-secondary-bg) 65%, transparent);
    --rdb-table-selected-overlay: color-mix(in srgb, var(--phoenix-secondary-bg) 85%, transparent);
    --rdb-table-focus-overlay: color-mix(in srgb, var(--phoenix-tertiary-color) 28%, transparent);
    --rdb-table-mutation-overlay: color-mix(in srgb, var(--phoenix-info, #0097eb) 28%, transparent);
}
.table > tbody > tr { --rdb-table-state-overlay: transparent; --rdb-table-selection-edge: transparent; --rdb-table-underlay: transparent; }
.table-striped > tbody > tr:nth-of-type(odd) { --rdb-table-underlay: var(--phoenix-table-striped-bg, transparent); }
.table > tbody > tr:hover { --rdb-table-state-overlay: var(--rdb-table-hover-overlay); }
.table > tbody > tr:is(.catalog-selected, .selected, .is-selected, .table-active, [aria-selected="true"]) {
    --rdb-table-state-overlay: var(--rdb-table-selected-overlay);
    --rdb-table-selection-edge: var(--phoenix-body-color);
}
.table > tbody > tr:is([data-rdb-row-phase="focus"], [data-rdb-row-phase="settle"][data-rdb-row-focused="true"]) {
    --rdb-table-state-overlay: var(--rdb-table-focus-overlay);
}
.table > tbody > tr:is([data-rdb-row-phase="update"], [data-rdb-row-phase="create"], [data-rdb-row-phase="delete"], [data-rdb-row-phase="delete-exit"]) {
    --rdb-table-state-overlay: var(--rdb-table-mutation-overlay);
}
:is(html, #rdb-row-ux) .table > tbody > tr[data-rdb-row-phase] {
    background-color: transparent !important;
    transition: none;
}
:is(html, #rdb-row-ux) .table > tbody > tr > :is(td, th) {
    background-color: var(--rdb-table-cell-surface, var(--phoenix-table-bg, var(--phoenix-emphasis-bg))) !important;
    box-shadow: inset 0 0 0 9999px var(--rdb-table-state-overlay, transparent), inset 0 0 0 9999px var(--rdb-table-underlay, transparent) !important;
}
:is(html, #rdb-row-ux) .table > tbody > tr > :is(td, th):first-child {
    box-shadow: inset 3px 0 var(--rdb-table-selection-edge, transparent), inset 0 0 0 9999px var(--rdb-table-state-overlay, transparent), inset 0 0 0 9999px var(--rdb-table-underlay, transparent) !important;
}
:is(html, #rdb-row-ux) .table > tbody > tr:is([data-rdb-row-phase="focus-release"], [data-rdb-row-phase="settle"]) > :is(td, th) {
    transition: box-shadow var(--rdb-row-settle, 200ms) ease-out;
}
@media (prefers-reduced-motion: reduce) {
    :is(html, #rdb-row-ux) .table > tbody > tr[data-rdb-row-phase] > :is(td, th) { transition: none !important; }
}

/* Action-cell whitespace is a safe target; only explicit controls perform actions. */
.table tbody :is(.rdb-table-actions-cell, .catalog-actions-cell, .rdb-table-navigation-cell, .catalog-drill-cell) {
    cursor: default;
}