/*! tailwindcss v4.1.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)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: rotateX(0);
      --tw-rotate-y: rotateY(0);
      --tw-rotate-z: rotateZ(0);
      --tw-skew-x: skewX(0);
      --tw-skew-y: skewY(0);
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-space-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-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-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  .tailwind, .tailwind :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-blue-300: oklch(.809 .105 251.813);
    --color-blue-400: oklch(.707 .165 254.624);
    --color-gray-100: oklch(.967 .003 264.542);
    --color-gray-900: oklch(.21 .034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --blur-md: 12px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(--font-sans--font-variation-settings);
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
  }
}

@layer base {
  .tailwind *, .tailwind :after, .tailwind :before, .tailwind ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

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

  .tailwind html, .tailwind :host {
    -webkit-text-size-adjust: 100%;
    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;
  }

  .tailwind body {
    line-height: inherit;
  }

  .tailwind hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  .tailwind abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  .tailwind h1, .tailwind h2, .tailwind h3, .tailwind h4, .tailwind h5, .tailwind h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  .tailwind a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  .tailwind b, .tailwind strong {
    font-weight: bolder;
  }

  .tailwind code, .tailwind kbd, .tailwind samp, .tailwind 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;
  }

  .tailwind small {
    font-size: 80%;
  }

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

  .tailwind sub {
    bottom: -.25em;
  }

  .tailwind sup {
    top: -.5em;
  }

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

  .tailwind :-moz-focusring {
    outline: auto;
  }

  .tailwind progress {
    vertical-align: baseline;
  }

  .tailwind summary {
    display: list-item;
  }

  .tailwind ol, .tailwind ul, .tailwind menu {
    list-style: none;
  }

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

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

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

  .tailwind ::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;
  }

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

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

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

  .tailwind ::placeholder {
    opacity: 1;
    color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .tailwind ::placeholder {
      color: color-mix(in oklab, currentColor 50%, transparent);
    }
  }

  .tailwind textarea {
    resize: vertical;
  }

  .tailwind ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

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

  .tailwind ::-webkit-datetime-edit {
    display: inline-flex;
  }

  .tailwind ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  .tailwind ::-webkit-datetime-edit {
    padding-block: 0;
  }

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

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

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

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

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

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

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

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

  .tailwind :-moz-ui-invalid {
    box-shadow: none;
  }

  .tailwind button, .tailwind input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  .tailwind ::file-selector-button {
    appearance: button;
  }

  .tailwind ::-webkit-inner-spin-button {
    height: auto;
  }

  .tailwind ::-webkit-outer-spin-button {
    height: auto;
  }

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

@layer utilities {
  .tailwind .visible {
    visibility: visible;
  }

  .tailwind .absolute {
    position: absolute;
  }

  .tailwind .fixed {
    position: fixed;
  }

  .tailwind .relative {
    position: relative;
  }

  .tailwind .sticky {
    position: sticky;
  }

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

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

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

  .tailwind .top-\[-0\.001\%\] {
    top: -.001%;
  }

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

  .tailwind .right-0 {
    right: calc(var(--spacing) * 0);
  }

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

  .tailwind .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .tailwind .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .tailwind .bottom-\[-0\.001\%\] {
    bottom: -.001%;
  }

  .tailwind .bottom-full {
    bottom: 100%;
  }

  .tailwind .-left-5 {
    left: calc(var(--spacing) * -5);
  }

  .tailwind .left-0 {
    left: calc(var(--spacing) * 0);
  }

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

  .tailwind .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .tailwind .z-0 {
    z-index: 0;
  }

  .tailwind .z-10 {
    z-index: 10;
  }

  .tailwind .z-20 {
    z-index: 20;
  }

  .tailwind .container {
    width: 100%;
  }

  @media (width >= 40rem) {
    .tailwind .container {
      max-width: 40rem;
    }
  }

  @media (width >= 48rem) {
    .tailwind .container {
      max-width: 48rem;
    }
  }

  @media (width >= 64rem) {
    .tailwind .container {
      max-width: 64rem;
    }
  }

  @media (width >= 80rem) {
    .tailwind .container {
      max-width: 80rem;
    }
  }

  @media (width >= 96rem) {
    .tailwind .container {
      max-width: 96rem;
    }
  }

  .tailwind .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }

  .tailwind .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }

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

  .tailwind .mt-\[-0\.061px\] {
    margin-top: -.061px;
  }

  .tailwind .mt-\[-1\.129px\] {
    margin-top: -1.129px;
  }

  .tailwind .mt-\[-2\.147px\] {
    margin-top: -2.147px;
  }

  .tailwind .mt-\[-2\.806px\] {
    margin-top: -2.806px;
  }

  .tailwind .mt-\[1\.66px\] {
    margin-top: 1.66px;
  }

  .tailwind .mt-\[2\.37px\] {
    margin-top: 2.37px;
  }

  .tailwind .mt-\[2\.074px\] {
    margin-top: 2.074px;
  }

  .tailwind .mt-\[3\.735px\] {
    margin-top: 3.735px;
  }

  .tailwind .mt-\[3\.943px\] {
    margin-top: 3.943px;
  }

  .tailwind .mt-\[4\.358px\] {
    margin-top: 4.358px;
  }

  .tailwind .mt-\[4\.565px\] {
    margin-top: 4.565px;
  }

  .tailwind .mt-\[5\.036px\] {
    margin-top: 5.036px;
  }

  .tailwind .mt-\[6\.116px\] {
    margin-top: 6.116px;
  }

  .tailwind .mt-\[6\.221px\] {
    margin-top: 6.221px;
  }

  .tailwind .mt-\[8\.888px\] {
    margin-top: 8.888px;
  }

  .tailwind .mt-\[11\.178px\] {
    margin-top: 11.178px;
  }

  .tailwind .mt-\[11\.193px\] {
    margin-top: 11.193px;
  }

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

  .tailwind .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }

  .tailwind .ml-\[-31\.544px\] {
    margin-left: -31.544px;
  }

  .tailwind .ml-\[0\.92px\] {
    margin-left: .92px;
  }

  .tailwind .ml-\[13\.323px\] {
    margin-left: 13.323px;
  }

  .tailwind .ml-\[28\.77px\] {
    margin-left: 28.77px;
  }

  .tailwind .ml-\[85\.353px\] {
    margin-left: 85.353px;
  }

  .tailwind .ml-\[86\.116px\] {
    margin-left: 86.116px;
  }

  .tailwind .ml-\[113\.511px\] {
    margin-left: 113.511px;
  }

  .tailwind .ml-\[166\.836px\] {
    margin-left: 166.836px;
  }

  .tailwind .ml-\[180\.76px\] {
    margin-left: 180.76px;
  }

  .tailwind .ml-\[283\.663px\] {
    margin-left: 283.663px;
  }

  .tailwind .ml-\[288\.595px\] {
    margin-left: 288.595px;
  }

  .tailwind .ml-\[359\.611px\] {
    margin-left: 359.611px;
  }

  .tailwind .ml-\[410\.354px\] {
    margin-left: 410.354px;
  }

  .tailwind .ml-\[464\.402px\] {
    margin-left: 464.402px;
  }

  .tailwind .ml-\[493\.897px\] {
    margin-left: 493.897px;
  }

  .tailwind .ml-\[582\.646px\] {
    margin-left: 582.646px;
  }

  .tailwind .box-border {
    box-sizing: border-box;
  }

  .tailwind .block {
    display: block;
  }

  .tailwind .flex {
    display: flex;
  }

  .tailwind .inline-grid {
    display: inline-grid;
  }

  .tailwind .aspect-\[1072\/605\] {
    aspect-ratio: 1072 / 605;
  }

  .tailwind .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .tailwind .size-\[3\.274px\] {
    width: 3.274px;
    height: 3.274px;
  }

  .tailwind .size-\[18\.298px\] {
    width: 18.298px;
    height: 18.298px;
  }

  .tailwind .size-\[31\.968px\] {
    width: 31.968px;
    height: 31.968px;
  }

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

  .tailwind .size-\[260\.818px\] {
    width: 260.818px;
    height: 260.818px;
  }

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

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

  .tailwind .h-3 {
    height: calc(var(--spacing) * 3);
  }

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

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

  .tailwind .h-80 {
    height: calc(var(--spacing) * 80);
  }

  .tailwind .h-\[7\.55px\] {
    height: 7.55px;
  }

  .tailwind .h-\[9\.364px\] {
    height: 9.364px;
  }

  .tailwind .h-\[10\.623px\] {
    height: 10.623px;
  }

  .tailwind .h-\[12\.225px\] {
    height: 12.225px;
  }

  .tailwind .h-\[12\.979px\] {
    height: 12.979px;
  }

  .tailwind .h-\[13\.222px\] {
    height: 13.222px;
  }

  .tailwind .h-\[13\.792px\] {
    height: 13.792px;
  }

  .tailwind .h-\[13px\] {
    height: 13px;
  }

  .tailwind .h-\[15\.287px\] {
    height: 15.287px;
  }

  .tailwind .h-\[16\.119px\] {
    height: 16.119px;
  }

  .tailwind .h-\[18\.52px\] {
    height: 18.52px;
  }

  .tailwind .h-\[18\.948px\] {
    height: 18.948px;
  }

  .tailwind .h-\[19\.747px\] {
    height: 19.747px;
  }

  .tailwind .h-\[21\.012px\] {
    height: 21.012px;
  }

  .tailwind .h-\[23\.108px\] {
    height: 23.108px;
  }

  .tailwind .h-\[23\.893px\] {
    height: 23.893px;
  }

  .tailwind .h-\[28\.45px\] {
    height: 28.45px;
  }

  .tailwind .h-\[28\.984px\] {
    height: 28.984px;
  }

  .tailwind .h-\[32\.884px\] {
    height: 32.884px;
  }

  .tailwind .h-\[54px\] {
    height: 54px;
  }

  .tailwind .h-\[155px\] {
    height: 155px;
  }

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

  .tailwind .h-\[323px\] {
    height: 323px;
  }

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

  .tailwind .h-auto {
    height: auto;
  }

  .tailwind .h-full {
    height: 100%;
  }

  .tailwind .min-h-px {
    min-height: 1px;
  }

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

  .tailwind .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .tailwind .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

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

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

  .tailwind .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .tailwind .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .tailwind .w-\[10\.433px\] {
    width: 10.433px;
  }

  .tailwind .w-\[14px\] {
    width: 14px;
  }

  .tailwind .w-\[24\.804px\] {
    width: 24.804px;
  }

  .tailwind .w-\[42\.249px\] {
    width: 42.249px;
  }

  .tailwind .w-\[52\.907px\] {
    width: 52.907px;
  }

  .tailwind .w-\[54px\] {
    width: 54px;
  }

  .tailwind .w-\[55\.226px\] {
    width: 55.226px;
  }

  .tailwind .w-\[55\.283px\] {
    width: 55.283px;
  }

  .tailwind .w-\[58\.621px\] {
    width: 58.621px;
  }

  .tailwind .w-\[59\.077px\] {
    width: 59.077px;
  }

  .tailwind .w-\[63\.875px\] {
    width: 63.875px;
  }

  .tailwind .w-\[65\.338px\] {
    width: 65.338px;
  }

  .tailwind .w-\[68\.7px\] {
    width: 68.7px;
  }

  .tailwind .w-\[87\.361px\] {
    width: 87.361px;
  }

  .tailwind .w-\[92\.548px\] {
    width: 92.548px;
  }

  .tailwind .w-\[96\.818px\] {
    width: 96.818px;
  }

  .tailwind .w-\[98\.987px\] {
    width: 98.987px;
  }

  .tailwind .w-\[99\.928px\] {
    width: 99.928px;
  }

  .tailwind .w-\[114\.495px\] {
    width: 114.495px;
  }

  .tailwind .w-\[122px\] {
    width: 122px;
  }

  .tailwind .w-\[151\.893px\] {
    width: 151.893px;
  }

  .tailwind .w-\[210px\] {
    width: 210px;
  }

  .tailwind .w-\[250px\] {
    width: 250px;
  }

  .tailwind .w-\[260\.818px\] {
    width: 260.818px;
  }

  .tailwind .w-\[276px\] {
    width: 276px;
  }

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

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

  .tailwind .w-full {
    width: 100%;
  }

  .tailwind .max-w-\[258px\] {
    max-width: 258px;
  }

  .tailwind .max-w-\[277px\] {
    max-width: 277px;
  }

  .tailwind .max-w-none {
    max-width: none;
  }

  .tailwind .min-w-full {
    min-width: 100%;
  }

  .tailwind .min-w-px {
    min-width: 1px;
  }

  .tailwind .flex-none {
    flex: none;
  }

  .tailwind .flex-shrink-0, .tailwind .shrink-0 {
    flex-shrink: 0;
  }

  .tailwind .flex-grow, .tailwind .grow {
    flex-grow: 1;
  }

  .tailwind .basis-0 {
    flex-basis: calc(var(--spacing) * 0);
  }

  .tailwind .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .tailwind .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .tailwind .scale-125 {
    --tw-scale-x: 125%;
    --tw-scale-y: 125%;
    --tw-scale-z: 125%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .tailwind .scale-y-\[-100\%\] {
    --tw-scale-y: -100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .tailwind .rotate-180, .tailwind .rotate-\[180deg\] {
    rotate: 180deg;
  }

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

  .tailwind .animate-spin {
    animation: var(--animate-spin);
  }

  .tailwind .cursor-grab {
    cursor: grab;
  }

  .tailwind .cursor-pointer {
    cursor: pointer;
  }

  .tailwind .touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, );
  }

  .tailwind .resize {
    resize: both;
  }

  .tailwind .grid-cols-\[max-content\] {
    grid-template-columns: max-content;
  }

  .tailwind .grid-rows-\[max-content\] {
    grid-template-rows: max-content;
  }

  .tailwind .flex-col {
    flex-direction: column;
  }

  .tailwind .flex-row {
    flex-direction: row;
  }

  .tailwind .place-items-start {
    place-items: start;
  }

  .tailwind .content-stretch {
    align-content: stretch;
  }

  .tailwind .items-center {
    align-items: center;
  }

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

  .tailwind .justify-center {
    justify-content: center;
  }

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

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

  .tailwind .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

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

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

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

  .tailwind .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

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

  .tailwind .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

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

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

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

  .tailwind .gap-\[9\.546px\] {
    gap: 9.546px;
  }

  .tailwind .gap-\[10\.299px\] {
    gap: 10.299px;
  }

  .tailwind .gap-\[12px\] {
    gap: 12px;
  }

  .tailwind .gap-\[13\.653px\] {
    gap: 13.653px;
  }

  .tailwind .gap-\[15\.649px\] {
    gap: 15.649px;
  }

  .tailwind .gap-\[16px\] {
    gap: 16px;
  }

  .tailwind .gap-\[17\.067px\] {
    gap: 17.067px;
  }

  .tailwind .gap-\[20\.48px\] {
    gap: 20.48px;
  }

  .tailwind .gap-\[27\.307px\] {
    gap: 27.307px;
  }

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

  .tailwind .overflow-clip {
    overflow: clip;
  }

  .tailwind .overflow-hidden {
    overflow: hidden;
  }

  .tailwind .rounded {
    border-radius: .25rem;
  }

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

  .tailwind .rounded-\[6\.52px\] {
    border-radius: 6.52px;
  }

  .tailwind .rounded-\[6\.52044px\] {
    border-radius: 6.52044px;
  }

  .tailwind .rounded-\[10px\] {
    border-radius: 10px;
  }

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

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

  .tailwind .rounded-md {
    border-radius: var(--radius-md);
  }

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

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

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

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

  .tailwind .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .tailwind .border-gray-900 {
    border-color: var(--color-gray-900);
  }

  .tailwind .bg-\[\#1a1a1a\] {
    background-color: #1a1a1a;
  }

  .tailwind .bg-\[\#181818\] {
    background-color: #181818;
  }

  .tailwind .bg-\[\#222222\] {
    background-color: #222;
  }

  .tailwind .bg-\[\#686868\] {
    background-color: #686868;
  }

  .tailwind .bg-\[\#aaaaaa\] {
    background-color: #aaa;
  }

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

  .tailwind .bg-black\/20 {
    background-color: #0003;
  }

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

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

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

  .tailwind .bg-blue-400\/10 {
    background-color: color-mix(in srgb, oklch(.707 .165 254.624) 10%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .tailwind .bg-blue-400\/10 {
      background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent);
    }
  }

  .tailwind .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

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

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

  .tailwind .bg-cover {
    background-size: cover;
  }

  .tailwind .bg-center {
    background-position: center;
  }

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

  .tailwind .mask-intersect {
    mask-composite: intersect;
  }

  .tailwind .mask-alpha {
    mask-mode: alpha;
  }

  .tailwind .mask-size-\[58\.6016px_28\.91px\] {
    mask-size: 58.6016px 28.91px;
  }

  .tailwind .mask-size-\[63\.29px_16\.5645px\] {
    mask-size: 63.29px 16.5645px;
  }

  .tailwind .mask-size-\[63\.875px_28\.291px\] {
    mask-size: 63.875px 28.291px;
  }

  .tailwind .mask-size-\[68\.7002px_19\.7132px\] {
    mask-size: 68.7002px 19.7132px;
  }

  .tailwind .mask-size-\[82\.9512px_32\.8838px\] {
    mask-size: 82.9512px 32.8838px;
  }

  .tailwind .mask-size-\[87\.3604px_11\.9724px\] {
    mask-size: 87.3604px 11.9724px;
  }

  .tailwind .mask-size-\[92\.5488px_10\.8656px\] {
    mask-size: 92.5488px 10.8656px;
  }

  .tailwind .mask-size-\[96\.8184px_15\.2791px\] {
    mask-size: 96.8184px 15.2791px;
  }

  .tailwind .mask-size-\[99\.3965px_12\.2252px\] {
    mask-size: 99.3965px 12.2252px;
  }

  .tailwind .mask-no-clip {
    mask-clip: no-clip;
  }

  .tailwind .mask-position-\[-0\.919922px_2\.14691px\] {
    mask-position: -.919922px 2.14691px;
  }

  .tailwind .mask-position-\[0px\] {
    mask-position: 0;
  }

  .tailwind .mask-position-\[0px_0\.0609741px\] {
    mask-position: 0 .0609741px;
  }

  .tailwind .mask-position-\[0px_1\.1286px\] {
    mask-position: 0 1.1286px;
  }

  .tailwind .mask-position-\[0px_2\.80603px\] {
    mask-position: 0 2.80603px;
  }

  .tailwind .mask-position-\[31\.5439px_0px\] {
    mask-position: 31.5439px 0;
  }

  .tailwind .mask-no-repeat {
    mask-repeat: no-repeat;
  }

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

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

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

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

  .tailwind .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .tailwind .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

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

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

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

  .tailwind .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }

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

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

  .tailwind .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .tailwind .text-center {
    text-align: center;
  }

  .tailwind .text-left {
    text-align: left;
  }

  .tailwind .font-\[\'Roboto\'\] {
    font-family: Roboto;
  }

  .tailwind .font-\[\'Roboto\:Bold\'\,_sans-serif\] {
    font-family: Roboto\:Bold, sans-serif;
  }

  .tailwind .font-\[\'Roboto\:Medium\'\,_sans-serif\] {
    font-family: Roboto\:Medium, sans-serif;
  }

  .tailwind .font-\[\'Roboto\:Regular\'\,_sans-serif\] {
    font-family: Roboto\:Regular, sans-serif;
  }

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

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

  .tailwind .text-\[0px\] {
    font-size: 0;
  }

  .tailwind .text-\[12px\] {
    font-size: 12px;
  }

  .tailwind .text-\[14px\] {
    font-size: 14px;
  }

  .tailwind .text-\[16px\] {
    font-size: 16px;
  }

  .tailwind .leading-\[0\] {
    --tw-leading: 0;
    line-height: 0;
  }

  .tailwind .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }

  .tailwind .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }

  .tailwind .leading-\[104\.715\%\] {
    --tw-leading: 104.715%;
    line-height: 104.715%;
  }

  .tailwind .leading-\[normal\] {
    --tw-leading: normal;
    line-height: normal;
  }

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

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

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

  .tailwind .whitespace-nowrap {
    white-space: nowrap;
  }

  .tailwind .text-\[\#1f1f1f\] {
    color: #1f1f1f;
  }

  .tailwind .text-\[\#3f8efc\] {
    color: #3f8efc;
  }

  .tailwind .text-\[\#060709\] {
    color: #060709;
  }

  .tailwind .text-\[\#f4f4f4\] {
    color: #f4f4f4;
  }

  .tailwind .text-\[\#ffffff\] {
    color: #fff;
  }

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

  .tailwind .\[text-decoration-line\:underline\] {
    text-decoration-line: underline;
  }

  .tailwind .\[text-decoration-style\:solid\] {
    text-decoration-style: solid;
  }

  .tailwind .opacity-70 {
    opacity: .7;
  }

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

  .tailwind .blur {
    --tw-blur: blur(8px);
    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, );
  }

  .tailwind .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, );
  }

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

  .tailwind .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;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

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

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

  .tailwind .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

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

  .tailwind .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

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

  .tailwind .\[grid-area\:1_\/_1\] {
    grid-area: 1 / 1;
  }

  .tailwind .\[text-underline-position\:from-font\] {
    text-underline-position: from-font;
  }

  :is(.tailwind .\*\:pointer-events-none > *) {
    pointer-events: none;
  }

  @media (hover: hover) {
    .tailwind .group-hover\:bg-black\/40:is(:where(.group):hover *) {
      background-color: #0006;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .tailwind .group-hover\:bg-black\/40:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .tailwind .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .tailwind .hover\:text-blue-300:hover {
      color: var(--color-blue-300);
    }
  }

  @media (hover: hover) {
    .tailwind .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

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

  .tailwind .focus\:ring-\[\#006CFF\]:focus {
    --tw-ring-color: #006cff;
  }

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

  .tailwind .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  @media (width >= 40rem) {
    .tailwind .sm\:-right-5 {
      right: calc(var(--spacing) * -5);
    }
  }

  @media (width >= 40rem) {
    .tailwind .sm\:-left-5 {
      left: calc(var(--spacing) * -5);
    }
  }
}

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

@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
  initial-value: rotateX(0);
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
  initial-value: rotateY(0);
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
  initial-value: rotateZ(0);
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false;
  initial-value: skewX(0);
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false;
  initial-value: skewY(0);
}

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

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

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

@property --tw-space-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-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-backdrop-blur {
  syntax: "*";
  inherits: false
}

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

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

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

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

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

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

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

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

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

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

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