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

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

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

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

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

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

.blockquote-footer {
    color: #475569;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: -1rem
}

.blockquote-footer:before {
    content: "— "
}

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

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

.figure {
    display: inline-block
}

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

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

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

@media (min-width:576px) {

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

@media (min-width:768px) {

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

@media (min-width:992px) {

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

@media (min-width:1200px) {

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

@media (min-width:1400px) {

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

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

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

.row > * {
    flex-shrink: 0;
    margin-top: var(--gk-gutter-y);
    max-width: 100%;
    padding-left: calc(var(--gk-gutter-x)*.5);
    padding-right: calc(var(--gk-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.33333333%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g-5,
.gx-5 {
    --gk-gutter-x: 2rem
}

.g-5,
.gy-5 {
    --gk-gutter-y: 2rem
}

.g-6,
.gx-6 {
    --gk-gutter-x: 2.5rem
}

.g-6,
.gy-6 {
    --gk-gutter-y: 2.5rem
}

.g-7,
.gx-7 {
    --gk-gutter-x: 3rem
}

.g-7,
.gy-7 {
    --gk-gutter-y: 3rem
}

.g-8,
.gx-8 {
    --gk-gutter-x: 3.5rem
}

.g-8,
.gy-8 {
    --gk-gutter-y: 3.5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-sm-5,
    .gx-sm-5 {
        --gk-gutter-x: 2rem
    }

    .g-sm-5,
    .gy-sm-5 {
        --gk-gutter-y: 2rem
    }

    .g-sm-6,
    .gx-sm-6 {
        --gk-gutter-x: 2.5rem
    }

    .g-sm-6,
    .gy-sm-6 {
        --gk-gutter-y: 2.5rem
    }

    .g-sm-7,
    .gx-sm-7 {
        --gk-gutter-x: 3rem
    }

    .g-sm-7,
    .gy-sm-7 {
        --gk-gutter-y: 3rem
    }

    .g-sm-8,
    .gx-sm-8 {
        --gk-gutter-x: 3.5rem
    }

    .g-sm-8,
    .gy-sm-8 {
        --gk-gutter-y: 3.5rem
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-md-5,
    .gx-md-5 {
        --gk-gutter-x: 2rem
    }

    .g-md-5,
    .gy-md-5 {
        --gk-gutter-y: 2rem
    }

    .g-md-6,
    .gx-md-6 {
        --gk-gutter-x: 2.5rem
    }

    .g-md-6,
    .gy-md-6 {
        --gk-gutter-y: 2.5rem
    }

    .g-md-7,
    .gx-md-7 {
        --gk-gutter-x: 3rem
    }

    .g-md-7,
    .gy-md-7 {
        --gk-gutter-y: 3rem
    }

    .g-md-8,
    .gx-md-8 {
        --gk-gutter-x: 3.5rem
    }

    .g-md-8,
    .gy-md-8 {
        --gk-gutter-y: 3.5rem
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-lg-5,
    .gx-lg-5 {
        --gk-gutter-x: 2rem
    }

    .g-lg-5,
    .gy-lg-5 {
        --gk-gutter-y: 2rem
    }

    .g-lg-6,
    .gx-lg-6 {
        --gk-gutter-x: 2.5rem
    }

    .g-lg-6,
    .gy-lg-6 {
        --gk-gutter-y: 2.5rem
    }

    .g-lg-7,
    .gx-lg-7 {
        --gk-gutter-x: 3rem
    }

    .g-lg-7,
    .gy-lg-7 {
        --gk-gutter-y: 3rem
    }

    .g-lg-8,
    .gx-lg-8 {
        --gk-gutter-x: 3.5rem
    }

    .g-lg-8,
    .gy-lg-8 {
        --gk-gutter-y: 3.5rem
    }
}

@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.33333333%
    }

    .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.66666667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-xl-5,
    .gx-xl-5 {
        --gk-gutter-x: 2rem
    }

    .g-xl-5,
    .gy-xl-5 {
        --gk-gutter-y: 2rem
    }

    .g-xl-6,
    .gx-xl-6 {
        --gk-gutter-x: 2.5rem
    }

    .g-xl-6,
    .gy-xl-6 {
        --gk-gutter-y: 2.5rem
    }

    .g-xl-7,
    .gx-xl-7 {
        --gk-gutter-x: 3rem
    }

    .g-xl-7,
    .gy-xl-7 {
        --gk-gutter-y: 3rem
    }

    .g-xl-8,
    .gx-xl-8 {
        --gk-gutter-x: 3.5rem
    }

    .g-xl-8,
    .gy-xl-8 {
        --gk-gutter-y: 3.5rem
    }
}

@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.33333333%
    }

    .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.66666667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-xxl-5,
    .gx-xxl-5 {
        --gk-gutter-x: 2rem
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --gk-gutter-y: 2rem
    }

    .g-xxl-6,
    .gx-xxl-6 {
        --gk-gutter-x: 2.5rem
    }

    .g-xxl-6,
    .gy-xxl-6 {
        --gk-gutter-y: 2.5rem
    }

    .g-xxl-7,
    .gx-xxl-7 {
        --gk-gutter-x: 3rem
    }

    .g-xxl-7,
    .gy-xxl-7 {
        --gk-gutter-y: 3rem
    }

    .g-xxl-8,
    .gx-xxl-8 {
        --gk-gutter-x: 3.5rem
    }

    .g-xxl-8,
    .gy-xxl-8 {
        --gk-gutter-y: 3.5rem
    }
}

.table {
    --gk-table-color-type: initial;
    --gk-table-bg-type: initial;
    --gk-table-color-state: initial;
    --gk-table-bg-state: initial;
    --gk-table-color: var(--gk-body-color);
    --gk-table-bg: transparent;
    --gk-table-border-color: var(--gk-border-color);
    --gk-table-accent-bg: transparent;
    --gk-table-striped-color: var(--gk-body-color);
    --gk-table-striped-bg: #f1f5f9;
    --gk-table-active-color: var(--gk-body-color);
    --gk-table-active-bg: var(--gk-body-bg);
    --gk-table-hover-color: var(--gk-body-color);
    --gk-table-hover-bg: var(--gk-body-bg);
    border-color: var(--gk-table-border-color);
    margin-bottom: 1rem;
    vertical-align: top;
    width: 100%
}

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

.table > tbody {
    vertical-align: inherit
}

.table > thead {
    vertical-align: bottom
}

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

.caption-top {
    caption-side: top
}

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

.table-bordered > :not(caption) > * {
    border-width: var(--gk-border-width) 0
}

.table-bordered > :not(caption) > * > * {
    border-width: 0 var(--gk-border-width)
}

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

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

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

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

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

.table-primary {
    --gk-table-color: #000;
    --gk-table-bg: #e3dcff;
    --gk-table-border-color: #ccc6e6;
    --gk-table-striped-bg: #000;
    --gk-table-striped-color: #fff;
    --gk-table-active-bg: #000;
    --gk-table-active-color: #fff;
    --gk-table-hover-bg: #000;
    --gk-table-hover-color: #fff
}

.table-primary,
.table-secondary {
    border-color: var(--gk-table-border-color);
    color: var(--gk-table-color)
}

.table-secondary {
    --gk-table-color: #000;
    --gk-table-bg: #e0e3e8;
    --gk-table-border-color: #caccd1;
    --gk-table-striped-bg: #000;
    --gk-table-striped-color: #fff;
    --gk-table-active-bg: #000;
    --gk-table-active-color: #fff;
    --gk-table-hover-bg: #000;
    --gk-table-hover-color: #fff
}

.table-success {
    --gk-table-color: #000;
    --gk-table-bg: #d7ece1;
    --gk-table-border-color: #c2d4cb;
    --gk-table-striped-bg: #000;
    --gk-table-striped-color: #fff;
    --gk-table-active-bg: #000;
    --gk-table-active-color: #fff;
    --gk-table-hover-bg: #000;
    --gk-table-hover-color: #fff
}

.table-info,
.table-success {
    border-color: var(--gk-table-border-color);
    color: var(--gk-table-color)
}

.table-info {
    --gk-table-color: #000;
    --gk-table-bg: #cfedfb;
    --gk-table-border-color: #bad5e2;
    --gk-table-striped-bg: #000;
    --gk-table-striped-color: #fff;
    --gk-table-active-bg: #000;
    --gk-table-active-color: #fff;
    --gk-table-hover-bg: #000;
    --gk-table-hover-color: #fff
}

.table-warning {
    --gk-table-color: #000;
    --gk-table-bg: #fdecce;
    --gk-table-border-color: #e4d4b9;
    --gk-table-striped-bg: #000;
    --gk-table-striped-color: #fff;
    --gk-table-active-bg: #000;
    --gk-table-active-color: #fff;
    --gk-table-hover-bg: #000;
    --gk-table-hover-color: #fff
}

.table-danger,
.table-warning {
    border-color: var(--gk-table-border-color);
    color: var(--gk-table-color)
}

.table-danger {
    --gk-table-color: #000;
    --gk-table-bg: #f8d4d4;
    --gk-table-border-color: #dfbfbf;
    --gk-table-striped-bg: #000;
    --gk-table-striped-color: #fff;
    --gk-table-active-bg: #000;
    --gk-table-active-color: #fff;
    --gk-table-hover-bg: #000;
    --gk-table-hover-color: #fff
}

.table-light {
    --gk-table-color: #000;
    --gk-table-bg: #f1f5f9;
    --gk-table-border-color: #d9dde0;
    --gk-table-striped-bg: #000;
    --gk-table-striped-color: #fff;
    --gk-table-active-bg: #000;
    --gk-table-active-color: #fff;
    --gk-table-hover-bg: #000;
    --gk-table-hover-color: #fff
}

.table-dark,
.table-light {
    border-color: var(--gk-table-border-color);
    color: var(--gk-table-color)
}

.table-dark {
    --gk-table-color: #fff;
    --gk-table-bg: #0f172a;
    --gk-table-border-color: #272e3f;
    --gk-table-striped-bg: #fff;
    --gk-table-striped-color: #000;
    --gk-table-active-bg: #fff;
    --gk-table-active-color: #000;
    --gk-table-hover-bg: #fff;
    --gk-table-hover-color: #000
}

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

@media (max-width:575.98px) {
    .table-responsive-sm {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto
    }
}

@media (max-width:1399.98px) {
    .table-responsive-xxl {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto
    }
}

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

.col-form-label,
.form-label {
    color: var(--gk-form-label-color);
    font-weight: 600
}

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

.col-form-label-lg {
    font-size: 1.09375rem;
    padding-bottom: calc(.75rem + var(--gk-border-width));
    padding-top: calc(.75rem + var(--gk-border-width))
}

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

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

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

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

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

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

.form-control:focus {
    background-color: var(--gk-input-bg);
    border-color: var(--gk-input-focus-border);
    box-shadow: var(--gk-input-focus-box-shadow);
    color: var(--gk-body-color);
    outline: 0
}

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

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

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

.form-control::placeholder {
    color: var(--gk-input-placeholder-color);
    opacity: 1
}

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

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

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

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

.form-control-plaintext {
    background-color: transparent;
    border: solid transparent;
    border-width: var(--gk-border-width) 0;
    color: var(--gk-body-color);
    display: block;
    line-height: 1.6;
    margin-bottom: 0;
    padding: .5rem 0;
    width: 100%
}

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

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

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

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

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

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

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

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

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

.form-control-color {
    height: calc(1.6em + 1rem + var(--gk-border-width)*2);
    padding: .5rem;
    width: 3rem
}

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

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

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

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

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

.form-select {
    --gk-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--gk-input-bg);
    background-image: var(--gk-form-select-bg-img), var(--gk-form-select-bg-icon, none);
    background-position: right 1rem center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    border: var(--gk-border-width) solid var(--gk-input-border);
    border-radius: var(--gk-border-radius);
    color: #94a3b8;
    display: block;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.6;
    padding: .5rem 3rem .5rem 1rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

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

.form-select:focus {
    border-color: var(--gk-input-focus-border);
    box-shadow: 0 0 0 .25rem rgba(117, 79, 254, .25);
    outline: 0
}

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

.form-select:disabled {
    background-color: var(--gk-input-disabled-bg)
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #94a3b8
}

.form-select-sm {
    border-radius: var(--gk-border-radius-sm);
    font-size: .765625rem;
    padding-bottom: .25rem;
    padding-left: .75rem;
    padding-top: .25rem
}

.form-select-lg {
    border-radius: var(--gk-border-radius-lg);
    font-size: 1.09375rem;
    padding-bottom: .75rem;
    padding-left: 1.25rem;
    padding-top: .75rem
}

[data-bs-theme=dark] .form-select {
    --gk-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")
}

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

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

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

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

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

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

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

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

.form-check-input:focus {
    border-color: var(--gk-input-focus-border);
    box-shadow: 0 0 0 .25rem rgba(117, 79, 254, .25);
    outline: 0
}

.form-check-input:checked {
    background-color: #754ffe;
    border-color: #754ffe
}

.form-check-input:checked[type=checkbox] {
    --gk-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E")
}

.form-check-input:checked[type=radio] {
    --gk-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E")
}

.form-check-input[type=checkbox]:indeterminate {
    --gk-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");
    background-color: #754ffe;
    border-color: #754ffe
}

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

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

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

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

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

.form-switch .form-check-input:focus {
    --gk-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='var(--gk-input-focus-border)'/%3E%3C/svg%3E")
}

.form-switch .form-check-input:checked {
    --gk-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
    background-position: 100%
}

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

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

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

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

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

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --gk-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.25)'/%3E%3C/svg%3E")
}

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

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #f1f5f9, var(--gk-input-focus-box-shadow)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #f1f5f9, var(--gk-input-focus-box-shadow)
}

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

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

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

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

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

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

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

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

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

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

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

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

.form-floating {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-floating > .form-control-plaintext ~ label {
    border-width: var(--gk-border-width) 0
}

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

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

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

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

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

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

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

.input-group-text {
    align-items: center;
    background-color: #fff;
    border: var(--gk-border-width) solid var(--gk-input-border);
    border-radius: var(--gk-border-radius);
    color: var(--gk-body-color);
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.6;
    padding: .5rem 1rem;
    text-align: center;
    white-space: nowrap
}

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

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

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

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

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

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

.valid-feedback {
    color: var(--gk-form-valid-color);
    display: none;
    font-size: .875em;
    margin-top: .25rem;
    width: 100%
}

.valid-tooltip {
    background-color: var(--gk-success);
    border-radius: var(--gk-border-radius);
    color: #fff;
    display: none;
    font-size: .765625rem;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2338a169' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-position: right calc(.4em + .25rem) center;
    background-repeat: no-repeat;
    background-size: calc(.8em + .5rem) calc(.8em + .5rem);
    border-color: var(--gk-form-valid-border-color);
    padding-right: calc(1.6em + 1rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: var(--gk-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--gk-success-rgb), .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    background-position: top calc(.4em + .25rem) right calc(.4em + .25rem);
    padding-right: calc(1.6em + 1rem)
}

.form-select.is-valid,
.was-validated .form-select:valid {
    border-color: var(--gk-form-valid-border-color)
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
    --gk-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2338a169' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-position: right 1rem center, center right 3rem;
    background-size: 16px 12px, calc(.8em + .5rem) calc(.8em + .5rem);
    padding-right: 5.5rem
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
    border-color: var(--gk-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--gk-success-rgb), .25)
}

.form-control-color.is-valid,
.was-validated .form-control-color:valid {
    width: calc(4rem + 1.6em)
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: var(--gk-form-valid-border-color)
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: var(--gk-form-valid-color)
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--gk-success-rgb), .25)
}

.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
    color: var(--gk-form-valid-color)
}

.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: .5em
}

.input-group > .form-control:not(:focus).is-valid,
.input-group > .form-floating:not(:focus-within).is-valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-control:not(:focus):valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.was-validated .input-group > .form-select:not(:focus):valid {
    z-index: 3
}

.invalid-feedback {
    color: var(--gk-form-invalid-color);
    display: none;
    font-size: .875em;
    margin-top: .25rem;
    width: 100%
}

.invalid-tooltip {
    background-color: var(--gk-danger);
    border-radius: var(--gk-border-radius);
    color: #fff;
    display: none;
    font-size: .765625rem;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc2626'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc2626' stroke='none'/%3E%3C/svg%3E");
    background-position: right calc(.4em + .25rem) center;
    background-repeat: no-repeat;
    background-size: calc(.8em + .5rem) calc(.8em + .5rem);
    border-color: var(--gk-form-invalid-border-color);
    padding-right: calc(1.6em + 1rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: var(--gk-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--gk-danger-rgb), .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    background-position: top calc(.4em + .25rem) right calc(.4em + .25rem);
    padding-right: calc(1.6em + 1rem)
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
    border-color: var(--gk-form-invalid-border-color)
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
    --gk-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc2626'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc2626' stroke='none'/%3E%3C/svg%3E");
    background-position: right 1rem center, center right 3rem;
    background-size: 16px 12px, calc(.8em + .5rem) calc(.8em + .5rem);
    padding-right: 5.5rem
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
    border-color: var(--gk-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--gk-danger-rgb), .25)
}

.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
    width: calc(4rem + 1.6em)
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: var(--gk-form-invalid-border-color)
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
    background-color: var(--gk-form-invalid-color)
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--gk-danger-rgb), .25)
}

.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
    color: var(--gk-form-invalid-color)
}

.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: .5em
}

.input-group > .form-control:not(:focus).is-invalid,
.input-group > .form-floating:not(:focus-within).is-invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-control:not(:focus):invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.was-validated .input-group > .form-select:not(:focus):invalid {
    z-index: 4
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.card-group > .card {
    margin-bottom: var(--gk-card-group-margin)
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

    .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group > .card + .card {
        border-left: 0;
        margin-left: 0
    }

    .card-group > .card:not(:last-child) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .card-group > .card:not(:last-child) .card-header,
    .card-group > .card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group > .card:not(:last-child) .card-footer,
    .card-group > .card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group > .card:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .card-group > .card:not(:first-child) .card-header,
    .card-group > .card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group > .card:not(:first-child) .card-footer,
    .card-group > .card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}


.list-group {
    --gk-list-group-color: var(--gk-body-color);
    --gk-list-group-bg: var(--gk-card-bg);
    --gk-list-group-border-color: var(--gk-border-color);
    --gk-list-group-border-width: var(--gk-border-width);
    --gk-list-group-border-radius: var(--gk-border-radius);
    --gk-list-group-item-padding-x: 1.25rem;
    --gk-list-group-item-padding-y: 0.75rem;
    --gk-list-group-action-color: var(--gk-gray-500);
    --gk-list-group-action-hover-color: var(--gk-gray-600);
    --gk-list-group-action-hover-bg: var(--gk-gray-100);
    --gk-list-group-action-active-color: var(--gk-gray-600);
    --gk-list-group-action-active-bg: var(--gk-gray-100);
    --gk-list-group-disabled-color: var(--gk-secondary-color);
    --gk-list-group-disabled-bg: var(--gk-card-bg);
    --gk-list-group-active-color: #fff;
    --gk-list-group-active-bg: #754ffe;
    --gk-list-group-active-border-color: #754ffe;
    border-radius: var(--gk-list-group-border-radius);
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0
}

.list-group-numbered {
    counter-reset: section;
    list-style-type: none
}

.list-group-numbered > .list-group-item:before {
    content: counters(section, ".") ". ";
    counter-increment: section
}

.list-group-item-action {
    color: var(--gk-list-group-action-color);
    text-align: inherit;
    width: 100%
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    background-color: var(--gk-list-group-action-hover-bg);
    color: var(--gk-list-group-action-hover-color);
    text-decoration: none;
    z-index: 1
}

.list-group-item-action:active {
    background-color: var(--gk-list-group-action-active-bg);
    color: var(--gk-list-group-action-active-color)
}

.list-group-item {
    background-color: var(--gk-list-group-bg);
    border: var(--gk-list-group-border-width) solid var(--gk-list-group-border-color);
    color: var(--gk-list-group-color);
    display: block;
    padding: var(--gk-list-group-item-padding-y) var(--gk-list-group-item-padding-x);
    position: relative
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    background-color: var(--gk-list-group-disabled-bg);
    color: var(--gk-list-group-disabled-color);
    pointer-events: none
}

.list-group-item.active {
    background-color: var(--gk-list-group-active-bg);
    border-color: var(--gk-list-group-active-border-color);
    color: var(--gk-list-group-active-color);
    z-index: 2
}

.list-group-item + .list-group-item {
    border-top-width: 0
}

.list-group-item + .list-group-item.active {
    border-top-width: var(--gk-list-group-border-width);
    margin-top: calc(var(--gk-list-group-border-width)*-1)
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--gk-list-group-border-radius);
    border-top-right-radius: 0
}

.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--gk-list-group-border-radius)
}

.list-group-horizontal > .list-group-item.active {
    margin-top: 0
}

.list-group-horizontal > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: var(--gk-list-group-border-width)
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
    border-left-width: var(--gk-list-group-border-width);
    margin-left: calc(var(--gk-list-group-border-width)*-1)
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

    .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--gk-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--gk-list-group-border-radius)
    }

    .list-group-horizontal-sm > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm > .list-group-item + .list-group-item {
        border-left-width: 0;
        border-top-width: var(--gk-list-group-border-width)
    }

    .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        border-left-width: var(--gk-list-group-border-width);
        margin-left: calc(var(--gk-list-group-border-width)*-1)
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

    .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--gk-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--gk-list-group-border-radius)
    }

    .list-group-horizontal-md > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md > .list-group-item + .list-group-item {
        border-left-width: 0;
        border-top-width: var(--gk-list-group-border-width)
    }

    .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        border-left-width: var(--gk-list-group-border-width);
        margin-left: calc(var(--gk-list-group-border-width)*-1)
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

    .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--gk-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--gk-list-group-border-radius)
    }

    .list-group-horizontal-lg > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg > .list-group-item + .list-group-item {
        border-left-width: 0;
        border-top-width: var(--gk-list-group-border-width)
    }

    .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        border-left-width: var(--gk-list-group-border-width);
        margin-left: calc(var(--gk-list-group-border-width)*-1)
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

    .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--gk-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--gk-list-group-border-radius)
    }

    .list-group-horizontal-xl > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl > .list-group-item + .list-group-item {
        border-left-width: 0;
        border-top-width: var(--gk-list-group-border-width)
    }

    .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        border-left-width: var(--gk-list-group-border-width);
        margin-left: calc(var(--gk-list-group-border-width)*-1)
    }
}

@media (min-width:1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }

    .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--gk-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--gk-list-group-border-radius)
    }

    .list-group-horizontal-xxl > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl > .list-group-item + .list-group-item {
        border-left-width: 0;
        border-top-width: var(--gk-list-group-border-width)
    }

    .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
        border-left-width: var(--gk-list-group-border-width);
        margin-left: calc(var(--gk-list-group-border-width)*-1)
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush > .list-group-item {
    border-width: 0 0 var(--gk-list-group-border-width)
}

.list-group-flush > .list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    --gk-list-group-color: var(--gk-primary-text-emphasis);
    --gk-list-group-bg: var(--gk-primary-bg-subtle);
    --gk-list-group-border-color: var(--gk-primary-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-primary-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-primary-border-subtle);
    --gk-list-group-active-color: var(--gk-primary-bg-subtle);
    --gk-list-group-active-bg: var(--gk-primary-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-primary-text-emphasis)
}

.list-group-item-secondary {
    --gk-list-group-color: var(--gk-secondary-text-emphasis);
    --gk-list-group-bg: var(--gk-secondary-bg-subtle);
    --gk-list-group-border-color: var(--gk-secondary-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-secondary-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-secondary-border-subtle);
    --gk-list-group-active-color: var(--gk-secondary-bg-subtle);
    --gk-list-group-active-bg: var(--gk-secondary-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-secondary-text-emphasis)
}

.list-group-item-success {
    --gk-list-group-color: var(--gk-success-text-emphasis);
    --gk-list-group-bg: var(--gk-success-bg-subtle);
    --gk-list-group-border-color: var(--gk-success-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-success-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-success-border-subtle);
    --gk-list-group-active-color: var(--gk-success-bg-subtle);
    --gk-list-group-active-bg: var(--gk-success-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-success-text-emphasis)
}

.list-group-item-info {
    --gk-list-group-color: var(--gk-info-text-emphasis);
    --gk-list-group-bg: var(--gk-info-bg-subtle);
    --gk-list-group-border-color: var(--gk-info-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-info-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-info-border-subtle);
    --gk-list-group-active-color: var(--gk-info-bg-subtle);
    --gk-list-group-active-bg: var(--gk-info-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-info-text-emphasis)
}

.list-group-item-warning {
    --gk-list-group-color: var(--gk-warning-text-emphasis);
    --gk-list-group-bg: var(--gk-warning-bg-subtle);
    --gk-list-group-border-color: var(--gk-warning-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-warning-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-warning-border-subtle);
    --gk-list-group-active-color: var(--gk-warning-bg-subtle);
    --gk-list-group-active-bg: var(--gk-warning-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-warning-text-emphasis)
}

.list-group-item-danger {
    --gk-list-group-color: var(--gk-danger-text-emphasis);
    --gk-list-group-bg: var(--gk-danger-bg-subtle);
    --gk-list-group-border-color: var(--gk-danger-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-danger-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-danger-border-subtle);
    --gk-list-group-active-color: var(--gk-danger-bg-subtle);
    --gk-list-group-active-bg: var(--gk-danger-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-danger-text-emphasis)
}

.list-group-item-light {
    --gk-list-group-color: var(--gk-light-text-emphasis);
    --gk-list-group-bg: var(--gk-light-bg-subtle);
    --gk-list-group-border-color: var(--gk-light-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-light-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-light-border-subtle);
    --gk-list-group-active-color: var(--gk-light-bg-subtle);
    --gk-list-group-active-bg: var(--gk-light-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-light-text-emphasis)
}

.list-group-item-dark {
    --gk-list-group-color: var(--gk-dark-text-emphasis);
    --gk-list-group-bg: var(--gk-dark-bg-subtle);
    --gk-list-group-border-color: var(--gk-dark-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-dark-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-dark-border-subtle);
    --gk-list-group-active-color: var(--gk-dark-bg-subtle);
    --gk-list-group-active-bg: var(--gk-dark-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-dark-text-emphasis)
}

.list-group-item-white {
    --gk-list-group-color: var(--gk-white-text-emphasis);
    --gk-list-group-bg: var(--gk-white-bg-subtle);
    --gk-list-group-border-color: var(--gk-white-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-white-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-white-border-subtle);
    --gk-list-group-active-color: var(--gk-white-bg-subtle);
    --gk-list-group-active-bg: var(--gk-white-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-white-text-emphasis)
}

.list-group-item-light-primary {
    --gk-list-group-color: var(--gk-light-primary-text-emphasis);
    --gk-list-group-bg: var(--gk-light-primary-bg-subtle);
    --gk-list-group-border-color: var(--gk-light-primary-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-light-primary-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-light-primary-border-subtle);
    --gk-list-group-active-color: var(--gk-light-primary-bg-subtle);
    --gk-list-group-active-bg: var(--gk-light-primary-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-light-primary-text-emphasis)
}

.list-group-item-light-danger {
    --gk-list-group-color: var(--gk-light-danger-text-emphasis);
    --gk-list-group-bg: var(--gk-light-danger-bg-subtle);
    --gk-list-group-border-color: var(--gk-light-danger-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-light-danger-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-light-danger-border-subtle);
    --gk-list-group-active-color: var(--gk-light-danger-bg-subtle);
    --gk-list-group-active-bg: var(--gk-light-danger-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-light-danger-text-emphasis)
}

.list-group-item-light-info {
    --gk-list-group-color: var(--gk-light-info-text-emphasis);
    --gk-list-group-bg: var(--gk-light-info-bg-subtle);
    --gk-list-group-border-color: var(--gk-light-info-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-light-info-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-light-info-border-subtle);
    --gk-list-group-active-color: var(--gk-light-info-bg-subtle);
    --gk-list-group-active-bg: var(--gk-light-info-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-light-info-text-emphasis)
}

.list-group-item-light-warning {
    --gk-list-group-color: var(--gk-light-warning-text-emphasis);
    --gk-list-group-bg: var(--gk-light-warning-bg-subtle);
    --gk-list-group-border-color: var(--gk-light-warning-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-light-warning-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-light-warning-border-subtle);
    --gk-list-group-active-color: var(--gk-light-warning-bg-subtle);
    --gk-list-group-active-bg: var(--gk-light-warning-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-light-warning-text-emphasis)
}

.list-group-item-light-secondary {
    --gk-list-group-color: var(--gk-light-secondary-text-emphasis);
    --gk-list-group-bg: var(--gk-light-secondary-bg-subtle);
    --gk-list-group-border-color: var(--gk-light-secondary-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-light-secondary-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-light-secondary-border-subtle);
    --gk-list-group-active-color: var(--gk-light-secondary-bg-subtle);
    --gk-list-group-active-bg: var(--gk-light-secondary-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-light-secondary-text-emphasis)
}

.list-group-item-light-success {
    --gk-list-group-color: var(--gk-light-success-text-emphasis);
    --gk-list-group-bg: var(--gk-light-success-bg-subtle);
    --gk-list-group-border-color: var(--gk-light-success-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-light-success-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-light-success-border-subtle);
    --gk-list-group-active-color: var(--gk-light-success-bg-subtle);
    --gk-list-group-active-bg: var(--gk-light-success-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-light-success-text-emphasis)
}

.list-group-item-light-dark {
    --gk-list-group-color: var(--gk-light-dark-text-emphasis);
    --gk-list-group-bg: var(--gk-light-dark-bg-subtle);
    --gk-list-group-border-color: var(--gk-light-dark-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-light-dark-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-light-dark-border-subtle);
    --gk-list-group-active-color: var(--gk-light-dark-bg-subtle);
    --gk-list-group-active-bg: var(--gk-light-dark-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-light-dark-text-emphasis)
}

.list-group-item-dark-primary {
    --gk-list-group-color: var(--gk-dark-primary-text-emphasis);
    --gk-list-group-bg: var(--gk-dark-primary-bg-subtle);
    --gk-list-group-border-color: var(--gk-dark-primary-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-dark-primary-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-dark-primary-border-subtle);
    --gk-list-group-active-color: var(--gk-dark-primary-bg-subtle);
    --gk-list-group-active-bg: var(--gk-dark-primary-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-dark-primary-text-emphasis)
}

.list-group-item-dark-warning {
    --gk-list-group-color: var(--gk-dark-warning-text-emphasis);
    --gk-list-group-bg: var(--gk-dark-warning-bg-subtle);
    --gk-list-group-border-color: var(--gk-dark-warning-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-dark-warning-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-dark-warning-border-subtle);
    --gk-list-group-active-color: var(--gk-dark-warning-bg-subtle);
    --gk-list-group-active-bg: var(--gk-dark-warning-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-dark-warning-text-emphasis)
}

.list-group-item-dark-info {
    --gk-list-group-color: var(--gk-dark-info-text-emphasis);
    --gk-list-group-bg: var(--gk-dark-info-bg-subtle);
    --gk-list-group-border-color: var(--gk-dark-info-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-dark-info-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-dark-info-border-subtle);
    --gk-list-group-active-color: var(--gk-dark-info-bg-subtle);
    --gk-list-group-active-bg: var(--gk-dark-info-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-dark-info-text-emphasis)
}

.list-group-item-dark-danger {
    --gk-list-group-color: var(--gk-dark-danger-text-emphasis);
    --gk-list-group-bg: var(--gk-dark-danger-bg-subtle);
    --gk-list-group-border-color: var(--gk-dark-danger-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-dark-danger-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-dark-danger-border-subtle);
    --gk-list-group-active-color: var(--gk-dark-danger-bg-subtle);
    --gk-list-group-active-bg: var(--gk-dark-danger-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-dark-danger-text-emphasis)
}

.list-group-item-dark-success {
    --gk-list-group-color: var(--gk-dark-success-text-emphasis);
    --gk-list-group-bg: var(--gk-dark-success-bg-subtle);
    --gk-list-group-border-color: var(--gk-dark-success-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-dark-success-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-dark-success-border-subtle);
    --gk-list-group-active-color: var(--gk-dark-success-bg-subtle);
    --gk-list-group-active-bg: var(--gk-dark-success-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-dark-success-text-emphasis)
}

.list-group-item-dark-secondary {
    --gk-list-group-color: var(--gk-dark-secondary-text-emphasis);
    --gk-list-group-bg: var(--gk-dark-secondary-bg-subtle);
    --gk-list-group-border-color: var(--gk-dark-secondary-border-subtle);
    --gk-list-group-action-hover-color: var(--gk-emphasis-color);
    --gk-list-group-action-hover-bg: var(--gk-dark-secondary-border-subtle);
    --gk-list-group-action-active-color: var(--gk-emphasis-color);
    --gk-list-group-action-active-bg: var(--gk-dark-secondary-border-subtle);
    --gk-list-group-active-color: var(--gk-dark-secondary-bg-subtle);
    --gk-list-group-active-bg: var(--gk-dark-secondary-text-emphasis);
    --gk-list-group-active-border-color: var(--gk-dark-secondary-text-emphasis)
}



.link-dark-secondary {
    color: RGBA(var(--gk-dark-secondary-rgb), var(--gk-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--gk-dark-secondary-rgb), var(--gk-link-underline-opacity, 1)) !important
}

.link-dark-secondary:focus,
.link-dark-secondary:hover {
    color: RGBA(74, 71, 87, var(--gk-link-opacity, 1)) !important;
    text-decoration-color: RGBA(74, 71, 87, var(--gk-link-underline-opacity, 1)) !important
}

.link-body-emphasis {
    color: RGBA(var(--gk-emphasis-color-rgb), var(--gk-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--gk-emphasis-color-rgb), var(--gk-link-underline-opacity, 1)) !important
}

.link-body-emphasis:focus,
.link-body-emphasis:hover {
    color: RGBA(var(--gk-emphasis-color-rgb), var(--gk-link-opacity, .75)) !important;
    text-decoration-color: RGBA(var(--gk-emphasis-color-rgb), var(--gk-link-underline-opacity, .75)) !important
}

.focus-ring:focus {
    box-shadow: var(--gk-focus-ring-x, 0) var(--gk-focus-ring-y, 0) var(--gk-focus-ring-blur, 0) var(--gk-focus-ring-width) var(--gk-focus-ring-color);
    outline: 0
}

.icon-link {
    align-items: center;
    backface-visibility: hidden;
    display: inline-flex;
    gap: .375rem;
    text-decoration-color: rgba(var(--gk-link-color-rgb), var(--gk-link-opacity, .5));
    text-underline-offset: .25em
}

.icon-link > .bi {
    fill: currentcolor;
    flex-shrink: 0;
    height: 1em;
    transition: transform .2s ease-in-out;
    width: 1em
}

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

.icon-link-hover:focus-visible > .bi,
.icon-link-hover:hover > .bi {
    transform: var(--gk-icon-link-transform, translate3d(.25em, 0, 0))
}

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

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

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

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

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

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

.ratio-21x9 {
    --gk-aspect-ratio: 42.8571428571%
}

.fixed-top {
    top: 0
}

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

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    top: 0
}

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

.sticky-bottom {
    bottom: 0
}

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

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

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

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

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

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

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

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

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

    .sticky-xxl-bottom {
        bottom: 0;
        position: sticky;
        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;
    white-space: nowrap !important;
    width: 1px !important
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
    position: absolute !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: 1;
    width: var(--gk-border-width)
}

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

.object-fit-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
}

.object-fit-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.object-fit-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important
}

.object-fit-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important
}

.object-fit-none {
    -o-object-fit: none !important;
    object-fit: 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
}

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

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

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

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

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

.overflow-y-scroll {
    overflow-y: 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-inline-grid {
    display: inline-grid !important
}

.d-table {
    display: table !important
}

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

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

.d-flex {
    display: flex !important
}

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

.d-none {
    display: none !important
}

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

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

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

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

.focus-ring-primary {
    --gk-focus-ring-color: rgba(var(--gk-primary-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-secondary {
    --gk-focus-ring-color: rgba(var(--gk-secondary-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-success {
    --gk-focus-ring-color: rgba(var(--gk-success-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-info {
    --gk-focus-ring-color: rgba(var(--gk-info-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-warning {
    --gk-focus-ring-color: rgba(var(--gk-warning-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-danger {
    --gk-focus-ring-color: rgba(var(--gk-danger-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-light {
    --gk-focus-ring-color: rgba(var(--gk-light-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-dark {
    --gk-focus-ring-color: rgba(var(--gk-dark-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-white {
    --gk-focus-ring-color: rgba(var(--gk-white-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-light-primary {
    --gk-focus-ring-color: rgba(var(--gk-light-primary-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-light-danger {
    --gk-focus-ring-color: rgba(var(--gk-light-danger-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-light-info {
    --gk-focus-ring-color: rgba(var(--gk-light-info-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-light-warning {
    --gk-focus-ring-color: rgba(var(--gk-light-warning-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-light-secondary {
    --gk-focus-ring-color: rgba(var(--gk-light-secondary-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-light-success {
    --gk-focus-ring-color: rgba(var(--gk-light-success-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-light-dark {
    --gk-focus-ring-color: rgba(var(--gk-light-dark-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-dark-primary {
    --gk-focus-ring-color: rgba(var(--gk-dark-primary-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-dark-warning {
    --gk-focus-ring-color: rgba(var(--gk-dark-warning-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-dark-info {
    --gk-focus-ring-color: rgba(var(--gk-dark-info-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-dark-danger {
    --gk-focus-ring-color: rgba(var(--gk-dark-danger-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-dark-success {
    --gk-focus-ring-color: rgba(var(--gk-dark-success-rgb), var(--gk-focus-ring-opacity))
}

.focus-ring-dark-secondary {
    --gk-focus-ring-color: rgba(var(--gk-dark-secondary-rgb), var(--gk-focus-ring-opacity))
}

.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: var(--gk-border-width) var(--gk-border-style) var(--gk-border-color) !important
}

.border-0 {
    border: 0 !important
}

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

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

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

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

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

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

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

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

.border-primary {
    border-color: #754ffe !important
}

.border-secondary {
    border-color: #64748b !important
}

.border-success {
    border-color: #38a169 !important
}

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

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

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

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

.border-dark {
    border-color: #0f172a !important
}

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

.border-light-primary {
    border-color: #ede9fe !important
}

.border-light-danger {
    border-color: #fad9d8 !important
}

.border-light-info {
    border-color: #e1f6ff !important
}

.border-light-warning {
    border-color: #ffeeda !important
}

.border-light-secondary {
    border-color: #e4e3e9 !important
}

.border-light-success {
    border-color: #d1f5ea !important
}

.border-light-dark {
    border-color: #d1cfd8 !important
}

.border-dark-primary {
    border-color: #593cc1 !important
}

.border-dark-warning {
    border-color: #c28135 !important
}

.border-dark-info {
    border-color: #51a0c2 !important
}

.border-dark-danger {
    border-color: #ae302e !important
}

.border-dark-success {
    border-color: #139a74 !important
}

.border-dark-secondary {
    border-color: #5c596d !important
}

.border-gray-800 {
    border-color: #1e293b !important
}

.border-primary-subtle {
    border-color: var(--gk-primary-border-subtle) !important
}

.border-secondary-subtle {
    border-color: var(--gk-secondary-border-subtle) !important
}

.border-success-subtle {
    border-color: var(--gk-success-border-subtle) !important
}

.border-info-subtle {
    border-color: var(--gk-info-border-subtle) !important
}

.border-warning-subtle {
    border-color: var(--gk-warning-border-subtle) !important
}

.border-danger-subtle {
    border-color: var(--gk-danger-border-subtle) !important
}

.border-light-subtle {
    border-color: var(--gk-light-border-subtle) !important
}

.border-dark-subtle {
    border-color: var(--gk-dark-border-subtle) !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
}

.border-opacity-10 {
    --gk-border-opacity: 0.1
}

.border-opacity-25 {
    --gk-border-opacity: 0.25
}

.border-opacity-50 {
    --gk-border-opacity: 0.5
}

.border-opacity-75 {
    --gk-border-opacity: 0.75
}

.border-opacity-100 {
    --gk-border-opacity: 1
}

.w-0 {
    width: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

.w-auto {
    width: auto !important
}

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

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

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

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

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

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

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

.mw-auto {
    max-width: auto !important
}

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

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

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

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

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

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

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

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

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

.h-10rem {
    height: 10rem !important
}

.h-11rem {
    height: 11rem !important
}

.h-12rem {
    height: 12rem !important
}

.h-13rem {
    height: 13rem !important
}

.h-14rem {
    height: 14rem !important
}

.h-15rem {
    height: 15rem !important
}

.h-16rem {
    height: 16rem !important
}

.h-17rem {
    height: 17rem !important
}

.h-18rem {
    height: 18rem !important
}

.h-19rem {
    height: 19rem !important
}

.h-20rem {
    height: 20rem !important
}

.h-22rem {
    height: 22rem !important
}

.h-24rem {
    height: 24rem !important
}

.h-auto {
    height: auto !important
}

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

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

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

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

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

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

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

.mh-auto {
    max-height: auto !important
}

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

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

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

.flex-auto {
    flex: auto !important
}

.flex-none {
    flex: none !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
}

.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: 2rem !important
}

.m-6 {
    margin: 2.5rem !important
}

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

.m-8 {
    margin: 3.5rem !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: 2rem !important;
    margin-right: 2rem !important
}

.mx-6 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important
}

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

.mx-8 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !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: 2rem !important;
    margin-top: 2rem !important
}

.my-6 {
    margin-bottom: 2.5rem !important;
    margin-top: 2.5rem !important
}

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

.my-8 {
    margin-bottom: 3.5rem !important;
    margin-top: 3.5rem !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: 2rem !important
}

.mt-6 {
    margin-top: 2.5rem !important
}

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

.mt-8 {
    margin-top: 3.5rem !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: 2rem !important
}

.me-6 {
    margin-right: 2.5rem !important
}

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

.me-8 {
    margin-right: 3.5rem !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-4 {
    margin-bottom: 1.5rem !important
}

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

.mb-6 {
    margin-bottom: 2.5rem !important
}

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

.mb-8 {
    margin-bottom: 3.5rem !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: 2rem !important
}

.ms-6 {
    margin-left: 2.5rem !important
}

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

.ms-8 {
    margin-left: 3.5rem !important
}

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

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

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

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

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

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

.m-n6 {
    margin: -2.5rem !important
}

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

.m-n8 {
    margin: -3.5rem !important
}

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

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

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

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

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

.mx-n6 {
    margin-left: -2.5rem !important;
    margin-right: -2.5rem !important
}

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

.mx-n8 {
    margin-left: -3.5rem !important;
    margin-right: -3.5rem !important
}

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

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

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

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

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

.my-n6 {
    margin-bottom: -2.5rem !important;
    margin-top: -2.5rem !important
}

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

.my-n8 {
    margin-bottom: -3.5rem !important;
    margin-top: -3.5rem !important
}

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

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

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

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

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

.mt-n6 {
    margin-top: -2.5rem !important
}

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

.mt-n8 {
    margin-top: -3.5rem !important
}

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

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

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

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

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

.me-n6 {
    margin-right: -2.5rem !important
}

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

.me-n8 {
    margin-right: -3.5rem !important
}

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

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

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

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

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

.mb-n6 {
    margin-bottom: -2.5rem !important
}

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

.mb-n8 {
    margin-bottom: -3.5rem !important
}

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

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

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

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

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

.ms-n6 {
    margin-left: -2.5rem !important
}

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

.ms-n8 {
    margin-left: -3.5rem !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: 2rem !important
}

.p-6 {
    padding: 2.5rem !important
}

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

.p-8 {
    padding: 3.5rem !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: 2rem !important;
    padding-right: 2rem !important
}

.px-6 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
}

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

.px-8 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !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: 2rem !important;
    padding-top: 2rem !important
}

.py-6 {
    padding-bottom: 2.5rem !important;
    padding-top: 2.5rem !important
}

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

.py-8 {
    padding-bottom: 3.5rem !important;
    padding-top: 3.5rem !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: 2rem !important
}

.pt-6 {
    padding-top: 2.5rem !important
}

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

.pt-8 {
    padding-top: 3.5rem !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: 2rem !important
}

.pe-6 {
    padding-right: 2.5rem !important
}

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

.pe-8 {
    padding-right: 3.5rem !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: 2rem !important
}

.pb-6 {
    padding-bottom: 2.5rem !important
}

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

.pb-8 {
    padding-bottom: 3.5rem !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: 2rem !important
}

.ps-6 {
    padding-left: 2.5rem !important
}

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

.ps-8 {
    padding-left: 3.5rem !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: 2rem !important
}

.gap-6 {
    gap: 2.5rem !important
}

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

.gap-8 {
    gap: 3.5rem !important
}

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

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

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

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

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

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

.row-gap-6 {
    row-gap: 2.5rem !important
}

.row-gap-7 {
    row-gap: 3rem !important
}

.row-gap-8 {
    row-gap: 3.5rem !important
}

.column-gap-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important
}

.column-gap-1 {
    -moz-column-gap: .25rem !important;
    column-gap: .25rem !important
}

.column-gap-2 {
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important
}

.column-gap-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important
}

.column-gap-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important
}

.column-gap-5 {
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important
}

.column-gap-6 {
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important
}

.column-gap-7 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important
}

.column-gap-8 {
    -moz-column-gap: 3.5rem !important;
    column-gap: 3.5rem !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lh-lg {
    line-height: 1.8 !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 {
    --gk-text-opacity: 1;
    color: #754ffe !important
}

.text-secondary {
    --gk-text-opacity: 1;
    color: #64748b !important
}

.text-success {
    --gk-text-opacity: 1;
    color: #38a169 !important
}

.text-info {
    --gk-text-opacity: 1;
    color: #0ea5e9 !important
}

.text-warning {
    --gk-text-opacity: 1;
    color: #f59e0b !important
}

.text-danger {
    --gk-text-opacity: 1;
    color: #dc2626 !important
}

.text-light {
    --gk-text-opacity: 1;
    color: #f1f5f9 !important
}



.text-white {
    --gk-text-opacity: 1;
    color: #fff !important
}

.text-light-primary {
    --gk-text-opacity: 1;
    color: #ede9fe !important
}

.text-light-danger {
    --gk-text-opacity: 1;
    color: #fad9d8 !important
}

.text-light-info {
    --gk-text-opacity: 1;
    color: #e1f6ff !important
}

.text-light-warning {
    --gk-text-opacity: 1;
    color: #ffeeda !important
}

.text-light-secondary {
    --gk-text-opacity: 1;
    color: #e4e3e9 !important
}

.text-light-success {
    --gk-text-opacity: 1;
    color: #d1f5ea !important
}

.text-light-dark {
    --gk-text-opacity: 1;
    color: #d1cfd8 !important
}

.text-dark-primary {
    --gk-text-opacity: 1;
    color: #593cc1 !important
}

.text-dark-warning {
    --gk-text-opacity: 1;
    color: #c28135 !important
}

.text-dark-info {
    --gk-text-opacity: 1;
    color: #51a0c2 !important
}

.text-dark-danger {
    --gk-text-opacity: 1;
    color: #ae302e !important
}

.text-dark-success {
    --gk-text-opacity: 1;
    color: #139a74 !important
}

.text-dark-secondary {
    --gk-text-opacity: 1;
    color: #5c596d !important
}

.text-gray-100 {
    --gk-text-opacity: 1;
    color: #f1f5f9 !important
}

.text-gray-200 {
    --gk-text-opacity: 1;
    color: #e2e8f0 !important
}

.text-gray-300 {
    --gk-text-opacity: 1;
    color: #cbd5e1 !important
}

.text-gray-400 {
    --gk-text-opacity: 1;
    color: #94a3b8 !important
}

.text-gray-500 {
    --gk-text-opacity: 1;
    color: #64748b !important
}

.text-gray-600 {
    --gk-text-opacity: 1;
    color: #475569 !important
}

.text-gray-700 {
    --gk-text-opacity: 1;
    color: #334155 !important
}

.text-gray-800 {
    --gk-text-opacity: 1;
    color: #1e293b !important
}

.text-gray-900 {
    --gk-text-opacity: 1;
    color: #0f172a !important
}

.text-gray-1000 {
    --gk-text-opacity: 1;
    color: #0b1324 !important
}

.text-body {
    --gk-text-opacity: 1;
    color: #64748b !important
}

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

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

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

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

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

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

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

.text-primary-emphasis {
    color: var(--gk-primary-text-emphasis) !important
}

.text-secondary-emphasis {
    color: var(--gk-secondary-text-emphasis) !important
}

.text-success-emphasis {
    color: var(--gk-success-text-emphasis) !important
}

.text-info-emphasis {
    color: var(--gk-info-text-emphasis) !important
}

.text-warning-emphasis {
    color: var(--gk-warning-text-emphasis) !important
}

.text-danger-emphasis {
    color: var(--gk-danger-text-emphasis) !important
}

.text-light-emphasis {
    color: var(--gk-light-text-emphasis) !important
}

.text-dark-emphasis {
    color: var(--gk-dark-text-emphasis) !important
}

.link-opacity-10,
.link-opacity-10-hover:hover {
    --gk-link-opacity: 0.1
}

.link-opacity-25,
.link-opacity-25-hover:hover {
    --gk-link-opacity: 0.25
}

.link-opacity-50,
.link-opacity-50-hover:hover {
    --gk-link-opacity: 0.5
}

.link-opacity-75,
.link-opacity-75-hover:hover {
    --gk-link-opacity: 0.75
}

.link-opacity-100,
.link-opacity-100-hover:hover {
    --gk-link-opacity: 1
}

.link-offset-1,
.link-offset-1-hover:hover {
    text-underline-offset: .125em !important
}

.link-offset-2,
.link-offset-2-hover:hover {
    text-underline-offset: .25em !important
}

.link-offset-3,
.link-offset-3-hover:hover {
    text-underline-offset: .375em !important
}

.link-underline-primary {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-primary-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-secondary {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-secondary-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-success {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-success-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-info {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-info-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-warning {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-warning-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-danger {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-danger-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-light {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-light-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-dark {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-dark-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-white {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-white-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-light-primary {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-light-primary-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-light-danger {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-light-danger-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-light-info {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-light-info-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-light-warning {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-light-warning-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-light-secondary {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-light-secondary-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-light-success {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-light-success-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-light-dark {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-light-dark-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-dark-primary {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-dark-primary-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-dark-warning {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-dark-warning-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-dark-info {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-dark-info-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-dark-danger {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-dark-danger-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-dark-success {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-dark-success-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline-dark-secondary {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-dark-secondary-rgb), var(--gk-link-underline-opacity)) !important
}

.link-underline {
    --gk-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--gk-link-color-rgb), var(--gk-link-underline-opacity, 1)) !important
}

.link-underline-opacity-0,
.link-underline-opacity-0-hover:hover {
    --gk-link-underline-opacity: 0
}

.link-underline-opacity-10,
.link-underline-opacity-10-hover:hover {
    --gk-link-underline-opacity: 0.1
}

.link-underline-opacity-25,
.link-underline-opacity-25-hover:hover {
    --gk-link-underline-opacity: 0.25
}

.link-underline-opacity-50,
.link-underline-opacity-50-hover:hover {
    --gk-link-underline-opacity: 0.5
}

.link-underline-opacity-75,
.link-underline-opacity-75-hover:hover {
    --gk-link-underline-opacity: 0.75
}

.link-underline-opacity-100,
.link-underline-opacity-100-hover:hover {
    --gk-link-underline-opacity: 1
}