:root {
    --ylw-primary-base: #4B4F9A;
    --ylw-primary-50: #F7F7FD;
    --ylw-primary-100: #E6E5F8;
    --ylw-primary-200: #CFCEF1;
    --ylw-primary-300: #B7B6E8;
    --ylw-primary-400: #9F9DDC;
    --ylw-primary-500: #6c6acd;
    --ylw-primary-600: #5C5DB5;
    --ylw-primary-700: #4B4F9A;
    --ylw-primary-800: #404383;
    --ylw-primary-900: #383B73;
    --ylw-green-base: #42814D;
    --ylw-green-50: #F3F9F5;
    --ylw-green-100: #E2F3E7;
    --ylw-green-200: #C8E9D2;
    --ylw-green-300: #AEDBB7;
    --ylw-green-400: #94CD9C;
    --ylw-green-500: #5DB86E;
    --ylw-green-600: #55A864;
    --ylw-green-700: #4D985B;
    --ylw-green-800: #42814D;
    --ylw-green-900: #3A7244;
    --ylw-blue-base: #0F63A8;
    --ylw-blue-50: #F0F6FB;
    --ylw-blue-100: #DBEDF5;
    --ylw-blue-200: #BCDDED;
    --ylw-blue-300: #98C9E4;
    --ylw-blue-400: #74B4DB;
    --ylw-blue-500: #3084C9;
    --ylw-blue-600: #2073B8;
    --ylw-blue-700: #0F63A8;
    --ylw-blue-800: #0D548F;
    --ylw-blue-900: #0C4A7E;
    --ylw-yellow-base: #FBBD11;
    --ylw-yellow-50: #fffdf4;
    --ylw-yellow-100: #fff8dd;
    --ylw-yellow-200: #feebb8;
    --ylw-yellow-300: #fdde88;
    --ylw-yellow-400: #FCD11A;
    --ylw-yellow-500: #FBBD11;
    --ylw-yellow-600: #F9A907;
    --ylw-yellow-700: #c78706;
    --ylw-yellow-800: #9d6a04;
    --ylw-yellow-900: #704c03;
    --ylw-red-base: #C62828;
    --ylw-red-50: #fef5f5;
    --ylw-red-100: #fbe1e1;
    --ylw-red-200: #f7c4c2;
    --ylw-red-300: #f29c9a;
    --ylw-red-400: #eb6a67;
    --ylw-red-500: #E53935;
    --ylw-red-600: #d6302f;
    --ylw-red-700: #C62828;
    --ylw-red-800: #a82222;
    --ylw-red-900: #951e1e;
    --ylw-neutral-base: #282828;
    --ylw-neutral-50: #FAFAFA;
    --ylw-neutral-100: #F2F2F2;
    --ylw-neutral-200: #E6E6E6;
    --ylw-neutral-300: #DBDBDB;
    --ylw-neutral-400: #CACACA;
    --ylw-neutral-500: #A1A1A1;
    --ylw-neutral-600: #707070;
    --ylw-neutral-700: #515151;
    --ylw-neutral-800: #3C3C3C;
    --ylw-neutral-900: #282828;
    --ylw-primary: #6c6acd;
    --ylw-primary-dark: #4B4F9A;
    --ylw-green: #5DB86E;
    --ylw-green-dark: #42814D;
    --ylw-blue: #3084C9;
    --ylw-blue-dark: #0F63A8;
    --ylw-yellow: #FCD11A;
    --ylw-orange: #F9A907;
    --ylw-red: #E53935;
    --ylw-red-dark: #C62828;
    --ylw-neutral: #515151;
    --ylw-neutral-dark: #282828;
    --ylw-neutral-light: #F2F2F2;
    --ylw-dark: #282828;
    --ylw-dark-alt: #515151;
    --ylw-light: #F2F2F2;
    --ylw-bg: var(--ylw-primary-50);
    --ylw-surface: #fff;
    --ylw-border: var(--ylw-primary-100);
    --ylw-text-primary: var(--ylw-dark);
    --ylw-text-secondary: var(--ylw-dark-alt);
    --ylw-text-on-primary: #FFFFFF;
    --ylw-success: var(--ylw-green);
    --ylw-warning: var(--ylw-orange);
    --ylw-info: var(--ylw-blue);
    --ylw-error: #E53935
}

/* ========================================
   DARK THEME
   ======================================== */
[data-theme="dark"] {
    /* Background colors */
    --ylw-bg: #121218;
    --ylw-surface: #1e1e26;
    --ylw-border: #2d2d3a;

    /* Text colors */
    --ylw-text-primary: #e5e5e5;
    --ylw-text-secondary: #a0a0a0;
    --ylw-dark: #e5e5e5;
    --ylw-dark-alt: #a0a0a0;
    --ylw-light: #1e1e26;
    --ylw-neutral-light: #2d2d3a;

    /* Neutral palette (inverted for dark mode) */
    --ylw-neutral-50: #1a1a22;
    --ylw-neutral-100: #252530;
    --ylw-neutral-200: #2d2d3a;
    --ylw-neutral-300: #3a3a4a;
    --ylw-neutral-400: #4a4a5a;
    --ylw-neutral-500: #6a6a7a;
    --ylw-neutral-600: #9a9aaa;
    --ylw-neutral-700: #b5b5c5;
    --ylw-neutral-800: #d0d0e0;
    --ylw-neutral-900: #e5e5f0;

    /* Primary palette light variants (darkened for dark mode) */
    --ylw-primary-50: #1a1a2a;
    --ylw-primary-100: #252538;
    --ylw-primary-200: #2d2d45;

    /* Green palette light variants */
    --ylw-green-50: #1a2220;
    --ylw-green-100: #202a26;
    --ylw-green-200: #263530;

    /* Blue palette light variants */
    --ylw-blue-50: #1a2028;
    --ylw-blue-100: #1e2a38;
    --ylw-blue-200: #223545;

    /* Yellow palette light variants */
    --ylw-yellow-50: #222018;
    --ylw-yellow-100: #2a2618;
    --ylw-yellow-200: #352f1a;

    /* Red palette light variants */
    --ylw-red-50: #221a1a;
    --ylw-red-100: #2d2020;
    --ylw-red-200: #382525;

    /* Navigation variables for dark mode */
    --pnv-nav-background-color: #1a1a24;
    --pnv-nav-dropmenu-background-color: #1e1e26;
    --pnv-nav-dropmenu-text-color: #e5e5e5;
    --pnv-btn-dropmenu-background-color-default: #1e1e26;
    --pnv-btn-dropmenu-background-color-hovered: #2a2a36;
    --pnv-btn-dropmenu-background-color-pressed: #353545;
    --pnv-border-color-default: #3a3a4a;
    --pnv-btn-background-color-default: #2a2a3a;
    --pnv-btn-background-color-hovered: #353545;
    --pnv-btn-background-color-pressed: #404050;

    /* Bootstrap overrides */
    --bs-body-bg: #121218;
    --bs-body-color: #e5e5e5;
    --bs-card-bg: #1e1e26;
    --bs-card-border-color: #2d2d3a;
    --bs-border-color: #2d2d3a;
    --bs-secondary-bg: #252530;
    --bs-tertiary-bg: #1a1a22;

    /* Form controls */
    --bs-form-control-bg: #252530;
    --bs-form-control-disabled-bg: #1a1a22;

    /* Modal overrides */
    --bs-modal-bg: #1e1e26;
    --bs-modal-border-color: #2d2d3a;

    /* Dropdown overrides */
    --bs-dropdown-bg: #1e1e26;
    --bs-dropdown-border-color: #2d2d3a;
    --bs-dropdown-link-color: #e5e5e5;
    --bs-dropdown-link-hover-bg: #2a2a36;

    /* Toast overrides - keep colored toasts as-is */
    color-scheme: dark
}

/* Dark mode specific styles */
[data-theme="dark"] body {
    background-color: var(--ylw-bg);
    color: var(--ylw-text-primary)
}

[data-theme="dark"] .card {
    background-color: var(--ylw-surface);
    border-color: var(--ylw-border);
    --bs-card-cap-bg: rgba(255, 255, 255, 0.03)
}

[data-theme="dark"] .modal-content {
    background-color: var(--ylw-surface);
    border-color: var(--ylw-border)
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
    background-color: #252530;
    border-color: #3a3a4a;
    color: #e5e5e5
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    background-color: #252530;
    border-color: var(--ylw-primary-500);
    color: #e5e5e5
}

[data-theme="dark"] .form-control::placeholder {
    color: #6a6a7a
}

[data-theme="dark"] .input-group-text {
    background-color: #1e1e26;
    border-color: #3a3a4a;
    color: #a0a0a0
}

[data-theme="dark"] .btn-outline-secondary {
    --bs-btn-color: #a0a0a0;
    --bs-btn-border-color: #4a4a5a;
    --bs-btn-hover-bg: #2a2a36;
    --bs-btn-hover-border-color: #5a5a6a
}

[data-theme="dark"] .btn-light {
    --bs-btn-bg: #2a2a36;
    --bs-btn-border-color: #3a3a4a;
    --bs-btn-color: #e5e5e5;
    --bs-btn-hover-bg: #353545;
    --bs-btn-hover-border-color: #4a4a5a
}

[data-theme="dark"] .dropdown-menu {
    background-color: var(--ylw-surface);
    border-color: var(--ylw-border)
}

[data-theme="dark"] .dropdown-item {
    color: #e5e5e5
}

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus {
    background-color: #2a2a36;
    color: #fff
}

[data-theme="dark"] hr {
    border-color: #3a3a4a;
    opacity: 0.3
}

[data-theme="dark"] code {
    background: #252530;
    color: #e5e5e5
}

[data-theme="dark"] pre {
    background: #1a1a22;
    border-color: #3a3a4a
}

[data-theme="dark"] .table {
    --bs-table-bg: transparent;
    --bs-table-color: #e5e5e5;
    --bs-table-border-color: #3a3a4a;
    --bs-table-striped-bg: rgba(255, 255, 255, 0.02);
    --bs-table-hover-bg: rgba(255, 255, 255, 0.04)
}

[data-theme="dark"] .list-group-item {
    background-color: var(--ylw-surface);
    border-color: var(--ylw-border);
    color: #e5e5e5
}

[data-theme="dark"] .accordion-item {
    background-color: var(--ylw-surface);
    border-color: var(--ylw-border);
    color: #e5e5e5
}

[data-theme="dark"] .accordion-button {
    background-color: var(--ylw-surface);
    color: #e5e5e5
}

[data-theme="dark"] .accordion-button:not(.collapsed) {
    background-color: #252530
}

[data-theme="dark"] .accordion-body {
    background-color: var(--ylw-surface)
}

[data-theme="dark"] .nav-tabs .nav-link {
    color: #a0a0a0
}

[data-theme="dark"] .nav-tabs .nav-link.active {
    background-color: var(--ylw-surface);
    border-color: var(--ylw-border);
    color: #e5e5e5
}

[data-theme="dark"] .progress {
    background-color: #252530
}

[data-theme="dark"] .text-muted {
    color: #8a8a9a !important
}

[data-theme="dark"] .text-body-secondary {
    color: #8a8a9a !important
}

[data-theme="dark"] .border {
    border-color: var(--ylw-border) !important
}

/* Featured icon backgrounds in dark mode */
[data-theme="dark"] .featured-icon-primary {
    background-color: #2d2d45;
    color: #B7B6E8
}

[data-theme="dark"] .featured-icon-green {
    background-color: #263530;
    color: #94CD9C
}

[data-theme="dark"] .featured-icon-blue {
    background-color: #223545;
    color: #74B4DB
}

[data-theme="dark"] .featured-icon-yellow {
    background-color: #352f1a;
    color: #FCD11A
}

[data-theme="dark"] .featured-icon-red {
    background-color: #382525;
    color: #f29c9a
}

[data-theme="dark"] .featured-icon-neutral {
    background-color: #2a2a36;
    color: #a1a1a1
}

/* Feature cards in dark mode */
[data-theme="dark"] .feature-card {
    background-color: var(--ylw-surface);
    border-color: var(--ylw-border)
}

[data-theme="dark"] .feature-card .feature-title,
[data-theme="dark"] .feature-card .text-neutral-800,
[data-theme="dark"] .feature-card .card-title {
    color: #e5e5e5 !important
}

/* Card color variants in dark mode */
[data-theme="dark"] .card-primary {
    background-color: var(--ylw-primary-50);
    border-color: var(--ylw-primary-200)
}

[data-theme="dark"] .card-green {
    background-color: var(--ylw-green-50);
    border-color: var(--ylw-green-200)
}

[data-theme="dark"] .card-blue {
    background-color: var(--ylw-blue-50);
    border-color: var(--ylw-blue-200)
}

[data-theme="dark"] .card-yellow {
    background-color: var(--ylw-yellow-50);
    border-color: var(--ylw-yellow-200)
}

[data-theme="dark"] .card-red {
    background-color: var(--ylw-red-50);
    border-color: var(--ylw-red-200)
}

[data-theme="dark"] .card-neutral {
    background-color: var(--ylw-neutral-50);
    border-color: var(--ylw-neutral-200)
}

/* Background utility overrides for dark mode */
[data-theme="dark"] .bg-white {
    background-color: var(--ylw-surface) !important
}

[data-theme="dark"] .bg-light {
    background-color: #1a1a22 !important
}

[data-theme="dark"] .bg-body {
    background-color: var(--ylw-bg) !important
}

[data-theme="dark"] .bg-body-secondary {
    background-color: #1a1a22 !important
}

[data-theme="dark"] .bg-body-tertiary {
    background-color: #252530 !important
}

/* Shadow adjustments for dark mode */
[data-theme="dark"] .shadow,
[data-theme="dark"] .shadow-sm,
[data-theme="dark"] .shadow-lg {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3) !important
}

/* Scrollbar styling for dark mode */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #1a1a22
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #3a3a4a;
    border-radius: 4px
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #4a4a5a
}

/* Header/Navbar dark mode - override primary colors */
[data-theme="dark"] .bg-primary-700 {
    background-color: #1a1a24 !important
}

[data-theme="dark"] .bg-primary-800 {
    background-color: #141418 !important
}

/* Footer dark mode */
[data-theme="dark"] footer {
    background-color: #1a1a24 !important
}

[data-theme="dark"] footer .bg-primary-800 {
    background-color: #111114 !important
}

[data-theme="dark"] footer .text-white-50 {
    color: rgba(255, 255, 255, 0.6) !important
}

/* H1-H6 Headings in dark mode */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] .h1,
[data-theme="dark"] .h2,
[data-theme="dark"] .h3,
[data-theme="dark"] .h4,
[data-theme="dark"] .h5,
[data-theme="dark"] .h6 {
    color: #f0f0f5
}

/* Text color utilities for dark mode */
[data-theme="dark"] .text-dark {
    color: #e5e5e5 !important
}

[data-theme="dark"] .text-body {
    color: #e5e5e5 !important
}

[data-theme="dark"] .text-black {
    color: #e5e5e5 !important
}

/* Neutral text colors in dark mode */
[data-theme="dark"] .text-neutral-800 {
    color: #d0d0e0 !important
}

[data-theme="dark"] .text-neutral-700 {
    color: #b5b5c5 !important
}

[data-theme="dark"] .text-neutral-600 {
    color: #9a9aaa !important
}

/* Primary background light variants */
[data-theme="dark"] .bg-primary-50 {
    background-color: #1a1a2a !important
}

[data-theme="dark"] .bg-primary-100 {
    background-color: #252538 !important
}

/* Keep accent colors vibrant but adjust light variants */
[data-theme="dark"] .bg-green-50 {
    background-color: #1a2220 !important
}

[data-theme="dark"] .bg-blue-50 {
    background-color: #1a2028 !important
}

[data-theme="dark"] .bg-yellow-50 {
    background-color: #222018 !important
}

[data-theme="dark"] .bg-red-50 {
    background-color: #221a1a !important
}

[data-theme="dark"] .bg-neutral-50 {
    background-color: #1a1a22 !important
}

/* Activation page in dark mode */
[data-theme="dark"] .activation-container {
    background: #1e1e26 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3)
}

[data-theme="dark"] .activation-card,
[data-theme="dark"] .activation-container .card,
[data-theme="dark"] .login-card,
[data-theme="dark"] .card.border-primary-100,
[data-theme="dark"] .card.border-primary-200 {
    background-color: #1e1e26 !important;
    border-color: #3a3a4a !important
}

[data-theme="dark"] .activation-container .card.bg-primary-50,
[data-theme="dark"] .card.border-0.bg-primary-50 {
    background-color: #1a1a2a !important;
    border-color: #2a2a3a !important
}

/* Border primary variants in dark mode */
[data-theme="dark"] .border-primary-100 {
    border-color: #3a3a5a !important
}

[data-theme="dark"] .border-primary-200 {
    border-color: #4a4a6a !important
}

/* Alert info in dark mode */
[data-theme="dark"] .alert-info.bg-primary-50,
[data-theme="dark"] .alert-primary-light.bg-primary-50 {
    background-color: #1a1a2a !important;
    border-color: #3a3a5a !important;
    color: #c5c5d5
}

/* Card header in dark mode */
[data-theme="dark"] .card-header {
    background-color: #1a1a24 !important;
    border-color: #2a2a3a !important
}

/* Progress line fix - prevent overflow */
.progress-line {
    overflow: hidden !important
}

/* Progress indicator in dark mode */
[data-theme="dark"] .progress-indicator {
    background-color: transparent
}

[data-theme="dark"] .progress-line {
    background-color: #2a2a3a !important
}

[data-theme="dark"] .progress-line-fill {
    background-color: var(--ylw-primary-500, #5C5DB5) !important
}

[data-theme="dark"] .progress-step-circle {
    background-color: #2a2a3a;
    color: #8a8a9a;
    border-color: #3a3a4a
}

[data-theme="dark"] .progress-step.completed .progress-step-circle {
    background-color: var(--ylw-primary-500, #5C5DB5);
    color: #fff;
    border-color: var(--ylw-primary-500, #5C5DB5)
}

[data-theme="dark"] .progress-step.active .progress-step-circle {
    background-color: var(--ylw-primary-600, #4B4F9A);
    color: #fff;
    border-color: var(--ylw-primary-400, #8585C5)
}

[data-theme="dark"] .progress-step-label {
    color: #8a8a9a
}

[data-theme="dark"] .progress-step.completed .progress-step-label,
[data-theme="dark"] .progress-step.active .progress-step-label {
    color: #c5c5d5
}

[data-theme="dark"] .bg-neutral-100 {
    background-color: #252530 !important
}

[data-theme="dark"] .bg-neutral-200 {
    background-color: #2a2a36 !important
}

/* Badge/Tag background colors in dark mode */
[data-theme="dark"] .bg-primary {
    background-color: #3a3d60 !important
}

[data-theme="dark"] .bg-green-100 {
    background-color: #1e3028 !important
}

[data-theme="dark"] .bg-blue-100 {
    background-color: #1a2535 !important
}

[data-theme="dark"] .bg-yellow-100 {
    background-color: #2a2818 !important
}

[data-theme="dark"] .bg-red-100 {
    background-color: #2a1e1e !important
}

/* Badge colors in dark mode */
[data-theme="dark"] .bg-primary.badge {
    color: #c0c0d0 !important;
    background-color: #3a3d60 !important
}

[data-theme="dark"] .bg-neutral-200.badge {
    color: #c0c0c8 !important;
    background-color: #2a2a36 !important
}

[data-theme="dark"] .bg-green-100.badge {
    color: #90c0a0 !important;
    background-color: #1e3028 !important;
    border-color: #2a4a38 !important
}

[data-theme="dark"] .bg-blue-100.badge {
    color: #90b8d0 !important;
    background-color: #1a2535 !important;
    border-color: #2a3a50 !important
}

[data-theme="dark"] .bg-yellow-100.badge {
    color: #d0c080 !important;
    background-color: #2a2818 !important;
    border-color: #4a4828 !important
}

[data-theme="dark"] .bg-red-100.badge {
    color: #d0a0a0 !important;
    background-color: #2a1e1e !important;
    border-color: #4a2828 !important
}

/* Border colors for badges in dark mode */
[data-theme="dark"] .border-green-300 {
    border-color: #2a4a38 !important
}

[data-theme="dark"] .border-blue-300 {
    border-color: #2a3a50 !important
}

[data-theme="dark"] .border-yellow-300 {
    border-color: #4a4828 !important
}

[data-theme="dark"] .border-red-300 {
    border-color: #4a2828 !important
}

/* Resource buttons with inline styles - override in dark mode */
[data-theme="dark"] .btn-download[style*="background-color: #3b82f6"] {
    background-color: #1a3a55 !important;
    color: #a0c0d8 !important
}

[data-theme="dark"] .btn-download[style*="background-color: #10b981"] {
    background-color: #2a4a35 !important;
    color: #a8c8b0 !important
}

[data-theme="dark"] .btn-download[style*="background-color: #f59e0b"] {
    background-color: #5a5020 !important;
    color: #e0d090 !important
}

/* Resource card text in dark mode */
[data-theme="dark"] .resource-card .resource-title,
[data-theme="dark"] .resource-card .text-neutral-800 {
    color: #e5e5e5 !important
}

[data-theme="dark"] .resource-card .text-neutral-600 {
    color: #a0a0a8 !important
}

/* Video container and inline style overrides */
[data-theme="dark"] .video-container {
    background-color: #1a1a22 !important
}

[data-theme="dark"] .no-video-message {
    background-color: transparent !important
}

/* Override common inline background colors */
[data-theme="dark"] [style*="background-color: rgb(248, 249, 250)"],
[data-theme="dark"] [style*="background-color: #f8f9fa"],
[data-theme="dark"] [style*="background-color:#f8f9fa"],
[data-theme="dark"] [style*="background: rgb(248, 249, 250)"],
[data-theme="dark"] [style*="background: #f8f9fa"] {
    background-color: #1a1a22 !important
}

[data-theme="dark"] [style*="background-color: rgb(255, 255, 255)"],
[data-theme="dark"] [style*="background-color: #fff"],
[data-theme="dark"] [style*="background-color:#fff"],
[data-theme="dark"] [style*="background-color: white"],
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background: #fff"] {
    background-color: var(--ylw-surface) !important
}

[data-theme="dark"] [style*="background-color: rgb(242, 242, 242)"],
[data-theme="dark"] [style*="background-color: #f2f2f2"],
[data-theme="dark"] [style*="background: #f2f2f2"] {
    background-color: #252530 !important
}

/* Logo background pattern override */
[data-theme="dark"] .logo-bg {
    background-color: var(--ylw-bg)
}

/* Colored background classes for dark mode */
[data-theme="dark"] .bg-yellow-100 {
    background-color: #2a2618 !important
}

[data-theme="dark"] .bg-yellow-200 {
    background-color: #352f1a !important
}

[data-theme="dark"] .bg-green-100 {
    background-color: #202a26 !important
}

[data-theme="dark"] .bg-green-200 {
    background-color: #263530 !important
}

[data-theme="dark"] .bg-blue-100 {
    background-color: #1e2a38 !important
}

[data-theme="dark"] .bg-blue-200 {
    background-color: #223545 !important
}

[data-theme="dark"] .bg-red-100 {
    background-color: #2d2020 !important
}

[data-theme="dark"] .bg-red-200 {
    background-color: #382525 !important
}

/* Colored border classes for dark mode */
[data-theme="dark"] .border-yellow-400 {
    border-color: #c78706 !important
}

[data-theme="dark"] .border-green-400 {
    border-color: #4D985B !important
}

[data-theme="dark"] .border-blue-400 {
    border-color: #2073B8 !important
}

[data-theme="dark"] .border-red-400 {
    border-color: #d6302f !important
}

[data-theme="dark"] .border-primary-400 {
    border-color: #5C5DB5 !important
}

/* Colored text classes for dark mode - keep readable */
[data-theme="dark"] .text-yellow-900 {
    color: #fdde88 !important
}

[data-theme="dark"] .text-yellow-800 {
    color: #FCD11A !important
}

[data-theme="dark"] .text-green-900 {
    color: #94CD9C !important
}

[data-theme="dark"] .text-green-800 {
    color: #5DB86E !important
}

[data-theme="dark"] .text-blue-900 {
    color: #74B4DB !important
}

[data-theme="dark"] .text-blue-800 {
    color: #3084C9 !important
}

[data-theme="dark"] .text-red-900 {
    color: #f29c9a !important
}

[data-theme="dark"] .text-red-800 {
    color: #E53935 !important
}

[data-theme="dark"] .text-primary-900 {
    color: #B7B6E8 !important
}

[data-theme="dark"] .text-primary-800 {
    color: #9F9DDC !important
}

/* Featured icon dark variants in dark mode */
[data-theme="dark"] .featured-icon-yellow-dark {
    background-color: #352f1a;
    color: #FCD11A
}

[data-theme="dark"] .featured-icon-green-dark {
    background-color: #263530;
    color: #5DB86E
}

[data-theme="dark"] .featured-icon-blue-dark {
    background-color: #223545;
    color: #3084C9
}

[data-theme="dark"] .featured-icon-red-dark {
    background-color: #382525;
    color: #E53935
}

[data-theme="dark"] .featured-icon-primary-dark {
    background-color: #2d2d45;
    color: #6c6acd
}

/* Button variants in dark mode - soft muted colors */
[data-theme="dark"] .btn-primary {
    --bs-btn-bg: #3a3d60;
    --bs-btn-color: #c0c0d0;
    --bs-btn-border-color: #3a3d60;
    --bs-btn-hover-bg: #454870;
    --bs-btn-hover-color: #e0e0e8;
    --bs-btn-active-bg: #323555;
    --bs-btn-disabled-bg: #2a2a40;
    --bs-btn-disabled-color: #606070
}

[data-theme="dark"] .btn-green {
    --bs-btn-bg: #2a4a35;
    --bs-btn-color: #a8c8b0;
    --bs-btn-border-color: #2a4a35;
    --bs-btn-hover-bg: #325840;
    --bs-btn-hover-color: #c0e0c8;
    --bs-btn-active-bg: #24402e;
    --bs-btn-disabled-bg: #1e3025;
    --bs-btn-disabled-color: #506058
}

[data-theme="dark"] .btn-blue {
    --bs-btn-bg: #1a3a55;
    --bs-btn-color: #a0c0d8;
    --bs-btn-border-color: #1a3a55;
    --bs-btn-hover-bg: #204865;
    --bs-btn-hover-color: #b8d8f0;
    --bs-btn-active-bg: #153048;
    --bs-btn-disabled-bg: #152530;
    --bs-btn-disabled-color: #506068
}

[data-theme="dark"] .btn-yellow {
    --bs-btn-bg: #5a5020;
    --bs-btn-color: #e0d090;
    --bs-btn-border-color: #5a5020;
    --bs-btn-hover-bg: #686028;
    --bs-btn-hover-color: #f0e0a0;
    --bs-btn-active-bg: #4a4218;
    --bs-btn-disabled-bg: #303018;
    --bs-btn-disabled-color: #706848
}

[data-theme="dark"] .btn-red {
    --bs-btn-bg: #502828;
    --bs-btn-color: #d8a8a8;
    --bs-btn-border-color: #502828;
    --bs-btn-hover-bg: #603232;
    --bs-btn-hover-color: #e8c0c0;
    --bs-btn-active-bg: #452222;
    --bs-btn-disabled-bg: #301818;
    --bs-btn-disabled-color: #685050
}

[data-theme="dark"] .btn-primary-light {
    --bs-btn-bg: #2d2d45;
    --bs-btn-color: #B7B6E8;
    --bs-btn-border-color: #3a3a55;
    --bs-btn-hover-bg: #353550;
    --bs-btn-hover-color: #CFCEF1
}

[data-theme="dark"] .btn-green-light {
    --bs-btn-bg: #263530;
    --bs-btn-color: #94CD9C;
    --bs-btn-border-color: #2d4038;
    --bs-btn-hover-bg: #2d4038;
    --bs-btn-hover-color: #AEDBB7
}

[data-theme="dark"] .btn-blue-light {
    --bs-btn-bg: #223545;
    --bs-btn-color: #74B4DB;
    --bs-btn-border-color: #2a4055;
    --bs-btn-hover-bg: #2a4055;
    --bs-btn-hover-color: #98C9E4
}

[data-theme="dark"] .btn-yellow-light {
    --bs-btn-bg: #352f1a;
    --bs-btn-color: #FCD11A;
    --bs-btn-border-color: #453d20;
    --bs-btn-hover-bg: #453d20;
    --bs-btn-hover-color: #fdde88
}

[data-theme="dark"] .btn-red-light {
    --bs-btn-bg: #382525;
    --bs-btn-color: #f29c9a;
    --bs-btn-border-color: #452d2d;
    --bs-btn-hover-bg: #452d2d;
    --bs-btn-hover-color: #f7c4c2
}

[data-theme="dark"] .btn-secondary {
    --bs-btn-bg: #2a2a36;
    --bs-btn-color: #e5e5e5;
    --bs-btn-border-color: #3a3a4a;
    --bs-btn-hover-bg: #353545;
    --bs-btn-hover-color: #fff
}

[data-theme="dark"] .btn-secondary-primary {
    --bs-btn-bg: #2d2d45;
    --bs-btn-color: #B7B6E8;
    --bs-btn-border-color: #3a3a55;
    --bs-btn-hover-bg: #353550;
    --bs-btn-hover-color: #CFCEF1
}

[data-theme="dark"] .btn-secondary-green {
    --bs-btn-bg: #263530;
    --bs-btn-color: #94CD9C;
    --bs-btn-border-color: #2d4038;
    --bs-btn-hover-bg: #2d4038;
    --bs-btn-hover-color: #AEDBB7
}

[data-theme="dark"] .btn-secondary-blue {
    --bs-btn-bg: #223545;
    --bs-btn-color: #74B4DB;
    --bs-btn-border-color: #2a4055;
    --bs-btn-hover-bg: #2a4055;
    --bs-btn-hover-color: #98C9E4
}

[data-theme="dark"] .btn-secondary-yellow {
    --bs-btn-bg: #352f1a;
    --bs-btn-color: #FCD11A;
    --bs-btn-border-color: #453d20;
    --bs-btn-hover-bg: #453d20;
    --bs-btn-hover-color: #fdde88
}

[data-theme="dark"] .btn-secondary-red {
    --bs-btn-bg: #382525;
    --bs-btn-color: #f29c9a;
    --bs-btn-border-color: #452d2d;
    --bs-btn-hover-bg: #452d2d;
    --bs-btn-hover-color: #f7c4c2
}

[data-theme="dark"] .btn-secondary-neutral {
    --bs-btn-bg: #2a2a36;
    --bs-btn-color: #a1a1a1;
    --bs-btn-border-color: #3a3a4a;
    --bs-btn-hover-bg: #353545;
    --bs-btn-hover-color: #e5e5e5
}

[data-theme="dark"] .btn-neutral-light {
    --bs-btn-bg: #2a2a36;
    --bs-btn-color: #e5e5e5;
    --bs-btn-border-color: #3a3a4a;
    --bs-btn-hover-bg: #353545;
    --bs-btn-hover-color: #fff
}

/* Alert variants in dark mode */
[data-theme="dark"] .alert {
    color: #e5e5e5
}

[data-theme="dark"] .alert-heading {
    color: inherit
}

/* List group items in dark mode */
[data-theme="dark"] .list-group-item {
    --bs-list-group-bg: var(--ylw-surface);
    --bs-list-group-border-color: var(--ylw-border);
    --bs-list-group-color: #e5e5e5;
    --bs-list-group-action-hover-bg: #2a2a36;
    --bs-list-group-action-hover-color: #fff;
    --bs-list-group-action-active-bg: #353545;
    --bs-list-group-action-active-color: #fff;
    background-color: var(--ylw-surface);
    border-color: var(--ylw-border);
    color: #e5e5e5
}

[data-theme="dark"] .list-group-item-action:hover,
[data-theme="dark"] .list-group-item-action:focus {
    background-color: #2a2a36;
    color: #fff
}

[data-theme="dark"] .list-group-item-action:active {
    background-color: #353545;
    color: #fff
}

[data-theme="dark"] .list-group-item .text-muted {
    color: #8a8a9a !important
}

[data-theme="dark"] .list-group-item h6,
[data-theme="dark"] .list-group-item .lesson-title {
    color: #f0f0f5
}

/* Lesson item specific styles */
[data-theme="dark"] .lesson-item {
    background-color: var(--ylw-surface);
    border-color: var(--ylw-border)
}

[data-theme="dark"] .lesson-item:hover {
    background-color: #2a2a36
}

/* Text color utilities - blue variant */
[data-theme="dark"] .text-blue {
    color: #74B4DB !important
}

/* Bootstrap alert variants in dark mode */
[data-theme="dark"] .alert-danger {
    --bs-alert-bg: rgba(56, 37, 37, 0.8);
    --bs-alert-border-color: #951e1e;
    --bs-alert-color: #f7c4c2;
    background-color: rgba(56, 37, 37, 0.8) !important;
    border-color: #951e1e
}

[data-theme="dark"] .alert-danger .text-danger {
    color: #f29c9a !important
}

[data-theme="dark"] .alert-warning {
    --bs-alert-bg: rgba(53, 47, 26, 0.8);
    --bs-alert-border-color: #c78706;
    --bs-alert-color: #fdde88;
    background-color: rgba(53, 47, 26, 0.8) !important;
    border-color: #c78706
}

[data-theme="dark"] .alert-success {
    --bs-alert-bg: rgba(38, 53, 48, 0.8);
    --bs-alert-border-color: #4D985B;
    --bs-alert-color: #AEDBB7;
    background-color: rgba(38, 53, 48, 0.8) !important;
    border-color: #4D985B
}

[data-theme="dark"] .alert-info {
    --bs-alert-bg: rgba(34, 53, 69, 0.8);
    --bs-alert-border-color: #2073B8;
    --bs-alert-color: #98C9E4;
    background-color: rgba(34, 53, 69, 0.8) !important;
    border-color: #2073B8
}

[data-theme="dark"] .alert-primary {
    --bs-alert-bg: rgba(45, 45, 69, 0.8);
    --bs-alert-border-color: #5C5DB5;
    --bs-alert-color: #CFCEF1;
    background-color: rgba(45, 45, 69, 0.8) !important;
    border-color: #5C5DB5
}

[data-theme="dark"] .alert-light {
    --bs-alert-bg: #252530;
    --bs-alert-border-color: #3a3a4a;
    --bs-alert-color: #e5e5e5;
    background-color: #252530 !important;
    border-color: #3a3a4a !important;
    color: #e5e5e5 !important
}

[data-theme="dark"] .alert-light .text-neutral-600,
[data-theme="dark"] .alert-light .small {
    color: #a0a0b0 !important
}

/* Text danger/warning/success colors in dark mode */
[data-theme="dark"] .text-danger {
    color: #f29c9a !important
}

[data-theme="dark"] .text-warning {
    color: #fdde88 !important
}

[data-theme="dark"] .text-success {
    color: #94CD9C !important
}

[data-theme="dark"] .text-info {
    color: #74B4DB !important
}

[data-theme="dark"] .text-primary {
    color: #B7B6E8 !important
}

/* Override inline rgba light backgrounds */
[data-theme="dark"] [style*="background-color: rgba(248, 215, 218"],
[data-theme="dark"] [style*="background: rgba(248, 215, 218"] {
    background-color: rgba(56, 37, 37, 0.5) !important
}

[data-theme="dark"] [style*="background-color: rgba(255, 243, 205"],
[data-theme="dark"] [style*="background: rgba(255, 243, 205"] {
    background-color: rgba(53, 47, 26, 0.5) !important
}

[data-theme="dark"] [style*="background-color: rgba(212, 237, 218"],
[data-theme="dark"] [style*="background: rgba(212, 237, 218"] {
    background-color: rgba(38, 53, 48, 0.5) !important
}

[data-theme="dark"] [style*="background-color: rgba(209, 236, 241"],
[data-theme="dark"] [style*="background: rgba(209, 236, 241"] {
    background-color: rgba(34, 53, 69, 0.5) !important
}

/* Math formula images - add light background in dark mode */
[data-theme="dark"] .mathtype-formula,
[data-theme="dark"] img[src*="wiris.net"],
[data-theme="dark"] img[src*="mathml"],
[data-theme="dark"] .question-text img {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    padding: 2px 4px
}

/* Question text styling in dark mode */
[data-theme="dark"] .question-text {
    color: #e5e5e5
}

[data-theme="dark"] .question-text.text-neutral-800 {
    color: #d0d0e0 !important
}

/* Answer options in dark mode */
[data-theme="dark"] .answer-option {
    background-color: var(--ylw-surface);
    border-color: var(--ylw-border) !important;
    color: #e5e5e5
}

[data-theme="dark"] .answer-option:hover {
    background-color: #2a2a36;
    border-color: #4a4a5a !important
}

[data-theme="dark"] .answer-option.selected,
[data-theme="dark"] .answer-option:has(input:checked) {
    background-color: rgba(108, 106, 205, 0.15);
    border-color: var(--ylw-primary-500) !important
}

[data-theme="dark"] .answer-text {
    color: #e5e5e5
}

[data-theme="dark"] .answer-text.text-neutral-800 {
    color: #d0d0e0 !important
}

/* Answer option images - light background for math formulas */
[data-theme="dark"] .answer-text img,
[data-theme="dark"] .answer-option img {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    padding: 2px 4px
}

/* CloudFront math images */
[data-theme="dark"] img[src*="cloudfront.net/math"],
[data-theme="dark"] img[src*="d2ongr2acuz17g.cloudfront.net"] {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    padding: 2px 4px
}

/* Radio buttons in dark mode */
[data-theme="dark"] .answer-radio,
[data-theme="dark"] .form-check-input {
    background-color: #252530;
    border-color: #4a4a5a
}

[data-theme="dark"] .form-check-input:checked {
    background-color: var(--ylw-primary-500);
    border-color: var(--ylw-primary-500)
}

:root {
    --ylw-nav-height: 72px;
    --ylw-minimal-nav-bp: 768px;
    --ylw-dropdown-safeZone: 40px;
    --ylw-content-MaxWidth: 1280px;
    --ylw-viewport-base-padding: 32px;
    --ylw-viewport-padding: var(--ylw-viewport-base-padding);
    --max-width: 800px;
    --line-height: 1.6;
    --font-family: "IBM Plex Sans Arabic", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-family-mono: "Courier New", monospace;
    --spacing-small: 10px;
    --spacing-medium: 20px;
    --spacing-large: 40px;
    --spacing-xlarge: 60px
}

:root {
    --pnv-nav-height: var(--ylw-nav-height, 72px);
    --pnv-minimal-nav-item-height: 40px;
    --pnv-minimal-nav-bp: var(--ylw-minimal-nav-bp, 768px);
    --pnv-dropdown-safeZone: 40px;
    --pnv-content-MaxWidth: var(--ylw-content-MaxWidth, 1280px);
    --pnv-viewport-padding: var(--ylw-viewport-padding, 32px);
    --pnv-transition-speed: .2;
    --pnv-nav-background-color: var(--ylw-primary-700);
    --pnv-brand-name-color: #fff;
    --pnv-brand-slogan-color: var(--ylw-yellow-300);
    --pnv-CTA-background-color-default: var(--ylw-yellow);
    --pnv-CTA-background-color-hovered: var(--ylw-yellow-700);
    --pnv-CTA-background-color-pressed: var(--ylw-yellow-800);
    --pnv-CTA-text-color: var(--ylw-neutral-900);
    --pnv-btn-background-color-default: var(--ylw-primary-700);
    --pnv-btn-background-color-hovered: var(--ylw-primary-800);
    --pnv-btn-background-color-pressed: var(--ylw-primary-900);
    --pnv-text-default: #fff;
    --pnv-nav-dropmenu-background-color: #fff;
    --pnv-btn-dropmenu-background-color-default: #fff;
    --pnv-btn-dropmenu-background-color-hovered: #f3f4f6;
    --pnv-btn-dropmenu-background-color-pressed: #e5e7eb;
    --pnv-nav-dropmenu-text-color: var(--ylw-neutral-800);
    --pnv-border-color-default: var(--ylw-primary-700)
}

@media(max-width: 599px) {
    :root {
        --ylw-viewport-padding: calc(var(--ylw-viewport-base-padding)/2)
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

body {
    background-color: var(--ylw-bg);
    font-family: var(--font-family);
    line-height: var(--line-height);
    color: var(--text-color);
    margin: 0 auto;
    padding: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 100vh;
    min-height: 100dvh
}

button, .button, .btn, .pnv-btn, .pnv-nav-link, [role=button], [role=tab] {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    text-decoration: none
}

button:hover, .button:hover, .btn:hover, .pnv-btn:hover, .pnv-nav-link:hover, [role=button]:hover, [role=tab]:hover {
    text-decoration: none
}

:root {
    --ylw-display-clamp-2xl-FS: clamp(48px, 6vw, 72px);
    --ylw-display-clamp-2xl-LH: clamp(58px, 7.5vw, 90px);
    --ylw-display-clamp-2xl-MB: clamp(14.5px, 1.875vw, 22.5px);
    --ylw-display-clamp-xl-FS: clamp(36px, 5vw, 60px);
    --ylw-display-clamp-xl-LH: clamp(44px, 6vw, 72px);
    --ylw-display-clamp-xl-MB: clamp(11px, 1.5vw, 18px);
    --ylw-display-clamp-lg-FS: clamp(30px, 4vw, 48px);
    --ylw-display-clamp-lg-LH: clamp(38px, 5vw, 60px);
    --ylw-display-clamp-lg-MB: clamp(9.5px, 1.25vw, 15px);
    --ylw-display-clamp-md-FS: clamp(24px, 3vw, 36px);
    --ylw-display-clamp-md-LH: clamp(30px, 3.67vw, 44px);
    --ylw-display-clamp-md-MB: clamp(7.5px, 0.9175vw, 11px);
    --ylw-display-clamp-sm-FS: clamp(20px, 2.5vw, 30px);
    --ylw-display-clamp-sm-LH: clamp(26px, 3.17vw, 38px);
    --ylw-display-clamp-sm-MB: clamp(6.5px, 0.7925vw, 9.5px);
    --ylw-display-clamp-xs-FS: clamp(18px, 2vw, 24px);
    --ylw-display-clamp-xs-LH: clamp(24px, 2.5vw, 30px);
    --ylw-display-clamp-xs-MB: clamp(6px, 0.625vw, 7.5px);
    --ylw-text-clamp-xl-FS: clamp(18px, 1.67vw, 20px);
    --ylw-text-clamp-xl-LH: clamp(26px, 2.33vw, 28px);
    --ylw-text-clamp-lg-FS: clamp(16px, 1.5vw, 18px);
    --ylw-text-clamp-lg-LH: clamp(24px, 2.17vw, 26px);
    --ylw-text-clamp-md-FS: clamp(14px, 1.33vw, 16px);
    --ylw-text-clamp-md-LH: clamp(22px, 2vw, 24px);
    --ylw-text-clamp-sm-FS: clamp(12px, 1.17vw, 14px);
    --ylw-text-clamp-sm-LH: clamp(20px, 1.83vw, 22px);
    --ylw-text-clamp-xs-FS: clamp(10px, 1vw, 12px);
    --ylw-text-clamp-xs-LH: clamp(16px, 1.67vw, 20px);
    --ylw-text-clamp-2xs-FS: clamp(9px, 0.83vw, 10px);
    --ylw-text-clamp-2xs-LH: clamp(14px, 1.33vw, 16px);
    --ylw-display-2xl-FS: 72px;
    --ylw-display-2xl-LH: 90px;
    --ylw-display-xl-FS: 60px;
    --ylw-display-xl-LH: 72px;
    --ylw-display-lg-FS: 48px;
    --ylw-display-lg-LH: 60px;
    --ylw-display-md-FS: 36px;
    --ylw-display-md-LH: 44px;
    --ylw-display-sm-FS: 30px;
    --ylw-display-sm-LH: 38px;
    --ylw-display-xs-FS: 24px;
    --ylw-display-xs-LH: 32px;
    --ylw-text-xl-FS: 20px;
    --ylw-text-xl-LH: 30px;
    --ylw-text-lg-FS: 18px;
    --ylw-text-lg-LH: 28px;
    --ylw-text-md-FS: 16px;
    --ylw-text-md-LH: 24px;
    --ylw-text-sm-FS: 14px;
    --ylw-text-sm-LH: 20px;
    --ylw-text-xs-FS: 12px;
    --ylw-text-xs-LH: 18px;
    --ylw-text-2xs-FS: 10px;
    --ylw-text-2xs-LH: 14px
}

a {
    color: var(--ylw-primary);
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

code {
    font-family: monospace;
    background: var(--ylw-neutral-100);
    padding: 2px 6px;
    border-radius: 3px
}

pre {
    background: var(--ylw-neutral-100);
    border: 1px solid var(--ylw-neutral-300);
    border-radius: 4px;
    padding: 15px;
    overflow-x: auto;
    margin: 1rem 0
}

pre code {
    background: none;
    padding: 0
}

.fs-display-clamp-2xl {
    font-size: var(--ylw-display-clamp-2xl-FS) !important
}

.fs-display-clamp-xl {
    font-size: var(--ylw-display-clamp-xl-FS) !important
}

.fs-display-clamp-lg {
    font-size: var(--ylw-display-clamp-lg-FS) !important
}

.fs-display-clamp-md {
    font-size: var(--ylw-display-clamp-md-FS) !important
}

.fs-display-clamp-sm {
    font-size: var(--ylw-display-clamp-sm-FS) !important
}

.fs-display-clamp-xs {
    font-size: var(--ylw-display-clamp-xs-FS) !important
}

.fs-text-clamp-xl {
    font-size: var(--ylw-text-clamp-xl-FS) !important
}

.fs-text-clamp-lg {
    font-size: var(--ylw-text-clamp-lg-FS) !important
}

.fs-text-clamp-md {
    font-size: var(--ylw-text-clamp-md-FS) !important
}

.fs-text-clamp-sm {
    font-size: var(--ylw-text-clamp-sm-FS) !important
}

.fs-text-clamp-xs {
    font-size: var(--ylw-text-clamp-xs-FS) !important
}

.fs-text-clamp-2xs {
    font-size: var(--ylw-text-clamp-2xs-FS) !important
}

.fs-display-2xl {
    font-size: var(--ylw-display-2xl-FS) !important
}

.fs-display-xl {
    font-size: var(--ylw-display-xl-FS) !important
}

.fs-display-lg {
    font-size: var(--ylw-display-lg-FS) !important
}

.fs-display-md {
    font-size: var(--ylw-display-md-FS) !important
}

.fs-display-sm {
    font-size: var(--ylw-display-sm-FS) !important
}

.fs-display-xs {
    font-size: var(--ylw-display-xs-FS) !important
}

.fs-text-xl {
    font-size: var(--ylw-text-xl-FS) !important
}

.fs-text-lg {
    font-size: var(--ylw-text-lg-FS) !important
}

.fs-text-md {
    font-size: var(--ylw-text-md-FS) !important
}

.fs-text-sm {
    font-size: var(--ylw-text-sm-FS) !important
}

.fs-text-xs {
    font-size: var(--ylw-text-xs-FS) !important
}

.fs-text-2xs {
    font-size: var(--ylw-text-2xs-FS) !important
}

.lh-display-clamp-2xl {
    line-height: var(--ylw-display-clamp-2xl-LH) !important
}

.lh-display-clamp-xl {
    line-height: var(--ylw-display-clamp-xl-LH) !important
}

.lh-display-clamp-lg {
    line-height: var(--ylw-display-clamp-lg-LH) !important
}

.lh-display-clamp-md {
    line-height: var(--ylw-display-clamp-md-LH) !important
}

.lh-display-clamp-sm {
    line-height: var(--ylw-display-clamp-sm-LH) !important
}

.lh-display-clamp-xs {
    line-height: var(--ylw-display-clamp-xs-LH) !important
}

.lh-text-clamp-xl {
    line-height: var(--ylw-text-clamp-xl-LH) !important
}

.lh-text-clamp-lg {
    line-height: var(--ylw-text-clamp-lg-LH) !important
}

.lh-text-clamp-md {
    line-height: var(--ylw-text-clamp-md-LH) !important
}

.lh-text-clamp-sm {
    line-height: var(--ylw-text-clamp-sm-LH) !important
}

.lh-text-clamp-xs {
    line-height: var(--ylw-text-clamp-xs-LH) !important
}

.lh-text-clamp-2xs {
    line-height: var(--ylw-text-clamp-2xs-LH) !important
}

.lh-display-2xl {
    line-height: var(--ylw-display-2xl-LH) !important
}

.lh-display-xl {
    line-height: var(--ylw-display-xl-LH) !important
}

.lh-display-lg {
    line-height: var(--ylw-display-lg-LH) !important
}

.lh-display-md {
    line-height: var(--ylw-display-md-LH) !important
}

.lh-display-sm {
    line-height: var(--ylw-display-sm-LH) !important
}

.lh-display-xs {
    line-height: var(--ylw-display-xs-LH) !important
}

.lh-text-xl {
    line-height: var(--ylw-text-xl-LH) !important
}

.lh-text-lg {
    line-height: var(--ylw-text-lg-LH) !important
}

.lh-text-md {
    line-height: var(--ylw-text-md-LH) !important
}

.lh-text-sm {
    line-height: var(--ylw-text-sm-LH) !important
}

.lh-text-xs {
    line-height: var(--ylw-text-xs-LH) !important
}

.lh-text-2xs {
    line-height: var(--ylw-text-2xs-LH) !important
}

.mb-display-clamp-2xl {
    margin-bottom: var(--ylw-display-clamp-2xl-MB) !important
}

.mb-display-clamp-xl {
    margin-bottom: var(--ylw-display-clamp-xl-MB) !important
}

.mb-display-clamp-lg {
    margin-bottom: var(--ylw-display-clamp-lg-MB) !important
}

.mb-display-clamp-md {
    margin-bottom: var(--ylw-display-clamp-md-MB) !important
}

.mb-display-clamp-sm {
    margin-bottom: var(--ylw-display-clamp-sm-MB) !important
}

.mb-display-clamp-xs {
    margin-bottom: var(--ylw-display-clamp-xs-MB) !important
}

.typo-display-clamp-2xl {
    font-size: var(--ylw-display-clamp-2xl-FS) !important;
    line-height: var(--ylw-display-clamp-2xl-LH) !important
}

.typo-display-clamp-xl {
    font-size: var(--ylw-display-clamp-xl-FS) !important;
    line-height: var(--ylw-display-clamp-xl-LH) !important
}

.typo-display-clamp-lg {
    font-size: var(--ylw-display-clamp-lg-FS) !important;
    line-height: var(--ylw-display-clamp-lg-LH) !important
}

.typo-display-clamp-md {
    font-size: var(--ylw-display-clamp-md-FS) !important;
    line-height: var(--ylw-display-clamp-md-LH) !important
}

.typo-display-clamp-sm {
    font-size: var(--ylw-display-clamp-sm-FS) !important;
    line-height: var(--ylw-display-clamp-sm-LH) !important
}

.typo-display-clamp-xs {
    font-size: var(--ylw-display-clamp-xs-FS) !important;
    line-height: var(--ylw-display-clamp-xs-LH) !important
}

.typo-text-clamp-xl {
    font-size: var(--ylw-text-clamp-xl-FS) !important;
    line-height: var(--ylw-text-clamp-xl-LH) !important
}

.typo-text-clamp-lg {
    font-size: var(--ylw-text-clamp-lg-FS) !important;
    line-height: var(--ylw-text-clamp-lg-LH) !important
}

.typo-text-clamp-md {
    font-size: var(--ylw-text-clamp-md-FS) !important;
    line-height: var(--ylw-text-clamp-md-LH) !important
}

.typo-text-clamp-sm {
    font-size: var(--ylw-text-clamp-sm-FS) !important;
    line-height: var(--ylw-text-clamp-sm-LH) !important
}

.typo-text-clamp-xs {
    font-size: var(--ylw-text-clamp-xs-FS) !important;
    line-height: var(--ylw-text-clamp-xs-LH) !important
}

.typo-text-clamp-2xs {
    font-size: var(--ylw-text-clamp-2xs-FS) !important;
    line-height: var(--ylw-text-clamp-2xs-LH) !important
}

.typo-display-2xl {
    font-size: var(--ylw-display-2xl-FS) !important;
    line-height: var(--ylw-display-2xl-LH) !important
}

.typo-display-xl {
    font-size: var(--ylw-display-xl-FS) !important;
    line-height: var(--ylw-display-xl-LH) !important
}

.typo-display-lg {
    font-size: var(--ylw-display-lg-FS) !important;
    line-height: var(--ylw-display-lg-LH) !important
}

.typo-display-md {
    font-size: var(--ylw-display-md-FS) !important;
    line-height: var(--ylw-display-md-LH) !important
}

.typo-display-sm {
    font-size: var(--ylw-display-sm-FS) !important;
    line-height: var(--ylw-display-sm-LH) !important
}

.typo-display-xs {
    font-size: var(--ylw-display-xs-FS) !important;
    line-height: var(--ylw-display-xs-LH) !important
}

.typo-text-xl {
    font-size: var(--ylw-text-xl-FS) !important;
    line-height: var(--ylw-text-xl-LH) !important
}

.typo-text-lg {
    font-size: var(--ylw-text-lg-FS) !important;
    line-height: var(--ylw-text-lg-LH) !important
}

.typo-text-md {
    font-size: var(--ylw-text-md-FS) !important;
    line-height: var(--ylw-text-md-LH) !important
}

.typo-text-sm {
    font-size: var(--ylw-text-sm-FS) !important;
    line-height: var(--ylw-text-sm-LH) !important
}

.typo-text-xs {
    font-size: var(--ylw-text-xs-FS) !important;
    line-height: var(--ylw-text-xs-LH) !important
}

.typo-text-2xs {
    font-size: var(--ylw-text-2xs-FS) !important;
    line-height: var(--ylw-text-2xs-LH) !important
}

.typo-display-clamp-2xl-full {
    font-size: var(--ylw-display-clamp-2xl-FS) !important;
    line-height: var(--ylw-display-clamp-2xl-LH) !important;
    margin-bottom: var(--ylw-display-clamp-2xl-MB) !important
}

.typo-display-clamp-xl-full {
    font-size: var(--ylw-display-clamp-xl-FS) !important;
    line-height: var(--ylw-display-clamp-xl-LH) !important;
    margin-bottom: var(--ylw-display-clamp-xl-MB) !important
}

.typo-display-clamp-lg-full {
    font-size: var(--ylw-display-clamp-lg-FS) !important;
    line-height: var(--ylw-display-clamp-lg-LH) !important;
    margin-bottom: var(--ylw-display-clamp-lg-MB) !important
}

.typo-display-clamp-md-full {
    font-size: var(--ylw-display-clamp-md-FS) !important;
    line-height: var(--ylw-display-clamp-md-LH) !important;
    margin-bottom: var(--ylw-display-clamp-md-MB) !important
}

.typo-display-clamp-sm-full {
    font-size: var(--ylw-display-clamp-sm-FS) !important;
    line-height: var(--ylw-display-clamp-sm-LH) !important;
    margin-bottom: var(--ylw-display-clamp-sm-MB) !important
}

.typo-display-clamp-xs-full {
    font-size: var(--ylw-display-clamp-xs-FS) !important;
    line-height: var(--ylw-display-clamp-xs-LH) !important;
    margin-bottom: var(--ylw-display-clamp-xs-MB) !important
}

p:last-child {
    margin-bottom: 0
}

.ylw-content-container {
    max-width: var(--ylw-content-MaxWidth);
    padding: var(--ylw-viewport-padding);
    margin: auto
}

section.ylw-content-container {
    padding: calc(var(--ylw-viewport-padding)/2) var(--ylw-viewport-padding)
}

.card.locked .card-img-wrapper {
    overflow: hidden;
    border-radius: calc(.375rem - 1px) calc(.375rem - 1px) 0 0
}

.card.locked .locked-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(0, 0%, 100%, .4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10
}

.card.locked .locked-overlay i {
    font-size: 3rem;
    color: #fff
}

.card.locked .card-body {
    opacity: .7
}

.logo-bg {
    position: relative;
    --logo-bg-top: calc(var(--pnv-nav-height) + 20px)
}

.logo-bg.blank {
    --logo-bg-top: 20px
}

.logo-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    width: 80vw;
    height: 100%;
    background-image: url("/static/img/logo_color.svg");
    background-repeat: no-repeat;
    background-position-y: var(--logo-bg-top);
    background-size: contain;
    opacity: .04;
    pointer-events: none;
    z-index: -1
}

main {
    min-height: 50vh
}

.accordion .list-group {
    overflow-y: auto;
    max-height: 60vh
}

.lesson-video-section .playlist-lessons {
    overflow-y: auto;
    max-height: 600px
}

.exam-answer, .answer-option {
    cursor: pointer
}

.exam-answer:hover, .answer-option:hover {
    filter: brightness(0.97)
}

.navigator-btn {
    position: relative;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px;
    overflow: hidden;
    padding: 0 4px
}

.navigator-btn:is(.pinned) {
    box-shadow: inset 0 0 2px .123rem red !important
}

.navigator-btn.saved:after {
    content: "";
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    display: block;
    background-color: var(--ylw-blue);
    box-shadow: rgba(0, 0, 0, .075) 0px .125rem .25rem !important;
    border-radius: 0px 0px 4px 4px;
    border: 1px solid var(--ylw-blue-400);
    inset-inline-end: 4px
}

.navigator-legend .legend-icon {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0)
}

.navigator-legend .legend-icon.saved {
    width: 12px;
    border-radius: 0 0 4px 4px;
    background-color: var(--ylw-blue)
}

.navigator-legend .legend-icon.pinned {
    border-color: #c62828 !important;
    border-width: 2px
}

.navigator-grid {
    width: fit-content;
    justify-content: center;
    flex-wrap: wrap
}

.folder-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    border: 1px solid var(--ylw-neutral-200);
    color: var(--ylw-neutral-800);
    border-radius: 8px;
    padding: 8px 12px;
    align-items: center
}

.folder-item:hover {
    background-color: var(--ylw-neutral-100);
    cursor: pointer
}

.folder-item .folder-actions {
    display: none
}

.folder-item.active {
    background-color: var(--ylw-primary-dark);
    color: #fff
}

.folder-item.active * {
    color: #fff
}

.folder-item.active:not(.folder-item-starred) .folder-actions {
    display: flex
}

.folder-item.active:not(.folder-item-starred) .folder-actions .btn:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

.exam-history-item .exam-progress {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px
}

.exam-history-item .exam-progress .progress {
    height: 8px;
    background-color: var(--ylw-neutral-200);
    flex-grow: 1
}

.exam-history-item .exam-progress .progress-percentage {
    width: 40px;
    text-align: end
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: fit-content;
    font-weight: 500
}

.btn:focus, .btn:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(81, 81, 81, 0.25)
}

.btn:disabled {
    background-color: var(--ylw-neutral-300);
    border-color: var(--ylw-neutral-300);
    color: var(--ylw-neutral-800)
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #4B4F9A;
    --bs-btn-border-color: #4B4F9A;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5C5DB5;
    --bs-btn-hover-border-color: #5C5DB5;
    --bs-btn-focus-shadow-rgb: 75, 79, 154;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4B4F9A;
    --bs-btn-active-border-color: #4B4F9A
}

.btn-primary:focus, .btn-primary:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.25)
}

.btn-primary-light {
    --bs-btn-color: #4B4F9A;
    --bs-btn-bg: #CFCEF1;
    --bs-btn-border-color: #E6E5F8;
    --bs-btn-hover-color: #4B4F9A;
    --bs-btn-hover-bg: #CFCEF1;
    --bs-btn-hover-border-color: #B7B6E8;
    --bs-btn-focus-shadow-rgb: 75, 79, 154;
    --bs-btn-active-color: #404383;
    --bs-btn-active-bg: #B7B6E8;
    --bs-btn-active-border-color: #B7B6E8
}

.btn-primary-light:focus, .btn-primary-light:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.25)
}

.btn-green {
    --bs-btn-color: #fff;
    --bs-btn-bg: #42814D;
    --bs-btn-border-color: #42814D;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #55A864;
    --bs-btn-hover-border-color: #55A864;
    --bs-btn-focus-shadow-rgb: 66, 129, 77;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #4D985B;
    --bs-btn-active-border-color: #4D985B
}

.btn-green:focus, .btn-green:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.25)
}

.btn-green-light {
    --bs-btn-color: #3A7244;
    --bs-btn-bg: #C8E9D2;
    --bs-btn-border-color: #E2F3E7;
    --bs-btn-hover-color: #3A7244;
    --bs-btn-hover-bg: #C8E9D2;
    --bs-btn-hover-border-color: #AEDBB7;
    --bs-btn-focus-shadow-rgb: 66, 129, 77;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #AEDBB7;
    --bs-btn-active-border-color: #AEDBB7
}

.btn-green-light:focus, .btn-green-light:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.25)
}

.btn-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0F63A8;
    --bs-btn-border-color: #0F63A8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2073B8;
    --bs-btn-hover-border-color: #2073B8;
    --bs-btn-focus-shadow-rgb: 15, 99, 168;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0F63A8;
    --bs-btn-active-border-color: #0F63A8
}

.btn-blue:focus, .btn-blue:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.25)
}

.btn-blue-light {
    --bs-btn-color: #0F63A8;
    --bs-btn-bg: #BCDDED;
    --bs-btn-border-color: #DBEDF5;
    --bs-btn-hover-color: #0F63A8;
    --bs-btn-hover-bg: #BCDDED;
    --bs-btn-hover-border-color: #98C9E4;
    --bs-btn-focus-shadow-rgb: 15, 99, 168;
    --bs-btn-active-color: #0D548F;
    --bs-btn-active-bg: #98C9E4;
    --bs-btn-active-border-color: #98C9E4
}

.btn-blue-light:focus, .btn-blue-light:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.25)
}

.btn-yellow {
    --bs-btn-color: #704c03;
    --bs-btn-bg: #FBBD11;
    --bs-btn-border-color: #FBBD11;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #F9A907;
    --bs-btn-hover-border-color: #F9A907;
    --bs-btn-focus-shadow-rgb: 251, 189, 17;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c78706;
    --bs-btn-active-border-color: #c78706
}

.btn-yellow:focus, .btn-yellow:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.25)
}

.btn-yellow-light {
    --bs-btn-color: #704c03;
    --bs-btn-bg: #feebb8;
    --bs-btn-border-color: #fff8dd;
    --bs-btn-hover-color: #704c03;
    --bs-btn-hover-bg: #feebb8;
    --bs-btn-hover-border-color: #fdde88;
    --bs-btn-focus-shadow-rgb: 251, 189, 17;
    --bs-btn-active-color: #704c03;
    --bs-btn-active-bg: #fdde88;
    --bs-btn-active-border-color: #fdde88
}

.btn-yellow-light:focus, .btn-yellow-light:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.25)
}

.btn-red {
    --bs-btn-color: #fff;
    --bs-btn-bg: #C62828;
    --bs-btn-border-color: #C62828;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d6302f;
    --bs-btn-hover-border-color: #d6302f;
    --bs-btn-focus-shadow-rgb: 198, 40, 40;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #C62828;
    --bs-btn-active-border-color: #C62828
}

.btn-red:focus, .btn-red:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.25)
}

.btn-red-light {
    --bs-btn-color: #a82222;
    --bs-btn-bg: #f7c4c2;
    --bs-btn-border-color: #fbe1e1;
    --bs-btn-hover-color: #a82222;
    --bs-btn-hover-bg: #f7c4c2;
    --bs-btn-hover-border-color: #f29c9a;
    --bs-btn-focus-shadow-rgb: 198, 40, 40;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f29c9a;
    --bs-btn-active-border-color: #f29c9a
}

.btn-red-light:focus, .btn-red-light:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.25)
}

.btn-neutral {
    --bs-btn-color: #fff;
    --bs-btn-bg: #282828;
    --bs-btn-border-color: #282828;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #707070;
    --bs-btn-hover-border-color: #707070;
    --bs-btn-focus-shadow-rgb: 40, 40, 40;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #515151;
    --bs-btn-active-border-color: #515151
}

.btn-neutral:focus, .btn-neutral:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.25)
}

.btn-neutral-light {
    --bs-btn-color: #515151;
    --bs-btn-bg: #E6E6E6;
    --bs-btn-border-color: #F2F2F2;
    --bs-btn-hover-color: #515151;
    --bs-btn-hover-bg: #E6E6E6;
    --bs-btn-hover-border-color: #DBDBDB;
    --bs-btn-focus-shadow-rgb: 40, 40, 40;
    --bs-btn-active-color: #515151;
    --bs-btn-active-bg: #DBDBDB;
    --bs-btn-active-border-color: #DBDBDB
}

.btn-neutral-light:focus, .btn-neutral-light:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.25)
}

.btn-secondary {
    --bs-btn-bg: var(--ylw-neutral-100);
    --bs-btn-color: var(--ylw-neutral-900);
    --bs-btn-border-color: var(--ylw-neutral-100);
    --bs-btn-hover-color: var(--ylw-neutral-800);
    --bs-btn-hover-bg: var(--ylw-neutral-200);
    --bs-btn-hover-border-color: var(--ylw-neutral-200);
    --bs-btn-focus-shadow-rgb: 81, 81, 81;
    --bs-btn-active-color: var(--ylw-neutral-900);
    --bs-btn-active-bg: var(--ylw-neutral-300);
    --bs-btn-active-border-color: var(--ylw-neutral-300)
}

.btn-secondary-primary {
    --bs-btn-bg: #E6E5F8;
    --bs-btn-color: #5C5DB5;
    --bs-btn-border-color: #E6E5F8;
    --bs-btn-hover-color: #4B4F9A;
    --bs-btn-hover-bg: #CFCEF1;
    --bs-btn-hover-border-color: #CFCEF1;
    --bs-btn-focus-shadow-rgb: 75, 79, 154;
    --bs-btn-active-color: #404383;
    --bs-btn-active-bg: #B7B6E8;
    --bs-btn-active-border-color: #B7B6E8
}

.btn-secondary-primary:focus, .btn-secondary-primary:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.25)
}

.btn-secondary-green {
    --bs-btn-bg: #E2F3E7;
    --bs-btn-color: #3A7244;
    --bs-btn-border-color: #E2F3E7;
    --bs-btn-hover-color: #3A7244;
    --bs-btn-hover-bg: #C8E9D2;
    --bs-btn-hover-border-color: #C8E9D2;
    --bs-btn-focus-shadow-rgb: 66, 129, 77;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #AEDBB7;
    --bs-btn-active-border-color: #AEDBB7
}

.btn-secondary-green:focus, .btn-secondary-green:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.25)
}

.btn-secondary-blue {
    --bs-btn-bg: #DBEDF5;
    --bs-btn-color: #0F63A8;
    --bs-btn-border-color: #DBEDF5;
    --bs-btn-hover-color: #0F63A8;
    --bs-btn-hover-bg: #BCDDED;
    --bs-btn-hover-border-color: #BCDDED;
    --bs-btn-focus-shadow-rgb: 15, 99, 168;
    --bs-btn-active-color: #0D548F;
    --bs-btn-active-bg: #98C9E4;
    --bs-btn-active-border-color: #98C9E4
}

.btn-secondary-blue:focus, .btn-secondary-blue:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.25)
}

.btn-secondary-yellow {
    --bs-btn-bg: #fff8dd;
    --bs-btn-color: #9d6a04;
    --bs-btn-border-color: #fff8dd;
    --bs-btn-hover-color: #704c03;
    --bs-btn-hover-bg: #feebb8;
    --bs-btn-hover-border-color: #feebb8;
    --bs-btn-focus-shadow-rgb: 251, 189, 17;
    --bs-btn-active-color: #704c03;
    --bs-btn-active-bg: #fdde88;
    --bs-btn-active-border-color: #fdde88
}

.btn-secondary-yellow:focus, .btn-secondary-yellow:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.25)
}

.btn-secondary-red {
    --bs-btn-bg: #fbe1e1;
    --bs-btn-color: #C62828;
    --bs-btn-border-color: #fbe1e1;
    --bs-btn-hover-color: #a82222;
    --bs-btn-hover-bg: #f7c4c2;
    --bs-btn-hover-border-color: #f7c4c2;
    --bs-btn-focus-shadow-rgb: 198, 40, 40;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f29c9a;
    --bs-btn-active-border-color: #f29c9a
}

.btn-secondary-red:focus, .btn-secondary-red:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.25)
}

.btn-secondary-neutral {
    --bs-btn-bg: #F2F2F2;
    --bs-btn-color: #707070;
    --bs-btn-border-color: #F2F2F2;
    --bs-btn-hover-color: #515151;
    --bs-btn-hover-bg: #E6E6E6;
    --bs-btn-hover-border-color: #E6E6E6;
    --bs-btn-focus-shadow-rgb: 40, 40, 40;
    --bs-btn-active-color: #515151;
    --bs-btn-active-bg: #DBDBDB;
    --bs-btn-active-border-color: #DBDBDB
}

.btn-secondary-neutral:focus, .btn-secondary-neutral:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.25)
}

.btn-outline {
    --bs-btn-color: var(--ylw-neutral-700);
    --bs-btn-border-color: var(--ylw-neutral-300);
    --bs-btn-hover-color: var(--ylw-neutral-900);
    --bs-btn-hover-bg: var(--ylw-neutral-100);
    --bs-btn-hover-border-color: var(--ylw-neutral-400);
    --bs-btn-focus-shadow-rgb: 81, 81, 81;
    --bs-btn-active-color: var(--ylw-neutral-800);
    --bs-btn-active-bg: var(--ylw-neutral-200);
    --bs-btn-active-border-color: var(--ylw-neutral-400)
}

.btn-outline-primary {
    --bs-btn-color: #4B4F9A;
    --bs-btn-border-color: #4B4F9A;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4B4F9A;
    --bs-btn-hover-border-color: #4B4F9A;
    --bs-btn-focus-shadow-rgb: 75, 79, 154;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4B4F9A;
    --bs-btn-active-border-color: #4B4F9A
}

.btn-outline-primary:focus, .btn-outline-primary:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.25)
}

.btn-outline-green {
    --bs-btn-color: #42814D;
    --bs-btn-border-color: #42814D;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #42814D;
    --bs-btn-hover-border-color: #42814D;
    --bs-btn-focus-shadow-rgb: 66, 129, 77;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #42814D;
    --bs-btn-active-border-color: #42814D
}

.btn-outline-green:focus, .btn-outline-green:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.25)
}

.btn-outline-blue {
    --bs-btn-color: #0F63A8;
    --bs-btn-border-color: #0F63A8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0F63A8;
    --bs-btn-hover-border-color: #0F63A8;
    --bs-btn-focus-shadow-rgb: 15, 99, 168;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0F63A8;
    --bs-btn-active-border-color: #0F63A8
}

.btn-outline-blue:focus, .btn-outline-blue:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.25)
}

.btn-outline-yellow {
    --bs-btn-color: #9d6a04;
    --bs-btn-border-color: #FBBD11;
    --bs-btn-hover-color: #704c03;
    --bs-btn-hover-bg: #FBBD11;
    --bs-btn-hover-border-color: #FBBD11;
    --bs-btn-focus-shadow-rgb: 251, 189, 17;
    --bs-btn-active-color: #704c03;
    --bs-btn-active-bg: #FBBD11;
    --bs-btn-active-border-color: #FBBD11
}

.btn-outline-yellow:focus, .btn-outline-yellow:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.25)
}

.btn-outline-red {
    --bs-btn-color: #C62828;
    --bs-btn-border-color: #C62828;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #C62828;
    --bs-btn-hover-border-color: #C62828;
    --bs-btn-focus-shadow-rgb: 198, 40, 40;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #C62828;
    --bs-btn-active-border-color: #C62828
}

.btn-outline-red:focus, .btn-outline-red:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.25)
}

.btn-outline-neutral {
    --bs-btn-color: #282828;
    --bs-btn-border-color: #282828;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #282828;
    --bs-btn-hover-border-color: #282828;
    --bs-btn-focus-shadow-rgb: 40, 40, 40;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #282828;
    --bs-btn-active-border-color: #282828
}

.btn-outline-neutral:focus, .btn-outline-neutral:focus-visible {
    box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.25)
}

.modal-header .btn-close {
    margin-top: 0;
    margin-bottom: 0
}

.form-control, .form-select {
    background-color: var(--ylw-primary-50);
    border-color: var(--ylw-primary-200)
}

.form-control:focus, .form-select:focus {
    border-color: var(--ylw-primary-600);
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(110, 108, 209, 0.25)
}

.form-check-input {
    border-color: var(--ylw-primary-200)
}

.form-check-input:focus {
    border-color: var(--ylw-primary-600);
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(110, 108, 209, 0.25)
}

.form-check-input {
    --bs-border-color: var(--ylw-neutral-400);
    cursor: pointer
}

.form-check-input[type=radio] {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0
}

.form-check-input[type=radio]:not(:checked) {
    background-color: #fff;
    border-color: var(--ylw-neutral-400);
    background-image: none
}

.form-check-input[type=checkbox] {
    width: 1.25rem;
    height: 1.25rem;
    margin-inline-end: 8px
}

.form-check-input:checked {
    background-color: var(--ylw-primary);
    border-color: var(--ylw-primary)
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: var(--ylw-primary);
    border-color: var(--ylw-primary);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") !important
}

.form-check-input[type=checkbox]:indeterminate:focus {
    border-color: var(--ylw-primary-700);
    box-shadow: inset 0 0 0 0.123rem rgba(110, 108, 209, 0.25)
}

.form-check-input-primary:checked {
    background-color: #4B4F9A;
    border-color: #4B4F9A
}

.form-check-input-primary:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input-primary:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input-primary:focus {
    border-color: #5C5DB5;
    box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.25)
}

.form-check-input-primary:indeterminate {
    background-color: #4B4F9A !important;
    border-color: #4B4F9A !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") !important
}

.form-check-input-green:checked {
    background-color: #42814D;
    border-color: #42814D
}

.form-check-input-green:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input-green:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input-green:focus {
    border-color: #55A864;
    box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.25)
}

.form-check-input-green:indeterminate {
    background-color: #42814D !important;
    border-color: #42814D !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") !important
}

.form-check-input-blue:checked {
    background-color: #0F63A8;
    border-color: #0F63A8
}

.form-check-input-blue:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input-blue:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input-blue:focus {
    border-color: #2073B8;
    box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.25)
}

.form-check-input-blue:indeterminate {
    background-color: #0F63A8 !important;
    border-color: #0F63A8 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") !important
}

.form-check-input-yellow:checked {
    background-color: #FBBD11;
    border-color: #FBBD11
}

.form-check-input-yellow:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23704c03' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input-yellow:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23704c03'/%3e%3c/svg%3e")
}

.form-check-input-yellow:focus {
    border-color: #F9A907;
    box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.25)
}

.form-check-input-yellow:indeterminate {
    background-color: #FBBD11 !important;
    border-color: #FBBD11 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23704c03' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") !important
}

.form-check-input-red:checked {
    background-color: #C62828;
    border-color: #C62828
}

.form-check-input-red:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input-red:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input-red:focus {
    border-color: #d6302f;
    box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.25)
}

.form-check-input-red:indeterminate {
    background-color: #C62828 !important;
    border-color: #C62828 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") !important
}

.form-check-input-neutral:checked {
    background-color: #282828;
    border-color: #282828
}

.form-check-input-neutral:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input-neutral:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input-neutral:focus {
    border-color: #707070;
    box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.25)
}

.form-check-input-neutral:indeterminate {
    background-color: #282828 !important;
    border-color: #282828 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") !important
}

.input-group .form-control:focus, .input-group .form-select:focus {
    border-color: var(--ylw-primary-600);
    box-shadow: inset 0 0 0 0.123rem rgba(110, 108, 209, 0.25)
}

.form-control-primary, .form-select-primary {
    border-color: #B7B6E8
}

.form-control-primary:focus, .form-select-primary:focus {
    border-color: #5C5DB5;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.25)
}

.form-control-green, .form-select-green {
    border-color: #AEDBB7
}

.form-control-green:focus, .form-select-green:focus {
    border-color: #55A864;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.25)
}

.form-control-blue, .form-select-blue {
    border-color: #98C9E4
}

.form-control-blue:focus, .form-select-blue:focus {
    border-color: #2073B8;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.25)
}

.form-control-yellow, .form-select-yellow {
    border-color: #fdde88
}

.form-control-yellow:focus, .form-select-yellow:focus {
    border-color: #F9A907;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.25)
}

.form-control-red, .form-select-red {
    border-color: #f29c9a
}

.form-control-red:focus, .form-select-red:focus {
    border-color: #d6302f;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.25)
}

.form-control-neutral, .form-select-neutral {
    border-color: #DBDBDB
}

.form-control-neutral:focus, .form-select-neutral:focus {
    border-color: #707070;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.25)
}

.form-range {
    --range-progress: 50%;
    --range-fill-color: var(--ylw-primary-600);
    --range-thumb-color: var(--ylw-primary-600);
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 5px;
    outline: none;
    background: var(--ylw-neutral-200);
    position: relative
}

.form-range::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    height: 8px;
    width: var(--range-progress);
    background: var(--range-fill-color);
    border-radius: 5px;
    pointer-events: none;
    z-index: 1
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0)
}

.form-range::-moz-range-track {
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background: var(--ylw-neutral-200)
}

.form-range::-moz-range-progress {
    height: 8px;
    border-radius: 5px;
    background: var(--range-fill-color)
}

.form-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    top: -2px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    border: 3px solid var(--range-thumb-color);
    position: relative;
    z-index: 2
}

.form-range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    top: -2px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    border: 3px solid var(--range-thumb-color);
    position: relative;
    z-index: 2
}

.form-range-primary {
    --range-fill-color: #5C5DB5;
    --range-thumb-color: #5C5DB5
}

.form-range-green {
    --range-fill-color: #55A864;
    --range-thumb-color: #55A864
}

.form-range-blue {
    --range-fill-color: #2073B8;
    --range-thumb-color: #2073B8
}

.form-range-yellow {
    --range-fill-color: #F9A907;
    --range-thumb-color: #F9A907
}

.form-range-red {
    --range-fill-color: #d6302f;
    --range-thumb-color: #d6302f
}

.form-range-neutral {
    --range-fill-color: #707070;
    --range-thumb-color: #707070
}

.otp-input {
    width: 52px;
    height: 56px;
    font-size: 1.5rem;
    border: 2px solid var(--ylw-primary-200);
    background-color: var(--ylw-primary-50);
    border-radius: .5rem;
    transition: all .2s ease
}

.otp-input:focus {
    border-color: var(--ylw-primary-600);
    background-color: #fff;
    box-shadow: inset 0 0 0 .123rem rgba(110, 108, 209, .25);
    outline: 0
}

.otp-input:valid {
    border-color: var(--ylw-primary-600);
    background-color: var(--ylw-primary-100)
}

.otp-input.error {
    border-color: var(--ylw-danger-600, #dc3545);
    background-color: var(--ylw-danger-50, #fee)
}

@media(max-width: 576px) {
    .otp-input {
        width: 44px;
        height: 48px;
        font-size: 1.25rem
    }
}

.alert-primary {
    --bs-alert-color: #fff;
    --bs-alert-bg: #4B4F9A;
    --bs-alert-border-color: #4B4F9A
}

.alert-green {
    --bs-alert-color: #fff;
    --bs-alert-bg: #42814D;
    --bs-alert-border-color: #42814D
}

.alert-blue {
    --bs-alert-color: #fff;
    --bs-alert-bg: #0F63A8;
    --bs-alert-border-color: #0F63A8
}

.alert-yellow {
    --bs-alert-color: #704c03;
    --bs-alert-bg: #FBBD11;
    --bs-alert-border-color: #FBBD11
}

.alert-red {
    --bs-alert-color: #fff;
    --bs-alert-bg: #C62828;
    --bs-alert-border-color: #C62828
}

.alert-neutral {
    --bs-alert-color: #fff;
    --bs-alert-bg: #282828;
    --bs-alert-border-color: #282828
}

.badge {
    border: 1px solid rgba(0, 0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: fit-content
}

.badge-primary {
    color: #5C5DB5;
    background-color: #E6E5F8;
    border-color: rgba(0, 0, 0, 0)
}

.badge-outline-primary {
    color: #6c6acd;
    background-color: #F7F7FD;
    border-color: #b7b6e8
}

.badge-primary-dark {
    color: #fff;
    background-color: #4B4F9A;
    border-color: #4B4F9A
}

.badge.text-bg-primary {
    color: #5C5DB5;
    background-color: #E6E5F8
}

.badge-green {
    color: #3A7244;
    background-color: #E2F3E7;
    border-color: rgba(0, 0, 0, 0)
}

.badge-outline-green {
    color: #42814D;
    background-color: #F3F9F5;
    border-color: #aedbb7
}

.badge-green-dark {
    color: #fff;
    background-color: #42814D;
    border-color: #42814D
}

.badge.text-bg-green {
    color: #3A7244;
    background-color: #E2F3E7
}

.badge-blue {
    color: #0F63A8;
    background-color: #DBEDF5;
    border-color: rgba(0, 0, 0, 0)
}

.badge-outline-blue {
    color: #2073B8;
    background-color: #F0F6FB;
    border-color: #98c9e4
}

.badge-blue-dark {
    color: #fff;
    background-color: #0F63A8;
    border-color: #0F63A8
}

.badge.text-bg-blue {
    color: #0F63A8;
    background-color: #DBEDF5
}

.badge-yellow {
    color: #9d6a04;
    background-color: #fff8dd;
    border-color: rgba(0, 0, 0, 0)
}

.badge-outline-yellow {
    color: #9d6a04;
    background-color: #fffdf4;
    border-color: #fdde88
}

.badge-yellow-dark {
    color: #704c03;
    background-color: #FBBD11;
    border-color: #FBBD11
}

.badge.text-bg-yellow {
    color: #9d6a04;
    background-color: #fff8dd
}

.badge-red {
    color: #C62828;
    background-color: #fbe1e1;
    border-color: rgba(0, 0, 0, 0)
}

.badge-outline-red {
    color: #d6302f;
    background-color: #fef5f5;
    border-color: #f29c9a
}

.badge-red-dark {
    color: #fff;
    background-color: #C62828;
    border-color: #C62828
}

.badge.text-bg-red {
    color: #C62828;
    background-color: #fbe1e1
}

.badge-neutral {
    color: #707070;
    background-color: #F2F2F2;
    border-color: rgba(0, 0, 0, 0)
}

.badge-outline-neutral {
    color: #707070;
    background-color: #FAFAFA;
    border-color: #dbdbdb
}

.badge-neutral-dark {
    color: #fff;
    background-color: #282828;
    border-color: #282828
}

.badge.text-bg-neutral {
    color: #707070;
    background-color: #F2F2F2
}

.bg-primary.badge {
    color: #fff !important;
    background-color: #4B4F9A !important
}

.bg-primary-50.badge {
    color: #6c6acd !important;
    background-color: #F7F7FD !important
}

.bg-primary-100.badge {
    color: #5C5DB5 !important;
    background-color: #E6E5F8 !important
}

.bg-primary-200.badge {
    color: #4B4F9A !important;
    background-color: #CFCEF1 !important
}

.bg-primary-300.badge {
    color: #404383 !important;
    background-color: #B7B6E8 !important
}

.bg-primary-400.badge {
    color: #000 !important;
    background-color: #9F9DDC !important
}

.bg-primary-500.badge {
    color: #fff !important;
    background-color: #6c6acd !important
}

.bg-primary-600.badge {
    color: #fff !important;
    background-color: #5C5DB5 !important
}

.bg-primary-700.badge {
    color: #fff !important;
    background-color: #4B4F9A !important
}

.bg-primary-800.badge {
    color: #fff !important;
    background-color: #404383 !important
}

.bg-primary-900.badge {
    color: #fff !important;
    background-color: #383B73 !important
}

.bg-green.badge {
    color: #fff !important;
    background-color: #42814D !important
}

.bg-green-50.badge {
    color: #42814D !important;
    background-color: #F3F9F5 !important
}

.bg-green-100.badge {
    color: #3A7244 !important;
    background-color: #E2F3E7 !important
}

.bg-green-200.badge {
    color: #3A7244 !important;
    background-color: #C8E9D2 !important
}

.bg-green-300.badge {
    color: #000 !important;
    background-color: #AEDBB7 !important
}

.bg-green-400.badge {
    color: #000 !important;
    background-color: #94CD9C !important
}

.bg-green-500.badge {
    color: #000 !important;
    background-color: #5DB86E !important
}

.bg-green-600.badge {
    color: #000 !important;
    background-color: #55A864 !important
}

.bg-green-700.badge {
    color: #000 !important;
    background-color: #4D985B !important
}

.bg-green-800.badge {
    color: #fff !important;
    background-color: #42814D !important
}

.bg-green-900.badge {
    color: #fff !important;
    background-color: #3A7244 !important
}

.bg-blue.badge {
    color: #fff !important;
    background-color: #0F63A8 !important
}

.bg-blue-50.badge {
    color: #2073B8 !important;
    background-color: #F0F6FB !important
}

.bg-blue-100.badge {
    color: #0F63A8 !important;
    background-color: #DBEDF5 !important
}

.bg-blue-200.badge {
    color: #0F63A8 !important;
    background-color: #BCDDED !important
}

.bg-blue-300.badge {
    color: #0D548F !important;
    background-color: #98C9E4 !important
}

.bg-blue-400.badge {
    color: #000 !important;
    background-color: #74B4DB !important
}

.bg-blue-500.badge {
    color: #000 !important;
    background-color: #3084C9 !important
}

.bg-blue-600.badge {
    color: #fff !important;
    background-color: #2073B8 !important
}

.bg-blue-700.badge {
    color: #fff !important;
    background-color: #0F63A8 !important
}

.bg-blue-800.badge {
    color: #fff !important;
    background-color: #0D548F !important
}

.bg-blue-900.badge {
    color: #fff !important;
    background-color: #0C4A7E !important
}

.bg-yellow.badge {
    color: #704c03 !important;
    background-color: #FBBD11 !important
}

.bg-yellow-50.badge {
    color: #9d6a04 !important;
    background-color: #fffdf4 !important
}

.bg-yellow-100.badge {
    color: #9d6a04 !important;
    background-color: #fff8dd !important
}

.bg-yellow-200.badge {
    color: #704c03 !important;
    background-color: #feebb8 !important
}

.bg-yellow-300.badge {
    color: #704c03 !important;
    background-color: #fdde88 !important
}

.bg-yellow-400.badge {
    color: #704c03 !important;
    background-color: #FCD11A !important
}

.bg-yellow-500.badge {
    color: #704c03 !important;
    background-color: #FBBD11 !important
}

.bg-yellow-600.badge {
    color: #000 !important;
    background-color: #F9A907 !important
}

.bg-yellow-700.badge {
    color: #000 !important;
    background-color: #c78706 !important
}

.bg-yellow-800.badge {
    color: #fff !important;
    background-color: #9d6a04 !important
}

.bg-yellow-900.badge {
    color: #fff !important;
    background-color: #704c03 !important
}

.bg-red.badge {
    color: #fff !important;
    background-color: #C62828 !important
}

.bg-red-50.badge {
    color: #d6302f !important;
    background-color: #fef5f5 !important
}

.bg-red-100.badge {
    color: #C62828 !important;
    background-color: #fbe1e1 !important
}

.bg-red-200.badge {
    color: #a82222 !important;
    background-color: #f7c4c2 !important
}

.bg-red-300.badge {
    color: #000 !important;
    background-color: #f29c9a !important
}

.bg-red-400.badge {
    color: #000 !important;
    background-color: #eb6a67 !important
}

.bg-red-500.badge {
    color: #000 !important;
    background-color: #E53935 !important
}

.bg-red-600.badge {
    color: #fff !important;
    background-color: #d6302f !important
}

.bg-red-700.badge {
    color: #fff !important;
    background-color: #C62828 !important
}

.bg-red-800.badge {
    color: #fff !important;
    background-color: #a82222 !important
}

.bg-red-900.badge {
    color: #fff !important;
    background-color: #951e1e !important
}

.bg-neutral.badge {
    color: #fff !important;
    background-color: #282828 !important
}

.bg-neutral-50.badge {
    color: #707070 !important;
    background-color: #FAFAFA !important
}

.bg-neutral-100.badge {
    color: #707070 !important;
    background-color: #F2F2F2 !important
}

.bg-neutral-200.badge {
    color: #515151 !important;
    background-color: #E6E6E6 !important
}

.bg-neutral-300.badge {
    color: #515151 !important;
    background-color: #DBDBDB !important
}

.bg-neutral-400.badge {
    color: #515151 !important;
    background-color: #CACACA !important
}

.bg-neutral-500.badge {
    color: #282828 !important;
    background-color: #A1A1A1 !important
}

.bg-neutral-600.badge {
    color: #fff !important;
    background-color: #707070 !important
}

.bg-neutral-700.badge {
    color: #fff !important;
    background-color: #515151 !important
}

.bg-neutral-800.badge {
    color: #fff !important;
    background-color: #3C3C3C !important
}

.bg-neutral-900.badge {
    color: #fff !important;
    background-color: #282828 !important
}

.accordion {
    --bs-accordion-color: var(--ylw-text-primary);
    --bs-accordion-bg: #fff;
    --bs-accordion-border-color: var(--ylw-border);
    --bs-border-color: var(--ylw-border);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: 0.375rem;
    --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--ylw-text-primary);
    --bs-accordion-btn-bg: #fff;
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-focus-border-color: var(--ylw-primary-300);
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem var(--ylw-primary-300);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--ylw-primary-700);
    --bs-accordion-active-bg: var(--ylw-primary-50);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23282828'%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='%23515151'%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")
}

.accordion .accordion-button {
    border: 1px solid rgba(0, 0, 0, 0)
}

.accordion .accordion-button:not(.collapsed) {
    border: 1px solid var(--ylw-primary-300)
}

.accordion-flush {
    --bs-accordion-border-width: 0;
    --bs-accordion-border-radius: 0;
    --bs-accordion-inner-border-radius: 0;
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-active-bg: transparent
}

.accordion-primary {
    --bs-accordion-btn-color: #6c6acd;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236c6acd'%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='%236c6acd'%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-active-color: #6c6acd;
    --bs-accordion-active-bg: #F7F7FD;
    --bs-accordion-btn-focus-border-color: #E6E5F8;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.50)
}

.accordion-primary .accordion-button:not(.collapsed), .accordion-primary .accordion-button:hover {
    border: 1px solid #6c6acd
}

.accordion-primary-light {
    --bs-accordion-border-color: #CFCEF1;
    --bs-accordion-btn-color: #6c6acd;
    --bs-accordion-btn-bg: #F7F7FD;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236c6acd'%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='%236c6acd'%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-active-color: #6c6acd;
    --bs-accordion-active-bg: #F7F7FD;
    --bs-accordion-btn-focus-border-color: #CFCEF1;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.50)
}

.accordion-primary-dark {
    --bs-accordion-border-color: #4B4F9A;
    --bs-accordion-btn-color: #fff;
    --bs-accordion-btn-bg: #5C5DB5;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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='%23fff'%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-active-color: #fff;
    --bs-accordion-active-bg: #404383;
    --bs-accordion-btn-focus-border-color: #383B73;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.5)
}

.accordion-primary-darker {
    --bs-accordion-border-color: #404383;
    --bs-accordion-btn-color: #fff;
    --bs-accordion-btn-bg: #4B4F9A;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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='%23fff'%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-active-color: #fff;
    --bs-accordion-active-bg: #404383;
    --bs-accordion-btn-focus-border-color: #383B73;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.5)
}

.accordion-green {
    --bs-accordion-btn-color: #42814D;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2342814D'%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='%2342814D'%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-active-color: #42814D;
    --bs-accordion-active-bg: #F3F9F5;
    --bs-accordion-btn-focus-border-color: #E2F3E7;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.50)
}

.accordion-green .accordion-button:not(.collapsed), .accordion-green .accordion-button:hover {
    border: 1px solid #5DB86E
}

.accordion-green-light {
    --bs-accordion-border-color: #C8E9D2;
    --bs-accordion-btn-color: #42814D;
    --bs-accordion-btn-bg: #F3F9F5;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2342814D'%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='%2342814D'%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-active-color: #42814D;
    --bs-accordion-active-bg: #F3F9F5;
    --bs-accordion-btn-focus-border-color: #C8E9D2;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.50)
}

.accordion-green-dark {
    --bs-accordion-border-color: #4D985B;
    --bs-accordion-btn-color: #000;
    --bs-accordion-btn-bg: #55A864;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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='%23000'%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-active-color: #fff;
    --bs-accordion-active-bg: #42814D;
    --bs-accordion-btn-focus-border-color: #3A7244;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.5)
}

.accordion-green-darker {
    --bs-accordion-border-color: #42814D;
    --bs-accordion-btn-color: #000;
    --bs-accordion-btn-bg: #4D985B;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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='%23000'%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-active-color: #fff;
    --bs-accordion-active-bg: #42814D;
    --bs-accordion-btn-focus-border-color: #3A7244;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.5)
}

.accordion-blue {
    --bs-accordion-btn-color: #2073B8;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232073B8'%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='%232073B8'%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-active-color: #2073B8;
    --bs-accordion-active-bg: #F0F6FB;
    --bs-accordion-btn-focus-border-color: #DBEDF5;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.50)
}

.accordion-blue .accordion-button:not(.collapsed), .accordion-blue .accordion-button:hover {
    border: 1px solid #3084C9
}

.accordion-blue-light {
    --bs-accordion-border-color: #BCDDED;
    --bs-accordion-btn-color: #2073B8;
    --bs-accordion-btn-bg: #F0F6FB;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232073B8'%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='%232073B8'%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-active-color: #2073B8;
    --bs-accordion-active-bg: #F0F6FB;
    --bs-accordion-btn-focus-border-color: #BCDDED;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.50)
}

.accordion-blue-dark {
    --bs-accordion-border-color: #0F63A8;
    --bs-accordion-btn-color: #fff;
    --bs-accordion-btn-bg: #2073B8;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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='%23fff'%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-active-color: #fff;
    --bs-accordion-active-bg: #0D548F;
    --bs-accordion-btn-focus-border-color: #0C4A7E;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.5)
}

.accordion-blue-darker {
    --bs-accordion-border-color: #0D548F;
    --bs-accordion-btn-color: #fff;
    --bs-accordion-btn-bg: #0F63A8;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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='%23fff'%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-active-color: #fff;
    --bs-accordion-active-bg: #0D548F;
    --bs-accordion-btn-focus-border-color: #0C4A7E;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.5)
}

.accordion-yellow {
    --bs-accordion-btn-color: #9d6a04;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239d6a04'%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='%239d6a04'%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-active-color: #9d6a04;
    --bs-accordion-active-bg: #fffdf4;
    --bs-accordion-btn-focus-border-color: #fff8dd;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.50)
}

.accordion-yellow .accordion-button:not(.collapsed), .accordion-yellow .accordion-button:hover {
    border: 1px solid #FBBD11
}

.accordion-yellow-light {
    --bs-accordion-border-color: #FCD11A;
    --bs-accordion-btn-color: #9d6a04;
    --bs-accordion-btn-bg: #fffdf4;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239d6a04'%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='%239d6a04'%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-active-color: #9d6a04;
    --bs-accordion-active-bg: #fffdf4;
    --bs-accordion-btn-focus-border-color: #FCD11A;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.50)
}

.accordion-yellow-dark {
    --bs-accordion-border-color: #c78706;
    --bs-accordion-btn-color: #000;
    --bs-accordion-btn-bg: #F9A907;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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='%23000'%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-active-color: #fff;
    --bs-accordion-active-bg: #9d6a04;
    --bs-accordion-btn-focus-border-color: #704c03;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.5)
}

.accordion-yellow-darker {
    --bs-accordion-border-color: #9d6a04;
    --bs-accordion-btn-color: #000;
    --bs-accordion-btn-bg: #c78706;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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='%23000'%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-active-color: #fff;
    --bs-accordion-active-bg: #9d6a04;
    --bs-accordion-btn-focus-border-color: #704c03;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.5)
}

.accordion-red {
    --bs-accordion-btn-color: #d6302f;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23d6302f'%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='%23d6302f'%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-active-color: #d6302f;
    --bs-accordion-active-bg: #fef5f5;
    --bs-accordion-btn-focus-border-color: #fbe1e1;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.50)
}

.accordion-red .accordion-button:not(.collapsed), .accordion-red .accordion-button:hover {
    border: 1px solid #E53935
}

.accordion-red-light {
    --bs-accordion-border-color: #f7c4c2;
    --bs-accordion-btn-color: #d6302f;
    --bs-accordion-btn-bg: #fef5f5;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23d6302f'%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='%23d6302f'%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-active-color: #d6302f;
    --bs-accordion-active-bg: #fef5f5;
    --bs-accordion-btn-focus-border-color: #f7c4c2;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.50)
}

.accordion-red-dark {
    --bs-accordion-border-color: #C62828;
    --bs-accordion-btn-color: #fff;
    --bs-accordion-btn-bg: #d6302f;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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='%23fff'%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-active-color: #fff;
    --bs-accordion-active-bg: #a82222;
    --bs-accordion-btn-focus-border-color: #951e1e;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.5)
}

.accordion-red-darker {
    --bs-accordion-border-color: #a82222;
    --bs-accordion-btn-color: #fff;
    --bs-accordion-btn-bg: #C62828;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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='%23fff'%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-active-color: #fff;
    --bs-accordion-active-bg: #a82222;
    --bs-accordion-btn-focus-border-color: #951e1e;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.5)
}

.accordion-neutral {
    --bs-accordion-btn-color: #707070;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23707070'%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='%23707070'%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-active-color: #707070;
    --bs-accordion-active-bg: #FAFAFA;
    --bs-accordion-btn-focus-border-color: #F2F2F2;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.50)
}

.accordion-neutral .accordion-button:not(.collapsed), .accordion-neutral .accordion-button:hover {
    border: 1px solid #A1A1A1
}

.accordion-neutral-light {
    --bs-accordion-border-color: #E6E6E6;
    --bs-accordion-btn-color: #707070;
    --bs-accordion-btn-bg: #FAFAFA;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23707070'%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='%23707070'%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-active-color: #707070;
    --bs-accordion-active-bg: #FAFAFA;
    --bs-accordion-btn-focus-border-color: #E6E6E6;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.50)
}

.accordion-neutral-dark {
    --bs-accordion-border-color: #515151;
    --bs-accordion-btn-color: #fff;
    --bs-accordion-btn-bg: #707070;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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='%23fff'%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-active-color: #fff;
    --bs-accordion-active-bg: #3C3C3C;
    --bs-accordion-btn-focus-border-color: #282828;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.5)
}

.accordion-neutral-darker {
    --bs-accordion-border-color: #3C3C3C;
    --bs-accordion-btn-color: #fff;
    --bs-accordion-btn-bg: #515151;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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='%23fff'%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-active-color: #fff;
    --bs-accordion-active-bg: #3C3C3C;
    --bs-accordion-btn-focus-border-color: #282828;
    --bs-accordion-btn-focus-box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.5)
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--ylw-border);
    --bs-card-border-radius: 14px;
    --bs-card-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-card-inner-border-radius: calc(14px - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: var(--ylw-surface);
    --bs-card-cap-color: var(--ylw-text-primary);
    --bs-card-height: auto;
    --bs-card-color: var(--ylw-text-primary);
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem
}

a:hover>.card, button:hover>.card {
    filter: brightness(0.97)
}

a:active>.card, button:active>.card {
    filter: brightness(0.95)
}

.card-primary {
    --bs-card-bg: #F7F7FD;
    --bs-card-border-color: #B7B6E8;
    --bs-card-color: #6c6acd
}

.card-primary .card-header, .card-primary .card-footer {
    background-color: #E6E5F8;
    border-color: #B7B6E8;
    color: #5C5DB5
}

.card-primary-medium {
    --bs-card-bg: #E6E5F8;
    --bs-card-border-color: #5C5DB5;
    --bs-card-color: #5C5DB5
}

.card-primary-medium .card-header, .card-primary-medium .card-footer {
    background-color: #B7B6E8;
    border-color: #5C5DB5;
    color: #404383
}

.card-primary-dark {
    --bs-card-bg: #5C5DB5;
    --bs-card-border-color: #4B4F9A;
    --bs-card-color: #fff
}

.card-primary-dark .card-header, .card-primary-dark .card-footer {
    background-color: #4B4F9A;
    border-color: #4B4F9A;
    color: #fff
}

.card-primary-darker {
    --bs-card-bg: #4B4F9A;
    --bs-card-border-color: #404383;
    --bs-card-color: #fff
}

.card-primary-darker .card-header, .card-primary-darker .card-footer {
    background-color: #404383;
    border-color: #404383;
    color: #fff
}

.card-green {
    --bs-card-bg: #F3F9F5;
    --bs-card-border-color: #AEDBB7;
    --bs-card-color: #42814D
}

.card-green .card-header, .card-green .card-footer {
    background-color: #E2F3E7;
    border-color: #AEDBB7;
    color: #3A7244
}

.card-green-medium {
    --bs-card-bg: #E2F3E7;
    --bs-card-border-color: #55A864;
    --bs-card-color: #3A7244
}

.card-green-medium .card-header, .card-green-medium .card-footer {
    background-color: #AEDBB7;
    border-color: #55A864;
    color: #000
}

.card-green-dark {
    --bs-card-bg: #55A864;
    --bs-card-border-color: #4D985B;
    --bs-card-color: #000
}

.card-green-dark .card-header, .card-green-dark .card-footer {
    background-color: #4D985B;
    border-color: #4D985B;
    color: #000
}

.card-green-darker {
    --bs-card-bg: #4D985B;
    --bs-card-border-color: #42814D;
    --bs-card-color: #000
}

.card-green-darker .card-header, .card-green-darker .card-footer {
    background-color: #42814D;
    border-color: #42814D;
    color: #fff
}

.card-blue {
    --bs-card-bg: #F0F6FB;
    --bs-card-border-color: #98C9E4;
    --bs-card-color: #2073B8
}

.card-blue .card-header, .card-blue .card-footer {
    background-color: #DBEDF5;
    border-color: #98C9E4;
    color: #0F63A8
}

.card-blue-medium {
    --bs-card-bg: #DBEDF5;
    --bs-card-border-color: #2073B8;
    --bs-card-color: #0F63A8
}

.card-blue-medium .card-header, .card-blue-medium .card-footer {
    background-color: #98C9E4;
    border-color: #2073B8;
    color: #0D548F
}

.card-blue-dark {
    --bs-card-bg: #2073B8;
    --bs-card-border-color: #0F63A8;
    --bs-card-color: #fff
}

.card-blue-dark .card-header, .card-blue-dark .card-footer {
    background-color: #0F63A8;
    border-color: #0F63A8;
    color: #fff
}

.card-blue-darker {
    --bs-card-bg: #0F63A8;
    --bs-card-border-color: #0D548F;
    --bs-card-color: #fff
}

.card-blue-darker .card-header, .card-blue-darker .card-footer {
    background-color: #0D548F;
    border-color: #0D548F;
    color: #fff
}

.card-yellow {
    --bs-card-bg: #fffdf4;
    --bs-card-border-color: #fdde88;
    --bs-card-color: #9d6a04
}

.card-yellow .card-header, .card-yellow .card-footer {
    background-color: #fff8dd;
    border-color: #fdde88;
    color: #9d6a04
}

.card-yellow-medium {
    --bs-card-bg: #fff8dd;
    --bs-card-border-color: #F9A907;
    --bs-card-color: #9d6a04
}

.card-yellow-medium .card-header, .card-yellow-medium .card-footer {
    background-color: #fdde88;
    border-color: #F9A907;
    color: #704c03
}

.card-yellow-dark {
    --bs-card-bg: #F9A907;
    --bs-card-border-color: #c78706;
    --bs-card-color: #000
}

.card-yellow-dark .card-header, .card-yellow-dark .card-footer {
    background-color: #c78706;
    border-color: #c78706;
    color: #000
}

.card-yellow-darker {
    --bs-card-bg: #c78706;
    --bs-card-border-color: #9d6a04;
    --bs-card-color: #000
}

.card-yellow-darker .card-header, .card-yellow-darker .card-footer {
    background-color: #9d6a04;
    border-color: #9d6a04;
    color: #fff
}

.card-red {
    --bs-card-bg: #fef5f5;
    --bs-card-border-color: #f29c9a;
    --bs-card-color: #d6302f
}

.card-red .card-header, .card-red .card-footer {
    background-color: #fbe1e1;
    border-color: #f29c9a;
    color: #C62828
}

.card-red-medium {
    --bs-card-bg: #fbe1e1;
    --bs-card-border-color: #d6302f;
    --bs-card-color: #C62828
}

.card-red-medium .card-header, .card-red-medium .card-footer {
    background-color: #f29c9a;
    border-color: #d6302f;
    color: #000
}

.card-red-dark {
    --bs-card-bg: #d6302f;
    --bs-card-border-color: #C62828;
    --bs-card-color: #fff
}

.card-red-dark .card-header, .card-red-dark .card-footer {
    background-color: #C62828;
    border-color: #C62828;
    color: #fff
}

.card-red-darker {
    --bs-card-bg: #C62828;
    --bs-card-border-color: #a82222;
    --bs-card-color: #fff
}

.card-red-darker .card-header, .card-red-darker .card-footer {
    background-color: #a82222;
    border-color: #a82222;
    color: #fff
}

.card-neutral {
    --bs-card-bg: #FAFAFA;
    --bs-card-border-color: #DBDBDB;
    --bs-card-color: #707070
}

.card-neutral .card-header, .card-neutral .card-footer {
    background-color: #F2F2F2;
    border-color: #DBDBDB;
    color: #707070
}

.card-neutral-medium {
    --bs-card-bg: #F2F2F2;
    --bs-card-border-color: #707070;
    --bs-card-color: #707070
}

.card-neutral-medium .card-header, .card-neutral-medium .card-footer {
    background-color: #DBDBDB;
    border-color: #707070;
    color: #515151
}

.card-neutral-dark {
    --bs-card-bg: #707070;
    --bs-card-border-color: #515151;
    --bs-card-color: #fff
}

.card-neutral-dark .card-header, .card-neutral-dark .card-footer {
    background-color: #515151;
    border-color: #515151;
    color: #fff
}

.card-neutral-darker {
    --bs-card-bg: #515151;
    --bs-card-border-color: #3C3C3C;
    --bs-card-color: #fff
}

.card-neutral-darker .card-header, .card-neutral-darker .card-footer {
    background-color: #3C3C3C;
    border-color: #3C3C3C;
    color: #fff
}

.text-bg-primary.card {
    --bs-card-bg: #4B4F9A;
    --bs-card-border-color: #4B4F9A;
    --bs-card-color: #fff
}

.text-bg-green.card {
    --bs-card-bg: #42814D;
    --bs-card-border-color: #42814D;
    --bs-card-color: #fff
}

.text-bg-blue.card {
    --bs-card-bg: #0F63A8;
    --bs-card-border-color: #0F63A8;
    --bs-card-color: #fff
}

.text-bg-yellow.card {
    --bs-card-bg: #FBBD11;
    --bs-card-border-color: #FBBD11;
    --bs-card-color: #704c03
}

.text-bg-red.card {
    --bs-card-bg: #C62828;
    --bs-card-border-color: #C62828;
    --bs-card-color: #fff
}

.text-bg-neutral.card {
    --bs-card-bg: #282828;
    --bs-card-border-color: #282828;
    --bs-card-color: #fff
}

.list-group {
    --bs-list-group-color: var(--ylw-text-primary);
    --bs-list-group-bg: #fff;
    --bs-list-group-border-color: var(--ylw-border);
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: 0.375rem;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.75rem;
    --bs-list-group-action-color: var(--ylw-text-secondary);
    --bs-list-group-action-hover-color: var(--ylw-text-primary);
    --bs-list-group-action-hover-bg: var(--ylw-surface);
    --bs-list-group-action-active-color: var(--ylw-primary);
    --bs-list-group-action-active-bg: var(--ylw-primary-50);
    --bs-list-group-disabled-color: var(--ylw-text-disabled);
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: var(--ylw-primary);
    --bs-list-group-active-border-color: var(--ylw-primary)
}

.list-group a.list-group-item:hover {
    text-decoration: none
}

.list-group-primary .list-group-item {
    --bs-list-group-color: #404383;
    --bs-list-group-bg: #F7F7FD;
    --bs-list-group-border-color: #B7B6E8;
    --bs-list-group-action-hover-color: #383B73;
    --bs-list-group-action-hover-bg: #E6E5F8;
    --bs-list-group-action-active-color: #383B73;
    --bs-list-group-action-active-bg: #B7B6E8;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #4B4F9A;
    --bs-list-group-active-border-color: #4B4F9A
}

.list-group-primary-light .list-group-item {
    --bs-list-group-color: #404383;
    --bs-list-group-action-hover-color: #383B73;
    --bs-list-group-action-hover-bg: #F7F7FD;
    --bs-list-group-action-active-color: #383B73;
    --bs-list-group-action-active-bg: #CFCEF1;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #E6E5F8;
    --bs-list-group-active-border-color: #E6E5F8
}

.list-group-primary-medium .list-group-item {
    --bs-list-group-color: #404383;
    --bs-list-group-bg: #E6E5F8;
    --bs-list-group-border-color: #5C5DB5;
    --bs-list-group-action-hover-color: #383B73;
    --bs-list-group-action-hover-bg: #CFCEF1;
    --bs-list-group-action-active-color: #fff;
    --bs-list-group-action-active-bg: #4B4F9A;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #4B4F9A;
    --bs-list-group-active-border-color: #4B4F9A
}

.list-group-primary-dark .list-group-item {
    --bs-list-group-color: #fff;
    --bs-list-group-bg: #5C5DB5;
    --bs-list-group-border-color: #4B4F9A;
    --bs-list-group-action-hover-color: #fff;
    --bs-list-group-action-hover-bg: #4B4F9A;
    --bs-list-group-action-active-color: #fff;
    --bs-list-group-action-active-bg: #404383;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #404383;
    --bs-list-group-active-border-color: #404383
}

.list-group-green .list-group-item {
    --bs-list-group-color: #42814D;
    --bs-list-group-bg: #F3F9F5;
    --bs-list-group-border-color: #AEDBB7;
    --bs-list-group-action-hover-color: #3A7244;
    --bs-list-group-action-hover-bg: #E2F3E7;
    --bs-list-group-action-active-color: #3A7244;
    --bs-list-group-action-active-bg: #AEDBB7;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #42814D;
    --bs-list-group-active-border-color: #42814D
}

.list-group-green-light .list-group-item {
    --bs-list-group-color: #42814D;
    --bs-list-group-action-hover-color: #3A7244;
    --bs-list-group-action-hover-bg: #F3F9F5;
    --bs-list-group-action-active-color: #3A7244;
    --bs-list-group-action-active-bg: #C8E9D2;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #E2F3E7;
    --bs-list-group-active-border-color: #E2F3E7
}

.list-group-green-medium .list-group-item {
    --bs-list-group-color: #42814D;
    --bs-list-group-bg: #E2F3E7;
    --bs-list-group-border-color: #55A864;
    --bs-list-group-action-hover-color: #3A7244;
    --bs-list-group-action-hover-bg: #C8E9D2;
    --bs-list-group-action-active-color: #fff;
    --bs-list-group-action-active-bg: #42814D;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #42814D;
    --bs-list-group-active-border-color: #42814D
}

.list-group-green-dark .list-group-item {
    --bs-list-group-color: #fff;
    --bs-list-group-bg: #55A864;
    --bs-list-group-border-color: #4D985B;
    --bs-list-group-action-hover-color: #fff;
    --bs-list-group-action-hover-bg: #4D985B;
    --bs-list-group-action-active-color: #fff;
    --bs-list-group-action-active-bg: #42814D;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #42814D;
    --bs-list-group-active-border-color: #42814D
}

.list-group-blue .list-group-item {
    --bs-list-group-color: #0D548F;
    --bs-list-group-bg: #F0F6FB;
    --bs-list-group-border-color: #98C9E4;
    --bs-list-group-action-hover-color: #0C4A7E;
    --bs-list-group-action-hover-bg: #DBEDF5;
    --bs-list-group-action-active-color: #0C4A7E;
    --bs-list-group-action-active-bg: #98C9E4;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0F63A8;
    --bs-list-group-active-border-color: #0F63A8
}

.list-group-blue-light .list-group-item {
    --bs-list-group-color: #0D548F;
    --bs-list-group-action-hover-color: #0C4A7E;
    --bs-list-group-action-hover-bg: #F0F6FB;
    --bs-list-group-action-active-color: #0C4A7E;
    --bs-list-group-action-active-bg: #BCDDED;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #DBEDF5;
    --bs-list-group-active-border-color: #DBEDF5
}

.list-group-blue-medium .list-group-item {
    --bs-list-group-color: #0D548F;
    --bs-list-group-bg: #DBEDF5;
    --bs-list-group-border-color: #2073B8;
    --bs-list-group-action-hover-color: #0C4A7E;
    --bs-list-group-action-hover-bg: #BCDDED;
    --bs-list-group-action-active-color: #fff;
    --bs-list-group-action-active-bg: #0F63A8;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0F63A8;
    --bs-list-group-active-border-color: #0F63A8
}

.list-group-blue-dark .list-group-item {
    --bs-list-group-color: #fff;
    --bs-list-group-bg: #2073B8;
    --bs-list-group-border-color: #0F63A8;
    --bs-list-group-action-hover-color: #fff;
    --bs-list-group-action-hover-bg: #0F63A8;
    --bs-list-group-action-active-color: #fff;
    --bs-list-group-action-active-bg: #0D548F;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0D548F;
    --bs-list-group-active-border-color: #0D548F
}

.list-group-yellow .list-group-item {
    --bs-list-group-color: #9d6a04;
    --bs-list-group-bg: #fffdf4;
    --bs-list-group-border-color: #fdde88;
    --bs-list-group-action-hover-color: #704c03;
    --bs-list-group-action-hover-bg: #fff8dd;
    --bs-list-group-action-active-color: #704c03;
    --bs-list-group-action-active-bg: #fdde88;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #FBBD11;
    --bs-list-group-active-border-color: #FBBD11
}

.list-group-yellow-light .list-group-item {
    --bs-list-group-color: #9d6a04;
    --bs-list-group-action-hover-color: #704c03;
    --bs-list-group-action-hover-bg: #fffdf4;
    --bs-list-group-action-active-color: #704c03;
    --bs-list-group-action-active-bg: #feebb8;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #fff8dd;
    --bs-list-group-active-border-color: #fff8dd
}

.list-group-yellow-medium .list-group-item {
    --bs-list-group-color: #9d6a04;
    --bs-list-group-bg: #fff8dd;
    --bs-list-group-border-color: #F9A907;
    --bs-list-group-action-hover-color: #704c03;
    --bs-list-group-action-hover-bg: #feebb8;
    --bs-list-group-action-active-color: #fff;
    --bs-list-group-action-active-bg: #FBBD11;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #FBBD11;
    --bs-list-group-active-border-color: #FBBD11
}

.list-group-yellow-dark .list-group-item {
    --bs-list-group-color: #fff;
    --bs-list-group-bg: #F9A907;
    --bs-list-group-border-color: #c78706;
    --bs-list-group-action-hover-color: #fff;
    --bs-list-group-action-hover-bg: #c78706;
    --bs-list-group-action-active-color: #fff;
    --bs-list-group-action-active-bg: #9d6a04;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #9d6a04;
    --bs-list-group-active-border-color: #9d6a04
}

.list-group-red .list-group-item {
    --bs-list-group-color: #a82222;
    --bs-list-group-bg: #fef5f5;
    --bs-list-group-border-color: #f29c9a;
    --bs-list-group-action-hover-color: #951e1e;
    --bs-list-group-action-hover-bg: #fbe1e1;
    --bs-list-group-action-active-color: #951e1e;
    --bs-list-group-action-active-bg: #f29c9a;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #C62828;
    --bs-list-group-active-border-color: #C62828
}

.list-group-red-light .list-group-item {
    --bs-list-group-color: #a82222;
    --bs-list-group-action-hover-color: #951e1e;
    --bs-list-group-action-hover-bg: #fef5f5;
    --bs-list-group-action-active-color: #951e1e;
    --bs-list-group-action-active-bg: #f7c4c2;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #fbe1e1;
    --bs-list-group-active-border-color: #fbe1e1
}

.list-group-red-medium .list-group-item {
    --bs-list-group-color: #a82222;
    --bs-list-group-bg: #fbe1e1;
    --bs-list-group-border-color: #d6302f;
    --bs-list-group-action-hover-color: #951e1e;
    --bs-list-group-action-hover-bg: #f7c4c2;
    --bs-list-group-action-active-color: #fff;
    --bs-list-group-action-active-bg: #C62828;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #C62828;
    --bs-list-group-active-border-color: #C62828
}

.list-group-red-dark .list-group-item {
    --bs-list-group-color: #fff;
    --bs-list-group-bg: #d6302f;
    --bs-list-group-border-color: #C62828;
    --bs-list-group-action-hover-color: #fff;
    --bs-list-group-action-hover-bg: #C62828;
    --bs-list-group-action-active-color: #fff;
    --bs-list-group-action-active-bg: #a82222;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #a82222;
    --bs-list-group-active-border-color: #a82222
}

.list-group-neutral .list-group-item {
    --bs-list-group-color: #3C3C3C;
    --bs-list-group-bg: #FAFAFA;
    --bs-list-group-border-color: #DBDBDB;
    --bs-list-group-action-hover-color: #282828;
    --bs-list-group-action-hover-bg: #F2F2F2;
    --bs-list-group-action-active-color: #282828;
    --bs-list-group-action-active-bg: #DBDBDB;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #282828;
    --bs-list-group-active-border-color: #282828
}

.list-group-neutral-light .list-group-item {
    --bs-list-group-color: #3C3C3C;
    --bs-list-group-action-hover-color: #282828;
    --bs-list-group-action-hover-bg: #FAFAFA;
    --bs-list-group-action-active-color: #282828;
    --bs-list-group-action-active-bg: #E6E6E6;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #F2F2F2;
    --bs-list-group-active-border-color: #F2F2F2
}

.list-group-neutral-medium .list-group-item {
    --bs-list-group-color: #3C3C3C;
    --bs-list-group-bg: #F2F2F2;
    --bs-list-group-border-color: #707070;
    --bs-list-group-action-hover-color: #282828;
    --bs-list-group-action-hover-bg: #E6E6E6;
    --bs-list-group-action-active-color: #fff;
    --bs-list-group-action-active-bg: #282828;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #282828;
    --bs-list-group-active-border-color: #282828
}

.list-group-neutral-dark .list-group-item {
    --bs-list-group-color: #fff;
    --bs-list-group-bg: #707070;
    --bs-list-group-border-color: #515151;
    --bs-list-group-action-hover-color: #fff;
    --bs-list-group-action-hover-bg: #515151;
    --bs-list-group-action-active-color: #fff;
    --bs-list-group-action-active-bg: #3C3C3C;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #3C3C3C;
    --bs-list-group-active-border-color: #3C3C3C
}

.list-group-item-primary {
    --bs-list-group-color: #404383;
    --bs-list-group-bg: #F7F7FD;
    --bs-list-group-border-color: #B7B6E8;
    --bs-list-group-action-hover-color: #383B73;
    --bs-list-group-action-hover-bg: #E6E5F8
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: var(--bs-list-group-action-hover-color);
    background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-primary.list-group-item-action:active {
    color: #fff;
    background-color: #4B4F9A;
    border-color: #4B4F9A
}

.list-group-item-green {
    --bs-list-group-color: #42814D;
    --bs-list-group-bg: #F3F9F5;
    --bs-list-group-border-color: #AEDBB7;
    --bs-list-group-action-hover-color: #3A7244;
    --bs-list-group-action-hover-bg: #E2F3E7
}

.list-group-item-green.list-group-item-action:hover, .list-group-item-green.list-group-item-action:focus {
    color: var(--bs-list-group-action-hover-color);
    background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-green.list-group-item-action:active {
    color: #fff;
    background-color: #42814D;
    border-color: #42814D
}

.list-group-item-blue {
    --bs-list-group-color: #0D548F;
    --bs-list-group-bg: #F0F6FB;
    --bs-list-group-border-color: #98C9E4;
    --bs-list-group-action-hover-color: #0C4A7E;
    --bs-list-group-action-hover-bg: #DBEDF5
}

.list-group-item-blue.list-group-item-action:hover, .list-group-item-blue.list-group-item-action:focus {
    color: var(--bs-list-group-action-hover-color);
    background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-blue.list-group-item-action:active {
    color: #fff;
    background-color: #0F63A8;
    border-color: #0F63A8
}

.list-group-item-yellow {
    --bs-list-group-color: #9d6a04;
    --bs-list-group-bg: #fffdf4;
    --bs-list-group-border-color: #fdde88;
    --bs-list-group-action-hover-color: #704c03;
    --bs-list-group-action-hover-bg: #fff8dd
}

.list-group-item-yellow.list-group-item-action:hover, .list-group-item-yellow.list-group-item-action:focus {
    color: var(--bs-list-group-action-hover-color);
    background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-yellow.list-group-item-action:active {
    color: #fff;
    background-color: #FBBD11;
    border-color: #FBBD11
}

.list-group-item-red {
    --bs-list-group-color: #a82222;
    --bs-list-group-bg: #fef5f5;
    --bs-list-group-border-color: #f29c9a;
    --bs-list-group-action-hover-color: #951e1e;
    --bs-list-group-action-hover-bg: #fbe1e1
}

.list-group-item-red.list-group-item-action:hover, .list-group-item-red.list-group-item-action:focus {
    color: var(--bs-list-group-action-hover-color);
    background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-red.list-group-item-action:active {
    color: #fff;
    background-color: #C62828;
    border-color: #C62828
}

.list-group-item-neutral {
    --bs-list-group-color: #3C3C3C;
    --bs-list-group-bg: #FAFAFA;
    --bs-list-group-border-color: #DBDBDB;
    --bs-list-group-action-hover-color: #282828;
    --bs-list-group-action-hover-bg: #F2F2F2
}

.list-group-item-neutral.list-group-item-action:hover, .list-group-item-neutral.list-group-item-action:focus {
    color: var(--bs-list-group-action-hover-color);
    background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-neutral.list-group-item-action:active {
    color: #fff;
    background-color: #282828;
    border-color: #282828
}

.cursor-pointer {
    cursor: pointer
}

.dropdown-item {
    --bs-dropdown-link-active-bg: var(--ylw-neutral-200)
}

a {
    --bs-link-color-rgb: 110, 108, 209;
    --bs-link-hover-color-rgb: 75, 79, 154;
    color: var(--ylw-primary)
}

a:hover {
    color: var(--ylw-primary-700)
}

.link-primary {
    color: #4B4F9A !important
}

.link-primary:hover {
    color: #4B4F9A !important
}

.link-primary:focus, .link-primary:focus-visible {
    color: #4B4F9A !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.25)
}

.link-green {
    color: #42814D !important
}

.link-green:hover {
    color: #4D985B !important
}

.link-green:focus, .link-green:focus-visible {
    color: #4D985B !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.25)
}

.link-blue {
    color: #0F63A8 !important
}

.link-blue:hover {
    color: #0F63A8 !important
}

.link-blue:focus, .link-blue:focus-visible {
    color: #0F63A8 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.25)
}

.link-yellow {
    color: #FBBD11 !important
}

.link-yellow:hover {
    color: #c78706 !important
}

.link-yellow:focus, .link-yellow:focus-visible {
    color: #c78706 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.25)
}

.link-red {
    color: #C62828 !important
}

.link-red:hover {
    color: #C62828 !important
}

.link-red:focus, .link-red:focus-visible {
    color: #C62828 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.25)
}

.link-neutral {
    color: #282828 !important
}

.link-neutral:hover {
    color: #515151 !important
}

.link-neutral:focus, .link-neutral:focus-visible {
    color: #515151 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.25)
}

.bg-primary {
    background-color: #4B4F9A !important
}

.bg-green {
    background-color: #42814D !important
}

.bg-blue {
    background-color: #0F63A8 !important
}

.bg-yellow {
    background-color: #FBBD11 !important
}

.bg-red {
    background-color: #C62828 !important
}

.bg-neutral {
    background-color: #282828 !important
}

.bg-primary-50 {
    background-color: #F7F7FD !important
}

.bg-primary-100 {
    background-color: #E6E5F8 !important
}

.bg-primary-200 {
    background-color: #CFCEF1 !important
}

.bg-primary-300 {
    background-color: #B7B6E8 !important
}

.bg-primary-400 {
    background-color: #9F9DDC !important
}

.bg-primary-500 {
    background-color: #6c6acd !important
}

.bg-primary-600 {
    background-color: #5C5DB5 !important
}

.bg-primary-700 {
    background-color: #4B4F9A !important
}

.bg-primary-800 {
    background-color: #404383 !important
}

.bg-primary-900 {
    background-color: #383B73 !important
}

.bg-green-50 {
    background-color: #F3F9F5 !important
}

.bg-green-100 {
    background-color: #E2F3E7 !important
}

.bg-green-200 {
    background-color: #C8E9D2 !important
}

.bg-green-300 {
    background-color: #AEDBB7 !important
}

.bg-green-400 {
    background-color: #94CD9C !important
}

.bg-green-500 {
    background-color: #5DB86E !important
}

.bg-green-600 {
    background-color: #55A864 !important
}

.bg-green-700 {
    background-color: #4D985B !important
}

.bg-green-800 {
    background-color: #42814D !important
}

.bg-green-900 {
    background-color: #3A7244 !important
}

.bg-blue-50 {
    background-color: #F0F6FB !important
}

.bg-blue-100 {
    background-color: #DBEDF5 !important
}

.bg-blue-200 {
    background-color: #BCDDED !important
}

.bg-blue-300 {
    background-color: #98C9E4 !important
}

.bg-blue-400 {
    background-color: #74B4DB !important
}

.bg-blue-500 {
    background-color: #3084C9 !important
}

.bg-blue-600 {
    background-color: #2073B8 !important
}

.bg-blue-700 {
    background-color: #0F63A8 !important
}

.bg-blue-800 {
    background-color: #0D548F !important
}

.bg-blue-900 {
    background-color: #0C4A7E !important
}

.bg-yellow-50 {
    background-color: #fffdf4 !important
}

.bg-yellow-100 {
    background-color: #fff8dd !important
}

.bg-yellow-200 {
    background-color: #feebb8 !important
}

.bg-yellow-300 {
    background-color: #fdde88 !important
}

.bg-yellow-400 {
    background-color: #FCD11A !important
}

.bg-yellow-500 {
    background-color: #FBBD11 !important
}

.bg-yellow-600 {
    background-color: #F9A907 !important
}

.bg-yellow-700 {
    background-color: #c78706 !important
}

.bg-yellow-800 {
    background-color: #9d6a04 !important
}

.bg-yellow-900 {
    background-color: #704c03 !important
}

.bg-red-50 {
    background-color: #fef5f5 !important
}

.bg-red-100 {
    background-color: #fbe1e1 !important
}

.bg-red-200 {
    background-color: #f7c4c2 !important
}

.bg-red-300 {
    background-color: #f29c9a !important
}

.bg-red-400 {
    background-color: #eb6a67 !important
}

.bg-red-500 {
    background-color: #E53935 !important
}

.bg-red-600 {
    background-color: #d6302f !important
}

.bg-red-700 {
    background-color: #C62828 !important
}

.bg-red-800 {
    background-color: #a82222 !important
}

.bg-red-900 {
    background-color: #951e1e !important
}

.bg-neutral-50 {
    background-color: #FAFAFA !important
}

.bg-neutral-100 {
    background-color: #F2F2F2 !important
}

.bg-neutral-200 {
    background-color: #E6E6E6 !important
}

.bg-neutral-300 {
    background-color: #DBDBDB !important
}

.bg-neutral-400 {
    background-color: #CACACA !important
}

.bg-neutral-500 {
    background-color: #A1A1A1 !important
}

.bg-neutral-600 {
    background-color: #707070 !important
}

.bg-neutral-700 {
    background-color: #515151 !important
}

.bg-neutral-800 {
    background-color: #3C3C3C !important
}

.bg-neutral-900 {
    background-color: #282828 !important
}

.text-primary {
    color: #4B4F9A !important
}

.text-green {
    color: #42814D !important
}

.text-blue {
    color: #0F63A8 !important
}

.text-yellow {
    color: #FBBD11 !important
}

.text-red {
    color: #C62828 !important
}

.text-neutral {
    color: #282828 !important
}

.text-primary-50 {
    color: #F7F7FD !important
}

.text-primary-100 {
    color: #E6E5F8 !important
}

.text-primary-200 {
    color: #CFCEF1 !important
}

.text-primary-300 {
    color: #B7B6E8 !important
}

.text-primary-400 {
    color: #9F9DDC !important
}

.text-primary-500 {
    color: #6c6acd !important
}

.text-primary-600 {
    color: #5C5DB5 !important
}

.text-primary-700 {
    color: #4B4F9A !important
}

.text-primary-800 {
    color: #404383 !important
}

.text-primary-900 {
    color: #383B73 !important
}

.text-green-50 {
    color: #F3F9F5 !important
}

.text-green-100 {
    color: #E2F3E7 !important
}

.text-green-200 {
    color: #C8E9D2 !important
}

.text-green-300 {
    color: #AEDBB7 !important
}

.text-green-400 {
    color: #94CD9C !important
}

.text-green-500 {
    color: #5DB86E !important
}

.text-green-600 {
    color: #55A864 !important
}

.text-green-700 {
    color: #4D985B !important
}

.text-green-800 {
    color: #42814D !important
}

.text-green-900 {
    color: #3A7244 !important
}

.text-blue-50 {
    color: #F0F6FB !important
}

.text-blue-100 {
    color: #DBEDF5 !important
}

.text-blue-200 {
    color: #BCDDED !important
}

.text-blue-300 {
    color: #98C9E4 !important
}

.text-blue-400 {
    color: #74B4DB !important
}

.text-blue-500 {
    color: #3084C9 !important
}

.text-blue-600 {
    color: #2073B8 !important
}

.text-blue-700 {
    color: #0F63A8 !important
}

.text-blue-800 {
    color: #0D548F !important
}

.text-blue-900 {
    color: #0C4A7E !important
}

.text-yellow-50 {
    color: #fffdf4 !important
}

.text-yellow-100 {
    color: #fff8dd !important
}

.text-yellow-200 {
    color: #feebb8 !important
}

.text-yellow-300 {
    color: #fdde88 !important
}

.text-yellow-400 {
    color: #FCD11A !important
}

.text-yellow-500 {
    color: #FBBD11 !important
}

.text-yellow-600 {
    color: #F9A907 !important
}

.text-yellow-700 {
    color: #c78706 !important
}

.text-yellow-800 {
    color: #9d6a04 !important
}

.text-yellow-900 {
    color: #704c03 !important
}

.text-red-50 {
    color: #fef5f5 !important
}

.text-red-100 {
    color: #fbe1e1 !important
}

.text-red-200 {
    color: #f7c4c2 !important
}

.text-red-300 {
    color: #f29c9a !important
}

.text-red-400 {
    color: #eb6a67 !important
}

.text-red-500 {
    color: #E53935 !important
}

.text-red-600 {
    color: #d6302f !important
}

.text-red-700 {
    color: #C62828 !important
}

.text-red-800 {
    color: #a82222 !important
}

.text-red-900 {
    color: #951e1e !important
}

.text-neutral-50 {
    color: #FAFAFA !important
}

.text-neutral-100 {
    color: #F2F2F2 !important
}

.text-neutral-200 {
    color: #E6E6E6 !important
}

.text-neutral-300 {
    color: #DBDBDB !important
}

.text-neutral-400 {
    color: #CACACA !important
}

.text-neutral-500 {
    color: #A1A1A1 !important
}

.text-neutral-600 {
    color: #707070 !important
}

.text-neutral-700 {
    color: #515151 !important
}

.text-neutral-800 {
    color: #3C3C3C !important
}

.text-neutral-900 {
    color: #282828 !important
}

.border-primary {
    border-color: #4B4F9A !important
}

.border-primary:focus, .border-primary:focus-visible {
    border-color: #5C5DB5 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.25)
}

.border-green {
    border-color: #42814D !important
}

.border-green:focus, .border-green:focus-visible {
    border-color: #55A864 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.25)
}

.border-blue {
    border-color: #0F63A8 !important
}

.border-blue:focus, .border-blue:focus-visible {
    border-color: #2073B8 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.25)
}

.border-yellow {
    border-color: #FBBD11 !important
}

.border-yellow:focus, .border-yellow:focus-visible {
    border-color: #F9A907 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.25)
}

.border-red {
    border-color: #C62828 !important
}

.border-red:focus, .border-red:focus-visible {
    border-color: #d6302f !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.25)
}

.border-neutral {
    border-color: #282828 !important
}

.border-neutral:focus, .border-neutral:focus-visible {
    border-color: #707070 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.25)
}

.border-primary-50 {
    border-color: #F7F7FD !important
}

.border-primary-50:focus, .border-primary-50:focus-visible {
    border-color: #6c6acd !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.25)
}

.border-primary-100 {
    border-color: #E6E5F8 !important
}

.border-primary-100:focus, .border-primary-100:focus-visible {
    border-color: #6c6acd !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.25)
}

.border-primary-200 {
    border-color: #CFCEF1 !important
}

.border-primary-200:focus, .border-primary-200:focus-visible {
    border-color: #6c6acd !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.25)
}

.border-primary-300 {
    border-color: #B7B6E8 !important
}

.border-primary-300:focus, .border-primary-300:focus-visible {
    border-color: #5C5DB5 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.25)
}

.border-primary-400 {
    border-color: #9F9DDC !important
}

.border-primary-400:focus, .border-primary-400:focus-visible {
    border-color: #5C5DB5 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.25)
}

.border-primary-500 {
    border-color: #6c6acd !important
}

.border-primary-500:focus, .border-primary-500:focus-visible {
    border-color: #4B4F9A !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.25)
}

.border-primary-600 {
    border-color: #5C5DB5 !important
}

.border-primary-600:focus, .border-primary-600:focus-visible {
    border-color: #4B4F9A !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.25)
}

.border-primary-700 {
    border-color: #4B4F9A !important
}

.border-primary-700:focus, .border-primary-700:focus-visible {
    border-color: #383B73 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.35)
}

.border-primary-800 {
    border-color: #404383 !important
}

.border-primary-800:focus, .border-primary-800:focus-visible {
    border-color: #383B73 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.35)
}

.border-primary-900 {
    border-color: #383B73 !important
}

.border-primary-900:focus, .border-primary-900:focus-visible {
    border-color: #383B73 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(75, 79, 154, 0.35)
}

.border-green-50 {
    border-color: #F3F9F5 !important
}

.border-green-50:focus, .border-green-50:focus-visible {
    border-color: #5DB86E !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.25)
}

.border-green-100 {
    border-color: #E2F3E7 !important
}

.border-green-100:focus, .border-green-100:focus-visible {
    border-color: #5DB86E !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.25)
}

.border-green-200 {
    border-color: #C8E9D2 !important
}

.border-green-200:focus, .border-green-200:focus-visible {
    border-color: #5DB86E !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.25)
}

.border-green-300 {
    border-color: #AEDBB7 !important
}

.border-green-300:focus, .border-green-300:focus-visible {
    border-color: #55A864 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.25)
}

.border-green-400 {
    border-color: #94CD9C !important
}

.border-green-400:focus, .border-green-400:focus-visible {
    border-color: #55A864 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.25)
}

.border-green-500 {
    border-color: #5DB86E !important
}

.border-green-500:focus, .border-green-500:focus-visible {
    border-color: #4D985B !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.25)
}

.border-green-600 {
    border-color: #55A864 !important
}

.border-green-600:focus, .border-green-600:focus-visible {
    border-color: #4D985B !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.25)
}

.border-green-700 {
    border-color: #4D985B !important
}

.border-green-700:focus, .border-green-700:focus-visible {
    border-color: #3A7244 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.35)
}

.border-green-800 {
    border-color: #42814D !important
}

.border-green-800:focus, .border-green-800:focus-visible {
    border-color: #3A7244 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.35)
}

.border-green-900 {
    border-color: #3A7244 !important
}

.border-green-900:focus, .border-green-900:focus-visible {
    border-color: #3A7244 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(66, 129, 77, 0.35)
}

.border-blue-50 {
    border-color: #F0F6FB !important
}

.border-blue-50:focus, .border-blue-50:focus-visible {
    border-color: #3084C9 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.25)
}

.border-blue-100 {
    border-color: #DBEDF5 !important
}

.border-blue-100:focus, .border-blue-100:focus-visible {
    border-color: #3084C9 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.25)
}

.border-blue-200 {
    border-color: #BCDDED !important
}

.border-blue-200:focus, .border-blue-200:focus-visible {
    border-color: #3084C9 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.25)
}

.border-blue-300 {
    border-color: #98C9E4 !important
}

.border-blue-300:focus, .border-blue-300:focus-visible {
    border-color: #2073B8 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.25)
}

.border-blue-400 {
    border-color: #74B4DB !important
}

.border-blue-400:focus, .border-blue-400:focus-visible {
    border-color: #2073B8 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.25)
}

.border-blue-500 {
    border-color: #3084C9 !important
}

.border-blue-500:focus, .border-blue-500:focus-visible {
    border-color: #0F63A8 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.25)
}

.border-blue-600 {
    border-color: #2073B8 !important
}

.border-blue-600:focus, .border-blue-600:focus-visible {
    border-color: #0F63A8 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.25)
}

.border-blue-700 {
    border-color: #0F63A8 !important
}

.border-blue-700:focus, .border-blue-700:focus-visible {
    border-color: #0C4A7E !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.35)
}

.border-blue-800 {
    border-color: #0D548F !important
}

.border-blue-800:focus, .border-blue-800:focus-visible {
    border-color: #0C4A7E !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.35)
}

.border-blue-900 {
    border-color: #0C4A7E !important
}

.border-blue-900:focus, .border-blue-900:focus-visible {
    border-color: #0C4A7E !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(15, 99, 168, 0.35)
}

.border-yellow-50 {
    border-color: #fffdf4 !important
}

.border-yellow-50:focus, .border-yellow-50:focus-visible {
    border-color: #FBBD11 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.25)
}

.border-yellow-100 {
    border-color: #fff8dd !important
}

.border-yellow-100:focus, .border-yellow-100:focus-visible {
    border-color: #FBBD11 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.25)
}

.border-yellow-200 {
    border-color: #feebb8 !important
}

.border-yellow-200:focus, .border-yellow-200:focus-visible {
    border-color: #FBBD11 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.25)
}

.border-yellow-300 {
    border-color: #fdde88 !important
}

.border-yellow-300:focus, .border-yellow-300:focus-visible {
    border-color: #F9A907 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.25)
}

.border-yellow-400 {
    border-color: #FCD11A !important
}

.border-yellow-400:focus, .border-yellow-400:focus-visible {
    border-color: #F9A907 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.25)
}

.border-yellow-500 {
    border-color: #FBBD11 !important
}

.border-yellow-500:focus, .border-yellow-500:focus-visible {
    border-color: #c78706 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.25)
}

.border-yellow-600 {
    border-color: #F9A907 !important
}

.border-yellow-600:focus, .border-yellow-600:focus-visible {
    border-color: #c78706 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.25)
}

.border-yellow-700 {
    border-color: #c78706 !important
}

.border-yellow-700:focus, .border-yellow-700:focus-visible {
    border-color: #704c03 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.35)
}

.border-yellow-800 {
    border-color: #9d6a04 !important
}

.border-yellow-800:focus, .border-yellow-800:focus-visible {
    border-color: #704c03 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.35)
}

.border-yellow-900 {
    border-color: #704c03 !important
}

.border-yellow-900:focus, .border-yellow-900:focus-visible {
    border-color: #704c03 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(251, 189, 17, 0.35)
}

.border-red-50 {
    border-color: #fef5f5 !important
}

.border-red-50:focus, .border-red-50:focus-visible {
    border-color: #E53935 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.25)
}

.border-red-100 {
    border-color: #fbe1e1 !important
}

.border-red-100:focus, .border-red-100:focus-visible {
    border-color: #E53935 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.25)
}

.border-red-200 {
    border-color: #f7c4c2 !important
}

.border-red-200:focus, .border-red-200:focus-visible {
    border-color: #E53935 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.25)
}

.border-red-300 {
    border-color: #f29c9a !important
}

.border-red-300:focus, .border-red-300:focus-visible {
    border-color: #d6302f !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.25)
}

.border-red-400 {
    border-color: #eb6a67 !important
}

.border-red-400:focus, .border-red-400:focus-visible {
    border-color: #d6302f !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.25)
}

.border-red-500 {
    border-color: #E53935 !important
}

.border-red-500:focus, .border-red-500:focus-visible {
    border-color: #C62828 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.25)
}

.border-red-600 {
    border-color: #d6302f !important
}

.border-red-600:focus, .border-red-600:focus-visible {
    border-color: #C62828 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.25)
}

.border-red-700 {
    border-color: #C62828 !important
}

.border-red-700:focus, .border-red-700:focus-visible {
    border-color: #951e1e !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.35)
}

.border-red-800 {
    border-color: #a82222 !important
}

.border-red-800:focus, .border-red-800:focus-visible {
    border-color: #951e1e !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.35)
}

.border-red-900 {
    border-color: #951e1e !important
}

.border-red-900:focus, .border-red-900:focus-visible {
    border-color: #951e1e !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(198, 40, 40, 0.35)
}

.border-neutral-50 {
    border-color: #FAFAFA !important
}

.border-neutral-50:focus, .border-neutral-50:focus-visible {
    border-color: #A1A1A1 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.25)
}

.border-neutral-100 {
    border-color: #F2F2F2 !important
}

.border-neutral-100:focus, .border-neutral-100:focus-visible {
    border-color: #A1A1A1 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.25)
}

.border-neutral-200 {
    border-color: #E6E6E6 !important
}

.border-neutral-200:focus, .border-neutral-200:focus-visible {
    border-color: #A1A1A1 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.25)
}

.border-neutral-300 {
    border-color: #DBDBDB !important
}

.border-neutral-300:focus, .border-neutral-300:focus-visible {
    border-color: #707070 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.25)
}

.border-neutral-400 {
    border-color: #CACACA !important
}

.border-neutral-400:focus, .border-neutral-400:focus-visible {
    border-color: #707070 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.25)
}

.border-neutral-500 {
    border-color: #A1A1A1 !important
}

.border-neutral-500:focus, .border-neutral-500:focus-visible {
    border-color: #515151 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.25)
}

.border-neutral-600 {
    border-color: #707070 !important
}

.border-neutral-600:focus, .border-neutral-600:focus-visible {
    border-color: #515151 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.25)
}

.border-neutral-700 {
    border-color: #515151 !important
}

.border-neutral-700:focus, .border-neutral-700:focus-visible {
    border-color: #282828 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.35)
}

.border-neutral-800 {
    border-color: #3C3C3C !important
}

.border-neutral-800:focus, .border-neutral-800:focus-visible {
    border-color: #282828 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.35)
}

.border-neutral-900 {
    border-color: #282828 !important
}

.border-neutral-900:focus, .border-neutral-900:focus-visible {
    border-color: #282828 !important;
    outline: 0;
    box-shadow: inset 0 0 0 0.123rem rgba(40, 40, 40, 0.35)
}

[type=password] {
    direction: ltr
}

.pagination {
    --bs-pagination-color: var(--ylw-primary-dark);
    --bs-pagination-hover-color: var(--ylw-primary-800);
    --bs-pagination-hover-bg: var(--ylw-primary-50);
    --bs-pagination-hover-border-color: var(--ylw-primary-200);
    --bs-pagination-focus-color: var(--ylw-primary-800);
    --bs-pagination-focus-bg: var(--ylw-primary-100);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(110, 108, 209, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--ylw-primary-dark);
    --bs-pagination-active-border-color: var(--ylw-primary-dark);
    --bs-pagination-disabled-color: var(--ylw-neutral-400);
    --bs-pagination-disabled-bg: var(--ylw-neutral-100);
    --bs-pagination-disabled-border-color: var(--ylw-neutral-200)
}

.pagination .page-item {
    white-space: nowrap
}

footer {
    margin-top: var(--spacing-xlarge);
    padding-top: var(--spacing-medium);
    border-top: 2px solid var(--border-color);
    text-align: center;
    color: var(--text-light)
}

.footer-logo {
    max-width: 200px;
    height: auto
}

.footer-btn {
    border-color: hsla(0, 0%, 100%, .2);
    background-color: hsla(0, 0%, 100%, .1);
    color: #fff;
    padding: .5rem 1.5rem;
    font-size: .95rem;
    border-radius: .5rem;
    transition: all .3s ease
}

.footer-btn:hover {
    background-color: hsla(0, 0%, 100%, .1);
    border-color: hsla(0, 0%, 100%, .5);
    color: #fff
}

.social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: .5rem;
    color: #fff;
    font-size: 1.25rem;
    transition: all .3s ease;
    text-decoration: none
}

.social-link:hover {
    background-color: hsla(0, 0%, 100%, .2);
    color: #fff;
    transform: translateY(-2px);
    text-decoration: none
}

.text-white-50 {
    color: hsla(0, 0%, 100%, .5) !important
}

.featured-icon {
    width: var(--icon-size, 60px);
    height: var(--icon-size, 60px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 300;
    padding: 0;
    font-size: max(16px, var(--icon-size, 60px)/1.75);
    --icon-bg: var(--ylw-primary-100);
    --icon-color: var(--ylw-primary-700);
    background-color: var(--icon-bg);
    color: var(--icon-color)
}

.featured-icon img, .featured-icon svg {
    width: max(16px, var(--icon-size, 60px)/1.75);
    height: max(16px, var(--icon-size, 60px)/1.75)
}

.featured-icon-primary {
    --icon-bg: #E6E5F8;
    --icon-color: #404383;
    background-color: var(--icon-bg);
    color: var(--icon-color)
}

.featured-icon-primary-medium {
    --icon-bg: #CFCEF1;
    --icon-color: #404383;
    background-color: var(--icon-bg);
    color: var(--icon-color)
}

.featured-icon-primary-dark {
    --icon-bg: #4B4F9A;
    --icon-color: #F7F7FD;
    background-color: var(--icon-bg);
    color: var(--icon-color)
}

.featured-icon-green {
    --icon-bg: #E2F3E7;
    --icon-color: #42814D;
    background-color: var(--icon-bg);
    color: var(--icon-color)
}

.featured-icon-discussion-group {
    --icon-bg: #E2F3E7;
    --icon-color: #000000;
    background-color: #d5d5d5;
    color: var(--icon-color)
}

.featured-icon-green-medium {
    --icon-bg: #C8E9D2;
    --icon-color: #42814D;
    background-color: var(--icon-bg);
    color: var(--icon-color)
}

.featured-icon-green-dark {
    --icon-bg: #4D985B;
    --icon-color: #F3F9F5;
    background-color: var(--icon-bg);
    color: var(--icon-color)
}

.featured-icon-blue {
    --icon-bg: #DBEDF5;
    --icon-color: #0D548F;
    background-color: var(--icon-bg);
    color: var(--icon-color)
}

.featured-icon-telegram {
    --icon-bg: #ffffff;
    --icon-color: #ffffff;
    background-color:#363636;
    color: var(--icon-color)
}

.featured-icon-blue-medium {
    --icon-bg: #BCDDED;
    --icon-color: #0D548F;
    background-color: var(--icon-bg);
    color: var(--icon-color)
}

.featured-icon-blue-dark {
    --icon-bg: #0F63A8;
    --icon-color: #F0F6FB;
    background-color: var(--icon-bg);
    color: var(--icon-color)
}

.featured-icon-yellow {
    --icon-bg: #fff8dd;
    --icon-color: #9d6a04;
    background-color: var(--icon-bg);
    color: var(--icon-color)
}

.featured-icon-yellow-medium {
    --icon-bg: #feebb8;
    --icon-color: #9d6a04;
    background-color: var(--icon-bg);
    color: var(--icon-color)
}

.featured-icon-yellow-dark {
    --icon-bg: #c78706;
    --icon-color: #fffdf4;
    background-color: var(--icon-bg);
    color: var(--icon-color)
}

.featured-icon-red {
    --icon-bg: #fbe1e1;
    --icon-color: #a82222;
    background-color: var(--icon-bg);
    color: var(--icon-color)
}

.featured-icon-red-medium {
    --icon-bg: #f7c4c2;
    --icon-color: #a82222;
    background-color: var(--icon-bg);
    color: var(--icon-color)
}

.featured-icon-red-dark {
    --icon-bg: #C62828;
    --icon-color: #fef5f5;
    background-color: var(--icon-bg);
    color: var(--icon-color)
}

.featured-icon-neutral {
    --icon-bg: #F2F2F2;
    --icon-color: #3C3C3C;
    background-color: var(--icon-bg);
    color: var(--icon-color)
}

.featured-icon-neutral-medium {
    --icon-bg: #E6E6E6;
    --icon-color: #3C3C3C;
    background-color: var(--icon-bg);
    color: var(--icon-color)
}

.featured-icon-neutral-dark {
    --icon-bg: #515151;
    --icon-color: #FAFAFA;
    background-color: var(--icon-bg);
    color: var(--icon-color)
}

.color-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-medium);
    margin: var(--spacing-large) 0
}

.color-item {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    transition: transform .2s ease
}

.color-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15)
}

.color-swatch {
    width: 100%;
    height: 120px;
    border-bottom: 1px solid var(--border-color)
}

.color-info {
    padding: var(--spacing-medium);
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.color-name {
    font-family: var(--font-family-mono);
    font-size: 14px;
    font-weight: 600;
    color: var(--text-color)
}

.color-value {
    font-family: var(--font-family-mono);
    font-size: 12px;
    color: var(--text-light);
    text-transform: uppercase
}

.color-palette-strip {
    display: flex;
    width: 100%;
    margin: var(--spacing-medium) 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}

/* ========================================
   QUESTION CARD WATERMARK
   ======================================== */
.exam-question-card,
.question-card,
.review-question-card {
    position: relative;
    overflow: hidden
}

.exam-question-card::after,
.question-card::after,
.review-question-card::after {
    content: "";
    position: absolute;
    bottom: 25px;
    left: 20px;
    width: 200px;
    height: 100px;
    background-image: url("/static/img/products/tahsili_2026/logo_full_color.svg");
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.3;
    pointer-events: none;
    z-index: 0
}

[data-theme="dark"] .exam-question-card::after,
[data-theme="dark"] .question-card::after,
[data-theme="dark"] .review-question-card::after {
    background-image: url("/static/img/products/tahsili_2026/logo_full_oncolor_accent.svg");
    opacity: 0.05;
}

/*# sourceMappingURL=style.css.map */