/* @group Style One */

/* @group Shape */
svg {
    padding: 2px;
    overflow: visible;
    font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif;
    color: #000000;
}

html[data-bs-theme='dark'] svg, .dark-mode svg {
    color: #ffffff;
}

.svg_dyn_shape {
    stroke-width: 2px;
}

.svg_dyn_shape_one {
    fill: #80c2c5;
    stroke: #268a8e;
}

html[data-bs-theme='dark'] .svg_dyn_shape_one, .dark-mode .svg_dyn_shape_one {
    fill: #268a8e;
    stroke: #80c2c5;
}

.svg_dyn_shape_two {
    fill: #80c59f;
    stroke: #278e5f;
}

html[data-bs-theme='dark'] .svg_dyn_shape_two, .dark-mode .svg_dyn_shape_two {
    fill: #278e5f;
    stroke: #80c59f;
}

.svg_dyn_shape_three {
    fill: #c580c4;
    stroke: #8e278a;
}

html[data-bs-theme='dark'] .svg_dyn_shape_three, .dark-mode .svg_dyn_shape_three {
    fill: #8e278a;
    stroke: #c580c4;
}

.svg_dyn_shape_four {
    fill: #c68080;
    stroke: #8e2728;
}

html[data-bs-theme='dark'] .svg_dyn_shape_four, .dark-mode .svg_dyn_shape_four {
    fill: #8e2728;
    stroke: #c68080;
}

.svg_dyn_shape_five {
    fill: #808ac5;
    stroke: #273f8e;
}

html[data-bs-theme='dark'] .svg_dyn_shape_five, .dark-mode .svg_dyn_shape_five {
    fill: #273f8e;
    stroke: #808ac5;
}
.svg_dyn_shape_six {
    fill: #98c680;
    stroke: #5b9130;
}

html[data-bs-theme='dark'] .svg_dyn_shape_six, .dark-mode .svg_dyn_shape_six {
    fill: #5b9130;
    stroke: #98c680;
}
.svg_dyn_shape_seven {
    fill: #b480c5;
    stroke: #7a278e;
}

html[data-bs-theme='dark'] .svg_dyn_shape_seven, .dark-mode .svg_dyn_shape_seven {
    fill: #7a278e;
    stroke: #b480c5;
}
.svg_dyn_shape_height {
    fill: #c6a080;
    stroke: #8e6127;
}

html[data-bs-theme='dark'] .svg_dyn_shape_height, .dark-mode .svg_dyn_shape_height {
    fill: #8e6127;
    stroke: #c6a080;
}

/* @end */

/* @group Line */
.svg_line_style {
    stroke: #333333;
    stroke-width: 2px;
}
html[data-bs-theme='dark'] .svg_line_style, .dark-mode .svg_line_style {
    stroke: white;
}

.svg_line_fill_style {
    stroke: #333333;
    stroke-width: 2px;
    fill: #333333;
}
html[data-bs-theme='dark'] .svg_line_fill_style, .dark-mode .svg_line_fill_style {
    stroke: white;
}

.svg_line_animate_style_a {
    stroke-miterlimit: 10;
    pointer-events: stroke;
    stroke-dasharray: 8;
    animation: 500ms linear 0s infinite normal none running svg_line-flow-animation;
    stroke-dashoffset: 16;
}

.svg_line_animate_style_b {
    stroke-miterlimit: 10;
    pointer-events: stroke;
    stroke-dasharray: 8;
    animation: 500ms linear 0s infinite normal none running svg_line-flow-animation;
    stroke-dashoffset: 32;
}

.svg_line_animate_style_c {
    stroke-miterlimit: 10;
    pointer-events: stroke;
    stroke-dasharray: 12;
    animation: 500ms linear 0s infinite normal none running svg_line-flow-animation;
    stroke-dashoffset: 48;
}
.svg_line_animate_style_d {
    stroke-miterlimit: 10;
    pointer-events: stroke;
    stroke-dasharray: 1;
    animation: 300ms linear 0s infinite normal none running svg_line-flow-animation;
    stroke-dashoffset:3;
}
.svg_line_animate_style_e {
    stroke-miterlimit: 10;
    pointer-events: stroke;
    stroke-dasharray: 2;
    animation: 500ms linear 0s infinite normal none running svg_line-flow-animation;
    stroke-dashoffset: 4;
}
.svg_line_animate_style_f {
    stroke-miterlimit: 10;
    pointer-events: stroke;
    stroke-dasharray: 4;
    animation: 500ms linear 0s infinite normal none running svg_line-flow-animation;
    stroke-dashoffset: 8;
}

@keyframes svg_line-flow-animation {
    to {
        stroke-dashoffset: 0;
    }
}

/* @end */

/* @group Text */

.svg_dyn_one_table_header {
    padding: 2px;
    border-bottom: solid;
    border-bottom-color: #222222;
    border-bottom-width: 2px;
    text-align: center;
    font-weight: bold;
    stroke: #222222;
    stroke-width: 2px;
}
html[data-bs-theme='dark'] .svg_dyn_one_table_header, .dark-mode .svg_dyn_one_table_header {
    stroke: white;
    border-bottom-color: white;
}


.svg_dyn_text {
    fill: #000000;
}

html[data-bs-theme='dark'] .svg_dyn_text, .dark-mode .svg_dyn_text {
    fill: white;
}


/* @end */

/* @group Dark mode */
html[data-bs-theme='dark'] .svg_style_one, .dark-mode .svg_style_one {
    text-align: center;
    fill: #404c60;
    stroke: white;
}

html[data-bs-theme='dark'] .svg_style_one:hover, .dark-mode .svg_style_one:hover {
    fill: #465780;
    stroke: white;
}


html[data-bs-theme='dark'] .svg_line_fill_style, .dark-mode .svg_line_fill_style {
    stroke: white;
    stroke-width: 2px;
    fill: white;
}

html[data-bs-theme='dark'] .svg_text, .dark-mode .svg_text {
    fill: white;
}

html[data-bs-theme='dark'] .svg_style_one_table_header, .dark-mode .svg_style_one_table_header {
    fill: white;
    border-bottom-color: white;
}

/* @end */

/* @end */
.svg_style_two {
    fill: #e1a15a;
    stroke: #222222;
    stroke-width: 2px;
}

.svg_style_two:hover {
    fill: #e18d2f;
}

html[data-bs-theme='dark'] .svg_style_two, .dark-mode .svg_style_two {
    fill: #5a432b;
    stroke: white;
}

html[data-bs-theme='dark'] .svg_style_two:hover, .dark-mode .svg_style_two:hover {
    fill: #e18d2f;
    stroke: white;
}

.svg_style_three {
    fill: #a6ea9b;
    stroke: #222222;
    stroke-width: 2px;
}

.svg_style_three:hover {
    fill: #85d179;
}

html[data-bs-theme='dark'] .svg_style_three, .dark-mode .svg_style_three {
    fill: #51754b;
    stroke: white;
}

html[data-bs-theme='dark'] .svg_style_three:hover, .dark-mode .svg_style_three:hover {
    fill: #85d179;
    stroke: white;
}

.svg_style_four {
    fill: #74cdab;
    stroke: #222222;
    stroke-width: 2px;
}

.svg_style_four:hover {
    fill: #419172;
}

html[data-bs-theme='dark'] .svg_style_four, .dark-mode .svg_style_four {
    fill: #2d5144;
    stroke: white;
}

html[data-bs-theme='dark'] .svg_style_four:hover, .dark-mode .svg_style_four:hover {
    fill: #419172;
    stroke: white;
}

.svg_style_five {
    fill: #9d68d6;
    stroke: #222222;
    stroke-width: 2px;
}

.svg_style_five:hover {
    fill: #8f51d1;
}

html[data-bs-theme='dark'] .svg_style_five, .dark-mode .svg_style_five {
    fill: #3d2953;
    stroke: white;
}

html[data-bs-theme='dark'] .svg_style_five:hover, .dark-mode .svg_style_five:hover {
    fill: #8f51d1;
    stroke: white;
}

.svg_style_six {
    fill: #c666b0;
    stroke: #222222;
    stroke-width: 2px;
}

.svg_style_six:hover {
    fill: #c142a4;
}

html[data-bs-theme='dark'] .svg_style_six, .dark-mode .svg_style_six {
    fill: #68345d;
    stroke: white;
}

html[data-bs-theme='dark'] .svg_style_six:hover, .dark-mode .svg_style_six:hover {
    fill: #c142a4;
    stroke: white;
}

.svg_style_seven {
    fill: #bc626c;
    stroke: #222222;
    stroke-width: 2px;
}

.svg_style_seven:hover {
    fill: #cc3737;
}

html[data-bs-theme='dark'] .svg_style_seven, .dark-mode .svg_style_seven {
    fill: #612222;
    stroke: white;
}

html[data-bs-theme='dark'] .svg_style_seven:hover, .dark-mode .svg_style_seven:hover {
    fill: #cc3737;
    stroke: white;
}

.svg_style_height {
    fill: #cad356;
    stroke: #222222;
    stroke-width: 2px;
}

.svg_style_height:hover {
    fill: #dcea2a;
}

html[data-bs-theme='dark'] .svg_style_height, .dark-mode .svg_style_height {
    fill: #50532b;
    stroke: white;
}

html[data-bs-theme='dark'] .svg_style_height:hover, .dark-mode .svg_style_height:hover {
    fill: #aeb646;
    stroke: white;
}

/* @group Animations */
@keyframes svg_line-flow-animation {
    to {
        stroke-dashoffset: 0;
    }
}

/* @end */