/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwkT9mI1F55MKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwAT9mI1F55MKw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwgT9mI1F55MKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwcT9mI1F55MKw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwsT9mI1F55MKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwoT9mI1F55MKw.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwQT9mI1F54.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvvYwYZ8UA3J58.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvmYwYZ8UA3J58.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvuYwYZ8UA3J58.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvhYwYZ8UA3J58.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvtYwYZ8UA3J58.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvsYwYZ8UA3J58.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcviYwYZ8UA3.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;
}

/*! tailwindcss v4.3.3 | 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)))) {
    :where(#nd-page, [data-rail]) *, :where(#nd-page, [data-rail]) :before, :where(#nd-page, [data-rail]) :after, :where(#nd-page, [data-rail]) ::backdrop {
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}

@layer utilities {
  :where(#nd-page, [data-rail]) .pointer-events-none {
    pointer-events: none;
  }

  :where(#nd-page, [data-rail]) .absolute {
    position: absolute;
  }

  :where(#nd-page, [data-rail]) .relative {
    position: relative;
  }

  :where(#nd-page, [data-rail]) .-top-14 {
    top: -3.5rem;
  }

  :where(#nd-page, [data-rail]) .right-0 {
    right: 0;
  }

  :where(#nd-page, [data-rail]) .left-0 {
    left: 0;
  }

  :where(#nd-page, [data-rail]) .z-10 {
    z-index: 10;
  }

  :where(#nd-page, [data-rail]) .mx-auto {
    margin-inline: auto;
  }

  :where(#nd-page, [data-rail]) .my-0 {
    margin-block: 0;
  }

  :where(#nd-page, [data-rail]) .my-2 {
    margin-block: .5rem;
  }

  :where(#nd-page, [data-rail]) .mt-0 {
    margin-top: 0;
  }

  :where(#nd-page, [data-rail]) .mt-1 {
    margin-top: .25rem;
  }

  :where(#nd-page, [data-rail]) .mt-1\.5 {
    margin-top: .375rem;
  }

  :where(#nd-page, [data-rail]) .mt-2 {
    margin-top: .5rem;
  }

  :where(#nd-page, [data-rail]) .mt-4 {
    margin-top: 1rem;
  }

  :where(#nd-page, [data-rail]) .mt-5 {
    margin-top: 1.25rem;
  }

  :where(#nd-page, [data-rail]) .mt-10 {
    margin-top: 2.5rem;
  }

  :where(#nd-page, [data-rail]) .mt-12 {
    margin-top: 3rem;
  }

  :where(#nd-page, [data-rail]) .mr-2 {
    margin-right: .5rem;
  }

  :where(#nd-page, [data-rail]) .mb-2 {
    margin-bottom: .5rem;
  }

  :where(#nd-page, [data-rail]) .block {
    display: block;
  }

  :where(#nd-page, [data-rail]) .contents {
    display: contents;
  }

  :where(#nd-page, [data-rail]) .flex {
    display: flex;
  }

  :where(#nd-page, [data-rail]) .grid {
    display: grid;
  }

  :where(#nd-page, [data-rail]) .hidden {
    display: none;
  }

  :where(#nd-page, [data-rail]) .table {
    display: table;
  }

  :where(#nd-page, [data-rail]) .aspect-video {
    aspect-ratio: 16 / 9;
  }

  :where(#nd-page, [data-rail]) .size-3 {
    width: .75rem;
    height: .75rem;
  }

  :where(#nd-page, [data-rail]) .h-2 {
    height: .5rem;
  }

  :where(#nd-page, [data-rail]) .h-5 {
    height: 1.25rem;
  }

  :where(#nd-page, [data-rail]) .h-6 {
    height: 1.5rem;
  }

  :where(#nd-page, [data-rail]) .h-7 {
    height: 1.75rem;
  }

  :where(#nd-page, [data-rail]) .h-8 {
    height: 2rem;
  }

  :where(#nd-page, [data-rail]) .h-16 {
    height: 4rem;
  }

  :where(#nd-page, [data-rail]) .h-80 {
    height: 20rem;
  }

  :where(#nd-page, [data-rail]) .h-auto {
    height: auto;
  }

  :where(#nd-page, [data-rail]) .w-5 {
    width: 1.25rem;
  }

  :where(#nd-page, [data-rail]) .w-6 {
    width: 1.5rem;
  }

  :where(#nd-page, [data-rail]) .w-8 {
    width: 2rem;
  }

  :where(#nd-page, [data-rail]) .w-fit {
    width: fit-content;
  }

  :where(#nd-page, [data-rail]) .w-full {
    width: 100%;
  }

  :where(#nd-page, [data-rail]) .max-w-3xl {
    max-width: 48rem;
  }

  :where(#nd-page, [data-rail]) .max-w-xl {
    max-width: 36rem;
  }

  :where(#nd-page, [data-rail]) .min-w-\[4rem\] {
    min-width: 4rem;
  }

  :where(#nd-page, [data-rail]) .flex-1 {
    flex: 1;
  }

  :where(#nd-page, [data-rail]) .cursor-pointer {
    cursor: pointer;
  }

  :where(#nd-page, [data-rail]) .resize {
    resize: both;
  }

  :where(#nd-page, [data-rail]) .appearance-none {
    appearance: none;
  }

  :where(#nd-page, [data-rail]) .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  :where(#nd-page, [data-rail]) .items-center {
    align-items: center;
  }

  :where(#nd-page, [data-rail]) .justify-center {
    justify-content: center;
  }

  :where(#nd-page, [data-rail]) .gap-1 {
    gap: .25rem;
  }

  :where(#nd-page, [data-rail]) .gap-2 {
    gap: .5rem;
  }

  :where(#nd-page, [data-rail]) .gap-8 {
    gap: 2rem;
  }

  :where(#nd-page, [data-rail]) .gap-10 {
    gap: 2.5rem;
  }

  :where(#nd-page, [data-rail]) :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(.25rem * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(.25rem * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(#nd-page, [data-rail]) :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(.25rem * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(.25rem * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(#nd-page, [data-rail]) .gap-x-6 {
    column-gap: 1.5rem;
  }

  :where(#nd-page, [data-rail]) :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(.25rem * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(.25rem * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(#nd-page, [data-rail]) .gap-y-4 {
    row-gap: 1rem;
  }

  :where(#nd-page, [data-rail]) .overflow-hidden {
    overflow: hidden;
  }

  :where(#nd-page, [data-rail]) .rounded {
    border-radius: .25rem;
  }

  :where(#nd-page, [data-rail]) .rounded-2xl {
    border-radius: 1rem;
  }

  :where(#nd-page, [data-rail]) .rounded-full {
    border-radius: 3.40282e38px;
  }

  :where(#nd-page, [data-rail]) .rounded-lg {
    border-radius: .5rem;
  }

  :where(#nd-page, [data-rail]) .rounded-xl {
    border-radius: .75rem;
  }

  :where(#nd-page, [data-rail]) .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  :where(#nd-page, [data-rail]) .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  :where(#nd-page, [data-rail]) .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  :where(#nd-page, [data-rail]) .border-gray-100 {
    border-color: oklch(96.7% .003 264.542);
  }

  :where(#nd-page, [data-rail]) .border-zinc-200 {
    border-color: oklch(92% .004 286.32);
  }

  :where(#nd-page, [data-rail]) .border-zinc-950\/20 {
    border-color: oklab(14.1% .00136333 -.00481054 / .2);
  }

  :where(#nd-page, [data-rail]) .bg-zinc-900 {
    background-color: oklch(21% .006 285.885);
  }

  :where(#nd-page, [data-rail]) .bg-zinc-950\/20 {
    background-color: oklab(14.1% .00136333 -.00481054 / .2);
  }

  :where(#nd-page, [data-rail]) .p-4 {
    padding: 1rem;
  }

  :where(#nd-page, [data-rail]) .px-3\.5 {
    padding-inline: .875rem;
  }

  :where(#nd-page, [data-rail]) .px-4 {
    padding-inline: 1rem;
  }

  :where(#nd-page, [data-rail]) .px-6 {
    padding-inline: 1.5rem;
  }

  :where(#nd-page, [data-rail]) .py-1\.5 {
    padding-block: .375rem;
  }

  :where(#nd-page, [data-rail]) .py-16 {
    padding-block: 4rem;
  }

  :where(#nd-page, [data-rail]) .pt-2 {
    padding-top: .5rem;
  }

  :where(#nd-page, [data-rail]) .pt-10 {
    padding-top: 2.5rem;
  }

  :where(#nd-page, [data-rail]) .pb-4 {
    padding-bottom: 1rem;
  }

  :where(#nd-page, [data-rail]) .pb-8 {
    padding-bottom: 2rem;
  }

  :where(#nd-page, [data-rail]) .pb-24 {
    padding-bottom: 6rem;
  }

  :where(#nd-page, [data-rail]) .text-center {
    text-align: center;
  }

  :where(#nd-page, [data-rail]) .font-mono {
    font-family: var(--font-mono, ui-monospace);
  }

  :where(#nd-page, [data-rail]) .text-2xl {
    font-size: 1.5rem;
    line-height: var(--tw-leading, calc(2 / 1.5));
  }

  :where(#nd-page, [data-rail]) .text-4xl {
    font-size: 2.25rem;
    line-height: var(--tw-leading, calc(2.5 / 2.25));
  }

  :where(#nd-page, [data-rail]) .text-base {
    font-size: 1rem;
    line-height: var(--tw-leading, calc(1.5 / 1));
  }

  :where(#nd-page, [data-rail]) .text-lg {
    font-size: 1.125rem;
    line-height: var(--tw-leading, calc(1.75 / 1.125));
  }

  :where(#nd-page, [data-rail]) .text-sm {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
  }

  :where(#nd-page, [data-rail]) .font-medium {
    --tw-font-weight: 500;
    font-weight: 500;
  }

  :where(#nd-page, [data-rail]) .font-semibold {
    --tw-font-weight: 600;
    font-weight: 600;
  }

  :where(#nd-page, [data-rail]) .tracking-tight {
    --tw-tracking: -.025em;
    letter-spacing: -.025em;
  }

  :where(#nd-page, [data-rail]) .text-gray-500 {
    color: oklch(55.1% .027 264.364);
  }

  :where(#nd-page, [data-rail]) .text-gray-900 {
    color: oklch(21% .034 264.665);
  }

  :where(#nd-page, [data-rail]) .text-green-600 {
    color: oklch(62.7% .194 149.214);
  }

  :where(#nd-page, [data-rail]) .text-primary {
    color: var(--color-fd-primary);
  }

  :where(#nd-page, [data-rail]) .text-white {
    color: #fff;
  }

  :where(#nd-page, [data-rail]) .text-zinc-950\/70 {
    color: oklab(14.1% .00136333 -.00481054 / .7);
  }

  :where(#nd-page, [data-rail]) .text-zinc-950\/80 {
    color: oklab(14.1% .00136333 -.00481054 / .8);
  }

  :where(#nd-page, [data-rail]) .opacity-80 {
    opacity: .8;
  }

  :where(#nd-page, [data-rail]) .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, );
  }

  :where(#nd-page, [data-rail]) .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1));
    transition-duration: var(--tw-duration, .15s);
  }

  :where(#nd-page, [data-rail]) .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, cubic-bezier(.4, 0, .2, 1));
    transition-duration: var(--tw-duration, .15s);
  }

  :where(#nd-page, [data-rail]) .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1));
    transition-duration: var(--tw-duration, .15s);
  }

  :where(#nd-page, [data-rail]) .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  @media (hover: hover) {
    :where(#nd-page, [data-rail]) .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(.25rem * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    :where(#nd-page, [data-rail]) .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    :where(#nd-page, [data-rail]) .group-hover\:text-green-800:is(:where(.group):hover *) {
      color: oklch(44.8% .119 151.328);
    }

    :where(#nd-page, [data-rail]) .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    :where(#nd-page, [data-rail]) .hover\:bg-zinc-100:hover {
      background-color: oklch(96.7% .001 286.375);
    }

    :where(#nd-page, [data-rail]) .hover\:bg-zinc-700:hover {
      background-color: oklch(37% .013 285.805);
    }
  }

  @media (width >= 40rem) {
    :where(#nd-page, [data-rail]) .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(#nd-page, [data-rail]) .sm\:text-3xl {
      font-size: 1.875rem;
      line-height: var(--tw-leading, calc(2.25 / 1.875));
    }
  }

  @media (width >= 64rem) {
    :where(#nd-page, [data-rail]) .lg\:mt-24 {
      margin-top: 6rem;
    }

    :where(#nd-page, [data-rail]) .lg\:px-0 {
      padding-inline: 0;
    }

    :where(#nd-page, [data-rail]) .lg\:py-48 {
      padding-block: 12rem;
    }

    :where(#nd-page, [data-rail]) .lg\:pb-24 {
      padding-bottom: 6rem;
    }
  }

  :where(#nd-page, [data-rail]) .dark\:block:where(.dark, .dark *) {
    display: block;
  }

  :where(#nd-page, [data-rail]) .dark\:hidden:where(.dark, .dark *) {
    display: none;
  }

  :where(#nd-page, [data-rail]) .dark\:border-white\/10:where(.dark, .dark *) {
    border-color: oklab(100% 0 5.96046e-8 / .1);
  }

  :where(#nd-page, [data-rail]) .dark\:border-white\/20:where(.dark, .dark *) {
    border-color: oklab(100% 0 5.96046e-8 / .2);
  }

  :where(#nd-page, [data-rail]) .dark\:border-zinc-800:where(.dark, .dark *) {
    border-color: oklch(27.4% .006 286.033);
  }

  :where(#nd-page, [data-rail]) .dark\:border-zinc-950\/80:where(.dark, .dark *) {
    border-color: oklab(14.1% .00136333 -.00481054 / .8);
  }

  :where(#nd-page, [data-rail]) .dark\:bg-white\/20:where(.dark, .dark *) {
    background-color: oklab(100% 0 5.96046e-8 / .2);
  }

  :where(#nd-page, [data-rail]) .dark\:bg-zinc-100:where(.dark, .dark *) {
    background-color: oklch(96.7% .001 286.375);
  }

  :where(#nd-page, [data-rail]) .dark\:\!text-zinc-950:where(.dark, .dark *) {
    color: oklch(14.1% .005 285.823) !important;
  }

  :where(#nd-page, [data-rail]) .dark\:text-gray-200:where(.dark, .dark *) {
    color: oklch(92.8% .006 264.531);
  }

  :where(#nd-page, [data-rail]) .dark\:text-gray-400:where(.dark, .dark *) {
    color: oklch(70.7% .022 261.325);
  }

  :where(#nd-page, [data-rail]) .dark\:text-green-500:where(.dark, .dark *) {
    color: oklch(72.3% .219 149.579);
  }

  :where(#nd-page, [data-rail]) .dark\:text-primary-light:where(.dark, .dark *) {
    color: var(--color-fd-primary);
  }

  :where(#nd-page, [data-rail]) .dark\:text-white\/70:where(.dark, .dark *) {
    color: oklab(100% 0 5.96046e-8 / .7);
  }

  :where(#nd-page, [data-rail]) .dark\:text-white\/80:where(.dark, .dark *) {
    color: oklab(100% 0 5.96046e-8 / .8);
  }

  :where(#nd-page, [data-rail]) .dark\:text-zinc-50:where(.dark, .dark *) {
    color: oklch(98.5% 0 none);
  }

  :where(#nd-page, [data-rail]) .dark\:text-zinc-500:where(.dark, .dark *) {
    color: oklch(55.2% .016 285.938);
  }

  @media (hover: hover) {
    :where(#nd-page, [data-rail]) .dark\:group-hover\:text-green-400:where(.dark, .dark *):is(:where(.group):hover *) {
      color: oklch(79.2% .209 151.711);
    }

    :where(#nd-page, [data-rail]) .dark\:hover\:bg-zinc-700:where(.dark, .dark *):hover {
      background-color: oklch(37% .013 285.805);
    }

    :where(#nd-page, [data-rail]) .hover\:dark\:bg-zinc-300:hover:where(.dark, .dark *) {
      background-color: oklch(87.1% .006 286.286);
    }
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

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

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

:root {
  --font-inter: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
    "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
}

body {
  font-family: var(--font-inter);
  font-feature-settings: normal;
  font-variant-numeric: normal;
  font-variant-ligatures: normal;
}

.font-inter {
  font-family: var(--font-inter);
}

em, i, .italic {
  font-synthesis: none;
  font-style: italic;
}

h1, h2, h3, h4, h5, h6, p, span, div {
  font-feature-settings: "ss01" 0, "ss02" 0, "ss03" 0;
  font-variant-alternates: normal;
}

html.dark[data-current-path$="/assistant/widget"] [data-assistant-playground-layout] {
  --assistant-playground-frame: #1c1c1c;
  --assistant-playground-surface: #242424;
  --assistant-playground-text-strong: #f5f5f5;
  --assistant-playground-text-default: #b8b8b8;
  --assistant-playground-text-weak: #8f8f8f;
  --assistant-playground-stroke: #ffffff1f;
}

html[data-current-path$="/assistant/widget"] .assistant-playground-toolbar__button:hover {
  background: color-mix(in srgb,
    var(--assistant-playground-surface),
    var(--assistant-playground-text-strong) 4%);
}

html[data-current-path$="/assistant/widget"] .assistant-playground-toolbar__button:focus-visible, html[data-current-path$="/assistant/widget"] .assistant-playground-field__control:focus-visible, html[data-current-path$="/assistant/widget"] .assistant-playground-accent[data-keyboard-focus="true"], html[data-current-path$="/assistant/widget"] .assistant-playground-switch:has(.assistant-playground-switch__input:focus-visible), html[data-current-path$="/assistant/widget"] .assistant-playground-code__tabs button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #006adc;
}

html[data-current-path$="/assistant/widget"] .assistant-playground-toolbar__button--labeled > span {
  padding-inline: 4px;
}

html.dark[data-current-path$="/assistant/widget"] .assistant-playground-preview iframe[title="Live Assistant Widget preview"] {
  color-scheme: dark;
}

@keyframes assistant-playground-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-current-path$="/assistant/widget"] .assistant-playground-frame {
    transition: none;
  }

  html[data-current-path$="/assistant/widget"] .assistant-playground-preview__spinner {
    animation: none;
  }
}

html[data-current-path$="/assistant/widget"] .assistant-playground-select__detail {
  color: var(--assistant-playground-text-weak);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: 12px;
  line-height: 16px;
}

html[data-current-path$="/assistant/widget"] .assistant-playground-select__options button:hover, html[data-current-path$="/assistant/widget"] .assistant-playground-select__options button[data-active="true"] {
  background: color-mix(in srgb,
    var(--assistant-playground-surface),
    var(--assistant-playground-text-strong) 6%);
  color: var(--assistant-playground-text-strong);
}

html[data-current-path$="/assistant/widget"] .assistant-playground-hook__label {
  color: var(--assistant-playground-text-strong);
}

html[data-current-path$="/assistant/widget"] .assistant-playground-hook__description {
  color: var(--assistant-playground-text-default);
}

html[data-current-path$="/assistant/widget"] .assistant-playground-switch[data-checked="true"] {
  background: var(--assistant-playground-switch);
  justify-content: flex-end;
}

html[data-current-path$="/assistant/widget"] .assistant-playground-code__title {
  color: var(--assistant-playground-text-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

html[data-current-path$="/assistant/widget"] .assistant-playground-code__tabs button[data-active="true"] {
  background: var(--assistant-playground-surface);
  color: var(--assistant-playground-text-strong);
  box-shadow: 0 1px 1px #00000014,
    0 0 0 1px var(--assistant-playground-stroke);
}

@media (width <= 540px) {
  html[data-current-path$="/assistant/widget"] .assistant-playground-frame[data-customize-open="true"] .assistant-playground-preview {
    visibility: hidden;
  }

  html[data-current-path$="/assistant/widget"] .assistant-playground-code__header {
    flex-direction: column;
    align-items: flex-start;
  }
}

html.dark[data-current-path$="/assistant/widget-preview"], html.dark[data-current-path$="/assistant/widget-preview"] body {
  background: #1c1c1c !important;
}
