/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

*,
:after,
:before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 2rem
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

.small,
small {
    font-size: .875em
}

.mark,
mark {
    padding: .1875em;
    color: var(--bs-highlight-color);
    background-color: var(--bs-highlight-bg)
}

sub,
sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-secondary-color);
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border: 0 solid;
    border-color: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width:1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.list-inline,
.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.img-fluid,
.img-thumbnail {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius)
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: var(--bs-secondary-color)
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)*0.5);
    padding-left: calc(var(--bs-gutter-x)*0.5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y)*-1);
    margin-right: calc(var(--bs-gutter-x)*-0.5);
    margin-left: calc(var(--bs-gutter-x)*-0.5)
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)*0.5);
    padding-left: calc(var(--bs-gutter-x)*0.5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

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

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: calc(var(--bs-border-width)*2) solid
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem
}

.table-bordered>:not(caption)>* {
    border-left-width: 0;
    border-bottom-width: var(--bs-border-width);
    border-right-width: 0;
    border-top-width: var(--bs-border-width)
}

.table-bordered>:not(caption)>*>* {
    border-left-width: var(--bs-border-width);
    border-bottom-width: 0;
    border-right-width: var(--bs-border-width);
    border-top-width: 0
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n),
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

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

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

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + var(--bs-border-width));
    padding-bottom: calc(.375rem + var(--bs-border-width));
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + var(--bs-border-width));
    padding-bottom: calc(.5rem + var(--bs-border-width));
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + var(--bs-border-width));
    padding-bottom: calc(.25rem + var(--bs-border-width));
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-secondary-color)
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

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

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

.form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }

    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: var(--bs-secondary-bg)
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg)
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: transparent;
    border-width: medium;
    border-left: 0 solid transparent;
    border-bottom: var(--bs-border-width) solid transparent;
    border-right: 0 solid transparent;
    border-top: var(--bs-border-width) solid transparent
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + .5rem + var(--bs-border-width)*2);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm)
}

.form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.form-control-lg {
    min-height: calc(1.5em + 1rem + var(--bs-border-width)*2);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + var(--bs-border-width)*2)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + var(--bs-border-width)*2)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + var(--bs-border-width)*2)
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + .75rem + var(--bs-border-width)*2);
    padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: var(--bs-border-radius)
}

.form-control-color::-webkit-color-swatch {
    border: 0 !important;
    border-radius: var(--bs-border-radius)
}

.form-control-color.form-control-sm {
    height: calc(1.5em + .5rem + var(--bs-border-width)*2)
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + var(--bs-border-width)*2)
}

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: var(--bs-secondary-bg)
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--bs-body-color)
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm)
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

[data-bs-theme=dark] .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0
}

.form-check-input {
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact
}

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

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

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

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

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

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

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    cursor: default;
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    width: 2em;
    margin-left: -2.5em;
    background-image: var(--bs-form-switch-bg);
    background-position: 0;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: 100%;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check:disabled+.btn,
.btn-check[disabled]+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

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

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    -webkit-appearance: none;
    appearance: none;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    -moz-appearance: none;
    appearance: none;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: var(--bs-secondary-color)
}

.form-range:disabled::-moz-range-thumb {
    background-color: var(--bs-secondary-color)
}

.form-floating {
    position: relative
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: calc(3.5rem + var(--bs-border-width)*2);
    min-height: calc(3.5rem + var(--bs-border-width)*2);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    padding: 1rem .75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 1rem .75rem
}

.form-floating>.form-control-plaintext::-moz-placeholder,
.form-floating>.form-control::-moz-placeholder {
    color: transparent
}

.form-floating>.form-control-plaintext::placeholder,
.form-floating>.form-control::placeholder {
    color: transparent
}

.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),
.form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control-plaintext:-webkit-autofill,
.form-floating>.form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label:after {
    position: absolute;
    inset: 1rem .375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius)
}

.form-floating>.form-control-plaintext~label:after,
.form-floating>.form-control:focus~label:after,
.form-floating>.form-control:not(:placeholder-shown)~label:after,
.form-floating>.form-select~label:after {
    position: absolute;
    inset: 1rem .375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius)
}

.form-floating>.form-control:-webkit-autofill~label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label {
    border-left-width: 0;
    border-bottom-width: var(--bs-border-width);
    border-right-width: 0;
    border-top-width: var(--bs-border-width)
}

.form-floating>.form-control:disabled~label,
.form-floating>:disabled~label {
    color: #6c757d
}

.form-floating>.form-control:disabled~label:after,
.form-floating>:disabled~label:after {
    background-color: var(--bs-secondary-bg)
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,
.input-group>.form-floating,
.input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-floating:focus-within,
.input-group>.form-select:focus {
    z-index: 5
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 5
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius)
}

.input-group-lg>.btn,
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

.input-group-sm>.btn,
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm)
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
    padding-right: 3rem
}

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

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(var(--bs-border-width)*-1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check+.btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg)
}

.btn-check:focus-visible+.btn,
.btn:focus-visible {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

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

.btn-check:checked+.btn:focus-visible,
.btn-check:checked:focus-visible+.btn,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-group-lg>.btn,
.btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.btn-group-sm>.btn,
.btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm)
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.btn-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group {
    border-radius: var(--bs-border-radius)
}

.btn-group>.btn-group:not(:first-child),
.btn-group>:not(.btn-check:first-child)+.btn {
    margin-left: calc(var(--bs-border-width)*-1)
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split:after,
.dropend .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

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

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.nav-link.disabled,
.nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

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

.nav-tabs .nav-link {
    margin-bottom: calc(var(--bs-nav-tabs-border-width)*-1);
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

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

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

.nav-tabs .dropdown-menu {
    margin-top: calc(var(--bs-nav-tabs-border-width)*-1);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius)
}

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

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color)
}

.card-subtitle {
    margin-top: calc(var(--bs-card-title-spacer-y)*-0.5);
    color: var(--bs-card-subtitle-color)
}

.card-subtitle,
.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
    margin-right: calc(var(--bs-card-cap-padding-x)*-0.5);
    margin-bottom: calc(var(--bs-card-cap-padding-y)*-1);
    margin-left: calc(var(--bs-card-cap-padding-x)*-0.5);
    border-bottom: 0
}

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

.card-header-pills {
    margin-right: calc(var(--bs-card-cap-padding-x)*-0.5);
    margin-left: calc(var(--bs-card-cap-padding-x)*-0.5)
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom,
.card-img-top {
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item+.breadcrumb-item:before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, ">")
}

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

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius)
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

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

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

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

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

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

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    background: transparent var(--bs-btn-close-bg) 50%/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity)
}

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

.btn-close:hover {
    text-decoration: none;
    opacity: var(--bs-btn-close-hover-opacity)
}

.btn-close:focus {
    outline: 0;
    box-shadow: var(--bs-btn-close-focus-shadow);
    opacity: var(--bs-btn-close-focus-opacity)
}

.btn-close.disabled,
.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: var(--bs-btn-close-disabled-opacity)
}

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

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin)*2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin)*2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y)*0.5) calc(var(--bs-modal-header-padding-x)*0.5);
    margin: calc(var(--bs-modal-header-padding-y)*-0.5) calc(var(--bs-modal-header-padding-x)*-0.5) calc(var(--bs-modal-header-padding-y)*-0.5) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*0.5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap)*0.5)
}

@media (min-width:576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: var(--bs-box-shadow)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width:992px) {

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

@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.spinner-border,
.spinner-grow {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid;
    border-right-color: transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {

    .spinner-border,
    .spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

.placeholder.btn:before {
    display: inline-block;
    content: ""
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.fixed-top {
    top: 0
}

.fixed-bottom,
.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    top: 0
}

.sticky-bottom,
.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1020
}

.sticky-bottom {
    bottom: 0
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.align-middle {
    vertical-align: middle !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-75 {
    opacity: .75 !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-inline-grid {
    display: inline-grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: var(--bs-box-shadow) !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.end-0 {
    right: 0 !important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

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

.border-2 {
    border-width: 2px !important
}

.border-5 {
    border-width: 5px !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-stretch {
    align-items: stretch !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-medium {
    font-weight: 500 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bold {
    font-weight: 700 !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important
}

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

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

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

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

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

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

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle) !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.z-n1 {
    z-index: -1 !important
}

.z-1 {
    z-index: 1 !important
}

.z-3 {
    z-index: 3 !important
}

@media (min-width:576px) {
    .mb-sm-3 {
        margin-bottom: 1rem !important
    }
}

@media (min-width:768px) {
    .d-md-inline-block {
        display: inline-block !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }
}

@media (min-width:1200px) {
    .d-xl-block {
        display: block !important
    }

    .d-xl-none {
        display: none !important
    }
}

/* Icons icons.css */
@font-face {
    font-family: "custom";
    src: url(fonts/custom.woff2) format("woff2"), url(fonts/custom.ttf) format("truetype"), url(fonts/custom.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

.ph,
[class^="ph-"],
[class*=" ph-"] {
    font-family: "custom" !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ph-x-circle:before {
    content: "\fbe1"
}

.ph-tree-view:before {
    content: "\f9d6"
}

.ph-linkedin-logo:before {
    content: "\f000"
}

.ph-list:before {
    content: "\f001"
}

.ph-bookmark:before {
    content: "\f5d3"
}

.ph-x:before {
    content: "\f488"
}

.ph-reddit-logo:before {
    content: "\10005"
}

.ph-facebook-logo:before {
    content: "\f7b9"
}

.ph-caret-right:before {
    content: "\fbe9"
}

.ph-rewind:before {
    content: "\f6a2"
}

.ph-arrow-right:before {
    content: "\f1df"
}

.ph-caret-double-right:before {
    content: "\f31e"
}

.ph-arrow-clockwise:before {
    content: "\10028"
}

.ph-device-mobile:before {
    content: "\f1be"
}

.ph-desktop:before {
    content: "\10199"
}

.ph-bell:before {
    content: "\fe5b"
}

.ph-upload:before {
    content: "\f687"
}

.ph-upload-simple:before {
    content: "\fbfc"
}

.ph-arrows-in-cardinal:before {
    content: "\1017e"
}

.ph-arrows-out-cardinal:before {
    content: "\f09e"
}

.ph-arrows-out-line-horizontal:before {
    content: "\f147"
}

.ph-arrows-in-line-horizontal:before {
    content: "\feec"
}

.ph-check-circle:before {
    content: "\f6ac"
}

.ph-arrows-left-right:before {
    content: "\10003"
}

.ph-clipboard:before {
    content: "\f2b4"
}

.ph-warning-octagon:before {
    content: "\10044"
}

.ph-plus-circle:before {
    content: "\fea2"
}

.ph-download-simple:before {
    content: "\fed9"
}

.ph-download:before {
    content: "\10190"
}

.ph-image:before {
    content: "\f6eb"
}

.ph-info:before {
    content: "\f973"
}

.ph-arrow-up:before {
    content: "\fa80"
}

.ph-arrow-down:before {
    content: "\10071"
}

.ph-trash:before {
    content: "\f116"
}

.ph-calendar:before {
    content: "\f8e2"
}

.ph-circle-notch:before {
    content: "\10108"
}

.ph-share-network:before {
    content: "\ffbb"
}

.ph-bookmarks--fill:before {
    content: "\f847"
}

.ph-bookmarks:before {
    content: "\f652"
}

.ph-magnifying-glass:before {
    content: "\f888"
}

.ph-chalkboard-simple:before {
    content: "\f533"
}

.ph-chalkboard:before {
    content: "\f316"
}

.ph-file-css:before {
    content: "\f462"
}

.ph-function:before {
    content: "\faaf"
}

.ph-database:before {
    content: "\f746"
}

.ph-at:before {
    content: "\f1b7"
}

.ph-clipboard-text:before {
    content: "\f10d"
}

.ph-file-html:before {
    content: "\fd6c"
}

.ph-wrench:before {
    content: "\10159"
}

.ph-text-align-center:before {
    content: "\fb90"
}

.ph-x-logo:before {
    content: "\fba0"
}

.ph-gear:before {
    content: "\f8fe"
}

/* PrismJS 1.27.0 prism.js */
code[class*=language-],
pre[class*=language-] {
    color: #000;
    background: 0 0;
    text-shadow: 0 1px #fff;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre-wrap;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

code[class*=language-] ::-moz-selection,
code[class*=language-]::-moz-selection,
pre[class*=language-] ::-moz-selection,
pre[class*=language-]::-moz-selection {
    text-shadow: none;
    background: #b3d4fc
}

code[class*=language-] ::selection,
code[class*=language-]::selection,
pre[class*=language-] ::selection,
pre[class*=language-]::selection {
    text-shadow: none;
    background: #b3d4fc
}

@media print {

    code[class*=language-],
    pre[class*=language-] {
        text-shadow: none
    }
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    /*background:#f5f2f0*/
}

:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: #708090
}

.token.punctuation {
    color: #999
}

.token.namespace {
    opacity: .7
}

.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
    color: #905
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
    color: #690
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
    color: #9a6e3a;
    background: hsla(0, 0%, 100%, .5)
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: #07a
}

.token.class-name,
.token.function {
    color: #dd4a68
}

.token.important,
.token.regex,
.token.variable {
    color: #e90
}

.token.bold,
.token.important {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

div.code-toolbar {
    position: relative
}

div.code-toolbar>.toolbar {
    position: absolute;
    z-index: 10;
    top: .3em;
    right: .8em;
    transition: opacity .3s ease-in-out;
    opacity: 0
}

div.code-toolbar:hover>.toolbar {
    opacity: 1
}

div.code-toolbar:focus-within>.toolbar {
    opacity: 1
}

div.code-toolbar>.toolbar>.toolbar-item {
    display: inline-block
}

div.code-toolbar>.toolbar>.toolbar-item>a {
    cursor: pointer
}

div.code-toolbar>.toolbar>.toolbar-item>button {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

div.code-toolbar>.toolbar>.toolbar-item>a,
div.code-toolbar>.toolbar>.toolbar-item>button,
div.code-toolbar>.toolbar>.toolbar-item>span {
    color: #bbb;
    font-size: .8em;
    padding: 0 .5em;
    background: #f5f2f0;
    background: rgba(224, 224, 224, .2);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .2);
    border-radius: .5em
}

div.code-toolbar>.toolbar>.toolbar-item>a:focus,
div.code-toolbar>.toolbar>.toolbar-item>a:hover,
div.code-toolbar>.toolbar>.toolbar-item>button:focus,
div.code-toolbar>.toolbar>.toolbar-item>button:hover,
div.code-toolbar>.toolbar>.toolbar-item>span:focus,
div.code-toolbar>.toolbar>.toolbar-item>span:hover {
    color: inherit;
    text-decoration: none
}

/* Custom Styles main.css */
:root {
    --heading-font: "Quicksand", sans-serif;
    --body-font: "Roboto", sans-serif;
    --heading-one: clamp(2rem, -0.0733rem + 6.3692vw, 2.375rem);
    --heading-two: clamp(1.75rem, 0.7133rem + 2.8846vw, 2rem);
    --heading-three: clamp(1.5rem, 0.3353rem + 2.1661vw, 1.625rem);
    --heading-four: clamp(1.25rem, 0.5569rem + 1.444vw, 1.375rem);
    --heading-five: clamp(1rem, 1.2rem + 0.722vw, 1.125rem);
    --heading-six: 0.9375rem;
    --main-h: 219;
    --main-s: 94%;
    --main-l: 61%;
    --main: var(--main-h) var(--main-s) var(--main-l);
    --white: 0 0% 100%;
    --btn-white: 0 0% 100%;
    --black: 220 33% 9%;
    --btn-black: 220 33% 9%;
    --light: 180 45% 94%;
    --heading-color: var(--black);
    --body-color: var(--gray-600);
    --body-bg: var(--gray);
    --border-color: 236 13% 77%;
    --section-bg: 210 25% 97%;
    --size-2: 0.125rem;
    --size-3: 0.1875rem;
    --size-4: 0.25rem;
    --size-5: 0.3125rem;
    --size-6: 0.375rem;
    --size-7: 0.4375rem;
    --size-8: 0.5rem;
    --size-9: 0.5625rem;
    --size-10: 0.625rem;
    --size-11: 0.6875rem;
    --size-12: 0.75rem;
    --size-13: 0.8125rem;
    --size-14: 0.875rem;
    --size-15: 0.9375rem;
    --size-16: 1rem;
    --size-18: 1.125rem;
    --size-19: 1.1875rem;
    --size-20: 1.25rem;
    --size-22: 1.375rem;
    --size-24: 1.5rem;
    --size-26: 1.625rem;
    --size-28: 1.75rem;
    --size-30: 1.875rem;
    --size-32: 2rem;
    --size-36: 2.25rem;
    --size-38: 2.375rem;
    --size-40: 2.5rem;
    --size-44: 2.75rem;
    --size-48: 3rem;
    --size-50: 3.125rem;
    --size-54: 3.375rem;
    --size-56: 3.5rem;
    --size-64: 4rem;
    --size-68: 4.25rem;
    --size-72: 4.5rem;
    --size-76: 4.75rem;
    --size-80: 5rem;
    --size-88: 5.5rem;
    --size-90: 5.625rem;
    --size-114: 7.125rem;
    --main-50: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + 90% - var(--main-l)*0.9));
    --main-100: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + 80% - var(--main-l)*0.8));
    --main-100-menu: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + 80% - var(--main-l)*0.8));
    --main-200: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + 70% - var(--main-l)*0.7));
    --main-300: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + 60% - var(--main-l)*0.6));
    --main-400: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + 50% - var(--main-l)*0.5));
    --main-500: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + 40% - var(--main-l)*0.4));
    --main-600: hsl(var(--main-h), var(--main-s), var(--main-l));
    --main-600-menu: hsl(var(--main-h), var(--main-s), var(--main-l));
    --code-border: var(--main-600);
    --main-700: hsl(var(--main-h), var(--main-s), calc(var(--main-l) - var(--main-l)*0.1));
    --main-800: hsl(var(--main-h), var(--main-s), calc(var(--main-l) - var(--main-l)*0.2));
    --main-900: hsl(var(--main-h), var(--main-s), calc(var(--main-l) - var(--main-l)*0.3));
    --main-hover-menu: var(--main-h) var(--main-s) var(--main-l);
    --gray-50: #ecf1f9;
    --gray-100: #d5dbe7;
    --gray-200: #7585a5;
    --gray-300: #667797;
    --gray-400: #3b465e;
    --gray-500: #0f141e;
    --gray-600: #0c1018;
    --gray-700: #090c12;
    --gray-800: #06080c;
    --gray-900: #06080c;
    --light-50: #f5f6fa;
    --light-100: #f3f4f6;
    --light-600: #e4f1ff;
    --light-700: #374151;
    --light-800: #1f2937;
    --primary-50: #e4f1ff;
    --primary-100: #bfdcff;
    --primary-200: #95c7ff;
    --primary-300: #6bb1ff;
    --primary-400: #519fff;
    --primary-500: #458eff;
    --primary-600: #487fff;
    --primary-700: #486cea;
    --primary-800: #4759d6;
    --primary-900: #4536b6;
    --danger-50: #fef2f2;
    --danger-100: #fee2e2;
    --danger-200: #fecaca;
    --danger-300: #fca5a5;
    --danger-400: #f87171;
    --danger-500: #ef4444;
    --danger-600: #ea5455;
    --danger-700: #b91c1c;
    --danger-800: #991b1b;
    --danger-900: #7f1d1d;
    --success-50: #dcfce7;
    --success-100: #dcfce7;
    --success-200: #bbf7d0;
    --success-300: #86efac;
    --success-400: #4ade80;
    --success-500: #22c55e;
    --success-600: #16a34a;
    --success-700: #15803d;
    --success-800: #166534;
    --success-900: #14532d;
    --warning-50: #fff5ed;
    --warning-100: #fef9c3;
    --warning-200: #fef08a;
    --warning-300: #fde047;
    --warning-400: #facc15;
    --warning-500: #eab308;
    --warning-600: #ff9f43;
    --warning-700: #f39016;
    --warning-800: #e58209;
    --warning-900: #d77907;
    --info-50: #eff6ff;
    --info-100: #dbeafe;
    --info-200: #bfdbfe;
    --info-300: #93c5fd;
    --info-400: #60a5fa;
    --info-500: #3b82f6;
    --info-600: #00cfe8;
    --info-700: #1d4ed8;
    --info-800: #1e40af;
    --info-900: #1e3a8a;
    --font-xs: 0.75rem;
    --font-sm: 0.875rem;
    --font-md: 1rem;
    --font-lg: 1.125rem;
    --font-xl: 1.25rem;
    --font-2xl: 1.5rem;
    --font-3xl: 1.875rem;
    --font-4xl: 2.25rem;
    --font-5xl: 3rem;
    --font-6xl: 3.75rem;
    --preview-bg: #fafcff;
    --token-boolean: #4e54c8;
    --token-cdata: #9596ad;
    --token-attr: #4091e3;
    --token-atrule: #e3116c;
    --token-language: #36acaa;
    --token-class: #36acaa
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: none;
    background-color: none;
    border-color: none
}

.btn {
    position: relative;
    border-radius: 6px;
    border: 1px solid transparent;
    font-family: var(--body-font);
    color: hsl(var(--btn-white)) !important;
    z-index: 1;
    line-height: 1;
    padding: 14px 20px;
    font-size: 15px
}

.btn:focus,
.btn:focus-visible,
.btn:hover {
    box-shadow: none !important
}

.btn:active {
    transform: scale(1.01)
}

.btn-main {
    background-color: hsl(var(--main)) !important;
    border-color: hsl(var(--main)) !important
}

.btn-main:hover {
    background-color: var(--main-800) !important;
    border-color: var(--main-800) !important
}

.form-control {
    padding: 13px 16px
}

.form-control,
.form-control-sm {
    border-radius: 8px;
    font-weight: 400;
    outline: none;
    width: 100%;
    border: 1px solid var(--bs-border-color);
    line-height: 1
}

.form-control-sm {
    padding: 8px 16px
}

.form-control::placeholder {
    color: var(--gray-200);
    transition: .2s linear;
    font-weight: 400;
    font-size: .9375rem
}

.form-control:focus {
    border-color: hsl(var(--main));
    box-shadow: none !important
}

.form-control:focus::placeholder {
    visibility: hidden;
    opacity: 0
}

.form-control[type=password],
.form-control[type=password]:focus {
    color: var(--gray-600)
}

.toggle-password.active:before {
    content: "\e220" !important
}

input,
select {
    color: var(--gray-500)
}

textarea {
    border: 1px solid var(--bs-border-color)
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    -webkit-text-fill-color: hsl(var(--heading-color)) !important;
    caret-color: hsl(var(--heading-color))
}

textarea {
    line-height: 1.5 !important
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

.form-check {
    margin-block-end: 16px
}

.form-check:last-child {
    margin-block-end: 0
}

.form-check a {
    display: inline
}

.form-check.form-radio .form-check-input {
    border-radius: 50%
}

.form-check.form-radio .form-check-input:checked {
    background-color: transparent !important
}

.form-check.form-radio .form-check-input:checked:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.form-check.form-radio .form-check-input:checked:before {
    display: none
}

.form-check .form-check-input {
    box-shadow: none;
    background-color: transparent;
    box-shadow: none !important;
    border: 0;
    position: relative;
    border-radius: 3px;
    width: 18px;
    height: 18px;
    border: 1px solid hsl(var(--black)/.4);
    cursor: pointer;
    transition: .2s linear;
    margin-block-start: 0
}

.form-check .form-check-input:after {
    position: absolute;
    content: "";
    inset-block-start: 50%;
    inset-inline-start: 50%;
    -webkit-transform: translate(-50%, -50%) scale(.2);
    transform: translate(-50%, -50%) scale(.2);
    width: 10px;
    height: 10px;
    background-color: hsl(var(--main));
    border-radius: 50%;
    transition: .2s linear;
    z-index: 1;
    visibility: hidden;
    opacity: 0
}

.form-check .form-check-input:checked {
    background-color: hsl(var(--main)) !important;
    border-color: hsl(var(--main)) !important;
    box-shadow: none
}

.form-check .form-check-input:checked[type=checkbox] {
    background-image: none
}

.form-check .form-check-input:checked:before {
    visibility: visible;
    opacity: 1
}

.form-check .form-check-label {
    font-weight: 500;
    width: calc(100% - 18px);
    padding-inline-start: 12px;
    cursor: pointer;
    color: hsl(var(--text-gray-400))
}

label {
    margin-top: 0
}

.form-switch {
    padding-inline-start: 0
}

.form-switch .form-check-input {
    box-shadow: none !important;
    margin: 0;
    position: relative;
    background-color: var(--gray-100);
    border: 0;
    background-image: none !important;
    width: 30px;
    height: 18px
}

.form-switch .form-check-input:checked {
    background-color: var(--main-600-menu)
}

.form-switch .form-check-input:checked:before {
    left: calc(100% - 15px);
    transition: .2s linear
}

.form-switch .form-check-input:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: hsl(var(--white));
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: 3px;
    transition: .2s linear
}

.card {
    border: 0;
    border-radius: 16px;
    background: hsl(var(--white));
    margin-bottom: 20px
}

.card .card-footer,
.card .card-header {
    padding: 20px;
    background-color: transparent;
    border-bottom: 1px solid var(--border-color)
}

.card .card-header .title {
    color: hsl(var(--white));
    margin-block-end: 0
}

.card .card-body {
    padding: 20px
}

.card .card-footer {
    border-top: 1px solid var(--border-color);
    border-bottom: 0
}

.dropdown-menu--lg {
    width: 330px
}

@media screen and (max-width:575px) {
    .dropdown-menu--lg {
        width: 290px
    }
}

.dropdown-menu--md {
    width: 196px
}

button.show {
    background-color: var(--main-200) !important
}

.table>:not(caption)>*>* {
    border-bottom-width: 0
}

.table {
    min-width: max-content
}

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

html {
    scroll-behavior: smooth
}

body {
    font-family: var(--body-font);
    color: var(--body-color);
    word-break: break-word;
    background-color: hsl(var(--white));
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-size: .9375rem
}

p {
    font-weight: 400;
    line-height: 1.6;
    margin: 0 0 10px;
    color: var(--gray-400) !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 16px;
    font-family: var(--heading-font);
    color: hsl(var(--heading-color));
    line-height: 1.2;
    font-weight: 600
}

.h1,
.h2,
h1,
h2 {
    font-size: var(--heading-two);
    line-height: 40px
}

.h3,
h3 {
    font-size: var(--heading-three);
    line-height: 36px
}

.h4,
h4 {
    font-size: var(--heading-four);
    line-height: 30px
}

.h5,
h5 {
    font-size: var(--heading-five);
    line-height: 24px
}

.h6,
h6 {
    font-size: var(--heading-six);
    line-height: 21px
}

h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    transition: .2s linear;
    line-height: inherit
}

h1>a:hover,
h2>a:hover,
h3>a:hover,
h4>a:hover,
h5>a:hover,
h6>a:hover {
    color: hsl(var(--main))
}

a {
    display: inline-block;
    text-decoration: none;
    color: var(--main-600-menu)
}

a:hover {
    color: #1d72f2
}

img {
    max-width: 100%;
    height: auto
}

select {
    cursor: pointer
}

ol,
ul {
    padding: 0;
    list-style: none;
    color: var(--gray-400) !important;
    margin: 0 0 10px
}

button {
    border: 0;
    background-color: transparent
}

button:focus {
    outline: none;
    box-shadow: none
}

.form-select:focus {
    outline: 0;
    box-shadow: none
}

.m-10 {
    margin: var(--size-10) !important
}

.mx-2 {
    margin-inline: var(--size-2) !important
}

.my-2 {
    margin-block: var(--size-2) !important
}

.my-3 {
    margin-block: var(--size-3) !important
}

.my-10 {
    margin-block: var(--size-10) !important
}

.my-20 {
    margin-block: var(--size-20) !important
}

.ms-3 {
    margin-inline-start: var(--size-3) !important
}

.ms-4 {
    margin-inline-start: var(--size-4) !important
}

.ms-5 {
    margin-inline-start: var(--size-5) !important
}

.ms-10 {
    margin-inline-start: var(--size-10) !important
}

.me-2 {
    margin-inline-end: var(--size-2) !important
}

.me-5 {
    margin-inline-end: var(--size-5) !important
}

.mt-2 {
    margin-block-start: var(--size-2) !important
}

.mt-3 {
    margin-block-start: var(--size-3) !important
}

.mt-4 {
    margin-block-start: var(--size-4) !important
}

.mt-5 {
    margin-block-start: var(--size-5) !important
}

.mt-10 {
    margin-block-start: var(--size-10) !important
}

.mt-12 {
    margin-block-start: var(--size-12) !important
}

.mt-20 {
    margin-block-start: var(--size-20) !important
}

.mt-22 {
    margin-block-start: var(--size-22) !important
}

.mt-30 {
    margin-block-start: var(--size-30) !important
}

.mb-2 {
    margin-block-end: var(--size-2) !important
}

.mb-3 {
    margin-block-end: var(--size-3) !important
}

.mb-4 {
    margin-block-end: var(--size-4) !important
}

.mb-5 {
    margin-block-end: var(--size-5) !important
}

.mb-8 {
    margin-block-end: var(--size-8) !important
}

.mb-10 {
    margin-block-end: var(--size-10) !important
}

.mb-20 {
    margin-block-end: var(--size-20) !important
}

.mb-40 {
    margin-block-end: var(--size-40) !important
}

.translate-n74 {
    transform: translateY(-74px)
}

.mt-n74 {
    margin-block-start: -74px
}

.mt-74 {
    margin-block-start: 74px
}

.mb-0 {
    margin-block-end: 0 !important
}

.p-3 {
    padding: var(--size-3) !important
}

.p-10 {
    padding: var(--size-10) !important
}

.p-16 {
    padding: var(--size-16) !important
}

.p-20 {
    padding: var(--size-20) !important
}

.px-2 {
    padding-inline: var(--size-2) !important
}

.px-8 {
    padding-inline: var(--size-8) !important
}

.px-10 {
    padding-inline: var(--size-10) !important
}

.px-16 {
    padding-inline: var(--size-16) !important
}

.px-20 {
    padding-inline: var(--size-20) !important
}

.py-3 {
    padding-block: var(--size-3) !important
}

.py-5 {
    padding-block: var(--size-5) !important
}

.py-8 {
    padding-block: var(--size-8) !important
}

.py-10 {
    padding-block: var(--size-10) !important
}

.py-12 {
    padding-block: var(--size-12) !important
}

.py-20 {
    padding-block: var(--size-20) !important
}

.ps-2 {
    padding-inline-start: var(--size-2) !important
}

.pe-5 {
    padding-inline-end: var(--size-5) !important
}

.pt-10 {
    padding-block-start: var(--size-10) !important
}

.pt-20 {
    padding-block-start: var(--size-20) !important
}

.pb-2 {
    padding-block-end: var(--size-2) !important
}

.pb-5 {
    padding-block-end: var(--size-5) !important
}

.pt-0 {
    padding-block-start: 0 !important
}

.pb-0 {
    padding-block-end: 0 !important
}

.transition-2 {
    transition: .2s linear
}

.inset-inline-start-0 {
    inset-inline-start: 0
}

.inset-inline-end-0 {
    inset-inline-end: 0
}

.inset-block-start-0 {
    inset-block-start: 0
}

.inset-block-start-100 {
    inset-block-start: 100%
}

.hover-text-decoration-underline:hover {
    text-decoration: underline
}

.list-inside {
    list-style: outside;
    margin-left: 30px
}

.list-numbered {
    list-style-type: decimal;
    margin: 10px 0 10px 40px
}

.flex-align,
.flex-center,
.form-check {
    display: flex;
    align-items: center
}

.flex-center {
    justify-content: center
}

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.w-24 {
    width: 1.5rem !important
}

.w-36 {
    width: 2.25rem !important
}

.w-40 {
    width: 2.5rem !important
}

.w-114 {
    width: 7.125rem !important
}

.h-24 {
    height: 1.5rem !important
}

.h-36 {
    height: 2.25rem !important
}

.h-40 {
    height: 2.5rem !important
}

.h-114 {
    height: 7.125rem !important
}

.max-h-270 {
    max-height: 270px
}

.text-success-600 {
    color: var(--success-600) !important
}

.text-danger-600 {
    color: var(--danger-600) !important
}

.text-main-600 {
    color: var(--main-600) !important
}

.text-main-600-menu {
    color: var(--main-600-menu) !important
}

.text-gray-200 {
    color: var(--gray-200) !important
}

.text-gray-300 {
    color: var(--gray-300) !important
}

.text-gray-400 {
    color: var(--gray-400) !important
}

.text-gray-500 {
    color: var(--gray-500) !important
}

.text-gray-800 {
    color: var(--gray-800) !important
}

.text-primary-500 {
    color: var(--primary-500) !important
}

.text-body {
    color: hsl(var(--body-color)) !important
}

.text-main {
    color: hsl(var(--main)) !important
}

.font-bold {
    font-weight: 700
}

.hover-text-main-600:hover {
    color: var(--main-600) !important
}

.hover-text-main-700:hover {
    color: var(--main-700) !important
}

.hover-text-main:hover {
    color: hsl(var(--main)) !important
}

.text-white {
    color: #fff !important
}

.border-main-100 {
    border-color: var(--main-100) !important
}

.border-main-600 {
    border-color: var(--main-600) !important
}

.hover-border-main-600:hover {
    border-color: var(--main-600-menu) !important
}

.hover-border-main-800:hover {
    border-color: var(--main-800) !important
}

.bg-success-50 {
    background-color: var(--success-50) !important
}

.bg-main-25 {
    background-color: var(--preview-bg) !important
}

.bg-main-50 {
    background-color: var(--main-50) !important
}

.bg-main-100-menu {
    background-color: var(--main-100-menu) !important
}

.bg-main-100 {
    background-color: var(--main-100) !important
}

.bg-main-600 {
    background-color: var(--main-600) !important
}

.bg-white {
    background-color: hsl(var(--white)) !important
}

.text-xs {
    font-size: .75rem !important
}

.input-group-text,
.text-sm {
    font-size: .875rem !important
}

.text-md {
    font-size: 1rem !important
}

.text-lg {
    font-size: 1.125rem !important
}

.text-xl {
    font-size: 1.25rem !important
}

.text-2xl {
    font-size: 1.5rem !important
}

.text-2 {
    font-size: .125rem !important
}

.text-13 {
    font-size: .8125rem !important
}

.text-26 {
    font-size: 1.625rem !important
}

.rounded-8 {
    border-radius: .5rem !important
}

.rounded-10 {
    border-radius: .625rem !important
}

.rounded-10-start {
    border-bottom-left-radius: .625rem !important;
    border-top-left-radius: .625rem !important
}

.rounded-10-end {
    border-bottom-right-radius: .625rem !important;
    border-top-right-radius: .625rem !important
}

.rounded-12 {
    border-radius: .75rem !important
}

.rounded-16 {
    border-radius: 1rem !important
}

.rounded-16a {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important
}

.rounded-16b {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    inset-inline-start: 0;
    inset-block-start: 0;
    background-color: hsl(var(--black)/.6);
    z-index: 99;
    transition: .2s linear;
    visibility: hidden;
    opacity: 0
}

.overlay.show-overlay {
    visibility: visible;
    opacity: 1
}

.side-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    inset-inline-start: 0;
    inset-block-start: 0;
    background-color: hsl(var(--black)/.6);
    z-index: 99;
    transition: .2s linear;
    visibility: hidden;
    opacity: 0
}

.side-overlay.show {
    visibility: visible;
    opacity: 1
}

.scroll-sm::-webkit-scrollbar {
    width: 6px
}

.scroll-sm::-webkit-scrollbar-track {
    background: hsl(var(--white))
}

.scroll-sm::-webkit-scrollbar-thumb {
    background: #e4e4e4;
    background: hsl(var(--white));
    border-radius: 50px
}

.scroll-sm::-webkit-scrollbar-thumb:hover {
    background: #c1c1c1 !important
}

.scroll-sm:hover::-webkit-scrollbar-thumb {
    background: #e4e4e4
}

.scroll-sm-horizontal::-webkit-scrollbar {
    height: 6px
}

.gap-2 {
    gap: var(--size-2) !important
}

.gap-8 {
    gap: var(--size-8) !important
}

.gap-12 {
    gap: var(--size-12) !important
}

.gap-16 {
    gap: var(--size-16) !important
}

.gap-24 {
    gap: var(--size-24) !important
}

.g-20,
.gx-20 {
    --bs-gutter-x: 1.25rem !important
}

.g-20,
.gy-20 {
    --bs-gutter-y: 1.25rem !important
}

.image-upload {
    border-radius: 8px !important;
    overflow: hidden;
    position: relative;
    border-radius: inherit;
    border: 1px solid var(--main-200) !important;
    background-color: var(--main-50);
    cursor: pointer;
    transition: .2s
}

.image-upload:hover {
    background-color: var(--main-100)
}

.image-upload__box {
    border-radius: inherit !important;
    cursor: pointer;
    padding: 16px !important;
    height: 206px
}

.image-upload__box,
.image-upload__boxInner {
    flex-direction: column;
    justify-content: center
}

.image-upload__boxInner {
    padding: 0 !important;
    border: 0 !important;
    display: inline-flex;
    width: auto !important;
    margin: 0 auto;
    position: relative;
    border-radius: inherit
}

.image-upload__icon {
    color: inherit !important;
    font-size: 72px !important
}

.image-upload__image {
    border-radius: inherit;
    max-width: 190px
}

.image-upload__imageName {
    margin-top: 4px;
    color: hsl(var(--body-color))
}

.image-upload__deleteBtn {
    position: absolute;
    right: -6px;
    top: -6px;
    z-index: 1;
    background: var(--gray-100);
    color: hsl(var(--gray-900));
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    transition: .2s;
    display: flex;
    justify-content: center;
    align-items: center
}

.image-upload__deleteBtn:hover {
    background: var(--danger-600);
    transform: scale(1.1);
    color: #fff
}

.image-upload__anotherFileIcon {
    font-size: 16px !important;
    color: hsl(var(--body-color)) !important;
    width: 40px;
    height: 40px;
    border: 1px solid var(--gray-100);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: inherit
}

.image-upload__boxInner p,
.image-upload__boxInner span {
    line-height: 1.2 !important
}

.dragover {
    background: var(--primary-200)
}

.sidebar {
    width: 252px;
    position: fixed;
    inset-inline-start: 0;
    inset-block-start: 0;
    background-color: hsl(var(--white));
    border-right: 1px solid var(--bs-border-color);
    height: 100%
}

@media screen and (max-width:1199px) {
    .sidebar {
        transform: translateX(-100%);
        z-index: 99;
        transition: .2s linear
    }
}

.sidebar.active {
    transform: translateX(0)
}

.sidebar-close-btn {
    inset-inline-end: 8px;
    inset-block-start: 8px
}

@media screen and (max-width:1199px) {
    [dir=rtl] .sidebar {
        transform: translateX(100%)
    }
}

[dir=rtl] .sidebar.active {
    transform: translateX(0)
}

.sidebar-menu-wrapper {
    max-height: calc(100vh - 62px) !important
}

.sidebar-menu__item:not(:last-child) {
    margin-block-end: 6px
}

.sidebar-menu__item.activePage .sidebar-menu__link {
    background-color: hsl(var(--main));
    color: hsl(var(--btn-white))
}

.sidebar-menu__item.activePage .sidebar-menu__link:before {
    color: hsl(var(--btn-white)) !important;
    transform: translateY(-50%) rotate(90deg) !important
}

.sidebar-menu__item.activePage .sidebar-menu__link .link-badge {
    background-color: hsl(var(--white));
    color: var(--main-600)
}

.sidebar-menu__item:has(.sidebar-submenu__item.activePage) .sidebar-menu__link {
    background-color: var(--main-600);
    color: hsl(var(--white))
}

.sidebar-menu__item:has(.sidebar-submenu__item.activePage) .sidebar-menu__link:before {
    color: hsl(var(--white)) !important
}

.sidebar-menu__item:has(.sidebar-submenu__item.activePage) .sidebar-menu__link .link-badge {
    background-color: hsl(var(--white));
    color: var(--main-600)
}

.sidebar-menu__item.has-dropdown .sidebar-menu__link {
    position: relative
}

.sidebar-menu__item.has-dropdown .sidebar-menu__link:before {
    position: absolute;
    content: "\fbe9";
    font-family: custom;
    inset-inline-end: 20px;
    inset-block-start: 50%;
    transform: translateY(-50%);
    color: var(--gray-200);
    font-size: 15px;
    width: 7px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s linear
}

.sidebar-menu__link {
    padding: 6px 10px;
    border-radius: 8px;
    color: var(--gray-300);
    display: flex;
    align-items: center;
    gap: 8px;
    text-transform: capitalize
}

.sidebar-menu__link:hover {
    color: hsl(var(--main-hover-menu));
    background-color: var(--main-50)
}

.sidebar-menu__link .icon {
    font-size: 24px;
    line-height: 1;
    display: flex
}

.sidebar-menu__link .link-badge {
    width: 22px;
    height: 22px;
    background-color: var(--main-100);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 13px;
    margin-inline-start: auto;
    margin-inline-end: 18px
}

.sidebar-submenu {
    margin-inline-start: 12px;
    margin-top: 12px;
    display: none
}

.sidebar-submenu>li {
    margin-bottom: 6px
}

.sidebar-submenu>li.activePage>a {
    color: var(--main-600-menu);
    font-weight: 600
}

.sidebar-submenu>li:last-child {
    margin-bottom: 0
}

.sidebar-submenu>li>a {
    padding: 2px 18px;
    color: var(--gray-200);
    font-size: .8125rem;
    display: block;
    position: relative
}

.sidebar-submenu>li>a:hover {
    color: var(--main-600-menu)
}

.sidebar-submenu>li>a:before {
    position: absolute;
    content: "";
    inset-inline-start: 0;
    inset-block-start: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 2px;
    background-color: var(--gray-100);
    border-radius: 30px
}

.sidebar-submenu ul {
    margin-inline-start: 18px;
    margin-top: 6px;
    display: none
}

.sidebar-submenu ul>li {
    margin-bottom: 4px
}

.sidebar-submenu ul>li>a {
    padding: 2px 18px;
    display: block;
    font-size: .8125rem;
    color: var(--gray-200);
    position: relative
}

.sidebar-submenu ul>li>a:hover {
    color: var(--main-600-menu)
}

.sidebar-submenu ul>li.activePage>a {
    color: var(--main-600-menu);
    font-weight: 600
}

.sidebar-submenu ul>li>a:before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 50%;
    width: 6px;
    height: 2px;
    background-color: var(--gray-100);
    border-radius: 30px;
    transform: translateY(-50%)
}

.sidebar-submenu li:has(>ul)>a:after {
    position: absolute;
    content: "\fbe9";
    font-family: custom;
    inset-inline-end: 20px;
    inset-block-start: 50%;
    transform: translateY(-50%);
    color: var(--gray-200);
    font-size: 15px;
    width: 7px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s linear
}

.sidebar-submenu li.activePage:has(>ul)>a {
    position: relative
}

.sidebar-menu__item li.activePage:has(>ul)>a:after {
    color: hsl(var(--main-600)) !important;
    transform: translateY(-50%) rotate(90deg) !important
}

.centerised-img {
    width: 75px;
    height: 75px
}

.top-navbar {
    background-color: hsl(var(--white));
    padding-block-start: 16px;
    padding-block-end: 16px;
    position: sticky;
    top: 0;
    z-index: 9;
    border-bottom: 1px solid var(--bs-border-color);
    margin-bottom: 20px
}

/* .dashboard-main-wrapper {
    margin-inline-start: 252px
} */

.dashboard-main-wrapper,
.dashboard-main-wrapper-tryit {
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    transition: .2s linear;
    
}

@media screen and (max-width:1199px) {
    .dashboard-main-wrapper {
        margin-inline-start: 0
    }
}

.dashboard-main-wrapper.active {
    margin-inline-start: 4.875rem
}

/* .dashboard-body {
    padding-block-start: 10px;
    padding-block-end: 10px
} */

/* .dashboard-body,
.top-navbar {
    padding-inline-start: 24px;
    padding-inline-end: 24px
} */

.dashboard-footer {
    margin-inline-start: 24px;
    margin-inline-end: 24px
}

@media screen and (max-width:1199px) {
    .dashboard-footer {
        margin-inline-start: 16px;
        margin-inline-end: 16px
    }
}

.dashboard-footer {
    margin-top: auto;
    padding: 20px;
    border-radius: 16px 16px 0 0;
    background-color: hsl(var(--white))
}

@media screen and (max-width:991px) {
    .dashboard-footer {
        padding: 12px
    }
}

.grettings-box__content {
    padding: clamp(1.5rem, -1.086rem + 5.388vw, 3.625rem) clamp(1.25rem, -3.621rem + 6vw, 2.75rem) !important
}

.clipboard {
    position: relative;
    cursor: pointer
}

.copied:after {
    position: absolute;
    bottom: 100%;
    right: 40%;
    display: block;
    content: "Copied!";
    padding: 4px 6px;
    font-size: .9em;
    color: #fff;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 3px;
    opacity: 0;
    will-animate: opacity, transform;
    animation: showcopied 1.5s ease
}

@keyframes showcopied {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    70% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0
    }
}

.table thead tr th {
    background-color: var(--main-200)
}

.table td,
.table thead tr th {
    color: var(--gray-400)
}

.table {
    table-layout: fixed
}

.alert-success .alert-icon {
    background-color: rgba(66, 214, 151, .1)
}

.alert-info .alert-icon {
    background-color: rgba(105, 179, 254, .1)
}

.alert-warning .alert-icon {
    background-color: rgba(254, 165, 105, .1)
}

.alert-danger .alert-icon {
    background-color: rgba(243, 71, 112, .1)
}

.alert-light .alert-icon {
    background-color: hsla(0, 0%, 100%, .1)
}

.alert-dark .alert-icon {
    background-color: rgba(55, 63, 80, .1)
}

.alert-secondary .alert-icon {
    background-color: #e3e9ef
}

.alert-light .alert-icon {
    background-color: #f3f5f9
}

#q:focus {
    border: transparent
}

ins.adsbygoogle[data-ad-status=unfilled] {
    display: none !important
}

ins.adsbygoogle[data-ad-status=unfilled] .adblock-message {
    display: block
}

.adblock-message {
    display: none;
    width: 100%;
    margin: 10px auto
}

.buymeacoffee {
    display: flex;
    align-items: center;
    padding: 8px;
    transition: transform .3s ease
}

@media(max-width:770px) {
    .adblock-message span {
        display: none
    }

    .buymeacoffee {
        margin: 0 auto
    }
}

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

.logo {
    line-height: 69px;
    color: inherit !important
}

.logo-txt {
    font-weight: 700;
    font-size: 30px;
    vertical-align: middle;
    margin-left: 5px;
    color: var(--main-800)
}

.logo-light {
    display: none
}

.share-social__icons {
    visibility: hidden;
    opacity: 0;
    margin-top: 16px;
    transition: .2s linear;
    z-index: 9
}

.share-social__icons.left {
    inset-inline-start: calc(100% - 16px) !important;
    inset-inline-end: auto !important
}

.share-social__icons.left:before {
    inset-inline-end: calc(100% - 20px)
}

.share-social__icons.show {
    visibility: visible;
    opacity: 1;
    margin-top: 8px
}

.share-social__icons:before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    inset-block-start: -7px;
    inset-inline-end: 5px;
    transform: rotate(45deg);
    background-color: hsl(var(--white));
    border: 1px solid var(--gray-100);
    border-radius: 3px;
    border-bottom: 0;
    border-right: 0
}

.share-social__button.active {
    color: var(--main-600) !important
}

.filter-blue {
    filter: invert(23%) sepia(75%) saturate(2994%) hue-rotate(219deg) brightness(99%) contrast(84%)
}

.card-header {
    font-size: 1.1em
}

.examples {
    position: relative;
    margin: 15px 0;
    padding: 39px 10px 14px;
    background-color: #fafcff;
    border: 1px solid #ddd;
    border-radius: 4px
}

.examples .topic {
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    background-color: var(--main-50);
    border: 1px solid #ddd;
    color: #555;
    border-radius: 4px 0 4px 0
}

.topic .clipboard {
    color: #333;
    font-size: larger;
    padding: 0 0 2px 3px
}

.code {
    font-size: 1em;
    color: #222;
    background: #e9eef6;
    border-radius: 4px;
    padding: 1px 4px;
    word-wrap: break-word
}

.well {
    background-color: #fbfaff;
    padding: 10px;
    border: 1px solid #e9eaf8;
    border-radius: 5px
}

pre {
    white-space: nowrap !important
}

pre code {
    white-space: pre !important
}

.search input {
    width: 100%;
    outline: none;
    border: none
}

.dep {
    color: red;
    background: #fcc;
    font-size: .9em
}

:not(pre)>code[class*=language-],
pre,
pre[class*=language-] {
    margin: 0;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background-color: var(--preview-bg);
    font-size: .9em;
    border: 1px solid #b4c5db;
    border-radius: 6px
}

pre {
    padding-right: 1rem;
    padding-left: 1rem
}

.code-toolbar :not(pre)>code[class*=language-],
.code-toolbar pre[class*=language-] {
    padding-top: 3rem
}

code[class*=language-],
pre,
pre[class*=language-] {
    color: #4f5067
}

.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
    color: var(--token-boolean);
    background: none !important
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: var(--token-cdata);
    background: none !important
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector {
    color: var(--token-attr);
    background: none !important
}

.token.atrule,
.token.attr-value,
.token.keyword,
.token.string {
    color: var(--token-atrule);
    background: none !important
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
    color: var(--token-language);
    background: none !important
}

.token.class-name,
.token.function {
    color: var(--token-class);
    background: none !important
}

code[class*=language-],
pre[class*=language-] {
    text-shadow: none !important;
    color: var(--black)
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em;
    color: #4f5067
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code:not([class*=language-]) {
    font-size: .92em;
    color: #222;
    background: #e8f0fb;
    border-radius: 4px;
    padding: 2px 6px;
    word-wrap: break-word
}

div.code-toolbar {
    margin-bottom: 20px
}

div.code-toolbar>.toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #e7f1fe;
    border: 1px solid #b4c5db;
    padding: 3px 15px;
    opacity: 1 !important;
    z-index: 1
}

div.code-toolbar pre {
    margin-top: 0
}

div.code-toolbar>.toolbar>.toolbar-item>span {
    color: hsl(var(--black));
    font-size: .85rem;
    font-family: sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    border: none;
    background: transparent;
    box-shadow: none;
    pointer-events: none
}

div.code-toolbar>.toolbar>.toolbar-item>button {
    background: #2e384d !important;
    border: 1px solid #2e384d !important;
    color: hsl(var(--btn-white)) !important;
    border: none;
    border-radius: 4px;
    padding: 3px 12px;
    font-size: .7rem;
    cursor: pointer;
    transition: all .2s ease;
    box-shadow: none
}

div.code-toolbar>.toolbar>.toolbar-item>button:hover {
    background: #3b4863 !important
}

.code-toolbar>.toolbar {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.code_header,
.headerblog {
    display: none
}

dl {
    color: var(--gray-400);
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 1em;
    grid-row-gap: .5em;
    margin-bottom: 20px;
    margin-top: 20px;
    line-height: 1.3em
}

dt {
    position: relative;
    grid-column: 1;
    font-weight: 700;
    overflow: hidden;
    width: 175px
}

dd {
    grid-column: 2;
    margin-left: 0
}

dt:after {
    position: absolute;
    top: .8em;
    width: 100%;
    margin-left: .75em;
    border-bottom: 1px dotted #888;
    content: ""
}

.hidden {
    display: none
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 75px;
    z-index: 0;
}

.ace_gutter,
.ace_gutter-cell {
    background: var(--main-50) !important;
    color: hsl(var(--black))
}

#code1,
#input,
#output {
    height: 300px;
    font-size: 14px;
    border: 1px solid var(--bs-border-color);
    border-radius: 0 0 16px 16px
}

.html-tags-list a {
    border-bottom: none;
    display: block;
    padding: 2px 5px 2px 15px;
    background: var(--main-100);
    border: 2px solid var(--main-100);
    border-radius: 8px
}

.html-tags-list a:hover {
    border: 2px solid var(--main-600)
}

.html-tags-list span {
    color: red;
    font-size: .7em;
    float: right
}

#cssproperties ul {
    margin: 20px 0 20px 30px;
    list-style-type: disc
}

.myblog ol,
.myblog ul {
    margin: 0 0 20px 30px;
    list-style-type: disc
}

#cssproperties ul li {
    margin-bottom: 0;
    padding-left: 5px
}

#cssproperties ul>li:before {
    display: none
}

#cssproperties ul li span {
    display: block;
    font-size: .9em;
    margin-left: 10px;
    margin-bottom: 10px
}

#cssproperties table tr td img {
    width: 32px;
    height: 32px
}

#cssproperties .yes {
    background: #d6f5d6;
    color: green
}

#cssproperties .no {
    background: #ffb3b3;
    color: maroon
}

#cssproperties .unsure {
    background: #eee
}

#cssproperties .values {
    font-size: .9em
}

#cssproperties .no-code,
#cssproperties .syntax {
    margin-bottom: 0;
    background: transparent;
    border: none
}

#cssproperties .remove-toolbar .toolbar {
    border: none;
    background: none
}

#cssproperties .remove-toolbar .toolbar-item:first-of-type {
    visibility: hidden
}

#cssproperties .remove-toolbar button {
    position: relative;
    top: 45px
}

#cssproperties .remove-toolbar .code-toolbar pre {
    margin-top: -40px
}

#cssproperties ul li ul {
    margin-top: 0
}

#cssproperties td ul li,
#cssproperties ul li ul li {
    margin-bottom: 3px
}

#cssproperties p {
    margin-top: 15px;
    margin-bottom: 15px
}

.tabs {
    display: flex;
    flex-wrap: wrap;
    background: var(--main-50)
}

.tabs label {
    color: #000;
    order: 1;
    display: block;
    padding: 5px 20px;
    margin-right: .2rem;
    cursor: pointer;
    transition: background .2s ease
}

.tabs label:hover {
    background: #bdd2fc
}

.tabs .tab {
    order: 99;
    flex-grow: 1;
    width: 100%;
    background: transparent;
    height: 275px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 0 0 16px 16px;
    border-top: 1px solid var(--bs-border-color) !important;
    background: var(--preview-bg)
}

.tabs .tab,
.tabs input[type=radio] {
    display: none
}

.tabs input[type=radio]:checked+label {
    background: #bdd2fc;
    font-weight: 700;
    color: #000
}

.tabs input[type=radio]:checked+label+.tab {
    display: block
}

.tabs pre {
    border: none !important
}

.meta-link {
    transition: color .2s ease-in-out;
    color: #797a95;
    vertical-align: middle;
    text-decoration: none
}

.meta-link:not(.media) {
    display: inline-block
}

.meta-link:hover {
    color: #4d4e64;
    text-decoration: none
}

.meta-link>i {
    font-size: 1.25em;
    opacity: .75;
    vertical-align: middle
}

.meta-divider {
    display: inline-block;
    width: 1px;
    height: 1rem;
    margin: 0 .625rem;
    background-color: #dfdfec;
    vertical-align: middle
}

.btn-sm {
    padding: 8px 10px;
    font-size: .875rem
}

.interactive-cont {
    min-height: 385px;
    border: none
}

.interactive-values {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 355px
}

.interactive-values label {
    display: flex;
    align-items: center;
    flex-grow: 1;
    padding: 4px 10px;
    background-color: hsl(var(--white));
    border: 1px solid #e1e2e7;
    border-radius: 4px;
    height: 100%
}

.interactive-values input[type=radio] {
    position: absolute;
    opacity: 0
}

.interactive-values input[type=radio]:checked+label {
    box-shadow: 0 0 3px #00f
}

.interactive-values label:hover {
    box-shadow: 0 0 1px #00f;
    cursor: pointer
}

.interactive-values .toolbar {
    display: none !important
}

.interactive-values .code-toolbar {
    margin-bottom: 0
}

.interactive-values pre {
    border: none !important;
    padding-top: 0 !important;
    padding: 0 !important;
    background: hsl(var(--white))
}

.interactive-values pre code {
    white-space: pre-wrap !important
}

.interactive-cont {
    padding: 15px
}

.interactive-cont .int-demo {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 317px;
    text-align: center;
    position: relative;
    width: 100%;
    overflow: auto
}

@media (max-width:768px) {
    .interactive-cont .col-md-6:nth-child(2) {
        margin-top: 10px
    }
}

#codeModal pre {
    max-height: 180px
}

#codeModal .examples {
    border: none;
    background: none;
    margin: 0;
    padding: 0
}

#codeModal .topic {
    display: none
}

#codeModal .btn-secondary {
    padding: 5px 20px
}

.myblog .nav-tabs-custom ul {
    margin-bottom: 0
}

.myblog .nav-tabs-custom li {
    list-style-type: none
}

.myblog .tab-content {
    padding: 0;
    border: 0;
    margin-top: -10px
}

.form-select:focus {
    box-shadow: none !important
}

.thumbnail {
    text-align: center
}

#author-bio {
    padding: 20px 0;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd
}

#author-avatar img {
    float: left;
    margin-right: 20px;
    border: 1px solid #d6d6d6;
    border-radius: 15px
}

#author-details {
    overflow: hidden
}

#author-details h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 15px
}

strong {
    font-weight: 600
}

@media (max-width:600px) {
    dl {
        grid-template-columns: 1fr
    }

    dd,
    dt {
        grid-column: 1
    }

    dt {
        width: auto
    }

    dd {
        margin-left: 5px
    }

    .hideme {
        display: none
    }

    .showme {
        display: block
    }

    .w75 {
        width: 75px
    }
}

@media (min-width:601px) {
    .showme {
        display: none
    }
}

.btn-group-sm .btn-sm {
    padding: 5px 0
}

.common-tab {
    margin-block-end: 0
}

.common-tab .nav-item {
    border-bottom: 0
}

.common-tab .nav-item .nav-link {
    background-color: var(--main-50);
    color: var(--gray-600);
    padding: 4px 12px;
    border: 1px solid var(--gray-200);
    border-radius: 50px;
    font-size: .9375rem
}

.common-tab .nav-item .nav-link.active {
    color: var(--main-600-menu);
    background-color: var(--main-200);
    border-color: var(--main-50);
    font-weight: 700
}

.common-tab .nav-item .nav-link:hover {
    color: var(--main-600);
    border-color: var(--main-200)
}

.common-tab.style-two {
    gap: clamp(.25rem, -1.793rem + 3.295vw, 1.5rem)
}

.common-tab.style-two .nav-item .nav-link {
    padding: 9px 16px;
    border-radius: 12px 12px 0 0;
    border: 0
}

@media screen and (max-width:767px) {
    .common-tab.style-two .nav-item .nav-link {
        padding: 6px 12px;
        font-size: .8125rem !important
    }
}

.tab-content {
    border: 1px solid var(--bs-border-color);
    padding: 20px
}

.card-h-100 {
    height: calc(100% - 20px)
}

.wrapper_front {
    width: 100%;
    padding: 80px 20px 40px;
    display: flex
}

.card-front {
    width: 100%;
    height: 100%;
    margin: auto;
    position: relative;
    border: 2px solid
}

.card-front:hover,
.card-front:hover .card-front__img {
    border: 2px solid var(--main-600-menu)
}

.card-front__img {
    width: 120px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(-50%);
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 4;
    border: 2px solid var(--main-100);
    background-color: var(--preview-bg)
}

.card-front__img svg {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.card-front__cnt {
    margin-top: -50px;
    text-align: center;
    padding: 0 20px 40px;
    transition: all .3s
}

.card-front__name {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 28px;
    color: #161a42
}

.card-front__txt {
    font-size: 1.1em;
    color: var(--gray-400);
    margin-bottom: 50px
}

.card-front-ctr {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px
}

.card-front__button {
    background: none;
    border: none;
    font-size: 1.3em;
    padding: 10px 30px;
    min-width: 201px;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    backface-visibility: hidden;
    transition: all .3s;
    position: absolute;
    bottom: 20px
}

.card-front__button:focus {
    outline: none !important
}

.card-front__button.button--blue {
    background: linear-gradient(45deg, #5d61c2, #0e71c8)
}

.card-blog {
    padding: 20px
}

.card-text+p {
    font-size: 14px
}

.preview-bg {
    background: var(--preview-bg)
}

.with-errors ul li {
    color: var(--danger-600)
}

.alarm-notify {
    width: 8px;
    height: 8px;
    background-color: var(--danger-600);
    inset-block-start: 2px;
    inset-inline-start: inherit;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1
}

.alarm-notify:after,
.alarm-notify:before {
    position: absolute;
    content: "";
    background-color: inherit;
    opacity: .8;
    inset-block-start: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    border-radius: 50px;
    transform: scale(1);
    animation-name: transformScale;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    z-index: -1
}

.alarm-notify:after {
    animation-delay: .75s
}

@keyframes transformScale {
    0% {
        transform: scale(1);
        opacity: .9
    }

    60% {
        transform: scale(2.5);
        opacity: .2
    }

    to {
        transform: scale(3);
        opacity: 0
    }
}

.sponsor-list {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.sponsor-item {
    display: block;
    padding: 12px 14px;
    text-decoration: none;
    border-radius: 6px;
    background: #f8f9fa;
    transition: background .2s ease, transform .1s ease
}

.sponsor-item:hover {
    background: #eef2f6
}

.sponsor-title {
    font-weight: 600;
    color: var(--main-600);
    margin-bottom: 4px
}

.sponsor-desc {
    color: #555;
    font-size: .9rem;
    line-height: 1.4
}

.sponsor-desc:before {
    content: "-"
}

.sponsor-highlight {
    background: #f1f3f5;
    border: 1px dashed #ced4da
}

.sponsor-highlight:hover {
    background: #e9ecef
}

.breadcrumb {
    background-color: var(--preview-bg);
    border-radius: 50px;
    padding: 6px 20px;
    display: flex;
    border: 1px solid var(--bs-border-color)
}

.breadcrumb-item {
    font-size: .85rem;
    letter-spacing: .5px
}

.spinning {
    animation: spin 1s linear infinite;
    display: inline-block
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.faq-section {
    margin: 2em 0
}

.faq-item {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    margin-bottom: 1em;
    overflow: hidden
}

.faq-item summary {
    padding: 1em 1.2em;
    font-weight: 700;
    cursor: pointer;
    background: #f8f9fa;
    list-style: none
}

.faq-item summary::-webkit-details-marker {
    display: none
}

.faq-item summary:before {
    content: "+ ";
    color: #4a90d9;
    font-weight: 700
}

.faq-item[open] summary:before {
    content: "− "
}

.faq-item p {
    padding: 1em 1.2em;
    margin: 0;
    border-top: 1px solid #e0e0e0
}

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

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu.show {
    display: block
}

.custom-tooltip {
    position: fixed;
    transform: translate(-50%, -75%);
    background: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    pointer-events: none;
    z-index: 9999;
    opacity: 0;
    transition: opacity .2s;
    margin-top: -10px
}

.custom-tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: #333
}

.custom-tooltip.visible {
    opacity: 1
}

pre::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

pre::-webkit-scrollbar-track {
    background: transparent
}

pre::-webkit-scrollbar-thumb {
    background: #bfdbfe;
    border-radius: 4px
}

pre::-webkit-scrollbar-thumb:hover {
    background: #93c5fd)
}