/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
      @layer properties {
         @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

            *,
            :before,
            :after,
            ::backdrop {
               --tw-translate-x: 0;
               --tw-translate-y: 0;
               --tw-translate-z: 0;
               --tw-rotate-x: initial;
               --tw-rotate-y: initial;
               --tw-rotate-z: initial;
               --tw-skew-x: initial;
               --tw-skew-y: initial;
               --tw-space-y-reverse: 0;
               --tw-space-x-reverse: 0;
               --tw-divide-x-reverse: 0;
               --tw-border-style: solid;
               --tw-leading: initial;
               --tw-font-weight: initial;
               --tw-shadow: 0 0 #0000;
               --tw-shadow-color: initial;
               --tw-shadow-alpha: 100%;
               --tw-inset-shadow: 0 0 #0000;
               --tw-inset-shadow-color: initial;
               --tw-inset-shadow-alpha: 100%;
               --tw-ring-color: initial;
               --tw-ring-shadow: 0 0 #0000;
               --tw-inset-ring-color: initial;
               --tw-inset-ring-shadow: 0 0 #0000;
               --tw-ring-inset: initial;
               --tw-ring-offset-width: 0px;
               --tw-ring-offset-color: #fff;
               --tw-ring-offset-shadow: 0 0 #0000;
               --tw-outline-style: solid;
               --tw-duration: initial;
               --tw-ease: initial
            }
         }
      }

      @layer theme {

         :root,
         :host {
            --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            --color-red-400: oklch(70.4% .191 22.216);
            --color-red-500: oklch(63.7% .237 25.331);
            --color-red-700: oklch(50.5% .213 27.518);
            --color-green-100: oklch(96.2% .044 156.743);
            --color-green-400: oklch(79.2% .209 151.711);
            --color-green-500: oklch(72.3% .219 149.579);
            --color-green-600: oklch(62.7% .194 149.214);
            --color-green-700: oklch(52.7% .154 150.069);
            --color-sky-500: oklch(68.5% .169 237.323);
            --color-blue-400: oklch(70.7% .165 254.624);
            --color-blue-500: oklch(62.3% .214 259.815);
            --color-blue-600: oklch(54.6% .245 262.881);
            --color-blue-700: oklch(48.8% .243 264.376);
            --color-gray-50: oklch(98.5% .002 247.839);
            --color-gray-200: oklch(92.8% .006 264.531);
            --color-gray-300: oklch(87.2% .01 258.338);
            --color-gray-400: oklch(70.7% .022 261.325);
            --color-gray-500: oklch(55.1% .027 264.364);
            --color-gray-600: oklch(44.6% .03 256.802);
            --color-gray-700: oklch(37.3% .034 259.733);
            --color-gray-800: oklch(27.8% .033 256.848);
            --color-gray-900: oklch(21% .034 264.665);
            --color-black: #000;
            --color-white: #fff;
            --spacing: .25rem;
            --container-xs: 20rem;
            --container-sm: 24rem;
            --container-lg: 32rem;
            --container-xl: 36rem;
            --container-3xl: 48rem;
            --container-5xl: 64rem;
            --text-xs: .75rem;
            --text-xs--line-height: calc(1/.75);
            --text-sm: .875rem;
            --text-sm--line-height: calc(1.25/.875);
            --text-base: 1rem;
            --text-base--line-height: 1.5;
            --text-lg: 1.125rem;
            --text-lg--line-height: calc(1.75/1.125);
            --text-xl: 1.25rem;
            --text-xl--line-height: calc(1.75/1.25);
            --text-3xl: 1.875rem;
            --text-3xl--line-height: 1.2;
            --font-weight-normal: 400;
            --font-weight-medium: 500;
            --font-weight-semibold: 600;
            --font-weight-bold: 700;
            --radius-xs: .125rem;
            --radius-2xl: 1rem;
            --radius-3xl: 1.5rem;
            --ease-in-out: cubic-bezier(.4, 0, .2, 1);
            --default-transition-duration: .15s;
            --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            --default-font-family: var(--font-sans);
            --default-mono-font-family: var(--font-mono)
         }
      }

      @layer base {

         *,
         :after,
         :before,
         ::backdrop {
            box-sizing: border-box;
            border: 0 solid;
            margin: 0;
            padding: 0
         }

         ::file-selector-button {
            box-sizing: border-box;
            border: 0 solid;
            margin: 0;
            padding: 0
         }

         html,
         :host {
            -webkit-text-size-adjust: 100%;
            -moz-tab-size: 4;
            tab-size: 4;
            line-height: 1.5;
            font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
            font-feature-settings: var(--default-font-feature-settings, normal);
            font-variation-settings: var(--default-font-variation-settings, normal);
            -webkit-tap-highlight-color: transparent
         }

         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;
            -webkit-text-decoration: inherit;
            text-decoration: inherit
         }

         b,
         strong {
            font-weight: bolder
         }

         code,
         kbd,
         samp,
         pre {
            font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
            font-feature-settings: var(--default-mono-font-feature-settings, normal);
            font-variation-settings: var(--default-mono-font-variation-settings, normal);
            font-size: 1em
         }

         small {
            font-size: 80%
         }

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

         sub {
            bottom: -.25em
         }

         sup {
            top: -.5em
         }

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

         :-moz-focusring {
            outline: auto
         }

         progress {
            vertical-align: baseline
         }

         summary {
            display: list-item
         }

         ol,
         ul,
         menu {
            list-style: none
         }

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

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

         button,
         input,
         select,
         optgroup,
         textarea {
            font: inherit;
            font-feature-settings: inherit;
            font-variation-settings: inherit;
            letter-spacing: inherit;
            color: inherit;
            opacity: 1;
            background-color: #0000;
            border-radius: 0
         }

         ::file-selector-button {
            font: inherit;
            font-feature-settings: inherit;
            font-variation-settings: inherit;
            letter-spacing: inherit;
            color: inherit;
            opacity: 1;
            background-color: #0000;
            border-radius: 0
         }

         :where(select:is([multiple], [size])) optgroup {
            font-weight: bolder
         }

         :where(select:is([multiple], [size])) optgroup option {
            padding-inline-start: 20px
         }

         ::file-selector-button {
            margin-inline-end: 4px
         }

         ::placeholder {
            opacity: 1
         }

         @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
            ::placeholder {
               color: currentColor
            }

            @supports (color:color-mix(in lab, red, red)) {
               ::placeholder {
                  color: color-mix(in oklab, currentcolor 50%, transparent)
               }
            }
         }

         textarea {
            resize: vertical
         }

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

         ::-webkit-date-and-time-value {
            min-height: 1lh;
            text-align: inherit
         }

         ::-webkit-datetime-edit {
            display: inline-flex
         }

         ::-webkit-datetime-edit-fields-wrapper {
            padding: 0
         }

         ::-webkit-datetime-edit {
            padding-block: 0
         }

         ::-webkit-datetime-edit-year-field {
            padding-block: 0
         }

         ::-webkit-datetime-edit-month-field {
            padding-block: 0
         }

         ::-webkit-datetime-edit-day-field {
            padding-block: 0
         }

         ::-webkit-datetime-edit-hour-field {
            padding-block: 0
         }

         ::-webkit-datetime-edit-minute-field {
            padding-block: 0
         }

         ::-webkit-datetime-edit-second-field {
            padding-block: 0
         }

         ::-webkit-datetime-edit-millisecond-field {
            padding-block: 0
         }

         ::-webkit-datetime-edit-meridiem-field {
            padding-block: 0
         }

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

         button,
         input:where([type=button], [type=reset], [type=submit]) {
            -webkit-appearance: button;
            -moz-appearance: button;
            appearance: button
         }

         ::file-selector-button {
            -webkit-appearance: button;
            -moz-appearance: button;
            appearance: button
         }

         ::-webkit-inner-spin-button {
            height: auto
         }

         ::-webkit-outer-spin-button {
            height: auto
         }

         [hidden]:where(:not([hidden=until-found])) {
            display: none !important
         }

         * {
            border-color: var(--border);
            outline-color: var(--ring)
         }

         @supports (color:color-mix(in lab, red, red)) {
            * {
               outline-color: color-mix(in oklab, var(--ring)50%, transparent)
            }
         }

         body {
            background-color: var(--background);
            color: var(--foreground)
         }
      }

      @layer components;

      @layer utilities {
         .invisible {
            visibility: hidden
         }

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

         .absolute {
            position: absolute
         }

         .fixed {
            position: fixed
         }

         .relative {
            position: relative
         }

         .sticky {
            position: sticky
         }

         .inset-0 {
            inset: calc(var(--spacing)*0)
         }

         .-top-7 {
            top: calc(var(--spacing)*-7)
         }

         .top-0 {
            top: calc(var(--spacing)*0)
         }

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

         .top-2 {
            top: calc(var(--spacing)*2)
         }

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

         .right-1 {
            right: calc(var(--spacing)*1)
         }

         .right-2 {
            right: calc(var(--spacing)*2)
         }

         .right-5 {
            right: calc(var(--spacing)*5)
         }

         .left-1 {
            left: calc(var(--spacing)*1)
         }

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

         .z-0 {
            z-index: 0
         }

         .z-10 {
            z-index: 10
         }

         .z-50 {
            z-index: 50
         }

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

         .container {
            width: 100%
         }

         @media (min-width:40rem) {
            .container {
               max-width: 40rem
            }
         }

         @media (min-width:48rem) {
            .container {
               max-width: 48rem
            }
         }

         @media (min-width:64rem) {
            .container {
               max-width: 64rem
            }
         }

         @media (min-width:80rem) {
            .container {
               max-width: 80rem
            }
         }

         @media (min-width:96rem) {
            .container {
               max-width: 96rem
            }
         }

         .mx-auto {
            margin-inline: auto
         }

         .my-3 {
            margin-block: calc(var(--spacing)*3)
         }

         .my-6 {
            margin-block: calc(var(--spacing)*6)
         }

         .my-16 {
            margin-block: calc(var(--spacing)*16)
         }

         .mt-1 {
            margin-top: calc(var(--spacing)*1)
         }

         .mt-2 {
            margin-top: calc(var(--spacing)*2)
         }

         .mt-3 {
            margin-top: calc(var(--spacing)*3)
         }

         .mt-4 {
            margin-top: calc(var(--spacing)*4)
         }

         .mt-6 {
            margin-top: calc(var(--spacing)*6)
         }

         .mt-12 {
            margin-top: calc(var(--spacing)*12)
         }

         .mt-24 {
            margin-top: calc(var(--spacing)*24)
         }

         .mr-4 {
            margin-right: calc(var(--spacing)*4)
         }

         .mb-0 {
            margin-bottom: calc(var(--spacing)*0)
         }

         .mb-2 {
            margin-bottom: calc(var(--spacing)*2)
         }

         .mb-4 {
            margin-bottom: calc(var(--spacing)*4)
         }

         .mb-6 {
            margin-bottom: calc(var(--spacing)*6)
         }

         .ml-1 {
            margin-left: calc(var(--spacing)*1)
         }

         .block {
            display: block
         }

         .flex {
            display: flex
         }

         .grid {
            display: grid
         }

         .hidden {
            display: none
         }

         .inline-flex {
            display: inline-flex
         }

         .table {
            display: table
         }

         .size-3 {
            width: calc(var(--spacing)*3);
            height: calc(var(--spacing)*3)
         }

         .size-4 {
            width: calc(var(--spacing)*4);
            height: calc(var(--spacing)*4)
         }

         .size-6 {
            width: calc(var(--spacing)*6);
            height: calc(var(--spacing)*6)
         }

         .size-7 {
            width: calc(var(--spacing)*7);
            height: calc(var(--spacing)*7)
         }

         .size-8 {
            width: calc(var(--spacing)*8);
            height: calc(var(--spacing)*8)
         }

         .size-9 {
            width: calc(var(--spacing)*9);
            height: calc(var(--spacing)*9)
         }

         .h-2 {
            height: calc(var(--spacing)*2)
         }

         .h-4 {
            height: calc(var(--spacing)*4)
         }

         .h-5 {
            height: calc(var(--spacing)*5)
         }

         .h-6 {
            height: calc(var(--spacing)*6)
         }

         .h-8 {
            height: calc(var(--spacing)*8)
         }

         .h-9 {
            height: calc(var(--spacing)*9)
         }

         .h-10 {
            height: calc(var(--spacing)*10)
         }

         .h-12 {
            height: calc(var(--spacing)*12)
         }

         .h-16 {
            height: calc(var(--spacing)*16)
         }

         .h-\[0\.5px\] {
            height: .5px
         }

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

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

         .h-auto {
            height: auto
         }

         .h-full {
            height: 100%
         }

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

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

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

         .w-2 {
            width: calc(var(--spacing)*2)
         }

         .w-4 {
            width: calc(var(--spacing)*4)
         }

         .w-5 {
            width: calc(var(--spacing)*5)
         }

         .w-6 {
            width: calc(var(--spacing)*6)
         }

         .w-8 {
            width: calc(var(--spacing)*8)
         }

         .w-12 {
            width: calc(var(--spacing)*12)
         }

         .w-16 {
            width: calc(var(--spacing)*16)
         }

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

         .w-full {
            width: 100%
         }

         .w-xs {
            width: var(--container-xs)
         }

         .max-w-4 {
            max-width: calc(var(--spacing)*4)
         }

         .max-w-5xl {
            max-width: var(--container-5xl)
         }

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

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

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

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

         .max-w-sm {
            max-width: var(--container-sm)
         }

         .max-w-xs {
            max-width: var(--container-xs)
         }

         .min-w-0 {
            min-width: calc(var(--spacing)*0)
         }

         .flex-1 {
            flex: 1
         }

         .shrink-0 {
            flex-shrink: 0
         }

         .flex-grow {
            flex-grow: 1
         }

         .border-collapse {
            border-collapse: collapse
         }

         .-translate-x-1\/2 {
            --tw-translate-x: -50%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
         }

         .translate-x-\[-50\%\] {
            --tw-translate-x: -50%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
         }

         .-translate-y-1\/2 {
            --tw-translate-y: -50%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
         }

         .translate-y-\[-50\%\] {
            --tw-translate-y: -50%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
         }

         .transform {
            transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
         }

         .cursor-pointer {
            cursor: pointer
         }

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

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

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

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

         .flex-col {
            flex-direction: column
         }

         .flex-wrap {
            flex-wrap: wrap
         }

         .items-center {
            align-items: center
         }

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

         .justify-center {
            justify-content: center
         }

         .gap-0 {
            gap: calc(var(--spacing)*0)
         }

         .gap-1 {
            gap: calc(var(--spacing)*1)
         }

         .gap-1\.5 {
            gap: calc(var(--spacing)*1.5)
         }

         .gap-2 {
            gap: calc(var(--spacing)*2)
         }

         .gap-3 {
            gap: calc(var(--spacing)*3)
         }

         .gap-4 {
            gap: calc(var(--spacing)*4)
         }

         .gap-6 {
            gap: calc(var(--spacing)*6)
         }

         .gap-10 {
            gap: calc(var(--spacing)*10)
         }

         :where(.space-y-2>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
         }

         :where(.space-y-3>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
         }

         :where(.space-x-1>:not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))
         }

         :where(.space-x-4>:not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))
         }

         :where(.space-x-6>:not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse)))
         }

         :where(.divide-x>:not(:last-child)) {
            --tw-divide-x-reverse: 0;
            border-inline-style: var(--tw-border-style);
            border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
            border-inline-end-width: calc(1px*calc(1 - var(--tw-divide-x-reverse)))
         }

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

         .overflow-hidden {
            overflow: hidden
         }

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

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

         .rounded {
            border-radius: .25rem
         }

         .rounded-2xl {
            border-radius: var(--radius-2xl)
         }

         .rounded-full {
            border-radius: 3.40282e38px
         }

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

         .rounded-md {
            border-radius: calc(var(--radius) - 2px)
         }

         .rounded-none {
            border-radius: 0
         }

         .rounded-xl {
            border-radius: calc(var(--radius) + 4px)
         }

         .rounded-xs {
            border-radius: var(--radius-xs)
         }

         .rounded-t-3xl {
            border-top-left-radius: var(--radius-3xl);
            border-top-right-radius: var(--radius-3xl)
         }

         .border {
            border-style: var(--tw-border-style);
            border-width: 1px
         }

         .border-y {
            border-block-style: var(--tw-border-style);
            border-block-width: 1px
         }

         .border-b {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px
         }

         .border-l-4 {
            border-left-style: var(--tw-border-style);
            border-left-width: 4px
         }

         .border-\[\#4d50551a\] {
            border-color: #4d50551a
         }

         .border-\[\#5b3df0\] {
            border-color: #5b3df0
         }

         .border-\[\#ccc\] {
            border-color: #ccc
         }

         .border-\[\#ccd0d5\] {
            border-color: #ccd0d5
         }

         .border-gray-200 {
            border-color: var(--color-gray-200)
         }

         .border-gray-300 {
            border-color: var(--color-gray-300)
         }

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

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

         .border-red-500 {
            border-color: var(--color-red-500)
         }

         .bg-\[\#00a2ff\] {
            background-color: #00a2ff
         }

         .bg-\[\#1e2b6f\] {
            background-color: #1e2b6f
         }

         .bg-\[\#1877f2\] {
            background-color: #1877f2
         }

         .bg-\[\#1877f2\]\/60 {
            background-color: #1877f299
         }

         .bg-\[\#4267b2\] {
            background-color: #4267b2
         }

         .bg-\[\#4267b2\]\/80 {
            background-color: #4267b2cc
         }

         .bg-\[\#d3d3d3\] {
            background-color: #d3d3d3
         }

         .bg-\[\#e1e1e1\] {
            background-color: #e1e1e1
         }

         .bg-\[\#e9ebee\] {
            background-color: #e9ebee
         }

         .bg-\[\#ebedf0\] {
            background-color: #ebedf0
         }

         .bg-\[\#f5f3ff\] {
            background-color: #f5f3ff
         }

         .bg-\[\#f7f7f7\] {
            background-color: #f7f7f7
         }

         .bg-\[\#f9fafb\] {
            background-color: #f9fafb
         }

         .bg-\[\#fff8e8\] {
            background-color: #fff8e8
         }

         .bg-\[\#ffffff\] {
            background-color: #fff
         }

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

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

         .bg-black\/50 {
            background-color: #00000080
         }

         @supports (color:color-mix(in lab, red, red)) {
            .bg-black\/50 {
               background-color: color-mix(in oklab, var(--color-black)50%, transparent)
            }
         }

         .bg-blue-500 {
            background-color: var(--color-blue-500)
         }

         .bg-blue-600 {
            background-color: var(--color-blue-600)
         }

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

         .bg-gray-200 {
            background-color: var(--color-gray-200)
         }

         .bg-gray-300 {
            background-color: var(--color-gray-300)
         }

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

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

         .bg-green-600 {
            background-color: var(--color-green-600)
         }

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

         .bg-red-500 {
            background-color: var(--color-red-500)
         }

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

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

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

         .object-contain {
            object-fit: contain
         }

         .p-0 {
            padding: calc(var(--spacing)*0)
         }

         .p-2 {
            padding: calc(var(--spacing)*2)
         }

         .p-3 {
            padding: calc(var(--spacing)*3)
         }

         .p-4 {
            padding: calc(var(--spacing)*4)
         }

         .p-6 {
            padding: calc(var(--spacing)*6)
         }

         .px-1\.5 {
            padding-inline: calc(var(--spacing)*1.5)
         }

         .px-2 {
            padding-inline: calc(var(--spacing)*2)
         }

         .px-3 {
            padding-inline: calc(var(--spacing)*3)
         }

         .px-4 {
            padding-inline: calc(var(--spacing)*4)
         }

         .px-6 {
            padding-inline: calc(var(--spacing)*6)
         }

         .px-8 {
            padding-inline: calc(var(--spacing)*8)
         }

         .py-1 {
            padding-block: calc(var(--spacing)*1)
         }

         .py-1\.5 {
            padding-block: calc(var(--spacing)*1.5)
         }

         .py-2 {
            padding-block: calc(var(--spacing)*2)
         }

         .py-3 {
            padding-block: calc(var(--spacing)*3)
         }

         .py-4 {
            padding-block: calc(var(--spacing)*4)
         }

         .py-6 {
            padding-block: calc(var(--spacing)*6)
         }

         .py-10 {
            padding-block: calc(var(--spacing)*10)
         }

         .py-20 {
            padding-block: calc(var(--spacing)*20)
         }

         .pe-3 {
            padding-inline-end: calc(var(--spacing)*3)
         }

         .pt-1 {
            padding-top: calc(var(--spacing)*1)
         }

         .pt-4 {
            padding-top: calc(var(--spacing)*4)
         }

         .pl-4 {
            padding-left: calc(var(--spacing)*4)
         }

         .text-center {
            text-align: center
         }

         .text-start {
            text-align: start
         }

         .font-sans {
            font-family: var(--font-sans)
         }

         .text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height))
         }

         .text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
         }

         .text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
         }

         .text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
         }

         .text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
         }

         .text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height))
         }

         .text-\[0\.8rem\] {
            font-size: .8rem
         }

         .leading-4 {
            --tw-leading: calc(var(--spacing)*4);
            line-height: calc(var(--spacing)*4)
         }

         .leading-none {
            --tw-leading: 1;
            line-height: 1
         }

         .font-bold {
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold)
         }

         .font-medium {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium)
         }

         .font-normal {
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal)
         }

         .font-semibold {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold)
         }

         .whitespace-nowrap {
            white-space: nowrap
         }

         .text-\[\#00a2ff\] {
            color: #00a2ff
         }

         .text-\[\#5b3df0\] {
            color: #5b3df0
         }

         .text-\[\#4267b2\] {
            color: #4267b2
         }

         .text-\[\#008000\] {
            color: green
         }

         .text-\[\#ccc\] {
            color: #ccc
         }

         .text-\[\#d3d3d3\] {
            color: #d3d3d3
         }

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

         .text-black {
            color: var(--color-black)
         }

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

         .text-gray-50 {
            color: var(--color-gray-50)
         }

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

         .text-gray-500 {
            color: var(--color-gray-500)
         }

         .text-gray-600 {
            color: var(--color-gray-600)
         }

         .text-gray-700 {
            color: var(--color-gray-700)
         }

         .text-gray-800 {
            color: var(--color-gray-800)
         }

         .text-gray-900 {
            color: var(--color-gray-900)
         }

         .text-green-600 {
            color: var(--color-green-600)
         }

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

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

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

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

         .text-red-500 {
            color: var(--color-red-500)
         }

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

         .text-sky-500 {
            color: var(--color-sky-500)
         }

         .text-white {
            color: var(--color-white)
         }

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

         .opacity-50 {
            opacity: .5
         }

         .opacity-70 {
            opacity: .7
         }

         .shadow {
            --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
         }

         .shadow-lg {
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
         }

         .shadow-sm {
            --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
         }

         .shadow-xs {
            --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
         }

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

         .outline {
            outline-style: var(--tw-outline-style);
            outline-width: 1px
         }

         .transition {
            transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration))
         }

         .transition-\[color\,box-shadow\] {
            transition-property: color, box-shadow;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration))
         }

         .transition-all {
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration))
         }

         .transition-colors {
            transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration))
         }

         .transition-opacity {
            transition-property: opacity;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration))
         }

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

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

         .ease-in-out {
            --tw-ease: var(--ease-in-out);
            transition-timing-function: var(--ease-in-out)
         }

         .delay-150 {
            animation-delay: .15s
         }

         .outline-none {
            --tw-outline-style: none;
            outline-style: none
         }

         .selection\:bg-\[\#4267b2\] ::selection {
            background-color: #4267b2
         }

         .selection\:bg-\[\#4267b2\]::selection {
            background-color: #4267b2
         }

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

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

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

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

         .file\:inline-flex::file-selector-button {
            display: inline-flex
         }

         .file\:h-7::file-selector-button {
            height: calc(var(--spacing)*7)
         }

         .file\:border-0::file-selector-button {
            border-style: var(--tw-border-style);
            border-width: 0
         }

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

         .file\:text-sm::file-selector-button {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
         }

         .file\:font-medium::file-selector-button {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium)
         }

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

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

         .focus-within\:relative:focus-within {
            position: relative
         }

         .focus-within\:z-20:focus-within {
            z-index: 20
         }

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

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

            .hover\:bg-blue-700:hover {
               background-color: var(--color-blue-700)
            }

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

            @supports (color:color-mix(in lab, red, red)) {
               .hover\:bg-destructive\/90:hover {
                  background-color: color-mix(in oklab, var(--destructive)90%, transparent)
               }
            }

            .hover\:bg-green-700:hover {
               background-color: var(--color-green-700)
            }

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

            @supports (color:color-mix(in lab, red, red)) {
               .hover\:bg-primary\/90:hover {
                  background-color: color-mix(in oklab, var(--primary)90%, transparent)
               }
            }

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

            @supports (color:color-mix(in lab, red, red)) {
               .hover\:bg-secondary\/80:hover {
                  background-color: color-mix(in oklab, var(--secondary)80%, transparent)
               }
            }

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

            .hover\:text-\[\#1e2b6f\]:hover {
               color: #1e2b6f
            }

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

            .hover\:text-gray-700:hover {
               color: var(--color-gray-700)
            }

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

            .hover\:text-red-700:hover {
               color: var(--color-red-700)
            }

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

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

         .focus\:border-blue-500:focus {
            border-color: var(--color-blue-500)
         }

         .focus\:bg-blue-500:focus {
            background-color: var(--color-blue-500)
         }

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

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

         .focus\:ring-blue-500:focus {
            --tw-ring-color: var(--color-blue-500)
         }

         .focus\:ring-green-500:focus {
            --tw-ring-color: var(--color-green-500)
         }

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

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

         .focus\:outline-hidden:focus {
            --tw-outline-style: none;
            outline-style: none
         }

         @media (forced-colors:active) {
            .focus\:outline-hidden:focus {
               outline-offset: 2px;
               outline: 2px solid #0000
            }
         }

         .focus\:outline-0:focus {
            outline-style: var(--tw-outline-style);
            outline-width: 0
         }

         .focus\:outline-none:focus {
            --tw-outline-style: none;
            outline-style: none
         }

         .focus-visible\:border-blue-500:focus-visible {
            border-color: var(--color-blue-500)
         }

         .focus-visible\:border-ring:focus-visible {
            border-color: var(--ring)
         }

         .focus-visible\:ring-\[0px\]:focus-visible {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
         }

         .focus-visible\:ring-\[3px\]:focus-visible {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
         }

         .focus-visible\:ring-blue-500:focus-visible {
            --tw-ring-color: var(--color-blue-500)
         }

         .focus-visible\:ring-destructive\/20:focus-visible {
            --tw-ring-color: var(--destructive)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .focus-visible\:ring-destructive\/20:focus-visible {
               --tw-ring-color: color-mix(in oklab, var(--destructive)20%, transparent)
            }
         }

         .focus-visible\:ring-ring\/50:focus-visible {
            --tw-ring-color: var(--ring)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .focus-visible\:ring-ring\/50:focus-visible {
               --tw-ring-color: color-mix(in oklab, var(--ring)50%, transparent)
            }
         }

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

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

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

         .has-\[\>svg\]\:px-2\.5:has(>svg) {
            padding-inline: calc(var(--spacing)*2.5)
         }

         .has-\[\>svg\]\:px-3:has(>svg) {
            padding-inline: calc(var(--spacing)*3)
         }

         .has-\[\>svg\]\:px-4:has(>svg) {
            padding-inline: calc(var(--spacing)*4)
         }

         .aria-invalid\:border-destructive[aria-invalid=true] {
            border-color: var(--destructive)
         }

         .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
            --tw-ring-color: var(--destructive)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
               --tw-ring-color: color-mix(in oklab, var(--destructive)20%, transparent)
            }
         }

         .aria-selected\:bg-accent[aria-selected=true] {
            background-color: var(--accent)
         }

         .aria-selected\:bg-blue-500[aria-selected=true] {
            background-color: var(--color-blue-500)
         }

         .aria-selected\:text-accent-foreground[aria-selected=true] {
            color: var(--accent-foreground)
         }

         .aria-selected\:text-primary-foreground[aria-selected=true] {
            color: var(--primary-foreground)
         }

         .aria-selected\:text-white[aria-selected=true] {
            color: var(--color-white)
         }

         .aria-selected\:opacity-100[aria-selected=true] {
            opacity: 1
         }

         .data-\[state\=closed\]\:animate-out[data-state=closed] {
            animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
         }

         .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
            --tw-exit-opacity: 0
         }

         .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
            --tw-exit-scale: .95
         }

         .data-\[state\=open\]\:animate-in[data-state=open] {
            animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
         }

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

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

         .data-\[state\=open\]\:fade-in-0[data-state=open] {
            --tw-enter-opacity: 0
         }

         .data-\[state\=open\]\:zoom-in-95[data-state=open] {
            --tw-enter-scale: .95
         }

         @media (min-width:40rem) {
            .sm\:max-w-lg {
               max-width: var(--container-lg)
            }

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

         @media (min-width:48rem) {
            .md\:col-span-4 {
               grid-column: span 4/span 4
            }

            .md\:col-span-8 {
               grid-column: span 8/span 8
            }

            .md\:mr-8 {
               margin-right: calc(var(--spacing)*8)
            }

            .md\:block {
               display: block
            }

            .md\:flex {
               display: flex
            }

            .md\:hidden {
               display: none
            }

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

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

            .md\:h-auto {
               height: auto
            }

            .md\:w-2\/6 {
               width: 33.3333%
            }

            .md\:w-4\/6 {
               width: 66.6667%
            }

            .md\:max-w-3xl {
               max-width: var(--container-3xl)
            }

            .md\:max-w-5xl {
               max-width: var(--container-5xl)
            }

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

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

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

            .md\:max-w-lg {
               max-width: var(--container-lg)
            }

            .md\:max-w-sm {
               max-width: var(--container-sm)
            }

            .md\:max-w-xl {
               max-width: var(--container-xl)
            }

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

            .md\:border {
               border-style: var(--tw-border-style);
               border-width: 1px
            }

            .md\:border-0 {
               border-style: var(--tw-border-style);
               border-width: 0
            }

            .md\:border-l {
               border-left-style: var(--tw-border-style);
               border-left-width: 1px
            }

            .md\:px-0 {
               padding-inline: calc(var(--spacing)*0)
            }

            .md\:text-sm {
               font-size: var(--text-sm);
               line-height: var(--tw-leading, var(--text-sm--line-height))
            }
         }

         @media (min-width:80rem) {
            .xl\:max-w-5xl {
               max-width: var(--container-5xl)
            }
         }

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

         .dark\:bg-destructive\/60:is(.dark *) {
            background-color: var(--destructive)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .dark\:bg-destructive\/60:is(.dark *) {
               background-color: color-mix(in oklab, var(--destructive)60%, transparent)
            }
         }

         .dark\:bg-input:is(.dark *),
         .dark\:bg-input\/30:is(.dark *) {
            background-color: var(--input)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .dark\:bg-input\/30:is(.dark *) {
               background-color: color-mix(in oklab, var(--input)30%, transparent)
            }
         }

         @media (hover:hover) {
            .dark\:hover\:bg-accent\/50:is(.dark *):hover {
               background-color: var(--accent)
            }

            @supports (color:color-mix(in lab, red, red)) {
               .dark\:hover\:bg-accent\/50:is(.dark *):hover {
                  background-color: color-mix(in oklab, var(--accent)50%, transparent)
               }
            }

            .dark\:hover\:bg-input\/50:is(.dark *):hover {
               background-color: var(--input)
            }

            @supports (color:color-mix(in lab, red, red)) {
               .dark\:hover\:bg-input\/50:is(.dark *):hover {
                  background-color: color-mix(in oklab, var(--input)50%, transparent)
               }
            }
         }

         .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
            --tw-ring-color: var(--destructive)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
               --tw-ring-color: color-mix(in oklab, var(--destructive)40%, transparent)
            }
         }

         .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
            --tw-ring-color: var(--destructive)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
               --tw-ring-color: color-mix(in oklab, var(--destructive)40%, transparent)
            }
         }

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

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

         .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
            width: calc(var(--spacing)*4);
            height: calc(var(--spacing)*4)
         }

         .\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end) {
            border-top-right-radius: calc(var(--radius) - 2px);
            border-bottom-right-radius: calc(var(--radius) - 2px)
         }

         .\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start) {
            border-top-left-radius: calc(var(--radius) - 2px);
            border-bottom-left-radius: calc(var(--radius) - 2px)
         }

         .\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) {
            border-radius: calc(var(--radius) - 2px)
         }

         .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) {
            background-color: var(--accent)
         }

         .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]) {
            border-top-left-radius: calc(var(--radius) - 2px);
            border-bottom-left-radius: calc(var(--radius) - 2px)
         }

         .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:last-child:has([aria-selected]),
         .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
            border-top-right-radius: calc(var(--radius) - 2px);
            border-bottom-right-radius: calc(var(--radius) - 2px)
         }
      }

      :root {
         --radius: .625rem;
         --background: oklch(100% 0 0);
         --foreground: oklch(13% .028 261.692);
         --card: oklch(100% 0 0);
         --card-foreground: oklch(13% .028 261.692);
         --popover: oklch(100% 0 0);
         --popover-foreground: oklch(13% .028 261.692);
         --primary: oklch(21% .034 264.665);
         --primary-foreground: oklch(98.5% .002 247.839);
         --secondary: oklch(96.7% .003 264.542);
         --secondary-foreground: oklch(21% .034 264.665);
         --muted: oklch(96.7% .003 264.542);
         --muted-foreground: oklch(55.1% .027 264.364);
         --accent: oklch(96.7% .003 264.542);
         --accent-foreground: oklch(21% .034 264.665);
         --destructive: oklch(57.7% .245 27.325);
         --border: oklch(92.8% .006 264.531);
         --input: oklch(92.8% .006 264.531);
         --ring: oklch(70.7% .022 261.325);
         --chart-1: oklch(64.6% .222 41.116);
         --chart-2: oklch(60% .118 184.704);
         --chart-3: oklch(39.8% .07 227.392);
         --chart-4: oklch(82.8% .189 84.429);
         --chart-5: oklch(76.9% .188 70.08);
         --sidebar: oklch(98.5% .002 247.839);
         --sidebar-foreground: oklch(13% .028 261.692);
         --sidebar-primary: oklch(21% .034 264.665);
         --sidebar-primary-foreground: oklch(98.5% .002 247.839);
         --sidebar-accent: oklch(96.7% .003 264.542);
         --sidebar-accent-foreground: oklch(21% .034 264.665);
         --sidebar-border: oklch(92.8% .006 264.531);
         --sidebar-ring: oklch(70.7% .022 261.325)
      }

      .dark {
         --background: oklch(13% .028 261.692);
         --foreground: oklch(98.5% .002 247.839);
         --card: oklch(21% .034 264.665);
         --card-foreground: oklch(98.5% .002 247.839);
         --popover: oklch(21% .034 264.665);
         --popover-foreground: oklch(98.5% .002 247.839);
         --primary: oklch(92.8% .006 264.531);
         --primary-foreground: oklch(21% .034 264.665);
         --secondary: oklch(27.8% .033 256.848);
         --secondary-foreground: oklch(98.5% .002 247.839);
         --muted: oklch(27.8% .033 256.848);
         --muted-foreground: oklch(70.7% .022 261.325);
         --accent: oklch(27.8% .033 256.848);
         --accent-foreground: oklch(98.5% .002 247.839);
         --destructive: oklch(70.4% .191 22.216);
         --border: oklch(100% 0 0/.1);
         --input: oklch(100% 0 0/.15);
         --ring: oklch(55.1% .027 264.364);
         --chart-1: oklch(48.8% .243 264.376);
         --chart-2: oklch(69.6% .17 162.48);
         --chart-3: oklch(76.9% .188 70.08);
         --chart-4: oklch(62.7% .265 303.9);
         --chart-5: oklch(64.5% .246 16.439);
         --sidebar: oklch(21% .034 264.665);
         --sidebar-foreground: oklch(98.5% .002 247.839);
         --sidebar-primary: oklch(48.8% .243 264.376);
         --sidebar-primary-foreground: oklch(98.5% .002 247.839);
         --sidebar-accent: oklch(27.8% .033 256.848);
         --sidebar-accent-foreground: oklch(98.5% .002 247.839);
         --sidebar-border: oklch(100% 0 0/.1);
         --sidebar-ring: oklch(55.1% .027 264.364)
      }

      @property --tw-translate-x {
         syntax: "*";
         inherits: false;
         initial-value: 0
      }

      @property --tw-translate-y {
         syntax: "*";
         inherits: false;
         initial-value: 0
      }

      @property --tw-translate-z {
         syntax: "*";
         inherits: false;
         initial-value: 0
      }

      @property --tw-rotate-x {
         syntax: "*";
         inherits: false
      }

      @property --tw-rotate-y {
         syntax: "*";
         inherits: false
      }

      @property --tw-rotate-z {
         syntax: "*";
         inherits: false
      }

      @property --tw-skew-x {
         syntax: "*";
         inherits: false
      }

      @property --tw-skew-y {
         syntax: "*";
         inherits: false
      }

      @property --tw-space-y-reverse {
         syntax: "*";
         inherits: false;
         initial-value: 0
      }

      @property --tw-space-x-reverse {
         syntax: "*";
         inherits: false;
         initial-value: 0
      }

      @property --tw-divide-x-reverse {
         syntax: "*";
         inherits: false;
         initial-value: 0
      }

      @property --tw-border-style {
         syntax: "*";
         inherits: false;
         initial-value: solid
      }

      @property --tw-leading {
         syntax: "*";
         inherits: false
      }

      @property --tw-font-weight {
         syntax: "*";
         inherits: false
      }

      @property --tw-shadow {
         syntax: "*";
         inherits: false;
         initial-value: 0 0 #0000
      }

      @property --tw-shadow-color {
         syntax: "*";
         inherits: false
      }

      @property --tw-shadow-alpha {
         syntax: "<percentage>";
         inherits: false;
         initial-value: 100%
      }

      @property --tw-inset-shadow {
         syntax: "*";
         inherits: false;
         initial-value: 0 0 #0000
      }

      @property --tw-inset-shadow-color {
         syntax: "*";
         inherits: false
      }

      @property --tw-inset-shadow-alpha {
         syntax: "<percentage>";
         inherits: false;
         initial-value: 100%
      }

      @property --tw-ring-color {
         syntax: "*";
         inherits: false
      }

      @property --tw-ring-shadow {
         syntax: "*";
         inherits: false;
         initial-value: 0 0 #0000
      }

      @property --tw-inset-ring-color {
         syntax: "*";
         inherits: false
      }

      @property --tw-inset-ring-shadow {
         syntax: "*";
         inherits: false;
         initial-value: 0 0 #0000
      }

      @property --tw-ring-inset {
         syntax: "*";
         inherits: false
      }

      @property --tw-ring-offset-width {
         syntax: "<length>";
         inherits: false;
         initial-value: 0
      }

      @property --tw-ring-offset-color {
         syntax: "*";
         inherits: false;
         initial-value: #fff
      }

      @property --tw-ring-offset-shadow {
         syntax: "*";
         inherits: false;
         initial-value: 0 0 #0000
      }

      @property --tw-outline-style {
         syntax: "*";
         inherits: false;
         initial-value: solid
      }

      @property --tw-duration {
         syntax: "*";
         inherits: false
      }

      @property --tw-ease {
         syntax: "*";
         inherits: false
      }

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

      /* latin-ext */
      @font-face {
         font-family: 'Urbanist';
         font-style: italic;
         font-weight: 100 900;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x4DF02iFML4hGCyMqgXSFsjkK3.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      /* latin */
      @font-face {
         font-family: 'Urbanist';
         font-style: italic;
         font-weight: 100 900;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x4DF02iFML4hGCyMqgXS9sjg.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }

      /* latin-ext */
      @font-face {
         font-family: 'Urbanist';
         font-style: normal;
         font-weight: 100 900;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x-DF02iFML4hGCyMqrbS10ig.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      /* latin */
      @font-face {
         font-family: 'Urbanist';
         font-style: normal;
         font-weight: 100 900;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x-DF02iFML4hGCyMqlbS0.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }

      body {
         font-family: "Urbanist", sans-serif;
      }

      .text-right {
         text-align: right;
      }

      #btn-submit-login {
         cursor: pointer;
      }