*, :after, :before {
    --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: rgba(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: rgba(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:
}
/*
! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
*/

*, :after, :before {
    box-sizing: border-box;
    border:0 solid #e5e7eb
}

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

:host, html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: "Geist", serif;
    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]) {
    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, pre, samp {
    font-family: "Geist Mono", serif;
    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, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin:0
}

fieldset {
    margin:0
}

fieldset, legend {
    padding:0
}

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

dialog {
    padding:0
}

textarea {
    resize:vertical
}

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

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

:disabled {
    cursor:default
}

audio, canvas, embed, iframe, img, object, svg, video {
    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: 0.5rem;
    --sidebar-background: 0 0% 98%;
    --sidebar-foreground: 240 5.3% 26.1%;
    --sidebar-primary: 240 5.9% 10%;
    --sidebar-primary-foreground: 0 0% 98%;
    --sidebar-accent: 240 4.8% 95.9%;
    --sidebar-accent-foreground: 240 5.9% 10%;
    --sidebar-border: 220 13% 91%;
    --sidebar-ring:217.2 91.2% 59.8%
}

.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%;
    --sidebar-background: 240 5.9% 10%;
    --sidebar-foreground: 240 4.8% 95.9%;
    --sidebar-primary: 224.3 76.3% 48%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 240 3.7% 15.9%;
    --sidebar-accent-foreground: 240 4.8% 95.9%;
    --sidebar-border: 240 3.7% 15.9%;
    --sidebar-ring:217.2 91.2% 59.8%
}

* {
    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
    }
}

.prose {
    color: var(--tw-prose-body);
    max-width:65ch
}

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

.prose :where([class ~ =lead]):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom:1.2em
}

.prose :where(a):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight:500
}

.prose :where(strong):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color: var(--tw-prose-bold);
    font-weight:600
}

.prose :where(a strong):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color:inherit
}

.prose :where(blockquote strong):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color:inherit
}

.prose :where(thead th strong):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color:inherit
}

.prose :where(ol):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    list-style-type: decimal;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start:1.625em
}

.prose :where(ol[type=A]):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    list-style-type:upper-alpha
}

.prose :where(ol[type=a]):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    list-style-type:lower-alpha
}

.prose :where(ol[type=A s]):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    list-style-type:upper-alpha
}

.prose :where(ol[type=a s]):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    list-style-type:lower-alpha
}

.prose :where(ol[type=I]):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    list-style-type:upper-roman
}

.prose :where(ol[type=i]):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    list-style-type:lower-roman
}

.prose :where(ol[type=I s]):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    list-style-type:upper-roman
}

.prose :where(ol[type=i s]):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type="1"]):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    list-style-type:decimal
}

.prose :where(ul):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    list-style-type: disc;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start:1.625em
}

.prose :where(ol > li):not(:where([class ~ =not-prose], [class ~ =not-prose] *))::marker {
    font-weight: 400;
    color:var(--tw-prose-counters)
}

.prose :where(ul > li):not(:where([class ~ =not-prose], [class ~ =not-prose] *))::marker {
    color:var(--tw-prose-bullets)
}

.prose :where(dt):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top:1.25em
}

.prose :where(hr):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom:3em
}

.prose :where(blockquote):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-inline-start-width: .25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "\201C""\201D""\2018""\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start:1em
}

.prose :where(blockquote p:first-of-type):not(:where([class ~ =not-prose], [class ~ =not-prose] *)):before {
    content:open-quote
}

.prose :where(blockquote p:last-of-type):not(:where([class ~ =not-prose], [class ~ =not-prose] *)):after {
    content:close-quote
}

.prose :where(h1):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: .8888889em;
    line-height:1.1111111
}

.prose :where(h1 strong):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    font-weight: 900;
    color:inherit
}

.prose :where(h2):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height:1.3333333
}

.prose :where(h2 strong):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    font-weight: 800;
    color:inherit
}

.prose :where(h3):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: .6em;
    line-height:1.6
}

.prose :where(h3 strong):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    font-weight: 700;
    color:inherit
}

.prose :where(h4):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .5em;
    line-height:1.5
}

.prose :where(h4 strong):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    font-weight: 700;
    color:inherit
}

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

.prose :where(picture):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    display: block;
    margin-top: 2em;
    margin-bottom:2em
}

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

.prose :where(kbd):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    font-weight: 500;
    font-family: inherit;
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) /10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) /10%);
    font-size: .875em;
    border-radius: .3125rem;
    padding-top: .1875em;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    padding-inline-start:.375em
}

.prose :where(code):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size:.875em
}

.prose :where(code):not(:where([class ~ =not-prose], [class ~ =not-prose] *)):before {
    content: "`"
}

.prose :where(code):not(:where([class ~ =not-prose], [class ~ =not-prose] *)):after {
    content: "`"
}

.prose :where(a code):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color:inherit
}

.prose :where(h1 code):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color:inherit
}

.prose :where(h2 code):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color: inherit;
    font-size:.875em
}

.prose :where(h3 code):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color: inherit;
    font-size:.9em
}

.prose :where(h4 code):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color:inherit
}

.prose :where(blockquote code):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color:inherit
}

.prose :where(thead th code):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color:inherit
}

.prose :where(pre):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    overflow-x: auto;
    font-weight: 400;
    font-size: .875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: .375rem;
    padding-top: .8571429em;
    padding-inline-end: 1.1428571em;
    padding-bottom: .8571429em;
    padding-inline-start:1.1428571em
}

.prose :where(pre code):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height:inherit
}

.prose :where(pre code):not(:where([class ~ =not-prose], [class ~ =not-prose] *)):before {
    content:none
}

.prose :where(pre code):not(:where([class ~ =not-prose], [class ~ =not-prose] *)):after {
    content:none
}

.prose :where(table):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    width: 100%;
    table-layout: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height:1.7142857
}

.prose :where(thead):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color:var(--tw-prose-th-borders)
}

.prose :where(thead th):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-inline-end: .5714286em;
    padding-bottom: .5714286em;
    padding-inline-start:.5714286em
}

.prose :where(tbody tr):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color:var(--tw-prose-td-borders)
}

.prose :where(tbody tr:last-child):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    border-bottom-width:0
}

.prose :where(tbody td):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    vertical-align:baseline
}

.prose :where(tfoot):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    border-top-width: 1px;
    border-top-color:var(--tw-prose-th-borders)
}

.prose :where(tfoot td):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    vertical-align:top
}

.prose :where(th, td):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    text-align:start
}

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

.prose :where(figcaption):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
    color: var(--tw-prose-captions);
    font-size: .875em;
    line-height: 1.4285714;
    margin-top:.8571429em
}

.prose {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: 17 24 39;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgba(0, 0, 0, .5);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height:1.75
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.\ !pointer-events-auto {
    pointer-events:auto !important
}

.visible {
    visibility:visible
}

.fixed {
    position:fixed
}

.absolute {
    position:absolute
}

.relative {
    position:relative
}

.sticky {
    position:sticky
}

.inset-0 {
    inset:0
}

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

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

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

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

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

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

.bottom-0 {
    bottom:0
}

.bottom-6 {
    bottom:1.5rem
}

.left-0 {
    left:0
}

.left-2 {
    left:.5rem
}

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

.right-0 {
    right:0
}

.right-1 {
    right:.25rem
}

.right-3 {
    right:.75rem
}

.right-4 {
    right:1rem
}

.right-6 {
    right:1.5rem
}

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

.top-0 {
    top:0
}

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

.top-3\.5 {
    top:.875rem
}

.top-4 {
    top:1rem
}

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

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

.z-10 {
    z-index:10
}

.z-20 {
    z-index:20
}

.z-40 {
    z-index:40
}

.z-50 {
    z-index:50
}

.order-1 {
    order:1
}

.order-2 {
    order:2
}

.order-4 {
    order:4
}

.order-5 {
    order:5
}

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

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

.mx-3\.5 {
    margin-left: .875rem;
    margin-right:.875rem
}

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

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

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

.mb-auto {
    margin-bottom:auto
}

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

.ml-auto {
    margin-left:auto
}

.mr-0\.5 {
    margin-right:.125rem
}

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

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

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

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

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

.\ !block {
    display:block !important
}

.block {
    display:block
}

.\ !inline {
    display:inline !important
}

.inline {
    display:inline
}

.flex {
    display:flex
}

.inline-flex {
    display:inline-flex
}

.grid {
    display:grid
}

.contents {
    display:contents
}

.hidden {
    display:none
}

.aspect-square {
    aspect-ratio:1/1
}

.aspect-video {
    aspect-ratio:16/9
}

.size-0\.5 {
    width: .125rem;
    height:.125rem
}

.size-10 {
    width: 2.5rem;
    height:2.5rem
}

.size-2 {
    width: .5rem;
    height:.5rem
}

.size-4 {
    width: 1rem;
    height:1rem
}

.size-6 {
    width: 1.5rem;
    height:1.5rem
}

.size-8 {
    width: 2rem;
    height:2rem
}

.size-\[40px\] {
    width: 40px;
    height:40px
}

.size-fit {
    width: fit-content;
    height:fit-content
}

.size-full {
    width: 100%;
    height:100%
}

.h-10 {
    height:2.5rem
}

.h-11 {
    height:2.75rem
}

.h-12 {
    height:3rem
}

.h-16 {
    height:4rem
}

.h-2 {
    height:.5rem
}

.h-3 {
    height:.75rem
}

.h-3\.5 {
    height:.875rem
}

.h-4 {
    height:1rem
}

.h-5 {
    height:1.25rem
}

.h-7 {
    height:1.75rem
}

.h-8 {
    height:2rem
}

.h-9 {
    height:2.25rem
}

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

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

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

.h-\[var\(--radix-select-trigger-height\)\] {
    height:var(--radix-select-trigger-height)
}

.h-auto {
    height:auto
}

.h-dvh {
    height:100dvh
}

.h-fit {
    height:fit-content
}

.h-full {
    height:100%
}

.h-px {
    height:1px
}

.h-svh {
    height:100svh
}

.max-h-96 {
    max-height:24rem
}

.max-h-\[calc\(75dvh\)\] {
    max-height:calc(75dvh)
}

.min-h-0 {
    min-height:0
}

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

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

.min-h-svh {
    min-height:100svh
}

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

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

.w-10 {
    width:2.5rem
}

.w-12 {
    width:3rem
}

.w-2 {
    width:.5rem
}

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

.w-20 {
    width:5rem
}

.w-24 {
    width:6rem
}

.w-3\.5 {
    width:.875rem
}

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

.w-32 {
    width:8rem
}

.w-36 {
    width:9rem
}

.w-4 {
    width:1rem
}

.w-40 {
    width:10rem
}

.w-48 {
    width:12rem
}

.w-5 {
    width:1.25rem
}

.w-52 {
    width:13rem
}

.w-56 {
    width:14rem
}

.w-64 {
    width:16rem
}

.w-7 {
    width:1.75rem
}

.w-8 {
    width:2rem
}

.w-\[--radix-popper-anchor-width\] {
    width:var(--radix-popper-anchor-width)
}

.w-\[--sidebar-width\] {
    width:var(--sidebar-width)
}

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

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

.w-auto {
    width:auto
}

.w-dvw {
    width:100dvw
}

.w-fit {
    width:fit-content
}

.w-full {
    width:100%
}

.w-screen {
    width:100vw
}

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

.min-w-5 {
    min-width:1.25rem
}

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

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

.min-w-\[8rem\] {
    min-width:8rem
}

.min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width:var(--radix-select-trigger-width)
}

.\ !max-w-full {
    max-width:100% !important
}

.max-w-16 {
    max-width:4rem
}

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

.max-w-\[--skeleton-width\] {
    max-width:var(--skeleton-width)
}

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

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

.max-w-lg {
    max-width:32rem
}

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

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

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

.shrink-0 {
    flex-shrink:0
}

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

.-translate-x-1\/2, .-translate-x-px {
    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-px {
    --tw-translate-x:-1px
}

.-translate-y-1 {
    --tw-translate-y:-0.25rem
}

.-translate-y-1, .translate-x-\[-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))
}

.translate-x-\[-50\%\] {
    --tw-translate-x:-50%
}

.translate-x-px {
    --tw-translate-x:1px
}

.translate-x-px, .translate-y-\[-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))
}

.translate-y-\[-50\%\] {
    --tw-translate-y:-50%
}

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

.-rotate-45, .translate-y-px {
    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-45 {
    --tw-rotate:-45deg
}

.animate-pulse {
    animation:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@keyframes spin {
    to {
        transform:rotate(1turn)
    }
}

.animate-spin {
    animation:spin 1s linear infinite
}

.cursor-default {
    cursor:default
}

.cursor-ns-resize {
    cursor:ns-resize
}

.cursor-pointer {
    cursor:pointer
}

.select-none {
    user-select:none
}

.resize-none {
    resize:none
}

.resize {
    resize:both
}

.list-outside {
    list-style-position:outside
}

.list-decimal {
    list-style-type:decimal
}

.flex-row {
    flex-direction:row
}

.flex-col {
    flex-direction:column
}

.flex-col-reverse {
    flex-direction:column-reverse
}

.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-1 {
    gap:.25rem
}

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

.gap-12 {
    gap:3rem
}

.gap-2 {
    gap:.5rem
}

.gap-3 {
    gap:.75rem
}

.gap-4 {
    gap:1rem
}

.gap-6 {
    gap:1.5rem
}

.gap-8 {
    gap:2rem
}

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

.self-center {
    align-self:center
}

.overflow-auto {
    overflow:auto
}

.overflow-hidden {
    overflow:hidden
}

.overflow-x-auto {
    overflow-x:auto
}

.overflow-x-hidden {
    overflow-x:hidden
}

.overflow-x-scroll {
    overflow-x:scroll
}

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

.truncate {
    overflow: hidden;
    text-overflow:ellipsis
}

.truncate, .whitespace-nowrap {
    white-space:nowrap
}

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

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

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

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

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

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

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

.rounded-bl-lg {
    border-bottom-left-radius:var(--radius)
}

.border {
    border-width:1px
}

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

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

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

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

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

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

.border-input {
    border-color:hsl(var(--input))
}

.border-sidebar-border {
    border-color:hsl(var(--sidebar-border))
}

.border-zinc-200 {
    --tw-border-opacity: 1;
    border-color:rgb(228 228 231/var(--tw-border-opacity))
}

.bg-background {
    background-color: hsl(var(--background))
}

.bg-black\/80 {
    background-color:rgba(0, 0, 0, .8)
}

.bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color:rgb(96 165 250/var(--tw-bg-opacity))
}

.bg-border {
    background-color:hsl(var(--border))
}

.bg-card {
    background-color:hsl(var(--card))
}

.bg-destructive {
    background-color:hsl(var(--destructive))
}

.bg-foreground {
    background-color:hsl(var(--foreground))
}

.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color:rgb(220 252 231/var(--tw-bg-opacity))
}

.bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color:rgb(224 231 255/var(--tw-bg-opacity))
}

.bg-indigo-200 {
    --tw-bg-opacity: 1;
    background-color:rgb(199 210 254/var(--tw-bg-opacity))
}

.bg-indigo-900 {
    --tw-bg-opacity: 1;
    background-color:rgb(49 46 129/var(--tw-bg-opacity))
}

.bg-muted {
    background-color:hsl(var(--muted))
}

.bg-muted-foreground\/20 {
    background-color:hsl(var(--muted-foreground)/.2)
}

.bg-muted-foreground\/25 {
    background-color:hsl(var(--muted-foreground)/.25)
}

.bg-muted-foreground\/40 {
    background-color:hsl(var(--muted-foreground)/.4)
}

.bg-popover {
    background-color:hsl(var(--popover))
}

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

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

.bg-secondary {
    background-color:hsl(var(--secondary))
}

.bg-sidebar {
    background-color:hsl(var(--sidebar-background))
}

.bg-sidebar-accent-foreground\/10 {
    background-color:hsl(var(--sidebar-accent-foreground)/.1)
}

.bg-sidebar-border {
    background-color:hsl(var(--sidebar-border))
}

.bg-transparent {
    background-color:transparent
}

.bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color:rgb(253 224 71/var(--tw-bg-opacity))
}

.bg-zinc-100 {
    --tw-bg-opacity: 1;
    background-color:rgb(244 244 245/var(--tw-bg-opacity))
}

.bg-zinc-50 {
    --tw-bg-opacity: 1;
    background-color:rgb(250 250 250/var(--tw-bg-opacity))
}

.bg-zinc-800 {
    --tw-bg-opacity: 1;
    background-color:rgb(39 39 42/var(--tw-bg-opacity))
}

.bg-zinc-900 {
    --tw-bg-opacity: 1;
    background-color:rgb(24 24 27/var(--tw-bg-opacity))
}

.bg-zinc-900\/50 {
    background-color:rgba(24, 24, 27, .5)
}

.fill-current {
    fill:currentColor
}

.object-cover {
    object-fit:cover
}

.p-0 {
    padding:0
}

.p-1 {
    padding:.25rem
}

.p-1\.5 {
    padding:.375rem
}

.p-2 {
    padding:.5rem
}

.p-3 {
    padding:.75rem
}

.p-4 {
    padding:1rem
}

.p-6 {
    padding:1.5rem
}

.p-8 {
    padding:2rem
}

.p-\[7px\] {
    padding:7px
}

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

.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-4 {
    padding-left: 1rem;
    padding-right:1rem
}

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

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

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

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom:.375rem
}

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

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

.py-3\.5 {
    padding-top: .875rem;
    padding-bottom:.875rem
}

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

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

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

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

.pb-\[calc\(80dvh\)\] {
    padding-bottom:calc(80dvh)
}

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

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

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

.pt-0 {
    padding-top:0
}

.pt-12 {
    padding-top:3rem
}

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

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

.text-left {
    text-align:left
}

.text-center {
    text-align:center
}

.font-mono {
    font-family: "Geist Mono", serif;
}

.font-sans {
    font-family: "Geist", serif;
}

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

.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-medium {
    font-weight:500
}

.font-normal {
    font-weight:400
}

.font-semibold {
    font-weight:600
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.leading-none {
    line-height:1
}

.leading-relaxed {
    line-height:1.625
}

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

.tracking-widest {
    letter-spacing:.1em
}

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

.text-background {
    color:hsl(var(--background))
}

.text-blue-100 {
    --tw-text-opacity: 1;
    color:rgb(219 234 254/var(--tw-text-opacity))
}

.text-blue-50 {
    --tw-text-opacity: 1;
    color:rgb(239 246 255/var(--tw-text-opacity))
}

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

.text-card-foreground {
    color:hsl(var(--card-foreground))
}

.text-destructive {
    color:hsl(var(--destructive))
}

.text-destructive-foreground {
    color:hsl(var(--destructive-foreground))
}

.text-emerald-500 {
    --tw-text-opacity: 1;
    color:rgb(16 185 129/var(--tw-text-opacity))
}

.text-foreground {
    color:hsl(var(--foreground))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color:rgb(107 114 128/var(--tw-text-opacity))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color:rgb(75 85 99/var(--tw-text-opacity))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color:rgb(31 41 55/var(--tw-text-opacity))
}

.text-green-700 {
    --tw-text-opacity: 1;
    color:rgb(21 128 61/var(--tw-text-opacity))
}

.text-muted-foreground {
    color:hsl(var(--muted-foreground))
}

.text-popover-foreground {
    color:hsl(var(--popover-foreground))
}

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

.text-primary-foreground {
    color:hsl(var(--primary-foreground))
}

.text-red-400 {
    --tw-text-opacity: 1;
    color:rgb(248 113 113/var(--tw-text-opacity))
}

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

.text-red-600 {
    --tw-text-opacity: 1;
    color:rgb(220 38 38/var(--tw-text-opacity))
}

.text-secondary-foreground {
    color:hsl(var(--secondary-foreground))
}

.text-sidebar-foreground {
    color:hsl(var(--sidebar-foreground))
}

.text-sidebar-foreground\/50 {
    color:hsl(var(--sidebar-foreground)/.5)
}

.text-sidebar-foreground\/70 {
    color:hsl(var(--sidebar-foreground)/.7)
}

.text-zinc-50 {
    --tw-text-opacity: 1;
    color:rgb(250 250 250/var(--tw-text-opacity))
}

.text-zinc-500 {
    --tw-text-opacity: 1;
    color:rgb(113 113 122/var(--tw-text-opacity))
}

.text-zinc-600 {
    --tw-text-opacity: 1;
    color:rgb(82 82 91/var(--tw-text-opacity))
}

.text-zinc-800 {
    --tw-text-opacity: 1;
    color:rgb(39 39 42/var(--tw-text-opacity))
}

.text-zinc-900 {
    --tw-text-opacity: 1;
    color:rgb(24 24 27/var(--tw-text-opacity))
}

.underline {
    text-decoration-line:underline
}

.line-through {
    text-decoration-line:line-through
}

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

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

.opacity-0 {
    opacity:0
}

.opacity-50 {
    opacity:.5
}

.opacity-60 {
    opacity:.6
}

.opacity-70 {
    opacity:.7
}

.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
    --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
    --tw-shadow-colored:0 0 0 1px var(--tw-shadow-color)
}

.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\], .shadow-lg {
    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 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-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-md, .shadow-none {
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored:0 0 #0000
}

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

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

.ring-border {
    --tw-ring-color:hsl(var(--border))
}

.ring-sidebar-ring {
    --tw-ring-color:hsl(var(--sidebar-ring))
}

.ring-offset-background {
    --tw-ring-offset-color:hsl(var(--background))
}

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

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

.transition-\[left\2c right\2c width\] {
    transition-property: left, right, width;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration:.15s
}

.transition-\[margin\2c opa\] {
    transition-property: margin, opa;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration:.15s
}

.transition-\[width\2c height\2c padding\] {
    transition-property: width, height, padding;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration:.15s
}

.transition-\[width\] {
    transition-property: width;
    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
}

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

.ease-linear {
    transition-timing-function:linear
}

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

.animate-in {
    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
}

.fade-in-0 {
    --tw-enter-opacity:0
}

.zoom-in-95 {
    --tw-enter-scale:.95
}

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

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

.ease-linear {
    animation-timing-function:linear
}

:root {
    --foreground-rgb: 0, 0, 0;
    --background-start-rgb: 214, 219, 220;
    --background-end-rgb:255, 255, 255
}

@media (prefers-color-scheme: dark) {
    :root {
        --foreground-rgb: 255, 255, 255;
        --background-start-rgb: 0, 0, 0;
        --background-end-rgb:0, 0, 0
    }
}

.skeleton {
    * {
        pointer-events:none !important
    }

    [class^=text-] {
        color: transparent;
        animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        user-select: none;
        border-radius: calc(var(--radius) - 2px);
        background-color:hsl(var(--foreground)/.2)
    }

    .skeleton-bg {
        background-color:hsl(var(--foreground)/.1)
    }

    @keyframes pulse {
        50% {
            opacity:.5
        }
    }

    .skeleton-div {
        animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        background-color:hsl(var(--foreground)/.2)
    }
}

.ProseMirror {
    outline:none
}

.cm-editor, .cm-gutters {
    background-color: hsl(var(--background)) !important;
    outline: 2px solid transparent !important;
    outline-offset:2px !important
}

.cm-editor ::selection, .cm-gutters ::selection {
    --tw-bg-opacity: 1 !important;
    background-color:rgb(24 24 27/var(--tw-bg-opacity)) !important
}

.cm-editor::selection, .cm-gutters::selection {
    --tw-bg-opacity: 1 !important;
    background-color:rgb(24 24 27/var(--tw-bg-opacity)) !important
}

.cm-editor:is(.dark *), .cm-gutters:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color:rgb(39 39 42/var(--tw-bg-opacity)) !important
}

.ͼo.cm-content::selection, .ͼo.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .ͼo.cm-selectionBackground {
    --tw-bg-opacity: 1 !important;
    background-color:rgb(228 228 231/var(--tw-bg-opacity)) !important
}

.ͼo.cm-content:is(.dark *)::selection, .ͼo.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground:is(.dark *), .ͼo.cm-selectionBackground:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color:rgb(24 24 27/var(--tw-bg-opacity)) !important
}

.cm-activeLine, .cm-activeLineGutter {
    background-color:transparent !important
}

.cm-activeLine {
    border-top-right-radius: calc(var(--radius) - 4px) !important;
    border-bottom-right-radius:calc(var(--radius) - 4px) !important
}

.cm-lineNumbers {
    min-width:1.75rem
}

.cm-foldGutter {
    min-width:.75rem
}

.cm-lineNumbers .cm-activeLineGutter {
    border-top-left-radius: calc(var(--radius) - 4px) !important;
    border-bottom-left-radius:calc(var(--radius) - 4px) !important
}

.suggestion-highlight {
    --tw-bg-opacity: 1;
    background-color:rgb(191 219 254/var(--tw-bg-opacity))
}

.suggestion-highlight:hover {
    --tw-bg-opacity: 1;
    background-color:rgb(147 197 253/var(--tw-bg-opacity))
}

.suggestion-highlight:is(.dark *) {
    background-color: rgba(59, 130, 246, .4);
    --tw-text-opacity: 1;
    color:rgb(239 246 255/var(--tw-text-opacity))
}

.suggestion-highlight:hover:is(.dark *) {
    background-color:rgba(96, 165, 250, .5)
}

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

.file\:border-0::file-selector-button {
    border-width:0
}

.file\:bg-transparent::file-selector-button {
    background-color:transparent
}

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

.file\:font-medium::file-selector-button {
    font-weight:500
}

.file\:text-foreground::file-selector-button {
    color:hsl(var(--foreground))
}

.placeholder\:text-muted-foreground::placeholder {
    color:hsl(var(--muted-foreground))
}

.after\:absolute:after {
    content: var(--tw-content);
    position:absolute
}

.after\:-inset-2:after {
    content: var(--tw-content);
    inset:-.5rem
}

.after\:inset-y-0:after {
    content: var(--tw-content);
    top: 0;
    bottom:0
}

.after\:left-1\/2:after {
    content: var(--tw-content);
    left:50%
}

.after\:w-\[2px\]:after {
    content: var(--tw-content);
    width:2px
}

.hover\:bg-accent:hover {
    background-color:hsl(var(--accent))
}

.hover\:bg-destructive\/90:hover {
    background-color:hsl(var(--destructive)/.9)
}

.hover\:bg-muted:hover {
    background-color:hsl(var(--muted))
}

.hover\:bg-primary\/90:hover {
    background-color:hsl(var(--primary)/.9)
}

.hover\:bg-secondary\/80:hover {
    background-color:hsl(var(--secondary)/.8)
}

.hover\:bg-sidebar-accent:hover {
    background-color:hsl(var(--sidebar-accent))
}

.hover\:bg-zinc-100:hover {
    --tw-bg-opacity: 1;
    background-color:rgb(244 244 245/var(--tw-bg-opacity))
}

.hover\:bg-zinc-200:hover {
    --tw-bg-opacity: 1;
    background-color:rgb(228 228 231/var(--tw-bg-opacity))
}

.hover\:bg-zinc-800:hover {
    --tw-bg-opacity: 1;
    background-color:rgb(39 39 42/var(--tw-bg-opacity))
}

.hover\:text-accent-foreground:hover {
    color:hsl(var(--accent-foreground))
}

.hover\:text-sidebar-accent-foreground:hover {
    color:hsl(var(--sidebar-accent-foreground))
}

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

.hover\:opacity-100:hover {
    opacity:1
}

.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
    --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
    --tw-shadow-colored: 0 0 0 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)
}

.hover\:after\:bg-sidebar-border:hover:after {
    content: var(--tw-content);
    background-color:hsl(var(--sidebar-border))
}

.focus\:bg-accent:focus {
    background-color:hsl(var(--accent))
}

.focus\:bg-destructive\/15:focus {
    background-color:hsl(var(--destructive)/.15)
}

.focus\:text-accent-foreground:focus {
    color:hsl(var(--accent-foreground))
}

.focus\:text-destructive:focus {
    color:hsl(var(--destructive))
}

.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-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-2: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(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-visible\:ring-ring:focus-visible {
    --tw-ring-color:hsl(var(--ring))
}

.focus-visible\:ring-sidebar-ring:focus-visible {
    --tw-ring-color:hsl(var(--sidebar-ring))
}

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

.active\:bg-sidebar-accent:active {
    background-color:hsl(var(--sidebar-accent))
}

.active\:text-sidebar-accent-foreground:active {
    color:hsl(var(--sidebar-accent-foreground))
}

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

.disabled\:cursor-not-allowed:disabled {
    cursor:not-allowed
}

.disabled\:opacity-50:disabled {
    opacity:.5
}

.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
    opacity:1
}

.group\/menu-item:hover .group-hover\/menu-item\:opacity-100, .group\/message:hover .group-hover\/message\:opacity-100 {
    opacity:1
}

.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground {
    color:hsl(var(--sidebar-accent-foreground))
}

.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
    cursor:not-allowed
}

.peer:disabled ~ .peer-disabled\:opacity-70 {
    opacity:.7
}

.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]) {
    background-color:hsl(var(--sidebar-background))
}

.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 {
    padding-right:2rem
}

.aria-disabled\:pointer-events-none[aria-disabled=true] {
    pointer-events:none
}

.aria-disabled\:opacity-50[aria-disabled=true] {
    opacity:.5
}

.data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events:none
}

.data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
    --tw-translate-y:0.25rem
}

.data-\[side\=bottom\]\:translate-y-1[data-side=bottom], .data-\[side\=left\]\:-translate-x-1[data-side=left] {
    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))
}

.data-\[side\=left\]\:-translate-x-1[data-side=left] {
    --tw-translate-x:-0.25rem
}

.data-\[side\=right\]\:translate-x-1[data-side=right] {
    --tw-translate-x:0.25rem
}

.data-\[side\=right\]\:translate-x-1[data-side=right], .data-\[side\=top\]\:-translate-y-1[data-side=top] {
    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))
}

.data-\[side\=top\]\:-translate-y-1[data-side=top] {
    --tw-translate-y:-0.25rem
}

.data-\[active\=true\]\:bg-sidebar-accent[data-active=true] {
    background-color:hsl(var(--sidebar-accent))
}

.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\]\:bg-sidebar-accent[data-state=open] {
    background-color:hsl(var(--sidebar-accent))
}

.data-\[active\=true\]\:font-medium[data-active=true] {
    font-weight:500
}

.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true] {
    color:hsl(var(--sidebar-accent-foreground))
}

.data-\[state\=open\]\:text-accent-foreground[data-state=open] {
    color:hsl(var(--accent-foreground))
}

.data-\[state\=open\]\:text-sidebar-accent-foreground[data-state=open] {
    color:hsl(var(--sidebar-accent-foreground))
}

.data-\[disabled\]\:opacity-50[data-disabled] {
    opacity:.5
}

.data-\[state\=open\]\:opacity-100[data-state=open] {
    opacity:1
}

.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-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
    --tw-enter-translate-y:-0.5rem
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
    --tw-enter-translate-x:0.5rem
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
    --tw-enter-translate-x:-0.5rem
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
    --tw-enter-translate-y:0.5rem
}

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

.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state=open] {
    background-color:hsl(var(--sidebar-accent))
}

.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state=open] {
    color:hsl(var(--sidebar-accent-foreground))
}

.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\ * -1\)\] {
    left:calc(var(--sidebar-width) * -1)
}

.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\ * -1\)\] {
    right:calc(var(--sidebar-width) * -1)
}

.group[data-side=left] .group-data-\[side\=left\]\:-right-4 {
    right:-1rem
}

.group[data-side=right] .group-data-\[side\=right\]\:left-0 {
    left:0
}

.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8 {
    margin-top:-2rem
}

.group\/message[data-role=user] .group-data-\[role\=user\]\/message\:ml-auto {
    margin-left:auto
}

.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden {
    display:none
}

.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\ !size-8 {
    width: 2rem !important;
    height:2rem !important
}

.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
    width:var(--sidebar-width-icon)
}

.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\ + _theme\(spacing\.4\)\)\] {
    width:calc(var(--sidebar-width-icon) + 1rem)
}

.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\ + _theme\(spacing\.4\)_\ + 2px\)\] {
    width:calc(var(--sidebar-width-icon) + 1rem + 2px)
}

.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0 {
    width:0
}

.group\/message[data-role=user] .group-data-\[role\=user\]\/message\:w-fit {
    width:fit-content
}

.group\/message[data-role=user] .group-data-\[role\=user\]\/message\:max-w-2xl {
    max-width:42rem
}

.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
    --tw-translate-x:0px
}

.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0, .group[data-side=right] .group-data-\[side\=right\]\:rotate-180 {
    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[data-side=right] .group-data-\[side\=right\]\:rotate-180 {
    --tw-rotate:180deg
}

.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden {
    overflow:hidden
}

.group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg {
    border-radius:var(--radius)
}

.group[data-variant=floating] .group-data-\[variant\=floating\]\:border {
    border-width:1px
}

.group[data-side=left] .group-data-\[side\=left\]\:border-r {
    border-right-width:1px
}

.group[data-side=left] .group-data-\[side\=left\]\:border-r-0 {
    border-right-width:0
}

.group[data-side=right] .group-data-\[side\=right\]\:border-l {
    border-left-width:1px
}

.group[data-variant=floating] .group-data-\[variant\=floating\]\:border-sidebar-border {
    border-color:hsl(var(--sidebar-border))
}

.group\/message[data-role=user] .group-data-\[role\=user\]\/message\:bg-muted {
    background-color:hsl(var(--muted))
}

.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\ !p-0 {
    padding:0 !important
}

.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\ !p-2 {
    padding:.5rem !important
}

.group\/message[data-role=user] .group-data-\[role\=user\]\/message\:px-3 {
    padding-left: .75rem;
    padding-right:.75rem
}

.group\/message[data-role=user] .group-data-\[role\=user\]\/message\:py-2 {
    padding-top: .5rem;
    padding-bottom:.5rem
}

.group\/item[data-active=true] .group-data-\[active\=true\]\/item\:opacity-100 {
    opacity:1
}

.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0 {
    opacity:0
}

.group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(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)
}

.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after {
    content: var(--tw-content);
    left:100%
}

.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover {
    background-color:hsl(var(--sidebar-background))
}

.peer\/menu-button[data-size=default] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
    top:.375rem
}

.peer\/menu-button[data-size=lg] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
    top:.625rem
}

.peer\/menu-button[data-size=sm] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
    top:.25rem
}

.peer[data-variant=inset] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] {
    min-height:calc(100svh - 1rem)
}

.peer\/menu-button[data-active=true] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
    color:hsl(var(--sidebar-accent-foreground))
}

.dark\:border-zinc-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-color:rgb(82 82 91/var(--tw-border-opacity))
}

.dark\:border-zinc-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color:rgb(63 63 70/var(--tw-border-opacity))
}

.dark\:bg-background:is(.dark *) {
    background-color:hsl(var(--background))
}

.dark\:bg-green-500\/70:is(.dark *) {
    background-color:rgba(34, 197, 94, .7)
}

.dark\:bg-muted:is(.dark *) {
    background-color:hsl(var(--muted))
}

.dark\:bg-red-500\/70:is(.dark *) {
    background-color:rgba(239, 68, 68, .7)
}

.dark\:bg-zinc-100:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color:rgb(244 244 245/var(--tw-bg-opacity))
}

.dark\:bg-zinc-800:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color:rgb(39 39 42/var(--tw-bg-opacity))
}

.dark\:bg-zinc-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color:rgb(24 24 27/var(--tw-bg-opacity))
}

.dark\:text-foreground:is(.dark *) {
    color:hsl(var(--foreground))
}

.dark\:text-green-300:is(.dark *) {
    --tw-text-opacity: 1;
    color:rgb(134 239 172/var(--tw-text-opacity))
}

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

.dark\:text-red-500:is(.dark *) {
    --tw-text-opacity: 1;
    color:rgb(239 68 68/var(--tw-text-opacity))
}

.dark\:text-zinc-200:is(.dark *) {
    --tw-text-opacity: 1;
    color:rgb(228 228 231/var(--tw-text-opacity))
}

.dark\:text-zinc-400:is(.dark *) {
    --tw-text-opacity: 1;
    color:rgb(161 161 170/var(--tw-text-opacity))
}

.dark\:text-zinc-50:is(.dark *) {
    --tw-text-opacity: 1;
    color:rgb(250 250 250/var(--tw-text-opacity))
}

.dark\:text-zinc-900:is(.dark *) {
    --tw-text-opacity: 1;
    color:rgb(24 24 27/var(--tw-text-opacity))
}

.dark\:hover\:bg-zinc-200:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color:rgb(228 228 231/var(--tw-bg-opacity))
}

.dark\:hover\:bg-zinc-700:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color:rgb(63 63 70/var(--tw-bg-opacity))
}

.hover\:dark\:bg-zinc-700:is(.dark *):hover {
    --tw-bg-opacity: 1;
    background-color:rgb(63 63 70/var(--tw-bg-opacity))
}

.hover\:dark\:bg-zinc-900:is(.dark *):hover {
    --tw-bg-opacity: 1;
    background-color:rgb(24 24 27/var(--tw-bg-opacity))
}

@media (min-width: 640px) {
    .sm\:mt-0 {
        margin-top:0
    }

    .sm\:block {
        display:block
    }

    .sm\:flex {
        display:flex
    }

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

    .sm\:translate-y-0 {
        --tw-translate-y: 0px;
        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\:grid-cols-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }

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

    .sm\:flex-col {
        flex-direction:column
    }

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

    .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\:px-14 {
        padding-left: 3.5rem;
        padding-right:3.5rem
    }

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

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

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

@media (min-width: 768px) {
    .md\: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
    }

    .md\:-right-16 {
        right:-4rem
    }

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

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

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

    .md\:ml-0 {
        margin-left:0
    }

    .md\:ml-auto {
        margin-left:auto
    }

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

    .md\:block {
        display:block
    }

    .md\:flex {
        display:flex
    }

    .md\:hidden {
        display:none
    }

    .md\:h-\[34px\] {
        height:34px
    }

    .md\:h-fit {
        height:fit-content
    }

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

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

    .md\:p-20 {
        padding:5rem
    }

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

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

    .md\:pt-0 {
        padding-top:0
    }

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

    .md\:opacity-0 {
        opacity:0
    }

    .after\:md\:hidden:after {
        content: var(--tw-content);
        display:none
    }

    .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:m-2 {
        margin:.5rem
    }

    .peer[data-state=collapsed][data-variant=inset] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
        margin-left:.5rem
    }

    .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 {
        margin-left:0
    }

    .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
        border-radius:.75rem
    }

    .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:shadow {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(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)
    }
}

@media (min-width: 1024px) {
    .lg\:flex-row {
        flex-direction:row
    }
}

.\[\&\ > button\]\:hidden > button {
    display:none
}

.\[\&\ > span\:last-child\]\:truncate > span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap
}

.\[\&\ > span\]\:line-clamp-1 > span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1
}

.\[\&\ > svg\]\:size-4 > svg {
    width: 1rem;
    height:1rem
}

.\[\&\ > svg\]\:shrink-0 > svg {
    flex-shrink:0
}

.\[\&\ > svg\]\:text-sidebar-accent-foreground > svg {
    color:hsl(var(--sidebar-accent-foreground))
}

.\[\&_svg\]\:pointer-events-none svg {
    pointer-events:none
}

.\[\&_svg\]\:size-4 svg {
    width: 1rem;
    height:1rem
}

.\[\&_svg\]\:shrink-0 svg {
    flex-shrink:0
}

[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
    right:-.5rem
}

[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
    cursor:e-resize
}

[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
    cursor:w-resize
}

[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
    left:-.5rem
}

[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
    cursor:w-resize
}

[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
    cursor: e-resize
}

/* Sidebar is hidden when collapsed */
[data-collapsible="offcanvas"][data-state="collapsed"] {
    transform: translateX(-100%); /* Moves the sidebar out of view */
    transition: transform 0.3s ease-in-out; /* Smooth sliding effect */
    visibility: hidden; /* Ensures it's not interactable */
}

/* Sidebar is visible when expanded */
[data-collapsible="offcanvas"][data-state="expanded"] {
    transform: translateX(0); /* Brings the sidebar into view */
    transition: transform 0.3s ease-in-out; /* Smooth sliding effect */
    visibility: visible; /* Ensures it's interactable */
}

[class*=" ibm_icon_"], [class^=ibm_icon_] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: ibm_icons!important;
    font-style: normal;
}  

[data-radix-popper-content-wrapper][data-state="closed"] {
    transform: translate(0px, 0px); /* Default hidden state */
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

[data-radix-popper-content-wrapper][data-state="open"] {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.leaflet-custom-legend {
    bottom: 50px;
    left: 50px;
    background-color: white;
    padding: 10px;
    border: 2px solid black;
    border-radius: 4px;
    z-index: 9999;	
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

pre code.hljs {
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
}