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

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

.col {
    flex: 1 0 0%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333%
    }

    .offset-xxl-2 {
        margin-left: 16.66667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxl-5 {
        margin-left: 41.66667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxl-8 {
        margin-left: 66.66667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxl-11 {
        margin-left: 91.66667%
    }

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

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

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

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

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

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

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

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

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

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

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

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


/*!* Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)*/
.clearfix:after {
    clear: both;
    content: "";
    display: block
}

.link-primary {
    color: #0d6efd
}

.link-primary:focus, .link-primary:hover {
    color: #0a58ca
}

.link-secondary {
    color: #6c757d
}

.link-secondary:focus, .link-secondary:hover {
    color: #565e64
}

.link-success {
    color: #198754
}

.link-success:focus, .link-success:hover {
    color: #146c43
}

.link-info {
    color: #0dcaf0
}

.link-info:focus, .link-info:hover {
    color: #3dd5f3
}

.link-warning {
    color: #ffc107
}

.link-warning:focus, .link-warning:hover {
    color: #ffcd39
}

.link-danger {
    color: #dc3545
}

.link-danger:focus, .link-danger:hover {
    color: #b02a37
}

.link-light {
    color: #f8f9fa
}

.link-light:focus, .link-light:hover {
    color: #f9fafb
}

.link-dark {
    color: #212529
}

.link-dark:focus, .link-dark:hover {
    color: #1a1e21
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    content: "";
    display: block;
    padding-top: var(--bs-aspect-ratio)
}

.ratio > * {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.85714%
}

.fixed-top {
    top: 0
}

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

.fixed-bottom {
    bottom: 0
}

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

@media (min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.hstack {
    align-items: center;
    flex-direction: row
}

.hstack, .vstack {
    align-self: stretch;
    display: flex
}

.vstack {
    flex: 1 1 auto;
    flex-direction: column
}

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

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

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    align-self: stretch;
    background-color: currentColor;
    display: inline-block;
    min-height: 1em;
    opacity: .25;
    width: 1px
}

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

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

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

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

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

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

.opacity-50 {
    opacity: .5 !important
}

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

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

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

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

.d-flex {
    display: flex !important
}

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

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

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

.border-end {
    border-right: 1px solid #dee2e6 !important
}

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

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

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

.border-start {
    border-left: 1px solid #dee2e6 !important
}

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

.border-primary {
    border-color: #0d6efd !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #198754 !important
}

.border-info {
    border-color: #0dcaf0 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #212529 !important
}

.border-white {
    border-color: #fff !important
}

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

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

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

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

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

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

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

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

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

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

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

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

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

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

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

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

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

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

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

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

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

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

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

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

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.align-self-auto {
    align-self: auto !important
}

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

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

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

.align-self-baseline {
    align-self: baseline !important
}

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

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

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

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

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

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

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

.m-auto {
    margin: auto !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-0 {
    padding: 0 !important
}

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

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

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

.p-4 {
    padding: 1.5rem !important
}

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

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

.px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
}

.px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.px-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

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

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

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

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

.py-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
}

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

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

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

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

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

.pe-4 {
    padding-right: 1.5rem !important
}

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

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

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

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

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

.pb-4 {
    padding-bottom: 1.5rem !important
}

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

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

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

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

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

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

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

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

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

.fw-lighter {
    font-weight: lighter !important
}

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

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

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

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

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

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

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

.text-decoration-line-through {
    text-decoration: line-through !important
}

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

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

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

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

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

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

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

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

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

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

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

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

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

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

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

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

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

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: hsla(0, 0%, 100%, .5) !important
}

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

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    user-select: all !important
}

.user-select-auto {
    user-select: auto !important
}

.user-select-none {
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: .2rem !important
}

.rounded-2 {
    border-radius: .25rem !important
}

.rounded-3 {
    border-radius: .3rem !important
}

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

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important
}

.rounded-end, .rounded-top {
    border-top-right-radius: .25rem !important
}

.rounded-bottom, .rounded-end {
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom, .rounded-start {
    border-bottom-left-radius: .25rem !important
}

.rounded-start {
    border-top-left-radius: .25rem !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width: 576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

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

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

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

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

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

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

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

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

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

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

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

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

    .align-items-sm-baseline {
        align-items: baseline !important
    }

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

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

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

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

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

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

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

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

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

    .m-sm-auto {
        margin: auto !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

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

    .px-sm-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .px-sm-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .px-sm-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .px-sm-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .px-sm-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

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

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

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

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

    .py-sm-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

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

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

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

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

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

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

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

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

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

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

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

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

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

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

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

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

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

    .text-sm-start {
        text-align: left !important
    }

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

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

@media (min-width: 768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

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

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

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

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

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

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

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

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

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

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

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

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

    .align-items-md-baseline {
        align-items: baseline !important
    }

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

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

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

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

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

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

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

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

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

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

    .m-md-auto {
        margin: auto !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

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

    .px-md-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .px-md-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .px-md-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .px-md-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .px-md-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

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

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

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

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

    .py-md-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

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

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

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

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

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

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

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

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

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

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

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

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

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

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

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

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

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

    .text-md-start {
        text-align: left !important
    }

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

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

@media (min-width: 992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

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

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

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

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

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

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

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

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

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

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

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

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

    .align-items-lg-baseline {
        align-items: baseline !important
    }

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

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

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

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

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

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

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

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

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

    .m-lg-auto {
        margin: auto !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

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

    .px-lg-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .px-lg-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .px-lg-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .px-lg-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .px-lg-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

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

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

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

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

    .py-lg-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

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

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

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

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

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

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

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

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

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

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

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

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

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

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

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

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

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

    .text-lg-start {
        text-align: left !important
    }

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

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

@media (min-width: 1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

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

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

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

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

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

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

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

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

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

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

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

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

    .align-items-xl-baseline {
        align-items: baseline !important
    }

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

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

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

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

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

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

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

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

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

    .m-xl-auto {
        margin: auto !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

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

    .px-xl-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .px-xl-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .px-xl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .px-xl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .px-xl-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

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

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

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

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

    .py-xl-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

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

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

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

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

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

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

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

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

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

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

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

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

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

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

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

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

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

    .text-xl-start {
        text-align: left !important
    }

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

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

@media (min-width: 1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

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

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

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

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

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

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

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

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

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

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

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

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

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

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

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

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

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

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

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

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

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

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

    .m-xxl-auto {
        margin: auto !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .px-xxl-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .px-xxl-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .px-xxl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .px-xxl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .px-xxl-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .py-xxl-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .py-xxl-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .py-xxl-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .py-xxl-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

    .py-xxl-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .py-xxl-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

:root {
    --doc-sidebar-width: 260px;
    --doc-layout-border-color: var(--gray-200);
    --doc-sidebar-bg: var(--gray-100);
    --doc-header-menu-color: var(--gray-500);
    --doc-search-border-color: var(--gray-400);
    --doc-search-placeholder-color: var(--gray-400);
    --doc-version-selector-border-color: var(--gray-200);
    --doc-sidebar-menu-section-color: var(--gray-700);
    --doc-sidebar-menu-link-color: var(--gray-600);
    --doc-search-results-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --doc-content-embedded-sidebar-toc-marker-color: var(--gray-300);
    --doc-content-embedded-sidebar-toc-color: var(--gray-600);
    --doc-section-separator-border-color: var(--gray-300);
    --doc-item-hover-background: var(--gray-100);
    --doc-action-background: var(--gray-50);
    --doc-outdated-warning-background: var(--amber-100);
    --doc-outdated-warning-border-color: transparent;
    --doc-outdated-warning-color: var(--text-color);
    --doc-book-cover-box-shadow: 4px 4px 0px var(--white), 8px 8px 0px var(--gray-200);
    --doc-book-cover-sidebar-box-shadow: 2px 2px 0px var(--white), 8px 8px 0px var(--gray-200);
    --doc-coc-background: var(--gray-200)
}

.dark-theme {
    --doc-layout-border-color: var(--gray-600);
    --doc-sidebar-bg: var(--gray-900);
    --doc-header-menu-color: var(--gray-400);
    --doc-search-border-color: var(--gray-500);
    --doc-search-placeholder-color: var(--gray-500);
    --doc-version-selector-border-color: var(--gray-600);
    --doc-sidebar-menu-section-color: var(--gray-300);
    --doc-sidebar-menu-link-color: var(--gray-400);
    --doc-search-results-box-shadow: 0 25px 50px -12px #000;
    --doc-content-embedded-sidebar-toc-marker-color: var(--gray-600);
    --doc-content-embedded-sidebar-toc-color: var(--gray-400);
    --doc-section-separator-border-color: var(--gray-500);
    --doc-item-hover-background: var(--gray-700);
    --doc-action-background: var(--gray-700);
    --doc-outdated-warning-background: transparent;
    --doc-outdated-warning-border-color: var(--amber-400);
    --doc-outdated-warning-color: var(--amber-200);
    --doc-book-cover-box-shadow: 4px 4px 0 var(--gray-900), 8px 8px 6px var(--gray-900);
    --doc-book-cover-sidebar-box-shadow: 2px 2px 0 var(--gray-900), 8px 8px 6px var(--gray-900);
    --doc-coc-background: var(--gray-700)
}

body, html {
    height: 100%
}

body {
    margin-top: -36px;
    overflow: hidden;
    padding-top: 36px
}

.doc-page-container {
    display: flex;
    flex-direction: column;
    height: 100%
}

.doc-header-container {
    flex-shrink: 0;
    justify-content: space-between;
    width: 100%
}

.doc-header-top {
    box-shadow: inset 0 -1px var(--doc-layout-border-color);
    padding: 3px 16px
}

@media (min-width: 768px) {
    .doc-header-top {
        align-items: center;
        box-shadow: none;
        display: flex;
        height: 64px;
        justify-content: space-between;
        padding: 0 16px
    }
}

.doc-header-top .doc-header-logo-search {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width: 768px) {
    .doc-header-top .doc-header-logo-search {
        height: 64px
    }
}

.doc-header-top .highlight {
    display: none
}

@media (min-width: 768px) {
    .doc-header-top .highlight {
        display: inline-flex
    }
}

.doc-header-top .doc-header-logo {
    align-items: center;
    display: inline-flex
}

.dark-theme .doc-header-top .doc-header-logo img {
    filter: invert(100%)
}

.doc-header-top .doc-header-logo img {
    height: 25px;
    margin: 6px 0
}

@media (min-width: 768px) {
    .doc-header-top .doc-header-logo img {
        height: 30px;
        margin: 8px 0
    }
}

.doc-header-top .doc-header-logo span {
    color: var(--text-color);
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 0 6px;
    position: relative;
    text-transform: uppercase;
    top: 1px
}

@media (min-width: 768px) {
    .doc-header-top .doc-header-logo span {
        font-size: 18px;
        font-weight: 600;
        letter-spacing: .5px;
        margin: 0 0 0 8px
    }

    .doc-header-top .doc-search-form {
        margin-left: 16px
    }
}

.doc-header-top .doc-search-form .form-search-input {
    border-color: var(--doc-search-border-color);
    margin: 4px 0;
    max-width: 480px;
    padding: 2px 4px 2px 32px;
    width: 100%
}

.doc-header-top .doc-search-form .form-search-input::placeholder {
    color: var(--doc-search-placeholder-color)
}

@media (min-width: 768px) {
    .doc-header-top .doc-search-form .form-search-input {
        margin: 0
    }
}

@media (min-width: 992px) {
    .doc-header-top .doc-search-form .form-search-input {
        background-position: 6px;
        background-size: 21px;
        font-size: 15px;
        padding: 4px 4px 4px 32px
    }
}

.doc-header-bottom {
    display: none
}

@media (min-width: 768px) {
    .doc-header-bottom {
        align-items: center;
        box-shadow: inset 0 -1px var(--doc-layout-border-color);
        display: flex;
        justify-content: space-between;
        padding: 8px 16px 0
    }
}

.doc-header-bottom .doc-header-menu {
    display: none
}

@media (min-width: 768px) {
    .doc-header-bottom .doc-header-menu {
        display: inline-flex
    }
}

.doc-header-bottom .doc-header-menu a {
    color: var(--doc-header-menu-color);
    font-size: var(--font-size-sm);
    font-weight: 500;
    margin: 0 24px 0 0;
    padding: 8px 0
}

.doc-header-bottom .doc-header-menu a.active {
    border-bottom: 2px solid;
    color: var(--link-color);
    font-weight: 600;
    padding-bottom: 6px
}

.doc-header-bottom .doc-header-back-to-site {
    color: var(--text-muted-color);
    font-size: var(--font-size-sm);
    font-weight: 500;
    padding-bottom: 8px;
    position: absolute;
    right: 4px;
    text-decoration: none;
    top: 48px
}

@media (min-width: 768px) {
    .doc-header-bottom .doc-header-back-to-site {
        position: static
    }
}

.doc-header-bottom .doc-header-back-to-site:after {
    background: no-repeat 100% url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjQ4IiBkPSJNMTg0IDExMmwxNDQgMTQ0LTE0NCAxNDQiLz48L3N2Zz4=);
    background-size: 14px 14px;
    content: "";
    padding-right: 18px;
    position: relative;
    top: 1px
}

.dark-theme .doc-header-bottom .doc-header-back-to-site:after {
    filter: invert(100%) brightness(60%)
}

.doc-header-bottom .doc-header-back-to-site:hover {
    color: var(--link-color);
    text-decoration: underline
}

.doc-body-container {
    display: flex;
    height: 100%;
    overflow-y: hidden
}

.doc-sidebar-container {
    background: var(--doc-sidebar-bg)
}

.doc-sidebar-container .doc-sidebar-inner-container {
    box-shadow: inset -1px 0 var(--doc-layout-border-color);
    display: none;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    height: 100%;
    padding-top: 12px;
    transition: width 175ms ease-in-out;
    width: var(--doc-sidebar-width)
}

@media (min-width: 992px) {
    .doc-sidebar-container .doc-sidebar-inner-container {
        display: inline-flex
    }
}

.doc-sidebar-container .doc-sidebar-menu {
    display: flex;
    flex-grow: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 12px 12px 12px 16px;
    position: relative
}

.doc-sidebar-container .doc-sidebar-menu ul {
    list-style: none;
    padding: 0
}

.doc-sidebar-container .doc-sidebar-menu ul li {
    font-size: var(--font-size-sm);
    padding-left: 12px
}

.doc-sidebar-container .doc-sidebar-menu ul li:last-child {
    padding-bottom: 12px
}

.doc-sidebar-container .doc-sidebar-menu ul li + li {
    margin-top: 8px
}

.doc-sidebar-container .doc-sidebar-menu ul li.section-title {
    color: var(--doc-sidebar-menu-section-color);
    font-size: 13px;
    font-weight: 600;
    margin-top: 16px;
    padding-left: 0;
    text-transform: uppercase
}

.doc-sidebar-container .doc-sidebar-menu ul li.section-title:first-child {
    margin-top: 0
}

.doc-sidebar-container .doc-sidebar-menu ul li.active a {
    color: var(--link-color);
    font-weight: 700
}

.doc-sidebar-container .doc-sidebar-menu ul li a {
    color: var(--doc-sidebar-menu-link-color);
    display: block
}

.doc-sidebar-container .doc-sidebar-menu ul li a span {
    color: var(--text-muted-color)
}

.doc-sidebar-container .doc-sidebar-menu ul li a:hover, .doc-sidebar-container .doc-sidebar-menu ul li a:hover span {
    color: var(--link-color)
}

.doc-sidebar-container .doc-sidebar-menu.doc-sidebar-menu-cloud ul.toctree-level-1 > li > a {
    color: var(--doc-sidebar-menu-section-color);
    font-weight: 600;
    margin-bottom: 12px
}

.doc-sidebar-container .doc-sidebar-menu.doc-sidebar-menu-cloud ul.toctree-level-1 > li > a:hover {
    color: var(--link-color)
}

.doc-sidebar-container .doc-sidebar-menu.doc-sidebar-menu-cloud ul.toctree-level-2 {
    margin-top: 8px
}

.doc-sidebar-container .doc-sidebar-menu.doc-sidebar-menu-cloud ul.toctree-level-2 li:last-child {
    padding-bottom: 6px
}

.doc-sidebar-container .doc-sidebar-highlight {
    background: var(--page-background);
    box-shadow: inset 0 1px var(--doc-layout-border-color), inset -1px 0 var(--doc-layout-border-color);
    padding: 12px 12px 12px 16px
}

.doc-sidebar-container .doc-sidebar-highlight #carbonads {
    max-width: unset;
    padding: 0
}

.doc-sidebar-container .doc-sidebar-highlight #carbonads .carbon-text {
    font-size: 13px;
    line-height: 1.4
}

.doc-sidebar-container .doc-sidebar-highlight #carbonads .carbon-poweredby {
    color: var(--text-muted-color)
}

.doc-action {
    align-items: center;
    display: inline-flex;
    max-width: 100%
}

.doc-action svg {
    color: var(--text-muted-color);
    margin: 0 5px 0 0
}

.doc-action.doc-alternative-selector {
    font-size: 14px;
    padding: 6px 16px;
    width: 100%
}

.doc-action.doc-alternative-selector .label {
    color: var(--text-muted-color);
    margin-right: 5px
}

.doc-action.doc-alternative-selector select {
    background: var(--page-background);
    border: 1px solid var(--doc-version-selector-border-color);
    border-radius: 4px;
    color: var(--text-color);
    flex: 1;
    padding: 4px;
    width: inherit
}

.doc-action.content-edit {
    border: 0;
    border-radius: 2px;
    color: var(--text-muted-color);
    font-size: var(--font-size-sm);
    padding: 4px 8px
}

.doc-action.content-edit:hover, .ui-prose .doc-action.content-edit:hover {
    background: var(--doc-action-background);
    border: 0;
    color: var(--link-color)
}

.doc-content-container {
    align-items: stretch;
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
    justify-content: flex-start
}

.doc-content-container .highlight-top-horizontal {
    margin: 8px 16px 0
}

@media (min-width: 992px) {
    .doc-content-container .highlight-top-horizontal {
        margin: 8px 16px 0
    }
}

.doc-content-container .highlight-top-horizontal .top-horizontal-highlights {
    border-radius: 4px
}

.doc-content-container .highlight-top-horizontal .page-container {
    max-width: unset
}

.doc-content-inner-container {
    display: flex;
    flex: 1;
    height: 100%;
    justify-content: center;
    overflow-y: auto;
    padding-top: 0;
    position: relative;
    transition: width .15s ease .1s;
    width: 100vw;
    z-index: 1
}

@media (min-width: 992px) {
    .doc-content-inner-container {
        width: calc(100vw - var(--doc-sidebar-width))
    }
}

.doc-content-inner-inner-container {
    width: 100%
}

.doc-content {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    max-width: 1200px;
    min-height: 800px
}

.doc-content .doc-content-contents {
    padding: 24px
}

@media (min-width: 992px) {
    .doc-content .doc-content-contents {
        min-width: 700px;
        padding: 24px 48px 32px
    }
}

@media (min-width: 1200px) {
    .doc-content .doc-content-contents {
        padding: 32px 48px
    }
}

.doc-content .doc-content-embedded-sidebar {
    display: none;
    height: 100%;
    padding: 24px 24px 16px;
    position: sticky;
    top: 36px;
    width: 280px
}

@media (min-width: 1200px) {
    .doc-content .doc-content-embedded-sidebar {
        display: block;
        padding: 32px 24px 24px
    }
}

.doc-content .doc-content-embedded-sidebar .toc-title {
    color: var(--doc-sidebar-menu-section-color);
    font-size: var(--font-size-sm);
    font-weight: 600;
    text-transform: uppercase
}

.doc-content .doc-content-embedded-sidebar .toctree-wrapper ul {
    padding-left: .8em
}

.doc-content .doc-content-embedded-sidebar .toctree-wrapper a {
    color: var(--doc-content-embedded-sidebar-toc-color)
}

.doc-content .doc-content-embedded-sidebar .toctree-wrapper a:hover {
    border-bottom-color: var(--prose-link-color)
}

.doc-content .doc-content-embedded-sidebar .toctree-wrapper li {
    margin: 0 0 .5rem;
    padding-left: 8px
}

.doc-content .doc-content-embedded-sidebar .toctree-wrapper li li {
    font-size: 15px;
    list-style: disc;
    padding-left: 0
}

.doc-content .doc-content-embedded-sidebar .toctree-wrapper .toctree {
    margin-bottom: 0
}

.doc-content .doc-content-embedded-sidebar .toctree-wrapper .toctree-level-1 > li::marker {
    color: var(--doc-content-embedded-sidebar-toc-marker-color);
    content: "#"
}

.doc-content .doc-content-embedded-sidebar .toctree-wrapper .toctree-level-2 {
    margin: .5em 0
}

.doc-content .doc-content-embedded-sidebar .toctree-wrapper .toctree-level-2 > li::marker {
    color: var(--doc-content-embedded-sidebar-toc-marker-color)
}

.doc-content .doc-content-embedded-sidebar .toctree-wrapper .toctree-level-3, .doc-content .doc-content-embedded-sidebar .toctree-wrapper .toctree-level-4 {
    display: none
}

[data-doc-book=the-fast-track][data-doc-page=cover] .doc-content .doc-content-embedded-sidebar {
    padding-left: 0;
    padding-right: 0;
    width: 350px
}

.doc-content .ui-prose .section h1 {
    display: none
}

@media (min-width: 768px) {
    .doc-search-form.search-container {
        width: 350px
    }
}

@media (min-width: 992px) {
    .doc-search-form.search-container {
        width: 480px
    }
}

.form-search-results-wrapper {
    border: 1px solid var(--doc-layout-border-color);
    box-shadow: var(--doc-search-results-box-shadow);
    left: -5px;
    position: absolute;
    width: 100%;
    z-index: 9999
}

@media (min-width: 768px) {
    .form-search-results-wrapper {
        left: unset
    }
}

.form-search-results-wrapper .form-search-result-breadcrumb {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width: 768px) {
    font-size:var(--font-size-md)
}

.main-content {
    min-height: 600px
}

.layout-block-hero #form-search {
    margin: 20px 0
}

.saas-backer {
    background: var(--doc-item-hover-background);
    margin: 1rem 0;
    padding: 10px
}

.doc-backer, .saas-backer {
    border-radius: var(--border-radius-md)
}

.doc-backer {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    margin-bottom: 15px;
    padding: 5px;
    position: relative
}

.doc-backer:hover {
    background: var(--doc-item-hover-background)
}

.doc-backer .link {
    color: var(--prose-link-color)
}

.doc-backer .link:hover {
    border-color: inherit
}

.doc-backer .backer_logo {
    margin: 10px 0 8px
}

.doc-backer .backer_logo svg {
    height: auto;
    max-height: 70px;
    max-width: 130px;
    width: auto
}

@media (min-width: 576px) {
    .doc-backer {
        margin-bottom: 20px
    }
}

.doc-index-links {
    margin-top: 48px
}

@media (min-width: 992px) {
    .doc-index-links {
        margin-top: 64px
    }
}

.doc-index-links h2 {
    display: inline-block;
    font-size: 18px;
    margin: 0 0 20px
}

@media (min-width: 992px) {
    .doc-index-links h2 {
        display: block;
        font-size: 20px;
        margin: 15px 0 10px
    }
}

.doc-index-links .content-section-icon {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -2px
}

.doc-index-links .content-section-icon svg {
    color: var(--blue-500);
    height: 28px;
    width: 28px
}

@media (min-width: 992px) {
    .doc-index-links .content-section-icon {
        top: 0
    }

    .doc-index-links .content-section-icon svg {
        height: 32px;
        width: 32px
    }
}

.doc-index-links .list-of-contents {
    margin-bottom: 30px
}

.doc-index-links .list-of-contents ul {
    list-style: none;
    padding-left: 0
}

.doc-index-links .list-of-contents li {
    border-radius: var(--border-radius-md);
    left: -6px;
    margin-bottom: 10px;
    padding: 4px 6px;
    position: relative
}

.doc-index-links .list-of-contents li:hover {
    background: var(--doc-item-hover-background);
    color: var(--link-color)
}

.doc-index-links .list-of-contents li a {
    font-size: 16px
}

.doc-index-links .list-of-contents span {
    color: var(--text-muted-color)
}

.doc-index-links .list-of-contents .list-of-contents-icon svg {
    color: var(--gray-400);
    height: 21px;
    width: 21px
}

@media (min-width: 992px) {
    .doc-index-links .list-of-contents li {
        margin-bottom: 0
    }
}

.doc-index-highlights {
    border: solid var(--doc-section-separator-border-color);
    border-width: 1px 0;
    justify-content: space-between;
    margin-bottom: 45px;
    margin-top: 30px;
    padding: 30px 0
}

.doc-index-highlights li:last-of-type {
    margin-bottom: 0
}

@media (min-width: 992px) {
    .doc-index-highlights {
        margin-bottom: 60px;
        margin-top: 20px;
        padding: 60px 0
    }
}

.doc-index-highlight {
    border-radius: var(--border-radius-md);
    margin-bottom: 45px;
    position: relative
}

.doc-index-highlight:last-of-type {
    margin-bottom: 0
}

.doc-index-highlight h2 {
    align-items: center;
    display: flex;
    font-size: 18px;
    margin: 0 0 10px;
    position: relative
}

.doc-index-highlight p {
    font-size: 16px;
    margin-bottom: 0
}

.doc-index-highlight ul {
    font-size: 15px;
    margin: 10px 0 0;
    padding: 0 0 0 15px
}

.doc-index-highlight li {
    color: var(--gray-400);
    margin-bottom: 8px
}

.doc-index-highlight li a {
    color: var(--text-color);
    display: block;
    font-weight: 600
}

.doc-index-highlight h2:hover a, .doc-index-highlight li:hover a {
    color: var(--link-color)
}

@media (min-width: 992px) {
    .doc-index-highlight {
        margin-bottom: 0;
        width: 30%
    }

    .doc-index-highlight h2 {
        font-size: 20px;
        margin: 0 0 10px
    }
}

.doc-index-highlight .icon {
    margin-right: 15px
}

.doc-index-highlight .icon svg {
    color: var(--blue-500);
    height: 32px;
    width: 32px
}

@media (min-width: 992px) {
    .doc-index-highlight .icon {
        top: 0
    }

    .doc-index-highlight .icon svg {
        height: 36px;
        width: 36px
    }
}

.doc-index-book, .doc-index-contributing {
    border-radius: var(--border-radius-md);
    display: flex;
    margin-bottom: 30px;
    padding: 15px;
    position: relative
}

.doc-index-book img, .doc-index-contributing img {
    height: 150px;
    margin-right: 30px
}

.doc-index-book h3, .doc-index-book h3 a, .doc-index-contributing h3, .doc-index-contributing h3 a {
    font-size: var(--font-size-md)
}

.doc-index-book a, .doc-index-book p, .doc-index-contributing a, .doc-index-contributing p {
    font-size: var(--font-size-sm)
}

.doc-index-book a + a, .doc-index-contributing a + a {
    margin-left: 15px
}

.doc-index-contributing a {
    font-weight: 700
}

.doc-index-book:hover {
    background: var(--doc-item-hover-background)
}

.doc-index-book:hover a, .doc-index-contributing a:hover {
    color: var(--link-color)
}

.doc-index-contributing .icon {
    align-items: center;
    background: var(--doc-item-hover-background);
    border-radius: 4px;
    display: inline-flex;
    height: 100px;
    justify-content: center;
    margin-right: 30px;
    width: 100px
}

.doc-index-contributing .icon svg {
    color: var(--gray-400);
    height: 48px;
    width: 48px
}

.doc-index-extra-resource {
    border-radius: var(--border-radius-md);
    display: flex;
    margin-bottom: 15px;
    padding: 10px;
    position: relative
}

.doc-index-extra-resource:hover {
    background: var(--doc-item-hover-background)
}

.doc-index-extra-resource:hover a {
    color: var(--link-color)
}

.doc-index-extra-resource h4 {
    font-size: 16px
}

.doc-index-extra-resource .icon {
    color: var(--gray-400);
    margin-right: 15px
}

.doc-index-extra-resource svg {
    height: 32px;
    width: 32px
}

.doc-index-extra-resource p {
    font-size: var(--font-size-sm);
    margin-bottom: 0
}

.outdated-doc-warning {
    background: var(--doc-outdated-warning-background);
    border: 2px solid var(--doc-outdated-warning-border-color);
    border-radius: 4px;
    color: var(--doc-outdated-warning-color);
    margin-bottom: 30px;
    margin-top: 15px;
    padding: 10px 15px
}

.outdated-doc-warning a {
    color: var(--link-color)
}

.outdated-doc-warning p {
    margin-bottom: 0
}

.outdated-doc-warning p + p {
    margin-top: 5px
}

.doc-action.content-edit:hover, .doc-action.content-edit:hover svg {
    background: var(--doc-action-background);
    border-color: var(--link-border-color);
    color: var(--text-color)
}

.doc-pagination {
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
    max-width: var(--prose-max-width)
}

.doc-pagination .pagination-item {
    border-radius: var(--border-radius-md);
    flex: 1;
    line-height: var(--line-height-xs);
    list-style: none;
    margin: 0;
    padding: 15px;
    position: relative
}

.doc-pagination .pagination-item:not(.disabled):hover {
    background: var(--doc-item-hover-background)
}

.doc-pagination .pagination-item:hover a {
    color: var(--link-color)
}

.doc-pagination .pagination-item::marker {
    content: ""
}

.doc-pagination .pagination-item.pagination-item-next {
    text-align: right
}

.doc-pagination .pagination-item a {
    border: none;
    color: inherit;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px
}

.doc-pagination .pagination-item span {
    color: var(--text-muted-color);
    font-size: 14px
}

@media (min-width: 992px) {
    .doc-pagination .pagination-item a {
        font-size: 18px
    }

    .doc-pagination .pagination-item span {
        font-size: 16px
    }
}

.doc-coc-cta {
    background: var(--doc-coc-background);
    border-radius: var(--border-radius-md);
    margin-bottom: 30px;
    max-width: var(--prose-max-width);
    padding: 15px
}

.doc-coc-cta a {
    color: var(--link-color)
}

.doc-coc-cta a:hover {
    text-decoration: underline
}

.doc-license {
    color: var(--text-muted-color);
    font-size: var(--font-size-sm);
    margin-top: 30px
}

.doc-license a {
    color: inherit
}

.doc-license a:hover {
    color: var(--link-color)
}

.doc-fasttrack-sidebar {
    border-bottom: 1px solid var(--doc-section-separator-border-color);
    margin-bottom: 30px;
    margin-top: -20px
}

@media (min-width: 992px) {
    .doc-fasttrack-sidebar {
        border: none;
        left: 0;
        margin-top: 0;
        padding-bottom: 0;
        position: sticky;
        top: 20px
    }
}

.doc-fasttrack-sidebar .doc-fasttrack-sidebar-cover {
    display: none;
    margin-bottom: 20px
}

@media (min-width: 992px) {
    .doc-fasttrack-sidebar .doc-fasttrack-sidebar-cover {
        display: block
    }
}

.doc-fasttrack-sidebar .doc-fasttrack-sidebar-cover img {
    box-shadow: var(--doc-book-cover-sidebar-box-shadow)
}

.doc-fasttrack-sidebar .doc-fasttrack-sidebar-links {
    align-items: center;
    display: none;
    font-size: var(--font-size-sm)
}

@media (min-width: 992px) {
    .doc-fasttrack-sidebar .doc-fasttrack-sidebar-links {
        display: flex
    }
}

.doc-fasttrack-sidebar .doc-fasttrack-sidebar-links .book-icon {
    color: var(--text-muted-color);
    display: inline-block;
    margin-right: 3px
}

.doc-fasttrack-sidebar .doc-fasttrack-sidebar-links .book-icon svg {
    height: 18px;
    width: 18px
}

.doc-fasttrack-sidebar .doc-fasttrack-sidebar-links a:hover {
    color: var(--link-color)
}

.doc-fasttrack-sidebar .doc-fasttrack-sidebar-links a + .book-icon {
    margin-left: 15px
}

.doc-fasttrack-sidebar .doc-fasttrack-sidebar-sponsors {
    margin-bottom: 20px;
    margin-top: 30px
}

@media (min-width: 992px) {
    .doc-fasttrack-sidebar .doc-fasttrack-sidebar-sponsors {
        margin-bottom: 45px
    }
}

.doc-fasttrack-sidebar .doc-fasttrack-sidebar-sponsors .doc-fasttrack-sidebar-sponsors-intro {
    color: var(--text-muted-color);
    font-size: var(--font-size-sm);
    margin-bottom: 15px
}

.doc-fasttrack-sidebar .doc-fasttrack-sidebar-sponsors .doc-fasttrack-sidebar-sponsors-logos a {
    display: inline-block;
    margin-bottom: 30px
}

.doc-fasttrack-sidebar .doc-fasttrack-sidebar-sponsors .doc-fasttrack-sidebar-sponsors-logos a svg {
    height: auto;
    max-height: 60px;
    max-width: 140px;
    width: auto
}

.doc-fasttrack-sidebar .doc-fasttrack-sidebar-sponsors .doc-fasttrack-sidebar-sponsors-see-all {
    color: var(--text-muted-color);
    font-size: var(--font-size-sm);
    margin: 10px 0
}

.doc-fasttrack-sidebar .doc-fasttrack-sidebar-sponsors .doc-fasttrack-sidebar-sponsors-see-all:hover {
    color: var(--link-color)
}

.doc-fasttrack-sidebar .highlights {
    display: none
}

@media (min-width: 992px) {
    .doc-fasttrack-sidebar .highlights {
        display: block
    }
}

body[data-doc-book=the-fast-track] [figclass=backer] {
    margin-bottom: 5px
}

body[data-doc-book=the-fast-track] .fast-track-book-intro {
    max-width: 80ch
}

body[data-doc-book=the-fast-track] .fast-track-book-version-details {
    margin-top: 44px
}

body[data-doc-book=the-fast-track] .fast-track-book-version-details h2 {
    margin-bottom: 20px
}

body[data-doc-book=the-fast-track] .fast-track-book-version-details .doc-book-cover {
    display: none
}

@media (min-width: 1400px) {
    body[data-doc-book=the-fast-track] .fast-track-book-version-details .doc-book-cover {
        display: inline-flex
    }
}

body[data-doc-book=the-fast-track] .fast-track-book-version-details .doc-book-cover img {
    max-height: 250px
}

body[data-doc-book=the-fast-track] #company-backers + p ~ figure {
    margin-bottom: 30px
}

body[data-doc-book=the-fast-track] .codeblock.hide {
    display: none
}

body[data-doc-book=the-fast-track] .book-cover {
    box-shadow: var(--doc-book-cover-box-shadow);
    max-width: 220px
}

@media (min-width: 1400px) {
    body[data-doc-book=the-fast-track] .book-cover {
        max-width: 280px
    }
}

@media (min-width: 768px) {
    body[data-doc-book=the-fast-track] .doc-book-version-details {
        display: flex
    }
}

body[data-doc-book=the-fast-track] .doc-book-highlights {
    margin: 30px 0 45px
}

@media (min-width: 768px) {
    body[data-doc-book=the-fast-track] .doc-book-highlights {
        margin: 5px 0 45px;
        max-width: 50%
    }
}

@media (min-width: 1400px) {
    body[data-doc-book=the-fast-track] .doc-book-highlights {
        max-width: 35%
    }
}

body[data-doc-book=the-fast-track] .doc-book-highlights img {
    max-width: 100%
}

body[data-doc-book=the-fast-track] .doc-book-highlights h4 {
    color: var(--text-muted-color);
    font-size: var(--font-size-base);
    font-weight: 400
}

body[data-doc-book=the-fast-track] .doc-book-highlights > div {
    flex-basis: 50%
}

body[data-doc-book=the-fast-track] .doc-book-highlights-main {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 10px 0 25px
}

body[data-doc-book=the-fast-track] .doc-book-highlights-main > div {
    margin: 0 15px 0 0
}

body[data-doc-book=the-fast-track] .doc-book-highlights-main a svg {
    height: auto;
    max-height: 55px;
    max-width: 120px;
    width: auto
}

body[data-doc-book=the-fast-track] .doc-book-highlights-others {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 10px 0 15px
}

body[data-doc-book=the-fast-track] .doc-book-highlights-others a svg {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

body[data-doc-book=the-fast-track] .doc-book-links {
    flex: 1;
    margin: 0
}

@media (min-width: 768px) {
    body[data-doc-book=the-fast-track] .doc-book-links {
        margin: 0 45px 0 0
    }
}

@media (min-width: 1400px) {
    body[data-doc-book=the-fast-track] .doc-book-links {
        margin: 0 60px 0 30px
    }
}

body[data-doc-book=the-fast-track] .doc-book-links h4 {
    margin-bottom: 12px
}

body[data-doc-book=the-fast-track] .doc-book-translation {
    border-bottom: 1px solid var(--doc-layout-border-color);
    display: flex;
    padding: 6px 8px
}

body[data-doc-book=the-fast-track] .doc-book-translation:hover {
    background: var(--doc-item-hover-background)
}

body[data-doc-book=the-fast-track] .doc-book-translation:hover a {
    color: var(--link-color)
}

body[data-doc-book=the-fast-track] .doc-book-translation-language {
    flex: 1
}

body[data-doc-book=the-fast-track] .doc-book-translation-language-name {
    font-weight: 600
}

body[data-doc-book=the-fast-track] .doc-book-translation-language-name a {
    display: block
}

body[data-doc-book=the-fast-track] .doc-book-translation-links a {
    margin-left: 15px
}

body[data-doc-book=the-fast-track] .doc-book-translation-links a:hover {
    color: var(--link-color)
}

body[data-doc-book=the-fast-track] main {
    counter-reset: substep
}

body[data-doc-book=the-fast-track] main .section:not(:first-child) {
    counter-increment: substep
}

body[data-doc-book=the-fast-track]:not([data-doc-page=index]):not([data-doc-page=preface]) main h1.title:before {
    content: var(--doc-chapter-number) ". "
}

body[data-doc-book=the-fast-track]:not([data-doc-page=preface]) main h2:before {
    content: var(--doc-chapter-number) "." counter(substep) " "
}

body[data-doc-book=the-fast-track][data-doc-page=preface] figure img {
    max-height: 120px;
    max-width: 250px
}

body[data-doc-book=the-fast-track][data-doc-page=preface] .section h2 ~ figure ~ ul, body[data-doc-book=the-fast-track][data-doc-page=preface] .section h2 ~ p ~ figure ~ ul {
    display: grid;
    gap: 15px;
    grid-template-columns:repeat(2, 1fr);
    margin: 30px 0 0;
    max-width: var(--prose-max-width);
    padding-left: 0;
    text-align: center
}

body[data-doc-book=the-fast-track][data-doc-page=preface] .section h2 ~ figure ~ ul li, body[data-doc-book=the-fast-track][data-doc-page=preface] .section h2 ~ p ~ figure ~ ul li {
    margin: 0;
    padding: 30px
}

body[data-doc-book=the-fast-track][data-doc-page=preface] .section h2 ~ figure ~ ul li::marker, body[data-doc-book=the-fast-track][data-doc-page=preface] .section h2 ~ p ~ figure ~ ul li::marker {
    content: ""
}

body[data-doc-book=the-fast-track][data-doc-page=preface] .section h2 ~ figure ~ ul figure img, body[data-doc-book=the-fast-track][data-doc-page=preface] .section h2 ~ p ~ figure ~ ul figure img {
    max-height: 100px;
    max-width: 150px
}

@media (min-width: 992px) {
    body[data-doc-book=the-fast-track][data-doc-page=preface] .section h2 ~ figure ~ ul, body[data-doc-book=the-fast-track][data-doc-page=preface] .section h2 ~ p ~ figure ~ ul {
        gap: 30px;
        grid-template-columns:repeat(3, 1fr)
    }
}

body[data-doc-book=the-fast-track][data-doc-page=preface] figure {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 40px;
    max-width: var(--prose-max-width)
}

body[data-doc-book=the-fast-track][data-doc-page=preface] figure figcaption {
    font-size: var(--font-size-sm)
}

body[data-doc-book=the-fast-track][data-doc-page=preface] figure figcaption p {
    margin-bottom: 0
}

body[data-doc-book=the-fast-track][data-doc-page=preface] img[figclass=thomas] {
    max-height: unset;
    max-width: 600px
}

body[data-doc-book=the-fast-track][data-doc-page=preface] .layout-prose ul:first-of-type {
    column-count: 2;
    column-gap: 1.5em;
    list-style-type: none;
    margin: 2em 0 3.2em 3em;
    padding: 0
}

body[data-doc-book=the-fast-track][data-doc-page=preface] .layout-prose ul:first-of-type li::marker {
    content: ""
}

.doc-book-resources {
    display: flex
}

body[data-doc-book^=internal-] .layout-prose h1 {
    margin-top: .5em
}

html[lang=ar] main, html[lang=fa] main {
    direction: rtl
}

html[lang=ar] #individual-backers table, html[lang=ar] #individual-backers td, html[lang=ar] #individual-backers tr, html[lang=ar] .github, html[lang=ar] .imprint p, html[lang=ar] .imprint table, html[lang=ar] .imprint td, html[lang=ar] .imprint tr, html[lang=ar] .twitter, html[lang=ar] code, html[lang=ar] code .pre, html[lang=ar] div[class*=" highlight-"], html[lang=ar] div[class^=highlight-], html[lang=fa] #individual-backers table, html[lang=fa] #individual-backers td, html[lang=fa] #individual-backers tr, html[lang=fa] .github, html[lang=fa] .imprint p, html[lang=fa] .imprint table, html[lang=fa] .imprint td, html[lang=fa] .imprint tr, html[lang=fa] .twitter, html[lang=fa] code, html[lang=fa] code .pre, html[lang=fa] div[class*=" highlight-"], html[lang=fa] div[class^=highlight-] {
    direction: ltr
}

html[lang=ar] code, html[lang=ar] code .pre, html[lang=fa] code, html[lang=fa] code .pre {
    direction: ltr;
    display: inline-block
}

html[lang=ar] .admonition-caution, html[lang=ar] .admonition-note, html[lang=ar] .admonition-sidebar, html[lang=ar] .admonition-tip, html[lang=ar] .admonition-warning, html[lang=ar] .caution, html[lang=ar] .note, html[lang=ar] .sidebar, html[lang=ar] .tip, html[lang=ar] .warning, html[lang=ar] p.versionadded, html[lang=fa] .admonition-caution, html[lang=fa] .admonition-note, html[lang=fa] .admonition-sidebar, html[lang=fa] .admonition-tip, html[lang=fa] .admonition-warning, html[lang=fa] .caution, html[lang=fa] .note, html[lang=fa] .sidebar, html[lang=fa] .tip, html[lang=fa] .warning, html[lang=fa] p.versionadded {
    padding-left: 10px;
    padding-right: 55px
}

html[lang=ar] .admonition-title, html[lang=fa] .admonition-title {
    background-position: 100%;
    left: auto;
    right: 15px !important
}

html[lang=ar] .rtl, html[lang=fa] .rtl {
    direction: rtl !important;
    text-align: initial !important
}

html[lang=ar] .text-left, html[lang=fa] .text-left {
    text-align: right !important
}

html[lang=ar] .text-right, html[lang=fa] .text-right {
    text-align: left !important
}

html[lang=ar] .doc__tools, html[lang=fa] .doc__tools {
    float: left
}

@page {

@footnotes{
    html[lang=ar], html[lang=fa] {
        direction: ltr;
        text-align: inherit
    }
} }
html[lang=ar] #company-backers div, html[lang=ar] .code-block-caption, html[lang=ar] .footnote, html[lang=fa] #company-backers div, html[lang=fa] .code-block-caption, html[lang=fa] .footnote {
    direction: ltr;
    text-align: inherit
}

:root {
    --gray-700-as-rgb: 64, 64, 64;
    --green-900-as-rgb: 20, 83, 45;
    --rose-900-as-rgb: 136, 19, 55;
    --amber-900-as-rgb: 120, 53, 15;
    --black: #000;
    --white: #fff;
    --rose-50: #fff1f2;
    --rose-100: #ffe4e6;
    --rose-200: #fecdd3;
    --rose-300: #fda4af;
    --rose-400: #fb7185;
    --rose-500: #f43f5e;
    --rose-600: #e11d48;
    --rose-700: #be123c;
    --rose-800: #9f1239;
    --rose-900: #881337;
    --pink-50: #fdf2f8;
    --pink-100: #fce7f3;
    --pink-200: #fbcfe8;
    --pink-300: #f9a8d4;
    --pink-400: #f472b6;
    --pink-500: #ec4899;
    --pink-600: #db2777;
    --pink-700: #be185d;
    --pink-800: #9d174d;
    --pink-900: #831843;
    --fuchsia-50: #fdf4ff;
    --fuchsia-100: #fae8ff;
    --fuchsia-200: #f5d0fe;
    --fuchsia-300: #f0abfc;
    --fuchsia-400: #e879f9;
    --fuchsia-500: #d946ef;
    --fuchsia-600: #c026d3;
    --fuchsia-700: #a21caf;
    --fuchsia-800: #86198f;
    --fuchsia-900: #701a75;
    --purple-50: #faf5ff;
    --purple-100: #f3e8ff;
    --purple-200: #e9d5ff;
    --purple-300: #d8b4fe;
    --purple-400: #c084fc;
    --purple-500: #a855f7;
    --purple-600: #9333ea;
    --purple-700: #7e22ce;
    --purple-800: #6b21a8;
    --purple-900: #581c87;
    --violet-50: #f5f3ff;
    --violet-100: #ede9fe;
    --violet-200: #ddd6fe;
    --violet-300: #c4b5fd;
    --violet-400: #a78bfa;
    --violet-500: #8b5cf6;
    --violet-600: #7c3aed;
    --violet-700: #6d28d9;
    --violet-800: #5b21b6;
    --violet-900: #4c1d95;
    --indigo-50: #eef2ff;
    --indigo-100: #e0e7ff;
    --indigo-200: #c7d2fe;
    --indigo-300: #a5b4fc;
    --indigo-400: #818cf8;
    --indigo-500: #6366f1;
    --indigo-600: #4f46e5;
    --indigo-700: #4338ca;
    --indigo-800: #3730a3;
    --indigo-900: #312e81;
    --blue-50: #eff6ff;
    --blue-100: #dbeafe;
    --blue-200: #bfdbfe;
    --blue-300: #93c5fd;
    --blue-400: #60a5fa;
    --blue-500: #3b82f6;
    --blue-600: #2563eb;
    --blue-700: #1d4ed8;
    --blue-800: #1e40af;
    --blue-900: #1e3a8a;
    --sky-50: #f0f9ff;
    --sky-100: #e0f2fe;
    --sky-200: #bae6fd;
    --sky-300: #7dd3fc;
    --sky-400: #38bdf8;
    --sky-500: #0ea5e9;
    --sky-600: #0284c7;
    --sky-700: #0369a1;
    --sky-800: #075985;
    --sky-900: #0c4a6e;
    --cyan-50: #ecfeff;
    --cyan-100: #cffafe;
    --cyan-200: #a5f3fc;
    --cyan-300: #67e8f9;
    --cyan-400: #22d3ee;
    --cyan-500: #06b6d4;
    --cyan-600: #0891b2;
    --cyan-700: #0e7490;
    --cyan-800: #155e75;
    --cyan-900: #164e63;
    --teal-50: #f0fdfa;
    --teal-100: #ccfbf1;
    --teal-200: #99f6e4;
    --teal-300: #5eead4;
    --teal-400: #2dd4bf;
    --teal-500: #14b8a6;
    --teal-600: #0d9488;
    --teal-700: #0f766e;
    --teal-800: #115e59;
    --teal-900: #134e4a;
    --emerald-50: #ecfdf5;
    --emerald-100: #d1fae5;
    --emerald-200: #a7f3d0;
    --emerald-300: #6ee7b7;
    --emerald-400: #34d399;
    --emerald-500: #10b981;
    --emerald-600: #059669;
    --emerald-700: #047857;
    --emerald-800: #065f46;
    --emerald-900: #064e3b;
    --green-50: #f0fdf4;
    --green-100: #dcfce7;
    --green-200: #bbf7d0;
    --green-300: #86efac;
    --green-400: #4ade80;
    --green-500: #22c55e;
    --green-600: #16a34a;
    --green-700: #15803d;
    --green-800: #166534;
    --green-900: #14532d;
    --lime-50: #f7fee7;
    --lime-100: #ecfccb;
    --lime-200: #d9f99d;
    --lime-300: #bef264;
    --lime-400: #a3e635;
    --lime-500: #84cc16;
    --lime-600: #65a30d;
    --lime-700: #4d7c0f;
    --lime-800: #3f6212;
    --lime-900: #365314;
    --yellow-50: #fefce8;
    --yellow-100: #fef9c3;
    --yellow-200: #fef08a;
    --yellow-300: #fde047;
    --yellow-400: #facc15;
    --yellow-500: #eab308;
    --yellow-600: #ca8a04;
    --yellow-700: #a16207;
    --yellow-800: #854d0e;
    --yellow-900: #713f12;
    --amber-50: #fffbeb;
    --amber-100: #fef3c7;
    --amber-200: #fde68a;
    --amber-300: #fcd34d;
    --amber-400: #fbbf24;
    --amber-500: #f59e0b;
    --amber-600: #d97706;
    --amber-700: #b45309;
    --amber-800: #92400e;
    --amber-900: #78350f;
    --orange-50: #fff7ed;
    --orange-100: #ffedd5;
    --orange-200: #fed7aa;
    --orange-300: #fdba74;
    --orange-400: #fb923c;
    --orange-500: #f97316;
    --orange-600: #ea580c;
    --orange-700: #c2410c;
    --orange-800: #9a3412;
    --orange-900: #7c2d12;
    --red-50: #fef2f2;
    --red-100: #fee2e2;
    --red-200: #fecaca;
    --red-300: #fca5a5;
    --red-400: #f87171;
    --red-500: #ef4444;
    --red-600: #dc2626;
    --red-700: #b91c1c;
    --red-800: #991b1b;
    --red-900: #7f1d1d;
    --warm-gray-50: #fafaf9;
    --warm-gray-100: #f5f5f4;
    --warm-gray-200: #e7e5e4;
    --warm-gray-300: #d6d3d1;
    --warm-gray-400: #a8a29e;
    --warm-gray-500: #78716c;
    --warm-gray-600: #57534e;
    --warm-gray-700: #44403c;
    --warm-gray-800: #292524;
    --warm-gray-900: #1c1917;
    --true-gray-50: #fafafa;
    --true-gray-100: #f5f5f5;
    --true-gray-200: #e5e5e5;
    --true-gray-300: #d4d4d4;
    --true-gray-400: #a3a3a3;
    --true-gray-500: #737373;
    --true-gray-600: #525252;
    --true-gray-700: #404040;
    --true-gray-800: #262626;
    --true-gray-900: #171717;
    --neutral-gray-50: #fafafa;
    --neutral-gray-100: #f4f4f5;
    --neutral-gray-200: #e4e4e7;
    --neutral-gray-300: #d4d4d8;
    --neutral-gray-400: #a1a1aa;
    --neutral-gray-500: #71717a;
    --neutral-gray-600: #52525b;
    --neutral-gray-700: #3f3f46;
    --neutral-gray-800: #27272a;
    --neutral-gray-900: #18181b;
    --cool-gray-50: #f9fafb;
    --cool-gray-100: #f3f4f6;
    --cool-gray-200: #e5e7eb;
    --cool-gray-300: #d1d5db;
    --cool-gray-400: #9ca3af;
    --cool-gray-500: #6b7280;
    --cool-gray-600: #4b5563;
    --cool-gray-700: #374151;
    --cool-gray-800: #1f2937;
    --cool-gray-900: #111827;
    --blue-gray-50: #f8fafc;
    --blue-gray-100: #f1f5f9;
    --blue-gray-200: #e2e8f0;
    --blue-gray-300: #cbd5e1;
    --blue-gray-400: #94a3b8;
    --blue-gray-500: #64748b;
    --blue-gray-600: #475569;
    --blue-gray-700: #334155;
    --blue-gray-800: #1e293b;
    --blue-gray-900: #0f172a;
    --gray-50: var(--cool-gray-50);
    --gray-100: var(--cool-gray-100);
    --gray-200: var(--cool-gray-200);
    --gray-300: var(--cool-gray-300);
    --gray-400: var(--cool-gray-400);
    --gray-500: var(--cool-gray-500);
    --gray-600: var(--cool-gray-600);
    --gray-700: var(--cool-gray-700);
    --gray-800: var(--cool-gray-800);
    --gray-900: var(--cool-gray-900);
    --terminal-bg: var(--gray-800);
    --terminal-border-color: var(--gray-600)
}

.dark-theme {
    --terminal-bg: var(--gray-900);
    --terminal-border-color: var(--gray-700)
}

.codeblock-terminal {
    background: var(--terminal-bg);
    border: solid var(--terminal-border-color);
    border-radius: 3px 3px 0 0;
    border-width: 30px 4px 4px;
    color: var(--white);
    padding: 5px 0;
    position: relative;
    width: 100%
}

.codeblock-terminal.codeblock, .codeblock-terminal.codeblock.codeblock-length-lg, .codeblock-terminal.codeblock.codeblock-length-md {
    margin-left: 0
}

.codeblock-terminal .codeblock-lines {
    display: none
}

.codeblock-terminal .codeblock-code {
    background: 0 0;
    min-height: 50px;
    padding: 10px
}

.codeblock-terminal code {
    color: var(--gray-50)
}

.codeblock-terminal .hljs-comment {
    color: #8b949e;
    user-select: none;
    -webkit-user-select: none
}

.codeblock-terminal .hljs-keyword {
    color: var(--gray-50)
}

.codeblock-terminal .hljs-prompt {
    color: #8b949e;
    user-select: none;
    -webkit-user-select: none
}

.codeblock-terminal .hljs-string {
    color: #a5d6ff
}

.codeblock-terminal.command-macos:before, .macos .codeblock-terminal:not(.command-linux):not(.command-windows):before {
    background-color: hsla(0, 0%, 100%, .3);
    border-radius: 50%;
    box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .3), 20px 0 0 2px hsla(0, 0%, 100%, .3), 40px 0 0 2px hsla(0, 0%, 100%, .3);
    content: "";
    display: block;
    height: 7px;
    left: 8px;
    position: absolute;
    top: -18px;
    width: 7px
}

.codeblock-terminal.command-windows:before, .windows .codeblock-terminal:not(.command-linux):not(.command-macos):before {
    background-color: transparent;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMykiIGQ9Ik00NjQgMzUySDQ4Yy0yNi41IDAtNDggMjEuNS00OCA0OHYzMmMwIDI2LjUgMjEuNSA0OCA0OCA0OGg0MTZjMjYuNSAwIDQ4LTIxLjUgNDgtNDh2LTMyYzAtMjYuNS0yMS41LTQ4LTQ4LTQ4eiI+PC9wYXRoPjwvc3ZnPg==), url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMykiIGQ9Ik00NjQgMzJINDhDMjEuNSAzMiAwIDUzLjUgMCA4MHYzNTJjMCAyNi41IDIxLjUgNDggNDggNDhoNDE2YzI2LjUgMCA0OC0yMS41IDQ4LTQ4VjgwYzAtMjYuNS0yMS41LTQ4LTQ4LTQ4em0wIDM5NGMwIDMuMy0yLjcgNi02IDZINTRjLTMuMyAwLTYtMi43LTYtNlYxOTJoNDE2djIzNHoiPjwvcGF0aD48L3N2Zz4=), url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMykiIGQ9Ik0yNDIuNzIgMjU2bDEwMC4wNy0xMDAuMDdjMTIuMjgtMTIuMjggMTIuMjgtMzIuMTkgMC00NC40OGwtMjIuMjQtMjIuMjRjLTEyLjI4LTEyLjI4LTMyLjE5LTEyLjI4LTQ0LjQ4IDBMMTc2IDE4OS4yOCA3NS45MyA4OS4yMWMtMTIuMjgtMTIuMjgtMzIuMTktMTIuMjgtNDQuNDggMEw5LjIxIDExMS40NWMtMTIuMjggMTIuMjgtMTIuMjggMzIuMTkgMCA0NC40OEwxMDkuMjggMjU2IDkuMjEgMzU2LjA3Yy0xMi4yOCAxMi4yOC0xMi4yOCAzMi4xOSAwIDQ0LjQ4bDIyLjI0IDIyLjI0YzEyLjI4IDEyLjI4IDMyLjIgMTIuMjggNDQuNDggMEwxNzYgMzIyLjcybDEwMC4wNyAxMDAuMDdjMTIuMjggMTIuMjggMzIuMiAxMi4yOCA0NC40OCAwbDIyLjI0LTIyLjI0YzEyLjI4LTEyLjI4IDEyLjI4LTMyLjE5IDAtNDQuNDhMMjQyLjcyIDI1NnoiPjwvcGF0aD48L3N2Zz4=);
    background-position: right 80px top 5px, right 44px top 8px, right 8px top 8px;
    background-repeat: no-repeat;
    background-size: 14px, 14px, 14px;
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    top: -30px;
    width: 100%
}

.codeblock-terminal.command-linux:before, .linux .codeblock-terminal:not(.command-windows):not(.command-macos):before {
    background-color: transparent;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMykiIGQ9Ik0yNTYgOEMxMTkgOCA4IDExOSA4IDI1NnMxMTEgMjQ4IDI0OCAyNDggMjQ4LTExMSAyNDgtMjQ4UzM5MyA4IDI1NiA4em0xMjEuNiAzMTMuMWM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzM4IDM3Ny42Yy00LjcgNC43LTEyLjMgNC43LTE3IDBMMjU2IDMxMmwtNjUuMSA2NS42Yy00LjcgNC43LTEyLjMgNC43LTE3IDBMMTM0LjQgMzM4Yy00LjctNC43LTQuNy0xMi4zIDAtMTdsNjUuNi02NS02NS42LTY1LjFjLTQuNy00LjctNC43LTEyLjMgMC0xN2wzOS42LTM5LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDY1IDY1LjcgNjUuMS02NS42YzQuNy00LjcgMTIuMy00LjcgMTcgMGwzOS42IDM5LjZjNC43IDQuNyA0LjcgMTIuMyAwIDE3TDMxMiAyNTZsNjUuNiA2NS4xeiI+PC9wYXRoPjwvc3ZnPg==), url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMykiIGQ9Ik0yNTYgOEMxMTkgOCA4IDExOSA4IDI1NnMxMTEgMjQ4IDI0OCAyNDggMjQ4LTExMSAyNDgtMjQ4UzM5MyA4IDI1NiA4ek0xMjQgMjk2Yy02LjYgMC0xMi01LjQtMTItMTJ2LTU2YzAtNi42IDUuNC0xMiAxMi0xMmgyNjRjNi42IDAgMTIgNS40IDEyIDEydjU2YzAgNi42LTUuNCAxMi0xMiAxMkgxMjR6Ij48L3BhdGg+PC9zdmc+), url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMykiIGQ9Ik0yNTYgOEMxMTkgOCA4IDExOSA4IDI1NnMxMTEgMjQ4IDI0OCAyNDggMjQ4LTExMSAyNDgtMjQ4UzM5MyA4IDI1NiA4em05NiAzMjhjMCA4LjgtNy4yIDE2LTE2IDE2SDE3NmMtOC44IDAtMTYtNy4yLTE2LTE2VjE3NmMwLTguOCA3LjItMTYgMTYtMTZoMTYwYzguOCAwIDE2IDcuMiAxNiAxNnYxNjB6Ij48L3BhdGg+PC9zdmc+);
    background-position: left 8px top 8px, left 28px top 8px, left 48px top 8px;
    background-repeat: no-repeat;
    background-size: 14px, 14px, 14px;
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    top: -30px;
    width: 100%
}

:root {
    --doc-codeblock-lines-color: #b8bdc6;
    --doc-codeblock-lines-border-color: var(--gray-200);
    --doc-codeblock-background: #f6f8fa;
    --doc-codeblock-caption-bg: var(--gray-200);
    --doc-codeblock-caption-color: var(--gray-600);
    --doc-code-border-color: var(--gray-200);
    --doc-configuration-block-tab-container-border: none;
    --doc-configuration-block-tab-background: #ededed;
    --doc-configuration-block-tab-border-color: var(--gray-300);
    --doc-configuration-block-active-tab-background: var(--page-background);
    --doc-configuration-block-active-tab-color: var(--text-color);
    --doc-configuration-block-active-tab-shadow: #fff 0px 0px 0px 0px, rgba(0, 0, 0, .05) 0px 0px 0px 1px, rgba(0, 0, 0, .05) 0px 1px 2px 0px;
    --doc-configuration-block-active-tab-border-color: transparent
}

.dark-theme {
    --doc-codeblock-lines-color: var(--gray-500);
    --doc-codeblock-lines-border-color: rgba(240, 246, 252, .15);
    --doc-codeblock-background: #18202a;
    --doc-codeblock-caption-bg: var(--gray-700);
    --doc-codeblock-caption-color: var(--gray-300);
    --doc-code-border-color: var(--gray-900);
    --doc-terminal-background: var(--gray-900);
    --doc-terminal-border-color: var(--gray-700);
    --doc-configuration-block-tab-container-border: 1px solid var(--gray-600);
    --doc-configuration-block-tab-background: var(--gray-900);
    --doc-configuration-block-tab-border-color: var(--gray-600);
    --doc-configuration-block-active-tab-background: var(--gray-600);
    --doc-configuration-block-active-tab-color: var(--gray-200);
    --doc-configuration-block-active-tab-shadow: 0 2px 0 var(--gray-900);
    --doc-configuration-block-active-tab-border-color: var(--gray-700)
}

.hljs-comment {
    color: #6a737d
}

.hljs-keyword {
    color: #d73a49
}

.hljs-title {
    color: #e36209
}

.hljs-variable-other-marker {
    color: #005cc5
}

.hljs-function .hljs-title {
    color: #6f42c1
}

.hljs-string {
    color: #032f62
}

.hljs-attr, .hljs-tag .hljs-name {
    color: #22863a
}

.hljs-tag .hljs-attr {
    color: #6f42c1
}

.hljs-addition {
    background: #e6ffed;
    outline: 3px solid #e6ffed
}

.hljs-deletion {
    background: #ffeef0;
    outline: 3px solid #ffeef0
}

.dark-theme .hljs-comment {
    color: #8b949e
}

.dark-theme .hljs-keyword {
    color: #ff7b72
}

.dark-theme .hljs-title {
    color: #ffa657
}

.dark-theme .hljs-variable-other-marker {
    color: #79c0ff
}

.dark-theme .hljs-function .hljs-title {
    color: #d2a8ff
}

.dark-theme .hljs-string {
    color: #a5d6ff
}

.dark-theme .hljs-attr, .dark-theme .hljs-tag .hljs-name {
    color: #7ee787
}

.dark-theme .hljs-tag .hljs-attr {
    color: #d2a8ff
}

.dark-theme .hljs-addition {
    background: rgba(46, 160, 67, .3);
    outline: 3px solid rgba(46, 160, 67, .3)
}

.dark-theme .hljs-deletion {
    background: rgba(218, 54, 51, .3);
    outline: 3px solid rgba(218, 54, 51, .3)
}

code, pre {
    color: var(--text-color);
    font-family: var(--font-family-monospace);
    font-size: 13px;
    font-synthesis: none;
    font-variant-ligatures: none;
    white-space: pre-wrap
}

@media (min-width: 768px) {
    code, pre {
        font-size: 14px
    }
}

code {
    border-bottom: 1px solid var(--doc-code-border-color)
}

pre code {
    border-bottom: 0
}

.highlight-diff .highlight > pre {
    padding-left: 0
}

.codeblock {
    display: grid;
    margin-bottom: var(--margin-md);
    position: relative
}

@media (min-width: 992px) {
    .codeblock {
        margin-left: -21px
    }

    .codeblock.codeblock-length-sm[data-loc="1"], .codeblock.codeblock-length-sm[data-loc="2"] {
        margin-left: 0
    }

    .codeblock.codeblock-length-md {
        margin-left: -30px
    }
}

.codeblock:hover .btn-codeblock-copy-code {
    animation: fade-in .5s both
}

.codeblock .codeblock-caption {
    background: var(--doc-codeblock-caption-bg);
    color: var(--doc-codeblock-caption-color);
    font-family: var(--font-family-monospace);
    font-size: 13px;
    font-weight: 600;
    margin-left: 23px;
    overflow: hidden;
    padding: 4px 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.codeblock[data-loc="1"] .codeblock-caption, .codeblock[data-loc="2"] .codeblock-caption {
    margin-left: 0
}

.codeblock.codeblock-length-md .codeblock-caption {
    margin-left: 32px
}

.codeblock pre {
    line-height: 1.8;
    white-space: pre
}

.codeblock .btn-codeblock-copy-code {
    animation: fade-out .2s both;
    background: var(--doc-action-background);
    border: 1px solid var(--listgroup-border-color);
    border-radius: 4px;
    color: var(--text-muted-color);
    font-size: var(--font-size-sm);
    line-height: 21px;
    opacity: 0;
    outline: none;
    padding: 4px 8px;
    position: absolute;
    right: 5px;
    top: 5px
}

.codeblock .btn-codeblock-copy-code svg {
    vertical-align: text-bottom
}

.codeblock .btn-codeblock-copy-code.btn-codeblock-copy-code-active, .codeblock .btn-codeblock-copy-code:active, .codeblock .btn-codeblock-copy-code:hover {
    color: var(--text-color)
}

.codeblock.codeblock-has-caption .btn-codeblock-copy-code {
    top: 34px
}

.codeblock-scroll {
    display: flex;
    flex-direction: row;
    overflow-x: auto
}

.codeblock-lines {
    border-right: 1px solid var(--doc-codeblock-lines-border-color);
    color: var(--doc-codeblock-lines-color);
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 13px;
    margin-bottom: 0;
    padding: 5px 10px 0 5px;
    pointer-events: none;
    text-align: right;
    user-select: none;
    -webkit-user-select: none
}

@media (min-width: 768px) {
    .codeblock-lines {
        font-size: 14px
    }
}

pre.codeblock-lines {
    line-height: 23.4px
}

@media (min-width: 768px) {
    pre.codeblock-lines {
        line-height: 25.2px
    }
}

.codeblock[data-loc="1"] .codeblock-lines, .codeblock[data-loc="2"] .codeblock-lines {
    display: none
}

pre.codeblock-code {
    background: var(--doc-codeblock-background);
    flex: 1;
    hyphens: none;
    margin-bottom: 0;
    padding: 5px 10px
}

.page-content .content pre.codeblock-code code, pre.codeblock-code code {
    background: 0 0;
    border-radius: 0;
    font-size: 13px;
    padding: 0;
    white-space: pre;
    word-break: unset
}

@media (min-width: 768px) {
    .page-content .content pre.codeblock-code code, pre.codeblock-code code {
        font-size: 14px
    }
}

.configuration-block .configuration-tabs {
    background-color: var(--doc-configuration-block-tab-background);
    border: var(--doc-configuration-block-tab-container-border);
    border-radius: 6px;
    display: inline-flex;
    font-size: var(--font-size-sm);
    margin: 0 0 10px;
    padding: 2px;
    user-select: none;
    -webkit-user-select: none
}

.configuration-block .configuration-tabs.configuration-tabs-length-1 {
    display: none
}

.configuration-block .configuration-tabs li {
    border: 1px solid transparent;
    cursor: pointer;
    list-style: none;
    margin: 0;
    padding: 0 15px;
    position: relative;
    text-align: center
}

.configuration-block .configuration-tabs li::marker {
    content: ""
}

.configuration-block .configuration-tabs li:before {
    background: var(--doc-configuration-block-tab-border-color);
    bottom: 15%;
    content: "";
    left: 0;
    position: absolute;
    top: 15%;
    width: 1px
}

.configuration-block .configuration-tabs li:first-child:before, .configuration-block .configuration-tabs li[data-active] + li:before, .configuration-block .configuration-tabs li[data-active]:before {
    width: 0
}

.configuration-block .configuration-tabs li[data-active] {
    background-color: var(--doc-configuration-block-active-tab-background);
    border: 1px solid var(--doc-configuration-block-active-tab-border-color);
    border-radius: 6px;
    box-shadow: var(--doc-configuration-block-active-tab-shadow);
    color: var(--doc-configuration-block-active-tab-color);
    position: relative;
    z-index: 1
}