/*!
 * iBancs360 Brand Override
 * Primary brand: #66023C
 * Generated from existing branding override file.
 */
:root, [data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #66023C;
    --bs-success: #9aa752;
    --bs-info: #d45bd8;
    --bs-warning: #d38c2f;
    --bs-danger: #dd1e1e;
    --bs-fusion: #0f0f0f;
    --bs-dark: #000;
    --bs-light: #fff;
    --bs-secondary: #6c757d;
    --bs-primary-rgb: 102,2,60;
    --bs-success-rgb: 154,167,82;
    --bs-info-rgb: 212,91,216;
    --bs-warning-rgb: 211,140,47;
    --bs-danger-rgb: 221,30,30;
    --bs-fusion-rgb: 15,15,15;
    --bs-dark-rgb: 0,0,0;
    --bs-light-rgb: 255,255,255;
    --bs-secondary-rgb: 108,117,125;
    --bs-primary-text-emphasis: #290118;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #f3d6e6;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #d99abc;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255,255,255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33,37,41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233,236,239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33,37,41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248,249,250;
    --bs-heading-color: inherit;
    --bs-link-color: #66023C;
    --bs-link-color-rgb: 102,2,60;
    --bs-link-hover-color: #520230;
    --bs-link-hover-color-rgb: 82,2,48;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222,226,230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33,37,41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255,255,255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222,226,230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52,58,64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222,226,230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43,48,53;
    --bs-primary-text-emphasis: #d38ab4;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #1f0112;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #4d012d;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #d38ab4;
    --bs-link-hover-color: #dfaac8;
    --bs-link-color-rgb: 211,138,180;
    --bs-link-hover-color-rgb: 223,170,200;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}

body {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg)
}

hr {
    color: inherit;
    opacity: .25
}

mark {
    color: var(--bs-highlight-color);
    background-color: var(--bs-highlight-bg)
}

a {
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1))
}

    a:hover {
        --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
    }

code {
    color: var(--bs-code-color)
}

kbd {
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color)
}

caption {
    color: var(--bs-secondary-color)
}

.mark {
    color: var(--bs-highlight-color);
    background-color: var(--bs-highlight-bg)
}

.blockquote-footer {
    color: #6c757d
}

.img-thumbnail {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color)
}

.figure-caption {
    color: var(--bs-secondary-color)
}

.table {
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
    border-color: var(--bs-table-border-color)
}

    .table > :not(caption) > * > * {
        color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
        background-color: var(--bs-table-bg);
        -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));
        box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))
    }

.table-group-divider {
    border-top-color: currentcolor
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-active {
    --bs-table-color-state: var(--bs-table-active-color);
    --bs-table-bg-state: var(--bs-table-active-bg)
}

.table-hover > tbody > tr:hover > * {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #e8d6d0;
    --bs-table-border-color: #baaba6;
    --bs-table-striped-bg: #dccbc6;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #d1c1bb;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d7c6c0;
    --bs-table-hover-color: #000
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #b5b6b7;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #ebeddc;
    --bs-table-border-color: #bcbeb0;
    --bs-table-striped-bg: #dfe1d1;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #d4d5c6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d9dbcc;
    --bs-table-hover-color: #000
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #f6def7;
    --bs-table-border-color: #c5b2c6;
    --bs-table-striped-bg: #ead3eb;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #ddc8de;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e4cde4;
    --bs-table-hover-color: #000
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #f6e8d5;
    --bs-table-border-color: #c5baaa;
    --bs-table-striped-bg: #eadcca;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #ddd1c0;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e4d7c5;
    --bs-table-hover-color: #000
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d2d2;
    --bs-table-border-color: #c6a8a8;
    --bs-table-striped-bg: #ecc8c8;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfbdbd;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c2c2;
    --bs-table-hover-color: #000
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #fff;
    --bs-table-border-color: #cccccc;
    --bs-table-striped-bg: #f2f2f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6e6e6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ececec;
    --bs-table-hover-color: #000
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #000;
    --bs-table-border-color: #333333;
    --bs-table-striped-bg: #0d0d0d;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #1a1a1a;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #131313;
    --bs-table-hover-color: #fff
}

.form-control:focus {
    border-color: var(--primary-500)
}

    .form-control:focus + .input-group-text {
        background-color: var(--primary-500);
        color: var(--bs-white);
        border-color: var(--primary-500)
    }

        .form-control:focus + .input-group-text .form-check-input:checked {
            background-color: var(--primary-700);
            border-color: var(--primary-900)
        }

.input-group:focus-within .input-group-text {
    background-color: var(--primary-500);
    color: var(--bs-white) !important;
    border-color: var(--primary-500)
}

    .input-group:focus-within .input-group-text .form-check-input:checked {
        background-color: var(--primary-700);
        border-color: var(--primary-900)
    }

.input-group:focus-within .form-select {
    border-color: var(--primary-500)
}

.input-group:focus-within .input-group-text + .input-group-text {
    border-left: 1px solid var(--primary-700)
}

.input-group:has(>.form-control.is-invalid) .input-group-text, .was-validated .input-group.has-validation:has(>.form-control:invalid) .input-group-text, .was-validated .input-group:has(>.form-control:invalid) .input-group-text {
    background-color: var(--bs-form-invalid-color);
    border-color: var(--bs-form-invalid-border-color);
    color: #fff
}

.input-group:has(>.form-control.is-valid) .input-group-text, .was-validated .input-group.has-validation:has(>.form-control:valid) .input-group-text, .was-validated .input-group:has(>.form-control:valid) .input-group-text {
    background-color: var(--bs-form-valid-color);
    border-color: var(--bs-form-valid-border-color);
    color: #fff
}

.form-check-hitbox .form-check-input:focus + .form-check-label {
    background: rgba(var(--bs-body-color-rgb),.03)
}

.form-check-hitbox:hover:has(.form-check-input):hover .form-check-label {
    background: rgba(var(--bs-body-color-rgb),.05)
}

.form-check-hitbox .form-check-label {
    background: 0 0
}

    .form-check-hitbox .form-check-label:hover {
        background: rgba(var(--bs-body-color-rgb),.05)
    }

.btn-primary {
    -webkit-box-shadow: 0 2px 6px 0 rgba(102,2,60,.5);
    box-shadow: 0 2px 6px 0 rgba(102,2,60,.5)
}

.btn-success {
    -webkit-box-shadow: 0 2px 6px 0 rgba(154,167,82,.5);
    box-shadow: 0 2px 6px 0 rgba(154,167,82,.5)
}

.btn-info {
    -webkit-box-shadow: 0 2px 6px 0 rgba(212,91,216,.5);
    box-shadow: 0 2px 6px 0 rgba(212,91,216,.5)
}

.btn-warning {
    -webkit-box-shadow: 0 2px 6px 0 rgba(211,140,47,.5);
    box-shadow: 0 2px 6px 0 rgba(211,140,47,.5)
}

.btn-danger {
    -webkit-box-shadow: 0 2px 6px 0 rgba(221,30,30,.5);
    box-shadow: 0 2px 6px 0 rgba(221,30,30,.5)
}

.btn-fusion {
    -webkit-box-shadow: 0 2px 6px 0 rgba(15,15,15,.5);
    box-shadow: 0 2px 6px 0 rgba(15,15,15,.5)
}

.btn-dark {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.5);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.5)
}

.btn-light {
    -webkit-box-shadow: 0 2px 6px 0 rgba(255,255,255,.5);
    box-shadow: 0 2px 6px 0 rgba(255,255,255,.5)
}

.btn-secondary {
    -webkit-box-shadow: 0 2px 6px 0 rgba(108,117,125,.5);
    box-shadow: 0 2px 6px 0 rgba(108,117,125,.5)
}

.btn-default {
    --btn-background-color: var(--bs-gray-100);
    --btn-default-bg-top: var(--bs-gray-100);
    --btn-default-bg-bottom: var(--bs-gray-200);
    --btn-border-color: rgba(var(--bs-body-color-rgb), 0.1);
    --btn-hover-border-color: rgba(var(--bs-body-color-rgb), 0.3);
    --btn-color: rgba(var(--bs-body-color-rgb), 0.85);
    --btn-hover-color: rgba(var(--bs-body-color-rgb), 1);
    --btn-focus-color: rgba(var(--bs-body-color-rgb), 1);
    --bs-btn-active-border-color: var(--primary-500);
    background-color: var(--btn-background-color);
    background-image: -webkit-gradient(linear,left bottom,left top,from(var(--btn-default-bg-top)),to(var(--btn-default-bg-bottom)));
    background-image: linear-gradient(to top,var(--btn-default-bg-top),var(--btn-default-bg-bottom));
    color: var(--btn-color);
    border: 1px solid var(--btn-border-color)
}

    .btn-default:hover {
        border-color: var(--btn-hover-border-color);
        color: var(--btn-hover-color)
    }

    .btn-default:focus {
        border-color: rgba(var(--bs-body-color-rgb),.5) !important;
        color: var(--btn-focus-color)
    }

    .ben-default.active, .btn-default:active {
        -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.15) inset !important;
        box-shadow: 0 2px 5px rgba(0,0,0,.15) inset !important
    }

.btn:not(.btn-system):active {
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.15) inset !important;
    box-shadow: 0 2px 5px rgba(0,0,0,.15) inset !important
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: var(--bs-btn-active-color) !important;
    background-color: var(--bs-btn-active-bg) !important;
    border-color: var(--bs-btn-active-border-color) !important
}

.btn-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #66023C;
    --bs-btn-border-color: #66023C;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #4b012c;
    --bs-btn-hover-border-color: #3c0123;
    --bs-btn-focus-shadow-rgb: 102,2,60;
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: #3c0123;
    --bs-btn-active-border-color: #2d011a;
    --bs-btn-disabled-color: var(--bs-white);
    --bs-btn-disabled-bg: #66023C;
    --bs-btn-disabled-border-color: #66023C
}

.btn-success {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #9aa752;
    --bs-btn-border-color: #9aa752;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #7a8541;
    --bs-btn-hover-border-color: #6b7439;
    --bs-btn-focus-shadow-rgb: 154,167,82;
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: #6b7439;
    --bs-btn-active-border-color: #5b6330;
    --bs-btn-disabled-color: var(--bs-white);
    --bs-btn-disabled-bg: #9aa752;
    --bs-btn-disabled-border-color: #9aa752
}

.btn-info {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #d45bd8;
    --bs-btn-border-color: #d45bd8;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #c932ce;
    --bs-btn-hover-border-color: #b62cba;
    --bs-btn-focus-shadow-rgb: 212,91,216;
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: #b62cba;
    --bs-btn-active-border-color: #a227a6;
    --bs-btn-disabled-color: var(--bs-white);
    --bs-btn-disabled-bg: #d45bd8;
    --bs-btn-disabled-border-color: #d45bd8
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #d38c2f;
    --bs-btn-border-color: #d38c2f;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ab7124;
    --bs-btn-hover-border-color: #966320;
    --bs-btn-focus-shadow-rgb: 211,140,47;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #966320;
    --bs-btn-active-border-color: #81551b;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #d38c2f;
    --bs-btn-disabled-border-color: #d38c2f
}

.btn-danger {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #dd1e1e;
    --bs-btn-border-color: #dd1e1e;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #b01818;
    --bs-btn-hover-border-color: #9a1515;
    --bs-btn-focus-shadow-rgb: 221,30,30;
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: #9a1515;
    --bs-btn-active-border-color: #831212;
    --bs-btn-disabled-color: var(--bs-white);
    --bs-btn-disabled-bg: #dd1e1e;
    --bs-btn-disabled-border-color: #dd1e1e
}

.btn-fusion {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #0f0f0f;
    --bs-btn-border-color: #0f0f0f;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: black;
    --bs-btn-hover-border-color: black;
    --bs-btn-focus-shadow-rgb: 15,15,15;
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: black;
    --bs-btn-active-border-color: black;
    --bs-btn-disabled-color: var(--bs-white);
    --bs-btn-disabled-bg: #0f0f0f;
    --bs-btn-disabled-border-color: #0f0f0f
}

.btn-outline-primary {
    --bs-btn-color: #66023C;
    --bs-btn-border-color: #66023C;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #66023C;
    --bs-btn-hover-border-color: #66023C;
    --bs-btn-focus-shadow-rgb: 102,2,60;
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: #66023C;
    --bs-btn-active-border-color: #66023C;
    --bs-btn-disabled-color: #66023C;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #66023C
}

.btn-outline-success {
    --bs-btn-color: #9aa752;
    --bs-btn-border-color: #9aa752;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #9aa752;
    --bs-btn-hover-border-color: #9aa752;
    --bs-btn-focus-shadow-rgb: 154,167,82;
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: #9aa752;
    --bs-btn-active-border-color: #9aa752;
    --bs-btn-disabled-color: #9aa752;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #9aa752
}

.btn-outline-info {
    --bs-btn-color: #d45bd8;
    --bs-btn-border-color: #d45bd8;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #d45bd8;
    --bs-btn-hover-border-color: #d45bd8;
    --bs-btn-focus-shadow-rgb: 212,91,216;
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: #d45bd8;
    --bs-btn-active-border-color: #d45bd8;
    --bs-btn-disabled-color: #d45bd8;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #d45bd8
}

.btn-outline-warning {
    --bs-btn-color: #d38c2f;
    --bs-btn-border-color: #d38c2f;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d38c2f;
    --bs-btn-hover-border-color: #d38c2f;
    --bs-btn-focus-shadow-rgb: 211,140,47;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #d38c2f;
    --bs-btn-active-border-color: #d38c2f;
    --bs-btn-disabled-color: #d38c2f;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #d38c2f
}

.btn-outline-danger {
    --bs-btn-color: #dd1e1e;
    --bs-btn-border-color: #dd1e1e;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #dd1e1e;
    --bs-btn-hover-border-color: #dd1e1e;
    --bs-btn-focus-shadow-rgb: 221,30,30;
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: #dd1e1e;
    --bs-btn-active-border-color: #dd1e1e;
    --bs-btn-disabled-color: #dd1e1e;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dd1e1e
}

.btn-outline-fusion {
    --bs-btn-color: #0f0f0f;
    --bs-btn-border-color: #0f0f0f;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #0f0f0f;
    --bs-btn-hover-border-color: #0f0f0f;
    --bs-btn-focus-shadow-rgb: 15,15,15;
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: #0f0f0f;
    --bs-btn-active-border-color: #0f0f0f;
    --bs-btn-disabled-color: #0f0f0f;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0f0f0f
}

.btn-system i::after {
    color: rgba(var(--info),.9)
}

.btn-system i::before {
    color: rgba(var(--primary),.9)
}

.btn-system.show .sa-icon, .btn-system:hover .sa-icon {
    fill: rgba(var(--primary),var(--sa-fill-opacity));
    stroke: rgba(var(--primary),.8)
}

.btn-system.show::before, .btn-system:hover::before {
    background: rgba(var(--bs-emphasis-color-rgb),var(--btn-system-bg-opacity,.03))
}

.btn-system.btn-system-light.show .sa-icon, .btn-system.btn-system-light:hover .sa-icon {
    fill: rgba(var(--white),var(--sa-fill-opacity));
    stroke: rgba(var(--white),.8)
}

.btn-system.btn-system-light.show::before, .btn-system.btn-system-light:hover::before {
    background: rgba(var(--white),var(--sa-fill-opacity))
}

.btn[data-action=playsound]:not(.btn-has-sound) .sa-icon {
    stroke: #222426
}

.btn[data-action=playsound]:not(.btn-has-sound):hover .sa-icon {
    stroke: #fff
}

.btn[data-action=playsound]:not(.btn-has-sound)[data-audio-playing] {
    border-color: rgba(var(--danger),.9);
    background: rgba(var(--danger),.1)
}

    .btn[data-action=playsound]:not(.btn-has-sound)[data-audio-playing] .sa-icon {
        stroke: rgba(var(--danger),.9)
    }

.btn-icon:not([class*=-primary]):not([class*=-secondary]):not([class*=-default]):not([class*=-success]):not([class*=-info]):not([class*=-warning]):not([class*=-danger]):not([class*=-dark]):not([class*=-light]):not(.nav-item):hover {
    background-color: rgba(var(--bs-body-color-rgb),.05);
    border-color: transparent
}

.btn-icon:not([class*=-primary]):not([class*=-secondary]):not([class*=-default]):not([class*=-success]):not([class*=-info]):not([class*=-warning]):not([class*=-danger]):not([class*=-dark]):not([class*=-light]):not(.nav-item):not(.active):not(:active):not(:hover):not(:focus) {
    color: var(--bs-body-color)
}

.btn-icon:not([class*=-primary]):not([class*=-secondary]):not([class*=-default]):not([class*=-success]):not([class*=-info]):not([class*=-warning]):not([class*=-danger]):not([class*=-dark]):not([class*=-light]):not(.nav-item):focus {
    border-color: rgba(var(--bs-body-color-rgb),.1) !important
}

.btn-outline-default {
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
    --bs-btn-active-border-color: var(--primary-500)
}

    .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled).active, .btn-outline-default:not(:disabled):not(.disabled):active, .show > .btn-outline-default.dropdown-toggle {
        color: var(--bs-body-color);
        background-color: var(--bs-body-bg);
        border-color: var(--bs-border-color)
    }

.btn-group .btn:not([class*=btn-outline-]):not(.btn-icon):not(.btn-light) {
    border-right: 1px solid rgba(0,0,0,.1);
    border-left: 1px solid rgba(0,0,0,.1)
}

.input-group-prepend .btn:not([class*=btn-outline-]):not(.btn-icon):not(:first-child) {
    border-left: 1px solid rgba(0,0,0,.1)
}

.input-group-append .btn:not([class*=btn-outline-]):not(.btn-icon):not(:first-child) {
    border-left: 1px solid rgba(0,0,0,.1)
}

.btn-group-vertical .btn-group, .btn-group-vertical .btn:not([class*=btn-outline-]):not(:first-child) {
    border-top: 1px solid rgba(0,0,0,.1)
}

.input-group .btn:not(.btn-outline-default) + .btn:not(.btn-outline-default) {
    border-left-color: rgba(0,0,0,.1)
}

.nav {
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color)
}

.nav-link {
    color: var(--bs-nav-link-color)
}

    .nav-link:focus, .nav-link:hover {
        color: var(--bs-nav-link-hover-color)
    }

    .nav-link.disabled, .nav-link:disabled {
        color: var(--bs-nav-link-disabled-color)
    }

.nav-tabs {
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg)
}

    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        border-color: var(--bs-nav-tabs-link-hover-border-color)
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: var(--bs-nav-tabs-link-active-color);
        background-color: var(--bs-nav-tabs-link-active-bg);
        border-color: var(--bs-nav-tabs-link-active-border-color)
    }

.nav-pills {
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: var(--bs-nav-pills-link-active-color);
        background-color: var(--bs-nav-pills-link-active-bg)
    }

.nav-underline {
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color)
}

    .nav-underline .nav-link.active, .nav-underline .show > .nav-link {
        color: var(--bs-nav-underline-link-active-color)
    }

.navbar {
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-brand {
    color: var(--bs-navbar-brand-color)
}

    .navbar-brand:focus, .navbar-brand:hover {
        color: var(--bs-navbar-brand-hover-color)
    }

.navbar-nav {
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color)
}

    .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
        color: var(--bs-navbar-active-color)
    }

.navbar-text {
    color: var(--bs-navbar-color)
}

    .navbar-text a, .navbar-text a:focus, .navbar-text a:hover {
        color: var(--bs-navbar-active-color)
    }

.navbar-toggler {
    color: var(--bs-navbar-color);
    border-color: var(--bs-navbar-toggler-border-color)
}

.navbar-toggler-icon {
    background-image: var(--bs-navbar-toggler-icon-bg)
}

.navbar-dark, .navbar[data-bs-theme=dark] {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

[data-bs-theme=dark] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-bg: var(--bs-body-bg);
    color: var(--bs-body-color);
    background-color: var(--bs-card-bg);
    border-color: var(--bs-card-border-color)
}

.card-body {
    color: var(--bs-card-color)
}

.card-title {
    color: var(--bs-card-title-color)
}

.card-subtitle {
    color: var(--bs-card-subtitle-color)
}

.card-header {
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-color: var(--bs-card-border-color)
}

.card-footer {
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-color: var(--bs-card-border-color)
}

.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.accordion-button {
    color: var(--bs-accordion-btn-color);
    background-color: var(--bs-accordion-btn-bg)
}

    .accordion-button:not(.collapsed) {
        color: var(--bs-accordion-active-color);
        background-color: var(--bs-accordion-active-bg)
    }

    .accordion-button::after {
        background-image: var(--bs-accordion-btn-icon)
    }

    .accordion-button:not(.collapsed)::after {
        background-image: var(--bs-accordion-btn-active-icon)
    }

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border-color: var(--bs-accordion-border-color)
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-link-color: inherit;
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border-color: var(--bs-alert-border-color)
}

.alert-heading {
    color: inherit
}

.alert-link {
    color: var(--bs-alert-link-color)
}

.alert-primary {
    --bs-alert-color: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text-emphasis)
}

.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis)
}

.alert-info {
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis)
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis)
}

.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis)
}

.alert-fusion {
    --bs-alert-color: var(--bs-fusion-text-emphasis);
    --bs-alert-bg: var(--bs-fusion-bg-subtle);
    --bs-alert-border-color: var(--bs-fusion-border-subtle);
    --bs-alert-link-color: var(--bs-fusion-text-emphasis)
}

.alert-dark {
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text-emphasis)
}

.alert-light {
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis)
}

.alert-secondary {
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: var(--bs-secondary-bg-subtle);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}

.badge {
    --bs-badge-color: #fff;
    color: var(--bs-badge-color)
}

[data-bs-theme=dark] .accordion-button::after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.breadcrumb {
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    background-color: var(--bs-breadcrumb-bg)
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--bs-breadcrumb-divider-color)
}

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-active-bg: var(--primary-900);
    --bs-pagination-active-bg: var(--primary-500);
    --bs-pagination-active-border-color: var(--primary-700);
    --bs-pagination-color: var(--bs-body-color);
    --bs-pagination-focus-color: var(--bs-body-color);
    --bs-pagination-hover-color: var(--primary-500);
    --bs-pagination-disabled-border-color: rgba(var(--bs-emphasis-color-rgb), 0.2)
}

.page-link {
    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color)
}

    .page-link:hover {
        background-color: var(--primary-500) !important;
        color: #fff;
        border-color: var(--primary-700)
    }

.page-item.active .page-link {
    color: #fff
}

.badge {
    --bs-badge-color: #fff;
    color: var(--bs-badge-color)
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-link-color: inherit;
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border-color: var(--bs-alert-border-color)
}

.alert-heading {
    color: inherit
}

.alert-link {
    color: var(--bs-alert-link-color)
}

.alert-primary {
    --bs-alert-color: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text-emphasis)
}

.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis)
}

.alert-info {
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis)
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis)
}

.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis)
}

.alert-fusion {
    --bs-alert-color: var(--bs-fusion-text-emphasis);
    --bs-alert-bg: var(--bs-fusion-bg-subtle);
    --bs-alert-border-color: var(--bs-fusion-border-subtle);
    --bs-alert-link-color: var(--bs-fusion-text-emphasis)
}

.alert-dark {
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text-emphasis)
}

.alert-light {
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis)
}

.alert-secondary {
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: var(--bs-secondary-bg-subtle);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress, .progress-stacked {
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    background-color: var(--bs-progress-bg)
}

.progress-bar {
    color: var(--bs-progress-bar-color);
    background-color: var(--bs-progress-bar-bg)
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-animated {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat
}

    .btn-close:hover {
        color: var(--bs-btn-close-color)
    }

.btn-close-white {
    -webkit-filter: var(--bs-btn-close-white-filter);
    filter: var(--bs-btn-close-white-filter)
}

[data-bs-theme=dark] .btn-close {
    -webkit-filter: var(--bs-btn-close-white-filter);
    filter: var(--bs-btn-close-white-filter)
}

.toast {
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    color: var(--bs-toast-color);
    background-color: var(--bs-toast-bg);
    border-color: var(--bs-toast-border-color)
}

.toast-header {
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    border-bottom-color: var(--bs-toast-header-border-color)
}

.modal {
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-footer-border-color: var(--bs-border-color)
}

.modal-content {
    color: var(--bs-modal-color);
    background-color: var(--bs-modal-bg);
    border-color: var(--bs-modal-border-color)
}

.modal-header {
    border-bottom-color: var(--bs-modal-header-border-color)
}

.modal-footer {
    background-color: var(--bs-modal-footer-bg);
    border-top-color: var(--bs-modal-footer-border-color)
}

.modal-backdrop {
    --bs-backdrop-bg: #000;
    background-color: var(--bs-backdrop-bg)
}

.popover {
    --bs-popover-bg: var(--bs-body-bg);
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-header-color: inherit;
    --bs-popover-header-bg: var(--bs-secondary-bg);
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    background-color: var(--bs-popover-bg);
    border-color: var(--bs-popover-border-color)
}

    .popover .popover-arrow::before {
        border-color: transparent
    }

.bs-popover-top > .popover-arrow::before {
    border-top-color: var(--bs-popover-arrow-border)
}

.bs-popover-top > .popover-arrow::after {
    border-top-color: var(--bs-popover-bg)
}

.bs-popover-end > .popover-arrow::before {
    border-right-color: var(--bs-popover-arrow-border)
}

.bs-popover-end > .popover-arrow::after {
    border-right-color: var(--bs-popover-bg)
}

.bs-popover-bottom > .popover-arrow::before {
    border-bottom-color: var(--bs-popover-arrow-border)
}

.bs-popover-bottom > .popover-arrow::after {
    border-bottom-color: var(--bs-popover-bg)
}

.bs-popover-bottom .popover-header::before {
    border-bottom-color: var(--bs-popover-header-bg)
}

.bs-popover-start > .popover-arrow::before {
    border-left-color: var(--bs-popover-arrow-border)
}

.bs-popover-start > .popover-arrow::after {
    border-left-color: var(--bs-popover-bg)
}

.popover-header {
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom-color: var(--bs-popover-border-color)
}

.popover-body {
    color: var(--bs-popover-body-color)
}

.spinner-border {
    border-color: currentcolor;
    border-right-color: transparent
}

.spinner-grow {
    background-color: currentcolor
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border, .spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-success {
    color: #000 !important;
    background-color: RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-fusion {
    color: #fff !important;
    background-color: RGBA(var(--bs-fusion-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1)) !important
}

.link-primary {
    color: RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1));
    text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))
}

    .link-primary:focus, .link-primary:hover {
        color: RGBA(82, 2, 48, var(--bs-link-opacity, 1));
        text-decoration-color: RGBA(82, 2, 48, var(--bs-link-underline-opacity, 1))
    }

.link-success {
    color: RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1));
    text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))
}

    .link-success:focus, .link-success:hover {
        color: RGBA("174, 185, 117", var(--bs-link-opacity, 1));
        text-decoration-color: RGBA("174, 185, 117", var(--bs-link-underline-opacity, 1))
    }

.link-info {
    color: RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1));
    text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))
}

    .link-info:focus, .link-info:hover {
        color: RGBA("221, 124, 224", var(--bs-link-opacity, 1));
        text-decoration-color: RGBA("221, 124, 224", var(--bs-link-underline-opacity, 1))
    }

.link-warning {
    color: RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1));
    text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))
}

    .link-warning:focus, .link-warning:hover {
        color: RGBA("220, 163, 89", var(--bs-link-opacity, 1));
        text-decoration-color: RGBA("220, 163, 89", var(--bs-link-underline-opacity, 1))
    }

.link-danger {
    color: RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1));
    text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))
}

    .link-danger:focus, .link-danger:hover {
        color: RGBA("177, 24, 24", var(--bs-link-opacity, 1));
        text-decoration-color: RGBA("177, 24, 24", var(--bs-link-underline-opacity, 1))
    }

.link-fusion {
    color: RGBA(var(--bs-fusion-rgb),var(--bs-link-opacity,1));
    text-decoration-color: RGBA(var(--bs-fusion-rgb),var(--bs-link-underline-opacity,1))
}

    .link-fusion:focus, .link-fusion:hover {
        color: RGBA("12, 12, 12", var(--bs-link-opacity, 1));
        text-decoration-color: RGBA("12, 12, 12", var(--bs-link-underline-opacity, 1))
    }

.link-dark {
    color: RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1));
    text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))
}

    .link-dark:focus, .link-dark:hover {
        color: RGBA("0, 0, 0", var(--bs-link-opacity, 1));
        text-decoration-color: RGBA("0, 0, 0", var(--bs-link-underline-opacity, 1))
    }

.link-light {
    color: RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1));
    text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))
}

    .link-light:focus, .link-light:hover {
        color: RGBA("255, 255, 255", var(--bs-link-opacity, 1));
        text-decoration-color: RGBA("255, 255, 255", var(--bs-link-underline-opacity, 1))
    }

.link-secondary {
    color: RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1));
    text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))
}

    .link-secondary:focus, .link-secondary:hover {
        color: RGBA("86, 94, 100", var(--bs-link-opacity, 1));
        text-decoration-color: RGBA("86, 94, 100", var(--bs-link-underline-opacity, 1))
    }

.link-body-emphasis {
    color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1));
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))
}

    .link-body-emphasis:focus, .link-body-emphasis:hover {
        color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75));
        text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))
    }

.focus-ring:focus {
    -webkit-box-shadow: 0 0 0 var(--bs-focus-ring-width) var(--bs-focus-ring-color);
    box-shadow: 0 0 0 var(--bs-focus-ring-width) var(--bs-focus-ring-color)
}

.icon-link {
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5))
}

    .icon-link > .bi {
        fill: currentcolor
    }

:root, [data-bs-theme=light] {
    --bs-blue: #be4f9d;
    --bs-indigo: #8b5012;
    --bs-purple: #ac2a17;
    --bs-pink: #cc402b;
    --bs-red: #db3421;
    --bs-orange: #d85527;
    --bs-yellow: #dca359;
    --bs-green: #b19c44;
    --bs-teal: #b78195;
    --bs-cyan: #c86abd;
    --bs-black: #000;
    --bs-white: #fff;
    --primary-50: #fa0f97;
    --primary-100: #e10484;
    --primary-200: #c30473;
    --primary-300: #a50361;
    --primary-400: #87034f;
    --primary-500: #66023C;
    --primary-600: #5a0235;
    --primary-700: #4b012c;
    --primary-800: #3c0123;
    --primary-900: #2d011a;
    --success-50: #ccd3a5;
    --success-100: #c2cb94;
    --success-200: #b9c283;
    --success-300: #afba72;
    --success-400: #a5b161;
    --success-500: #9aa752;
    --success-600: #8a964a;
    --success-700: #7a8541;
    --success-800: #6b7439;
    --success-900: #5b6330;
    --info-50: #efc2f0;
    --info-100: #eaadec;
    --info-200: #e499e7;
    --info-300: #df84e2;
    --info-400: #d970dd;
    --info-500: #d45bd8;
    --info-600: #cf46d3;
    --info-700: #c932ce;
    --info-800: #b62cba;
    --info-900: #a227a6;
    --warning-50: #e9c698;
    --warning-100: #e5bb83;
    --warning-200: #e0af6e;
    --warning-300: #dca359;
    --warning-400: #d79844;
    --warning-500: #d38c2f;
    --warning-600: #c07e29;
    --warning-700: #ab7124;
    --warning-800: #966320;
    --warning-900: #81551b;
    --danger-50: #ef8b8b;
    --danger-100: #ec7575;
    --danger-200: #e95e5e;
    --danger-300: #e64848;
    --danger-400: #e33131;
    --danger-500: #dd1e1e;
    --danger-600: #c71b1b;
    --danger-700: #b01818;
    --danger-800: #9a1515;
    --danger-900: #831212;
    --fusion-50: #4f4f4f;
    --fusion-100: #424242;
    --fusion-200: #353535;
    --fusion-300: #282828;
    --fusion-400: #1c1c1c;
    --fusion-500: #0f0f0f;
    --fusion-600: #020202;
    --fusion-700: black;
    --fusion-800: black;
    --fusion-900: black;
    --dark-50: #404040;
    --dark-100: #333333;
    --dark-200: #262626;
    --dark-300: #1a1a1a;
    --dark-400: #0d0d0d;
    --dark-500: #000;
    --dark-600: black;
    --dark-700: black;
    --dark-800: black;
    --dark-900: black;
    --light-50: white;
    --light-100: white;
    --light-200: white;
    --light-300: white;
    --light-400: white;
    --light-500: #fff;
    --light-600: #f2f2f2;
    --light-700: #e6e6e6;
    --light-800: #d9d9d9;
    --light-900: #cccccc;
    --secondary-50: #afb5ba;
    --secondary-100: #a1a8ae;
    --secondary-200: #939ba2;
    --secondary-300: #868e96;
    --secondary-400: #78828a;
    --secondary-500: #6c757d;
    --secondary-600: #60686f;
    --secondary-700: #545b62;
    --secondary-800: #494f54;
    --secondary-900: #3d4246;
    --bs-primary: #66023C;
    --bs-primary-rgb: 102,2,60;
    --bs-primary-text-emphasis: #290118;
    --bs-primary-bg-subtle: #f3d6e6;
    --bs-primary-border-subtle: #d99abc;
    --bs-success: #9aa752;
    --bs-success-rgb: 154,167,82;
    --bs-success-text-emphasis: #3b4020;
    --bs-success-bg-subtle: #d6dbb7;
    --bs-success-border-subtle: #c2cb94;
    --bs-info: #d45bd8;
    --bs-info-rgb: 212,91,216;
    --bs-info-text-emphasis: #791e7c;
    --bs-info-bg-subtle: #f4d7f5;
    --bs-info-border-subtle: #eaadec;
    --bs-warning: #d38c2f;
    --bs-warning-rgb: 211,140,47;
    --bs-warning-text-emphasis: #573912;
    --bs-warning-bg-subtle: #eed2ad;
    --bs-warning-border-subtle: #e5bb83;
    --bs-danger: #dd1e1e;
    --bs-danger-rgb: 221,30,30;
    --bs-danger-text-emphasis: #560c0c;
    --bs-danger-bg-subtle: #f2a2a2;
    --bs-danger-border-subtle: #ec7575;
    --bs-fusion: #0f0f0f;
    --bs-fusion-rgb: 15,15,15;
    --bs-fusion-text-emphasis: black;
    --bs-fusion-bg-subtle: #5b5b5b;
    --bs-fusion-border-subtle: #424242;
    --bs-dark: #000;
    --bs-dark-rgb: 0,0,0;
    --bs-dark-text-emphasis: black;
    --bs-dark-bg-subtle: #4d4d4d;
    --bs-dark-border-subtle: #333333;
    --bs-light: #fff;
    --bs-light-rgb: 255,255,255;
    --bs-light-text-emphasis: #b3b3b3;
    --bs-light-bg-subtle: white;
    --bs-light-border-subtle: white;
    --bs-secondary: #6c757d;
    --bs-secondary-rgb: 108,117,125;
    --bs-secondary-text-emphasis: #25282b;
    --bs-secondary-bg-subtle: #bcc1c6;
    --bs-secondary-border-subtle: #a1a8ae;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-form-valid-color: #9aa752;
    --bs-form-valid-border-color: #9aa752;
    --bs-form-invalid-color: #dd1e1e;
    --bs-form-invalid-border-color: #dd1e1e;
    --app-nav-link-color: var(--bs-gray-800);
    --app-nav-link-hover-color: #5c0236;
    --app-nav-link-active-color: #5c0236;
    --app-nav-title-color: #666666;
    --app-nav-border-color: rgba(var(--secondary), 0.3);
    --app-nav-item-hover-bg: rgba(102, 2, 60, 0.045);
    --app-nav-item-active-bg: rgba(var(--secondary), 0.07);
    --app-nav-item-active-indicator: var(--app-nav-link-active-color);
    --app-nav-collapse-sign-color: var(--bs-body-color);
    --bs-link-color: #66023C;
    --bs-link-color-rgb: 102,2,60;
    --bs-link-hover-color-rgb: 82,2,48;
    --bs-link-hover-color: #520230;
    --bs-code-color: #9a1515;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.1);
    --bs-border-color: #dee2e6;
    --app-layout-border-color: rgba(0, 0, 0, 0.07);
    --collapse-icon-border: rgba(0, 0, 0, 0.3);
    --collapse-icon-border-hover: rgba(var(--primary), 0.8);
    --primary: 102,2,60;
    --secondary: 108,117,125;
    --success: 154,167,82;
    --warning: 211,140,47;
    --info: 212,91,216;
    --danger: 221,30,30;
    --fusion: 15,15,15;
    --disable: 173,181,189;
    --white: 255,255,255;
    --bs-body-color: #505050;
    --bs-secondary-color: rgba(70, 79, 87, 0.70);
    --input-placeholder-color: rgba(112, 112, 112, 0.5);
    --scrollbar-color: #f1f1f1;
    --scrollbar-thumb: #888;
    --scrollbar-thumb-hover: #555
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #66023C
}

.progress, .progress-stacked {
    --bs-progress-bar-bg: #66023C
}

.list-group {
    --bs-list-group-active-bg: #66023C;
    --bs-list-group-active-border-color: #66023C
}

.form-check-input:checked {
    background-color: #66023C;
    border-color: #66023C
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #66023C;
    border-color: #66023C
}

.list-group-item.active {
    background-color: var(--app-nav-item-active-bg);
    color: var(--bs-body-color)
}

.list-group-item:hover {
    color: var(--app-nav-link-hover-color);
    background-color: var(--app-nav-item-hover-bg)
}

[data-bs-theme=dark] {
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222,226,230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33,37,41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255,255,255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222,226,230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52,58,64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222,226,230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43,48,53;
    --bs-primary-text-emphasis: #d38ab4;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #c2ca97;
    --bs-info-text-emphasis: #e59de8;
    --bs-warning-text-emphasis: #e5ba82;
    --bs-danger-text-emphasis: #eb7878;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #1f0112;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #1f2110;
    --bs-info-bg-subtle: #2a122b;
    --bs-warning-bg-subtle: #2a1c09;
    --bs-danger-bg-subtle: #2c0606;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #4d012d;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #5c6431;
    --bs-info-border-subtle: #7f3782;
    --bs-warning-border-subtle: #7f541c;
    --bs-danger-border-subtle: #851212;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-headings-color: inherit;
    --bs-link-color: #d38ab4;
    --bs-link-color-rgb: 211,138,180;
    --bs-link-hover-color: #dfaac8;
    --bs-link-hover-color-rgb: 223,170,200;
    --bs-code-color: #a7acb1;
    --bs-mark-color: #dee2e6;
    --bs-mark-bg: #ffda6a;
    --bs-form-select-indicator-color: #dee2e6;
    --bs-form-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
    --bs-form-switch-color: rgba(255, 255, 255, 0.25);
    --bs-form-switch-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='rgba(255, 255, 255, 0.25)'/></svg>");
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f;
    --bs-accordion-icon-color: #c883ad;
    --bs-accordion-icon-active-color: #c883ad;
    --bs-accordion-button-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#c883ad'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
    --bs-accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#c883ad'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --app-nav-link-color: #adb5bd;
    --app-nav-link-hover-color: #5c0236;
    --app-nav-link-active-color: #5c0236;
    --app-nav-title-color: #6c757d;
    --app-nav-border-color: #495057;
    --app-nav-item-hover-bg: rgba(255, 255, 255, 0.05);
    --app-nav-item-active-bg: rgba(255, 255, 255, 0.05);
    --app-nav-item-active-indicator: rgba(255, 255, 255, 0.9);
    --app-nav-collapse-sign-color: var(--app-nav-link-color);
    --app-header-background: #272b30;
    --app-nav-background: var(--app-header-background);
    --app-drawer-background: var(--app-header-background);
    --app-layout-border-color: var(--bs-border-color);
    --app-content-background: #363c41;
    --app-panel-bg: var(--app-header-background);
    --app-panel-border-color: var(--bs-border-color);
    --app-panel-border-bottom: var(--bs-border-color);
    --panel-tag-background: rgb(43 68 62);
    --panel-drag-bg: var(--app-content-background);
    --bs-input-bg: #2b3035;
    --bs-input-border-color: #495057;
    --bs-input-color: var(--bs-body-color);
    --bs-input-focus-bg: #2b3035;
    --bs-input-focus-border-color: var(--primary-300);
    --bs-input-focus-color: var(--bs-emphasis-color);
    --app-scrollbar-bg: var(--bs-tertiary-bg);
    --app-scrollbar-thumb: var(--bs-secondary-bg);
    --app-scrollbar-thumb-hover: var(--bs-border-color);
    --app-card-bg: var(--bs-tertiary-bg);
    --app-dropdown-bg: var(--bs-tertiary-bg);
    --app-dropdown-border-color: var(--bs-border-color);
    --app-dropdown-link-color: var(--bs-body-color);
    --app-dropdown-link-hover-bg: var(--bs-secondary-bg);
    --app-dropdown-link-hover-color: var(--bs-emphasis-color);
    --app-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
    --app-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
    --app-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.35);
    --page-breadcrumbs-text-shadow: #000;
    --page-subheader-text-shadow: #000;
    --page-subheader-color: var(--bs-emphasis-color);
    --bs-info-bg: rgb(69 59 31);
    --bs-info-border-color: rgb(147 126 70);
    --btn-system-bg-opacity: 0.07;
    --collapse-icon-border: rgba(255, 255, 255, 0.3);
    --collapse-icon-border-hover: rgba(var(--primary), 0.8)
}

    [data-bs-theme=dark] .dropdown-menu {
        --bs-dropdown-link-hover-color: var(--app-nav-link-hover-color)
    }

    [data-bs-theme=dark] #panelDeleteModal .modal-content {
        border-color: var(--bs-border-color)
    }

    [data-bs-theme=dark] .grid-background {
        --background-color: #333333;
        --background-image-color: 255,255,255
    }

    [data-bs-theme=dark] .grid-background-dark {
        --background-color: #ffffff;
        --background-image-color: 0,0,0
    }

    [data-bs-theme=dark] .form-check-input {
        --bs-form-check-bg: #727374
    }

    [data-bs-theme=dark] .pagination {
        --bs-pagination-focus-color: var(--bs-emphasis-color);
        --bs-pagination-color: var(--bs-emphasis-color)
    }

    [data-bs-theme=dark] .app-logo::before {
        background-color: var(--bs-body-bg)
    }

    [data-bs-theme=dark] .app-logo > svg {
        --logo-color: var(--primary-500);
        color: #e1e3e5
    }

    [data-bs-theme=dark] .card {
        --bs-card-bg: var(--app-panel-bg)
    }

    [data-bs-theme=dark] .dropdown-menu {
        --bs-dropdown-bg: #373b3f;
        border: 1px solid var(--bs-border-color)
    }

    [data-bs-theme=dark] .accordion-button {
        --bs-accordion-active-bg: rgba(var(--white), 0.04)
    }

        [data-bs-theme=dark] .accordion-button::after {
            -webkit-filter: invert(90%) hue-rotate(180deg) brightness(1.2);
            filter: invert(90%) hue-rotate(180deg) brightness(1.2)
        }

    [data-bs-theme=dark] .nav-tabs {
        --bs-nav-tabs-link-active-bg: var(--app-panel-bg);
        --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) transparent
    }

    [data-bs-theme=dark] .tooltip {
        --bs-tooltip-color: #fff
    }

    [data-bs-theme=dark] .modal-content {
        --bs-modal-bg: #373b3f;
        --bs-modal-border-color: var(--bs-border-color);
        --bs-modal-header-color: #fff
    }

    [data-bs-theme=dark] .inverse-color {
        -webkit-filter: invert(90%) hue-rotate(180deg) brightness(1.2);
        filter: invert(90%) hue-rotate(180deg) brightness(1.2)
    }

    [data-bs-theme=dark] .popover:not([class*=primary-],[class*=secondary-],[class*=success-],[class*=danger-],[class*=warning-],[class*=info-],[class*=dark-],[class*=light-]) {
        --bs-popover-border-color: rgba(0, 0, 0, 0.5);
        --bs-popover-header-color: var(--bs-light);
        --bs-popover-bg: rgba(0, 0, 0, 0.5);
        --bs-popover-arrow-border: rgba(0, 0, 0, 0.5)
    }

    [data-bs-theme=dark] .btn-outline-secondary {
        --bs-btn-color: var(--bs-body-color)
    }

    [data-bs-theme=dark] .btn-default {
        --btn-background-color: var(--bs-gray-300);
        --btn-default-bg-top: rgba(var(--bs-body-bg-rgb), 0.85);
        --btn-default-bg-bottom: rgba(var(--bs-body-bg-rgb), 1);
        --btn-border-color: var(--fusion-700);
        --btn-hover-border-color: var(--fusion-900);
        --btn-color: rgba(var(--bs-light-rgb), 0.85);
        --btn-hover-color: rgba(var(--bs-light-rgb), 1);
        --btn-focus-color: rgba(var(--bs-light-rgb), 1)
    }