.aspect-h-3 {
    --tw-aspect-h: 3
}

.aspect-w-4 {
    padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
    position: relative;
    --tw-aspect-w: 4
}

.aspect-w-4>* {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    white-space: nowrap
}

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

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

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.-inset-x-20 {
    left: -5rem;
    right: -5rem
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-y-0 {
    bottom: 0;
    top: 0
}

.-bottom-12 {
    bottom: -3rem
}

.-bottom-4 {
    bottom: -1rem
}

.-bottom-60 {
    bottom: -15rem
}

.-left-6 {
    left: -1.5rem
}

.-left-7 {
    left: -1.75rem
}

.-right-2 {
    right: -.5rem
}

.-right-\[100px\] {
    right: -100px
}

.-top-16 {
    top: -4rem
}

.-top-\[0px\] {
    top: 0
}

.-top-\[120px\] {
    top: -120px
}

.-top-\[150px\] {
    top: -150px
}

.-top-\[220px\] {
    top: -220px
}

.-top-\[250px\] {
    top: -250px
}

.-top-\[50px\] {
    top: -50px
}

.bottom-0 {
    bottom: 0
}

.bottom-16 {
    bottom: 4rem
}

.bottom-2 {
    bottom: .5rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-\[2\%\] {
    bottom: 2%
}

.bottom-\[3\%\] {
    bottom: 3%
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.left-1\/3 {
    left: 33.333333%
}

.left-12 {
    left: 3rem
}

.left-3\/4 {
    left: 75%
}

.left-4 {
    left: 1rem
}

.left-5 {
    left: 1.25rem
}

.left-6 {
    left: 1.5rem
}

.left-8 {
    left: 2rem
}

.left-\[-6\%\] {
    left: -6%
}

.left-\[10\%\] {
    left: 10%
}

.left-\[122px\] {
    left: 122px
}

.left-\[180px\] {
    left: 180px
}

.left-\[20\%\] {
    left: 20%
}

.left-\[220px\] {
    left: 220px
}

.left-\[30\%\] {
    left: 30%
}

.left-\[330px\] {
    left: 330px
}

.left-\[390px\] {
    left: 390px
}

.left-\[40\%\] {
    left: 40%
}

.left-\[400px\] {
    left: 400px
}

.left-\[50\%\] {
    left: 50%
}

.left-\[510px\] {
    left: 510px
}

.left-\[560px\] {
    left: 560px
}

.left-\[60\%\] {
    left: 60%
}

.left-\[65\%\] {
    left: 65%
}

.left-\[660px\] {
    left: 660px
}

.left-\[760px\] {
    left: 760px
}

.left-\[80\%\] {
    left: 80%
}

.left-\[840px\] {
    left: 840px
}

.left-\[880px\] {
    left: 880px
}

.left-\[960px\] {
    left: 960px
}

.right-0 {
    right: 0
}

.right-1\/2 {
    right: 50%
}

.right-10 {
    right: 2.5rem
}

.right-16 {
    right: 4rem
}

.right-2 {
    right: .5rem
}

.right-4 {
    right: 1rem
}

.right-\[-8\%\] {
    right: -8%
}

.right-\[20\%\] {
    right: 20%
}

.right-\[400px\] {
    right: 400px
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-1\/3 {
    top: 33.333333%
}

.top-1\/4 {
    top: 25%
}

.top-10 {
    top: 2.5rem
}

.top-11 {
    top: 2.75rem
}

.top-2 {
    top: .5rem
}

.top-20 {
    top: 5rem
}

.top-24 {
    top: 6rem
}

.top-3\/4 {
    top: 75%
}

.top-4 {
    top: 1rem
}

.top-8 {
    top: 2rem
}

.top-\[-10\%\] {
    top: -10%
}

.top-\[-34\%\] {
    top: -34%
}

.top-\[100px\] {
    top: 100px
}

.top-\[110px\] {
    top: 110px
}

.top-\[130px\] {
    top: 130px
}

.top-\[150px\] {
    top: 150px
}

.top-\[152px\] {
    top: 152px
}

.top-\[188px\] {
    top: 188px
}

.top-\[20\%\] {
    top: 20%
}

.top-\[200px\] {
    top: 200px
}

.top-\[30\%\] {
    top: 30%
}

.top-\[40\%\] {
    top: 40%
}

.top-\[45\%\] {
    top: 45%
}

.top-\[50\%\] {
    top: 50%
}

.top-\[640px\] {
    top: 640px
}

.isolate {
    isolation: isolate
}

.-z-max {
    z-index: -2147483647
}

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-max {
    z-index: 2147483647
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.col-span-2 {
    grid-column: span 2/span 2
}

.row-span-2 {
    grid-row: span 2/span 2
}

.m-2 {
    margin: .5rem
}

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

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

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

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

.mx-8 {
    margin-left: 2rem;
    margin-right: 2rem
}

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

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

.my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem
}

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

.my-20 {
    margin-bottom: 5rem;
    margin-top: 5rem
}

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

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

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

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

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

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

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

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

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

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

.mb-20 {
    margin-bottom: 5rem
}

.mb-24 {
    margin-bottom: 6rem
}

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

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

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

.mb-\[-10\%\] {
    margin-bottom: -10%
}

.mb-\[-6\%\] {
    margin-bottom: -6%
}

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

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

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

.mr-20 {
    margin-right: 5rem
}

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

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

.mr-6 {
    margin-right: 1.5rem
}

.mr-8 {
    margin-right: 2rem
}

.mt-0\.5 {
    margin-top: .125rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.\!block {
    display: block !important
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.flow-root {
    display: flow-root
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-1 {
    aspect-ratio: 1
}

.aspect-\[3\/1\] {
    aspect-ratio: 3/1
}

.aspect-\[4\/3\] {
    aspect-ratio: 4/3
}

.h-0\.5 {
    height: .125rem
}

.h-1\.5 {
    height: .375rem
}

.h-1\/2 {
    height: 50%
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-13 {
    height: 3.25rem
}

.h-16 {
    height: 4rem
}

.h-18 {
    height: 4.5rem
}

.h-2 {
    height: .5rem
}

.h-20 {
    height: 5rem
}

.h-28 {
    height: 7rem
}

.h-3 {
    height: .75rem
}

.h-32 {
    height: 8rem
}

.h-4 {
    height: 1rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-80 {
    height: 20rem
}

.h-9 {
    height: 2.25rem
}

.h-\[120px\] {
    height: 120px
}

.h-\[134px\] {
    height: 134px
}

.h-\[193px\] {
    height: 193px
}

.h-\[1px\] {
    height: 1px
}

.h-\[250px\] {
    height: 250px
}

.h-\[300px\] {
    height: 300px
}

.h-\[30px\] {
    height: 30px
}

.h-\[320px\] {
    height: 320px
}

.h-\[32px\] {
    height: 32px
}

.h-\[480px\] {
    height: 480px
}

.h-\[60px\] {
    height: 60px
}

.h-\[620px\] {
    height: 620px
}

.h-\[654px\] {
    height: 654px
}

.h-\[65px\] {
    height: 65px
}

.h-\[720px\] {
    height: 720px
}

.h-full {
    height: 100%
}

.max-h-\[360px\] {
    max-height: 360px
}

.max-h-\[44rem\] {
    max-height: 44rem
}

.max-h-\[500px\] {
    max-height: 500px
}

.min-h-\[120px\] {
    min-height: 120px
}

.min-h-\[1700px\] {
    min-height: 1700px
}

.min-h-\[480px\] {
    min-height: 480px
}

.min-h-\[500px\] {
    min-height: 500px
}

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

.\!w-12 {
    width: 3rem !important
}

.w-1\.5 {
    width: .375rem
}

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

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-13 {
    width: 3.25rem
}

.w-16 {
    width: 4rem
}

.w-18 {
    width: 4.5rem
}

.w-2 {
    width: .5rem
}

.w-2\.5 {
    width: .625rem
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-28 {
    width: 7rem
}

.w-3 {
    width: .75rem
}

.w-3\/4 {
    width: 75%
}

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

.w-32 {
    width: 8rem
}

.w-4 {
    width: 1rem
}

.w-40 {
    width: 10rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-72 {
    width: 18rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-96 {
    width: 24rem
}

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

.w-\[1024px\] {
    width: 1024px
}

.w-\[120px\] {
    width: 120px
}

.w-\[20\%\] {
    width: 20%
}

.w-\[228px\] {
    width: 228px
}

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

.w-\[280px\] {
    width: 280px
}

.w-\[286px\] {
    width: 286px
}

.w-\[300px\] {
    width: 300px
}

.w-\[30px\] {
    width: 30px
}

.w-\[320px\] {
    width: 320px
}

.w-\[350px\] {
    width: 350px
}

.w-\[426px\] {
    width: 426px
}

.w-\[58px\] {
    width: 58px
}

.w-\[70px\] {
    width: 70px
}

.w-\[92\%\] {
    width: 92%
}

.w-auto {
    width: auto
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

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

.min-w-32 {
    min-width: 8rem
}

.min-w-\[144px\] {
    min-width: 144px
}

.min-w-\[50px\] {
    min-width: 50px
}

.min-w-\[68px\] {
    min-width: 68px
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-5xl {
    max-width: 64rem
}

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

.max-w-7xl {
    max-width: 80rem
}

.max-w-\[200px\] {
    max-width: 200px
}

.max-w-\[710px\] {
    max-width: 710px
}

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

.max-w-md {
    max-width: 28rem
}

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

.flex-1 {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.flex-none {
    flex: none
}

.shrink-0 {
    flex-shrink: 0
}

.flex-grow {
    flex-grow: 1
}

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

.origin-bottom-left {
    transform-origin: bottom left
}

.origin-bottom-right {
    transform-origin: bottom right
}

.origin-top {
    transform-origin: top
}

.origin-top-left {
    transform-origin: top left
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-x-1\/4 {
    transform: translate(var(--tw-translate-x), 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))
}

.-translate-x-1\/4 {
    --tw-translate-x: -25%
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-1\/2,
.-translate-y-1\/3 {
    transform: translate(var(--tw-translate-x), 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))
}

.-translate-y-1\/3 {
    --tw-translate-y: -33.333333%
}

.-translate-y-6 {
    --tw-translate-y: -1.5rem
}

.-translate-y-6,
.translate-x-1\/2 {
    transform: translate(var(--tw-translate-x), 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))
}

.translate-x-1\/2 {
    --tw-translate-x: 50%
}

.translate-x-\[-1px\] {
    --tw-translate-x: -1px
}

.translate-x-\[-1px\],
.translate-x-\[27px\] {
    transform: translate(var(--tw-translate-x), 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))
}

.translate-x-\[27px\] {
    --tw-translate-x: 27px
}

.translate-y-0 {
    --tw-translate-y: 0px
}

.translate-y-0,
.translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), 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))
}

.translate-y-1\/2 {
    --tw-translate-y: 50%
}

.translate-y-\[-10px\] {
    --tw-translate-y: -10px
}

.-rotate-180,
.translate-y-\[-10px\] {
    transform: translate(var(--tw-translate-x), 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))
}

.-rotate-180 {
    --tw-rotate: -180deg
}

.-rotate-90 {
    --tw-rotate: -90deg
}

.-rotate-90,
.rotate-0 {
    transform: translate(var(--tw-translate-x), 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))
}

.rotate-0 {
    --tw-rotate: 0deg
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-180,
.rotate-3 {
    transform: translate(var(--tw-translate-x), 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))
}

.rotate-3 {
    --tw-rotate: 3deg
}

.rotate-45 {
    --tw-rotate: 45deg
}

.rotate-45,
.rotate-6 {
    transform: translate(var(--tw-translate-x), 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))
}

.rotate-6 {
    --tw-rotate: 6deg
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-100,
.scale-125 {
    transform: translate(var(--tw-translate-x), 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))
}

.scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25
}

.scale-50 {
    --tw-scale-x: .5;
    --tw-scale-y: .5
}

.scale-50,
.scale-75 {
    transform: translate(var(--tw-translate-x), 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))
}

.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.scale-90 {
    --tw-scale-x: .9;
    --tw-scale-y: .9
}

.scale-90,
.scale-95 {
    transform: translate(var(--tw-translate-x), 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))
}

.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.scale-\[25\%\] {
    --tw-scale-x: 25%;
    --tw-scale-y: 25%
}

.scale-\[25\%\],
.transform {
    transform: translate(var(--tw-translate-x), 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))
}

@keyframes fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate-fade {
    animation: fade var(--tw-animate-duration, 1s) var(--tw-animate-easing, ease) var(--tw-animate-delay, 0s) var(--tw-animate-iteration, 1) var(--tw-animate-fill, both)
}

.cursor-\[url\(\~\/assets\/images\/cursor_edit\.svg\)\2c _default\] {
    cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='36' fill='none' viewBox='0 0 33 36'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%23964DFF' d='M18.5 29 16 16l11 6.5-5.5 1.5z'/%3E%3Cpath stroke='%23fff' stroke-linecap='square' d='m16.254 15.57-.954-.565.209 1.09 2.5 13 .247 1.284.673-1.122 2.896-4.828 5.307-1.447 1.14-.31-1.018-.602z'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='20.946' height='23.747' x='11.599' y='12.011' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_10428_13536'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_10428_13536' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"), default
}

.cursor-default {
    cursor: default
}

.cursor-grab {
    cursor: grab
}

.cursor-pointer {
    cursor: pointer
}

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

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr))
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

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

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

.items-center {
    align-items: center
}

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

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

.justify-center {
    justify-content: center
}

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

.\!gap-16 {
    gap: 4rem !important
}

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

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-16 {
    gap: 4rem
}

.gap-2 {
    gap: .5rem
}

.gap-20 {
    gap: 5rem
}

.gap-4 {
    gap: 1rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-\[3px\] {
    gap: 3px
}

.gap-x-0 {
    -moz-column-gap: 0;
    column-gap: 0
}

.gap-x-0\.5 {
    -moz-column-gap: .125rem;
    column-gap: .125rem
}

.gap-x-1 {
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-4 {
    row-gap: 1rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.gap-y-8 {
    row-gap: 2rem
}

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

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

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

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

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

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

.overflow-hidden {
    overflow: hidden
}

.overflow-clip {
    overflow: clip
}

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

.overflow-x-clip {
    overflow-x: clip
}

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

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

.whitespace-pre {
    white-space: pre
}

.whitespace-pre-line {
    white-space: pre-line
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.rounded {
    border-radius: .25rem
}

.rounded-10 {
    border-radius: 10px
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-\[34px\] {
    border-radius: 34px
}

.rounded-\[50px\] {
    border-radius: 50px
}

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

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

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

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-2xl {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.rounded-b-\[34px\] {
    border-bottom-left-radius: 34px;
    border-bottom-right-radius: 34px
}

.rounded-l-full {
    border-bottom-left-radius: 9999px;
    border-top-left-radius: 9999px
}

.rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.rounded-bl-xl {
    border-bottom-left-radius: .75rem
}

.rounded-tr-xl {
    border-top-right-radius: .75rem
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

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

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

.border-\[1px\] {
    border-width: 1px
}

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

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

.border-l {
    border-left-width: 1px
}

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

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

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.\!border-none {
    border-style: none !important
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1))
}

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

.border-primary-light-hover {
    border-color: var(--primary-200)
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

.border-white\/15 {
    border-color: hsla(0, 0%, 100%, .15)
}

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

.border-opacity-\[3\%\] {
    --tw-border-opacity: 3%
}

.bg-\[\#0d1420\] {
    --tw-bg-opacity: 1;
    background-color: rgb(13 20 32/var(--tw-bg-opacity, 1))
}

.bg-\[\#1EB17D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(30 177 125/var(--tw-bg-opacity, 1))
}

.bg-\[\#4AA8FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(74 168 255/var(--tw-bg-opacity, 1))
}

.bg-\[\#4fbc48\] {
    --tw-bg-opacity: 1;
    background-color: rgb(79 188 72/var(--tw-bg-opacity, 1))
}

.bg-\[\#964DFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(150 77 255/var(--tw-bg-opacity, 1))
}

.bg-\[\#9A47FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(154 71 255/var(--tw-bg-opacity, 1))
}

.bg-\[\#E88B6E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(232 139 110/var(--tw-bg-opacity, 1))
}

.bg-\[\#f06050\] {
    --tw-bg-opacity: 1;
    background-color: rgb(240 96 80/var(--tw-bg-opacity, 1))
}

.bg-\[\#f7b63e\] {
    --tw-bg-opacity: 1;
    background-color: rgb(247 182 62/var(--tw-bg-opacity, 1))
}

.bg-amber-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 158 11/var(--tw-bg-opacity, 1))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.bg-brand-yellow {
    background-color: var(--brand-yellow)
}

.bg-fill-0 {
    background-color: var(--fill-0)
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94/var(--tw-bg-opacity, 1))
}

.bg-grey-100 {
    background-color: var(--grey-100)
}

.bg-grey-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(204 202 204/var(--tw-bg-opacity, 1))
}

.bg-grey-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(170 166 170/var(--tw-bg-opacity, 1))
}

.bg-neutral-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(23 23 23/var(--tw-bg-opacity, 1))
}

.bg-orange-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 115 22/var(--tw-bg-opacity, 1))
}

.bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 72 153/var(--tw-bg-opacity, 1))
}

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

.bg-primary-light {
    background-color: var(--primary-100)
}

.bg-primary-light-hover {
    background-color: var(--primary-200)
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226/var(--tw-bg-opacity, 1))
}

.bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity, 1))
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
}

.bg-sky-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(14 165 233/var(--tw-bg-opacity, 1))
}

.bg-surface0 {
    background-color: var(--bg-surface-0)
}

.bg-surface1 {
    background-color: var(--bg-surface-1)
}

.bg-surface2 {
    background-color: var(--bg-surface-2)
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-white\/50 {
    background-color: hsla(0, 0%, 100%, .5)
}

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

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

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

.bg-opacity-40 {
    --tw-bg-opacity: 0.4
}

.bg-opacity-5 {
    --tw-bg-opacity: 0.05
}

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

.bg-opacity-80 {
    --tw-bg-opacity: 0.8
}

.bg-opacity-\[1\%\] {
    --tw-bg-opacity: 1%
}

.bg-opacity-\[2\%\] {
    --tw-bg-opacity: 2%
}

.bg-\[url\(\'\/assets\/images\/bg_dot\.svg\'\)\] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='2' fill='%23DFC9FF'/%3E%3C/svg%3E")
}
      
.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.from-\[\#CD55E6\] {
    --tw-gradient-from: #cd55e6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(205, 85, 230, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#E3C3FC\] {
    --tw-gradient-from: #e3c3fc var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(227, 195, 252, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-black\/0 {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-black\/10 {
    --tw-gradient-from: rgba(0, 0, 0, .1) var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary-light {
    --tw-gradient-from: var(--primary-100) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-blue-grey-500 {
    --tw-gradient-to: rgba(25, 25, 75, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #19194b var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-brand-purple {
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--brand-purple) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-primary-light {
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--primary-100) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-50\% {
    --tw-gradient-via-position: 50%
}

.to-\[\#791EC0\] {
    --tw-gradient-to: #791ec0 var(--tw-gradient-to-position)
}

.to-\[\#CD55E6\] {
    --tw-gradient-to: #cd55e6 var(--tw-gradient-to-position)
}

.to-black\/10 {
    --tw-gradient-to: rgba(0, 0, 0, .1) var(--tw-gradient-to-position)
}

.to-black\/25 {
    --tw-gradient-to: rgba(0, 0, 0, .25) var(--tw-gradient-to-position)
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.bg-cover {
    background-size: cover
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-center {
    background-position: 50%
}

.bg-right {
    background-position: 100%
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-blue-grey {
    fill: var(--bluegrey-500)
}

.fill-blue-grey-500 {
    fill: #19194b
}

.fill-font-primary {
    fill: var(--font-primary)
}

.fill-font-secondary {
    fill: var(--font-secondary)
}

.fill-font-tertiary {
    fill: var(--font-tertiary)
}

.fill-green-500 {
    fill: #22c55e
}

.fill-grey {
    fill: #4b464b
}

.fill-grey-200 {
    fill: #cccacc
}

.fill-grey-300 {
    fill: #aaa6aa
}

.fill-grey-400 {
    fill: #797679
}

.fill-primary {
    fill: var(--primary-400)
}

.fill-white {
    fill: #fff
}

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

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

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

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

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

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

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

.px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
}

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

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

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

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

.py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

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

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

.py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

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

.py-2\.5 {
    padding-bottom: .625rem;
    padding-top: .625rem
}

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

.py-24 {
    padding-bottom: 6rem;
    padding-top: 6rem
}

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

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

.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

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

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-24 {
    padding-bottom: 6rem
}

.pb-3 {
    padding-bottom: .75rem
}

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

.pb-5 {
    padding-bottom: 1.25rem
}

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

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

.pl-1 {
    padding-left: .25rem
}

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

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

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

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

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

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

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

.pt-10 {
    padding-top: 2.5rem
}

.pt-16 {
    padding-top: 4rem
}

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

.pt-20 {
    padding-top: 5rem
}

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

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

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

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

.pt-\[7\%\] {
    padding-top: 7%
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-middle {
    vertical-align: middle
}

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

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

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-6xl {
    font-size: 3.75rem;
    line-height: 1
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

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

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

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

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

.font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.\!leading-6 {
    line-height: 1.5rem !important
}

.leading-10 {
    line-height: 2.5rem
}

.leading-4 {
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-7 {
    line-height: 1.75rem
}

.leading-8 {
    line-height: 2rem
}

.leading-9 {
    line-height: 2.25rem
}

.leading-\[1\.8\] {
    line-height: 1.8
}

.leading-\[52px\] {
    line-height: 52px
}

.leading-normal {
    line-height: 1.5
}

.leading-relaxed {
    line-height: 1.625
}

.tracking-tight {
    letter-spacing: -.025em
}

.\!text-\[\#1EB17D\] {
    --tw-text-opacity: 1 !important;
    color: rgb(30 177 125/var(--tw-text-opacity, 1)) !important
}

.\!text-\[\#4AA8FF\] {
    --tw-text-opacity: 1 !important;
    color: rgb(74 168 255/var(--tw-text-opacity, 1)) !important
}

.\!text-\[\#E88B6E\] {
    --tw-text-opacity: 1 !important;
    color: rgb(232 139 110/var(--tw-text-opacity, 1)) !important
}

.\!text-font-secondary {
    color: var(--font-secondary) !important
}

.\!text-primary {
    color: var(--primary-400) !important
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity, 1))
}

.text-blue-grey-500\/50 {
    color: rgba(25, 25, 75, .5)
}

.text-brand-yellow {
    color: var(--brand-yellow)
}

.text-danger {
    color: var(--red-400)
}

.text-font-fourth {
    color: var(--font-fourth)
}

.text-font-primary {
    color: var(--font-primary)
}

.text-font-secondary {
    color: var(--font-secondary)
}

.text-font-tertiary {
    color: var(--font-tertiary)
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94/var(--tw-text-opacity, 1))
}

.text-grey {
    --tw-text-opacity: 1;
    color: rgb(75 70 75/var(--tw-text-opacity, 1))
}

.text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(249 115 22/var(--tw-text-opacity, 1))
}

.text-primary {
    color: var(--primary-400)
}

.text-primary-active {
    color: var(--primary-500)
}

.text-primary-light {
    color: var(--primary-100)
}

.text-primary-light-hover {
    color: var(--primary-200)
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.text-white\/50 {
    color: hsla(0, 0%, 100%, .5)
}

.underline {
    text-decoration-line: underline
}

.no-underline {
    text-decoration-line: none
}

.decoration-primary {
    text-decoration-color: var(--primary-400)
}

.decoration-dashed {
    text-decoration-style: dashed
}

.decoration-2 {
    text-decoration-thickness: 2px
}

.underline-offset-4 {
    text-underline-offset: 4px
}

.placeholder-font-tertiary::-moz-placeholder {
    color: var(--font-tertiary)
}

.placeholder-font-tertiary::placeholder {
    color: var(--font-tertiary)
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-50 {
    opacity: .5
}

.opacity-95 {
    opacity: .95
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_20px_60px_-15px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
    --tw-shadow: 0 20px 60px -15px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 60px -15px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_20px_60px_-15px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
    --tw-shadow: 0 20px 60px -15px rgba(0, 0, 0, .3);
    --tw-shadow-colored: 0 20px 60px -15px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[17px_36px_53px_0px_rgba\(95\2c 13\2c 214\2c 0\)\] {
    --tw-shadow: 17px 36px 53px 0px rgba(95, 13, 214, 0);
    --tw-shadow-colored: 17px 36px 53px 0px var(--tw-shadow-color)
}

.shadow-\[17px_36px_53px_0px_rgba\(95\2c 13\2c 214\2c 0\)\],
.shadow-inner {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-lg,
.shadow-md {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

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

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
}

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

.outline {
    outline-style: solid
}

.outline-offset-4 {
    outline-offset: 4px
}

.ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-0,
.ring-1 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\] {
    --tw-ring-color: hsla(0, 0%, 100%, .08)
}

.ring-grey-100 {
    --tw-ring-color: var(--grey-100)
}

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

.blur,
.blur-\[300px\] {
    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)
}

.blur-\[300px\] {
    --tw-blur: blur(300px)
}

.brightness-100 {
    --tw-brightness: brightness(1)
}

.brightness-100,
.brightness-90 {
    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)
}

.brightness-90 {
    --tw-brightness: brightness(.9)
}

.drop-shadow-\[0px_12px_14px_rgba\(24\2c 24\2c 64\2c 0\.08\)\] {
    --tw-drop-shadow: drop-shadow(0px 12px 14px rgba(24, 24, 64, .08))
}

.drop-shadow-\[0px_12px_14px_rgba\(24\2c 24\2c 64\2c 0\.08\)\],
.drop-shadow-\[0px_12px_14px_rgba\(95\2c 13\2c 214\2c 0\.15\)\] {
    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)
}

.drop-shadow-\[0px_12px_14px_rgba\(95\2c 13\2c 214\2c 0\.15\)\] {
    --tw-drop-shadow: drop-shadow(0px 12px 14px rgba(95, 13, 214, .15))
}

.drop-shadow-\[0px_12px_30px_rgba\(95\2c 13\2c 214\2c 0\.30\)\] {
    --tw-drop-shadow: drop-shadow(0px 12px 30px rgba(95, 13, 214, .3))
}

.drop-shadow-\[0px_12px_30px_rgba\(95\2c 13\2c 214\2c 0\.30\)\],
.drop-shadow-\[0px_20px_50px_rgba\(95\2c 13\2c 214\2c 0\.10\)\] {
    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)
}

.drop-shadow-\[0px_20px_50px_rgba\(95\2c 13\2c 214\2c 0\.10\)\] {
    --tw-drop-shadow: drop-shadow(0px 20px 50px rgba(95, 13, 214, .1))
}

.drop-shadow-\[12px_12px_14px_rgba\(95\2c 13\2c 214\2c 0\.20\)\] {
    --tw-drop-shadow: drop-shadow(12px 12px 14px rgba(95, 13, 214, .2))
}

.drop-shadow-\[12px_12px_14px_rgba\(95\2c 13\2c 214\2c 0\.20\)\],
.drop-shadow-\[12px_12px_14px_rgba\(95\2c 13\2c 214\2c 0\.30\)\] {
    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)
}

.drop-shadow-\[12px_12px_14px_rgba\(95\2c 13\2c 214\2c 0\.30\)\] {
    --tw-drop-shadow: drop-shadow(12px 12px 14px rgba(95, 13, 214, .3))
}

.drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, .04)) drop-shadow(0 4px 3px rgba(0, 0, 0, .1))
}

.drop-shadow-lg,
.drop-shadow-md {
    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)
}

.drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06))
}

.drop-shadow-sm {
    --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0, 0, 0, .05))
}

.drop-shadow-sm,
.drop-shadow-xl {
    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)
}

.drop-shadow-xl {
    --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, .03)) drop-shadow(0 8px 5px rgba(0, 0, 0, .08))
}

.filter {
    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)
}

.backdrop-blur-2xl {
    --tw-backdrop-blur: blur(40px)
}

.backdrop-blur-2xl,
.backdrop-blur-lg {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px)
}

.backdrop-saturate-150 {
    --tw-backdrop-saturate: saturate(1.5)
}

.backdrop-filter,
.backdrop-saturate-150 {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

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

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

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

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

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

.duration-100 {
    transition-duration: .1s
}

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

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

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

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

.duration-75 {
    transition-duration: 75ms
}

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

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

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

.animate-duration-500 {
    --tw-animate-duration: 500ms;
    animation-duration: var(--tw-animate-duration)
}

.animate-once {
    --tw-animate-iteration: 1;
    animation-iteration-count: var(--tw-animate-iteration)
}

.dark\:prose-invert:is(.dark *) {
    --tw-prose-body: var(--tw-prose-invert-body);
    --tw-prose-headings: var(--tw-prose-invert-headings);
    --tw-prose-lead: var(--tw-prose-invert-lead);
    --tw-prose-links: var(--tw-prose-invert-links);
    --tw-prose-bold: var(--tw-prose-invert-bold);
    --tw-prose-counters: var(--tw-prose-invert-counters);
    --tw-prose-bullets: var(--tw-prose-invert-bullets);
    --tw-prose-hr: var(--tw-prose-invert-hr);
    --tw-prose-quotes: var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
    --tw-prose-captions: var(--tw-prose-invert-captions);
    --tw-prose-kbd: var(--tw-prose-invert-kbd);
    --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
    --tw-prose-code: var(--tw-prose-invert-code);
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders)
}

@media (min-width:1024px) {
    .lg\:prose-lg {
        font-size: 1.125rem;
        line-height: 1.7777778
    }

    .lg\:prose-lg :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.3333333em;
        margin-top: 1.3333333em
    }

    .lg\:prose-lg :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 1.2222222em;
        line-height: 1.4545455;
        margin-bottom: 1.0909091em;
        margin-top: 1.0909091em
    }

    .lg\:prose-lg :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.6666667em;
        margin-top: 1.6666667em;
        padding-inline-start: 1em
    }

    .lg\:prose-lg :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 2.6666667em;
        line-height: 1;
        margin-bottom: .8333333em;
        margin-top: 0
    }

    .lg\:prose-lg :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 1.6666667em;
        line-height: 1.3333333;
        margin-bottom: 1.0666667em;
        margin-top: 1.8666667em
    }

    .lg\:prose-lg :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 1.3333333em;
        line-height: 1.5;
        margin-bottom: .6666667em;
        margin-top: 1.6666667em
    }

    .lg\:prose-lg :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
        line-height: 1.5555556;
        margin-bottom: .4444444em;
        margin-top: 1.7777778em
    }

    .lg\:prose-lg :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.7777778em;
        margin-top: 1.7777778em
    }

    .lg\:prose-lg :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.7777778em;
        margin-top: 1.7777778em
    }

    .lg\:prose-lg :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0;
        margin-top: 0
    }

    .lg\:prose-lg :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.7777778em;
        margin-top: 1.7777778em
    }

    .lg\:prose-lg :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-radius: .3125rem;
        font-size: .8888889em;
        padding-inline-end: .4444444em;
        padding-bottom: .2222222em;
        padding-top: .2222222em;
        padding-inline-start: .4444444em
    }

    .lg\:prose-lg :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8888889em
    }

    .lg\:prose-lg :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8666667em
    }

    .lg\:prose-lg :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .875em
    }

    .lg\:prose-lg :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-radius: .375rem;
        font-size: .8888889em;
        line-height: 1.75;
        margin-bottom: 2em;
        margin-top: 2em;
        padding-inline-end: 1.5em;
        padding-bottom: 1em;
        padding-top: 1em;
        padding-inline-start: 1.5em
    }

    .lg\:prose-lg :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.3333333em;
        margin-top: 1.3333333em;
        padding-inline-start: 1.5555556em
    }

    .lg\:prose-lg :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.3333333em;
        margin-top: 1.3333333em;
        padding-inline-start: 1.5555556em
    }

    .lg\:prose-lg :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .6666667em;
        margin-top: .6666667em
    }

    .lg\:prose-lg :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: .4444444em
    }

    .lg\:prose-lg :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: .4444444em
    }

    .lg\:prose-lg :where(.lg\:prose-lg>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .8888889em;
        margin-top: .8888889em
    }

    .lg\:prose-lg :where(.lg\:prose-lg>ul>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.3333333em
    }

    .lg\:prose-lg :where(.lg\:prose-lg>ul>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.3333333em
    }

    .lg\:prose-lg :where(.lg\:prose-lg>ol>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.3333333em
    }

    .lg\:prose-lg :where(.lg\:prose-lg>ol>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.3333333em
    }

    .lg\:prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .8888889em;
        margin-top: .8888889em
    }

    .lg\:prose-lg :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.3333333em;
        margin-top: 1.3333333em
    }

    .lg\:prose-lg :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.3333333em
    }

    .lg\:prose-lg :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: .6666667em;
        padding-inline-start: 1.5555556em
    }

    .lg\:prose-lg :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 3.1111111em;
        margin-top: 3.1111111em
    }

    .lg\:prose-lg :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .lg\:prose-lg :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .lg\:prose-lg :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .lg\:prose-lg :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .lg\:prose-lg :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8888889em;
        line-height: 1.5
    }

    .lg\:prose-lg :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: .75em;
        padding-bottom: .75em;
        padding-inline-start: .75em
    }

    .lg\:prose-lg :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: 0
    }

    .lg\:prose-lg :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 0
    }

    .lg\:prose-lg :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: .75em;
        padding-bottom: .75em;
        padding-top: .75em;
        padding-inline-start: .75em
    }

    .lg\:prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: 0
    }

    .lg\:prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 0
    }

    .lg\:prose-lg :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.7777778em;
        margin-top: 1.7777778em
    }

    .lg\:prose-lg :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0;
        margin-top: 0
    }

    .lg\:prose-lg :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8888889em;
        line-height: 1.5;
        margin-top: 1em
    }

    .lg\:prose-lg :where(.lg\:prose-lg>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .lg\:prose-lg :where(.lg\:prose-lg>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0
    }
}

.placeholder\:text-font-tertiary::-moz-placeholder {
    color: var(--font-tertiary)
}

.placeholder\:text-font-tertiary::placeholder {
    color: var(--font-tertiary)
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), 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))
}

.hover\:border-hover:hover {
    border-color: var(--border-hover)
}

.hover\:border-primary:hover {
    border-color: var(--primary-400)
}

.hover\:\!bg-\[\#850be9\]\/\[5\%\]:hover {
    background-color: rgb(133 11 233/5%) !important
}

.hover\:bg-fill-0:hover {
    background-color: var(--fill-0)
}

.hover\:bg-grey-100:hover {
    background-color: var(--grey-100)
}

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

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

.hover\:bg-primary-light:hover {
    background-color: var(--primary-100)
}

.hover\:bg-primary-light-hover:hover {
    background-color: var(--primary-200)
}

.hover\:bg-surface2:hover {
    background-color: var(--bg-surface-2)
}

.hover\:bg-white\/15:hover {
    background-color: hsla(0, 0%, 100%, .15)
}

.hover\:fill-font-primary:hover {
    fill: var(--font-primary)
}

.hover\:text-font-primary:hover {
    color: var(--font-primary)
}

.hover\:text-green-400:hover {
    --tw-text-opacity: 1;
    color: rgb(74 222 128/var(--tw-text-opacity, 1))
}

.hover\:text-primary:hover {
    color: var(--primary-400)
}

.hover\:text-primary-active:hover,
.hover\:text-primary-hover:hover {
    color: var(--primary-500)
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.hover\:shadow-md:hover,
.hover\:shadow-xl:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
}

.hover\:ring-2:hover {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.hover\:ring-grey-200:hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(204 202 204/var(--tw-ring-opacity, 1))
}

.hover\:ring-primary:hover {
    --tw-ring-color: var(--primary-400)
}

.hover\:ring-offset-2:hover {
    --tw-ring-offset-width: 2px
}

.hover\:brightness-95:hover {
    --tw-brightness: brightness(.95)
}

.hover\:brightness-95:hover,
.hover\:drop-shadow-\[0px_20px_50px_rgba\(95\2c 13\2c 214\2c 0\.15\)\]:hover {
    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)
}

.hover\:drop-shadow-\[0px_20px_50px_rgba\(95\2c 13\2c 214\2c 0\.15\)\]:hover {
    --tw-drop-shadow: drop-shadow(0px 20px 50px rgba(95, 13, 214, .15))
}

.hover\:drop-shadow-\[20px_20px_24px_rgba\(95\2c 13\2c 214\2c 0\.25\)\]:hover {
    --tw-drop-shadow: drop-shadow(20px 20px 24px rgba(95, 13, 214, .25));
    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)
}

.focus\:bg-grey-100:focus {
    background-color: var(--grey-100)
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-primary:focus {
    --tw-ring-color: var(--primary-400)
}

.focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}

.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
}

.focus-visible\:outline-primary:focus-visible {
    outline-color: var(--primary-400)
}

.active\:scale-95:active {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), 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))
}

.group:hover .group-hover\:ml-0\.5 {
    margin-left: .125rem
}

.group:hover .group-hover\:text-font-primary {
    color: var(--font-primary)
}

.group:hover .group-hover\:text-primary {
    color: var(--primary-400)
}

.prose-img\:mx-auto :is(:where(img):not(:where([class~=not-prose], [class~=not-prose] *))) {
    margin-left: auto;
    margin-right: auto
}

.prose-img\:hidden :is(:where(img):not(:where([class~=not-prose], [class~=not-prose] *))) {
    display: none
}

.prose-img\:rounded-lg :is(:where(img):not(:where([class~=not-prose], [class~=not-prose] *))) {
    border-radius: .5rem
}

.dark\:border:is(.dark *) {
    border-width: 1px
}

.dark\:border-none:is(.dark *) {
    border-style: none
}

.dark\:border-grey-500:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(75 70 75/var(--tw-border-opacity, 1))
}

.dark\:bg-\[\#0B0517\]:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(11 5 23/var(--tw-bg-opacity, 1))
}

.dark\:bg-\[\#F7F2FF\]:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(247 242 255/var(--tw-bg-opacity, 1))
}

.dark\:bg-black:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.dark\:bg-grey-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(121 118 121/var(--tw-bg-opacity, 1))
}

.dark\:bg-grey-500:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(75 70 75/var(--tw-bg-opacity, 1))
}

.dark\:bg-red-950:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(69 10 10/var(--tw-bg-opacity, 1))
}

.dark\:bg-surface0:is(.dark *) {
    background-color: var(--bg-surface-0)
}

.dark\:bg-surface1:is(.dark *) {
    background-color: var(--bg-surface-1)
}

.dark\:bg-surface2:is(.dark *) {
    background-color: var(--bg-surface-2)
}

.dark\:bg-white\/5:is(.dark *) {
    background-color: hsla(0, 0%, 100%, .05)
}

.dark\:bg-opacity-25:is(.dark *) {
    --tw-bg-opacity: 0.25
}

.dark\:bg-opacity-70:is(.dark *) {
    --tw-bg-opacity: 0.7
}

.dark\:bg-\[url\(\'\/assets\/images\/bg_dot_dark\.svg\'\)\]:is(.dark *) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='2' fill='%23342A3F'/%3E%3C/svg%3E")
}
 

.dark\:from-\[\#0d0a16\]:is(.dark *) {
    --tw-gradient-from: #0d0a16 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(13, 10, 22, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:from-\[var\(--grey-200\)\]:is(.dark *) {
    --tw-gradient-from: var(--grey-200) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:from-white\/0:is(.dark *) {
    --tw-gradient-from: hsla(0, 0%, 100%, 0) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:from-white\/15:is(.dark *) {
    --tw-gradient-from: hsla(0, 0%, 100%, .15) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:to-white\/15:is(.dark *) {
    --tw-gradient-to: hsla(0, 0%, 100%, .15) var(--tw-gradient-to-position)
}

.dark\:to-white\/30:is(.dark *) {
    --tw-gradient-to: hsla(0, 0%, 100%, .3) var(--tw-gradient-to-position)
}

.dark\:fill-blue-grey:is(.dark *) {
    fill: var(--bluegrey-500)
}

.dark\:fill-blue-grey-500:is(.dark *) {
    fill: #19194b
}

.dark\:fill-font-tertiary:is(.dark *) {
    fill: var(--font-tertiary)
}

.dark\:fill-green-500:is(.dark *) {
    fill: #22c55e
}

.dark\:fill-grey-200:is(.dark *) {
    fill: #cccacc
}

.dark\:fill-grey-400:is(.dark *) {
    fill: #797679
}

.dark\:fill-primary:is(.dark *) {
    fill: var(--primary-400)
}

.dark\:fill-white:is(.dark *) {
    fill: #fff
}

.dark\:text-black:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.dark\:text-blue-grey-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(25 25 75/var(--tw-text-opacity, 1))
}

.dark\:text-font-primary:is(.dark *) {
    color: var(--font-primary)
}

.dark\:text-primary:is(.dark *) {
    color: var(--primary-400)
}

.dark\:text-red-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(252 165 165/var(--tw-text-opacity, 1))
}

.dark\:text-opacity-50:is(.dark *) {
    --tw-text-opacity: 0.5
}

.dark\:opacity-90:is(.dark *) {
    opacity: .9
}

.dark\:brightness-75:is(.dark *) {
    --tw-brightness: brightness(.75);
    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)
}

.dark\:brightness-90:is(.dark *) {
    --tw-brightness: brightness(.9);
    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)
}

.dark\:drop-shadow-\[0px_20px_50px_rgba\(95\2c 13\2c 214\2c 0\.75\)\]:is(.dark *) {
    --tw-drop-shadow: drop-shadow(0px 20px 50px rgba(95, 13, 214, .75));
    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)
}

.dark\:drop-shadow-\[12px_12px_14px_rgba\(255\2c 255\2c 255\2c 0\.25\)\]:is(.dark *) {
    --tw-drop-shadow: drop-shadow(12px 12px 14px hsla(0, 0%, 100%, .25));
    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)
}

.dark\:backdrop-blur-2xl:is(.dark *) {
    --tw-backdrop-blur: blur(40px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.dark\:hover\:border-hover:hover:is(.dark *) {
    border-color: var(--border-hover)
}

.dark\:hover\:bg-surface2:hover:is(.dark *) {
    background-color: var(--bg-surface-2)
}

.hover\:dark\:bg-white\/5:is(.dark *):hover {
    background-color: hsla(0, 0%, 100%, .05)
}

.dark\:hover\:ring-\[rgba\(255\2c 255\2c 255\2c 0\.12\)\]:hover:is(.dark *) {
    --tw-ring-color: hsla(0, 0%, 100%, .12)
}

.dark\:hover\:ring-offset-0:hover:is(.dark *) {
    --tw-ring-offset-width: 0px
}

.dark\:focus\:bg-surface2:focus:is(.dark *) {
    background-color: var(--bg-surface-2)
}

.group:hover .dark\:group-hover\:fill-white:is(.dark *) {
    fill: #fff
}

@media (min-width:475px) {
    .xs\:flex {
        display: flex
    }

    .xs\:hidden {
        display: none
    }

    .xs\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:640px) {
    .sm\:-bottom-40 {
        bottom: -10rem
    }

    .sm\:-right-\[240px\] {
        right: -240px
    }

    .sm\:left-2 {
        left: .5rem
    }

    .sm\:right-0 {
        right: 0
    }

    .sm\:top-0 {
        top: 0
    }

    .sm\:top-24 {
        top: 6rem
    }

    .sm\:order-1 {
        order: 1
    }

    .sm\:order-2 {
        order: 2
    }

    .sm\:col-span-1 {
        grid-column: span 1/span 1
    }

    .sm\:col-span-2 {
        grid-column: span 2/span 2
    }

    .sm\:col-span-3 {
        grid-column: span 3/span 3
    }

    .sm\:col-span-5 {
        grid-column: span 5/span 5
    }

    .sm\:mb-32 {
        margin-bottom: 8rem
    }

    .sm\:mb-4 {
        margin-bottom: 1rem
    }

    .sm\:mt-0 {
        margin-top: 0
    }

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

    .sm\:mt-4 {
        margin-top: 1rem
    }

    .sm\:line-clamp-3 {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }

    .sm\:block {
        display: block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-1\.5 {
        height: .375rem
    }

    .sm\:h-14 {
        height: 3.5rem
    }

    .sm\:h-18 {
        height: 4.5rem
    }

    .sm\:h-6 {
        height: 1.5rem
    }

    .sm\:h-\[360px\] {
        height: 360px
    }

    .sm\:h-\[400px\] {
        height: 400px
    }

    .sm\:h-\[52px\] {
        height: 52px
    }

    .sm\:h-\[560px\] {
        height: 560px
    }

    .sm\:h-\[640px\] {
        height: 640px
    }

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

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

    .sm\:w-16 {
        width: 4rem
    }

    .sm\:w-20 {
        width: 5rem
    }

    .sm\:w-6 {
        width: 1.5rem
    }

    .sm\:w-\[300px\] {
        width: 300px
    }

    .sm\:w-\[480px\] {
        width: 480px
    }

    .sm\:w-\[560px\] {
        width: 560px
    }

    .sm\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .sm\:max-w-3xl {
        max-width: 48rem
    }

    .sm\:max-w-sm {
        max-width: 24rem
    }

    .sm\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .sm\:scale-100,
    .sm\:scale-50 {
        transform: translate(var(--tw-translate-x), 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))
    }

    .sm\:scale-50 {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .sm\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .sm\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-center {
        justify-content: center
    }

    .sm\:gap-10 {
        gap: 2.5rem
    }

    .sm\:gap-4 {
        gap: 1rem
    }

    .sm\:gap-x-10 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }

    .sm\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .sm\:gap-y-8 {
        row-gap: 2rem
    }

    .sm\:overflow-hidden {
        overflow: hidden
    }

    .sm\:text-ellipsis {
        text-overflow: ellipsis
    }

    .sm\:rounded-2xl {
        border-radius: 1rem
    }

    .sm\:rounded-3xl {
        border-radius: 1.5rem
    }

    .sm\:rounded-full {
        border-radius: 9999px
    }

    .sm\:rounded-lg {
        border-radius: .5rem
    }

    .sm\:rounded-xl {
        border-radius: .75rem
    }

    .sm\:rounded-bl-2xl {
        border-bottom-left-radius: 1rem
    }

    .sm\:rounded-tr-2xl {
        border-top-right-radius: 1rem
    }

    .sm\:border-b-0 {
        border-bottom-width: 0
    }

    .sm\:p-2 {
        padding: .5rem
    }

    .sm\:p-3 {
        padding: .75rem
    }

    .sm\:p-8 {
        padding: 2rem
    }

    .sm\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .sm\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .sm\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    .sm\:pb-20 {
        padding-bottom: 5rem
    }

    .sm\:pb-28 {
        padding-bottom: 7rem
    }

    .sm\:pb-5 {
        padding-bottom: 1.25rem
    }

    .sm\:pt-16 {
        padding-top: 4rem
    }

    .sm\:pt-20 {
        padding-top: 5rem
    }

    .sm\:pt-24 {
        padding-top: 6rem
    }

    .sm\:pt-32 {
        padding-top: 8rem
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .sm\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .sm\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .sm\:text-9xl {
        font-size: 8rem;
        line-height: 1
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

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

    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .sm\:leading-6 {
        line-height: 1.5rem
    }

    .sm\:leading-8 {
        line-height: 2rem
    }

    .sm\:tracking-tight {
        letter-spacing: -.025em
    }

    .sm\:ring-1 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    .sm\:ring-gray-900\/10 {
        --tw-ring-color: rgba(17, 24, 39, .1)
    }

    .sm\:hover\:-translate-y-1:hover {
        --tw-translate-y: -0.25rem
    }

    .sm\:hover\:-translate-y-1:hover,
    .sm\:hover\:transform:hover {
        transform: translate(var(--tw-translate-x), 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))
    }

    .sm\:hover\:border-hover:hover {
        border-color: var(--border-hover)
    }

    .sm\:hover\:bg-fill-0:hover {
        background-color: var(--fill-0)
    }

    .sm\:hover\:fill-primary:hover {
        fill: var(--primary-400)
    }

    .sm\:hover\:text-primary-hover:hover {
        color: var(--primary-500)
    }
}

@media (min-width:768px) {
    .md\:left-\[30\%\] {
        left: 30%
    }

    .md\:left-\[65\%\] {
        left: 65%
    }

    .md\:order-1 {
        order: 1
    }

    .md\:order-2 {
        order: 2
    }

    .md\:my-20 {
        margin-bottom: 5rem;
        margin-top: 5rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mt-20 {
        margin-top: 5rem
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:h-16 {
        height: 4rem
    }

    .md\:h-\[400px\] {
        height: 400px
    }

    .md\:w-10 {
        width: 2.5rem
    }

    .md\:w-\[176px\] {
        width: 176px
    }

    .md\:w-\[280px\] {
        width: 280px
    }

    .md\:w-\[480px\] {
        width: 480px
    }

    .md\:w-\[94\%\] {
        width: 94%
    }

    .md\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

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

    .md\:flex-col {
        flex-direction: column
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:gap-12 {
        gap: 3rem
    }

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:gap-x-12 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

    .md\:gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    .md\:gap-y-12 {
        row-gap: 3rem
    }

    .md\:bg-contain {
        background-size: contain
    }

    .md\:p-12 {
        padding: 3rem
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .md\:pr-6 {
        padding-right: 1.5rem
    }

    .md\:pt-12 {
        padding-top: 3rem
    }

    .md\:pt-20 {
        padding-top: 5rem
    }

    .md\:pt-6 {
        padding-top: 1.5rem
    }

    .md\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .md\:hover\:-rotate-3:hover {
        --tw-rotate: -3deg;
        transform: translate(var(--tw-translate-x), 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))
    }
}

@media (min-width:1024px) {
    .lg\:absolute {
        position: absolute
    }

    .lg\:-bottom-20 {
        bottom: -5rem
    }

    .lg\:-right-\[440px\] {
        right: -440px
    }

    .lg\:left-\[20\%\] {
        left: 20%
    }

    .lg\:right-0 {
        right: 0
    }

    .lg\:order-1 {
        order: 1
    }

    .lg\:order-2 {
        order: 2
    }

    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:inline-flex {
        display: inline-flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-80 {
        height: 20rem
    }

    .lg\:h-full {
        height: 100%
    }

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

    .lg\:w-64 {
        width: 16rem
    }

    .lg\:w-72 {
        width: 18rem
    }

    .lg\:w-auto {
        width: auto
    }

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

    .lg\:max-w-5xl {
        max-width: 64rem
    }

    .lg\:max-w-\[720px\] {
        max-width: 720px
    }

    .lg\:max-w-\[960px\] {
        max-width: 960px
    }

    .lg\:max-w-none {
        max-width: none
    }

    .lg\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), 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))
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .lg\:flex-col {
        flex-direction: column
    }

    .lg\:justify-end {
        justify-content: flex-end
    }

    .lg\:gap-4 {
        gap: 1rem
    }

    .lg\:gap-x-12 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

    .lg\:gap-x-3 {
        -moz-column-gap: .75rem;
        column-gap: .75rem
    }

    .lg\:rounded-3xl {
        border-radius: 1.5rem
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .lg\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .lg\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .lg\:pt-16 {
        padding-top: 4rem
    }

    .lg\:pt-2 {
        padding-top: .5rem
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

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

    .lg\:hover\:bg-fill-0:hover {
        background-color: var(--fill-0)
    }
}

@media (min-width:1280px) {
    .xl\:col-span-2 {
        grid-column: span 2/span 2
    }

    .xl\:col-start-2 {
        grid-column-start: 2
    }

    .xl\:ml-32 {
        margin-left: 8rem
    }

    .xl\:mt-0 {
        margin-top: 0
    }

    .xl\:block {
        display: block
    }

    .xl\:grid {
        display: grid
    }

    .xl\:w-\[1200px\] {
        width: 1200px
    }

    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .xl\:gap-8 {
        gap: 2rem
    }

    .xl\:gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }
}

@media (min-width:1536px) {
    .\32xl\:right-32 {
        right: 8rem
    }

    .\32xl\:w-64 {
        width: 16rem
    }
} 
.light,
:root {
    --primary-100: #f7f2ff;
    --primary-200: #dfc9ff;
    --primary-300: #b17bff;
    --primary-400: #964dff;
    --primary-500: #783cdb;
    --grey-100: #f4f2f5;
    --grey-200: #cccacc;
    --grey-300: #aaa6aa;
    --grey-400: #797679;
    --grey-500: #4b464b;
    --red-100: #fff1f1;
    --red-200: #fed9da;
    --red-300: #fc8d99;
    --red-400: #fa4263;
    --red-500: #d63255;
    --green-400: #48ecb1;
    --orange-400: #fa8442;
    --brand-purple: #6a00ff;
    --brand-yellow: #ffd70f;
    --bluegrey-500: #19194b;
    --font-primary: var(--bluegrey-500);
    --font-secondary: var(--grey-400);
    --font-tertiary: var(--grey-300);
    --font-fourth: var(--grey-200);
    --border-default: var(--grey-100);
    --border-hover: var(--grey-200);
    --bg-surface-0: #fff;
    --bg-surface-1: #fff;
    --bg-surface-2: #fff;
    --bg-surface-3: #fff;
    --bg-surface-4: #fff;
    --fill-0: rgba(75, 70, 75, .05);
    --fill-1: rgba(75, 70, 75, .09);
    --fill-2: rgba(75, 70, 75, .12)
}
 


.markdown-body {
    font-family: system-ui, -apple-system, Segoe UI, Noto Sans, BlinkMacSystemFont, PingFang SC, Helvetica Neue, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, Source Han Sans CN, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important
}

.markdown-body .task-list-item {
    list-style-type: none
}

.markdown-body .task-list-item label {
    font-weight: 400
}

.markdown-body .task-list-item.enabled label {
    cursor: pointer
}

.markdown-body .task-list-item+.task-list-item {
    margin-top: 4px
}

.markdown-body .task-list-item .handle {
    display: none
}

.markdown-body .task-list-item-checkbox {
    border-radius: .25rem;
    margin: 0 .2em .25em -1.4em;
    vertical-align: middle
}

.markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
    margin: 0 -1.6em .25em .2em
}

.markdown-body .contains-task-list {
    position: relative
}

.markdown-body .contains-task-list:focus-within .task-list-item-convert-container,
.markdown-body .contains-task-list:hover .task-list-item-convert-container {
    display: block;
    height: 24px;
    overflow: visible;
    width: auto;
    clip: auto
}

.markdown-body ::-webkit-calendar-picker-indicator {
    filter: invert(50%)
}

.markdown-body [data-footnote-ref]:before {
    content: "["
}

.markdown-body [data-footnote-ref]:after {
    content: "]"
}

.markdown-body .footnotes .data-footnote-backref g-emoji {
    font-family: monospace
}

.markdown-body .footnotes ol {
    padding-left: 16px
}

.markdown-body .footnotes ol ul {
    display: inline-block;
    margin-top: 16px;
    padding-left: 16px
}

.markdown-body .footnotes li {
    position: relative
}

.markdown-body li {
    padding-inline-start: 4px
}

.markdown-body li code {
    background-color: var(--grey-100);
    border-color: #0000001a;
    border-radius: .375rem;
    border-width: 1px;
    color: var(--font-secondary);
    font-weight: 400;
    margin-left: .125rem;
    margin-right: .125rem;
    padding: .125rem .375rem
}

.markdown-body li code:is(.dark *) {
    background-color: var(--bg-surface-1);
    border-color: #ffffff1a
}

.markdown-body li code:after,
.markdown-body li code:before {
    content: ""
}

.markdown-body li::marker {
    color: var(--primary-400)
}

.markdown-body ol,
.markdown-body ul {
    padding-inline-start: 24px
}

.markdown-body .scroll-table {
    border-radius: .75rem;
    border-width: 1px;
    overflow-x: auto
}

.markdown-body .scroll-table table {
    background-image: none;
    border-radius: .75rem;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden
}

.markdown-body .scroll-table thead {
    background-color: var(--grey-100);
    border-color: var(--grey-100);
    border-width: 1px;
    height: 2.5rem;
    text-align: left
}

.markdown-body .scroll-table thead:is(.dark *) {
    background-color: var(--bg-surface-1)
}

.markdown-body .scroll-table th {
    padding: .75rem
}

.markdown-body .scroll-table td {
    background-image: none;
    min-width: 8rem;
    padding-left: .75rem;
    padding-right: .75rem
}

.markdown-body .scroll-table tr {
    border-bottom-width: 1px;
    border-color: var(--grey-100);
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@media (min-width:640px) {
    .markdown-body .scroll-table tr:hover {
        background-color: var(--grey-100)
    }

    .markdown-body .scroll-table tr:hover:is(.dark *) {
        background-color: var(--bg-surface-1)
    }
}

.markdown-body blockquote {
    border-inline-start-color: var(--primary-400)
}

.markdown-body blockquote p:before {
    content: ""
}

.markdown-body h1 a:not(:nth-of-type(2)),
.markdown-body h2 a:not(:nth-of-type(2)),
.markdown-body h3 a:not(:nth-of-type(2)),
.markdown-body h4 a:not(:nth-of-type(2)),
.markdown-body h5 a:not(:nth-of-type(2)),
.markdown-body h6 a:not(:nth-of-type(2)) {
    border-radius: .25rem;
    border-style: none;
    color: var(--font-primary);
    font-family: Satoshi, Glow Sans SC, system-ui, -apple-system, Segoe UI, Noto Sans, BlinkMacSystemFont, PingFang SC, Helvetica Neue, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, Source Han Sans CN, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important;
    font-weight: 700;
    text-decoration: none
}

@media (min-width:640px) {

    .markdown-body h1 a:not(:nth-of-type(2)):hover,
    .markdown-body h2 a:not(:nth-of-type(2)):hover,
    .markdown-body h3 a:not(:nth-of-type(2)):hover,
    .markdown-body h4 a:not(:nth-of-type(2)):hover,
    .markdown-body h5 a:not(:nth-of-type(2)):hover,
    .markdown-body h6 a:not(:nth-of-type(2)):hover {
        background-color: var(--bg-surface-0)
    }
}

.markdown-body a {
    border-bottom-width: 1px;
    border-color: var(--primary-300);
    border-radius: .125rem;
    padding-bottom: .25rem;
    padding-top: .25rem;
    text-decoration: none;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@media (min-width:640px) {
    .markdown-body a:hover {
        background-color: var(--primary-100);
        color: var(--primary-400)
    }

    .markdown-body a:hover:is(.dark *) {
        background-color: var(--bg-surface-1)
    }
}

.markdown-body strong {
    color: var(--font-primary)
}

.markdown-body a:hover {
    border-color: var(--primary-400)
}

.markdown-body p code {
    background-color: var(--grey-100);
    border-color: #0000001a;
    border-radius: .375rem;
    border-width: 1px;
    color: var(--font-secondary);
    font-weight: 400;
    margin-left: .125rem;
    margin-right: .125rem;
    padding: .125rem .375rem
}

.markdown-body p code:is(.dark *) {
    background-color: var(--bg-surface-1);
    border-color: #ffffff1a
}

.markdown-body p code:after,
.markdown-body p code:before {
    content: ""
}

.markdown-body .block-embed {
    width: 100%
}
 

.markdown-body iframe {
    aspect-ratio: 16/9;
    border-radius: .75rem;
    overflow: hidden;
    width: 100%
}

.markdown-body blockquote {
    color: var(--font-secondary)
}

.markdown-body .info {
    background-color: var(--primary-100);
    border-color: var(--primary-200);
    border-radius: .75rem;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .25rem 1.5rem
}

.markdown-body .info:is(.dark *) {
    background-color: var(--bg-surface-1)
}

.markdown-body .cols3 p {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 2rem;
    margin-top: 2rem;
    overflow: hidden;
    width: 100%
}

@media (min-width:768px) {
    .markdown-body .cols3 p {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.markdown-body .cols3 p img {
    margin-bottom: 0;
    margin-top: 0;
    width: 100%
}

.markdown-body .cols2 p {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 2rem;
    margin-top: 2rem;
    overflow: hidden;
    width: 100%
}

.markdown-body .cols2 p img {
    margin-bottom: 0;
    margin-top: 0;
    width: 100%
}

.markdown-body hr {
    border-color: var(--grey-100)
}

.markdown-body strong {
    font-weight: 700
}

.markdown-body figcaption {
    color: var(--font-tertiary);
    font-size: .875rem;
    line-height: 1.25rem;
    text-align: center;
    width: 100%
}

html .markdown-body img,
html.light .markdown-body img {
    border-radius: .75rem;
    max-height: 360px
}

@media (min-width:640px) {

    html .markdown-body img,
    html.light .markdown-body img {
        max-height: 720px
    }
}

html .markdown-body .footnotes,
html.light .markdown-body .footnotes {
    border-top: 1px solid #d0d7de;
    color: #57606a;
    font-size: 12px
}

html .markdown-body .footnotes li:target:before,
html.light .markdown-body .footnotes li:target:before {
    border: 2px solid #0969da;
    border-radius: 6px;
    content: "";
    inset: -8px -8px -8px -24px;
    pointer-events: none;
    position: absolute
}

html .markdown-body .footnotes li:target,
html.light .markdown-body .footnotes li:target {
    color: #24292f
}

html.dark .markdown-body img {
    border-width: 1px;
    --tw-brightness: brightness(80%);
    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)
}

html.dark .markdown-body .footnotes {
    border-top: 1px solid #30363d;
    color: #8b949e;
    font-size: 12px
}

html.dark .markdown-body .footnotes li:target:before {
    border: 2px solid #1f6feb;
    border-radius: 6px;
    content: "";
    inset: -8px -8px -8px -24px;
    pointer-events: none;
    position: absolute
}

html.dark .markdown-body .footnotes li:target {
    color: #c9d1d9
}