.bg-white {
    background-color: #fff!important
}

.bg-gray-200 {
    background-color: #e7eaf0!important
}

.bg-surface-primary {
    background-color: #fff!important
}

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

@media (min-width: 1200px) {
    .h-xl-calc {
        --x-h-xl:0px;
        height: calc(100vh - var(--x-h-xl))
    }
}

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

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

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

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

[class*=shadow] {
    transition: all .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    [class*=shadow] {
        transition: none
    }
}

a.text-heading:hover,a.text-muted:hover {
    color: #4e52d0
}

.line-clamp-1 {
    -webkit-line-clamp: 1
}

.line-clamp-1 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.opacity-70 {
    opacity: .7!important
}

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

.d-block {
    display: block!important
}

.d-flex {
    display: flex!important
}

.d-none {
    display: none!important
}

.shadow-2-hover:hover {
    box-shadow: 0 6px 6px -1px rgba(10,22,70,.1),0 0 1px 0 rgba(10,22,70,.06)!important
}

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

.position-relative {
    position: relative!important
}

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

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

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

.w-64 {
    width: 16rem!important
}

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

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

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

.flex-none {
    flex: none!important
}

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

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

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

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

.gap-10 {
    gap: 2.5rem!important
}

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

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

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

.m-0 {
    margin: 0!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-0 {
    padding: 0!important
}

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

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

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

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

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

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

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

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

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

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

.pt-24 {
    padding-top: 6rem!important
}

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

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

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

.text-xs {
    font-size: .75rem!important
}

.text-sm {
    font-size: .875rem!important
}

.text-base {
    font-size: 1rem!important
}

.font-regular {
    font-weight: 400!important
}

.font-semibold {
    font-weight: 500!important
}

.font-bold {
    font-weight: 600!important
}

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

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

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

.text-primary {
    --x-text-opacity: 1
}

.text-primary,.text-primary-hover:hover {
    color: rgba(var(--x-primary-rgb),var(--x-text-opacity))!important
}

.text-tertiary {
    --x-text-opacity: 1
}

.text-tertiary {
    color: rgba(var(--x-tertiary-rgb),var(--x-text-opacity))!important
}

.text-warning {
    --x-text-opacity: 1
}

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

.text-white {
    --x-text-opacity: 1
}

.text-white,.text-white-hover:hover {
    color: rgba(var(--x-white-rgb),var(--x-text-opacity))!important
}

.text-muted {
    --x-text-opacity: 1
}

.text-muted {
    color: rgba(var(--x-muted-rgb),var(--x-text-opacity))!important
}

.text-heading {
    --x-text-opacity: 1
}

.text-heading,.text-heading-hover:hover {
    color: rgba(var(--x-heading-rgb),var(--x-text-opacity))!important
}

.text-opacity-70 {
    --x-text-opacity: 0.7
}

.text-opacity-100-hover:hover {
    --x-text-opacity: 1
}

.bg-primary {
    --x-bg-opacity: 1
}

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

.bg-tertiary {
    --x-bg-opacity: 1
}

.bg-tertiary {
    background-color: rgba(var(--x-tertiary-rgb),var(--x-bg-opacity))!important
}

.bg-success {
    --x-bg-opacity: 1
}

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

.bg-warning {
    --x-bg-opacity: 1
}

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

.bg-white {
    --x-bg-opacity: 1
}

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

.bg-opacity-20 {
    --x-bg-opacity: 0.2
}

.bg-opacity-100-hover:hover {
    --x-bg-opacity: 1
}

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

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

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

.overlap-10 {
    z-index: 10!important
}

.border-dashed {
    border-style: dashed!important
}

.ls-tight {
    letter-spacing: -.025em!important
}

.ls-wide {
    letter-spacing: .025em!important
}

.min-w-0 {
    min-width: 0!important
}

@media (min-width: 576px) {

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

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

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

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

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

@media (min-width: 768px) {

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

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

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

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

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

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

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

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

@media (min-width: 992px) {

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

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

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

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

    .border-end-lg {
        border-right-width: 1px!important
    }

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

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

    .h-lg-screen {
        height: 100vh!important
    }

    .flex-lg-1 {
        flex: 1 1 0 !important
    }

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

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

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

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

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

@media (min-width: 1200px) {

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

    .top-xl-18 {
        top: 4.5rem!important
    }

    .border-start-xl {
        border-left-width: 1px!important
    }

    .w-xl-96 {
        width: 24rem!important
    }

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

    .flex-xl-none {
        flex: none!important
    }

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