*,:before,:after {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
    --un-shadow-inset: ;
    --un-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgb(147 197 253 / .5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia:
}

::backdrop {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
    --un-shadow-inset: ;
    --un-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgb(147 197 253 / .5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia:
}

.divider,[divider=""] {
    height: 1px;
    background-color: currentColor;
    opacity: .1
}

.pretty-scrollbar::-webkit-scrollbar,[pretty-scrollbar=""]::-webkit-scrollbar {
    width: var(--scrollbar-width);
    height: var(--scrollbar-height)
}

.pretty-scrollbar,[pretty-scrollbar=""] {
    overflow: auto;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
    --scrollbar-track: #f5f5f5;
    --scrollbar-thumb: #ddd;
    --scrollbar-width: 8px;
    --scrollbar-height: 8px;
    --scrollbar-track-radius: 4px;
    --scrollbar-thumb-radius: 4px;
    --un-scrollbar-thumb-opacity: 1;
    --scrollbar-thumb: rgba(209,213,219,var(--un-scrollbar-thumb-opacity));
    --un-scrollbar-track-opacity: 1;
    --scrollbar-track: rgba(243,244,246,var(--un-scrollbar-track-opacity))
}

.pretty-scrollbar::-webkit-scrollbar-thumb,[pretty-scrollbar=""]::-webkit-scrollbar-thumb {
    border-radius: var(--scrollbar-thumb-radius);
    background-color: var(--scrollbar-thumb)
}

.pretty-scrollbar::-webkit-scrollbar-track,[pretty-scrollbar=""]::-webkit-scrollbar-track {
    border-radius: var(--scrollbar-track-radius);
    background-color: var(--scrollbar-track)
}

.dark .pretty-scrollbar,.dark [pretty-scrollbar=""] {
    --un-scrollbar-thumb-opacity: 1;
    --scrollbar-thumb: rgba(66,66,66,var(--un-scrollbar-thumb-opacity));
    --un-scrollbar-track-opacity: 1;
    --scrollbar-track: rgba(104,104,104,var(--un-scrollbar-track-opacity))
}

.absolute,[absolute=""] {
    position: absolute
}

.fixed,[fixed=""] {
    position: fixed
}

.relative,[relative=""] {
    position: relative
}

.static {
    position: static
}

.bottom-100\% {
    bottom: 100%
}

.left-0,[left-0=""] {
    left: 0
}

.left-100\% {
    left: 100%
}

.left-50\% {
    left: 50%
}

.right-100\% {
    right: 100%
}

.right-10px,[right-10px=""] {
    right: 10px
}

.top-0,[top-0=""] {
    top: 0
}

.top-100\% {
    top: 100%
}

.top-10px,[top-10px=""] {
    top: 10px
}

.top-50\% {
    top: 50%
}

.line-clamp-2,[line-clamp~="2"] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2
}

.z-10,[z-10=""] {
    z-index: 10
}

.grid,[grid=""] {
    display: grid
}

.grid-cols-1,[grid-cols-1=""] {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-2,[grid-cols-2=""] {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-5,[grid-cols-5=""] {
    grid-template-columns: repeat(5,minmax(0,1fr))
}

.m-0,[m-0=""] {
    margin: 0
}

.m-x-auto,.mx-auto,[m-x-auto=""],[mx-auto=""] {
    margin-left: auto;
    margin-right: auto
}

.mx-1,[mx-1=""] {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.my,.my-4,[my-4=""] {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-16px,[my-16px=""] {
    margin-top: 16px;
    margin-bottom: 16px
}

.my-2,[my-2=""] {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-3,[my-3=""] {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-5px {
    margin-top: 5px;
    margin-bottom: 5px
}

.my-8,[my-8=""] {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.mb-1,[mb-1=""] {
    margin-bottom: .25rem
}

.mb-10,[mb-10=""] {
    margin-bottom: 2.5rem
}

.mb-2,[mb-2=""] {
    margin-bottom: .5rem
}

.mb-3,[mb-3=""] {
    margin-bottom: .75rem
}

.mb-4,[mb-4=""] {
    margin-bottom: 1rem
}

.mb-5,[mb-5=""] {
    margin-bottom: 1.25rem
}

.mb-5px,[mb-5px=""] {
    margin-bottom: 5px
}

.mb-6,[mb-6=""] {
    margin-bottom: 1.5rem
}

.mb-8,[mb-8=""] {
    margin-bottom: 2rem
}

.me {
    margin-inline-end:1rem}

.ml-2,[ml-2=""] {
    margin-left: .5rem
}

.ml-3,[ml-3=""] {
    margin-left: .75rem
}

.ml-5px {
    margin-left: 5px
}

.ml-6px,[ml-6px=""] {
    margin-left: 6px
}

.ml-8px,[ml-8px=""] {
    margin-left: 8px
}

.mr-2,[mr-2=""] {
    margin-right: .5rem
}

.mr-3,[mr-3=""] {
    margin-right: .75rem
}

.mr-4,[mr-4=""] {
    margin-right: 1rem
}

.mr-5px {
    margin-right: 5px
}

.mr-6px,[mr-6px=""] {
    margin-right: 6px
}

.ms {
    margin-inline-start:1rem}

.mt-1,[mt-1=""] {
    margin-top: .25rem
}

.mt-12,[mt-12=""] {
    margin-top: 3rem
}

.mt-12px,[mt-12px=""] {
    margin-top: 12px
}

.mt-2,[mt-2=""] {
    margin-top: .5rem
}

.mt-20,[mt-20=""] {
    margin-top: 5rem
}

.mt-25px {
    margin-top: 25px
}

.mt-3,[mt-3=""] {
    margin-top: .75rem
}

.mt-4,[mt-4=""] {
    margin-top: 1rem
}

.mt-5,[mt-5=""] {
    margin-top: 1.25rem
}

.mt-50px,[mt-50px=""] {
    margin-top: 50px
}

.mt-5px {
    margin-top: 5px
}

.mt-60px,[mt-60px=""] {
    margin-top: 60px
}

.block,.dark .dark\:block {
    display: block
}

.inline-block,[inline-block=""] {
    display: none
}

.dark .dark\:hidden,.hidden,[hidden=""] {
    display: none
}

.h-1px {
    height: 1px
}

.h-30px,[h-30px=""] {
    height: 30px
}

.h-600px,[h-600px=""] {
    height: 600px
}

.h-full,[h-full=""] {
    height: 100%
}

.h1 {
    height: .25rem
}

.h2 {
    height: .5rem
}

.h3 {
    height: .75rem
}

.h6 {
    height: 1.5rem
}

.important\:h-10,[important\:h-10=""] {
    height: 2.5rem!important
}

.important\:h-12,[important\:h-12=""] {
    height: 3rem!important
}

.important\:max-w-650px,[important\:max-w-650px=""] {
    max-width: 650px!important
}

.important\:w-10,[important\:w-10=""] {
    width: 2.5rem!important
}

.max-h-312px,[max-h-312px=""] {
    max-height: 312px
}

.max-h-full,[max-h-full=""] {
    max-height: 100%
}

.max-w-100px {
    max-width: 100px
}

.max-w-2400px,[max-w-2400px=""] {
    max-width: 2400px
}

.max-w-600px,[max-w-600px=""] {
    max-width: 600px
}

.max-w-sm,[max-w-sm=""] {
    max-width: 24rem
}

.max-w-xl,[max-w-xl=""] {
    max-width: 36rem
}

.min-w-0,[min-w-0=""] {
    min-width: 0
}

.min-w-130px,[min-w-130px=""] {
    min-width: 130px
}

.min-w-fit,[min-w-fit=""] {
    min-width: fit-content
}

.w-100px,[w-100px=""] {
    width: 100px
}

.w-150px,[w-150px=""] {
    width: 150px
}

.w-200px,[w-200px=""] {
    width: 200px
}

.w-30px,[w-30px=""] {
    width: 30px
}

.w-75px,[w-75px=""] {
    width: 75px
}

.w-full,[w-full=""] {
    width: 100%
}

[w~="90%"] {
    width: 90%
}

.flex,[flex=""] {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.important\:flex-full,[important\:flex-full=""] {
    flex: 100%!important
}

.flex-1,[flex-1=""] {
    flex: 1 1 0%
}

.important\:flex-1,[important\:flex-1=""] {
    flex: 1 1 0%!important
}

.flex-shrink {
    flex-shrink: 1
}

.important\:flex-shrink-0,[important\:flex-shrink-0=""] {
    flex-shrink: 0!important
}

.shrink-0,[shrink-0=""] {
    flex-shrink: 0
}

.flex-grow,[flex-grow=""] {
    flex-grow: 1
}

.important\:flex-grow-0,[important\:flex-grow-0=""] {
    flex-grow: 0!important
}

.important\:flex-grow-0\> {
    flex-grow: 1!important
}

.flex-basis-5xl,[flex-basis-5xl=""] {
    flex-basis: 3rem
}

.flex-row {
    flex-direction: row
}

.flex-col,[flex-col=""] {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap,[flex-nowrap=""] {
    flex-wrap: nowrap
}

.table {
    display: table
}

.border-collapse {
    border-collapse: collapse
}

.-translate-x-1\/2 {
    --un-translate-x: -50%;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.-translate-y-1\/2 {
    --un-translate-y: -50%;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.rotate-0 {
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-rotate: 0;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.rotate-90 {
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-rotate: 90deg;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.transform-rotate--90 {
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-rotate: -90deg;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.scale-0 {
    --un-scale-x: 0;
    --un-scale-y: 0;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.scale-100 {
    --un-scale-x: 1;
    --un-scale-y: 1;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.transform {
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.cursor-pointer,[cursor-pointer=""] {
    cursor: pointer
}

.resize {
    resize: both
}

.items-center,[items-center=""] {
    align-items: center
}

.items-baseline,[items-baseline=""] {
    align-items: baseline
}

.important\:justify-start,[important\:justify-start=""] {
    justify-content: flex-start!important
}

.justify-center,[justify-center=""] {
    justify-content: center
}

.justify-between,[justify-between=""] {
    justify-content: space-between
}

.gap-10px,[gap-10px=""] {
    gap: 10px
}

.gap-12,[gap-12=""] {
    gap: 3rem
}

.gap-12px,[gap-12px=""] {
    gap: 12px
}

.gap-2,[gap-2=""] {
    gap: .5rem
}

.gap-3,[gap-3=""] {
    gap: .75rem
}

.gap-4,[gap-4=""] {
    gap: 1rem
}

.gap-5px,[gap-5px=""] {
    gap: 5px
}

.gap-8px,[gap-8px=""] {
    gap: 8px
}

.gap-y-2,[gap-y-2=""] {
    row-gap: .5rem
}

.overflow-auto,[overflow-auto=""] {
    overflow: auto
}

.overflow-hidden,[overflow-hidden=""] {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto,[overflow-y-auto=""] {
    overflow-y: auto
}

.truncate,[truncate=""] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.whitespace-nowrap {
    white-space: nowrap
}

.break-all,[break-all=""] {
    word-break: break-all
}

.break-anywhere,[break-anywhere=""] {
    overflow-wrap: anywhere
}

.\!border-2px {
    border-width: 2px!important
}

.b,.border,[border=""],[border~="1px"] {
    border-width: 1px
}

.border-2px {
    border-width: 2px
}

.important\:border-x,[important\:border-x~="1px"] {
    border-left-width: 1px!important;
    border-right-width: 1px!important
}

.b-r,[b-r=""] {
    border-right-width: 1px
}

.border-b,[border-b~="1px"] {
    border-bottom-width: 1px
}

.b-gray,[b-gray=""] {
    --un-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--un-border-opacity))
}

.border-current,[border-current=""],[border~=current] {
    border-color: currentColor
}

.border-gray-300 {
    --un-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--un-border-opacity))
}

.border-primary {
    --un-border-opacity: 1;
    border-color: rgb(30 165 76 / var(--un-border-opacity))
}

.important\:border-primary,.\!hover\:border-primary:hover,.hover\:important\:border-primary:hover,[hover\:important\:border-primary=""]:hover {
    --un-border-opacity: 1 !important;
    border-color: rgb(30 165 76 / var(--un-border-opacity))!important
}

[important\:border-x~=gray] {
    --un-border-opacity: 1 !important;
    --un-border-left-opacity: var(--un-border-opacity) !important;
    border-left-color: rgb(156 163 175 / var(--un-border-left-opacity))!important;
    --un-border-right-opacity: var(--un-border-opacity) !important;
    border-right-color: rgb(156 163 175 / var(--un-border-right-opacity))!important
}

.dark [border-b~="dark:#282828"] {
    --un-border-opacity: 1;
    --un-border-bottom-opacity: var(--un-border-opacity);
    border-bottom-color: rgb(40 40 40 / var(--un-border-bottom-opacity))
}

.dark [border-b~="dark:transparent"] {
    border-bottom-color: transparent
}

[border-b~="#efeff5"] {
    --un-border-opacity: 1;
    --un-border-bottom-opacity: var(--un-border-opacity);
    border-bottom-color: rgb(239 239 245 / var(--un-border-bottom-opacity))
}

.b-op-10,[b-op-10=""] {
    --un-border-opacity: .1
}

.border-op-40,[border-op-40=""] {
    --un-border-opacity: .4
}

.border-opacity-100 {
    --un-border-opacity: 1
}

.border-opacity-50 {
    --un-border-opacity: .5
}

[border~=op-30] {
    --un-border-opacity: .3
}

[important\:border-x~=op-40] {
    --un-border-left-opacity: .4 !important;
    --un-border-right-opacity: .4 !important
}

.b-rd-4px,[b-rd-4px=""] {
    border-radius: 4px
}

.b-rd-xl,[b-rd-xl=""] {
    border-radius: .75rem
}

.important\:rounded-0,[important\:rounded-0=""] {
    border-radius: 0!important
}

.rounded,[rounded=""] {
    border-radius: .25rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md,[rounded-md=""] {
    border-radius: .375rem
}

.important\:rounded-l-none,[important\:rounded-l-none=""] {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.important\:rounded-r-none,[important\:rounded-r-none=""] {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.border-dashed {
    border-style: dashed
}

.border-solid,[border-solid=""],[border~=solid] {
    border-style: solid
}

.important\:border-none,[important\:border-none=""] {
    border-style: none!important
}

[important\:border-x~=solid] {
    border-left-style: solid!important;
    border-right-style: solid!important
}

.b-r-solid,[b-r-solid=""] {
    border-right-style: solid
}

.important\:border-b-none {
    border-bottom-style: none!important
}

[border-b~=solid] {
    border-bottom-style: solid
}

.bg-\#eeeeee {
    --un-bg-opacity: 1;
    background-color: rgb(238 238 238 / var(--un-bg-opacity))
}

.bg-\#ffffff,.bg-white {
    --un-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--un-bg-opacity))
}

.bg-black {
    --un-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--un-bg-opacity))
}

.bg-gray-300 {
    --un-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--un-bg-opacity))
}

.bg-primary {
    --un-bg-opacity: 1;
    background-color: rgb(30 165 76 / var(--un-bg-opacity))
}

.dark .dark\:bg-\#232323 {
    --un-bg-opacity: 1;
    background-color: rgb(35 35 35 / var(--un-bg-opacity))
}

.dark .dark\:bg-\#333333 {
    --un-bg-opacity: 1;
    background-color: rgb(51 51 51 / var(--un-bg-opacity))
}

.hover\:bg-primary:hover,[hover\:bg-primary=""]:hover {
    --un-bg-opacity: 1;
    background-color: rgb(30 165 76 / var(--un-bg-opacity))
}

.important\:p0,[important\:p0=""],[important\:pa-0=""] {
    padding: 0!important
}

.important\:pa-12px,[important\:pa-12px=""] {
    padding: 12px!important
}

.p-8,[p-8=""] {
    padding: 2rem
}

.pa-24px,[pa-24px=""] {
    padding: 24px
}

.pa-3,[pa-3=""] {
    padding: .75rem
}

.pa-5,[pa-5=""] {
    padding: 1.25rem
}

.important\:py-12,[important\:py-12=""] {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}

.important\:py-8px,[important\:py-8px=""] {
    padding-top: 8px!important;
    padding-bottom: 8px!important
}

.px,.px-4,[px-4=""] {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-10px {
    padding-left: 10px;
    padding-right: 10px
}

.px-12px,[px-12px=""] {
    padding-left: 12px;
    padding-right: 12px
}

.px-2,[px-2=""] {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-5px,[px-5px=""] {
    padding-left: 5px;
    padding-right: 5px
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8px {
    padding-left: 8px;
    padding-right: 8px
}

.px8,[px8=""] {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-1,[py-1=""] {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-2,[py-2=""] {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-2px {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-3px,[py-3px=""] {
    padding-top: 3px;
    padding-bottom: 3px
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-6px {
    padding-top: 6px;
    padding-bottom: 6px
}

[py-4px=""] {
    padding-top: 4px;
    padding-bottom: 4px
}

.important\:pl-10px,[important\:pl-10px=""] {
    padding-left: 10px!important
}

.important\:pr-5px,[important\:pr-5px=""] {
    padding-right: 5px!important
}

.pb6,[pb6=""] {
    padding-bottom: 1.5rem
}

.pl-4,[pl-4=""] {
    padding-left: 1rem
}

.pr-12px,[pr-12px=""] {
    padding-right: 12px
}

.pr-4,[pr-4=""] {
    padding-right: 1rem
}

.pt {
    padding-top: 1rem
}

.pt-1,[pt-1=""] {
    padding-top: .25rem
}

.pt-50px {
    padding-top: 50px
}

.text-center,[text-center=""] {
    text-align: center
}

.important\:text-left,[important\:text-left=""] {
    text-align: left!important
}

.text-left,[text-left=""] {
    text-align: left
}

.text-right,[text-right=""] {
    text-align: right
}

.text-justify,[text-justify=""] {
    text-align: justify
}

.indent {
    text-indent: 1.5rem
}

[indent~="8"] {
    text-indent: 2rem
}

.text-wrap,[text-wrap=""] {
    text-wrap: wrap
}

.important\:text-22px,[important\:text-22px=""] {
    font-size: 22px!important
}

.text-13px,[text-13px=""] {
    font-size: 13px
}

.text-15px,[text-15px=""] {
    font-size: 15px
}

.text-16px,[text-16px=""] {
    font-size: 16px
}

.text-20px,[text-20px=""] {
    font-size: 20px
}

.text-2xl,[text-2xl=""] {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-30px,[text-30px=""] {
    font-size: 30px
}

.text-3xl,[text-3xl=""] {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-40px,[text-40px=""] {
    font-size: 40px
}

.text-90px,[text-90px=""] {
    font-size: 90px
}

.text-lg,[text-lg=""] {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm,[text-sm=""] {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl,[text-xl=""] {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs,[text-xs=""] {
    font-size: .75rem;
    line-height: 1rem
}

.font-500 {
    font-weight: 500
}

.font-bold,[font-bold=""] {
    font-weight: 700
}

.fw-600,[fw-600=""] {
    font-weight: 600
}

.leading-5 {
    line-height: 1.25rem
}

.lh-1,[lh-1=""] {
    line-height: .25rem
}

.lh-normal,[lh-normal=""] {
    line-height: 1.5
}

.lh-tight,[lh-tight=""] {
    line-height: 1.25
}

.\!font-mono,.important\:font-mono,[important\:font-mono=""] {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important
}

.font-mono,[font-mono=""] {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.italic,[italic=""] {
    font-style: italic
}

.color-black,.text-black,[color-black=""] {
    --un-text-opacity: 1;
    color: rgb(0 0 0 / var(--un-text-opacity))
}

.color-current,.text-current,[color-current=""] {
    color: currentColor
}

.dark .dark\:color-white,.dark .dark\:text-white,.dark [dark\:color-white=""],.text-white {
    --un-text-opacity: 1;
    color: rgb(255 255 255 / var(--un-text-opacity))
}

[color~="#18a058"] {
    --un-text-opacity: 1;
    color: rgb(24 160 88 / var(--un-text-opacity))
}

.dark .dark\:text-gray-400,.text-gray-400 {
    --un-text-opacity: 1;
    color: rgb(156 163 175 / var(--un-text-opacity))
}

.dark .dark\:text-neutral-400,.text-neutral-400 {
    --un-text-opacity: 1;
    color: rgb(163 163 163 / var(--un-text-opacity))
}

.dark .dark\:text-neutral-600 {
    --un-text-opacity: 1;
    color: rgb(82 82 82 / var(--un-text-opacity))
}

.dark .dark\:text-neutral-800 {
    --un-text-opacity: 1;
    color: rgb(38 38 38 / var(--un-text-opacity))
}

.text-gray-500 {
    --un-text-opacity: 1;
    color: rgb(107 114 128 / var(--un-text-opacity))
}

.text-gray-700 {
    --un-text-opacity: 1;
    color: rgb(55 65 81 / var(--un-text-opacity))
}

.text-neutral-500 {
    --un-text-opacity: 1;
    color: rgb(115 115 115 / var(--un-text-opacity))
}

.text-primary,[text-primary=""],.hover\:text-primary:hover {
    --un-text-opacity: 1;
    color: rgb(30 165 76 / var(--un-text-opacity))
}

.hover\:text-white:hover {
    --un-text-opacity: 1;
    color: rgb(255 255 255 / var(--un-text-opacity))
}

[hover\:text-primary=""]:hover {
    --un-text-opacity: 1;
    color: rgb(30 165 76 / var(--un-text-opacity))
}

[hover\:text-white=""]:hover {
    --un-text-opacity: 1;
    color: rgb(255 255 255 / var(--un-text-opacity))
}

.underline,.hover\:underline:hover {
    text-decoration-line: underline
}

.decoration-none {
    text-decoration: none
}

.tab {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

.op-0 {
    opacity: 0
}

.op-100 {
    opacity: 1
}

.op-30 {
    opacity: .3
}

.op-40,[op-40=""] {
    opacity: .4
}

.op-50,[op-50=""] {
    opacity: .5
}

.op-60,[op-60=""] {
    opacity: .6
}

.op-70,.opacity-70,[op-70=""],[opacity-70=""] {
    opacity: .7
}

.op-90,[op-90=""] {
    opacity: .9
}

.shadow {
    --un-shadow: var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)
}

.shadow-lg {
    --un-shadow: var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)
}

.shadow-xl,[shadow-xl=""] {
    --un-shadow: var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)
}

.outline {
    outline-style: solid
}

.transition,[transition=""] {
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-transform,[transition-transform=""] {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-duration-0\.2s {
    transition-duration: .2s
}

.transition-duration-0\.5s {
    transition-duration: .5s
}

.ease,.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

@media (min-width: 640px) {
    .sm\:grid-cols-2,[sm\:grid-cols-2=""] {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .sm\:inline,[sm\:inline=""] {
        display: inline
    }

    .sm\:block,[sm\:block=""] {
        display: block
    }

    .sm\:hidden,[sm\:hidden=""] {
        display: none
    }
}

@media (min-width: 768px) {
    .md\:grid-cols-3,[md\:grid-cols-3=""] {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }

    .md\:flex-row,[md\:flex-row=""] {
        flex-direction: row
    }
}

@media (min-width: 1024px) {
    .lg\:grid-cols-3 {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }

    .lg\:grid-cols-4,[lg\:grid-cols-4=""] {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }
}

@media (min-width: 1280px) {
    .xl\:grid-cols-4 {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }

    .xl\:grid-cols-6,[xl\:grid-cols-6=""] {
        grid-template-columns: repeat(6,minmax(0,1fr))
    }
}

.c-modal--overlay[data-v-94793f53] {
    background-color: #00000080
}

.c-modal--container[data-v-94793f53] {
    background-color: var(--f6e4b4d2)
}

.v-enter-active[data-v-94793f53],.v-leave-active[data-v-94793f53] {
    transition: opacity .3s ease-in-out
}

.v-enter-from[data-v-94793f53],.v-leave-to[data-v-94793f53] {
    opacity: 0
}

.c-button[data-v-147876cf] {
    line-height: 1;
    font-family: inherit;
    font-size: var(--9a468bfe);
    border: none;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    height: var(--09441655);
    font-weight: 400;
    color: var(--e1cab870);
    padding: 0 14px;
    border-radius: 4px;
    transition: background-color cubic-bezier(.4,0,.2,1) .3s;
    background-color: var(--645976e7);
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.c-button.round[data-v-147876cf] {
    border-radius: 100px
}

.c-button.circle[data-v-147876cf] {
    border-radius: var(--09441655);
    width: var(--09441655);
    padding: 0
}

.c-button[data-v-147876cf]:not(.disabled):hover {
    background-color: var(--cea95e96)
}

.c-button[data-v-147876cf]:not(.disabled):active {
    background-color: var(--369e4b1b)
}

.c-button[data-v-147876cf]:focus {
    outline: 1px solid var(--c8f65826)
}

.c-button.disabled[data-v-147876cf] {
    opacity: .5;
    cursor: not-allowed
}

.c-input-text[data-v-c4df69f5] {
    display: inline-flex;
    flex-direction: column;
    width: 100%
}

.c-input-text.label-left[data-v-c4df69f5] {
    flex-direction: row;
    align-items: baseline
}

.c-input-text.error>.input[data-v-c4df69f5] {
    border-color: var(--1578999c)
}

.c-input-text.error>.input[data-v-c4df69f5]:hover,.c-input-text.error>.input[data-v-c4df69f5]:focus {
    border-color: var(--1578999c)
}

.c-input-text.error>.input[data-v-c4df69f5]:focus {
    background-color: var(--b18512fa)
}

.c-input-text.error .feedback[data-v-c4df69f5] {
    color: var(--1578999c)
}

.c-input-text>.label[data-v-c4df69f5] {
    margin-bottom: 5px;
    flex: 0 0 var(--15951ced);
    text-align: var(--1460862c);
    padding-right: 12px
}

.c-input-text .feedback-wrapper[data-v-c4df69f5] {
    flex: 1 1 0;
    min-width: 0
}

.c-input-text .input-wrapper[data-v-c4df69f5] {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: var(--e1b5bfd6);
    color: transparent;
    border: 1px solid var(--e9ed6052);
    border-radius: 4px;
    padding: 0 4px 0 12px;
    transition: border-color .2s ease-in-out
}

.multiline.c-input-text .input-wrapper[data-v-c4df69f5] {
    resize: vertical;
    overflow: hidden
}

.multiline.c-input-text .input-wrapper>textarea[data-v-c4df69f5] {
    height: 100%;
    resize: none;
    word-break: break-word;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    border: none;
    outline: none;
    font-family: inherit;
    font-size: inherit;
    color: var(--1728643c)
}

.multiline.c-input-text .input-wrapper>textarea[data-v-c4df69f5]::placeholder {
    color: var(--ffa9e664)
}

.c-input-text .input-wrapper>.input[data-v-c4df69f5] {
    flex: 1 1 0;
    min-width: 0;
    padding: 8px 0;
    outline: none;
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    color: var(--1728643c)
}

.c-input-text .input-wrapper>.input[data-v-c4df69f5]::placeholder {
    color: var(--ffa9e664)
}

.c-input-text .input-wrapper[data-v-c4df69f5]:hover {
    border-color: var(--ac68db28)
}

.c-input-text .input-wrapper[data-v-c4df69f5]:focus-within {
    border-color: var(--ac68db28);
    background-color: var(--0ab89a02)
}

.c-input-text.error .input-wrapper[data-v-c4df69f5] {
    border-color: var(--1578999c)
}

.c-input-text.error .input-wrapper[data-v-c4df69f5]:hover,.c-input-text.error .input-wrapper[data-v-c4df69f5]:focus-within {
    border-color: var(--1578999c)
}

.c-input-text.error .input-wrapper[data-v-c4df69f5]:focus-within {
    background-color: var(--b18512fa)
}

.c-input-text.disabled .input-wrapper[data-v-c4df69f5] {
    opacity: .5
}

.c-input-text.disabled .input-wrapper[data-v-c4df69f5]:hover,.c-input-text.disabled .input-wrapper[data-v-c4df69f5]:focus-within {
    border-color: var(--e9ed6052)
}

.c-input-text.disabled .input-wrapper>.input[data-v-c4df69f5] {
    cursor: not-allowed
}

.c-input-text[data-v-ae934b0a] {
    font-size: 18px
}

.c-input-text[data-v-ae934b0a] .input-wrapper {
    padding: 4px 4px 4px 18px
}

.c-modal--overlay[data-v-ae934b0a] {
    align-items: flex-start!important;
    padding-top: 80px
}

.c-link[data-v-affd0f5f] {
    line-height: inherit;
    font-family: inherit;
    font-size: inherit;
    border: none;
    cursor: pointer;
    text-decoration: none;
    font-weight: 400;
    color: var(--1eb0d378);
    border-radius: 4px;
    transition: color cubic-bezier(.4,0,.2,1) .3s;
    outline-offset: 1px
}

.c-link[data-v-affd0f5f]:hover {
    color: var(--7db8d4dc)
}

.c-link[data-v-affd0f5f]:active {
    color: var(--1eb0d378)
}

.c-link[data-v-affd0f5f]:focus {
    color: var(--1fc91bc5)
}

.c-select .search-input[data-v-71119859] {
    all: unset
}

.c-select .search-input[data-v-71119859]::placeholder {
    color: var(--787f8ac6)
}

.c-select .c-select-input[data-v-71119859] {
    background-color: var(--4cfa251d);
    border: 1px solid var(--2ffa18df);
    border-radius: 4px;
    padding: 0 12px;
    font-family: inherit;
    font-size: var(--bec124ac);
    height: var(--8725773e);
    transition: border-color .2s ease-in-out
}

.c-select .c-select-input .placeholder[data-v-71119859],.c-select .c-select-input .chevron[data-v-71119859] {
    color: var(--787f8ac6)
}

.c-select .c-select-dropdown[data-v-71119859] {
    background-color: var(--4cfa251d);
    border-radius: 4px;
    box-shadow: var(--c6aafd6e);
    font-family: inherit;
    font-size: inherit;
    line-height: 1;
    padding: 6px
}

.c-select .c-select-dropdown .c-select-dropdown-option[data-v-71119859] {
    border-radius: 4px;
    padding: 8px 12px;
    background-color: transparent;
    transition: background-color .2s ease-in-out
}

.c-select .c-select-dropdown .c-select-dropdown-option.active[data-v-71119859] {
    color: var(--5efae822)
}

.c-select .c-select-dropdown .c-select-dropdown-option[data-v-71119859]:hover,.c-select .c-select-dropdown .c-select-dropdown-option.hover[data-v-71119859] {
    background-color: var(--3c0befbc)
}

.dropdown-enter-active[data-v-71119859],.dropdown-leave-active[data-v-71119859] {
    transition: opacity .2s,transform .2s
}

.dropdown-enter-from[data-v-71119859],.dropdown-leave-to[data-v-71119859] {
    opacity: 0;
    transform: translateY(-10px)
}

.dropdown-enter-to[data-v-71119859],.dropdown-leave-from[data-v-71119859] {
    opacity: 1;
    transform: translateY(0)
}

.overlay[data-v-63c31e01] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    cursor: pointer
}

.content[data-v-63c31e01] .n-layout-scroll-container {
    padding: 26px
}

.n-layout[data-v-63c31e01] {
    height: 100vh
}

.n-button[data-v-4da9d297]:not(:last-child) {
    margin-right: 5px
}

.menu-icon-item[data-v-962461ab] {
    position: relative
}

.menu-icon-item .badge[data-v-962461ab] {
    position: absolute;
    background-color: var(--c9671612);
    border-radius: 10px;
    line-height: 1;
    top: 3px;
    left: -6px;
    font-size: 10px;
    height: 6px;
    width: 6px
}

.menu-wrapper[data-v-50838923] {
    display: flex;
    flex-direction: row
}

.menu-wrapper .menu[data-v-50838923] {
    flex: 1;
    margin-bottom: 5px
}

.menu-wrapper .menu[data-v-50838923] .n-menu-item-content:before {
    left: 0;
    right: 13px
}

.menu-wrapper .toggle-bar[data-v-50838923] {
    width: 24px;
    opacity: .1;
    transition: opacity ease .2s;
    position: relative;
    cursor: pointer
}

.menu-wrapper .toggle-bar[data-v-50838923]:before {
    width: 2px;
    height: 100%;
    content: " ";
    background-color: var(--2adda884);
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 14px
}

.menu-wrapper .toggle-bar[data-v-50838923]:hover {
    opacity: .5
}

.support-button[data-v-6488e27f] {
    background: #25636c;
    background: linear-gradient(48deg,#25636c 0%,#3b956f 60%,#14a058 100%);
    color: #fff!important;
    transition: padding ease .2s!important
}

.support-button[data-v-6488e27f]:hover {
    color: #fff;
    padding-left: 30px;
    padding-right: 30px
}

.footer[data-v-6488e27f] {
    text-align: center;
    color: #838587;
    margin-top: 20px;
    padding: 20px 0
}

.sider-content[data-v-6488e27f] {
    padding-top: 160px;
    padding-bottom: 200px
}

.hero-wrapper[data-v-6488e27f] {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    z-index: 10;
    overflow: hidden
}

.hero-wrapper .gradient[data-v-6488e27f] {
    margin-top: -65px
}

.hero-wrapper .text-wrapper[data-v-6488e27f] {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 16px;
    color: #fff
}

.hero-wrapper .text-wrapper .title[data-v-6488e27f] {
    font-size: 25px;
    font-weight: 600
}

.hero-wrapper .text-wrapper .divider[data-v-6488e27f] {
    width: 50px;
    height: 2px;
    border-radius: 4px;
    background-color: var(--09e441aa);
    margin: 0 auto 5px
}

.hero-wrapper .text-wrapper .subtitle[data-v-6488e27f] {
    font-size: 16px
}

.tool-content[data-v-5e9c8eb9] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 16px
}

[data-v-5e9c8eb9] .tool-content>* {
    flex: 0 1 600px
}

.tool-layout[data-v-5e9c8eb9] {
    max-width: 600px;
    margin: 0 auto;
    box-sizing: border-box
}

.tool-layout .tool-header[data-v-5e9c8eb9] {
    padding: 40px 0;
    width: 100%
}

.tool-layout .tool-header .n-h1[data-v-5e9c8eb9] {
    opacity: .9;
    font-size: 40px;
    font-weight: 400;
    margin: 0;
    line-height: 1
}

.tool-layout .tool-header .separator[data-v-5e9c8eb9] {
    width: 200px;
    height: 2px;
    background: #a1a1a1;
    opacity: .2;
    margin: 10px 0
}

.tool-layout .tool-header .description[data-v-5e9c8eb9] {
    margin: 0;
    opacity: .7
}

body {
    min-height: 100%;
    margin: 0;
    padding: 0
}

html {
    height: 100%;
    margin: 0;
    padding: 0
}

* {
    box-sizing: border-box
}

.c-card[data-v-236d2dc6] {
    background-color: var(--51386d66);
    border: 1px solid var(--1d9c24b0);
    border-radius: 4px;
    padding: 20px 24px
}

.c-card-title[data-v-236d2dc6] {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px
}

.colored-card[data-v-966d1647] {
    background: #25636c;
    background: linear-gradient(48deg,#25636c 0%,#3b956f 60%,#14a058 100%);
    color: #fff;
    border: none
}

.colored-card .icon[data-v-966d1647] {
    opacity: .7
}

.colored-card .title[data-v-966d1647] {
    color: #fff;
    margin: 5px 0
}

.colored-card .description[data-v-966d1647] {
    opacity: .8;
    margin: 5px 0
}

.colored-card .description[data-v-966d1647] a {
    color: inherit;
    text-decoration: underline;
    font-weight: 700;
    transition: color ease .2s
}

.colored-card .description[data-v-966d1647] a:hover {
    color: #141414
}

.height-enter-active[data-v-f5d12dac],.height-leave-active[data-v-f5d12dac] {
    transition: all .5s ease-in-out;
    overflow: hidden;
    max-height: 500px
}

.height-enter-from[data-v-f5d12dac],.height-leave-to[data-v-f5d12dac] {
    max-height: 42px;
    overflow: hidden;
    opacity: 0;
    margin-bottom: 0
}

.c-alert[data-v-d1c7f863] {
    background-color: var(--2d6e05b1);
    color: var(--a966dbdc);
    font-size: inherit;
    line-height: 20px
}
