@charset "UTF-8"; /*!
 * Bootstrap Docs (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under the Creative Commons Attribution 3.0 Unported License.
 * For details, see https://creativecommons.org/licenses/by/3.0/.
 */
: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
}



.bd-navbar {
    padding: .75rem 0;
    background-color: transparent;
    box-shadow: 0 .5rem 1rem #00000026,inset 0 -1px #ffffff26
}

@media (forced-colors) {
    .bd-navbar {
        background-color: Canvas
    }
}

.bd-navbar:after {
    position: absolute;
    inset: 0;
    z-index: -1;
    display: block;
    content: "";
    background-image: linear-gradient(rgba(var(--bd-violet-rgb),1),rgba(var(--bd-violet-rgb),.95))
    /*background-image: linear-gradient(rgba(var(--bd-violet-rgb),1),rgba(var(--bd-violet-rgb),.95))*/
}

@media (max-width: 991.98px) {
    .bd-navbar .bd-navbar-toggle {
        width: 4.25rem
    }
}

.bd-navbar .navbar-toggler {
    padding: 0;
    margin-right: -.5rem;
    border: 0
}

    .bd-navbar .navbar-toggler:first-child {
        margin-left: -.5rem
    }

    .bd-navbar .navbar-toggler .bi {
        width: 1.5rem;
        height: 1.5rem
    }

    .bd-navbar .navbar-toggler:focus {
        box-shadow: none
    }

.bd-navbar .navbar-brand {
    color: #fff;
    transition: transform .2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .bd-navbar .navbar-brand {
        transition: none
    }
}

.bd-navbar .navbar-brand:hover {
    transform: rotate(-5deg) scale(1.1)
}

.bd-navbar .navbar-toggler, .bd-navbar .nav-link {
    padding-right: .25rem;
    padding-left: .25rem;
    color:#ffffffd9
}

    .bd-navbar .navbar-toggler:hover, .bd-navbar .navbar-toggler:focus, .bd-navbar .nav-link:hover, .bd-navbar .nav-link:focus {
        color: #fff
    }

    .bd-navbar .navbar-toggler.active, .bd-navbar .nav-link.active {
        font-weight: 600;
        color: #fff
    }

.bd-navbar .navbar-nav-svg {
    display: inline-block;
    vertical-align: -.125rem
}

.bd-navbar .offcanvas-lg {
    background-color: var(--bd-violet-bg);
    border-left: 0
}

@media (max-width: 991.98px) {
    .bd-navbar .offcanvas-lg {
        box-shadow: var(--bs-box-shadow-lg)
    }
}

.bd-navbar .dropdown-toggle:focus:not(:focus-visible) {
    outline: 0
}

.bd-navbar .dropdown-menu {
    --bs-dropdown-min-width: 12rem;
    --bs-dropdown-padding-x: .25rem;
    --bs-dropdown-padding-y: .25rem;
    --bs-dropdown-link-hover-bg: rgba(var(--bd-violet-rgb), .2);
    --bs-dropdown-link-active-bg: rgba(var(--bd-violet-rgb), 1);
    --bs-dropdown-font-size: .875rem;
    font-size: .875rem;
    border-radius: .5rem;
    box-shadow: var(--bs-box-shadow)
}

    .bd-navbar .dropdown-menu li + li {
        margin-top: .125rem
    }

    .bd-navbar .dropdown-menu .dropdown-item {
        border-radius: .25rem;
    }

        .bd-navbar .dropdown-menu .dropdown-item:active .bi {
            color: inherit !important ;
        }

    .bd-navbar .dropdown-menu .active {
        font-weight: 600
    }

        .bd-navbar .dropdown-menu .active .bi {
            display: block !important
        }



.bd-navbar .dropdown-menu-end {
    --bs-dropdown-min-width: 8rem
}

[data-bs-theme=dark] .bd-navbar {
    box-shadow: 0 .5rem 1rem #00000026,inset 0 -1px #ffffff26
}

.bd-content > h2, .bd-content > h3, .bd-content > h4 {
    --bs-heading-color: var(--bs-emphasis-color)
}

    .bd-content > h2:not(:first-child) {
        margin-top: 3rem
    }

.bd-content > h3 {
    margin-top: 2rem
}

.bd-content > ul li, .bd-content > ol li {
    margin-bottom: .25rem
}

    .bd-content > ul li > p ~ ul, .bd-content > ol li > p ~ ul {
        margin-top: -.5rem;
        margin-bottom: 1rem
    }

.bd-content > .table, .bd-content > .table-responsive .table {
    --bs-table-border-color: var(--bs-border-color);
    max-width: 100%;
    margin-bottom: 1.5rem;
    font-size: .875rem
}

@media (max-width: 991.98px) {
    .bd-content > .table.table-bordered, .bd-content > .table-responsive .table.table-bordered {
        border: 0
    }
}

.bd-content > .table thead, .bd-content > .table-responsive .table thead {
    border-bottom: 2px solid currentcolor
}

.bd-content > .table tbody:not(:first-child), .bd-content > .table-responsive .table tbody:not(:first-child) {
    border-top: 2px solid currentcolor
}

.bd-content > .table th:first-child, .bd-content > .table td:first-child, .bd-content > .table-responsive .table th:first-child, .bd-content > .table-responsive .table td:first-child {
    padding-left: 0
}

.bd-content > .table th:not(:last-child), .bd-content > .table td:not(:last-child), .bd-content > .table-responsive .table th:not(:last-child), .bd-content > .table-responsive .table td:not(:last-child) {
    padding-right: 1.5rem
}

.bd-content > .table th, .bd-content > .table-responsive .table th {
    color: var(--bs-emphasis-color)
}

.bd-content > .table:not(.bd-callout) > strong, .bd-content > .table-responsive .table:not(.bd-callout) > strong {
    color: var(--bs-emphasis-color)
}

.bd-content > .table th, .bd-content > .table td:first-child > code, .bd-content > .table-responsive .table th, .bd-content > .table-responsive .table td:first-child > code {
    white-space: nowrap
}

.table-options td:nth-child(2) {
    min-width: 160px
}

.table-options td:last-child, .table-utilities td:last-child {
    min-width: 280px
}

.table-swatches th {
    color: var(--bs-emphasis-color)
}

.table-swatches td code {
    white-space: nowrap
}

.table-swatches td p {
    margin: 0
}

.bd-title {
    --bs-heading-color: var(--bs-emphasis-color);
    font-size: calc(1.425rem + 2.1vw)
}


.bd-subtitle {
    font-size: calc(1.275rem + .3vw);
    font-weight: 300
}

@media (min-width: 1200px) {
    .bd-title {
        font-size: 3rem
    }
    .bd-subtitle {
        font-size: 1.5rem
    }
}

.bi {
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
    fill: currentcolor
}


.bd-summary-link {
    color: var(--bs-link-color)
}

    .bd-summary-link:hover, details[open] > .bd-summary-link {
        color: var(--bs-link-hover-color)
    }

[data-bs-theme=blue] {
    --bs-body-color: var(--bs-white);
    --bs-body-color-rgb: 255, 255, 255;
    --bs-body-bg: var(--bs-blue);
    --bs-body-bg-rgb: 13, 110, 253;
    --bs-tertiary-bg: #0a58ca
}

    [data-bs-theme=blue] .dropdown-menu {
        --bs-dropdown-bg: #0c63e4;
        --bs-dropdown-link-active-bg: #084298
    }

    [data-bs-theme=blue] .btn-secondary {
        --bs-btn-bg: #3d8bfc;
        --bs-btn-border-color: rgba(255, 255, 255, .25);
        --bs-btn-hover-bg: #247cfc;
        --bs-btn-hover-border-color: rgba(255, 255, 255, .25);
        --bs-btn-active-bg: #0b6dfb;
        --bs-btn-active-border-color: rgba(255, 255, 255, .5);
        --bs-btn-focus-border-color: rgba(255, 255, 255, .5);
        --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .2)
    }

.skippy {
    background-color: #4c0bce
}

    .skippy a {
        color: #fff
    }

@media (min-width: 992px) {

    .bd-navbar .navbar-brand {
        margin-left: 120px;
    }

    .border-lg-start {
        border-left: var(--bs-border-width) solid var(--bs-border-color)
    }

    .bd-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 5rem;
        display: block !important;
        height: calc(100vh - 10rem);
        padding-left: .25rem;
        margin-left: -.25rem;
        overflow-y: auto
    }
}

.bd-links-heading {
    color: var(--bs-emphasis-color)
}


@media (max-width: 991.98px) {

    .bd-sidebar .offcanvas-lg {
        border-right-color: var(--bs-border-color);
        box-shadow: var(--bs-box-shadow-lg)
    }

    .bd-links-nav {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        font-size: .875rem
    }

        .bd-links-nav .bd-links-group {
            -moz-column-break-inside: avoid;
            break-inside: avoid
        }

        .bd-links-nav .bd-links-span-all {
            -moz-column-span: all;
            column-span: all
        }
}

.bd-links-link {
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.125rem;
    color: var(--bs-body-color);
    text-decoration: none
}

    .bd-links-link:hover, .bd-links-link:focus, .bd-links-link.active {
        color: var(--bs-emphasis-color);
        background-color: var(--bd-sidebar-link-bg)
    }

    .bd-links-link.active {
        font-weight: 600
    }

.bd-gutter {
    --bs-gutter-x: 3rem;
}

@media (min-width: 992px) {
    .bd-layout {
        display: grid;
        grid-template-areas: "sidebar main";
        grid-template-columns: 1fr 5fr;
        gap: 1.5rem
    }
}

.bd-sidebar {
    min-width:350px;
    grid-area: sidebar
}

.bd-main {
    grid-area: main
}


.bd-footer a {
    color: var(--bs-body-color);
    text-decoration: none
}

    .bd-footer a:hover, .bd-footer a:focus {
        color: var(--bs-link-hover-color);
        text-decoration: underline
    }




.bd-content .bd-code-snippet {
    margin-bottom: 1rem
}


.bd-btn-lg {
    --bs-btn-border-radius: .5rem;
    padding: .8125rem 2rem
}


main a, main button, main input, main select, main textarea, main h2, main h3, main h4, main [tabindex="0"] {
    scroll-margin-top: 80px;
    scroll-margin-bottom: 100px
}

:root, [data-bs-theme=light] {
    --base02: #c8c8fa;
    --base03: #565c64;
    --base04: #666;
    --base05: #333;
    --base06: #fff;
    --base07: #13795b;
    --base08: #c6303e;
    --base09: #087990;
    --base0A: #6f42c1;
    --base0B: #084298;
    --base0C: #084298;
    --base0D: #6f42c1;
    --base0E: #ab296a;
    --base0F: #333
}

[data-bs-theme=dark] {
    --base02: #3e4451;
    --base03: #868e96;
    --base04: #868e96;
    --base05: #abb2bf;
    --base06: #b6bdca;
    --base07: #feb272;
    --base08: #6edff6;
    --base09: #feb272;
    --base0A: #ffe69c;
    --base0B: #79dfc1;
    --base0C: #79dfc1;
    --base0D: #6ea8fe;
    --base0E: #c29ffa;
    --base0F: #ea868f
}


/*!
 * Bootstrap Docs (https://getbootstrap.com/)
 * Copyright 2024-2025 The Bootstrap Authors
 * Licensed under the Creative Commons Attribution 3.0 Unported License.
 * For details, see https://creativecommons.org/licenses/by/3.0/.
 */
:root, [data-bs-theme=light] {
    --bd-purple: #4c0bce;
    /*--bd-violet: #712cf9;*/
    --bd-violet: 25, 135, 84;
    --bd-accent: #ffe484;
    --bd-violet-rgb: 25, 135, 84;
    /*--bd-violet-rgb: 113, 44, 249;*/
    --bd-accent-rgb: 255, 228, 132;
    --bd-pink-rgb: 214, 51, 132;
    --bd-teal-rgb: 32, 201, 151;
    --bd-violet-bg: rgba(var(--bd-violet),1);
    --bd-toc-color: rgba(var(--bd-violet),1);
    --bd-sidebar-link-bg: rgba(var(--bd-violet-rgb), .1);
    --bd-callout-link: 10, 88, 202;
    --bd-callout-code-color: #ab296a;
    --bd-pre-bg: var(--bs-tertiary-bg)
}

[data-bs-theme=dark] {
    --bd-violet: #9561fb;
    --bd-violet-rgb: 25, 135, 84;
    /*--bd-violet-bg: #712cf9;*/
    --bd-violet-bg: rgba(var(--bd-violet-rgb),1);
    --bd-toc-color: var(--bs-emphasis-color);
    --bd-sidebar-link-bg: rgba(85, 33, 187, .5);
    --bd-callout-link: 110, 168, 254;
    --bd-callout-code-color: #e685b5;
    --bd-pre-bg: #1b1f22
}



@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}