*, :before, :after
{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}
::backdrop
{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}
*, :before, :after
{
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}
:before, :after
{
    --tw-content: "";
}
html, :host
{
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
}
body
{
    margin: 0;
    line-height: inherit;
}
hr
{
    height: 0;
    color: inherit;
    border-top-width: 1px;
}
abbr:where([title])
{
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6
{
    font-size: inherit;
    font-weight: inherit;
}
a
{
    color: inherit;
    text-decoration: inherit;
}
b, strong
{
    font-weight: bolder;
}
code, kbd, samp, pre
{
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
}
small
{
    font-size: 80%;
}
sub, sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub
{
    bottom: -.25em;
}
sup
{
    top: -.5em;
}
table
{
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
}
button, input, optgroup, select, textarea
{
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}
button, select
{
    text-transform: none;
}
button, input:where([type=button]), input:where([type=reset]), input:where([type=submit])
{
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}
:-moz-focusring
{
    outline: auto;
}
:-moz-ui-invalid
{
    box-shadow: none;
}
progress
{
    vertical-align: baseline;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button
{
    height: auto;
}
[type=search]
{
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
::-webkit-search-decoration
{
    -webkit-appearance: none;
}
::-webkit-file-upload-button
{
    -webkit-appearance: button;
    font: inherit;
}
summary
{
    display: list-item;
}
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre
{
    margin: 0;
}
fieldset
{
    margin: 0;
    padding: 0;
}
legend
{
    padding: 0;
}
ol, ul, menu
{
    list-style: none;
    margin: 0;
    padding: 0;
}
dialog
{
    padding: 0;
}
textarea
{
    resize: vertical;
}
input::-moz-placeholder, textarea::-moz-placeholder
{
    opacity: 1;
    color: #9ca3af;
}
input::placeholder, textarea::placeholder
{
    opacity: 1;
    color: #9ca3af;
}
button, [role=button]
{
    cursor: pointer;
}
:disabled
{
    cursor: default;
}
img, svg, video, canvas, audio, iframe, embed, object
{
    display: block;
    vertical-align: middle;
}
img, video
{
    max-width: 100%;
    height: auto;
}
[hidden]:where(:not([hidden=until-found]))
{
    display: none;
}
:root
{
    --background: 0 0% 100%;
    --foreground: 240 10% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 240 10% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 240 10% 3.9%;
    --primary: 240 5.9% 10%;
    --primary-foreground: 0 0% 98%;
    --secondary: 240 4.8% 95.9%;
    --secondary-foreground: 240 5.9% 10%;
    --muted: 240 4.8% 95.9%;
    --muted-foreground: 240 3.8% 46.1%;
    --accent: 240 4.8% 95.9%;
    --accent-foreground: 240 5.9% 10%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 5.9% 90%;
    --input: 240 5.9% 90%;
    --ring: 240 10% 3.9%;
    --chart-1: 12 76% 61%;
    --chart-2: 173 58% 39%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
    --radius: .5rem;
}
.dark
{
    --background: 240 10% 3.9%;
    --foreground: 0 0% 98%;
    --card: 240 10% 3.9%;
    --card-foreground: 0 0% 98%;
    --popover: 240 10% 3.9%;
    --popover-foreground: 0 0% 98%;
    --primary: 0 0% 98%;
    --primary-foreground: 240 5.9% 10%;
    --secondary: 240 3.7% 15.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 240 3.7% 15.9%;
    --muted-foreground: 240 5% 64.9%;
    --accent: 240 3.7% 15.9%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 3.7% 15.9%;
    --input: 240 3.7% 15.9%;
    --ring: 240 4.9% 83.9%;
    --chart-1: 220 70% 50%;
    --chart-2: 160 60% 45%;
    --chart-3: 30 80% 55%;
    --chart-4: 280 65% 60%;
    --chart-5: 340 75% 55%;
}
*
{
    border-color: hsl(var(--border));
}
body
{
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
}
.container
{
    width: 100%;
}
@media(min-width: 640px)
{
    .container
    {
        max-width: 640px;
    }
}
@media(min-width: 768px)
{
    .container
    {
        max-width: 768px;
    }
}
@media(min-width: 1024px)
{
    .container
    {
        max-width: 1024px;
    }
}
@media(min-width: 1280px)
{
    .container
    {
        max-width: 1280px;
    }
}
@media(min-width: 1536px)
{
    .container
    {
        max-width: 1536px;
    }
}
.sr-only
{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0;
}
.fixed
{
    position: fixed;
}
.absolute
{
    position: absolute;
}
.relative
{
    position: relative;
}
.sticky
{
    position: sticky;
}
.inset-0
{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.inset-x-0
{
    left: 0;
    right: 0;
}
.inset-y-0
{
    top: 0;
    bottom: 0;
}
.bottom-0
{
    bottom: 0;
}
.bottom-8
{
    bottom: 2rem;
}
.left-0
{
    left: 0;
}
.left-1\/2, .left-\[50\%\]
{
    left: 50%;
}
.right-0
{
    right: 0;
}
.right-4
{
    right: 1rem;
}
.top-0
{
    top: 0;
}
.top-1\/2
{
    top: 50%;
}
.top-4
{
    top: 1rem;
}
.top-\[10\%\]
{
    top: 10%;
}
.top-\[50\%\]
{
    top: 50%;
}
.z-10
{
    z-index: 10;
}
.z-50
{
    z-index: 50;
}
.mx-auto
{
    margin-left: auto;
    margin-right: auto;
}
.-ml-2
{
    margin-left: -.5rem;
}
.mb-12
{
    margin-bottom: 3rem;
}
.mb-2
{
    margin-bottom: .5rem;
}
.mb-3
{
    margin-bottom: .75rem;
}
.mb-4
{
    margin-bottom: 1rem;
}
.mb-8
{
    margin-bottom: 2rem;
}
.ml-4
{
    margin-left: 1rem;
}
.mr-2
{
    margin-right: .5rem;
}
.mt-1
{
    margin-top: .25rem;
}
.mt-12
{
    margin-top: 3rem;
}
.mt-4
{
    margin-top: 1rem;
}
.mt-8
{
    margin-top: 2rem;
}
.flex
{
    display: flex;
}
.inline-flex
{
    display: inline-flex;
}
.grid
{
    display: grid;
}
.hidden
{
    display: none;
}
.h-10
{
    height: 2.5rem;
}
.h-12
{
    height: 3rem;
}
.h-16
{
    height: 4rem;
}
.h-24
{
    height: 6rem;
}
.h-3
{
    height: .75rem;
}
.h-36
{
    height: 9rem;
}
.h-4
{
    height: 1rem;
}
.h-5
{
    height: 1.25rem;
}
.h-6
{
    height: 1.5rem;
}
.h-64
{
    height: 16rem;
}
.h-7
{
    height: 1.75rem;
}
.h-8
{
    height: 2rem;
}
.h-9
{
    height: 2.25rem;
}
.h-96
{
    height: 24rem;
}
.h-auto
{
    height: auto;
}
.h-full
{
    height: 100%;
}
.h-screen
{
    height: 100vh;
}
.min-h-\[480px\]
{
    min-height: 480px;
}
.w-10
{
    width: 2.5rem;
}
.w-12
{
    width: 3rem;
}
.w-2\/5
{
    width: 40%;
}
.w-24
{
    width: 6rem;
}
.w-3
{
    width: .75rem;
}
.w-3\/4
{
    width: 75%;
}
.w-3\/5
{
    width: 60%;
}
.w-4
{
    width: 1rem;
}
.w-5
{
    width: 1.25rem;
}
.w-6
{
    width: 1.5rem;
}
.w-64
{
    width: 16rem;
}
.w-7
{
    width: 1.75rem;
}
.w-9
{
    width: 2.25rem;
}
.w-96
{
    width: 24rem;
}
.w-full
{
    width: 100%;
}
.max-w-2xl
{
    max-width: 42rem;
}
.max-w-7xl
{
    max-width: 80rem;
}
.max-w-\[600px\]
{
    max-width: 600px;
}
.max-w-lg
{
    max-width: 32rem;
}
.max-w-md
{
    max-width: 28rem;
}
.flex-1
{
    flex: 1 1 0%;
}
.flex-shrink-0
{
    flex-shrink: 0;
}
.flex-grow
{
    flex-grow: 1;
}
.origin-top
{
    transform-origin: top;
}
.-translate-x-1\/2
{
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\]
{
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\/4
{
    --tw-translate-y: 25%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\]
{
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform
{
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.grid-cols-1
{
    grid-template-columns: repeat(1,minmax(0,1fr));
}
.flex-col
{
    flex-direction: column;
}
.flex-col-reverse
{
    flex-direction: column-reverse;
}
.flex-wrap
{
    flex-wrap: wrap;
}
.items-center
{
    align-items: center;
}
.items-baseline
{
    align-items: baseline;
}
.justify-center
{
    justify-content: center;
}
.justify-between
{
    justify-content: space-between;
}
.gap-1
{
    gap: .25rem;
}
.gap-2
{
    gap: .5rem;
}
.gap-4
{
    gap: 1rem;
}
.gap-6
{
    gap: 1.5rem;
}
.gap-8
{
    gap: 2rem;
}
.gap-\[50px\]
{
    gap: 50px;
}
.space-x-2>:not([hidden])~:not([hidden])
{
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4>:not([hidden])~:not([hidden])
{
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-8>:not([hidden])~:not([hidden])
{
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1\.5>:not([hidden])~:not([hidden])
{
    --tw-space-y-reverse: 0;
    margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.375rem * var(--tw-space-y-reverse));
}
.space-y-10>:not([hidden])~:not([hidden])
{
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-2>:not([hidden])~:not([hidden])
{
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
}
.space-y-4>:not([hidden])~:not([hidden])
{
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.overflow-hidden
{
    overflow: hidden;
}
.whitespace-nowrap
{
    white-space: nowrap;
}
.rounded-2xl
{
    border-radius: 1rem;
}
.rounded-full
{
    border-radius: 9999px;
}
.rounded-lg
{
    border-radius: var(--radius);
}
.rounded-md
{
    border-radius: calc(var(--radius) - 2px);
}
.rounded-sm
{
    border-radius: calc(var(--radius) - 4px);
}
.rounded-xl
{
    border-radius: .75rem;
}
.border
{
    border-width: 1px;
}
.border-b
{
    border-bottom-width: 1px;
}
.border-l
{
    border-left-width: 1px;
}
.border-r
{
    border-right-width: 1px;
}
.border-t
{
    border-top-width: 1px;
}
.border-gray-800
{
    --tw-border-opacity: 1;
    border-color: rgb(31 41 55/var(--tw-border-opacity,1));
}
.border-white
{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity,1));
}
.border-white\/15
{
    border-color: #ffffff26;
}
.border-white\/20
{
    border-color: #fff3;
}
.border-yellow-500\/20
{
    border-color: #eab30833;
}
.border-zinc-700
{
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70/var(--tw-border-opacity,1));
}
.border-zinc-800
{
    --tw-border-opacity: 1;
    border-color: rgb(39 39 42/var(--tw-border-opacity,1));
}
.border-b-white\/25
{
    border-bottom-color: #ffffff40;
}
.border-r-white\/25
{
    border-right-color: #ffffff40;
}
.bg-\[\#0088cc\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(0 136 204/var(--tw-bg-opacity,1));
}
.bg-\[\#6345F4\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(99 69 244/var(--tw-bg-opacity,1));
}
.bg-background
{
    background-color: hsl(var(--background));
}
.bg-black
{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity,1));
}
.bg-black\/80
{
    background-color: #000c;
}
.bg-destructive
{
    background-color: hsl(var(--destructive));
}
.bg-primary
{
    background-color: hsl(var(--primary));
}
.bg-transparent
{
    background-color: transparent;
}
.bg-white
{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
}
.bg-yellow-500\/10
{
    background-color: #eab3081a;
}
.bg-zinc-700
{
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70/var(--tw-bg-opacity,1));
}
.bg-zinc-800
{
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42/var(--tw-bg-opacity,1));
}
.bg-zinc-900
{
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity,1));
}
.bg-zinc-900\/50
{
    background-color: #18181b80;
}
.bg-zinc-950
{
    --tw-bg-opacity: 1;
    background-color: rgb(9 9 11/var(--tw-bg-opacity,1));
}
.bg-opacity-70
{
    --tw-bg-opacity: .7;
}
.bg-\[url\(\'data\:image\/svg\+xml\;base64\,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNiAxOGMzLjMxNCAwIDYtMi42ODYgNi02cy0yLjY4Ni02LTYtNi02IDIuNjg2LTYgNiAyLjY4NiA2IDYgNnptMCAzMGMzLjMxNCAwIDYtMi42ODYgNi02cy0yLjY4Ni02LTYtNi02IDIuNjg2LTYgNiAyLjY4NiA2IDYgNnptLTE4LTMwYzMuMzE0IDAgNi0yLjY4NiA2LTZzLTIuNjg2LTYtNi02LTYgMi42ODYtNiA2IDIuNjg2IDYgNiA2em0wIDMwYzMuMzE0IDAgNi0yLjY4NiA2LTZzLTIuNjg2LTYtNi02LTYgMi42ODYtNiA2IDIuNjg2IDYgNiA2eiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utb3BhY2l0eT0iLjEiLz48L2c\+PC9zdmc\+\'\)\]
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNiAxOGMzLjMxNCAwIDYtMi42ODYgNi02cy0yLjY4Ni02LTYtNi02IDIuNjg2LTYgNiAyLjY4NiA2IDYgNnptMCAzMGMzLjMxNCAwIDYtMi42ODYgNi02cy0yLjY4Ni02LTYtNi02IDIuNjg2LTYgNiAyLjY4NiA2IDYgNnptLTE4LTMwYzMuMzE0IDAgNi0yLjY4NiA2LTZzLTIuNjg2LTYtNi02LTYgMi42ODYtNiA2IDIuNjg2IDYgNiA2em0wIDMwYzMuMzE0IDAgNi0yLjY4NiA2LTZzLTIuNjg2LTYtNi02LTYgMi42ODYtNiA2IDIuNjg2IDYgNiA2eiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utb3BhY2l0eT0iLjEiLz48L2c+PC9zdmc+);
}
.bg-gradient-to-br
{
    background-image: linear-gradient(to bottom right,var(--tw-gradient-stops));
}
.from-\[\#08bef4\]\/0
{
    --tw-gradient-from: rgb(8 190 244/0) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(8 190 244/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#08bef4\]\/5
{
    --tw-gradient-from: rgb(8 190 244/.05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(8 190 244/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#14BAF2\]
{
    --tw-gradient-from: #14baf2 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(20 186 242/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#18B5F1\]\/40
{
    --tw-gradient-from: rgb(24 181 241/.4) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(24 181 241/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#29457d\]\/40
{
    --tw-gradient-from: rgb(41 69 125/.4) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(41 69 125/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#6345F4\]\/30
{
    --tw-gradient-from: rgb(99 69 244/.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(99 69 244/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.via-\[\#090086\]
{
    --tw-gradient-to: rgb(9 0 134/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),#090086 var(--tw-gradient-via-position),var(--tw-gradient-to);
}
.via-\[\#090086\]\/50
{
    --tw-gradient-to: rgb(9 0 134/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),rgb(9 0 134/.5) var(--tw-gradient-via-position),var(--tw-gradient-to);
}
.via-\[\#416CD6\]\/40
{
    --tw-gradient-to: rgb(65 108 214/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),rgb(65 108 214/.4) var(--tw-gradient-via-position),var(--tw-gradient-to);
}
.via-fuchsia-500\/0
{
    --tw-gradient-to: rgb(217 70 239/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),rgb(217 70 239/0) var(--tw-gradient-via-position),var(--tw-gradient-to);
}
.via-fuchsia-500\/30
{
    --tw-gradient-to: rgb(217 70 239/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),rgb(217 70 239/.3) var(--tw-gradient-via-position),var(--tw-gradient-to);
}
.via-fuchsia-500\/5
{
    --tw-gradient-to: rgb(217 70 239/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),rgb(217 70 239/.05) var(--tw-gradient-via-position),var(--tw-gradient-to);
}
.to-\[\#260063\]\/50
{
    --tw-gradient-to: rgb(38 0 99/.5) var(--tw-gradient-to-position);
}
.to-\[\#4501B2\]\/30
{
    --tw-gradient-to: rgb(69 1 178/.3) var(--tw-gradient-to-position);
}
.to-\[\#4509B4\]\/40
{
    --tw-gradient-to: rgb(69 9 180/.4) var(--tw-gradient-to-position);
}
.to-yellow-500\/0
{
    --tw-gradient-to: rgb(234 179 8/0) var(--tw-gradient-to-position);
}
.to-yellow-500\/30
{
    --tw-gradient-to: rgb(234 179 8/.3) var(--tw-gradient-to-position);
}
.to-yellow-500\/5
{
    --tw-gradient-to: rgb(234 179 8/.05) var(--tw-gradient-to-position);
}
.object-cover
{
    -o-object-fit: cover;
    object-fit: cover;
}
.p-1
{
    padding: .25rem;
}
.p-2
{
    padding: .5rem;
}
.p-20
{
    padding: 5rem;
}
.p-3
{
    padding: .75rem;
}
.p-6
{
    padding: 1.5rem;
}
.p-8
{
    padding: 2rem;
}
.px-12
{
    padding-left: 3rem;
    padding-right: 3rem;
}
.px-2\.5
{
    padding-left: .625rem;
    padding-right: .625rem;
}
.px-3
{
    padding-left: .75rem;
    padding-right: .75rem;
}
.px-4
{
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-6
{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-8
{
    padding-left: 2rem;
    padding-right: 2rem;
}
.py-0\.5
{
    padding-top: .125rem;
    padding-bottom: .125rem;
}
.py-12
{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.py-2
{
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.py-24
{
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.py-3
{
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.py-8
{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.pt-8
{
    padding-top: 2rem;
}
.text-center
{
    text-align: center;
}
.font-gesit-mono
{
    font-family: GeistMonoVF,sans-serif;
}
.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-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-bold
{
    font-weight: 700;
}
.font-medium
{
    font-weight: 500;
}
.font-semibold
{
    font-weight: 600;
}
.uppercase
{
    text-transform: uppercase;
}
.leading-none
{
    line-height: 1;
}
.tracking-tight
{
    letter-spacing: -.025em;
}
.tracking-tighter
{
    letter-spacing: -.05em;
}
.text-\[\#6345F4\]
{
    --tw-text-opacity: 1;
    color: rgb(99 69 244/var(--tw-text-opacity,1));
}
.text-black
{
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity,1));
}
.text-destructive-foreground
{
    color: hsl(var(--destructive-foreground));
}
.text-emerald-400
{
    --tw-text-opacity: 1;
    color: rgb(52 211 153/var(--tw-text-opacity,1));
}
.text-foreground
{
    color: hsl(var(--foreground));
}
.text-muted-foreground
{
    color: hsl(var(--muted-foreground));
}
.text-primary
{
    color: hsl(var(--primary));
}
.text-primary-foreground
{
    color: hsl(var(--primary-foreground));
}
.text-primary\/80
{
    color: hsl(var(--primary)/.8);
}
.text-white
{
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1));
}
.text-yellow-400
{
    --tw-text-opacity: 1;
    color: rgb(250 204 21/var(--tw-text-opacity,1));
}
.text-zinc-300
{
    --tw-text-opacity: 1;
    color: rgb(212 212 216/var(--tw-text-opacity,1));
}
.text-zinc-400
{
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity,1));
}
.underline-offset-4
{
    text-underline-offset: 4px;
}
.placeholder-zinc-400::-moz-placeholder
{
    --tw-placeholder-opacity: 1;
    color: rgb(161 161 170/var(--tw-placeholder-opacity,1));
}
.placeholder-zinc-400::placeholder
{
    --tw-placeholder-opacity: 1;
    color: rgb(161 161 170/var(--tw-placeholder-opacity,1));
}
.opacity-0
{
    opacity: 0;
}
.opacity-10
{
    opacity: .1;
}
.opacity-5
{
    opacity: .05;
}
.opacity-70
{
    opacity: .7;
}
.opacity-80
{
    opacity: .8;
}
.opacity-90
{
    opacity: .9;
}
.shadow
{
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px 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-lg
{
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px 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-sm
{
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0/.05);
    --tw-shadow-colored: 0 1px 2px 0 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-neutral-200\/10
{
    --tw-shadow-color: rgb(229 229 229/.1);
    --tw-shadow: var(--tw-shadow-colored);
}
.outline
{
    outline-style: solid;
}
.ring-offset-background
{
    --tw-ring-offset-color: hsl(var(--background));
}
.blur-3xl
{
    --tw-blur: blur(64px);
    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 rgb(0 0 0/.03)) drop-shadow(0 8px 5px rgb(0 0 0/.08));
    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-lg
{
    --tw-backdrop-blur: blur(16px);
    -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-md
{
    --tw-backdrop-blur: blur(12px);
    -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-sm
{
    --tw-backdrop-blur: blur(4px);
    -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-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-duration: .15s;
}
.transition-all
{
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.transition-colors
{
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.transition-opacity
{
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.transition-transform
{
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.duration-200
{
    transition-duration: .2s;
}
.duration-300
{
    transition-duration: .3s;
}
.ease-in-out
{
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
@keyframes enter
{
    0%
    {
        opacity: var(--tw-enter-opacity,1);
        transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0));
    }
}
@keyframes exit
{
    to
    {
        opacity: var(--tw-exit-opacity,1);
        transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0));
    }
}
.duration-200
{
    animation-duration: .2s;
}
.duration-300
{
    animation-duration: .3s;
}
.ease-in-out
{
    animation-timing-function: cubic-bezier(.4,0,.2,1);
}
@font-face
{
    font-family: GeistVF;
    src: local("GeistVF"),url(../font/GeistVF.woff) format("woff");
}
@font-face
{
    font-family: GeistMonoVF;
    src: local("GeistMonoVF"),url(../font/GeistMonoVF.woff) format("woff");
}
:root
{
    font-family: GeistVF,system-ui,Avenir,Helvetica,Arial,sans-serif;
    line-height: 1.5;
    font-weight: 400;
    color-scheme: dark light;
    color: #ffffffde;
    background-color: #242424;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body
{
    margin: 0;
    background: #000;
}
@media(prefers-color-scheme: dark)
{
    :root
    {
        color: #0289ff;
        background-color: #000;
        color: #fff;
    }
}
.first-letter\:text-2xl:first-letter 
{
    font-size: 1.5rem;
    line-height: 2rem;
}
.after\:absolute:after
{
    content: var(--tw-content);
    position: absolute;
}
.after\:bottom-0:after
{
    content: var(--tw-content);
    bottom: 0;
}
.after\:left-0:after
{
    content: var(--tw-content);
    left: 0;
}
.after\:h-\[2px\]:after
{
    content: var(--tw-content);
    height: 2px;
}
.after\:w-0:after
{
    content: var(--tw-content);
    width: 0;
}
.after\:bg-primary:after
{
    content: var(--tw-content);
    background-color: hsl(var(--primary));
}
.after\:transition-all:after
{
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.hover\:scale-110:hover
{
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-zinc-700:hover
{
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70/var(--tw-border-opacity,1));
}
.hover\:bg-\[\#0088cc\]\/90:hover
{
    background-color: #0088cce6;
}
.hover\:bg-\[\#461AB8\]:hover
{
    --tw-bg-opacity: 1;
    background-color: rgb(70 26 184/var(--tw-bg-opacity,1));
}
.hover\:bg-\[\#6345F4\]:hover
{
    --tw-bg-opacity: 1;
    background-color: rgb(99 69 244/var(--tw-bg-opacity,1));
}
.hover\:bg-accent:hover
{
    background-color: hsl(var(--accent));
}
.hover\:bg-destructive\/90:hover
{
    background-color: hsl(var(--destructive)/.9);
}
.hover\:bg-primary\/90:hover
{
    background-color: hsl(var(--primary)/.9);
}
.hover\:bg-purple-600:hover
{
    --tw-bg-opacity: 1;
    background-color: rgb(147 51 234/var(--tw-bg-opacity,1));
}
.hover\:bg-white:hover
{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
}
.hover\:bg-white\/80:hover
{
    background-color: #fffc;
}
.hover\:bg-zinc-200:hover
{
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231/var(--tw-bg-opacity,1));
}
.hover\:bg-zinc-700:hover
{
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70/var(--tw-bg-opacity,1));
}
.hover\:bg-zinc-700\/50:hover
{
    background-color: #3f3f4680;
}
.hover\:bg-zinc-800:hover
{
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42/var(--tw-bg-opacity,1));
}
.hover\:text-accent-foreground:hover
{
    color: hsl(var(--accent-foreground));
}
.hover\:text-black:hover
{
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity,1));
}
.hover\:text-primary:hover
{
    color: hsl(var(--primary));
}
.hover\:text-purple-300:hover
{
    --tw-text-opacity: 1;
    color: rgb(216 180 254/var(--tw-text-opacity,1));
}
.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\:opacity-100:hover
{
    opacity: 1;
}
.hover\:after\:w-full:hover:after
{
    content: var(--tw-content);
    width: 100%;
}
.focus\:outline-none:focus
{
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.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-\[\#6345F4\]:focus
{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(99 69 244/var(--tw-ring-opacity,1));
}
.focus\:ring-ring:focus
{
    --tw-ring-color: hsl(var(--ring));
}
.focus\:ring-offset-2:focus
{
    --tw-ring-offset-width: 2px;
}
.focus-visible\:outline-none:focus-visible
{
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.focus-visible\:ring-1:focus-visible
{
    --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);
}
.focus-visible\:ring-ring:focus-visible
{
    --tw-ring-color: hsl(var(--ring));
}
.disabled\:pointer-events-none:disabled
{
    pointer-events: none;
}
.disabled\:opacity-50:disabled
{
    opacity: .5;
}
.group:hover .group-hover\:translate-x-1
{
    --tw-translate-x: .25rem;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:opacity-10
{
    opacity: .1;
}
.group:hover .group-hover\:opacity-100
{
    opacity: 1;
}
.data-\[state\=open\]\:bg-accent[data-state=open]
{
    background-color: hsl(var(--accent));
}
.data-\[state\=open\]\:bg-secondary[data-state=open]
{
    background-color: hsl(var(--secondary));
}
.data-\[state\=open\]\:text-muted-foreground[data-state=open]
{
    color: hsl(var(--muted-foreground));
}
.data-\[state\=closed\]\:duration-300[data-state=closed]
{
    transition-duration: .3s;
}
.data-\[state\=open\]\:duration-500[data-state=open]
{
    transition-duration: .5s;
}
.data-\[state\=open\]\:animate-in[data-state=open]
{
    animation-name: enter;
    animation-duration: .15s;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
}
.data-\[state\=closed\]\:animate-out[data-state=closed]
{
    animation-name: exit;
    animation-duration: .15s;
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:fade-out-0[data-state=closed]
{
    --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state=open]
{
    --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state=closed]
{
    --tw-exit-scale: .95;
}
.data-\[state\=open\]\:zoom-in-95[data-state=open]
{
    --tw-enter-scale: .95;
}
.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]
{
    --tw-exit-translate-y: 100%;
}
.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]
{
    --tw-exit-translate-x: -100%;
}
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]
{
    --tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]
{
    --tw-exit-translate-x: 100%;
}
.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]
{
    --tw-exit-translate-y: -100%;
}
.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]
{
    --tw-exit-translate-y: -48%;
}
.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]
{
    --tw-enter-translate-y: 100%;
}
.data-\[state\=open\]\:slide-in-from-left[data-state=open]
{
    --tw-enter-translate-x: -100%;
}
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]
{
    --tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:slide-in-from-right[data-state=open]
{
    --tw-enter-translate-x: 100%;
}
.data-\[state\=open\]\:slide-in-from-top[data-state=open]
{
    --tw-enter-translate-y: -100%;
}
.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]
{
    --tw-enter-translate-y: -48%;
}
.data-\[state\=closed\]\:duration-300[data-state=closed]
{
    animation-duration: .3s;
}
.data-\[state\=open\]\:duration-500[data-state=open]
{
    animation-duration: .5s;
}
@media(min-width: 640px)
{
    .sm\:max-w-sm
    {
        max-width: 24rem;
    }
    .sm\:flex-row
    {
        flex-direction: row;
    }
    .sm\:justify-end
    {
        justify-content: flex-end;
    }
    .sm\:space-x-2>:not([hidden])~:not([hidden])
    {
        --tw-space-x-reverse: 0;
        margin-right: calc(.5rem * var(--tw-space-x-reverse));
        margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .sm\:rounded-lg
    {
        border-radius: var(--radius);
    }
    .sm\:text-left
    {
        text-align: left;
    }
    .sm\:text-4xl
    {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .sm\:text-5xl
    {
        font-size: 3rem;
        line-height: 1;
    }
    .sm\:text-xl
    {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}
@media(min-width: 768px)
{
    .md\:mb-0
    {
        margin-bottom: 0;
    }
    .md\:ml-4
    {
        margin-left: 1rem;
    }
    .md\:flex
    {
        display: flex;
    }
    .md\:inline-flex
    {
        display: inline-flex;
    }
    .md\:hidden
    {
        display: none;
    }
    .md\:grid-cols-2
    {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .md\:grid-cols-3
    {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
    .md\:px-6
    {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .md\:py-24
    {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .md\:py-32
    {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .md\:text-2xl
    {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .md\:text-3xl
    {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .md\:text-5xl
    {
        font-size: 3rem;
        line-height: 1;
    }
    .md\:text-6xl
    {
        font-size: 3.75rem;
        line-height: 1;
    }
    .md\:text-xl
    {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}
@media(min-width: 1024px)
{
    .lg\:grid-cols-3
    {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
    .lg\:gap-8
    {
        gap: 2rem;
    }
    .lg\:py-32
    {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .lg\:py-40
    {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    .lg\:text-6xl
    {
        font-size: 3.75rem;
        line-height: 1;
    }
    .lg\:text-7xl
    {
        font-size: 4.5rem;
        line-height: 1;
    }
}
.\[\&_svg\]\:pointer-events-none svg
{
    pointer-events: none;
}
.\[\&_svg\]\:size-4 svg
{
    width: 1rem;
    height: 1rem;
}
.\[\&_svg\]\:shrink-0 svg
{
    flex-shrink: 0;
}