*,
:after,
:before {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-blur: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-brightness: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-contrast: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-grayscale: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-hue-rotate: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-invert: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-saturate: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-sepia: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-drop-shadow: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    border-color: #e5e7eb
}

#koalityApp .pointer-events-none {
    pointer-events: none
}

#koalityApp .pointer-events-auto {
    pointer-events: auto
}

#koalityApp .visible {
    visibility: visible
}

#koalityApp .\!visible {
    visibility: visible !important
}

#koalityApp .invisible {
    visibility: hidden
}

#koalityApp .fixed {
    position: fixed
}

#koalityApp .absolute {
    position: absolute
}

#koalityApp .relative {
    position: relative
}

#koalityApp .sticky {
    position: sticky
}

#koalityApp .top-0 {
    top: 0
}

#koalityApp .right-0 {
    right: 0
}

#koalityApp .left-0 {
    left: 0
}

#koalityApp .bottom-0 {
    bottom: 0
}

#koalityApp .z-10 {
    z-index: 10
}

#koalityApp .z-\[1029\] {
    z-index: 1029
}

#koalityApp .z-20 {
    z-index: 20
}

#koalityApp .z-60 {
    z-index: 60
}

#koalityApp .z-50 {
    z-index: 50
}

#koalityApp .z-\[100\] {
    z-index: 100
}

#koalityApp .order-last {
    order: 9999
}

#koalityApp .m-auto {
    margin: auto
}

#koalityApp .-m-5 {
    margin: -1.25rem
}

#koalityApp .mx-auto {
    margin-left: auto;
    margin-right: auto
}

#koalityApp .-mx-1 {
    margin-left: -.25rem;
    margin-right: -.25rem
}

#koalityApp .mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

#koalityApp .mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

#koalityApp .-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

#koalityApp .my-3 {
    margin-bottom: .75rem;
    margin-top: .75rem
}

#koalityApp .my-8 {
    margin-bottom: 2rem;
    margin-top: 2rem
}

#koalityApp .mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

#koalityApp .my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

#koalityApp .my-2 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

#koalityApp .-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem
}

#koalityApp .my-1 {
    margin-bottom: .25rem;
    margin-top: .25rem
}

#koalityApp .-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

#koalityApp .-mx-2 {
    margin-left: -.5rem;
    margin-right: -.5rem
}

#koalityApp .-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

#koalityApp .my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

#koalityApp .ml-6 {
    margin-left: 1.5rem
}

#koalityApp .mr-3 {
    margin-right: .75rem
}

#koalityApp .mb-4 {
    margin-bottom: 1rem
}

#koalityApp .ml-2 {
    margin-left: .5rem
}

#koalityApp .mr-1 {
    margin-right: .25rem
}

#koalityApp .mb-2 {
    margin-bottom: .5rem
}

#koalityApp .-mt-1 {
    margin-top: -.25rem
}

#koalityApp .mb-5 {
    margin-bottom: 1.25rem
}

#koalityApp .mb-6 {
    margin-bottom: 1.5rem
}

#koalityApp .mr-4 {
    margin-right: 1rem
}

#koalityApp .mt-2 {
    margin-top: .5rem
}

#koalityApp .mt-4 {
    margin-top: 1rem
}

#koalityApp .mr-5 {
    margin-right: 1.25rem
}

#koalityApp .ml-4 {
    margin-left: 1rem
}

#koalityApp .mt-5 {
    margin-top: 1.25rem
}

#koalityApp .mt-6 {
    margin-top: 1.5rem
}

#koalityApp .mt-8 {
    margin-top: 2rem
}

#koalityApp .-mt-2 {
    margin-top: -.5rem
}

#koalityApp .mb-3 {
    margin-bottom: .75rem
}

#koalityApp .mt-1 {
    margin-top: .25rem
}

#koalityApp .mr-2 {
    margin-right: .5rem
}

#koalityApp .mb-1 {
    margin-bottom: .25rem
}

#koalityApp .mb-8 {
    margin-bottom: 2rem
}

#koalityApp .ml-8 {
    margin-left: 2rem
}

#koalityApp .mt-7 {
    margin-top: 1.75rem
}

#koalityApp .mt-16 {
    margin-top: 4rem
}

#koalityApp .mb-10 {
    margin-bottom: 2.5rem
}

#koalityApp .-mt-3 {
    margin-top: -.75rem
}

#koalityApp .-mt-5 {
    margin-top: -1.25rem
}

#koalityApp .mb-0 {
    margin-bottom: 0
}

#koalityApp .ml-3 {
    margin-left: .75rem
}

#koalityApp .mt-3 {
    margin-top: .75rem
}

#koalityApp .mb-12 {
    margin-bottom: 3rem
}

#koalityApp .mb-16 {
    margin-bottom: 4rem
}

#koalityApp .ml-1 {
    margin-left: .25rem
}

#koalityApp .mt-24 {
    margin-top: 6rem
}

#koalityApp .-mt-10 {
    margin-top: -2.5rem
}

#koalityApp .-mt-4 {
    margin-top: -1rem
}

#koalityApp .block {
    display: block
}

#koalityApp .inline-block {
    display: inline-block
}

#koalityApp .flex {
    display: flex
}

#koalityApp .inline-flex {
    display: inline-flex
}

#koalityApp .table {
    display: table
}

#koalityApp .grid {
    display: grid
}

#koalityApp .contents {
    display: contents
}

#koalityApp .hidden {
    display: none
}

#koalityApp .h-full {
    height: 100%
}

#koalityApp .h-6 {
    height: 1.5rem
}

#koalityApp .h-4 {
    height: 1rem
}

#koalityApp .h-6px {
    height: 6px
}

#koalityApp .h-screen {
    height: 100vh
}

#koalityApp .h-2 {
    height: .5rem
}

#koalityApp .h-8 {
    height: 2rem
}

#koalityApp .h-3 {
    height: .75rem
}

#koalityApp .h-0 {
    height: 0
}

#koalityApp .h-5 {
    height: 1.25rem
}

#koalityApp .h-1 {
    height: .25rem
}

#koalityApp .h-11 {
    height: 2.75rem
}

#koalityApp .h-12 {
    height: 3rem
}

#koalityApp .h-24 {
    height: 6rem
}

#koalityApp .max-h-48p {
    max-height: 48px
}

#koalityApp .max-h-5\/6 {
    max-height: 90vh
}

#koalityApp .max-h-16 {
    max-height: 4rem
}

#koalityApp .min-h-screen {
    min-height: 100vh
}

#koalityApp .min-h-full {
    min-height: 100%
}

#koalityApp .\!min-h-screen {
    min-height: 100vh !important
}

#koalityApp .w-80 {
    width: 25.5rem
}

#koalityApp .w-1 {
    width: .25rem
}

#koalityApp .w-3 {
    width: .75rem
}

#koalityApp .w-4 {
    width: 1rem
}

#koalityApp .w-full {
    width: 100%
}

#koalityApp .w-6 {
    width: 1.5rem
}

#koalityApp .w-screen {
    width: 100vw
}

#koalityApp .w-2 {
    width: .5rem
}

#koalityApp .w-20 {
    width: 5rem
}

#koalityApp .w-96 {
    width: 24rem
}

#koalityApp .w-8 {
    width: 2rem
}

#koalityApp .w-5 {
    width: 1.25rem
}

#koalityApp .w-1\/2 {
    width: 50%
}

#koalityApp .w-40 {
    width: 10rem
}

#koalityApp .w-16 {
    width: 4rem
}

#koalityApp .w-6px {
    width: 6px
}

#koalityApp .w-1\/3 {
    width: 33.333333%
}

#koalityApp .w-2\/5 {
    width: 40%
}

#koalityApp .w-3\/5 {
    width: 60%
}

#koalityApp .w-1\/6 {
    width: 16.666667%
}

#koalityApp .w-2\/6 {
    width: 33.333333%
}

#koalityApp .w-\[2px\] {
    width: 2px
}

#koalityApp .w-48 {
    width: 12rem
}

#koalityApp .w-2\/3 {
    width: 66.666667%
}

#koalityApp .w-min {
    width: -moz-min-content;
    width: min-content
}

#koalityApp .w-\[80px\] {
    width: 80px
}

#koalityApp .w-inherit {
    width: inherit
}

#koalityApp .w-12 {
    width: 3rem
}

#koalityApp .w-1\/5 {
    width: 20%
}

#koalityApp .w-10 {
    width: 2.5rem
}

#koalityApp .w-\[100px\] {
    width: 100px
}

#koalityApp .w-32 {
    width: 8rem
}

#koalityApp .w-44 {
    width: 11rem
}

#koalityApp .w-auto {
    width: auto
}

#koalityApp .min-w-2 {
    min-width: .5rem
}

#koalityApp .min-w-\[230px\] {
    min-width: 230px
}

#koalityApp .min-w-full {
    min-width: 100%
}

#koalityApp .min-w-300 {
    min-width: 300px
}

#koalityApp .min-w-\[75px\] {
    min-width: 75px
}

#koalityApp .min-w-\[5vw\] {
    min-width: 5vw
}

#koalityApp .min-w-150 {
    min-width: 150px
}

#koalityApp .max-w-xl {
    max-width: 36rem
}

#koalityApp .max-w-\[50\%\] {
    max-width: 50%
}

#koalityApp .max-w-full {
    max-width: 100%
}

#koalityApp .max-w-\[85\%\] {
    max-width: 85%
}

#koalityApp .max-w-\[100px\] {
    max-width: 100px
}

#koalityApp .max-w-6xl {
    max-width: 72rem
}

#koalityApp .max-w-screen-md {
    max-width: 768px
}

#koalityApp .max-w-\[80px\] {
    max-width: 80px
}

#koalityApp .max-w-75ch {
    max-width: 75ch
}

#koalityApp .max-w-70ch {
    max-width: 70ch
}

#koalityApp .flex-auto {
    flex: 1 1 auto
}

#koalityApp .flex-shrink-0 {
    flex-shrink: 0
}

#koalityApp .flex-shrink {
    flex-shrink: 1
}

#koalityApp .flex-grow-0 {
    flex-grow: 0
}

#koalityApp .flex-grow {
    flex-grow: 1
}

#koalityApp .\!translate-x-0 {
    --tw-translate-x: 0px !important;
    transform: var(--tw-transform) !important
}

#koalityApp .-translate-x-full {
    --tw-translate-x: -100%;
    transform: var(--tw-transform)
}

#koalityApp .translate-x-full {
    --tw-translate-x: 100%;
    transform: var(--tw-transform)
}

#koalityApp .translate-x-0 {
    --tw-translate-x: 0px
}

#koalityApp .transform,
#koalityApp .translate-x-0 {
    transform: var(--tw-transform)
}

#koalityApp .cursor-pointer {
    cursor: pointer
}

#koalityApp .cursor-not-allowed {
    cursor: not-allowed
}

#koalityApp .cursor-default {
    cursor: default
}

#koalityApp .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#koalityApp .resize {
    resize: both
}

#koalityApp .list-inside {
    list-style-position: inside
}

#koalityApp .list-disc {
    list-style-type: disc
}

#koalityApp .flex-row {
    flex-direction: row
}

#koalityApp .flex-col {
    flex-direction: column
}

#koalityApp .flex-wrap {
    flex-wrap: wrap
}

#koalityApp .items-start {
    align-items: flex-start
}

#koalityApp .items-center {
    align-items: center
}

#koalityApp .items-stretch {
    align-items: stretch
}

#koalityApp .justify-end {
    justify-content: flex-end
}

#koalityApp .justify-center {
    justify-content: center
}

#koalityApp .justify-between {
    justify-content: space-between
}

#koalityApp .justify-items-start {
    justify-items: start
}

#koalityApp .gap-4 {
    gap: 1rem
}

#koalityApp .gap-2 {
    gap: .5rem
}

#koalityApp .gap-3 {
    gap: .75rem
}

#koalityApp .gap-1 {
    gap: .25rem
}

#koalityApp .gap-6 {
    gap: 1.5rem
}

#koalityApp .gap-px {
    gap: 1px
}

#koalityApp .space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(0.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(0.5rem*var(--tw-space-x-reverse))
}

#koalityApp .space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse));
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

#koalityApp .space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1rem*var(--tw-space-x-reverse))
}

#koalityApp .space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2rem*var(--tw-space-y-reverse));
    margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
}

#koalityApp .divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
}

#koalityApp .divide-gray-300>:not([hidden])~:not([hidden]) {
    border-color: #d1d5db
}

#koalityApp .self-end {
    align-self: flex-end
}

#koalityApp .self-center {
    align-self: center
}

#koalityApp .self-stretch {
    align-self: stretch
}

#koalityApp .overflow-hidden {
    overflow: hidden
}

#koalityApp .overflow-y-auto {
    overflow-y: auto
}

#koalityApp .overflow-y-scroll {
    overflow-y: scroll
}

#koalityApp .truncate {
    overflow: hidden;
    white-space: nowrap
}

#koalityApp .overflow-ellipsis,
#koalityApp .truncate {
    text-overflow: ellipsis
}

#koalityApp .whitespace-normal {
    white-space: normal
}

#koalityApp .\!whitespace-normal {
    white-space: normal !important
}

#koalityApp .whitespace-nowrap {
    white-space: nowrap
}

#koalityApp .break-words {
    overflow-wrap: break-word
}

#koalityApp .break-all {
    word-break: break-all
}

#koalityApp .rounded {
    border-radius: .25rem
}

#koalityApp .rounded-md {
    border-radius: .375rem
}

#koalityApp .rounded-full {
    border-radius: 9999px
}

#koalityApp .rounded-lg {
    border-radius: .5rem
}

#koalityApp .rounded-l {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem
}

#koalityApp .rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

#koalityApp .rounded-b {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

#koalityApp .rounded-b-none {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

#koalityApp .rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

#koalityApp .border-0 {
    border-width: 0
}

#koalityApp .border {
    border-width: 1px
}

#koalityApp .border-t {
    border-top-width: 1px
}

#koalityApp .border-r-4 {
    border-right-width: 4px
}

#koalityApp .border-b {
    border-bottom-width: 1px
}

#koalityApp .border-r {
    border-right-width: 1px
}

#koalityApp .border-b-2 {
    border-bottom-width: 2px
}

#koalityApp .border-l-2 {
    border-left-width: 2px
}

#koalityApp .border-t-0 {
    border-top-width: 0
}

#koalityApp .border-solid {
    border-style: solid
}

#koalityApp .border-third-400 {
    border-color: var(--thirdColor400)
}

#koalityApp .border-error-high {
    border-color: var(--signalColorErrorHigh)
}

#koalityApp .border-gray-300 {
    border-color: #d1d5db
}

#koalityApp .border-red-300 {
    border-color: #fca5a5
}

#koalityApp .border-transparent {
    border-color: transparent
}

#koalityApp .border-white {
    border-color: #fff
}

#koalityApp .border-gray-400 {
    border-color: #9ca3af
}

#koalityApp .border-third-regular {
    border-color: var(--thirdColorRegular)
}

#koalityApp .border-gray-200 {
    border-color: #e5e7eb
}

#koalityApp .border-gray-100 {
    border-color: #f3f4f6
}

#koalityApp .border-primary-400 {
    border-color: var(--primaryColor400)
}

#koalityApp .border-red-200 {
    border-color: #fecaca
}

#koalityApp .bg-red-200 {
    background-color: #fecaca
}

#koalityApp .bg-yellow-100 {
    background-color: #fef3c7
}

#koalityApp .bg-blue-200 {
    background-color: #bfdbfe
}

#koalityApp .bg-primary-regular {
    background-color: var(--primaryColorRegular)
}

#koalityApp .bg-primary-400 {
    background-color: var(--primaryColor400)
}

#koalityApp .bg-gray-500 {
    background-color: #6b7280
}

#koalityApp .bg-error-high {
    background-color: var(--signalColorErrorHigh)
}

#koalityApp .bg-error-low {
    background-color: var(--signalColorErrorLow)
}

#koalityApp .bg-third-400 {
    background-color: var(--thirdColor400)
}

#koalityApp .bg-gray-200 {
    background-color: #e5e7eb
}

#koalityApp .bg-gray-300 {
    background-color: #d1d5db
}

#koalityApp .bg-gray-400 {
    background-color: #9ca3af
}

#koalityApp .bg-white {
    background-color: #fff
}

#koalityApp .bg-third-regular {
    background-color: var(--thirdColorRegular)
}

#koalityApp .bg-transparent {
    background-color: transparent
}

#koalityApp .bg-gray-100 {
    background-color: #f3f4f6
}

#koalityApp .bg-trans-black-08 {
    background-color: rgba(0, 0, 0, .8)
}

#koalityApp .bg-error-medium {
    background-color: var(--signalColorErrorMedium)
}

#koalityApp .bg-green-500 {
    background-color: #10b981
}

#koalityApp .bg-red-500 {
    background-color: #ef4444
}

#koalityApp .bg-yellow-500 {
    background-color: #f59e0b
}

#koalityApp .bg-error-lowSoft {
    background-color: var(--signalColorErrorLowLowest)
}

#koalityApp .bg-error-highSoft {
    background-color: var(--signalColorErrorHighLowest)
}

#koalityApp .bg-forth-regular {
    background-color: var(--fourthColorRegular)
}

#koalityApp .bg-login-topBackground {
    background-color: var(--loginTopBackground)
}

#koalityApp .bg-forth-lighter {
    background-color: var(--fourthColor400)
}

#koalityApp .bg-error-mediumSoft {
    background-color: var(--signalColorErrorMediumLower)
}

#koalityApp .bg-checkProgress-background {
    background-color: var(--checkProgressBackground)
}

#koalityApp .bg-gray-700 {
    background-color: #374151
}

#koalityApp .bg-navbar-secondaryAccent {
    background-color: var(--navBarSecondaryAccent)
}

#koalityApp .bg-navbar-secondaryBaseScoreBackground {
    background-color: var(--navBarSecondaryBaseScoreBackground)
}

#koalityApp .bg-navbar-primaryBackground {
    background-color: var(--navBarPrimaryBackground)
}

#koalityApp .bg-navbar-primaryAccent {
    background-color: var(--navBarPrimaryAccent)
}

#koalityApp .bg-navbar-secondaryBackground {
    background-color: var(--navBarSecondaryBackground)
}

#koalityApp .bg-primary-100 {
    background-color: var(--primaryColor100)
}

#koalityApp .\!bg-gray-300 {
    background-color: #d1d5db !important
}

#koalityApp .bg-primary-600,
#koalityApp .bg-primary-hb {
    background-color: var(--primaryColor600)
}

#koalityApp .bg-primary-500 {
    background-color: var(--primaryColor500)
}

#koalityApp .bg-secondary-regular {
    background-color: var(--secondaryColorRegular)
}

#koalityApp .bg-red-100 {
    background-color: #fee2e2
}

#koalityApp .bg-gray-50 {
    background-color: #f9fafb
}

#koalityApp .object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

#koalityApp .object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

#koalityApp .object-top {
    -o-object-position: top;
    object-position: top
}

#koalityApp .p-2 {
    padding: .5rem
}

#koalityApp .p-8 {
    padding: 2rem
}

#koalityApp .p-1 {
    padding: .25rem
}

#koalityApp .p-4 {
    padding: 1rem
}

#koalityApp .p-3 {
    padding: .75rem
}

#koalityApp .p-6 {
    padding: 1.5rem
}

#koalityApp .p-5 {
    padding: 1.25rem
}

#koalityApp .py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

#koalityApp .px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

#koalityApp .py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

#koalityApp .py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

#koalityApp .px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

#koalityApp .px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

#koalityApp .py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

#koalityApp .py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

#koalityApp .px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

#koalityApp .px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

#koalityApp .px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

#koalityApp .py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

#koalityApp .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

#koalityApp .px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

#koalityApp .py-20 {
    padding-bottom: 5rem;
    padding-top: 5rem
}

#koalityApp .pr-5 {
    padding-right: 1.25rem
}

#koalityApp .pr-10 {
    padding-right: 2.5rem
}

#koalityApp .pl-5 {
    padding-left: 1.25rem
}

#koalityApp .pt-4 {
    padding-top: 1rem
}

#koalityApp .pb-4 {
    padding-bottom: 1rem
}

#koalityApp .pt-1 {
    padding-top: .25rem
}

#koalityApp .pt-6 {
    padding-top: 1.5rem
}

#koalityApp .pb-6 {
    padding-bottom: 1.5rem
}

#koalityApp .pr-2 {
    padding-right: .5rem
}

#koalityApp .pl-2 {
    padding-left: .5rem
}

#koalityApp .pl-4 {
    padding-left: 1rem
}

#koalityApp .pl-3 {
    padding-left: .75rem
}

#koalityApp .pb-8 {
    padding-bottom: 2rem
}

#koalityApp .pt-5 {
    padding-top: 1.25rem
}

#koalityApp .pt-2 {
    padding-top: .5rem
}

#koalityApp .pt-3 {
    padding-top: .75rem
}

#koalityApp .pr-4 {
    padding-right: 1rem
}

#koalityApp .pl-10 {
    padding-left: 2.5rem
}

#koalityApp .pr-1 {
    padding-right: .25rem
}

#koalityApp .pb-2 {
    padding-bottom: .5rem
}

#koalityApp .pb-1 {
    padding-bottom: .25rem
}

#koalityApp .pt-8 {
    padding-top: 2rem
}

#koalityApp .text-left {
    text-align: left
}

#koalityApp .text-center {
    text-align: center
}

#koalityApp .text-right {
    text-align: right
}

#koalityApp .align-middle {
    vertical-align: middle
}

#koalityApp .font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

#koalityApp .text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

#koalityApp .text-1xl {
    font-size: 1.375rem
}

#koalityApp .text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

#koalityApp .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

#koalityApp .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

#koalityApp .text-xs {
    font-size: .75rem;
    line-height: 1rem
}

#koalityApp .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

#koalityApp .text-smm {
    font-size: .813rem
}

#koalityApp .font-semibold {
    font-weight: 600
}

#koalityApp .font-light {
    font-weight: 300
}

#koalityApp .font-medium {
    font-weight: 500
}

#koalityApp .font-thin {
    font-weight: 100
}

#koalityApp .font-bold {
    font-weight: 700
}

#koalityApp .uppercase {
    text-transform: uppercase
}

#koalityApp .capitalize {
    text-transform: capitalize
}

#koalityApp .italic {
    font-style: italic
}

#koalityApp .leading-relaxed {
    line-height: 1.625
}

#koalityApp .leading-none {
    line-height: 1
}

#koalityApp .leading-loose {
    line-height: 2
}

#koalityApp .leading-normal {
    line-height: 1.5
}

#koalityApp .leading-tight {
    line-height: 1.25
}

#koalityApp .leading-snug {
    line-height: 1.375
}

#koalityApp .text-yellow-600 {
    color: #d97706
}

#koalityApp .text-red-800 {
    color: #991b1b
}

#koalityApp .text-white {
    color: #fff
}

#koalityApp .text-error-high {
    color: var(--signalColorErrorHigh)
}

#koalityApp .text-error-medium {
    color: var(--signalColorErrorMedium)
}

#koalityApp .text-error-low {
    color: var(--signalColorErrorLow)
}

#koalityApp .text-error-note {
    color: var(--signalColorErrorNote)
}

#koalityApp .text-black {
    color: #000
}

#koalityApp .text-gray-700 {
    color: #374151
}

#koalityApp .text-gray-500 {
    color: #6b7280
}

#koalityApp .text-red-500 {
    color: #ef4444
}

#koalityApp .text-gray-300 {
    color: #d1d5db
}

#koalityApp .text-gray-600 {
    color: #4b5563
}

#koalityApp .text-green-400 {
    color: #34d399
}

#koalityApp .text-red-600 {
    color: #dc2626
}

#koalityApp .text-checkProgress-text {
    color: var(--checkProgressText)
}

#koalityApp .text-navbar-secondaryGroupHeader {
    color: var(--navBarSecondaryGroupHeader)
}

#koalityApp .text-navbar-secondaryAccentText {
    color: var(--navBarSecondaryAccentText)
}

#koalityApp .text-navbar-secondaryLink {
    color: var(--navBarSecondaryLink)
}

#koalityApp .text-navbar-incidentText {
    color: var(--navBarIncidentText)
}

#koalityApp .text-gray-800 {
    color: #1f2937
}

#koalityApp .text-navbar-primaryText {
    color: var(--navBarPrimaryText)
}

#koalityApp .text-navbar-secondaryText {
    color: var(--navBarSecondaryText)
}

#koalityApp .\!text-gray-400 {
    color: #9ca3af !important
}

#koalityApp .text-primary-regular {
    color: var(--primaryColorRegular)
}

#koalityApp .text-gray-400 {
    color: #9ca3af
}

#koalityApp .underline {
    text-decoration: underline
}

#koalityApp .opacity-100 {
    opacity: 1
}

#koalityApp .opacity-25 {
    opacity: .25
}

#koalityApp .opacity-0 {
    opacity: 0
}

#koalityApp .opacity-50 {
    opacity: .5
}

#koalityApp .shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
}

#koalityApp .shadow-md,
#koalityApp .shadow-subtle {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

#koalityApp .shadow-subtle {
    --tw-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.7)
}

#koalityApp .shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
}

#koalityApp .shadow-lg,
#koalityApp .shadow-sm {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

#koalityApp .shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
}

#koalityApp .shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
}

#koalityApp .shadow,
#koalityApp .shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

#koalityApp .shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
}

#koalityApp .outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

#koalityApp .blur {
    --tw-blur: blur(8px)
}

#koalityApp .blur,
#koalityApp .filter {
    filter: var(--tw-filter)
}

#koalityApp .transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#koalityApp .transition {
    transition-duration: .15s;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#koalityApp .transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#koalityApp .transition-colors {
    transition-duration: .15s;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#koalityApp .transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#koalityApp .duration-300 {
    transition-duration: .3s
}

#koalityApp .duration-500 {
    transition-duration: .5s
}

#koalityApp .duration-200 {
    transition-duration: .2s
}

#koalityApp .duration-150 {
    transition-duration: .15s
}

#koalityApp .ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#koalityApp .ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

#koalityApp .aspect-ratio-4\/3 {
    padding-bottom: 75%
}

#koalityApp .cmt-16+.cmt-16 {
    margin-top: 4rem
}

#koalityApp .flex-center {
    align-items: center;
    display: flex;
    justify-content: center
}

#koalityApp .pin-vert-center {
    top: 50%;
    transform: translateY(-50%)
}

#koalityApp .hyphens {
    hyphen-limit-chars: 6 3 2;
    -webkit-hyphens: auto;
    hyphens: auto
}

#koalityApp .container {
    max-width: 1900px;
    min-width: 320px;
    width: 100%
}

#koalityApp .hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

#koalityApp .hide-scrollbar::-webkit-scrollbar {
    display: none
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local(""), url(../fonts/roboto-v30-latin-300.c48fb67.woff2) format("woff2"), url(../fonts/roboto-v30-latin-300.c2f7ab2.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local(""), url(../fonts/roboto-v30-latin-regular.b009a76.woff2) format("woff2"), url(../fonts/roboto-v30-latin-regular.f1e2a76.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local(""), url(../fonts/roboto-v30-latin-500.f25d774.woff2) format("woff2"), url(../fonts/roboto-v30-latin-500.48af770.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local(""), url(../fonts/roboto-v30-latin-700.227c931.woff2) format("woff2"), url(../fonts/roboto-v30-latin-700.77ecb94.woff) format("woff")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: local(""), url(../fonts/open-sans-v34-latin-regular.a1535f4.woff2) format("woff2"), url(../fonts/open-sans-v34-latin-regular.7958f4e.woff) format("woff")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: local(""), url(../fonts/open-sans-v34-latin-600.7ef3bbc.woff2) format("woff2"), url(../fonts/open-sans-v34-latin-600.f031bf8.woff) format("woff")
}

body #koalityApp {
    color: #4a4a4a;
    font-family: Roboto, Segoe UI, sans-serif
}

#koalityApp .page-enter-active,
#koalityApp .page-leave-active {
    transition: opacity .3s ease-in-out
}

#koalityApp .page-enter,
#koalityApp .page-leave-to {
    opacity: 0
}

#koalityApp .blend-fast-enter-active,
#koalityApp .blend-fast-leave-active {
    transition: opacity .2s ease-in-out
}

#koalityApp .blend-fast-enter,
#koalityApp .blend-fast-leave-to {
    opacity: 0
}

#koalityApp .layout-enter-active,
#koalityApp .layout-leave-active {
    transition: opacity .6s
}

#koalityApp .layout-enter,
#koalityApp .layout-leave-active {
    opacity: 0
}

#koalityApp .card-default-enter-active {
    transition: opacity 1s ease-in-out .3s
}

#koalityApp .card-default-leave-active {
    transition: opacity .4s ease-in-out
}

#koalityApp .card-default-enter,
#koalityApp .card-default-leave-to {
    opacity: 0
}

#koalityApp .cardSlideRight-enter-active,
#koalityApp .cardSlideRight-leave-enter {
    transform: translateX(0);
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275)
}

#koalityApp .cardSlideRight-enter,
#koalityApp .cardSlideRight-leave-to {
    transform: translateX(120%)
}

#koalityApp .cardSlideTop-enter-active,
#koalityApp .cardSlideTop-leave-enter {
    transform: translateY(0);
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275)
}

#koalityApp .cardSlideTop-enter,
#koalityApp .cardSlideTop-leave-to {
    transform: translateY(120%)
}

#koalityApp .cardSlideBottom-enter-active,
#koalityApp .cardSlideBottom-leave-enter {
    max-height: 230px;
    transition: all .3s ease-in-out
}

#koalityApp .cardSlideBottom-enter,
#koalityApp .cardSlideBottom-leave-to {
    max-height: 0;
    opacity: 0
}

#koalityApp .mobileFullHeight {
    height: calc(100vh - 2rem)
}

#koalityApp .outerFullHeight {
    margin: 1rem
}

@supports (-webkit-touch-callout:none) {
    #koalityApp .mobileFullHeight {
        height: -webkit-fill-available
    }

    #koalityApp .outerFullHeight {
        margin: 0
    }
}

#koalityApp .zebra:nth-child(2n) {
    background-color: #f3f4f6
}

#koalityApp .autoHeight {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows .3s ease-in-out
}

#koalityApp .autoHeight--expanded {
    grid-template-rows: 1fr
}

.richtext p+p {
    line-height: 1.625;
    margin-top: 1rem
}

#koalityApp .cHeadline {
    hyphen-limit-chars: 6 3 2;
    color: #374151;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 1.25;
    text-transform: uppercase
}

#koalityApp .cSubline {
    text-transform: uppercase
}

#koalityApp .cSubline,
#koalityApp .cSublineRegular {
    font-size: .813rem;
    font-weight: 500
}

#koalityApp .cBody p {
    hyphen-limit-chars: 6 3 2;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 1.5
}

#koalityApp .cBody p a {
    border-bottom: 1px;
    border-style: solid;
    border-color: #111827;
    cursor: pointer;
    text-decoration: none;
    transition-duration: .15s;
    transition-duration: .3s;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#koalityApp .cBody p a:hover {
    border-color: #e5e7eb
}

#koalityApp .cBody p+p {
    margin-top: 1.5rem
}

#koalityApp .markdown-body {
    hyphen-limit-chars: 6 3 2;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 1.75rem
}

#koalityApp .markdown-body a {
    border-bottom: 1px;
    border-style: solid;
    border-color: #111827;
    cursor: pointer;
    text-decoration: none;
    transition-duration: .15s;
    transition-duration: .3s;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#koalityApp .markdown-body a:hover {
    border-color: #e5e7eb
}

#koalityApp .cBodyLeading p {
    hyphen-limit-chars: 6 3 2;
    font-size: 1.125rem;
    font-weight: 300;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 1.75rem;
    line-height: 1.5
}

#koalityApp .cBodyLeading p+p {
    margin-top: 1.5rem
}

#koalityApp .cTextLink {
    border-bottom: 1px;
    border-style: solid;
    border-color: #1f2937;
    cursor: pointer;
    transition-duration: .15s;
    transition-duration: .3s;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#koalityApp .cTextLink:hover {
    border-color: #e5e7eb
}

#koalityApp .cTextLinkNoBorder {
    border-bottom: 1px;
    border-style: solid;
    border-color: transparent;
    cursor: pointer;
    transition-duration: .15s;
    transition-duration: .3s;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#koalityApp .cTextLinkNoBorder:hover {
    border-color: #6b7280
}

#koalityApp .secondScreen {
    transform: translateX(120%);
    width: calc(100% - 2rem)
}

#koalityApp .secondScreen--open {
    transform: translate(0)
}

@media screen and (min-width:769px) {
    #koalityApp .secondScreen {
        width: calc(100% - 400px)
    }
}

@media screen and (min-width:878px) {
    #koalityApp .secondScreen {
        width: 560px
    }
}

#koalityApp .secondScreen__iframe {
    height: calc(100vh - 50px);
    height: -webkit-fill-available;
    max-height: calc(100vh - 50px);
    width: 100%
}

.incidentTable__listHeader {
    display: none
}

.incidentTable--isBigList .incidentTable__listHeader,
.incidentTable--isSmallList .incidentTable__listHeader {
    display: block
}

.incidentTable--isBigList .incidentTable__tableWrapper,
.incidentTable--isSmallList .incidentTable__tableWrapper {
    background-color: #e5e7eb;
    border-radius: .25rem;
    border: 1px solid #e5e7eb;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    overflow: hidden
}

.incidentTable--isBigList .incidentTable__row,
.incidentTable--isSmallList .incidentTable__row {
    padding: 1.25rem
}

.incidentTable--isBigList .incidentTable__row:not(:last-child),
.incidentTable--isSmallList .incidentTable__row:not(:last-child) {
    margin-bottom: 1px
}

.incidentTable--isTable .incidentTable__row {
    padding: .75rem 1rem
}

.incidentTable--isTable .incidentTable__row:not(:last-child) {
    border-bottom: 1px;
    border-style: solid;
    border-color: #d1d5db
}

.incidentTable--isTable .incidentTable__columns--lessInfo {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 42px;
    overflow: hidden
}

.incidentTable__grid {
    display: grid
}

.incidentTable__grid__page {
    grid-area: page
}

.incidentTable--isBigList .incidentTable__grid>.incidentTable__grid__page,
.incidentTable--isTable .incidentTable__grid>.incidentTable__grid__page,
.incidentTable__grid__page {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.incidentTable__grid__section {
    grid-area: sect;
    -ms-grid-column: 1;
    -ms-grid-row: 3
}

.incidentTable--isBigList .incidentTable__grid>.incidentTable__grid__section,
.incidentTable--isTable .incidentTable__grid>.incidentTable__grid__section {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

.incidentTable__grid__duration {
    grid-area: dura;
    -ms-grid-column: 1;
    -ms-grid-row: 5
}

.incidentTable--isBigList .incidentTable__grid>.incidentTable__grid__duration,
.incidentTable--isTable .incidentTable__grid>.incidentTable__grid__duration {
    -ms-grid-row: 1;
    -ms-grid-column: 5
}

.incidentTable__grid__description {
    grid-area: desc;
    -ms-grid-column: 1;
    -ms-grid-row: 7
}

.incidentTable--isBigList .incidentTable__grid>.incidentTable__grid__description {
    -ms-grid-column-span: 5;
    -ms-grid-column: 1;
    -ms-grid-row: 3
}

.incidentTable--isTable .incidentTable__grid>.incidentTable__grid__description {
    -ms-grid-column-span: 1;
    -ms-grid-column: 7;
    -ms-grid-row: 1
}

.incidentTable--isSmallList .incidentTable__grid {
    grid-gap: 20px;
    grid-template: "page" auto "sect" auto "dura" auto "desc" auto/minmax(0, 1fr)
}

.incidentTable--isBigList .incidentTable__grid {
    grid-gap: 20px;
    grid-template: "page sect dura" auto "desc desc desc" auto/170px minmax(0, 1fr) 180px
}

.incidentTable--isTable .incidentTable__grid {
    grid-gap: 10px;
    grid-template: "page sect dura desc" auto/180px 200px 180px minmax(0, 1fr)
}

.tooltip.breakAll .tooltip-inner {
    word-break: break-all
}

.tooltip {
    -webkit-font-smoothing: subpixel-antialiased;
    display: block !important;
    -webkit-perspective: 1000;
    z-index: 11000000000
}

.tooltip .tooltip-inner {
    background-color: #1f2937;
    border-radius: 5px;
    color: #fff;
    font-size: .875rem;
    line-height: 1.25rem;
    max-width: 600px;
    padding: 10px 15px
}

.tooltip .tooltip-arrow {
    border-color: #000;
    border-style: solid;
    height: 0;
    margin: 5px;
    position: absolute;
    width: 0;
    z-index: 1
}

.tooltip[x-placement^=top] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow {
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-width: 5px 5px 0;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-bottom: 0;
    margin-top: 0
}

.tooltip[x-placement^=bottom] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-width: 0 5px 5px;
    left: calc(50% - 5px);
    margin-bottom: 0;
    margin-top: 0;
    top: -5px
}

.tooltip[x-placement^=right] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow {
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-width: 5px 5px 5px 0;
    left: -5px;
    margin-left: 0;
    margin-right: 0;
    top: calc(50% - 5px)
}

.tooltip[x-placement^=left] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow {
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-width: 5px 0 5px 5px;
    margin-left: 0;
    margin-right: 0;
    right: -5px;
    top: calc(50% - 5px)
}

.tooltip.popover {
    $color: #f9f9f9
}

.tooltip.popover .popover-inner {
    background: $color;
    border-radius: 5px;
    box-shadow: 0 5px 30px rgba(black, .1);
    color: #000;
    padding: 24px
}

.tooltip.popover .popover-arrow {
    border-color: $color
}

.tooltip[aria-hidden=true] {
    opacity: 0;
    transition: opacity .15s, visibility .15s;
    visibility: hidden
}

.tooltip[aria-hidden=false] {
    opacity: 1;
    transition: opacity .15s;
    visibility: visible
}

.vue-notification {
    background: #44a4fc;
    border-left: 5px solid #187fe7;
    color: #fff;
    font-size: 16px;
    margin: 5px;
    padding: 10px
}

.vue-notification.warn {
    background: #ffb648;
    border-left-color: #f48a06
}

.vue-notification.error {
    background: #e54d42;
    border-left-color: #b82e24
}

.vue-notification.success {
    background: #68cd86;
    border-left-color: #42a85f
}

.socketNotification {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    font-size: .8rem;
    margin: 10px;
    padding: 15px
}

.socketNotification.info .notification-title {
    color: #004f8d
}

.socketNotification.warn .notification-title {
    color: #f48a06
}

.socketNotification.error .notification-title {
    color: #b82e24
}

.socketNotification.success .notification-title {
    color: #42a85f
}

.grid-chartDetails {
    grid-gap: 30px;
    display: grid
}

.grid-chartDetails__1 {
    grid-area: gcd1;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row: 2
}

.grid-chartDetails--desktop>.grid-chartDetails__1,
.grid-chartDetails--tablet>.grid-chartDetails__1,
.grid-chartHealthDetails--mobile>.grid-chartDetails__1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.grid-chartHealthDetails--tablet>.grid-chartDetails__1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2
}

.grid-chartHealthDetails--desktop>.grid-chartDetails__1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
}

.grid-chartDetails--tablet>.grid-chartDetails__1 {
    -ms-grid-column-span: 2
}

.grid-chartDetails--desktop>.grid-chartDetails__1 {
    -ms-grid-column-span: 1
}

.grid-chartDetails--desktop>.grid-chartDetails__1,
.grid-chartDetails--tablet>.grid-chartDetails__1,
.grid-chartDetails__2 {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.grid-chartDetails__2 {
    grid-area: gcd2
}

.grid-chartDetails--desktop>.grid-chartDetails__2,
.grid-chartDetails--tablet>.grid-chartDetails__2 {
    -ms-grid-row: 1;
    -ms-grid-column: 2
}

.grid-chartDetails__3 {
    grid-area: gcd3;
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    -ms-grid-row: 3
}

.grid-chartHealthDetails--mobile>.grid-chartDetails__3 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
}

.grid-chartHealthDetails--tablet>.grid-chartDetails__3 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2
}

.grid-chartHealthDetails--desktop>.grid-chartDetails__3 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1
}

.grid-chartDetails__3 .chartjs-render-monitor {
    height: 250px !important;
    max-height: 250px !important;
    width: 100% !important
}

.grid-chartDetails--desktop>.grid-chartDetails__3 {
    -ms-grid-column: 2
}

.grid-chartDetails--tablet>.grid-chartDetails__3 {
    -ms-grid-column-span: 2;
    -ms-grid-column: 1;
    -ms-grid-row: 2
}

.grid-chartDetails--desktop>.grid-chartDetails__3 {
    -ms-grid-column-span: 1;
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.grid-chartDetails__4 {
    grid-area: gcd4;
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    -ms-grid-row: 4
}

.grid-chartHealthDetails--mobile>.grid-chartDetails__4 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
}

.grid-chartHealthDetails--tablet>.grid-chartDetails__4 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2
}

.grid-chartHealthDetails--desktop>.grid-chartDetails__4 {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1
}

.grid-chartDetails--desktop>.grid-chartDetails__4 {
    -ms-grid-column: 2
}

.grid-chartDetails--tablet>.grid-chartDetails__4 {
    -ms-grid-column-span: 2;
    -ms-grid-column: 1;
    -ms-grid-row: 3
}

.grid-chartDetails--desktop>.grid-chartDetails__4 {
    -ms-grid-column-span: 1;
    -ms-grid-column: 3;
    -ms-grid-row: 2
}

.grid-chartDetails--mobile {
    grid-template: "gcd2" auto "gcd1" auto "gcd3" auto "gcd4" auto/1fr
}

.grid-chartDetails--tablet {
    grid-template: "gcd1 gcd2" auto "gcd3 gcd3" auto "gcd4 gcd4" auto/1fr 1fr
}

.grid-chartDetails--desktop {
    grid-template: "gcd1 gcd2 gcd3" auto "  .    .  gcd4" auto/290px 200px minmax(0, 1fr)
}

.grid-chartHealthDetails {
    grid-gap: 30px;
    display: grid
}

.grid-chartHealthDetails__1 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    grid-area: gcd1;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row: 2
}

.grid-chartDetails--desktop>.grid-chartHealthDetails__1,
.grid-chartDetails--tablet>.grid-chartHealthDetails__1,
.grid-chartHealthDetails--desktop>.grid-chartHealthDetails__1,
.grid-chartHealthDetails--mobile>.grid-chartHealthDetails__1,
.grid-chartHealthDetails--tablet>.grid-chartHealthDetails__1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.grid-chartHealthDetails--tablet>.grid-chartHealthDetails__1 {
    -ms-grid-column-span: 2
}

.grid-chartHealthDetails--desktop>.grid-chartHealthDetails__1 {
    -ms-grid-column-span: 1
}

.grid-chartHealthDetails--desktop>.grid-chartHealthDetails__1,
.grid-chartHealthDetails--tablet>.grid-chartHealthDetails__1 {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.grid-chartHealthDetails__3 {
    grid-area: gcd3;
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    -ms-grid-row: 3
}

.grid-chartDetails--tablet>.grid-chartHealthDetails__3 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2
}

.grid-chartDetails--desktop>.grid-chartHealthDetails__3 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1
}

.grid-chartHealthDetails--mobile>.grid-chartHealthDetails__3 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
}

.grid-chartHealthDetails__3 .chartjs-render-monitor {
    height: 250px !important;
    max-height: 250px !important;
    width: 100% !important
}

.grid-chartHealthDetails--desktop>.grid-chartHealthDetails__3 {
    -ms-grid-column: 2
}

.grid-chartHealthDetails--tablet>.grid-chartHealthDetails__3 {
    -ms-grid-column-span: 2;
    -ms-grid-column: 1;
    -ms-grid-row: 2
}

.grid-chartHealthDetails--desktop>.grid-chartHealthDetails__3 {
    -ms-grid-column-span: 1;
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.grid-chartHealthDetails__4 {
    grid-area: gcd4;
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    -ms-grid-row: 4
}

.grid-chartDetails--tablet>.grid-chartHealthDetails__4 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2
}

.grid-chartDetails--desktop>.grid-chartHealthDetails__4 {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1
}

.grid-chartHealthDetails--mobile>.grid-chartHealthDetails__4 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
}

.grid-chartHealthDetails--desktop>.grid-chartHealthDetails__4 {
    -ms-grid-column: 2
}

.grid-chartHealthDetails--tablet>.grid-chartHealthDetails__4 {
    -ms-grid-column-span: 2;
    -ms-grid-column: 1;
    -ms-grid-row: 3
}

.grid-chartHealthDetails--desktop>.grid-chartHealthDetails__4 {
    -ms-grid-column-span: 1;
    -ms-grid-column: 3;
    -ms-grid-row: 2
}

.grid-chartHealthDetails--mobile {
    grid-template: "gcd1" auto "gcd3" auto "gcd4" auto/1fr
}

.grid-chartHealthDetails--tablet {
    grid-template: "gcd1 gcd1" auto "gcd3 gcd3" auto "gcd4 gcd4" auto/1fr 1fr
}

.grid-chartHealthDetails--tablet .grid-chartHealthDetails__1 {
    flex-direction: row
}

.grid-chartHealthDetails--desktop {
    grid-template: "gcd1 gcd3" auto "  .  gcd4" auto/290px minmax(0, 1fr)
}

.grid-contentResults {
    grid-gap: 30px 60px;
    display: grid
}

.grid-contentResults__1 {
    grid-area: gcr1;
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.grid-contentResults--tablet>.grid-contentResults__1 {
    -ms-grid-column-span: 2;
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.grid-contentResults--desktop>.grid-contentResults__1 {
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.grid-contentResults__2 {
    grid-area: gcr2
}

.grid-contentResults--tablet>.grid-contentResults__2,
.grid-contentResults__2 {
    -ms-grid-row: 2;
    -ms-grid-column: 1
}

.grid-contentResults--desktop>.grid-contentResults__2 {
    -ms-grid-column: 2;
    -ms-grid-row: 1
}

.grid-contentResults__3 {
    grid-area: gcr3
}

.grid-contentResults--tablet>.grid-contentResults__3,
.grid-contentResults__3 {
    -ms-grid-row: 3;
    -ms-grid-column: 1
}

.grid-contentResults--desktop>.grid-contentResults__3 {
    -ms-grid-column: 2;
    -ms-grid-row: 2
}

.grid-contentResults__4 {
    grid-area: gcr4;
    -ms-grid-column: 1;
    -ms-grid-row: 4
}

.grid-contentResults--tablet>.grid-contentResults__4 {
    -ms-grid-column: 2;
    -ms-grid-row: 2
}

.grid-contentResults--desktop>.grid-contentResults__4 {
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.grid-contentResults__5 {
    grid-area: gcr5;
    -ms-grid-column: 1;
    -ms-grid-row: 5
}

.grid-contentResults--tablet>.grid-contentResults__5 {
    -ms-grid-column: 2;
    -ms-grid-row: 3
}

.grid-contentResults--desktop>.grid-contentResults__5 {
    -ms-grid-column: 3;
    -ms-grid-row: 2
}

.grid-contentResults--mobile {
    grid-template: "gcr1" auto "gcr2" auto "gcr3" auto "gcr4" auto "gcr5" auto/minmax(0, 1fr)
}

.grid-contentResults--tablet {
    grid-template: "gcr1 gcr1" auto "gcr2 gcr4" auto "gcr3 gcr5" auto/minmax(0, 1fr) minmax(0, 1fr)
}

.grid-contentResults--desktop {
    grid-template: "gcr1 gcr2 gcr4" auto "gcr1 gcr3 gcr5" 1fr/290px minmax(0, 1fr) minmax(0, 1fr)
}

.grid-twoColumOneFixed {
    grid-gap: 30px 60px;
    display: grid
}

.grid-twoColumOneFixed__1 {
    grid-area: gtcof1
}

.grid-twoColumOneFixed--big>.grid-twoColumOneFixed__1,
.grid-twoColumOneFixed__1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.grid-twoColumOneFixed__2 {
    grid-area: gtcof2;
    -ms-grid-column: 1;
    -ms-grid-row: 2
}

.grid-twoColumOneFixed--big>.grid-twoColumOneFixed__2 {
    -ms-grid-column: 2;
    -ms-grid-row: 1
}

.grid-twoColumOneFixed--small {
    grid-template: "gtcof1" auto "gtcof2" auto/minmax(0, 1fr)
}

.grid-twoColumOneFixed--big {
    grid-template: "gtcof1 gtcof2" auto/290px minmax(0, 1fr)
}

.grid-scores__group {
    grid-gap: 60px;
    display: grid
}

.grid-scores__group--twoCol {
    grid-gap: 60px 60px;
    grid-template-columns: repeat(2, minmax(230px, 1fr))
}

.grid-scores__group--threeCol {
    grid-gap: 60px 80px;
    grid-template-columns: repeat(3, minmax(240px, 1fr))
}

.grid-scores__master {
    grid-gap: 0;
    display: grid
}

.grid-scores__master--twoColSmall {
    grid-gap: 65px;
    grid-template-columns: minmax(230px, 1fr) 1fr
}

.grid-scores__master--twoColWide {
    grid-gap: 60px 80px;
    grid-template-columns: minmax(230px, 1fr) 2.3fr
}

*,
:after,
:before {
    border-style: solid;
    border-width: 0;
    box-sizing: border-box
}

#koalityApp :after,
#koalityApp :before {
    --tw-content: ""
}

html #koalityApp {
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

body,
body #koalityApp {
    font-family: Roboto, Segoe UI, sans-serif;
    margin: 0
}

#koalityApp hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

#koalityApp abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

#koalityApp h1,
#koalityApp h2,
#koalityApp h3,
#koalityApp h4,
#koalityApp h5,
#koalityApp h6 {
    font-size: inherit;
    font-weight: inherit
}

#koalityApp a {
    color: inherit;
    text-decoration: inherit
}

#koalityApp b,
#koalityApp strong {
    font-weight: bolder
}

#koalityApp code,
#koalityApp kbd,
#koalityApp pre,
#koalityApp samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

#koalityApp small {
    font-size: 80%
}

#koalityApp sub,
#koalityApp sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

#koalityApp sub {
    bottom: -.25em
}

#koalityApp sup {
    top: -.5em
}

#koalityApp table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

#koalityApp button,
#koalityApp input,
#koalityApp optgroup,
#koalityApp select,
#koalityApp textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

#koalityApp button,
#koalityApp select {
    text-transform: none
}

#koalityApp [type=button],
#koalityApp [type=reset],
#koalityApp [type=submit],
#koalityApp button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

#koalityApp :-moz-focusring {
    outline: auto
}

#koalityApp :-moz-ui-invalid {
    box-shadow: none
}

#koalityApp progress {
    vertical-align: baseline
}

#koalityApp ::-webkit-inner-spin-button,
#koalityApp ::-webkit-outer-spin-button {
    height: auto
}

#koalityApp [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

#koalityApp ::-webkit-search-decoration {
    -webkit-appearance: none
}

#koalityApp ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

#koalityApp summary {
    display: list-item
}

#koalityApp blockquote,
#koalityApp dd,
#koalityApp dl,
#koalityApp figure,
#koalityApp h1,
#koalityApp h2,
#koalityApp h3,
#koalityApp h4,
#koalityApp h5,
#koalityApp h6,
#koalityApp hr,
#koalityApp p,
#koalityApp pre {
    margin: 0
}

#koalityApp fieldset {
    margin: 0;
    padding: 0
}

#koalityApp legend {
    padding: 0
}

#koalityApp menu,
#koalityApp ol,
#koalityApp ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#koalityApp dialog {
    padding: 0
}

#koalityApp textarea {
    resize: vertical
}

#koalityApp input::-moz-placeholder,
#koalityApp textarea::-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

#koalityApp input::placeholder,
#koalityApp textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

#koalityApp [role=button],
#koalityApp button {
    cursor: pointer
}

#koalityApp :disabled {
    cursor: default
}

#koalityApp audio,
#koalityApp canvas,
#koalityApp embed,
#koalityApp iframe,
#koalityApp img,
#koalityApp object,
#koalityApp svg,
#koalityApp video {
    display: block;
    vertical-align: middle
}

#koalityApp img,
#koalityApp video {
    height: auto;
    max-width: 100%
}

#koalityApp [hidden] {
    display: none
}

#koalityApp .hover\:cursor-default:hover {
    cursor: default
}

#koalityApp .hover\:\!cursor-pointer:hover {
    cursor: pointer !important
}

#koalityApp .hover\:cursor-pointer:hover {
    cursor: pointer
}

#koalityApp .hover\:bg-primary-400:hover {
    background-color: var(--primaryColor400)
}

#koalityApp .hover\:bg-gray-300:hover {
    background-color: #d1d5db
}

#koalityApp .hover\:bg-error-highLight:hover {
    background-color: var(--signalColorErrorHighLower)
}

#koalityApp .hover\:bg-error-lowLight:hover {
    background-color: var(--signalColorErrorLowLower)
}

#koalityApp .hover\:bg-gray-200:hover {
    background-color: #e5e7eb
}

#koalityApp .hover\:bg-third-500:hover {
    background-color: var(--thirdColor500)
}

#koalityApp .hover\:bg-error-high:hover {
    background-color: var(--signalColorErrorHigh)
}

#koalityApp .hover\:bg-forth-light:hover {
    background-color: var(--fourthColor300)
}

#koalityApp .hover\:bg-primary-100:hover {
    background-color: var(--primaryColor100)
}

#koalityApp .hover\:bg-primary-300:hover {
    background-color: var(--primaryColor300)
}

#koalityApp .hover\:bg-primary-regular:hover {
    background-color: var(--primaryColorRegular)
}

#koalityApp .hover\:bg-primary-500:hover {
    background-color: var(--primaryColor500)
}

#koalityApp .hover\:bg-gray-100:hover {
    background-color: #f3f4f6
}

#koalityApp .hover\:text-primary-regular:hover {
    color: var(--primaryColorRegular)
}

#koalityApp .hover\:text-white:hover {
    color: #fff
}

#koalityApp .hover\:text-navbar-secondaryHover:hover {
    color: var(--navBarSecondaryHover)
}

#koalityApp .hover\:text-navbar-primaryHighlight:hover {
    color: var(--navBarPrimaryHighlight)
}

#koalityApp .hover\:underline:hover {
    text-decoration: underline
}

#koalityApp .hover\:no-underline:hover {
    text-decoration: none
}

#koalityApp .hover\:opacity-90:hover {
    opacity: .9
}

#koalityApp .hover\:opacity-80:hover {
    opacity: .8
}

#koalityApp .hover\:\!shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow) !important
}

#koalityApp .focus\:border-gray-500:focus {
    border-color: #6b7280
}

#koalityApp .focus\:bg-white:focus {
    background-color: #fff
}

#koalityApp .focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

@media (min-width:640px) {
    #koalityApp .sm\:flex {
        display: flex
    }

    #koalityApp .sm\:w-auto {
        width: auto
    }

    #koalityApp .sm\:flex-shrink-0 {
        flex-shrink: 0
    }

    #koalityApp .sm\:justify-start {
        justify-content: flex-start
    }
}

@media (min-width:768px) {
    #koalityApp .md\:\!visible {
        visibility: visible !important
    }

    #koalityApp .md\:\!invisible {
        visibility: hidden !important
    }

    #koalityApp .md\:invisible {
        visibility: hidden
    }

    #koalityApp .md\:relative {
        position: relative
    }

    #koalityApp .md\:\!order-first {
        order: -9999 !important
    }

    #koalityApp .md\:mb-20 {
        margin-bottom: 5rem
    }

    #koalityApp .md\:mt-11 {
        margin-top: 2.75rem
    }

    #koalityApp .md\:block {
        display: block
    }

    #koalityApp .md\:flex {
        display: flex
    }

    #koalityApp .md\:\!flex {
        display: flex !important
    }

    #koalityApp .md\:hidden {
        display: none
    }

    #koalityApp .md\:w-1\/2 {
        width: 50%
    }

    #koalityApp .md\:w-60 {
        width: 15rem
    }

    #koalityApp .md\:translate-x-0 {
        --tw-translate-x: 0px;
        transform: var(--tw-transform)
    }

    #koalityApp .md\:flex-row {
        flex-direction: row
    }

    #koalityApp .md\:border-r-2 {
        border-right-width: 2px
    }

    #koalityApp .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    #koalityApp .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    #koalityApp .md\:shadow-xl {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
}

@media (min-width:1024px) {
    #koalityApp .lg\:\!visible {
        visibility: visible !important
    }

    #koalityApp .lg\:invisible {
        visibility: hidden
    }

    #koalityApp .lg\:flex {
        display: flex
    }

    #koalityApp .lg\:hidden {
        display: none
    }

    #koalityApp .lg\:h-12 {
        height: 3rem
    }

    #koalityApp .lg\:w-\[20vw\] {
        width: 20vw
    }

    #koalityApp .lg\:w-1\/2 {
        width: 50%
    }

    #koalityApp .lg\:w-full {
        width: 100%
    }

    #koalityApp .lg\:w-48 {
        width: 12rem
    }

    #koalityApp .lg\:max-w-full {
        max-width: 100%
    }

    #koalityApp .lg\:max-w-\[20rem\] {
        max-width: 20rem
    }

    #koalityApp .lg\:flex-row {
        flex-direction: row
    }

    #koalityApp .lg\:items-center {
        align-items: center
    }

    #koalityApp .lg\:gap-0 {
        gap: 0
    }

    #koalityApp .lg\:border-r-2 {
        border-right-width: 2px
    }

    #koalityApp .lg\:border-l-2 {
        border-left-width: 2px
    }

    #koalityApp .lg\:border-gray-300 {
        border-color: #d1d5db
    }

    #koalityApp .lg\:pr-6 {
        padding-right: 1.5rem
    }

    #koalityApp .lg\:pl-2 {
        padding-left: .5rem
    }

    #koalityApp .lg\:pl-6 {
        padding-left: 1.5rem
    }
}