/* Generated automatically by admin/colors.php — do not edit by hand, changes will be overwritten. */

:root {
    --primary: #877616;
    --primary_rgb: rgb(135, 118, 22);
    --primary_rgba: rgba(135, 118, 22, 1);
    --primary_dark: color-mix(in srgb, var(--primary) 80%, black);
    --gray: #f8f8f8;
    --gray_rgb: rgb(248, 248, 248);
    --gray_rgba: rgba(248, 248, 248, 1);
    --gray_dark: color-mix(in srgb, var(--gray) 80%, black);
    --secondary: #8a4334;
    --secondary_rgb: rgb(138, 67, 52);
    --secondary_rgba: rgba(138, 67, 52, 1);
    --secondary_dark: color-mix(in srgb, var(--secondary) 80%, black);
    --info: #0dcaf0;
    --info_rgb: rgb(13, 202, 240);
    --info_rgba: rgba(13, 202, 240, 1);
    --info_dark: color-mix(in srgb, var(--info) 80%, black);
    --success: #198754;
    --success_rgb: rgb(25, 135, 84);
    --success_rgba: rgba(25, 135, 84, 1);
    --success_dark: color-mix(in srgb, var(--success) 80%, black);
    --warning: #ffc107;
    --warning_rgb: rgb(255, 193, 7);
    --warning_rgba: rgba(255, 193, 7, 1);
    --warning_dark: color-mix(in srgb, var(--warning) 80%, black);
    --danger: #dc3545;
    --danger_rgb: rgb(220, 53, 69);
    --danger_rgba: rgba(220, 53, 69, 1);
    --danger_dark: color-mix(in srgb, var(--danger) 80%, black);
    --light: #f8f9fa;
    --light_rgb: rgb(248, 249, 250);
    --light_rgba: rgba(248, 249, 250, 1);
    --light_dark: color-mix(in srgb, var(--light) 80%, black);
    --dark: #212529;
    --dark_rgb: rgb(33, 37, 41);
    --dark_rgba: rgba(33, 37, 41, 1);
    --dark_dark: color-mix(in srgb, var(--dark) 80%, black);
    --link: #0d6efd;
    --link_rgb: rgb(13, 110, 253);
    --link_rgba: rgba(13, 110, 253, 1);
    --link_dark: color-mix(in srgb, var(--link) 80%, black);
    --primary_light: #bfaa69;
    --primary_light_rgb: rgb(191, 170, 105);
    --primary_light_rgba: rgba(191, 170, 105, 1);
    --primary_light_dark: color-mix(in srgb, var(--primary_light) 80%, black);
    --primary_transparent: #e2ddc5;
    --primary_transparent_rgb: rgb(226, 221, 197);
    --primary_transparent_rgba: rgba(226, 221, 197, 1);
    --primary_transparent_dark: color-mix(in srgb, var(--primary_transparent) 80%, black);
    --secondary_light: #bf8578;
    --secondary_light_rgb: rgb(191, 133, 120);
    --secondary_light_rgba: rgba(191, 133, 120, 1);
    --secondary_light_dark: color-mix(in srgb, var(--secondary_light) 80%, black);
    --secondary_transparent: #ecd3ce;
    --secondary_transparent_rgb: rgb(236, 211, 206);
    --secondary_transparent_rgba: rgba(236, 211, 206, 1);
    --secondary_transparent_dark: color-mix(in srgb, var(--secondary_transparent) 80%, black);
}

:root {
    --bs-primary: var(--primary) !important;
    --bs-primary-rgb: 135, 118, 22 !important;
    --bs-secondary: var(--secondary) !important;
    --bs-secondary-rgb: 138, 67, 52 !important;
    --bs-success: var(--success) !important;
    --bs-success-rgb: 25, 135, 84 !important;
    --bs-info: var(--info) !important;
    --bs-info-rgb: 13, 202, 240 !important;
    --bs-warning: var(--warning) !important;
    --bs-warning-rgb: 255, 193, 7 !important;
    --bs-danger: var(--danger) !important;
    --bs-danger-rgb: 220, 53, 69 !important;
    --bs-light: var(--light) !important;
    --bs-light-rgb: 248, 249, 250 !important;
    --bs-dark: var(--dark) !important;
    --bs-dark-rgb: 33, 37, 41 !important;
    --bs-link-color: var(--link) !important;
    --bs-link-color-rgb: var(--link_rgb) !important;
    --bs-link-hover-color: color-mix(in srgb, var(--link) 85%, black) !important;
    --primary_transparent: color-mix(in srgb, var(--primary) 50%, transparent);
    --secondary_transparent: color-mix(in srgb, var(--secondary) 77%, transparent);
}

.btn-primary {
    --bs-btn-color: #ffffff !important;
    --bs-btn-bg: var(--primary) !important;
    --bs-btn-border-color: var(--primary) !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-hover-bg: color-mix(in srgb, var(--primary) 85%, black) !important;
    --bs-btn-hover-border-color: color-mix(in srgb, var(--primary) 85%, black) !important;
    --bs-btn-active-color: #ffffff !important;
    --bs-btn-active-bg: color-mix(in srgb, var(--primary) 78%, black) !important;
    --bs-btn-active-border-color: color-mix(in srgb, var(--primary) 78%, black) !important;
    --bs-btn-disabled-color: #ffffff !important;
    --bs-btn-disabled-bg: var(--primary) !important;
    --bs-btn-disabled-border-color: var(--primary) !important;
}

.btn-outline-primary {
    --bs-btn-color: var(--primary) !important;
    --bs-btn-border-color: var(--primary) !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-hover-bg: var(--primary) !important;
    --bs-btn-hover-border-color: var(--primary) !important;
    --bs-btn-active-color: #ffffff !important;
    --bs-btn-active-bg: var(--primary) !important;
    --bs-btn-active-border-color: var(--primary) !important;
    --bs-btn-disabled-color: var(--primary) !important;
    --bs-btn-disabled-bg: transparent !important;
    --bs-btn-disabled-border-color: var(--primary) !important;
}

.text-bg-primary {
    color: #ffffff !important;
    background-color: var(--primary) !important;
}

.border-primary {
    border-color: var(--primary) !important;
}

.btn-secondary {
    --bs-btn-color: #ffffff !important;
    --bs-btn-bg: var(--secondary) !important;
    --bs-btn-border-color: var(--secondary) !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-hover-bg: color-mix(in srgb, var(--secondary) 85%, black) !important;
    --bs-btn-hover-border-color: color-mix(in srgb, var(--secondary) 85%, black) !important;
    --bs-btn-active-color: #ffffff !important;
    --bs-btn-active-bg: color-mix(in srgb, var(--secondary) 78%, black) !important;
    --bs-btn-active-border-color: color-mix(in srgb, var(--secondary) 78%, black) !important;
    --bs-btn-disabled-color: #ffffff !important;
    --bs-btn-disabled-bg: var(--secondary) !important;
    --bs-btn-disabled-border-color: var(--secondary) !important;
}

.btn-outline-secondary {
    --bs-btn-color: var(--secondary) !important;
    --bs-btn-border-color: var(--secondary) !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-hover-bg: var(--secondary) !important;
    --bs-btn-hover-border-color: var(--secondary) !important;
    --bs-btn-active-color: #ffffff !important;
    --bs-btn-active-bg: var(--secondary) !important;
    --bs-btn-active-border-color: var(--secondary) !important;
    --bs-btn-disabled-color: var(--secondary) !important;
    --bs-btn-disabled-bg: transparent !important;
    --bs-btn-disabled-border-color: var(--secondary) !important;
}

.text-bg-secondary {
    color: #ffffff !important;
    background-color: var(--secondary) !important;
}

.border-secondary {
    border-color: var(--secondary) !important;
}

.btn-success {
    --bs-btn-color: #ffffff !important;
    --bs-btn-bg: var(--success) !important;
    --bs-btn-border-color: var(--success) !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-hover-bg: color-mix(in srgb, var(--success) 85%, black) !important;
    --bs-btn-hover-border-color: color-mix(in srgb, var(--success) 85%, black) !important;
    --bs-btn-active-color: #ffffff !important;
    --bs-btn-active-bg: color-mix(in srgb, var(--success) 78%, black) !important;
    --bs-btn-active-border-color: color-mix(in srgb, var(--success) 78%, black) !important;
    --bs-btn-disabled-color: #ffffff !important;
    --bs-btn-disabled-bg: var(--success) !important;
    --bs-btn-disabled-border-color: var(--success) !important;
}

.btn-outline-success {
    --bs-btn-color: var(--success) !important;
    --bs-btn-border-color: var(--success) !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-hover-bg: var(--success) !important;
    --bs-btn-hover-border-color: var(--success) !important;
    --bs-btn-active-color: #ffffff !important;
    --bs-btn-active-bg: var(--success) !important;
    --bs-btn-active-border-color: var(--success) !important;
    --bs-btn-disabled-color: var(--success) !important;
    --bs-btn-disabled-bg: transparent !important;
    --bs-btn-disabled-border-color: var(--success) !important;
}

.text-bg-success {
    color: #ffffff !important;
    background-color: var(--success) !important;
}

.border-success {
    border-color: var(--success) !important;
}

.btn-info {
    --bs-btn-color: #000000 !important;
    --bs-btn-bg: var(--info) !important;
    --bs-btn-border-color: var(--info) !important;
    --bs-btn-hover-color: #000000 !important;
    --bs-btn-hover-bg: color-mix(in srgb, var(--info) 85%, black) !important;
    --bs-btn-hover-border-color: color-mix(in srgb, var(--info) 85%, black) !important;
    --bs-btn-active-color: #000000 !important;
    --bs-btn-active-bg: color-mix(in srgb, var(--info) 78%, black) !important;
    --bs-btn-active-border-color: color-mix(in srgb, var(--info) 78%, black) !important;
    --bs-btn-disabled-color: #000000 !important;
    --bs-btn-disabled-bg: var(--info) !important;
    --bs-btn-disabled-border-color: var(--info) !important;
}

.btn-outline-info {
    --bs-btn-color: var(--info) !important;
    --bs-btn-border-color: var(--info) !important;
    --bs-btn-hover-color: #000000 !important;
    --bs-btn-hover-bg: var(--info) !important;
    --bs-btn-hover-border-color: var(--info) !important;
    --bs-btn-active-color: #000000 !important;
    --bs-btn-active-bg: var(--info) !important;
    --bs-btn-active-border-color: var(--info) !important;
    --bs-btn-disabled-color: var(--info) !important;
    --bs-btn-disabled-bg: transparent !important;
    --bs-btn-disabled-border-color: var(--info) !important;
}

.text-bg-info {
    color: #000000 !important;
    background-color: var(--info) !important;
}

.border-info {
    border-color: var(--info) !important;
}

.btn-warning {
    --bs-btn-color: #000000 !important;
    --bs-btn-bg: var(--warning) !important;
    --bs-btn-border-color: var(--warning) !important;
    --bs-btn-hover-color: #000000 !important;
    --bs-btn-hover-bg: color-mix(in srgb, var(--warning) 85%, black) !important;
    --bs-btn-hover-border-color: color-mix(in srgb, var(--warning) 85%, black) !important;
    --bs-btn-active-color: #000000 !important;
    --bs-btn-active-bg: color-mix(in srgb, var(--warning) 78%, black) !important;
    --bs-btn-active-border-color: color-mix(in srgb, var(--warning) 78%, black) !important;
    --bs-btn-disabled-color: #000000 !important;
    --bs-btn-disabled-bg: var(--warning) !important;
    --bs-btn-disabled-border-color: var(--warning) !important;
}

.btn-outline-warning {
    --bs-btn-color: var(--warning) !important;
    --bs-btn-border-color: var(--warning) !important;
    --bs-btn-hover-color: #000000 !important;
    --bs-btn-hover-bg: var(--warning) !important;
    --bs-btn-hover-border-color: var(--warning) !important;
    --bs-btn-active-color: #000000 !important;
    --bs-btn-active-bg: var(--warning) !important;
    --bs-btn-active-border-color: var(--warning) !important;
    --bs-btn-disabled-color: var(--warning) !important;
    --bs-btn-disabled-bg: transparent !important;
    --bs-btn-disabled-border-color: var(--warning) !important;
}

.text-bg-warning {
    color: #000000 !important;
    background-color: var(--warning) !important;
}

.border-warning {
    border-color: var(--warning) !important;
}

.btn-danger {
    --bs-btn-color: #ffffff !important;
    --bs-btn-bg: var(--danger) !important;
    --bs-btn-border-color: var(--danger) !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-hover-bg: color-mix(in srgb, var(--danger) 85%, black) !important;
    --bs-btn-hover-border-color: color-mix(in srgb, var(--danger) 85%, black) !important;
    --bs-btn-active-color: #ffffff !important;
    --bs-btn-active-bg: color-mix(in srgb, var(--danger) 78%, black) !important;
    --bs-btn-active-border-color: color-mix(in srgb, var(--danger) 78%, black) !important;
    --bs-btn-disabled-color: #ffffff !important;
    --bs-btn-disabled-bg: var(--danger) !important;
    --bs-btn-disabled-border-color: var(--danger) !important;
}

.btn-outline-danger {
    --bs-btn-color: var(--danger) !important;
    --bs-btn-border-color: var(--danger) !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-hover-bg: var(--danger) !important;
    --bs-btn-hover-border-color: var(--danger) !important;
    --bs-btn-active-color: #ffffff !important;
    --bs-btn-active-bg: var(--danger) !important;
    --bs-btn-active-border-color: var(--danger) !important;
    --bs-btn-disabled-color: var(--danger) !important;
    --bs-btn-disabled-bg: transparent !important;
    --bs-btn-disabled-border-color: var(--danger) !important;
}

.text-bg-danger {
    color: #ffffff !important;
    background-color: var(--danger) !important;
}

.border-danger {
    border-color: var(--danger) !important;
}

.btn-light {
    --bs-btn-color: #000000 !important;
    --bs-btn-bg: var(--light) !important;
    --bs-btn-border-color: var(--light) !important;
    --bs-btn-hover-color: #000000 !important;
    --bs-btn-hover-bg: color-mix(in srgb, var(--light) 85%, black) !important;
    --bs-btn-hover-border-color: color-mix(in srgb, var(--light) 85%, black) !important;
    --bs-btn-active-color: #000000 !important;
    --bs-btn-active-bg: color-mix(in srgb, var(--light) 78%, black) !important;
    --bs-btn-active-border-color: color-mix(in srgb, var(--light) 78%, black) !important;
    --bs-btn-disabled-color: #000000 !important;
    --bs-btn-disabled-bg: var(--light) !important;
    --bs-btn-disabled-border-color: var(--light) !important;
}

.btn-outline-light {
    --bs-btn-color: var(--light) !important;
    --bs-btn-border-color: var(--light) !important;
    --bs-btn-hover-color: #000000 !important;
    --bs-btn-hover-bg: var(--light) !important;
    --bs-btn-hover-border-color: var(--light) !important;
    --bs-btn-active-color: #000000 !important;
    --bs-btn-active-bg: var(--light) !important;
    --bs-btn-active-border-color: var(--light) !important;
    --bs-btn-disabled-color: var(--light) !important;
    --bs-btn-disabled-bg: transparent !important;
    --bs-btn-disabled-border-color: var(--light) !important;
}

.text-bg-light {
    color: #000000 !important;
    background-color: var(--light) !important;
}

.border-light {
    border-color: var(--light) !important;
}

.btn-dark {
    --bs-btn-color: #ffffff !important;
    --bs-btn-bg: var(--dark) !important;
    --bs-btn-border-color: var(--dark) !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-hover-bg: color-mix(in srgb, var(--dark) 85%, black) !important;
    --bs-btn-hover-border-color: color-mix(in srgb, var(--dark) 85%, black) !important;
    --bs-btn-active-color: #ffffff !important;
    --bs-btn-active-bg: color-mix(in srgb, var(--dark) 78%, black) !important;
    --bs-btn-active-border-color: color-mix(in srgb, var(--dark) 78%, black) !important;
    --bs-btn-disabled-color: #ffffff !important;
    --bs-btn-disabled-bg: var(--dark) !important;
    --bs-btn-disabled-border-color: var(--dark) !important;
}

.btn-outline-dark {
    --bs-btn-color: var(--dark) !important;
    --bs-btn-border-color: var(--dark) !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-hover-bg: var(--dark) !important;
    --bs-btn-hover-border-color: var(--dark) !important;
    --bs-btn-active-color: #ffffff !important;
    --bs-btn-active-bg: var(--dark) !important;
    --bs-btn-active-border-color: var(--dark) !important;
    --bs-btn-disabled-color: var(--dark) !important;
    --bs-btn-disabled-bg: transparent !important;
    --bs-btn-disabled-border-color: var(--dark) !important;
}

.text-bg-dark {
    color: #ffffff !important;
    background-color: var(--dark) !important;
}

.border-dark {
    border-color: var(--dark) !important;
}

.bg_primary,
.bg_primary_hover:hover {
    background-color: var(--primary);
}

.bg_important_primary,
.bg_important_primary_hover:hover {
    background-color: var(--primary) !important;
}

.bg_primary_transparent,
.bg_primary_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--primary) 50%, transparent);
}

.bg_important_primary_transparent,
.bg_important_primary_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
}

.bg_primary_transparent_5prc,
.bg_primary_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--primary) 5%, transparent);
}

.bg_important_primary_transparent_5prc,
.bg_important_primary_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--primary) 5%, transparent) !important;
}

.text_primary,
.text_primary_hover:hover {
    color: var(--primary);
}

.text_important_primary,
.text_important_primary_hover:hover {
    color: var(--primary) !important;
}

.border_primary {
    border-color: var(--primary) !important;
}

.underline_primary {
    text-decoration: underline;
    text-decoration-color: var(--primary);
}

.underline_important_primary {
    text-decoration: underline !important;
    text-decoration-color: var(--primary) !important;
}

.underline_primary_hover {
    display: inline-block;
    position: relative;
}

.underline_primary_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--primary);
}

.underline_primary_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.text_decoration_color_primary {
    text-decoration-color: var(--primary);
}

.text_decoration_color_important_primary {
    text-decoration-color: var(--primary) !important;
}

.text_shadow_primary {
    text-shadow: 1px 1px 3px var(--primary);
}

.text_shadow_important_primary {
    text-shadow: 1px 1px 3px var(--primary) !important;
}

.tooltip_primary {
    --bs-tooltip-bg: var(--primary);
}

.tooltip_primary .tooltip_inner {
    background-color: var(--primary);
}

.overlay_primary_none,
.overlay_primary_none_hover:hover {
    background: linear-gradient(180deg, var(--primary) 0%, transparent 100%);
}

.overlay_none_primary,
.overlay_none_primary_hover:hover {
    background: linear-gradient(180deg, transparent 0%, var(--primary) 100%);
}

.overlay_black_primary,
.overlay_black_primary_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--black) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--primary) 72%, transparent) 100%);
}

.overlay_primary_black,
.overlay_primary_black_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--primary) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--black) 72%, transparent) 100%);
}

.overlay_white_primary,
.overlay_white_primary_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--white) 78%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--primary) 72%, transparent) 100%);
}

.overlay_primary_white,
.overlay_primary_white_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--primary) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--white) 78%, transparent) 100%);
}

.speech_bubble_primary:after {
    border-color: var(--primary) transparent;
}

.list-group-item.bg_primary_hover:hover,
.list-group-item.bg_primary_hover:hover a {
    color: #ffffff;
}

.bg_primary_dark,
.bg_primary_dark_hover:hover {
    background-color: var(--primary_dark);
}

.bg_important_primary_dark,
.bg_important_primary_dark_hover:hover {
    background-color: var(--primary_dark) !important;
}

.text_primary_dark,
.text_primary_dark_hover:hover {
    color: var(--primary_dark);
}

.text_important_primary_dark,
.text_important_primary_dark_hover:hover {
    color: var(--primary_dark) !important;
}

.border_primary_dark {
    border-color: var(--primary_dark) !important;
}

.underline_primary_dark {
    text-decoration: underline;
    text-decoration-color: var(--primary_dark);
}

.underline_important_primary_dark {
    text-decoration: underline !important;
    text-decoration-color: var(--primary_dark) !important;
}

.underline_primary_dark_hover {
    display: inline-block;
    position: relative;
}

.underline_primary_dark_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--primary_dark);
}

.underline_primary_dark_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.list-group-item.bg_primary_dark_hover:hover,
.list-group-item.bg_primary_dark_hover:hover a {
    color: #ffffff;
}

.bg_gray,
.bg_gray_hover:hover {
    background-color: var(--gray);
}

.bg_important_gray,
.bg_important_gray_hover:hover {
    background-color: var(--gray) !important;
}

.bg_gray_transparent,
.bg_gray_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--gray) 50%, transparent);
}

.bg_important_gray_transparent,
.bg_important_gray_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--gray) 50%, transparent) !important;
}

.bg_gray_transparent_5prc,
.bg_gray_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--gray) 5%, transparent);
}

.bg_important_gray_transparent_5prc,
.bg_important_gray_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--gray) 5%, transparent) !important;
}

.text_gray,
.text_gray_hover:hover {
    color: var(--gray);
}

.text_important_gray,
.text_important_gray_hover:hover {
    color: var(--gray) !important;
}

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

.underline_gray {
    text-decoration: underline;
    text-decoration-color: var(--gray);
}

.underline_important_gray {
    text-decoration: underline !important;
    text-decoration-color: var(--gray) !important;
}

.underline_gray_hover {
    display: inline-block;
    position: relative;
}

.underline_gray_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--gray);
}

.underline_gray_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.text_decoration_color_gray {
    text-decoration-color: var(--gray);
}

.text_decoration_color_important_gray {
    text-decoration-color: var(--gray) !important;
}

.text_shadow_gray {
    text-shadow: 1px 1px 3px var(--gray);
}

.text_shadow_important_gray {
    text-shadow: 1px 1px 3px var(--gray) !important;
}

.tooltip_gray {
    --bs-tooltip-bg: var(--gray);
}

.tooltip_gray .tooltip_inner {
    background-color: var(--gray);
}

.overlay_gray_none,
.overlay_gray_none_hover:hover {
    background: linear-gradient(180deg, var(--gray) 0%, transparent 100%);
}

.overlay_none_gray,
.overlay_none_gray_hover:hover {
    background: linear-gradient(180deg, transparent 0%, var(--gray) 100%);
}

.overlay_black_gray,
.overlay_black_gray_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--black) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--gray) 72%, transparent) 100%);
}

.overlay_gray_black,
.overlay_gray_black_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--gray) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--black) 72%, transparent) 100%);
}

.overlay_white_gray,
.overlay_white_gray_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--white) 78%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--gray) 72%, transparent) 100%);
}

.overlay_gray_white,
.overlay_gray_white_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--gray) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--white) 78%, transparent) 100%);
}

.speech_bubble_gray:after {
    border-color: var(--gray) transparent;
}

.list-group-item.bg_gray_hover:hover,
.list-group-item.bg_gray_hover:hover a {
    color: #000000;
}

.bg_gray_dark,
.bg_gray_dark_hover:hover {
    background-color: var(--gray_dark);
}

.bg_important_gray_dark,
.bg_important_gray_dark_hover:hover {
    background-color: var(--gray_dark) !important;
}

.text_gray_dark,
.text_gray_dark_hover:hover {
    color: var(--gray_dark);
}

.text_important_gray_dark,
.text_important_gray_dark_hover:hover {
    color: var(--gray_dark) !important;
}

.border_gray_dark {
    border-color: var(--gray_dark) !important;
}

.underline_gray_dark {
    text-decoration: underline;
    text-decoration-color: var(--gray_dark);
}

.underline_important_gray_dark {
    text-decoration: underline !important;
    text-decoration-color: var(--gray_dark) !important;
}

.underline_gray_dark_hover {
    display: inline-block;
    position: relative;
}

.underline_gray_dark_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--gray_dark);
}

.underline_gray_dark_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.list-group-item.bg_gray_dark_hover:hover,
.list-group-item.bg_gray_dark_hover:hover a {
    color: #000000;
}

.bg_secondary,
.bg_secondary_hover:hover {
    background-color: var(--secondary);
}

.bg_important_secondary,
.bg_important_secondary_hover:hover {
    background-color: var(--secondary) !important;
}

.bg_secondary_transparent,
.bg_secondary_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--secondary) 50%, transparent);
}

.bg_important_secondary_transparent,
.bg_important_secondary_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
}

.bg_secondary_transparent_5prc,
.bg_secondary_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--secondary) 5%, transparent);
}

.bg_important_secondary_transparent_5prc,
.bg_important_secondary_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--secondary) 5%, transparent) !important;
}

.text_secondary,
.text_secondary_hover:hover {
    color: var(--secondary);
}

.text_important_secondary,
.text_important_secondary_hover:hover {
    color: var(--secondary) !important;
}

.border_secondary {
    border-color: var(--secondary) !important;
}

.underline_secondary {
    text-decoration: underline;
    text-decoration-color: var(--secondary);
}

.underline_important_secondary {
    text-decoration: underline !important;
    text-decoration-color: var(--secondary) !important;
}

.underline_secondary_hover {
    display: inline-block;
    position: relative;
}

.underline_secondary_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--secondary);
}

.underline_secondary_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.text_decoration_color_secondary {
    text-decoration-color: var(--secondary);
}

.text_decoration_color_important_secondary {
    text-decoration-color: var(--secondary) !important;
}

.text_shadow_secondary {
    text-shadow: 1px 1px 3px var(--secondary);
}

.text_shadow_important_secondary {
    text-shadow: 1px 1px 3px var(--secondary) !important;
}

.tooltip_secondary {
    --bs-tooltip-bg: var(--secondary);
}

.tooltip_secondary .tooltip_inner {
    background-color: var(--secondary);
}

.overlay_secondary_none,
.overlay_secondary_none_hover:hover {
    background: linear-gradient(180deg, var(--secondary) 0%, transparent 100%);
}

.overlay_none_secondary,
.overlay_none_secondary_hover:hover {
    background: linear-gradient(180deg, transparent 0%, var(--secondary) 100%);
}

.overlay_black_secondary,
.overlay_black_secondary_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--black) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--secondary) 72%, transparent) 100%);
}

.overlay_secondary_black,
.overlay_secondary_black_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--secondary) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--black) 72%, transparent) 100%);
}

.overlay_white_secondary,
.overlay_white_secondary_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--white) 78%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--secondary) 72%, transparent) 100%);
}

.overlay_secondary_white,
.overlay_secondary_white_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--secondary) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--white) 78%, transparent) 100%);
}

.speech_bubble_secondary:after {
    border-color: var(--secondary) transparent;
}

.list-group-item.bg_secondary_hover:hover,
.list-group-item.bg_secondary_hover:hover a {
    color: #ffffff;
}

.bg_secondary_dark,
.bg_secondary_dark_hover:hover {
    background-color: var(--secondary_dark);
}

.bg_important_secondary_dark,
.bg_important_secondary_dark_hover:hover {
    background-color: var(--secondary_dark) !important;
}

.text_secondary_dark,
.text_secondary_dark_hover:hover {
    color: var(--secondary_dark);
}

.text_important_secondary_dark,
.text_important_secondary_dark_hover:hover {
    color: var(--secondary_dark) !important;
}

.border_secondary_dark {
    border-color: var(--secondary_dark) !important;
}

.underline_secondary_dark {
    text-decoration: underline;
    text-decoration-color: var(--secondary_dark);
}

.underline_important_secondary_dark {
    text-decoration: underline !important;
    text-decoration-color: var(--secondary_dark) !important;
}

.underline_secondary_dark_hover {
    display: inline-block;
    position: relative;
}

.underline_secondary_dark_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--secondary_dark);
}

.underline_secondary_dark_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.list-group-item.bg_secondary_dark_hover:hover,
.list-group-item.bg_secondary_dark_hover:hover a {
    color: #ffffff;
}

.bg_info,
.bg_info_hover:hover {
    background-color: var(--info);
}

.bg_important_info,
.bg_important_info_hover:hover {
    background-color: var(--info) !important;
}

.bg_info_transparent,
.bg_info_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--info) 50%, transparent);
}

.bg_important_info_transparent,
.bg_important_info_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--info) 50%, transparent) !important;
}

.bg_info_transparent_5prc,
.bg_info_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--info) 5%, transparent);
}

.bg_important_info_transparent_5prc,
.bg_important_info_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--info) 5%, transparent) !important;
}

.text_info,
.text_info_hover:hover {
    color: var(--info);
}

.text_important_info,
.text_important_info_hover:hover {
    color: var(--info) !important;
}

.border_info {
    border-color: var(--info) !important;
}

.underline_info {
    text-decoration: underline;
    text-decoration-color: var(--info);
}

.underline_important_info {
    text-decoration: underline !important;
    text-decoration-color: var(--info) !important;
}

.underline_info_hover {
    display: inline-block;
    position: relative;
}

.underline_info_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--info);
}

.underline_info_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.text_decoration_color_info {
    text-decoration-color: var(--info);
}

.text_decoration_color_important_info {
    text-decoration-color: var(--info) !important;
}

.text_shadow_info {
    text-shadow: 1px 1px 3px var(--info);
}

.text_shadow_important_info {
    text-shadow: 1px 1px 3px var(--info) !important;
}

.tooltip_info {
    --bs-tooltip-bg: var(--info);
}

.tooltip_info .tooltip_inner {
    background-color: var(--info);
}

.overlay_info_none,
.overlay_info_none_hover:hover {
    background: linear-gradient(180deg, var(--info) 0%, transparent 100%);
}

.overlay_none_info,
.overlay_none_info_hover:hover {
    background: linear-gradient(180deg, transparent 0%, var(--info) 100%);
}

.overlay_black_info,
.overlay_black_info_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--black) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--info) 72%, transparent) 100%);
}

.overlay_info_black,
.overlay_info_black_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--info) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--black) 72%, transparent) 100%);
}

.overlay_white_info,
.overlay_white_info_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--white) 78%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--info) 72%, transparent) 100%);
}

.overlay_info_white,
.overlay_info_white_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--info) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--white) 78%, transparent) 100%);
}

.speech_bubble_info:after {
    border-color: var(--info) transparent;
}

.list-group-item.bg_info_hover:hover,
.list-group-item.bg_info_hover:hover a {
    color: #000000;
}

.bg_info_dark,
.bg_info_dark_hover:hover {
    background-color: var(--info_dark);
}

.bg_important_info_dark,
.bg_important_info_dark_hover:hover {
    background-color: var(--info_dark) !important;
}

.text_info_dark,
.text_info_dark_hover:hover {
    color: var(--info_dark);
}

.text_important_info_dark,
.text_important_info_dark_hover:hover {
    color: var(--info_dark) !important;
}

.border_info_dark {
    border-color: var(--info_dark) !important;
}

.underline_info_dark {
    text-decoration: underline;
    text-decoration-color: var(--info_dark);
}

.underline_important_info_dark {
    text-decoration: underline !important;
    text-decoration-color: var(--info_dark) !important;
}

.underline_info_dark_hover {
    display: inline-block;
    position: relative;
}

.underline_info_dark_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--info_dark);
}

.underline_info_dark_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.list-group-item.bg_info_dark_hover:hover,
.list-group-item.bg_info_dark_hover:hover a {
    color: #ffffff;
}

.bg_success,
.bg_success_hover:hover {
    background-color: var(--success);
}

.bg_important_success,
.bg_important_success_hover:hover {
    background-color: var(--success) !important;
}

.bg_success_transparent,
.bg_success_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--success) 50%, transparent);
}

.bg_important_success_transparent,
.bg_important_success_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--success) 50%, transparent) !important;
}

.bg_success_transparent_5prc,
.bg_success_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--success) 5%, transparent);
}

.bg_important_success_transparent_5prc,
.bg_important_success_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--success) 5%, transparent) !important;
}

.text_success,
.text_success_hover:hover {
    color: var(--success);
}

.text_important_success,
.text_important_success_hover:hover {
    color: var(--success) !important;
}

.border_success {
    border-color: var(--success) !important;
}

.underline_success {
    text-decoration: underline;
    text-decoration-color: var(--success);
}

.underline_important_success {
    text-decoration: underline !important;
    text-decoration-color: var(--success) !important;
}

.underline_success_hover {
    display: inline-block;
    position: relative;
}

.underline_success_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--success);
}

.underline_success_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.text_decoration_color_success {
    text-decoration-color: var(--success);
}

.text_decoration_color_important_success {
    text-decoration-color: var(--success) !important;
}

.text_shadow_success {
    text-shadow: 1px 1px 3px var(--success);
}

.text_shadow_important_success {
    text-shadow: 1px 1px 3px var(--success) !important;
}

.tooltip_success {
    --bs-tooltip-bg: var(--success);
}

.tooltip_success .tooltip_inner {
    background-color: var(--success);
}

.overlay_success_none,
.overlay_success_none_hover:hover {
    background: linear-gradient(180deg, var(--success) 0%, transparent 100%);
}

.overlay_none_success,
.overlay_none_success_hover:hover {
    background: linear-gradient(180deg, transparent 0%, var(--success) 100%);
}

.overlay_black_success,
.overlay_black_success_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--black) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--success) 72%, transparent) 100%);
}

.overlay_success_black,
.overlay_success_black_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--success) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--black) 72%, transparent) 100%);
}

.overlay_white_success,
.overlay_white_success_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--white) 78%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--success) 72%, transparent) 100%);
}

.overlay_success_white,
.overlay_success_white_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--success) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--white) 78%, transparent) 100%);
}

.speech_bubble_success:after {
    border-color: var(--success) transparent;
}

.list-group-item.bg_success_hover:hover,
.list-group-item.bg_success_hover:hover a {
    color: #ffffff;
}

.bg_success_dark,
.bg_success_dark_hover:hover {
    background-color: var(--success_dark);
}

.bg_important_success_dark,
.bg_important_success_dark_hover:hover {
    background-color: var(--success_dark) !important;
}

.text_success_dark,
.text_success_dark_hover:hover {
    color: var(--success_dark);
}

.text_important_success_dark,
.text_important_success_dark_hover:hover {
    color: var(--success_dark) !important;
}

.border_success_dark {
    border-color: var(--success_dark) !important;
}

.underline_success_dark {
    text-decoration: underline;
    text-decoration-color: var(--success_dark);
}

.underline_important_success_dark {
    text-decoration: underline !important;
    text-decoration-color: var(--success_dark) !important;
}

.underline_success_dark_hover {
    display: inline-block;
    position: relative;
}

.underline_success_dark_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--success_dark);
}

.underline_success_dark_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.list-group-item.bg_success_dark_hover:hover,
.list-group-item.bg_success_dark_hover:hover a {
    color: #ffffff;
}

.bg_warning,
.bg_warning_hover:hover {
    background-color: var(--warning);
}

.bg_important_warning,
.bg_important_warning_hover:hover {
    background-color: var(--warning) !important;
}

.bg_warning_transparent,
.bg_warning_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--warning) 50%, transparent);
}

.bg_important_warning_transparent,
.bg_important_warning_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
}

.bg_warning_transparent_5prc,
.bg_warning_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--warning) 5%, transparent);
}

.bg_important_warning_transparent_5prc,
.bg_important_warning_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--warning) 5%, transparent) !important;
}

.text_warning,
.text_warning_hover:hover {
    color: var(--warning);
}

.text_important_warning,
.text_important_warning_hover:hover {
    color: var(--warning) !important;
}

.border_warning {
    border-color: var(--warning) !important;
}

.underline_warning {
    text-decoration: underline;
    text-decoration-color: var(--warning);
}

.underline_important_warning {
    text-decoration: underline !important;
    text-decoration-color: var(--warning) !important;
}

.underline_warning_hover {
    display: inline-block;
    position: relative;
}

.underline_warning_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--warning);
}

.underline_warning_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.text_decoration_color_warning {
    text-decoration-color: var(--warning);
}

.text_decoration_color_important_warning {
    text-decoration-color: var(--warning) !important;
}

.text_shadow_warning {
    text-shadow: 1px 1px 3px var(--warning);
}

.text_shadow_important_warning {
    text-shadow: 1px 1px 3px var(--warning) !important;
}

.tooltip_warning {
    --bs-tooltip-bg: var(--warning);
}

.tooltip_warning .tooltip_inner {
    background-color: var(--warning);
}

.overlay_warning_none,
.overlay_warning_none_hover:hover {
    background: linear-gradient(180deg, var(--warning) 0%, transparent 100%);
}

.overlay_none_warning,
.overlay_none_warning_hover:hover {
    background: linear-gradient(180deg, transparent 0%, var(--warning) 100%);
}

.overlay_black_warning,
.overlay_black_warning_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--black) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--warning) 72%, transparent) 100%);
}

.overlay_warning_black,
.overlay_warning_black_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--warning) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--black) 72%, transparent) 100%);
}

.overlay_white_warning,
.overlay_white_warning_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--white) 78%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--warning) 72%, transparent) 100%);
}

.overlay_warning_white,
.overlay_warning_white_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--warning) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--white) 78%, transparent) 100%);
}

.speech_bubble_warning:after {
    border-color: var(--warning) transparent;
}

.list-group-item.bg_warning_hover:hover,
.list-group-item.bg_warning_hover:hover a {
    color: #000000;
}

.bg_warning_dark,
.bg_warning_dark_hover:hover {
    background-color: var(--warning_dark);
}

.bg_important_warning_dark,
.bg_important_warning_dark_hover:hover {
    background-color: var(--warning_dark) !important;
}

.text_warning_dark,
.text_warning_dark_hover:hover {
    color: var(--warning_dark);
}

.text_important_warning_dark,
.text_important_warning_dark_hover:hover {
    color: var(--warning_dark) !important;
}

.border_warning_dark {
    border-color: var(--warning_dark) !important;
}

.underline_warning_dark {
    text-decoration: underline;
    text-decoration-color: var(--warning_dark);
}

.underline_important_warning_dark {
    text-decoration: underline !important;
    text-decoration-color: var(--warning_dark) !important;
}

.underline_warning_dark_hover {
    display: inline-block;
    position: relative;
}

.underline_warning_dark_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--warning_dark);
}

.underline_warning_dark_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.list-group-item.bg_warning_dark_hover:hover,
.list-group-item.bg_warning_dark_hover:hover a {
    color: #ffffff;
}

.bg_danger,
.bg_danger_hover:hover {
    background-color: var(--danger);
}

.bg_important_danger,
.bg_important_danger_hover:hover {
    background-color: var(--danger) !important;
}

.bg_danger_transparent,
.bg_danger_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--danger) 50%, transparent);
}

.bg_important_danger_transparent,
.bg_important_danger_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
}

.bg_danger_transparent_5prc,
.bg_danger_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--danger) 5%, transparent);
}

.bg_important_danger_transparent_5prc,
.bg_important_danger_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--danger) 5%, transparent) !important;
}

.text_danger,
.text_danger_hover:hover {
    color: var(--danger);
}

.text_important_danger,
.text_important_danger_hover:hover {
    color: var(--danger) !important;
}

.border_danger {
    border-color: var(--danger) !important;
}

.underline_danger {
    text-decoration: underline;
    text-decoration-color: var(--danger);
}

.underline_important_danger {
    text-decoration: underline !important;
    text-decoration-color: var(--danger) !important;
}

.underline_danger_hover {
    display: inline-block;
    position: relative;
}

.underline_danger_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--danger);
}

.underline_danger_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.text_decoration_color_danger {
    text-decoration-color: var(--danger);
}

.text_decoration_color_important_danger {
    text-decoration-color: var(--danger) !important;
}

.text_shadow_danger {
    text-shadow: 1px 1px 3px var(--danger);
}

.text_shadow_important_danger {
    text-shadow: 1px 1px 3px var(--danger) !important;
}

.tooltip_danger {
    --bs-tooltip-bg: var(--danger);
}

.tooltip_danger .tooltip_inner {
    background-color: var(--danger);
}

.overlay_danger_none,
.overlay_danger_none_hover:hover {
    background: linear-gradient(180deg, var(--danger) 0%, transparent 100%);
}

.overlay_none_danger,
.overlay_none_danger_hover:hover {
    background: linear-gradient(180deg, transparent 0%, var(--danger) 100%);
}

.overlay_black_danger,
.overlay_black_danger_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--black) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--danger) 72%, transparent) 100%);
}

.overlay_danger_black,
.overlay_danger_black_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--danger) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--black) 72%, transparent) 100%);
}

.overlay_white_danger,
.overlay_white_danger_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--white) 78%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--danger) 72%, transparent) 100%);
}

.overlay_danger_white,
.overlay_danger_white_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--danger) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--white) 78%, transparent) 100%);
}

.speech_bubble_danger:after {
    border-color: var(--danger) transparent;
}

.list-group-item.bg_danger_hover:hover,
.list-group-item.bg_danger_hover:hover a {
    color: #ffffff;
}

.bg_danger_dark,
.bg_danger_dark_hover:hover {
    background-color: var(--danger_dark);
}

.bg_important_danger_dark,
.bg_important_danger_dark_hover:hover {
    background-color: var(--danger_dark) !important;
}

.text_danger_dark,
.text_danger_dark_hover:hover {
    color: var(--danger_dark);
}

.text_important_danger_dark,
.text_important_danger_dark_hover:hover {
    color: var(--danger_dark) !important;
}

.border_danger_dark {
    border-color: var(--danger_dark) !important;
}

.underline_danger_dark {
    text-decoration: underline;
    text-decoration-color: var(--danger_dark);
}

.underline_important_danger_dark {
    text-decoration: underline !important;
    text-decoration-color: var(--danger_dark) !important;
}

.underline_danger_dark_hover {
    display: inline-block;
    position: relative;
}

.underline_danger_dark_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--danger_dark);
}

.underline_danger_dark_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.list-group-item.bg_danger_dark_hover:hover,
.list-group-item.bg_danger_dark_hover:hover a {
    color: #ffffff;
}

.bg_light,
.bg_light_hover:hover {
    background-color: var(--light);
}

.bg_important_light,
.bg_important_light_hover:hover {
    background-color: var(--light) !important;
}

.bg_light_transparent,
.bg_light_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--light) 50%, transparent);
}

.bg_important_light_transparent,
.bg_important_light_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--light) 50%, transparent) !important;
}

.bg_light_transparent_5prc,
.bg_light_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--light) 5%, transparent);
}

.bg_important_light_transparent_5prc,
.bg_important_light_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--light) 5%, transparent) !important;
}

.text_light,
.text_light_hover:hover {
    color: var(--light);
}

.text_important_light,
.text_important_light_hover:hover {
    color: var(--light) !important;
}

.border_light {
    border-color: var(--light) !important;
}

.underline_light {
    text-decoration: underline;
    text-decoration-color: var(--light);
}

.underline_important_light {
    text-decoration: underline !important;
    text-decoration-color: var(--light) !important;
}

.underline_light_hover {
    display: inline-block;
    position: relative;
}

.underline_light_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--light);
}

.underline_light_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.text_decoration_color_light {
    text-decoration-color: var(--light);
}

.text_decoration_color_important_light {
    text-decoration-color: var(--light) !important;
}

.text_shadow_light {
    text-shadow: 1px 1px 3px var(--light);
}

.text_shadow_important_light {
    text-shadow: 1px 1px 3px var(--light) !important;
}

.tooltip_light {
    --bs-tooltip-bg: var(--light);
}

.tooltip_light .tooltip_inner {
    background-color: var(--light);
}

.overlay_light_none,
.overlay_light_none_hover:hover {
    background: linear-gradient(180deg, var(--light) 0%, transparent 100%);
}

.overlay_none_light,
.overlay_none_light_hover:hover {
    background: linear-gradient(180deg, transparent 0%, var(--light) 100%);
}

.overlay_black_light,
.overlay_black_light_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--black) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--light) 72%, transparent) 100%);
}

.overlay_light_black,
.overlay_light_black_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--light) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--black) 72%, transparent) 100%);
}

.overlay_white_light,
.overlay_white_light_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--white) 78%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--light) 72%, transparent) 100%);
}

.overlay_light_white,
.overlay_light_white_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--light) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--white) 78%, transparent) 100%);
}

.speech_bubble_light:after {
    border-color: var(--light) transparent;
}

.list-group-item.bg_light_hover:hover,
.list-group-item.bg_light_hover:hover a {
    color: #000000;
}

.bg_light_dark,
.bg_light_dark_hover:hover {
    background-color: var(--light_dark);
}

.bg_important_light_dark,
.bg_important_light_dark_hover:hover {
    background-color: var(--light_dark) !important;
}

.text_light_dark,
.text_light_dark_hover:hover {
    color: var(--light_dark);
}

.text_important_light_dark,
.text_important_light_dark_hover:hover {
    color: var(--light_dark) !important;
}

.border_light_dark {
    border-color: var(--light_dark) !important;
}

.underline_light_dark {
    text-decoration: underline;
    text-decoration-color: var(--light_dark);
}

.underline_important_light_dark {
    text-decoration: underline !important;
    text-decoration-color: var(--light_dark) !important;
}

.underline_light_dark_hover {
    display: inline-block;
    position: relative;
}

.underline_light_dark_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--light_dark);
}

.underline_light_dark_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.list-group-item.bg_light_dark_hover:hover,
.list-group-item.bg_light_dark_hover:hover a {
    color: #000000;
}

.bg_dark,
.bg_dark_hover:hover {
    background-color: var(--dark);
}

.bg_important_dark,
.bg_important_dark_hover:hover {
    background-color: var(--dark) !important;
}

.bg_dark_transparent,
.bg_dark_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--dark) 50%, transparent);
}

.bg_important_dark_transparent,
.bg_important_dark_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
}

.bg_dark_transparent_5prc,
.bg_dark_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--dark) 5%, transparent);
}

.bg_important_dark_transparent_5prc,
.bg_important_dark_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--dark) 5%, transparent) !important;
}

.text_dark,
.text_dark_hover:hover {
    color: var(--dark);
}

.text_important_dark,
.text_important_dark_hover:hover {
    color: var(--dark) !important;
}

.border_dark {
    border-color: var(--dark) !important;
}

.underline_dark {
    text-decoration: underline;
    text-decoration-color: var(--dark);
}

.underline_important_dark {
    text-decoration: underline !important;
    text-decoration-color: var(--dark) !important;
}

.underline_dark_hover {
    display: inline-block;
    position: relative;
}

.underline_dark_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--dark);
}

.underline_dark_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.text_decoration_color_dark {
    text-decoration-color: var(--dark);
}

.text_decoration_color_important_dark {
    text-decoration-color: var(--dark) !important;
}

.text_shadow_dark {
    text-shadow: 1px 1px 3px var(--dark);
}

.text_shadow_important_dark {
    text-shadow: 1px 1px 3px var(--dark) !important;
}

.tooltip_dark {
    --bs-tooltip-bg: var(--dark);
}

.tooltip_dark .tooltip_inner {
    background-color: var(--dark);
}

.overlay_dark_none,
.overlay_dark_none_hover:hover {
    background: linear-gradient(180deg, var(--dark) 0%, transparent 100%);
}

.overlay_none_dark,
.overlay_none_dark_hover:hover {
    background: linear-gradient(180deg, transparent 0%, var(--dark) 100%);
}

.overlay_black_dark,
.overlay_black_dark_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--black) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--dark) 72%, transparent) 100%);
}

.overlay_dark_black,
.overlay_dark_black_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--dark) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--black) 72%, transparent) 100%);
}

.overlay_white_dark,
.overlay_white_dark_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--white) 78%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--dark) 72%, transparent) 100%);
}

.overlay_dark_white,
.overlay_dark_white_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--dark) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--white) 78%, transparent) 100%);
}

.speech_bubble_dark:after {
    border-color: var(--dark) transparent;
}

.list-group-item.bg_dark_hover:hover,
.list-group-item.bg_dark_hover:hover a {
    color: #ffffff;
}

.bg_dark_dark,
.bg_dark_dark_hover:hover {
    background-color: var(--dark_dark);
}

.bg_important_dark_dark,
.bg_important_dark_dark_hover:hover {
    background-color: var(--dark_dark) !important;
}

.text_dark_dark,
.text_dark_dark_hover:hover {
    color: var(--dark_dark);
}

.text_important_dark_dark,
.text_important_dark_dark_hover:hover {
    color: var(--dark_dark) !important;
}

.border_dark_dark {
    border-color: var(--dark_dark) !important;
}

.underline_dark_dark {
    text-decoration: underline;
    text-decoration-color: var(--dark_dark);
}

.underline_important_dark_dark {
    text-decoration: underline !important;
    text-decoration-color: var(--dark_dark) !important;
}

.underline_dark_dark_hover {
    display: inline-block;
    position: relative;
}

.underline_dark_dark_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--dark_dark);
}

.underline_dark_dark_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.list-group-item.bg_dark_dark_hover:hover,
.list-group-item.bg_dark_dark_hover:hover a {
    color: #ffffff;
}

.bg_link,
.bg_link_hover:hover {
    background-color: var(--link);
}

.bg_important_link,
.bg_important_link_hover:hover {
    background-color: var(--link) !important;
}

.bg_link_transparent,
.bg_link_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--link) 50%, transparent);
}

.bg_important_link_transparent,
.bg_important_link_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--link) 50%, transparent) !important;
}

.bg_link_transparent_5prc,
.bg_link_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--link) 5%, transparent);
}

.bg_important_link_transparent_5prc,
.bg_important_link_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--link) 5%, transparent) !important;
}

.text_link,
.text_link_hover:hover {
    color: var(--link);
}

.text_important_link,
.text_important_link_hover:hover {
    color: var(--link) !important;
}

.border_link {
    border-color: var(--link) !important;
}

.underline_link {
    text-decoration: underline;
    text-decoration-color: var(--link);
}

.underline_important_link {
    text-decoration: underline !important;
    text-decoration-color: var(--link) !important;
}

.underline_link_hover {
    display: inline-block;
    position: relative;
}

.underline_link_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--link);
}

.underline_link_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.text_decoration_color_link {
    text-decoration-color: var(--link);
}

.text_decoration_color_important_link {
    text-decoration-color: var(--link) !important;
}

.text_shadow_link {
    text-shadow: 1px 1px 3px var(--link);
}

.text_shadow_important_link {
    text-shadow: 1px 1px 3px var(--link) !important;
}

.tooltip_link {
    --bs-tooltip-bg: var(--link);
}

.tooltip_link .tooltip_inner {
    background-color: var(--link);
}

.overlay_link_none,
.overlay_link_none_hover:hover {
    background: linear-gradient(180deg, var(--link) 0%, transparent 100%);
}

.overlay_none_link,
.overlay_none_link_hover:hover {
    background: linear-gradient(180deg, transparent 0%, var(--link) 100%);
}

.overlay_black_link,
.overlay_black_link_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--black) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--link) 72%, transparent) 100%);
}

.overlay_link_black,
.overlay_link_black_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--link) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--black) 72%, transparent) 100%);
}

.overlay_white_link,
.overlay_white_link_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--white) 78%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--link) 72%, transparent) 100%);
}

.overlay_link_white,
.overlay_link_white_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--link) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--white) 78%, transparent) 100%);
}

.speech_bubble_link:after {
    border-color: var(--link) transparent;
}

.list-group-item.bg_link_hover:hover,
.list-group-item.bg_link_hover:hover a {
    color: #ffffff;
}

.bg_link_dark,
.bg_link_dark_hover:hover {
    background-color: var(--link_dark);
}

.bg_important_link_dark,
.bg_important_link_dark_hover:hover {
    background-color: var(--link_dark) !important;
}

.text_link_dark,
.text_link_dark_hover:hover {
    color: var(--link_dark);
}

.text_important_link_dark,
.text_important_link_dark_hover:hover {
    color: var(--link_dark) !important;
}

.border_link_dark {
    border-color: var(--link_dark) !important;
}

.underline_link_dark {
    text-decoration: underline;
    text-decoration-color: var(--link_dark);
}

.underline_important_link_dark {
    text-decoration: underline !important;
    text-decoration-color: var(--link_dark) !important;
}

.underline_link_dark_hover {
    display: inline-block;
    position: relative;
}

.underline_link_dark_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--link_dark);
}

.underline_link_dark_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.list-group-item.bg_link_dark_hover:hover,
.list-group-item.bg_link_dark_hover:hover a {
    color: #ffffff;
}

.bg_primary_light,
.bg_primary_light_hover:hover {
    background-color: var(--primary_light);
}

.bg_important_primary_light,
.bg_important_primary_light_hover:hover {
    background-color: var(--primary_light) !important;
}

.bg_primary_light_transparent,
.bg_primary_light_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--primary_light) 50%, transparent);
}

.bg_important_primary_light_transparent,
.bg_important_primary_light_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--primary_light) 50%, transparent) !important;
}

.bg_primary_light_transparent_5prc,
.bg_primary_light_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--primary_light) 5%, transparent);
}

.bg_important_primary_light_transparent_5prc,
.bg_important_primary_light_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--primary_light) 5%, transparent) !important;
}

.text_primary_light,
.text_primary_light_hover:hover {
    color: var(--primary_light);
}

.text_important_primary_light,
.text_important_primary_light_hover:hover {
    color: var(--primary_light) !important;
}

.border_primary_light {
    border-color: var(--primary_light) !important;
}

.underline_primary_light {
    text-decoration: underline;
    text-decoration-color: var(--primary_light);
}

.underline_important_primary_light {
    text-decoration: underline !important;
    text-decoration-color: var(--primary_light) !important;
}

.underline_primary_light_hover {
    display: inline-block;
    position: relative;
}

.underline_primary_light_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--primary_light);
}

.underline_primary_light_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.text_decoration_color_primary_light {
    text-decoration-color: var(--primary_light);
}

.text_decoration_color_important_primary_light {
    text-decoration-color: var(--primary_light) !important;
}

.text_shadow_primary_light {
    text-shadow: 1px 1px 3px var(--primary_light);
}

.text_shadow_important_primary_light {
    text-shadow: 1px 1px 3px var(--primary_light) !important;
}

.tooltip_primary_light {
    --bs-tooltip-bg: var(--primary_light);
}

.tooltip_primary_light .tooltip_inner {
    background-color: var(--primary_light);
}

.overlay_primary_light_none,
.overlay_primary_light_none_hover:hover {
    background: linear-gradient(180deg, var(--primary_light) 0%, transparent 100%);
}

.overlay_none_primary_light,
.overlay_none_primary_light_hover:hover {
    background: linear-gradient(180deg, transparent 0%, var(--primary_light) 100%);
}

.overlay_black_primary_light,
.overlay_black_primary_light_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--black) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--primary_light) 72%, transparent) 100%);
}

.overlay_primary_light_black,
.overlay_primary_light_black_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--primary_light) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--black) 72%, transparent) 100%);
}

.overlay_white_primary_light,
.overlay_white_primary_light_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--white) 78%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--primary_light) 72%, transparent) 100%);
}

.overlay_primary_light_white,
.overlay_primary_light_white_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--primary_light) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--white) 78%, transparent) 100%);
}

.speech_bubble_primary_light:after {
    border-color: var(--primary_light) transparent;
}

.list-group-item.bg_primary_light_hover:hover,
.list-group-item.bg_primary_light_hover:hover a {
    color: #ffffff;
}

.bg_primary_light_dark,
.bg_primary_light_dark_hover:hover {
    background-color: var(--primary_light_dark);
}

.bg_important_primary_light_dark,
.bg_important_primary_light_dark_hover:hover {
    background-color: var(--primary_light_dark) !important;
}

.text_primary_light_dark,
.text_primary_light_dark_hover:hover {
    color: var(--primary_light_dark);
}

.text_important_primary_light_dark,
.text_important_primary_light_dark_hover:hover {
    color: var(--primary_light_dark) !important;
}

.border_primary_light_dark {
    border-color: var(--primary_light_dark) !important;
}

.underline_primary_light_dark {
    text-decoration: underline;
    text-decoration-color: var(--primary_light_dark);
}

.underline_important_primary_light_dark {
    text-decoration: underline !important;
    text-decoration-color: var(--primary_light_dark) !important;
}

.underline_primary_light_dark_hover {
    display: inline-block;
    position: relative;
}

.underline_primary_light_dark_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--primary_light_dark);
}

.underline_primary_light_dark_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.list-group-item.bg_primary_light_dark_hover:hover,
.list-group-item.bg_primary_light_dark_hover:hover a {
    color: #ffffff;
}

.bg_primary_transparent,
.bg_primary_transparent_hover:hover {
    background-color: var(--primary_transparent);
}

.bg_important_primary_transparent,
.bg_important_primary_transparent_hover:hover {
    background-color: var(--primary_transparent) !important;
}

.bg_primary_transparent_transparent,
.bg_primary_transparent_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--primary_transparent) 50%, transparent);
}

.bg_important_primary_transparent_transparent,
.bg_important_primary_transparent_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--primary_transparent) 50%, transparent) !important;
}

.bg_primary_transparent_transparent_5prc,
.bg_primary_transparent_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--primary_transparent) 5%, transparent);
}

.bg_important_primary_transparent_transparent_5prc,
.bg_important_primary_transparent_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--primary_transparent) 5%, transparent) !important;
}

.text_primary_transparent,
.text_primary_transparent_hover:hover {
    color: var(--primary_transparent);
}

.text_important_primary_transparent,
.text_important_primary_transparent_hover:hover {
    color: var(--primary_transparent) !important;
}

.border_primary_transparent {
    border-color: var(--primary_transparent) !important;
}

.underline_primary_transparent {
    text-decoration: underline;
    text-decoration-color: var(--primary_transparent);
}

.underline_important_primary_transparent {
    text-decoration: underline !important;
    text-decoration-color: var(--primary_transparent) !important;
}

.underline_primary_transparent_hover {
    display: inline-block;
    position: relative;
}

.underline_primary_transparent_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--primary_transparent);
}

.underline_primary_transparent_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.text_decoration_color_primary_transparent {
    text-decoration-color: var(--primary_transparent);
}

.text_decoration_color_important_primary_transparent {
    text-decoration-color: var(--primary_transparent) !important;
}

.text_shadow_primary_transparent {
    text-shadow: 1px 1px 3px var(--primary_transparent);
}

.text_shadow_important_primary_transparent {
    text-shadow: 1px 1px 3px var(--primary_transparent) !important;
}

.tooltip_primary_transparent {
    --bs-tooltip-bg: var(--primary_transparent);
}

.tooltip_primary_transparent .tooltip_inner {
    background-color: var(--primary_transparent);
}

.overlay_primary_transparent_none,
.overlay_primary_transparent_none_hover:hover {
    background: linear-gradient(180deg, var(--primary_transparent) 0%, transparent 100%);
}

.overlay_none_primary_transparent,
.overlay_none_primary_transparent_hover:hover {
    background: linear-gradient(180deg, transparent 0%, var(--primary_transparent) 100%);
}

.overlay_black_primary_transparent,
.overlay_black_primary_transparent_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--black) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--primary_transparent) 72%, transparent) 100%);
}

.overlay_primary_transparent_black,
.overlay_primary_transparent_black_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--primary_transparent) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--black) 72%, transparent) 100%);
}

.overlay_white_primary_transparent,
.overlay_white_primary_transparent_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--white) 78%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--primary_transparent) 72%, transparent) 100%);
}

.overlay_primary_transparent_white,
.overlay_primary_transparent_white_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--primary_transparent) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--white) 78%, transparent) 100%);
}

.speech_bubble_primary_transparent:after {
    border-color: var(--primary_transparent) transparent;
}

.list-group-item.bg_primary_transparent_hover:hover,
.list-group-item.bg_primary_transparent_hover:hover a {
    color: #000000;
}

.bg_primary_transparent_dark,
.bg_primary_transparent_dark_hover:hover {
    background-color: var(--primary_transparent_dark);
}

.bg_important_primary_transparent_dark,
.bg_important_primary_transparent_dark_hover:hover {
    background-color: var(--primary_transparent_dark) !important;
}

.text_primary_transparent_dark,
.text_primary_transparent_dark_hover:hover {
    color: var(--primary_transparent_dark);
}

.text_important_primary_transparent_dark,
.text_important_primary_transparent_dark_hover:hover {
    color: var(--primary_transparent_dark) !important;
}

.border_primary_transparent_dark {
    border-color: var(--primary_transparent_dark) !important;
}

.underline_primary_transparent_dark {
    text-decoration: underline;
    text-decoration-color: var(--primary_transparent_dark);
}

.underline_important_primary_transparent_dark {
    text-decoration: underline !important;
    text-decoration-color: var(--primary_transparent_dark) !important;
}

.underline_primary_transparent_dark_hover {
    display: inline-block;
    position: relative;
}

.underline_primary_transparent_dark_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--primary_transparent_dark);
}

.underline_primary_transparent_dark_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.list-group-item.bg_primary_transparent_dark_hover:hover,
.list-group-item.bg_primary_transparent_dark_hover:hover a {
    color: #ffffff;
}

.bg_secondary_light,
.bg_secondary_light_hover:hover {
    background-color: var(--secondary_light);
}

.bg_important_secondary_light,
.bg_important_secondary_light_hover:hover {
    background-color: var(--secondary_light) !important;
}

.bg_secondary_light_transparent,
.bg_secondary_light_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--secondary_light) 50%, transparent);
}

.bg_important_secondary_light_transparent,
.bg_important_secondary_light_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--secondary_light) 50%, transparent) !important;
}

.bg_secondary_light_transparent_5prc,
.bg_secondary_light_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--secondary_light) 5%, transparent);
}

.bg_important_secondary_light_transparent_5prc,
.bg_important_secondary_light_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--secondary_light) 5%, transparent) !important;
}

.text_secondary_light,
.text_secondary_light_hover:hover {
    color: var(--secondary_light);
}

.text_important_secondary_light,
.text_important_secondary_light_hover:hover {
    color: var(--secondary_light) !important;
}

.border_secondary_light {
    border-color: var(--secondary_light) !important;
}

.underline_secondary_light {
    text-decoration: underline;
    text-decoration-color: var(--secondary_light);
}

.underline_important_secondary_light {
    text-decoration: underline !important;
    text-decoration-color: var(--secondary_light) !important;
}

.underline_secondary_light_hover {
    display: inline-block;
    position: relative;
}

.underline_secondary_light_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--secondary_light);
}

.underline_secondary_light_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.text_decoration_color_secondary_light {
    text-decoration-color: var(--secondary_light);
}

.text_decoration_color_important_secondary_light {
    text-decoration-color: var(--secondary_light) !important;
}

.text_shadow_secondary_light {
    text-shadow: 1px 1px 3px var(--secondary_light);
}

.text_shadow_important_secondary_light {
    text-shadow: 1px 1px 3px var(--secondary_light) !important;
}

.tooltip_secondary_light {
    --bs-tooltip-bg: var(--secondary_light);
}

.tooltip_secondary_light .tooltip_inner {
    background-color: var(--secondary_light);
}

.overlay_secondary_light_none,
.overlay_secondary_light_none_hover:hover {
    background: linear-gradient(180deg, var(--secondary_light) 0%, transparent 100%);
}

.overlay_none_secondary_light,
.overlay_none_secondary_light_hover:hover {
    background: linear-gradient(180deg, transparent 0%, var(--secondary_light) 100%);
}

.overlay_black_secondary_light,
.overlay_black_secondary_light_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--black) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--secondary_light) 72%, transparent) 100%);
}

.overlay_secondary_light_black,
.overlay_secondary_light_black_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--secondary_light) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--black) 72%, transparent) 100%);
}

.overlay_white_secondary_light,
.overlay_white_secondary_light_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--white) 78%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--secondary_light) 72%, transparent) 100%);
}

.overlay_secondary_light_white,
.overlay_secondary_light_white_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--secondary_light) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--white) 78%, transparent) 100%);
}

.speech_bubble_secondary_light:after {
    border-color: var(--secondary_light) transparent;
}

.list-group-item.bg_secondary_light_hover:hover,
.list-group-item.bg_secondary_light_hover:hover a {
    color: #ffffff;
}

.bg_secondary_light_dark,
.bg_secondary_light_dark_hover:hover {
    background-color: var(--secondary_light_dark);
}

.bg_important_secondary_light_dark,
.bg_important_secondary_light_dark_hover:hover {
    background-color: var(--secondary_light_dark) !important;
}

.text_secondary_light_dark,
.text_secondary_light_dark_hover:hover {
    color: var(--secondary_light_dark);
}

.text_important_secondary_light_dark,
.text_important_secondary_light_dark_hover:hover {
    color: var(--secondary_light_dark) !important;
}

.border_secondary_light_dark {
    border-color: var(--secondary_light_dark) !important;
}

.underline_secondary_light_dark {
    text-decoration: underline;
    text-decoration-color: var(--secondary_light_dark);
}

.underline_important_secondary_light_dark {
    text-decoration: underline !important;
    text-decoration-color: var(--secondary_light_dark) !important;
}

.underline_secondary_light_dark_hover {
    display: inline-block;
    position: relative;
}

.underline_secondary_light_dark_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--secondary_light_dark);
}

.underline_secondary_light_dark_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.list-group-item.bg_secondary_light_dark_hover:hover,
.list-group-item.bg_secondary_light_dark_hover:hover a {
    color: #ffffff;
}

.bg_secondary_transparent,
.bg_secondary_transparent_hover:hover {
    background-color: var(--secondary_transparent);
}

.bg_important_secondary_transparent,
.bg_important_secondary_transparent_hover:hover {
    background-color: var(--secondary_transparent) !important;
}

.bg_secondary_transparent_transparent,
.bg_secondary_transparent_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--secondary_transparent) 50%, transparent);
}

.bg_important_secondary_transparent_transparent,
.bg_important_secondary_transparent_transparent_hover:hover {
    background-color: color-mix(in srgb, var(--secondary_transparent) 50%, transparent) !important;
}

.bg_secondary_transparent_transparent_5prc,
.bg_secondary_transparent_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--secondary_transparent) 5%, transparent);
}

.bg_important_secondary_transparent_transparent_5prc,
.bg_important_secondary_transparent_transparent_5prc_hover:hover {
    background-color: color-mix(in srgb, var(--secondary_transparent) 5%, transparent) !important;
}

.text_secondary_transparent,
.text_secondary_transparent_hover:hover {
    color: var(--secondary_transparent);
}

.text_important_secondary_transparent,
.text_important_secondary_transparent_hover:hover {
    color: var(--secondary_transparent) !important;
}

.border_secondary_transparent {
    border-color: var(--secondary_transparent) !important;
}

.underline_secondary_transparent {
    text-decoration: underline;
    text-decoration-color: var(--secondary_transparent);
}

.underline_important_secondary_transparent {
    text-decoration: underline !important;
    text-decoration-color: var(--secondary_transparent) !important;
}

.underline_secondary_transparent_hover {
    display: inline-block;
    position: relative;
}

.underline_secondary_transparent_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--secondary_transparent);
}

.underline_secondary_transparent_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.text_decoration_color_secondary_transparent {
    text-decoration-color: var(--secondary_transparent);
}

.text_decoration_color_important_secondary_transparent {
    text-decoration-color: var(--secondary_transparent) !important;
}

.text_shadow_secondary_transparent {
    text-shadow: 1px 1px 3px var(--secondary_transparent);
}

.text_shadow_important_secondary_transparent {
    text-shadow: 1px 1px 3px var(--secondary_transparent) !important;
}

.tooltip_secondary_transparent {
    --bs-tooltip-bg: var(--secondary_transparent);
}

.tooltip_secondary_transparent .tooltip_inner {
    background-color: var(--secondary_transparent);
}

.overlay_secondary_transparent_none,
.overlay_secondary_transparent_none_hover:hover {
    background: linear-gradient(180deg, var(--secondary_transparent) 0%, transparent 100%);
}

.overlay_none_secondary_transparent,
.overlay_none_secondary_transparent_hover:hover {
    background: linear-gradient(180deg, transparent 0%, var(--secondary_transparent) 100%);
}

.overlay_black_secondary_transparent,
.overlay_black_secondary_transparent_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--black) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--secondary_transparent) 72%, transparent) 100%);
}

.overlay_secondary_transparent_black,
.overlay_secondary_transparent_black_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--secondary_transparent) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--black) 72%, transparent) 100%);
}

.overlay_white_secondary_transparent,
.overlay_white_secondary_transparent_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--white) 78%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--secondary_transparent) 72%, transparent) 100%);
}

.overlay_secondary_transparent_white,
.overlay_secondary_transparent_white_hover:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--secondary_transparent) 72%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--white) 78%, transparent) 100%);
}

.speech_bubble_secondary_transparent:after {
    border-color: var(--secondary_transparent) transparent;
}

.list-group-item.bg_secondary_transparent_hover:hover,
.list-group-item.bg_secondary_transparent_hover:hover a {
    color: #000000;
}

.bg_secondary_transparent_dark,
.bg_secondary_transparent_dark_hover:hover {
    background-color: var(--secondary_transparent_dark);
}

.bg_important_secondary_transparent_dark,
.bg_important_secondary_transparent_dark_hover:hover {
    background-color: var(--secondary_transparent_dark) !important;
}

.text_secondary_transparent_dark,
.text_secondary_transparent_dark_hover:hover {
    color: var(--secondary_transparent_dark);
}

.text_important_secondary_transparent_dark,
.text_important_secondary_transparent_dark_hover:hover {
    color: var(--secondary_transparent_dark) !important;
}

.border_secondary_transparent_dark {
    border-color: var(--secondary_transparent_dark) !important;
}

.underline_secondary_transparent_dark {
    text-decoration: underline;
    text-decoration-color: var(--secondary_transparent_dark);
}

.underline_important_secondary_transparent_dark {
    text-decoration: underline !important;
    text-decoration-color: var(--secondary_transparent_dark) !important;
}

.underline_secondary_transparent_dark_hover {
    display: inline-block;
    position: relative;
}

.underline_secondary_transparent_dark_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: var(--transition_slow);
    background-color: var(--secondary_transparent_dark);
}

.underline_secondary_transparent_dark_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.list-group-item.bg_secondary_transparent_dark_hover:hover,
.list-group-item.bg_secondary_transparent_dark_hover:hover a {
    color: #ffffff;
}