@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");

:root,
::backdrop {
    --sl-color-white: hsl(0, 0%, 100%);
    --sl-color-gray-1: hsl(224, 20%, 94%);
    --sl-color-gray-2: hsl(224, 6%, 77%);
    --sl-color-gray-3: hsl(224, 6%, 56%);
    --sl-color-gray-4: hsl(224, 7%, 36%);
    --sl-color-gray-5: hsl(224, 10%, 23%);
    --sl-color-gray-6: hsl(224, 14%, 16%);
    --sl-color-black: hsl(224, 10%, 10%);
    --sl-hue-orange: 41;
    --sl-color-orange-low: hsl(var(--sl-hue-orange), 39%, 22%);
    --sl-color-orange: hsl(var(--sl-hue-orange), 82%, 63%);
    --sl-color-orange-high: hsl(var(--sl-hue-orange), 82%, 87%);
    --sl-hue-green: 101;
    --sl-color-green-low: hsl(var(--sl-hue-green), 39%, 22%);
    --sl-color-green: hsl(var(--sl-hue-green), 82%, 63%);
    --sl-color-green-high: hsl(var(--sl-hue-green), 82%, 80%);
    --sl-hue-blue: 234;
    --sl-color-blue-low: hsl(var(--sl-hue-blue), 54%, 20%);
    --sl-color-blue: hsl(var(--sl-hue-blue), 100%, 60%);
    --sl-color-blue-high: hsl(var(--sl-hue-blue), 100%, 87%);
    --sl-hue-purple: 281;
    --sl-color-purple-low: hsl(var(--sl-hue-purple), 39%, 22%);
    --sl-color-purple: hsl(var(--sl-hue-purple), 82%, 63%);
    --sl-color-purple-high: hsl(var(--sl-hue-purple), 82%, 89%);
    --sl-hue-red: 339;
    --sl-color-red-low: hsl(var(--sl-hue-red), 39%, 22%);
    --sl-color-red: hsl(var(--sl-hue-red), 82%, 63%);
    --sl-color-red-high: hsl(var(--sl-hue-red), 82%, 87%);
    --sl-color-accent-low: hsl(224, 54%, 20%);
    --sl-color-accent: hsl(224, 100%, 60%);
    --sl-color-accent-high: hsl(225, 36%, 32%);
    --sl-color-text: var(--sl-color-gray-2);
    --sl-color-text-accent: var(--sl-color-accent-high);
    --sl-color-text-invert: var(--sl-color-accent-low);
    --sl-color-bg: var(--sl-color-black);
    --sl-color-bg-nav: var(--sl-color-gray-6);
    --sl-color-bg-sidebar: var(--sl-color-gray-6);
    --sl-color-bg-inline-code: var(--sl-color-gray-5);
    --sl-color-hairline-light: var(--sl-color-gray-5);
    --sl-color-hairline: var(--sl-color-gray-6);
    --sl-color-hairline-shade: var(--sl-color-black);
    --sl-color-backdrop-overlay: hsla(223, 13%, 10%, 0.66);
    --sl-shadow-sm: 0px 1px 1px hsla(0, 0%, 0%, 0.12),
        0px 2px 1px hsla(0, 0%, 0%, 0.24);
    --sl-shadow-md: 0px 8px 4px hsla(0, 0%, 0%, 0.08),
        0px 5px 2px hsla(0, 0%, 0%, 0.08), 0px 3px 2px hsla(0, 0%, 0%, 0.12),
        0px 1px 1px hsla(0, 0%, 0%, 0.15);
    --sl-shadow-lg: 0px 25px 7px hsla(0, 0%, 0%, 0.03),
        0px 16px 6px hsla(0, 0%, 0%, 0.1),
        0px 9px 5px hsla(223, 13%, 10%, 0.33),
        0px 4px 4px hsla(0, 0%, 0%, 0.75), 0px 4px 2px hsla(0, 0%, 0%, 0.25);
    --sl-text-xs: 0.8125rem;
    --sl-text-sm: 0.875rem;
    --sl-text-base: 1rem;
    --sl-text-lg: 1.125rem;
    --sl-text-xl: 1.25rem;
    --sl-text-2xl: 1.5rem;
    --sl-text-3xl: 1.8125rem;
    --sl-text-4xl: 2.1875rem;
    --sl-text-5xl: 2.625rem;
    --sl-text-6xl: 4rem;
    --sl-text-body: var(--sl-text-base);
    --sl-text-body-sm: var(--sl-text-xs);
    --sl-text-code: var(--sl-text-sm);
    --sl-text-code-sm: var(--sl-text-xs);
    --sl-text-h1: var(--sl-text-4xl);
    --sl-text-h2: var(--sl-text-3xl);
    --sl-text-h3: var(--sl-text-2xl);
    --sl-text-h4: var(--sl-text-xl);
    --sl-text-h5: var(--sl-text-lg);
    --sl-line-height: 1.8;
    --sl-line-height-headings: 1.2;
    --sl-font-system: ui-sans-serif, system-ui, -apple-system,
        BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
        "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
        "Segoe UI Symbol", "Noto Color Emoji";
    --sl-font-system-mono: ui-monospace, SFMono-Regular, Menlo, Monaco,
        Consolas, "Liberation Mono", "Courier New", monospace;
    --__sl-font: var(--sl-font, ""), var(--sl-font-system);
    --__sl-font-mono: var(--sl-font-mono, ""), var(--sl-font-system-mono);
    --sl-nav-height: 3.5rem;
    --sl-nav-pad-x: 1rem;
    --sl-nav-pad-y: 0.75rem;
    --sl-mobile-toc-height: 3rem;
    --sl-sidebar-width: 18.75rem;
    --sl-sidebar-pad-x: 1rem;
    --sl-content-width: 45rem;
    --sl-content-pad-x: 1rem;
    --sl-menu-button-size: 2rem;
    --sl-nav-gap: var(--sl-content-pad-x);
    --sl-outline-offset-inside: -0.1875rem;
    --sl-z-index-toc: 4;
    --sl-z-index-menu: 5;
    --sl-z-index-navbar: 10;
    --sl-z-index-skiplink: 20;
}

:root {
    --purple-hsl: 255, 60%, 60%;
    --overlay-blurple: hsla(var(--purple-hsl), 0.2);
}

:root,
[data-bs-theme="light"] {
    --bs-blue: #3347ff;
    --bs-indigo: #6610f2;
    --bs-purple: #bd53ee;
    --bs-pink: #d63384;
    --bs-red: #ee5389;
    --bs-orange: #fd7e14;
    --bs-yellow: #eebd53;
    --bs-green: #84ee53;
    --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: #67dab7;
    --bs-secondary: #6c757d;
    --bs-success: #84ee53;
    --bs-info: #3347ff;
    --bs-warning: #eebd53;
    --bs-danger: #ee5389;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 103, 218, 183;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 132.2821, 238.017, 83.283;
    --bs-info-rgb: 51, 71.4, 255;
    --bs-warning-rgb: 238.017, 189.0179, 83.283;
    --bs-danger-rgb: 238.017, 83.283, 137.4399;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #295749;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #355f21;
    --bs-info-text-emphasis: #141d66;
    --bs-warning-text-emphasis: #5f4c21;
    --bs-danger-text-emphasis: #5f2137;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #e1f8f1;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #e6fcdd;
    --bs-info-bg-subtle: #d6daff;
    --bs-warning-bg-subtle: #fcf2dd;
    --bs-danger-bg-subtle: #fcdde7;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #c2f0e2;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #cef8ba;
    --bs-info-border-subtle: #adb6ff;
    --bs-warning-border-subtle: #f8e5ba;
    --bs-danger-border-subtle: #f8bad0;
    --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: "Jost", 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,
            rgba(255, 255, 255, 0.15),
            rgba(255, 255, 255, 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: #1d2d35;
    --bs-body-color-rgb: 29, 45, 53;
    --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(29, 45, 53, 0.75);
    --bs-secondary-color-rgb: 29, 45, 53;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(29, 45, 53, 0.5);
    --bs-tertiary-color-rgb: 29, 45, 53;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #67dab7;
    --bs-link-color-rgb: 103, 218, 183;
    --bs-link-decoration: none;
    --bs-link-hover-color: #52ae92;
    --bs-link-hover-color-rgb: 82, 174, 146;
    --bs-link-hover-decoration: underline;
    --bs-code-color: #d63384;
    --bs-highlight-color: #1d2d35;
    --bs-highlight-bg: #fcf2dd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #e9ecef;
    --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(103, 218, 183, 0.25);
    --bs-form-valid-color: #84ee53;
    --bs-form-valid-border-color: #84ee53;
    --bs-form-invalid-color: #ee5389;
    --bs-form-invalid-border-color: #ee5389;
}

[data-bs-theme="dark"] {
    color-scheme: dark;
    --bs-body-color: #e5e5e5;
    --bs-body-color-rgb: 228.99, 228.99, 228.99;
    --bs-body-bg: #191919;
    --bs-body-bg-rgb: 24.99, 24.99, 24.99;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(173, 181, 189, 0.75);
    --bs-secondary-color-rgb: 173, 181, 189;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(173, 181, 189, 0.5);
    --bs-tertiary-color-rgb: 173, 181, 189;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #a4e9d4;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #b5f598;
    --bs-info-text-emphasis: #8591ff;
    --bs-warning-text-emphasis: #f5d798;
    --bs-danger-text-emphasis: #f598b8;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #152c25;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #1a3011;
    --bs-info-bg-subtle: #0a0e33;
    --bs-warning-bg-subtle: #302611;
    --bs-danger-bg-subtle: #30111b;
    --bs-light-bg-subtle: #23262f;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #3e836e;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #4f8f32;
    --bs-info-border-subtle: #2e40e6;
    --bs-warning-border-subtle: #b38e3e;
    --bs-danger-border-subtle: #d64b7c;
    --bs-light-border-subtle: #353841;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: #e5e5e5;
    --bs-link-color: #67dab7;
    --bs-link-hover-color: #b6eddd;
    --bs-link-color-rgb: 103, 218, 183;
    --bs-link-hover-color-rgb: 182, 237, 221;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #e5e5e5;
    --bs-highlight-bg: #5f4c21;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #b5f598;
    --bs-form-valid-border-color: #b5f598;
    --bs-form-invalid-color: #f598b8;
    --bs-form-invalid-border-color: #f598b8;
}

*,
*::before,
*::after {
    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: rgba(0, 0, 0, 0);
} */

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: 0.25;
    border-color: #ffffff !important;
}

h6,
.h6,
h5,
.h5,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--bs-heading-color);
}

h1,
.h1 {
    font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {

    h1,
    .h1 {
        font-size: 2.5rem;
    }
}

h2,
.h2 {
    font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {

    h2,
    .h2 {
        font-size: 2rem;
    }
}

h3,
.h3 {
    font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {

    h3,
    .h3 {
        font-size: 1.75rem;
    }
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 23px;
}

ol,
ul {
    padding-left: 2rem;
}

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

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

strong {
    font-weight: bolder;
}

small,
.small {
    font-size: 0.875em;
}

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

/* a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
    text-decoration: underline;
} */

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

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

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

pre code {
    font-size: inherit;
    /* color: #000; */
    color: #fff;
    word-break: normal;
    background-color: #0C1021;
}

code {
    font-size: 0.875em;
    color: var(--bs-code-color);
    word-wrap: break-word;
}

a>code {
    color: inherit;
}

kbd {
    padding: 0.1875rem 0.375rem;
    font-size: 0.875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: 0.25rem;
}

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

img,
svg {
    vertical-align: middle;
}

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

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

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

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

label {
    display: inline-block;
}

button {
    border-radius: 0;
}

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

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

button {
    text-transform: none;
}

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

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

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

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

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-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;
}

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

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

[hidden] {
    display: none !important;
}

.lead {
    font-size: 1rem;
    font-weight: 400;
}

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

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

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

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

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

.code-table pre, .code-table pre code{
    border-radius: unset !important;
}




/* .container,
.container-fluid {
    --bs-gutter-x: 3rem;
    --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 {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1240px;
    }
}

@media (min-width: 1400px) {
    .container {
        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: 3rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.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);
}

@media (min-width: 768px) {
    .col-md-8 {
        flex: 0 0 auto;
        width: 50%;
    }

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

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

@media (min-width: 992px) {
    .col-lg-4 {
        flex: 0 0 auto;
        width: 25%;
    }

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .col-xl-2 {
        flex: 0 0 auto;
        width: 12.5%;
    }

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

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

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

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

@media (max-width: 767px){
    .col-md-12 {
        padding: 0 10px;
    }
}

/* .container-fluid.blog-banner{
    background: url(../images/bg-img2.png) no-repeat center top;
} */

.table,
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-body-color);
    --bs-table-bg: rgba(0, 0, 0, 0);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: rgba(0, 0, 0, 0);
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}

.table> :not(caption)>*>*,
table> :not(caption)>*>* {
    padding: 0.5rem 0.5rem;
    color: var(--bs-table-color-state,
            var(--bs-table-color-type, var(--bs-table-color)));
    /* background-color: var(--bs-table-bg); */
    background-color: #fff;
    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,
table>tbody {
    vertical-align: inherit;
}

.table>thead,
table>thead {
    vertical-align: bottom;
}

[data-bs-theme="dark"] table {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #373b3e;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.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: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.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: #b3eddb;
    outline: 0;
    box-shadow: none;
}

.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::file-selector-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    margin-inline-end: 0.75rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

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

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

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

li input[type="checkbox"] {
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.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: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

li input[type="checkbox"] {
    border-radius: 0.25em;
}

li input[type="radio"][type="checkbox"] {
    border-radius: 50%;
}

li input[type="checkbox"]:active {
    filter: brightness(90%);
}

li input[type="checkbox"]:focus {
    border-color: #b3eddb;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(103, 218, 183, 0.25);
}

li input[type="checkbox"]:checked {
    background-color: #67dab7;
    border-color: #67dab7;
}

li 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");
}

li input[type="checkbox"]: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");
}

li input[type="checkbox"]:indeterminate {
    background-color: #67dab7;
    border-color: #67dab7;
    --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");
}

li input[type="checkbox"]:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}

.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: 0.375rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 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 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;
    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 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

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

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

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

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

.btn:disabled,
.btn.disabled {
    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: #000;
    --bs-btn-bg: #67dab7;
    --bs-btn-border-color: #67dab7;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #7ee0c2;
    --bs-btn-hover-border-color: #76debe;
    --bs-btn-focus-shadow-rgb: 88, 185, 156;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #85e1c5;
    --bs-btn-active-border-color: #76debe;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #67dab7;
    --bs-btn-disabled-border-color: #67dab7;
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 88, 185, 156;
    text-decoration: none;
}

.btn-link:hover,
.btn-link:focus-visible {
    text-decoration: underline;
}

.btn-link:focus-visible {
    color: var(--bs-btn-color);
}

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

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

.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);
    background: none;
    border: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out;
}

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

.nav-link:hover,
.nav-link:focus {
    color: var(--bs-nav-link-hover-color);
    text-decoration: none;
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(103, 218, 183, 0.25);
}

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

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2829,45,53,0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb),
            0.15);
    --bs-navbar-toggler-border-radius: 0.375rem;
    --bs-navbar-toggler-focus-width: 0;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

.navbar>.container,
.navbar>.container-fluid {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus {
    color: var(--bs-navbar-brand-hover-color);
    text-decoration: none;
}

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

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

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }

    .navbar-expand-lg .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }

    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}

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

.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: #e9ecef;
    --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: 1.5rem;
    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-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
}

.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,
            "/"
        );
    /* rtl: var(--bs-breadcrumb-divider, "/") */
}

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

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(103, 218, 183, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #67dab7;
    --bs-pagination-active-border-color: #67dab7;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none;
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    text-decoration: none;
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color);
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow);
}

.page-link.active,
.active>.page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
}

.page-link.disabled,
.disabled>.page-link {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color);
}

/* .page-item:not(:first-child) .page-link {
    margin-left: calc($pagination-border-width * -1);
} */

.page-item .page-link {
    border-radius: var(--bs-pagination-border-radius);
}

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

.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(103, 218, 183, 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: 0.25em 0.25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    opacity: var(--bs-btn-close-opacity);
}

.btn-close:hover {
    color: var(--bs-btn-close-color);
    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);
}

[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: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --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.show .modal-dialog {
    transform: none;
}

.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-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.show {
    opacity: var(--bs-backdrop-opacity);
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    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(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) 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: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }

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

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-md-down .modal-header,
    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0;
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto;
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
        /* rtl:ignore */
    }
}

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

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

.offcanvas {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 332px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-offcanvas-transition: transform 0.3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5;
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
}

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

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
}

.offcanvas.show:not(.hiding) {
    transform: none;
}

.offcanvas.show {
    visibility: visible;
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
    margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
    margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}

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

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto;
}

@keyframes placeholder-glow {
    50% {
        opacity: 0.2;
    }
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%;
    }
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
}

.visually-hidden {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.visually-hidden:not(caption) {
    position: absolute !important;
}

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

/* .d-flex {
    display: flex !important;
} */

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

.position-relative {
    position: relative !important;
}

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

.h-auto {
    height: auto !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-grow-1 {
    flex-grow: 1 !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;
}

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

.order-3 {
    order: 3 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-0 {
    padding: 0 !important;
}

.p-2 {
    padding: 0.5rem !important;
}

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

.pb-1 {
    padding-bottom: 0.25rem !important;
}

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

.fs-5 {
    font-size: 1.25rem !important;
}

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

.text-end {
    text-align: right !important;
}

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

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

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

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

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

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important;
}

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

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

.rounded-top-1 {
    border-top-left-radius: var(--bs-border-radius-sm) !important;
    border-top-right-radius: var(--bs-border-radius-sm) !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }
}

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

    .d-md-none {
        display: none !important;
    }

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

@media (min-width: 992px) {
    .d-lg-block {
        display: block !important;
    }

    .d-lg-none {
        display: none !important;
    }

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

    .me-lg-1 {
        margin-right: 0.25rem !important;
    }

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

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

    .ms-lg-2 {
        margin-left: 0.5rem !important;
    }
}

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

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

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

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Jost Regular Regular"), local("Jost-Regular"),
        local("Jost* Book"), local("Jost-Book"),
        url("fonts/vendor/jost/jost-v4-latin-regular.woff2") format("woff2"),
        url("fonts/vendor/jost/jost-v4-latin-regular.woff") format("woff");
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Jost Regular Medium"), local("JostRoman-Medium"),
        local("Jost* Medium"), local("Jost-Medium"),
        url("fonts/vendor/jost/jost-v4-latin-500.woff2") format("woff2"),
        url("fonts/vendor/jost/jost-v4-latin-500.woff") format("woff");
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Jost Regular Bold"), local("JostRoman-Bold"),
        local("Jost* Bold"), local("Jost-Bold"),
        url("fonts/vendor/jost/jost-v4-latin-700.woff2") format("woff2"),
        url("fonts/vendor/jost/jost-v4-latin-700.woff") format("woff");
}

@font-face {
    font-family: Jost;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local("Jost Italic Italic"), local("Jost-Italic"),
        local("Jost* BookItalic"), local("Jost-BookItalic"),
        url("fonts/vendor/jost/jost-v4-latin-italic.woff2") format("woff2"),
        url("fonts/vendor/jost/jost-v4-latin-italic.woff") format("woff");
}

@font-face {
    font-family: Jost;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local("Jost Italic Medium Italic"), local("JostItalic-Medium"),
        local("Jost* Medium Italic"), local("Jost-MediumItalic"),
        url("fonts/vendor/jost/jost-v4-latin-500italic.woff2") format("woff2"),
        url("fonts/vendor/jost/jost-v4-latin-500italic.woff") format("woff");
}

@font-face {
    font-family: Jost;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local("Jost Italic Bold Italic"), local("JostItalic-Bold"),
        local("Jost* Bold Italic"), local("Jost-BoldItalic"),
        url("fonts/vendor/jost/jost-v4-latin-700italic.woff2") format("woff2"),
        url("fonts/vendor/jost/jost-v4-latin-700italic.woff") format("woff");
}

html[data-bs-theme="dark"] .icon-tabler-sun {
    display: block;
}

html[data-bs-theme="dark"] .icon-tabler-moon {
    display: none;
}

html[data-bs-theme="light"] .icon-tabler-sun {
    display: none;
}

html[data-bs-theme="light"] .icon-tabler-moon {
    display: block;
}

.privacy .content,
.terms .content,
.contributors .content,
.blog .content,
.error404 .content,
.docs.list .content,
.categories.list .content,
.tags.list .content,
.list.section .content {
    padding-top: 1rem;
    padding-bottom: 3rem;
}

.content img {
    max-width: 100%;
}

h6,
.h6,
h5,
.h5,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    /* body {
        font-size: 1.125rem;
    } */

    h1,
    h2,
    h3,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h5,
    .h6 {
        margin-bottom: 1.125rem;
    }
}

.home h1,
.home .h1 {
    font-size: calc(1.016rem + 1.5vw);
    margin-top: -1rem;
}

/* a:hover,
a:focus {
    text-decoration: underline;
} */

a.btn:hover,
a.btn:focus {
    text-decoration: none;
}

.section {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

body.section {
    padding-top: 0;
    padding-bottom: 0;
}

.section-md {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.docs-sidebar {
    order: 2;
}

@media (min-width: 992px) {
    .docs-sidebar {
        order: 0;
        border-right: 1px solid #e9ecef;
    }

    @supports (position: sticky) {
        .docs-sidebar {
            position: sticky;
            top: 4.25rem;
            z-index: 1000;
            height: calc(100vh - 4.25rem);
        }

        .docs-sidebar-offset {
            top: 4.5rem;
            height: calc(100vh - 4.5rem);
        }
    }
}

@media (min-width: 1200px) {
    .docs-sidebar {
        flex: 0 1 320px;
    }
}

.docs-links {
    padding-bottom: 5rem;
}

@media (min-width: 992px) {
    @supports (position: sticky) {
        .docs-links {
            max-height: calc(100vh - 4rem);
            overflow-y: scroll;
        }
    }
}

@media (min-width: 992px) {
    .docs-links {
        display: block;
        width: auto;
        margin-right: -1.5rem;
        padding-bottom: 4rem;
    }
}

.docs-toc {
    order: 2;
}

@supports (position: sticky) {
    .docs-toc {
        position: sticky;
        top: 4.25rem;
        height: calc(100vh - 4.25rem);
        overflow-y: auto;
    }

    .docs-toc-offset {
        top: 4.5rem;
        height: calc(100vh - 4.5rem);
    }
}

.docs-content {
    padding-bottom: 3rem;
    order: 1;
}

.navbar a:hover,
.navbar a:focus {
    text-decoration: none;
}

#TableOfContents ul,
#toc ul {
    padding-left: 0;
    list-style: none;
}

#toc a.active {
    color: #67dab7;
    font-weight: 500;
}

.section-features {
    padding-top: 2rem;
}

.bg-dots {
    background-image: radial-gradient(#adb5bd 15%, transparent 15%);
    background-position: 0 0;
    background-size: 1rem 1rem;
    -webkit-mask: linear-gradient(to top, #fff, transparent);
    mask: linear-gradient(to top, #fff, transparent);
    width: 100%;
    height: 11rem;
    margin-top: -8rem;
    z-index: -1;
}

.modal-backdrop {
    background-color: #fff;
}

.modal-backdrop.show {
    opacity: 0.7;
}

@media (min-width: 768px) {
    .modal-backdrop.show {
        opacity: 0;
    }
}

li input[type="checkbox"] {
    margin: 0.25rem;
    border: 1px solid #ced4da;
}

li input[type="checkbox"]:disabled {
    pointer-events: none;
    filter: none;
    opacity: 1;
}

li input[type="checkbox"]:checked {
    background-color: #67dab7;
    border-color: #67dab7;
}

[data-bs-theme="dark"] li input[type="checkbox"] {
    border: 1px solid #6c757d;
}

[data-bs-theme="dark"] li input[type="checkbox"]:checked {
    background-color: #67dab7;
    border-color: #67dab7;
    --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='%231d2d35' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.content .svg-inline {
    margin-bottom: 1.5rem;
}

.content .svg-inline:not(.svg-inline-custom) {
    height: 1.875rem;
    width: 1.875rem;
    stroke-width: 1.5;
}

.svg-lightmode {
    display: block;
}

.svg-darkmode {
    display: none;
}

[data-bs-theme="dark"] .svg-lightmode {
    display: none;
}

[data-bs-theme="dark"] .svg-darkmode {
    display: block;
}

hr {
    border-color: gray;
}

[data-bs-theme="dark"] hr {
    border-color: var(--sl-color-gray-3);
}

.bg {
    background-color: #ffffff;
}

/* .chroma {
    background-color: #ffffff;
} */

.chroma .err {
    color: inherit;
}

.chroma .lnlinks {
    outline: none;
    text-decoration: none;
    color: inherit;
}

.chroma .lntd {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0;
}

.chroma .lntable {
    border-spacing: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

.chroma .hl {
    background-color: #ffffcc;
}

.chroma .lnt {
    white-space: pre;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: #7f7f7f;
}

.chroma .ln {
    white-space: pre;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: #7f7f7f;
    display: flex;
}

.chroma .cl {
    display: flex;
}

.chroma .line {
    display: flex;
}

.chroma .k {
    color: #000000;
    font-weight: bold;
}

.chroma .kc {
    color: #000000;
    font-weight: bold;
}

.chroma .kd {
    color: #000000;
    font-weight: bold;
}

.chroma .kn {
    color: #000000;
    font-weight: bold;
}

.chroma .kp {
    color: #000000;
    font-weight: bold;
}

.chroma .kr {
    color: #000000;
    font-weight: bold;
}

.chroma .kt {
    color: #445588;
    font-weight: bold;
}

.chroma .na {
    color: #008080;
}

.chroma .nb {
    color: #0086b3;
}

.chroma .bp {
    color: #999999;
}

.chroma .nc {
    color: #445588;
    font-weight: bold;
}

.chroma .no {
    color: #008080;
}

.chroma .nd {
    color: #3c5d5d;
    font-weight: bold;
}

.chroma .ni {
    color: #800080;
}

.chroma .ne {
    color: #990000;
    font-weight: bold;
}

.chroma .nf {
    color: #990000;
    font-weight: bold;
}

.chroma .nl {
    color: #990000;
    font-weight: bold;
}

.chroma .nn {
    color: #555555;
}

.chroma .nt {
    color: #000080;
}

.chroma .nv {
    color: #008080;
}

.chroma .vc {
    color: #008080;
}

.chroma .vg {
    color: #008080;
}

.chroma .vi {
    color: #008080;
}

.chroma .s {
    color: #dd1144;
}

.chroma .sa {
    color: #dd1144;
}

.chroma .sb {
    color: #dd1144;
}

.chroma .sc {
    color: #dd1144;
}

.chroma .dl {
    color: #dd1144;
}

.chroma .sd {
    color: #dd1144;
}

.chroma .s2 {
    color: #dd1144;
}

.chroma .se {
    color: #dd1144;
}

.chroma .sh {
    color: #dd1144;
}

.chroma .si {
    color: #dd1144;
}

.chroma .sx {
    color: #dd1144;
}

.chroma .sr {
    color: #009926;
}

.chroma .s1 {
    color: #dd1144;
}

.chroma .ss {
    color: #990073;
}

.chroma .m {
    color: #009999;
}

.chroma .mb {
    color: #009999;
}

.chroma .mf {
    color: #009999;
}

.chroma .mh {
    color: #009999;
}

.chroma .mi {
    color: #009999;
}

.chroma .il {
    color: #009999;
}

.chroma .mo {
    color: #009999;
}

.chroma .o {
    color: #000000;
    font-weight: bold;
}

.chroma .ow {
    color: #000000;
    font-weight: bold;
}

.chroma .c {
    color: #999988;
    font-style: italic;
}

.chroma .ch {
    color: #999988;
    font-style: italic;
}

.chroma .cm {
    color: #999988;
    font-style: italic;
}

.chroma .c1 {
    color: #999988;
    font-style: italic;
}

.chroma .cs {
    color: #999999;
    font-weight: bold;
    font-style: italic;
}

.chroma .cp {
    color: #999999;
    font-weight: bold;
    font-style: italic;
}

.chroma .cpf {
    color: #999999;
    font-weight: bold;
    font-style: italic;
}

.chroma .gd {
    color: #000000;
    background-color: #ffdddd;
}

.chroma .ge {
    color: inherit;
    font-style: italic;
}

.chroma .gr {
    color: #aa0000;
}

.chroma .gh {
    color: #999999;
}

.chroma .gi {
    color: #000000;
    background-color: #ddffdd;
}

.chroma .go {
    color: #888888;
}

.chroma .gp {
    color: #555555;
}

.chroma .gs {
    font-weight: bold;
}

.chroma .gu {
    color: #aaaaaa;
}

.chroma .gt {
    color: #aa0000;
}

.chroma .gl {
    text-decoration: underline;
}

.chroma .w {
    color: #bbbbbb;
}

[data-bs-theme="dark"] .bg {
    color: #c9d1d9;
    background-color: #0d1117;
}

[data-bs-theme="dark"] .chroma {
    color: #c9d1d9;
    background-color: #0d1117;
}

[data-bs-theme="dark"] .chroma .err {
    color: inherit;
}

[data-bs-theme="dark"] .chroma .lnlinks {
    outline: none;
    text-decoration: none;
    color: inherit;
}

[data-bs-theme="dark"] .chroma .lntd {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0;
}

[data-bs-theme="dark"] .chroma .lntable {
    border-spacing: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

[data-bs-theme="dark"] .chroma .hl {
    background-color: #ffffcc;
}

[data-bs-theme="dark"] .chroma .lnt {
    white-space: pre;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: #64686c;
}

[data-bs-theme="dark"] .chroma .ln {
    white-space: pre;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: #6e7681;
}

[data-bs-theme="dark"] .chroma .line {
    display: flex;
}

[data-bs-theme="dark"] .chroma .k {
    color: #ff7b72;
}

[data-bs-theme="dark"] .chroma .kc {
    color: #79c0ff;
}

[data-bs-theme="dark"] .chroma .kd {
    color: #ff7b72;
}

[data-bs-theme="dark"] .chroma .kn {
    color: #ff7b72;
}

[data-bs-theme="dark"] .chroma .kp {
    color: #79c0ff;
}

[data-bs-theme="dark"] .chroma .kr {
    color: #ff7b72;
}

[data-bs-theme="dark"] .chroma .kt {
    color: #ff7b72;
}

[data-bs-theme="dark"] .chroma .na {
    color: #d2a8ff;
}

[data-bs-theme="dark"] .chroma .nc {
    color: #f0883e;
    font-weight: bold;
}

[data-bs-theme="dark"] .chroma .no {
    color: #79c0ff;
    font-weight: bold;
}

[data-bs-theme="dark"] .chroma .nd {
    color: #d2a8ff;
    font-weight: bold;
}

[data-bs-theme="dark"] .chroma .ni {
    color: #ffa657;
}

[data-bs-theme="dark"] .chroma .ne {
    color: #f0883e;
    font-weight: bold;
}

[data-bs-theme="dark"] .chroma .nf {
    color: #d2a8ff;
    font-weight: bold;
}

[data-bs-theme="dark"] .chroma .nl {
    color: #79c0ff;
    font-weight: bold;
}

[data-bs-theme="dark"] .chroma .nn {
    color: #ff7b72;
}

[data-bs-theme="dark"] .chroma .py {
    color: #79c0ff;
}

[data-bs-theme="dark"] .chroma .nt {
    color: #7ee787;
}

[data-bs-theme="dark"] .chroma .nv {
    color: #79c0ff;
}

[data-bs-theme="dark"] .chroma .l {
    color: #a5d6ff;
}

[data-bs-theme="dark"] .chroma .ld {
    color: #79c0ff;
}

[data-bs-theme="dark"] .chroma .s {
    color: #a5d6ff;
}

[data-bs-theme="dark"] .chroma .sa {
    color: #79c0ff;
}

[data-bs-theme="dark"] .chroma .sb {
    color: #a5d6ff;
}

[data-bs-theme="dark"] .chroma .sc {
    color: #a5d6ff;
}

[data-bs-theme="dark"] .chroma .dl {
    color: #79c0ff;
}

[data-bs-theme="dark"] .chroma .sd {
    color: #a5d6ff;
}

[data-bs-theme="dark"] .chroma .s2 {
    color: #a5d6ff;
}

[data-bs-theme="dark"] .chroma .se {
    color: #79c0ff;
}

[data-bs-theme="dark"] .chroma .sh {
    color: #79c0ff;
}

[data-bs-theme="dark"] .chroma .si {
    color: #a5d6ff;
}

[data-bs-theme="dark"] .chroma .sx {
    color: #a5d6ff;
}

[data-bs-theme="dark"] .chroma .sr {
    color: #79c0ff;
}

[data-bs-theme="dark"] .chroma .s1 {
    color: #a5d6ff;
}

[data-bs-theme="dark"] .chroma .ss {
    color: #a5d6ff;
}

[data-bs-theme="dark"] .chroma .m {
    color: #a5d6ff;
}

[data-bs-theme="dark"] .chroma .mb {
    color: #a5d6ff;
}

[data-bs-theme="dark"] .chroma .mf {
    color: #a5d6ff;
}

[data-bs-theme="dark"] .chroma .mh {
    color: #a5d6ff;
}

[data-bs-theme="dark"] .chroma .mi {
    color: #a5d6ff;
}

[data-bs-theme="dark"] .chroma .il {
    color: #a5d6ff;
}

[data-bs-theme="dark"] .chroma .mo {
    color: #a5d6ff;
}

[data-bs-theme="dark"] .chroma .o {
    color: inherit;
    font-weight: bold;
}

[data-bs-theme="dark"] .chroma .ow {
    color: #ff7b72;
    font-weight: bold;
}

[data-bs-theme="dark"] .chroma .c {
    color: #8b949e;
    font-style: italic;
}

[data-bs-theme="dark"] .chroma .ch {
    color: #8b949e;
    font-style: italic;
}

[data-bs-theme="dark"] .chroma .cm {
    color: #8b949e;
    font-style: italic;
}

[data-bs-theme="dark"] .chroma .c1 {
    color: #8b949e;
    font-style: italic;
}

[data-bs-theme="dark"] .chroma .cs {
    color: #8b949e;
    font-weight: bold;
    font-style: italic;
}

[data-bs-theme="dark"] .chroma .cp {
    color: #8b949e;
    font-weight: bold;
    font-style: italic;
}

[data-bs-theme="dark"] .chroma .cpf {
    color: #8b949e;
    font-weight: bold;
    font-style: italic;
}

[data-bs-theme="dark"] .chroma .gd {
    color: #ffa198;
    background-color: #490202;
}

[data-bs-theme="dark"] .chroma .ge {
    font-style: italic;
}

[data-bs-theme="dark"] .chroma .gr {
    color: #ffa198;
}

[data-bs-theme="dark"] .chroma .gh {
    color: #79c0ff;
    font-weight: bold;
}

[data-bs-theme="dark"] .chroma .gi {
    color: #56d364;
    background-color: #0f5323;
}

[data-bs-theme="dark"] .chroma .go {
    color: #8b949e;
}

[data-bs-theme="dark"] .chroma .gp {
    color: #8b949e;
}

[data-bs-theme="dark"] .chroma .gs {
    font-weight: bold;
}

[data-bs-theme="dark"] .chroma .gu {
    color: #79c0ff;
}

[data-bs-theme="dark"] .chroma .gt {
    color: #ff7b72;
}

[data-bs-theme="dark"] .chroma .gl {
    text-decoration: underline;
}

[data-bs-theme="dark"] .chroma .w {
    color: #6e7681;
}

[data-bs-theme="dark"] h1,
[data-bs-theme="dark"] .h1,
[data-bs-theme="dark"] h2,
[data-bs-theme="dark"] .h2,
[data-bs-theme="dark"] h3,
[data-bs-theme="dark"] .h3 {
    color: #e5e5e5;
}

[data-bs-theme="dark"] body {
    background: #191919;
    color: #e5e5e5;
}

[data-bs-theme="dark"] a {
    color: #67dab7;
}

[data-bs-theme="dark"] .btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #67dab7;
    --bs-btn-border-color: #67dab7;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #7ee0c2;
    --bs-btn-hover-border-color: #76debe;
    --bs-btn-focus-shadow-rgb: 88, 185, 156;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #85e1c5;
    --bs-btn-active-border-color: #76debe;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #67dab7;
    --bs-btn-disabled-border-color: #67dab7;
    color: #191919;
}

[data-bs-theme="dark"] .navbar {
    background-color: #191919;
    border-bottom: 1px solid #404040;
}

[data-bs-theme="dark"] body.home .navbar {
    border-bottom: 0;
}

[data-bs-theme="dark"] .offcanvas-header {
    border-bottom: 1px solid #343a40;
}

[data-bs-theme="dark"] .offcanvas .nav-link {
    color: #e5e5e5;
}

[data-bs-theme="dark"] .offcanvas .nav-link:hover,
[data-bs-theme="dark"] .offcanvas .nav-link:focus {
    color: #67dab7;
}

[data-bs-theme="dark"] .offcanvas .nav-link.active {
    color: #67dab7;
}

[data-bs-theme="dark"] .page-links a {
    color: #e5e5e5;
}

[data-bs-theme="dark"] .btn-toggle-nav a {
    color: #e5e5e5;
}

[data-bs-theme="dark"] .docs-link:hover,
[data-bs-theme="dark"] .docs-link.active,
[data-bs-theme="dark"] .page-links a:hover {
    text-decoration: none;
    color: #67dab7;
}

[data-bs-theme="dark"] .btn-toggle {
    color: #e5e5e5;
    background-color: transparent;
    border: 0;
}

[data-bs-theme="dark"] .btn-toggle:hover,
[data-bs-theme="dark"] .btn-toggle:focus {
    color: #e5e5e5;
}

[data-bs-theme="dark"] .btn-toggle::before {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28222, 226, 230, 0.75%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform 0.35s ease;
    transform-origin: 0.5em 50%;
    margin-bottom: 0.125rem;
}

[data-bs-theme="dark"] .btn-toggle[aria-expanded="true"] {
    color: #e5e5e5;
}

[data-bs-theme="dark"] .btn-toggle[aria-expanded="true"]::before {
    transform: rotate(90deg);
}

[data-bs-theme="dark"] .btn-toggle-nav a:hover,
[data-bs-theme="dark"] .btn-toggle-nav a:focus {
    color: #67dab7;
}

[data-bs-theme="dark"] .btn-toggle-nav a.active {
    color: #67dab7;
}

[data-bs-theme="dark"] .navbar .btn-link {
    color: #e5e5e5;
}

[data-bs-theme="dark"] .content .btn-link {
    color: #67dab7;
}

[data-bs-theme="dark"] .content .btn-link:hover {
    color: #67dab7;
}

[data-bs-theme="dark"] .navbar .btn-link:hover {
    color: #67dab7;
}

[data-bs-theme="dark"] .navbar .btn-link:active {
    color: #67dab7;
}

[data-bs-theme="dark"] .form-control {
    color: #dee2e6;
}

[data-bs-theme="dark"] .form-control::-moz-placeholder {
    color: #ced4da;
    opacity: 1;
}

[data-bs-theme="dark"] .form-control::placeholder {
    color: #ced4da;
    opacity: 1;
}

@media (min-width: 992px) {
    [data-bs-theme="dark"] .docs-sidebar {
        order: 0;
        border-right: 1px solid #404040;
    }
}

[data-bs-theme="dark"] pre code::-webkit-scrollbar-thumb {
    background: #ced4da;
}

[data-bs-theme="dark"] code:not(.hljs) {
    background: #262626;
    color: #e5e5e5;
}

[data-bs-theme="dark"] pre code:hover {
    scrollbar-width: thin;
    scrollbar-color: #404040 transparent;
}

[data-bs-theme="dark"] pre code::-webkit-scrollbar-thumb:hover {
    background: #adb5bd;
}

[data-bs-theme="dark"] .footer {
    border-top: 1px solid #404040;
}

[data-bs-theme="dark"] .docs-links,
[data-bs-theme="dark"] .docs-toc {
    scrollbar-width: thin;
    scrollbar-color: #191919 #191919;
}

[data-bs-theme="dark"] .docs-links::-webkit-scrollbar,
[data-bs-theme="dark"] .docs-toc::-webkit-scrollbar {
    width: 5px;
}

[data-bs-theme="dark"] .docs-links::-webkit-scrollbar-track,
[data-bs-theme="dark"] .docs-toc::-webkit-scrollbar-track {
    background: #191919;
}

[data-bs-theme="dark"] .docs-links::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] .docs-toc::-webkit-scrollbar-thumb {
    background: #191919;
}

[data-bs-theme="dark"] .docs-links:hover,
[data-bs-theme="dark"] .docs-toc:hover {
    scrollbar-width: thin;
    scrollbar-color: #404040 #191919;
}

[data-bs-theme="dark"] .docs-links:hover::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] .docs-toc:hover::-webkit-scrollbar-thumb {
    background: #404040;
}

[data-bs-theme="dark"] .docs-links::-webkit-scrollbar-thumb:hover,
[data-bs-theme="dark"] .docs-toc::-webkit-scrollbar-thumb:hover {
    background: #404040;
}

[data-bs-theme="dark"] .docs-links h3:not(:first-child),
[data-bs-theme="dark"] .docs-links .h3:not(:first-child) {
    border-top: 1px solid #404040;
}

[data-bs-theme="dark"] a.docs-link {
    color: #e5e5e5;
}

[data-bs-theme="dark"] .page-links li:not(:first-child) {
    border-top: 1px dashed #404040;
}

[data-bs-theme="dark"] .card {
    background: #191919;
    border: 1px solid #404040;
}

[data-bs-theme="dark"] .card.bg-light {
    background: #262626 !important;
}

[data-bs-theme="dark"] .bg-light {
    background: #151515 !important;
}

[data-bs-theme="dark"] .bg-dots {
    background-image: radial-gradient(#656565 15%, transparent 15%);
}

[data-bs-theme="dark"] .offcanvas {
    background-color: #191919;
}

[data-bs-theme="dark"] .page-link {
    color: #67dab7;
    background-color: transparent;
    border: var(--bs-border-width) solid #404040;
}

[data-bs-theme="dark"] .page-link:hover {
    color: #191919;
    background-color: #e5e5e5;
    border-color: #e5e5e5;
}

[data-bs-theme="dark"] .page-link:focus {
    color: #191919;
    background-color: #e5e5e5;
}

[data-bs-theme="dark"] .page-item.active .page-link {
    color: #191919;
    background-color: #67dab7;
    border-color: #67dab7;
}

[data-bs-theme="dark"] .page-item.disabled .page-link {
    color: var(--bs-secondary-color);
    background-color: #262626;
    border-color: #404040;
}

[data-bs-theme="dark"] details {
    border: 1px solid #404040;
}

[data-bs-theme="dark"] summary:hover {
    background: #262626;
}

[data-bs-theme="dark"] details[open]>summary {
    border-bottom: 1px solid #404040;
}

[data-bs-theme="dark"] details summary::after {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28222, 226, 230, 0.75%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

[data-bs-theme="dark"] #toc a.active {
    color: #67dab7;
}

[data-bs-theme="dark"] .btn-light {
    color: #67dab7;
    background: #262626;
    border: 1px solid #262626;
}

[data-bs-theme="dark"] table th {
    color: #e5e5e5;
}

[data-bs-theme="dark"] table,
[data-bs-theme="dark"] [data-bs-theme="dark"] table {
    --bs-table-color: inherit;
    --bs-table-bg: $body-bg-dark;
    background: #191919;
    border-color: #404040;
}

.btn-close:focus,
.btn-close:active {
    outline: none;
    box-shadow: none;
}

.navbar .btn-link {
    color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    padding: 0.4375rem 0;
}

.btn-link:focus {
    outline: 0;
    box-shadow: none;
}

@media (min-width: 992px) {
    .navbar .btn-link {
        padding: 0.5625em 0.25rem 0.5rem 0.125rem;
    }
}

.navbar .btn-link:hover {
    color: rgba(var(--bs-emphasis-color-rgb), 0.8);
}

.navbar .btn-link:active {
    color: rgba(var(--bs-emphasis-color-rgb), 1);
}

.collapsible-sidebar {
    margin: 2.125rem 0;
}

.btn-toggle {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem 0.25rem 0;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    color: #1d2d35;
    background-color: transparent;
    border: 0;
}

.btn-toggle:hover,
.btn-toggle:focus {
    color: #1d2d35;
    background-color: transparent;
    outline: 0;
    box-shadow: none;
}

.btn-toggle::before {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2829, 45, 53, 0.75%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform 0.35s ease;
    transform-origin: 0.5em 50%;
    margin-bottom: 0.125rem;
}

.btn-toggle[aria-expanded="true"] {
    color: #1d2d35;
}

.btn-toggle[aria-expanded="true"]::before {
    transform: rotate(90deg);
}

.btn-toggle-nav a {
    display: inline-flex;
    padding: 0.1875rem 0.5rem;
    margin-top: 0.125rem;
    margin-left: 1.25rem;
    text-decoration: none;
}

.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
    background-color: transparent;
    color: #67dab7;
}

.btn-toggle-nav a.active {
    color: #67dab7;
}

.btn-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    background-size: 1.5rem;
}

.offcanvas-header .btn-close {
    margin-right: 0 !important;
}

.clipboard {
    position: relative;
    float: right;
}

.btn-clipboard {
    transition: opacity 0.25s ease-in-out;
    opacity: 0;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    line-height: 1;
    padding: 0.3125rem 0.3125rem 0.1875rem;
    background-color: transparent;
    border-color: transparent;
}

@media (max-width: 767.98px) {
    .btn-clipboard {
        position: absolute;
        right: -0.5rem;
        top: 0.5rem;
    }
}

.btn-clipboard::after {
    width: 22px;
    height: 22px;
    display: inline-block;
    content: "";
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-copy' width='22' height='22' viewBox='0 0 24 24' stroke-width='1' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-copy' width='22' height='22' viewBox='0 0 24 24' stroke-width='1' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    /* background-color: #495057; */
    background-color: #66D8B5;
}

.btn-clipboard:hover {
    border-color: transparent;
}

.btn-clipboard:hover::after {
    width: 22px;
    height: 22px;
    display: inline-block;
    content: "";
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-copy' width='22' height='22' viewBox='0 0 24 24' stroke-width='1' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-copy' width='22' height='22' viewBox='0 0 24 24' stroke-width='1' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    /* background-color: #212529; */
    background-color: #66D8B5;
}

.btn-clipboard:focus,
.btn-clipboard:active {
    border-color: transparent !important;
}

.btn-clipboard:focus::after,
.btn-clipboard:active::after {
    width: 22px;
    height: 22px;
    display: inline-block;
    content: "";
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' stroke-width='1.25' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M5 12l5 5l10 -10'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' stroke-width='1.25' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M5 12l5 5l10 -10'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    /* background-color: #212529; */
    background-color: #66D8B5;
}

[data-bs-theme="dark"] .btn-clipboard {
    background-color: transparent;
    border-color: transparent;
}

[data-bs-theme="dark"] .btn-clipboard::after {
    background-color: #ced4da;
}

[data-bs-theme="dark"] .btn-clipboard:hover {
    border-color: transparent;
}

[data-bs-theme="dark"] .btn-clipboard:hover::after {
    background-color: #e9ecef;
}

[data-bs-theme="dark"] .btn-clipboard:focus,
[data-bs-theme="dark"] .btn-clipboard:active {
    border-color: transparent;
}

[data-bs-theme="dark"] .btn-clipboard:focus::after,
[data-bs-theme="dark"] .btn-clipboard:active::after {
    background-color: #e9ecef;
}

.highlight {
    position: relative;
}

@media (min-width: 768px) {
    .highlight:hover .btn-clipboard {
        opacity: 1;
    }
}

.btn-cta {
    padding-left: 2rem;
    padding-right: 2rem;
}

pre,
code,
kbd {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
        "Courier New", monospace;
    font-size: 0.875rem;
    border-radius: 0.375rem;
}

code {
    /* background: #fbf7f0; */
    background: #66D8B5;
    color: #1d2d35;
    padding: 0.25rem 0.5rem;
}

/* pre {
    margin: 2rem 0;
} */

pre {
    margin: 2rem 0 0 0 !important;
}

pre code {
    display: block;
    overflow-x: auto;
    line-height: 1.5;
    padding: 1.25rem 1.5rem;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

@media (max-width: 575.98px) {

    pre,
    code,
    kbd {
        border-radius: 0;
    }

    pre {
        margin: 2rem -1.5rem !important;
    }
}

pre code::-webkit-scrollbar {
    height: 5px;
}

pre code::-webkit-scrollbar-thumb {
    background: #ced4da;
}

pre code:hover {
    scrollbar-width: thin;
    scrollbar-color: #adb5bd transparent;
}

pre code::-webkit-scrollbar-thumb:hover {
    background: #adb5bd;
}

.line .ln {
    margin-right: 1rem;
}

.line.hl {
    color: var(--sl-color-blue);
}

[data-bs-theme="dark"] .line.hl {
    color: #fcf2dd;
}

details {
    display: block;
    position: relative;
    border: 1px solid #e9ecef;
    border-radius: 0.25rem;
    padding: 0.5rem 1rem 0;
    margin: 0.5rem 0;
}

summary {
    list-style: none;
    display: inline-block;
    width: calc(100% + 2rem);
    margin: -0.5rem -1rem 0;
    padding: 0.5rem 1rem;
}

summary::-webkit-details-marker {
    display: none;
}

summary:hover {
    background: #f8f9fa;
}

details summary::after {
    display: inline-block;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2829, 45, 53, 0.75%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform 0.35s ease;
    transform-origin: center center;
    position: absolute;
    right: 1rem;
}

details[open]>summary::after {
    transform: rotate(90deg);
}

details[open] {
    padding: 0.5rem 1rem;
}

details[open]>summary {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 0.5rem;
}

details h2,
details .h2,
details h3,
details .h3 {
    margin: 1rem 0 0.5rem;
}

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

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

details pre {
    margin: 0 0 1rem;
}

.search-form label {
    font-weight: normal;
}

img[data-sizes="auto"] {
    display: block;
    width: 100%;
}

.blur-up {
    filter: blur(5px);
    transition: filter 400ms;
}

.blur-up.lazyloaded {
    filter: unset;
}

.search-form .form-control:focus {
    border: 2px solid #67dab7;
}

[data-bs-theme="dark"] .search-form .form-control:focus {
    border: 2px solid #67dab7;
}

[data-bs-theme="dark"] .search-form .btn-link {
    color: #67dab7;
}

.search-form .btn-link,
.modal-body p.message,
.modal-footer {
    font-size: 0.875rem;
}

.modal-body::-webkit-scrollbar {
    width: 0.25rem;
}

.modal-body::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

.modal-body::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}

[data-bs-theme="dark"] .modal-body::-webkit-scrollbar-track {
    background-color: #424242;
}

[data-bs-theme="dark"] .modal-body::-webkit-scrollbar-thumb {
    background-color: #686868;
}

@media (min-width: 768px) {
    #searchModal .modal-dialog {
        max-height: 40rem;
    }
}

.search-result h2,
.search-result .h2 {
    margin-top: 0;
}

.search-result a:focus {
    outline: 0 none;
}

.search-result .card .content a {
    position: relative;
    z-index: 1;
}

.search-result:hover .card,
.search-result.selected .card {
    background-color: #67dab7;
    color: #fff;
}

.search-result:hover .card .content a,
.search-result.selected .card .content a {
    color: #fff;
    text-decoration: underline;
}

[data-bs-theme="dark"] .search-result:hover .card,
[data-bs-theme="dark"] .search-result.selected .card {
    background-color: #67dab7;
    color: #262626;
}

[data-bs-theme="dark"] .search-result:hover .card .content a,
[data-bs-theme="dark"] .search-result.selected .card .content a {
    color: #262626;
    text-decoration: underline;
}

[data-bs-theme="dark"] .search-result:hover .card h2,
[data-bs-theme="dark"] .search-result:hover .card .h2,
[data-bs-theme="dark"] .search-result.selected .card h2,
[data-bs-theme="dark"] .search-result.selected .card .h2 {
    color: #191919;
}

.search-result .submitted {
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

.search-result .content {
    margin-top: 0.5rem;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

table {
    margin: 3rem 0;
}

.footer {
    border-top: 1px solid #e9ecef;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
}

.footer ul {
    margin-bottom: 0;
}

.footer li {
    font-size: 0.875rem;
    margin-bottom: 0;
}

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

@media (max-width: 991.98px) {
    .footer .col-lg-8 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }
}

@media (min-width: 768px) {
    .footer li {
        font-size: 1rem;
    }
}

.navbar-brand {
    font-weight: 700;
}

.navbar-brand svg {
    margin-right: 0.25rem;
}

[data-bs-theme="dark"] .navbar-brand {
    color: inherit;
}

.navbar {
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #e9ecef;
}

@media (min-width: 992px) {
    .navbar {
        z-index: 1025;
    }
}

@media (min-width: 768px) {
    .navbar-brand {
        font-size: 1.375rem;
    }
}

.nav-item {
    margin-left: 0;
}

@media (max-width: 991.98px) {
    .navbar-nav .nav-link {
        font-weight: 400;
    }
}

@media (min-width: 768px) {
    .nav-item {
        margin-left: 0.5rem;
    }
}

@media (max-width: 575.98px) {

    .navbar .offcanvas.offcanvas-start,
    .navbar .offcanvas.offcanvas-end {
        width: 80vw;
    }
}

.offcanvas-header {
    border-bottom: 1px solid #dee2e6;
    padding-top: 1.0625rem;
    padding-bottom: 0.8125rem;
}

h5.offcanvas-title,
.offcanvas-title.h5 {
    margin: 0;
    color: inherit;
}

.offcanvas .nav-link {
    color: #1d2d35;
}

.offcanvas .nav-link:hover,
.offcanvas .nav-link:focus {
    color: #67dab7;
}

.offcanvas .nav-link.active {
    color: #67dab7;
}

.header-bar {
    border-top: 16px solid;
    color: #67dab7;
    border-image-slice: 1;
}

.offcanvas .header-bar {
    margin-bottom: -4px;
}

.home .navbar {
    border-bottom: 0;
}

@media (min-width: 992px) {
    .navbar-brand {
        margin-right: 0.75rem !important;
    }
}

@media (max-width: 991.98px) {
    #buttonColorMode {
        margin: 0.5rem 0;
    }

    .navbar-nav {
        margin-top: 1rem;
    }

    .nav-item .nav-link {
        font-weight: 400;
        font-size: 1.125rem;
    }
}

.modal-backdrop {
    visibility: hidden;
    background: rgba(23, 24, 28, 0.5);
    opacity: 0;
}

[data-bs-theme="dark"] .modal-backdrop {
    visibility: hidden;
    background: rgba(23, 24, 28, 0.5);
    opacity: 0;
}

.modal-backdrop.show {
    visibility: visible;
    opacity: 1;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.docs-content>h2[id]::before,
.docs-content>[id].h2::before,
.docs-content>h3[id]::before,
.docs-content>[id].h3::before {
    display: block;
    height: 6rem;
    margin-top: -6rem;
    content: "";
}

.docs-content ul,
.docs-content ol {
    margin-bottom: 1rem;
}

.anchor {
    visibility: hidden;
    margin-left: 0.375rem;
}

h1:hover a,
.h1:hover a,
h2:hover a,
.h2:hover a,
h3:hover a,
.h3:hover a {
    visibility: visible;
    text-decoration: none;
}

.card-list {
    margin-top: 2.25rem;
}

.page-footer-meta {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

p.meta {
    margin-top: 0.5rem;
    font-size: 1rem;
}

.breadcrumb {
    margin-top: 2.25rem;
    font-size: 1rem;
}

.toc-mobile {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.page-link:hover {
    text-decoration: none;
}

ul{
    list-style-type: decimal;
}

.col-md-12 ul li, .col-md-12 ol li {
    /* margin: 0.25rem 0; */
    margin: 0 0 0.5rem 0;
    line-height: 23px;
    word-wrap: break-word;
}

.page-nav .card .icon-tabler-arrow-left {
    margin-right: 0.75rem;
}

.page-nav .card .icon-tabler-arrow-right {
    margin-left: 0.75rem;
}

.page-nav .card:hover {
    border: 1px solid #d9d9d9;
}

[data-bs-theme="dark"] .page-nav .card {
    border: 1px solid #353841;
}

[data-bs-theme="dark"] .page-nav .card:hover {
    border: 1px solid #888c96;
}

.home .card,
.contributors.list .card,
.blog.list .card,
.blog.single .card,
.categories.list .card,
.tags.list .card {
    margin-top: 2rem;
    margin-bottom: 2rem;
    transition: transform 0.3s;
}

.home .content .card:hover,
.contributors.list .content .card:hover,
.blog.list .content .card:hover,
.blog.single .content .card:hover,
.categories.list .content .card:hover,
.tags.list .content .card:hover {
    transform: scale(1.025);
}

.contributors.list .card.card-terms:hover,
.categories.list .card.card-terms:hover,
.tags.list .card.card-terms:hover {
    transform: none;
}

.home .content .card-body,
.contributors.list .content .card-body,
.blog.list .content .card-body,
.blog.single .content .card-body,
.categories.list .content .card-body,
.tags.list .content .card-body {
    padding: 0 2rem 1rem;
}

.contributors.list .card-terms .card-body,
.categories.list .card-terms .card-body,
.tags.list .card-terms .card-body {
    padding: 1rem;
}

.blog-header {
    text-align: center;
    margin-bottom: 2rem;
    margin-top: 5rem;
}

.blog-header h1{
    text-transform: none;
}

h2.section-title,
.section-title.h2 {
    margin-bottom: 1.25rem;
}

.pagination {
    display: flex;
    justify-content: center;
}

.page-item:first-child,
.page-item:last-child,
.page-item.disabled {
    display: none;
}

.page-item a {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
}

.tag-list-single {
    margin-top: 2rem;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    display: none;
}

.tag-list-single a{
    text-transform: capitalize;
    font-size: 16px;
    line-height: 20px;
}

@media (min-width: 768px){
    .tag-list-single a{
        font-size: 20px;
    }
}

.section-related {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

span.reading-time {
    margin-left: 2rem;
}

span.reading-time svg {
    margin-right: 0.3rem;
    vertical-align: -0.4rem;
}

.docs-links,
.docs-toc {
    scrollbar-width: thin;
    scrollbar-color: #fff #fff;
}

.docs-links::-webkit-scrollbar,
.docs-toc::-webkit-scrollbar {
    width: 5px;
}

.docs-links::-webkit-scrollbar-track,
.docs-toc::-webkit-scrollbar-track {
    background: #fff;
}

.docs-links::-webkit-scrollbar-thumb,
.docs-toc::-webkit-scrollbar-thumb {
    background: #fff;
}

.docs-links:hover,
.docs-toc:hover {
    scrollbar-width: thin;
    scrollbar-color: #e9ecef #fff;
}

.docs-links:hover::-webkit-scrollbar-thumb,
.docs-toc:hover::-webkit-scrollbar-thumb {
    background: #e9ecef;
}

.docs-links::-webkit-scrollbar-thumb:hover,
.docs-toc::-webkit-scrollbar-thumb:hover {
    background: #e9ecef;
}

.docs-links h3,
.docs-links .h3,
.page-links h3,
.page-links .h3 {
    text-transform: uppercase;
    font-size: 1rem;
    margin: 1.25rem 0 0.5rem;
    padding: 1.5rem 0 0;
}

@media (min-width: 992px) {

    .docs-links h3,
    .docs-links .h3,
    .page-links h3,
    .page-links .h3 {
        margin: 1.125rem 1.5rem 0.75rem 0;
        padding: 1.375rem 0 0;
    }
}

.docs-links h3:not(:first-child),
.docs-links .h3:not(:first-child) {
    border-top: 1px solid #e9ecef;
}

a.docs-link {
    color: #1d2d35;
    display: block;
    padding: 0.125rem 0;
    font-size: 1rem;
}

.page-links li {
    margin-top: 0.375rem;
    padding-top: 0.375rem;
}

.page-links li ul li {
    border-top: none;
    padding-left: 1rem;
    margin-top: 0.125rem;
    padding-top: 0.125rem;
}

.page-links li:not(:first-child) {
    border-top: 1px dashed #e9ecef;
}

.page-links a {
    color: #1d2d35;
    display: block;
    padding: 0.125rem 0;
    font-size: 0.9375rem;
    text-decoration: none;
}

.docs-link:hover,
.docs-link.active,
.page-links a:hover,
.page-links a.active {
    text-decoration: none;
    color: #67dab7;
}

.nav-link.active,
.docs-link.active {
    font-weight: 500;
}

code {
    font-family: monospace;
}

table {
    word-wrap: break-word;
    word-break: break-word;
    table-layout: fixed;
    margin: 2rem auto 0 auto !important;
    width: 100% !important;
}

table td a{
    color: #000;
}

table.small{
    width: 85% !important;
}

table.color-table tr td{
    background-color: unset;
}

table tr {
    display: flex;
}

table th,
table td {
    border: 1px solid #ccc;
    font-size: 1rem;
    flex: 1;
}

table td.confluenceTd {
    overflow-x: auto;
}

.caption {
    font-size: 0.925rem;
    /* color: #50739b; */
    color: #66D8B5;
    text-align: center;
    margin-bottom: 2rem;
    word-break: break-all;
    margin-top: 1rem;
}

.table-caption{
    margin-top: 2rem;
    color: #0C1021;
}

article a {
    color: #50739b !important;
}

p:has(img) {
    margin-bottom: 0rem !important;
    margin-top: 2rem;
}

:root {
    --bg-primary-900: #000;
    --bg-primary-900-dark: #262626;
    --bg-secondary-900-dark: #404040;
    --theme-btn-bg: #3bdab7;
    --theme-btn-light: #ffffff;
    --theme-btn-dark: #262626;
    --text-white: #f6f8fb;
    --text-light: #f6f8fb;
    --string-1: rgb(87, 157, 255);
    --string-2: rgb(198, 237, 251);
    --string-3: rgb(186, 243, 219);
    --string-4: rgb(248, 230, 160);
    --string-5: rgb(255, 213, 210);
    --string-6: rgb(223, 216, 253);
    --string-dark-1: rgb(0, 85, 204);
    --string-dark-2: rgb(22, 69, 85);
    --string-dark-3: rgb(22, 75, 53);
    --string-dark-4: rgb(83, 63, 4);
    --string-dark-5: rgb(93, 31, 26);
    --string-dark-6: rgb(53, 44, 99);
}

.btn {
    border-radius: 0;
    padding: 0.55rem 1.5rem;
}

.navbar-nav .nav-link {
    padding: 0.35rem 1.75rem !important;
}

.navbar .btn-link {
    padding-left: 3rem !important;
}

.navbar-nav .nav-link.active {
    color: var(--text-white);
    background-color: var(--theme-btn-bg);
}

[data-bs-theme="dark"] .navbar-nav .nav-link.active {
    color: var(--text-white);
    background-color: var(--theme-btn-bg);
}

.text-theme-light,
.sr-blog-footer li a,
.sr-blog-footer p {
    color: var(--text-light);
}

.sr-blog-footer li a:hover {
    color: var(--theme-btn-bg);
    text-decoration: none;
}

.btn-theme {
    font-family: sans-serif;
    font-weight: 600;
    padding: 0.75rem 1.25rem;
    background-color: var(--theme-btn-bg);
    border-radius: 0px;
    transition: all 0.3s ease-in-out;
}

.sr-blog-footer {
    padding: 3rem 5rem;
    background-color: var(--bg-primary-900);
    font-size: 0.85rem !important;
    line-height: 1.6rem;
}

.sr-blog-footer h6,
.sr-blog-footer .h6 {
    margin-top: 0rem;
}

.sr-blog-footer .social-media li a {
    text-decoration: none;
}

.sr-blog-footer .social-media li a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    color: #224063;
    background: #f6f8fb;
    border-radius: 50%;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
}

[data-bs-theme="dark"] .sr-blog-footer .social-media li a {
    background: var(--bg-secondary-900-dark);
    color: #e5e5e5;
}

.sr-blog-footer .social-media li a i:hover {
    color: #224063;
    background: #3bdab7;
}

[data-bs-theme="dark"] .sr-blog-footer {
    background-color: var(--bg-primary-900-dark);
}

.sr-blog-footer ul li {
    margin: 0rem;
}

.heatMap tbody>tr:nth-child(1) {
    background: var(--string-1);
}

.heatMap tbody>tr:nth-child(2) {
    background: var(--string-2);
}

.heatMap tbody>tr:nth-child(3) {
    background: var(--string-3);
}

.heatMap tbody>tr:nth-child(4) {
    background: var(--string-4);
}

.heatMap tbody>tr:nth-child(5) {
    background: var(--string-5);
}

.heatMap tbody>tr:nth-child(6) {
    background: var(--string-6);
}

[data-bs-theme="dark"] .heatMap tbody>tr:nth-child(1) {
    background: var(--string-dark-1);
}

[data-bs-theme="dark"] .heatMap tbody>tr:nth-child(2) {
    background: var(--string-dark-2);
}

[data-bs-theme="dark"] .heatMap tbody>tr:nth-child(3) {
    background: var(--string-dark-3);
}

[data-bs-theme="dark"] .heatMap tbody>tr:nth-child(4) {
    background: var(--string-dark-4);
}

[data-bs-theme="dark"] .heatMap tbody>tr:nth-child(5) {
    background: var(--string-dark-5);
}

[data-bs-theme="dark"] .heatMap tbody>tr:nth-child(6) {
    background: var(--string-dark-6);
}

.text-string-1 {
    color: var(--string-1);
}

.text-string-2 {
    color: var(--string-2);
}

.text-string-3 {
    color: var(--string-3);
}

.text-string-4 {
    color: var(--string-4);
}

.text-string-5 {
    color: var(--string-5);
}

.text-string-6 {
    color: var(--string-6);
}

[data-bs-theme="dark"] .text-string-1 {
    color: var(--string-dark-1);
}

[data-bs-theme="dark"] .text-string-2 {
    color: var(--string-dark-2);
}

[data-bs-theme="dark"] .text-string-3 {
    color: var(--string-dark-3);
}

[data-bs-theme="dark"] .text-string-4 {
    color: var(--string-dark-4);
}

[data-bs-theme="dark"] .text-string-5 {
    color: var(--string-dark-5);
}

[data-bs-theme="dark"] .text-string-6 {
    color: var(--string-dark-6);
}

.chroma .err {
    color: #f85149;
}

.chroma .lnlinks {
    outline: none;
    text-decoration: none;
    color: inherit;
}

.chroma .lntd {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0;
}

.chroma .lntable {
    border-spacing: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

.chroma .hl {
    color: #6e7681;
}

.chroma .lnt {
    white-space: pre;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: #737679;
}

.chroma .ln {
    white-space: pre;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: #6e7681;
}

.chroma .line {
    display: flex;
}

.chroma .k {
    color: #ff7b72;
}

.chroma .kc {
    color: #79c0ff;
}

.chroma .kd {
    color: #ff7b72;
}

.chroma .kn {
    color: #ff7b72;
}

.chroma .kp {
    color: #79c0ff;
}

.chroma .kr {
    color: #ff7b72;
}

.chroma .kt {
    color: #ff7b72;
}

.chroma .nc {
    color: #f0883e;
    font-weight: bold;
}

.chroma .no {
    color: #79c0ff;
    font-weight: bold;
}

.chroma .nd {
    color: #d2a8ff;
    font-weight: bold;
}

.chroma .ni {
    color: #ffa657;
}

.chroma .ne {
    color: #f0883e;
    font-weight: bold;
}

.chroma .nf {
    color: #d2a8ff;
    font-weight: bold;
}

.chroma .nl {
    color: #79c0ff;
    font-weight: bold;
}

.chroma .nn {
    color: #ff7b72;
}

.chroma .py {
    color: #79c0ff;
}

.chroma .nt {
    color: #7ee787;
}

.chroma .nv {
    color: #79c0ff;
}

.chroma .l {
    color: #a5d6ff;
}

.chroma .ld {
    color: #79c0ff;
}

.chroma .s {
    color: #a5d6ff;
}

.chroma .sa {
    color: #79c0ff;
}

.chroma .sb {
    color: #a5d6ff;
}

.chroma .sc {
    color: #a5d6ff;
}

.chroma .dl {
    color: #79c0ff;
}

.chroma .sd {
    color: #a5d6ff;
}

.chroma .s2 {
    color: #a5d6ff;
}

.chroma .se {
    color: #79c0ff;
}

.chroma .sh {
    color: #79c0ff;
}

.chroma .si {
    color: #a5d6ff;
}

.chroma .sx {
    color: #a5d6ff;
}

.chroma .sr {
    color: #79c0ff;
}

.chroma .s1 {
    color: #a5d6ff;
}

.chroma .ss {
    color: #a5d6ff;
}

.chroma .m {
    color: #a5d6ff;
}

.chroma .mb {
    color: #a5d6ff;
}

.chroma .mf {
    color: #a5d6ff;
}

.chroma .mh {
    color: #a5d6ff;
}

.chroma .mi {
    color: #a5d6ff;
}

.chroma .il {
    color: #a5d6ff;
}

.chroma .mo {
    color: #a5d6ff;
}

.chroma .o {
    color: #ff7b72;
    font-weight: bold;
}

.chroma .ow {
    color: #ff7b72;
    font-weight: bold;
}

.chroma .c {
    color: #8b949e;
    font-style: italic;
}

.chroma .ch {
    color: #8b949e;
    font-style: italic;
}

.chroma .cm {
    color: #8b949e;
    font-style: italic;
}

.chroma .c1 {
    color: #8b949e;
    font-style: italic;
}

.chroma .cs {
    color: #8b949e;
    font-weight: bold;
    font-style: italic;
}

.chroma .cp {
    color: #8b949e;
    font-weight: bold;
    font-style: italic;
}

.chroma .cpf {
    color: #8b949e;
    font-weight: bold;
    font-style: italic;
}

.chroma .gd {
    color: #ffa198;
    background-color: #490202;
}

.chroma .ge {
    font-style: italic;
}

.chroma .gr {
    color: #ffa198;
}

.chroma .gh {
    color: #79c0ff;
    font-weight: bold;
}

.chroma .gi {
    color: #56d364;
    background-color: #0f5323;
}

.chroma .go {
    color: #8b949e;
}

.chroma .gp {
    color: #8b949e;
}

.chroma .gs {
    font-weight: bold;
}

.chroma .gu {
    color: #79c0ff;
}

.chroma .gt {
    color: #ff7b72;
}

.chroma .gl {
    text-decoration: underline;
}

.chroma .w {
    color: #6e7681;
}





.related-post-section {
    margin-top: 80px;
    padding-bottom: 130px;
    background-color: #0C1021;
}

.related-post-section .related-post-section-title {
    padding-bottom: 30px;
}

.related-post-section .related-post-section-title h2{
    margin: 0;
}

.related-post-section .related-post-column-section {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 35px;
}

.related-post-section .related-post-column-section .related-post-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #66D8B5;
    border-radius: 20px;
    padding: 30px;
    position: relative;
    gap: 30px;
    max-width: 750px;
    margin: 0 auto;
}

.related-post-section .related-post-column-section .related-post-column .related-post-column-content{
    height: 100%;
}

.related-post-section .related-post-column-section .related-post-column .related-post-column-content .col-content{
    display: flex;
    flex-direction: column;
    gap: 15px;
    /* justify-content: space-between; */
    height: 100%;
}

.related-post-section .related-post-column-section .related-post-column a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.related-post-section .col-content p.color-green{
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    margin: 0 0 15px 0;
}

.related-post-section .col-content p {
    margin: 0 0 15px 0;
}

.related-post-section .col-content p:last-child, .related-post-section .col-content p span.reading-time {
    margin: 0;
}

p.small-img{
    width: 65%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1365px) {
    .related-post-section {
        padding-bottom: 100px;
    }

    .related-post-section .related-post-column-section {
        gap: 30px;
    }
}

@media screen and (max-width: 1023px) {
    .related-post-section {
        margin-top: 50px;
        padding-bottom: 80px;
    }

    .related-post-section .related-post-column-section .related-post-column {
        padding: 20px;
        gap: 25px;
    }

    .related-post-section .col-content p.color-green {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 15px 0;
    }
}

@media screen and (max-width: 767px) {
    .related-post-section {
        margin-top: 30px;
        padding-bottom: 50px;
    }

    .related-post-section .related-post-column-section {
        gap: 20px;
    }

    p.small-img{
        width: 100%;
    }
}


.last-caption{
    margin-bottom: 30px !important;
}