@font-face {
    font-family:Poppins;
    font-style:normal;
    font-display:swap;
    font-weight:400;
    src:url(./poppins-devanagari-400-normal.CJDn6rn8.woff2) format("woff2"),
    url(./poppins-devanagari-400-normal.CqVvlrh5.woff) format("woff");
    unicode-range:u+0900-097f,
    u+1cd0-1cf9,
    u+200c-200d,
    u+20a8,
    u+20b9,
    u+20f0,
    u+25cc,
    u+a830-a839,
    u+a8e0-a8ff,
    u+11b00-11b09
  }
  @font-face {
    font-family:Poppins;
    font-style:normal;
    font-display:swap;
    font-weight:400;
    src:url(./poppins-latin-ext-400-normal.by3JarPu.woff2) format("woff2"),
    url(./poppins-latin-ext-400-normal.DaBSavcJ.woff) format("woff");
    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
  }
  @font-face {
    font-family:Poppins;
    font-style:normal;
    font-display:swap;
    font-weight:400;
    src:url(./poppins-latin-400-normal.cpxAROuN.woff2) format("woff2"),
    url(./poppins-latin-400-normal.BOb3E3N0.woff) format("woff");
    unicode-range:u+00??,
    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
  }
  @font-face {
    font-family:Poppins;
    font-style:normal;
    font-display:swap;
    font-weight:500;
    src:url(./poppins-devanagari-500-normal.BIdkeU1p.woff2) format("woff2"),
    url(./poppins-devanagari-500-normal.DMPDjHtT.woff) format("woff");
    unicode-range:u+0900-097f,
    u+1cd0-1cf9,
    u+200c-200d,
    u+20a8,
    u+20b9,
    u+20f0,
    u+25cc,
    u+a830-a839,
    u+a8e0-a8ff,
    u+11b00-11b09
  }
  @font-face {
    font-family:Poppins;
    font-style:normal;
    font-display:swap;
    font-weight:500;
    src:url(./poppins-latin-ext-500-normal.CK-6C4Hw.woff2) format("woff2"),
    url(./poppins-latin-ext-500-normal.CgAe2rWW.woff) format("woff");
    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
  }
  @font-face {
    font-family:Poppins;
    font-style:normal;
    font-display:swap;
    font-weight:500;
    src:url(./poppins-latin-500-normal.C8OXljZJ.woff2) format("woff2"),
    url(./poppins-latin-500-normal.DGXqpDMm.woff) format("woff");
    unicode-range:u+00??,
    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
  }
  @font-face {
    font-family:Poppins;
    font-style:normal;
    font-display:swap;
    font-weight:600;
    src:url(./poppins-devanagari-600-normal.STEjXBNN.woff2) format("woff2"),
    url(./poppins-devanagari-600-normal.ClASKHrr.woff) format("woff");
    unicode-range:u+0900-097f,
    u+1cd0-1cf9,
    u+200c-200d,
    u+20a8,
    u+20b9,
    u+20f0,
    u+25cc,
    u+a830-a839,
    u+a8e0-a8ff,
    u+11b00-11b09
  }
  @font-face {
    font-family:Poppins;
    font-style:normal;
    font-display:swap;
    font-weight:600;
    src:url(./poppins-latin-ext-600-normal.CAhIAdZj.woff2) format("woff2"),
    url(./poppins-latin-ext-600-normal.Df5ffKXP.woff) format("woff");
    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
  }
  @font-face {
    font-family:Poppins;
    font-style:normal;
    font-display:swap;
    font-weight:600;
    src:url(./poppins-latin-600-normal.zEkxB9Mr.woff2) format("woff2"),
    url(./poppins-latin-600-normal.BJdTmd5m.woff) format("woff");
    unicode-range:u+00??,
    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
  }
  @font-face {
    font-family:Poppins;
    font-style:normal;
    font-display:swap;
    font-weight:700;
    src:url(./poppins-devanagari-700-normal.O-jipLrW.woff2) format("woff2"),
    url(./poppins-devanagari-700-normal.fHs-vx92.woff) format("woff");
    unicode-range:u+0900-097f,
    u+1cd0-1cf9,
    u+200c-200d,
    u+20a8,
    u+20b9,
    u+20f0,
    u+25cc,
    u+a830-a839,
    u+a8e0-a8ff,
    u+11b00-11b09
  }
  @font-face {
    font-family:Poppins;
    font-style:normal;
    font-display:swap;
    font-weight:700;
    src:url(./poppins-latin-ext-700-normal.cby-RkWa.woff2) format("woff2"),
    url(./poppins-latin-ext-700-normal.DctTR6Tg.woff) format("woff");
    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
  }
  @font-face {
    font-family:Poppins;
    font-style:normal;
    font-display:swap;
    font-weight:700;
    src:url(./poppins-latin-700-normal.Qrb0O0WB.woff2) format("woff2"),
    url(./poppins-latin-700-normal.BVuQR_eA.woff) format("woff");
    unicode-range:u+00??,
    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
  }
  @layer properties {
    @supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
      *,
      ::backdrop,
      :after,
      :before {
        --tw-border-spacing-x:0;
        --tw-border-spacing-y:0;
        --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: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-y-reverse:0;
        --tw-border-style:solid;
        --tw-gradient-position:initial;
        --tw-gradient-from:#0000;
        --tw-gradient-via:#0000;
        --tw-gradient-to:#0000;
        --tw-gradient-stops:initial;
        --tw-gradient-via-stops:initial;
        --tw-gradient-from-position:0%;
        --tw-gradient-via-position:50%;
        --tw-gradient-to-position:100%;
        --tw-leading:initial;
        --tw-font-weight:initial;
        --tw-tracking:initial;
        --tw-ordinal:initial;
        --tw-slashed-zero:initial;
        --tw-numeric-figure:initial;
        --tw-numeric-spacing:initial;
        --tw-numeric-fraction: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-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;
        --tw-content:"";
        --tw-divide-x-reverse:0;
        --bg-angle:0deg
      }
    }
  }
  @layer base {
    .odometer.odometer-auto-theme,
    .odometer.odometer-auto-theme .odometer-digit,
    .odometer.odometer-theme-default,
    .odometer.odometer-theme-default .odometer-digit {
      position:relative
    }
    .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
    .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
      visibility:hidden
    }
    .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
    .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
      text-align:left;
      display:block;
      position:absolute;
      inset:0;
      overflow:hidden
    }
    .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
    .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
      display:block
    }
    .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
    .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
      -webkit-backface-visibility:hidden;
      display:block
    }
    .odometer.odometer-auto-theme .odometer-digit .odometer-value,
    .odometer.odometer-theme-default .odometer-digit .odometer-value {
      width:100%;
      display:block;
      -webkit-transform:translateZ(0)
    }
    .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
    .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
      position:absolute
    }
    .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
    .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
      transition:transform 2s
    }
    .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
    .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
    .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,
    .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
      transform:translateY(-100%)
    }
    .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
    .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
      transition:transform 2s;
      transform:translateY(0)
    }
    .odometer.odometer-auto-theme .odometer-value,
    .odometer.odometer-theme-default .odometer-value {
      text-align:center
    }
    body {
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      color-scheme:light
    }
    body:where(.dark,
    .dark *) {
      color-scheme:dark
    }
    *,
    ::backdrop,
    :after,
    :before {
      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
    }
    :host,
    html {
      -webkit-text-size-adjust:100%;
      -moz-tab-size:4;
      -o-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,
    pre,
    samp {
      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
    }
    menu,
    ol,
    ul {
      list-style:none
    }
    audio,
    canvas,
    embed,
    iframe,
    img,
    object,
    svg,
    video {
      vertical-align:middle;
      display:block
    }
    img,
    video {
      max-width:100%;
      height:auto
    }
    button,
    input,
    optgroup,
    select,
    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
    }
    ::-moz-placeholder {
      opacity:1
    }
    ::placeholder {
      opacity:1
    }
    @supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px) {
      ::-moz-placeholder {
        color:currentColor
      }
      ::placeholder {
        color:currentColor
      }
      @supports (color:color-mix(in lab,red,red)) {
        ::-moz-placeholder {
          color:color-mix(in oklab,currentcolor 50%,transparent)
        }
        ::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,
    ::-webkit-datetime-edit-year-field {
      padding-block:0
    }
    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-month-field {
      padding-block:0
    }
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field {
      padding-block:0
    }
    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-second-field {
      padding-block:0
    }
    ::-webkit-datetime-edit-meridiem-field {
      padding-block:0
    }
    ::-webkit-calendar-picker-indicator {
      line-height:1
    }
    :-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,
    ::-webkit-outer-spin-button {
      height:auto
    }
    [hidden]:where(:not([hidden=until-found])) {
      display:none!important
    }
    *,
    ::backdrop,
    :after,
    :before {
      border-color:var(--color-gray-200,currentColor)
    }
    ::file-selector-button {
      border-color:var(--color-gray-200,currentColor)
    }
    [role=button]:not(:disabled),
    button:not(:disabled) {
      cursor:pointer
    }
    body {
      background-color:var(--ui-bg);
      --tw-font-weight:var(--font-weight-medium);
      font-weight:var(--font-weight-medium);
      color:var(--ui-text)
    }
    #__nuxt,
    body {
      height:100%
    }
    html .scroll-style::-webkit-scrollbar-thumb {
      box-shadow:inset 0 0 14px 14px var(--ui-border-muted)
    }
    details>summary {
      list-style:none
    }
    details>summary::marker {
      display:none
    }
    details>summary::-webkit-details-marker {
      display:none
    }
    input::-webkit-inner-spin-button,
    input::-webkit-outer-spin-button {
      -webkit-appearance:none;
      margin:0
    }
    input[type=search]::-webkit-search-cancel-button {
      -webkit-appearance:none;
      background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2394a3b8' stroke-linecap='round' stroke-width='2' d='M14.9 14.9 5 5'/%3E%3Cpath fill='%231e293b' stroke='%2394a3b8' d='M10 10h1-1Z'/%3E%3Cpath stroke='%2394a3b8' stroke-linecap='round' stroke-width='2' d='M14.9 5.1 5 15'/%3E%3C/svg%3E");
      width:20px;
      height:20px
    }
  }
  :host,
  :root {
    --color-old-neutral-50:oklch(98.5% 0 0);
    --color-old-neutral-100:oklch(97% 0 0);
    --color-old-neutral-200:oklch(92.2% 0 0);
    --color-old-neutral-300:oklch(87% 0 0);
    --color-old-neutral-400:oklch(70.8% 0 0);
    --color-old-neutral-500:oklch(55.6% 0 0);
    --color-old-neutral-600:oklch(43.9% 0 0);
    --color-old-neutral-700:oklch(37.1% 0 0);
    --color-old-neutral-800:oklch(26.9% 0 0);
    --color-old-neutral-900:oklch(20.5% 0 0);
    --color-old-neutral-950:oklch(14.5% 0 0);
    --color-neutral-300:oklch(87% 0 0);
    --color-neutral-400:var(--color-gray-400);
    --color-neutral-500:var(--color-gray-500);
    --color-neutral-600:var(--color-gray-600);
    --color-neutral-700:var(--color-gray-700);
    --color-neutral-800:var(--color-gray-800);
    --color-neutral-900:var(--color-gray-900);
    --color-neutral-950:var(--color-gray-950);
    --color-violet:var(--color-violet-500);
    --color-purple:#f14af4;
    --radius-xs:.125rem;
    --radius-sm:.25rem;
    --radius-md:.375rem;
    --radius-lg:.5rem;
    --radius-xl:.75rem;
    --radius-2xl:1rem;
    --radius-3xl:1.5rem;
    --font-sans:"Poppins",sans-serif;
    --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --color-red-500:#eb5757;
    --color-orange-500:#f2994a;
    --color-yellow-200:#fdf097;
    --color-yellow-400:#f4ce4a;
    --color-green-400:#22c55e;
    --color-green-500:#2ab930;
    --color-blue-100:var(--color-blue-100);
    --color-blue-200:var(--color-blue-200);
    --color-blue-300:#3b82f6;
    --color-blue-400:#70a3f3;
    --color-blue-500:#4e80ee;
    --color-blue-600:var(--color-blue-600);
    --color-blue-700:var(--color-blue-700);
    --color-blue-800:var(--color-blue-800);
    --color-blue-900:var(--color-blue-900);
    --color-violet-500:#8644ff;
    --color-violet-600:#ad00ff;
    --color-purple-500:#f14af4;
    --color-gray-200:oklch(92.8% .006 264.531);
    --color-gray-400:#9ca3af;
    --color-gray-500:#6b7280;
    --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-gray-950:#090d14;
    --color-black:#000;
    --color-white:#fff;
    --spacing:.25rem;
    --breakpoint-xl:80rem;
    --container-xs:20rem;
    --container-sm:24rem;
    --container-md:28rem;
    --container-lg:32rem;
    --container-xl:36rem;
    --container-2xl:42rem;
    --container-3xl:48rem;
    --text-xs:.75rem;
    --text-xs--line-height:1.33333;
    --text-sm:.875rem;
    --text-sm--line-height:1.42857;
    --text-base:1rem;
    --text-base--line-height:1.5;
    --text-lg:1.125rem;
    --text-lg--line-height:1.55556;
    --text-xl:1.25rem;
    --text-xl--line-height:1.4;
    --text-2xl:1.5rem;
    --text-2xl--line-height:1.33333;
    --text-3xl:1.875rem;
    --text-3xl--line-height:1.2;
    --text-4xl:2.25rem;
    --text-4xl--line-height:1.11111;
    --text-5xl:3rem;
    --text-5xl--line-height:1;
    --text-7xl:4.5rem;
    --text-7xl--line-height:1;
    --font-weight-normal:400;
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --font-weight-bold:700;
    --tracking-tight:-.025em;
    --tracking-wide:.025em;
    --tracking-wider:.05em;
    --ease-in:cubic-bezier(.4,0,1,1);
    --ease-out:cubic-bezier(0,0,.2,1);
    --ease-in-out:cubic-bezier(.4,0,.2,1);
    --animate-spin:spin 1s linear infinite;
    --animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1) infinite;
    --blur-xs:4px;
    --blur-2xl:40px;
    --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);
    --ui-text-dimmed:var(--color-neutral-500);
    --ui-text-muted:var(--color-neutral-400);
    --ui-text-toned:var(--color-neutral-300);
    --ui-text:var(--color-white);
    --ui-text-highlighted:var(--color-white);
    --ui-text-inverted:var(--color-base-dark);
    --ui-bg:var(--color-neutral-950);
    --ui-bg-muted:var(--color-glass-04);
    --ui-bg-elevated:var(--color-neutral-975);
    --ui-bg-accented:var(--color-glass-08);
    --ui-bg-inverted:var(--color-white);
    --ui-border:var(--color-glass-04);
    --ui-border-muted:var(--color-glass-08);
    --ui-border-accented:var(--color-glass-20);
    --ui-border-inverted:var(--color-white);
    --radius-5:20px;
    --radius-7:30px;
    --radius-10:40px;
    --color-token-eth:#3b82f6;
    --color-token-weth:#3b82f6;
    --color-token-pol:#8247e5;
    --color-token-wmatic:var(--color-token-pol);
    --color-token-wpol:var(--color-token-pol);
    --color-token-usdc:#2775ca;
    --color-token-usdt:#50af95;
    --color-token-wsteth:#60a9ee;
    --color-token-eurc:#60a9ee;
    --color-token-gho:#43c761;
    --color-token-susds:#5bd293;
    --color-token-arb:#6686dc;
    --color-token-ausd:#afa35c;
    --color-token-usdtb:#fff;
    --color-token-usdt0:#00b988;
    --color-token-xaut0:#d09803;
    --color-token-usde:#e9eaf1;
    --color-token-u:#e9d276;
    --color-gradient-token-usdtb:linear-gradient(180deg,#ffffff26,#b4b4b41a);
    --color-token-paxg:gold;
    --color-gradient-token-paxg:linear-gradient(180deg,#ffd70033,#ffd7001a);
    --color-token-xaut:#b8860b;
    --color-gradient-token-xaut:linear-gradient(180deg,#b8860b33,#b8860b1a);
    --color-gradient-token-eth:linear-gradient(180deg,#6685dc33,#6685dc1a);
    --color-gradient-token-weth:var(--color-gradient-token-eth);
    --color-gradient-token-usdc:linear-gradient(180deg,#2775ca33,#2775ca1a);
    --color-gradient-token-pol:linear-gradient(180deg,#8247e533,#8247e51a);
    --color-gradient-token-wmatic:var(--color-gradient-token-pol);
    --color-gradient-token-wpol:var(--color-gradient-token-pol);
    --color-gradient-token-usdt:linear-gradient(180deg,#50af9533,#50af951a);
    --color-gradient-token-arb:linear-gradient(180deg,#6686dc33,#6685e61a);
    --color-gradient-token-wsteth:linear-gradient(180deg,#60a9ee33,#60a9ee1a);
    --color-gradient-token-eurc:var(--color-gradient-token-wsteth);
    --color-gradient-token-gho:linear-gradient(180deg,#43c76133,#43c7611a);
    --color-gradient-token-susds:linear-gradient(180deg,#5bd29333,#5bd2931a);
    --color-gradient-token-ausd:linear-gradient(180deg,#aca77059,#90895726);
    --color-gradient-token-usdt0:linear-gradient(180deg,#00b98833,#00b9881a);
    --color-gradient-token-xaut0:linear-gradient(180deg,#d0980333,#d098031a);
    --color-gradient-token-usde:linear-gradient(180deg,#e9eaf133,#e9eaf10f);
    --color-gradient-token-u:linear-gradient(180deg,#e9d27633,#a18b2f1a);
    --color-token-wbnb:#f0b90b;
    --color-gradient-token-wbnb:linear-gradient(180deg,#f0b90b33,#f0b90b1a);
    --color-token-pyusd:#e9eaf1;
    --color-gradient-token-pyusd:linear-gradient(180deg,#e9eaf133,#e9eaf11a);
    --ui-color-success-400:var(--color-green-400);
    --ui-color-success-500:var(--color-green-400);
    --ui-color-success-600:var(--color-green-500);
    --color-yellow-450:#e9b306;
    --color-base-dark:#111827;
    --color-glass-20:#fff3;
    --color-glass-40:#fff6;
    --color-glass-02:#ffffff05;
    --color-glass-04:#ffffff0a;
    --color-glass-08:#ffffff14;
    --color-gray-750:#2b323f;
    --color-gray-850:#161e2d;
    --color-gray-975:#1b1f25;
    --color-neutral-750:var(--color-gray-750);
    --color-neutral-850:var(--color-gray-850);
    --color-neutral-975:var(--color-gray-975);
    --blur-4xl:100px
  }
  @keyframes accordion-up {
    0% {
      height:var(--reka-accordion-content-height)
    }
    to {
      height:0
    }
  }
  @keyframes accordion-down {
    0% {
      height:0
    }
    to {
      height:var(--reka-accordion-content-height)
    }
  }
  @keyframes collapsible-up {
    0% {
      height:var(--reka-collapsible-content-height)
    }
    to {
      height:0
    }
  }
  @keyframes collapsible-down {
    0% {
      height:0
    }
    to {
      height:var(--reka-collapsible-content-height)
    }
  }
  @keyframes toast-slide-in-from-top {
    0% {
      transform:translateY(-100%)
    }
    to {
      transform:var(--transform)
    }
  }
  @keyframes toast-slide-in-from-bottom {
    0% {
      transform:translateY(100%)
    }
    to {
      transform:var(--transform)
    }
  }
  @keyframes toast-slide-up {
    0% {
      transform:translate(0) translateY(var(--translate))
    }
    to {
      transform:translate(0) translateY(calc(var(--translate) - 100%))
    }
  }
  @keyframes toast-slide-down {
    0% {
      transform:translate(0) translateY(var(--translate))
    }
    to {
      transform:translate(0) translateY(calc(var(--translate) + 100%))
    }
  }
  @keyframes toast-pulse-a {
    0%,
    to {
      scale:1
    }
    50% {
      scale:1.04
    }
  }
  @keyframes toast-pulse-b {
    0%,
    to {
      scale:1
    }
    50% {
      scale:1.04
    }
  }
  @keyframes toast-collapsed-closed {
    0% {
      transform:var(--transform)
    }
    to {
      transform:translateY(calc((var(--before) - var(--height))*var(--gap))) scale(var(--scale))
    }
  }
  @keyframes toast-closed {
    0% {
      transform:var(--transform)
    }
    to {
      transform:translateY(calc((var(--offset) - var(--height))*var(--translate-factor)))
    }
  }
  @keyframes toast-slide-left {
    0% {
      transform:translate(0) translateY(var(--translate))
    }
    to {
      transform:translate(-100%) translateY(var(--translate))
    }
  }
  @keyframes toast-slide-right {
    0% {
      transform:translate(0) translateY(var(--translate))
    }
    to {
      transform:translate(100%) translateY(var(--translate))
    }
  }
  @keyframes fade-in {
    0% {
      opacity:0
    }
    to {
      opacity:1
    }
  }
  @keyframes fade-out {
    0% {
      opacity:1
    }
    to {
      opacity:0
    }
  }
  @keyframes scale-in {
    0% {
      opacity:0;
      transform:scale(.95)
    }
    to {
      opacity:1;
      transform:scale(1)
    }
  }
  @keyframes scale-out {
    0% {
      opacity:1;
      transform:scale(1)
    }
    to {
      opacity:0;
      transform:scale(.95)
    }
  }
  @keyframes slide-in-from-top {
    0% {
      transform:translateY(-100%)
    }
    to {
      transform:translateY(0)
    }
  }
  @keyframes slide-out-to-top {
    0% {
      transform:translateY(0)
    }
    to {
      transform:translateY(-100%)
    }
  }
  @keyframes slide-in-from-right {
    0% {
      transform:translate(100%)
    }
    to {
      transform:translate(0)
    }
  }
  @keyframes slide-out-to-right {
    0% {
      transform:translate(0)
    }
    to {
      transform:translate(100%)
    }
  }
  @keyframes slide-in-from-bottom {
    0% {
      transform:translateY(100%)
    }
    to {
      transform:translateY(0)
    }
  }
  @keyframes slide-out-to-bottom {
    0% {
      transform:translateY(0)
    }
    to {
      transform:translateY(100%)
    }
  }
  @keyframes slide-in-from-left {
    0% {
      transform:translate(-100%)
    }
    to {
      transform:translate(0)
    }
  }
  @keyframes slide-out-to-left {
    0% {
      transform:translate(0)
    }
    to {
      transform:translate(-100%)
    }
  }
  @keyframes slide-in-from-top-and-fade {
    0% {
      opacity:0;
      transform:translateY(-4px)
    }
    to {
      opacity:1;
      transform:translateY(0)
    }
  }
  @keyframes slide-out-to-top-and-fade {
    0% {
      opacity:1;
      transform:translateY(0)
    }
    to {
      opacity:0;
      transform:translateY(-4px)
    }
  }
  @keyframes slide-in-from-right-and-fade {
    0% {
      opacity:0;
      transform:translate(4px)
    }
    to {
      opacity:1;
      transform:translate(0)
    }
  }
  @keyframes slide-out-to-right-and-fade {
    0% {
      opacity:1;
      transform:translate(0)
    }
    to {
      opacity:0;
      transform:translate(4px)
    }
  }
  @keyframes slide-in-from-bottom-and-fade {
    0% {
      opacity:0;
      transform:translateY(4px)
    }
    to {
      opacity:1;
      transform:translateY(0)
    }
  }
  @keyframes slide-out-to-bottom-and-fade {
    0% {
      opacity:1;
      transform:translateY(0)
    }
    to {
      opacity:0;
      transform:translateY(4px)
    }
  }
  @keyframes slide-in-from-left-and-fade {
    0% {
      opacity:0;
      transform:translate(-4px)
    }
    to {
      opacity:1;
      transform:translate(0)
    }
  }
  @keyframes slide-out-to-left-and-fade {
    0% {
      opacity:1;
      transform:translate(0)
    }
    to {
      opacity:0;
      transform:translate(-4px)
    }
  }
  @keyframes enter-from-right {
    0% {
      opacity:0;
      transform:translate(200px)
    }
    to {
      opacity:1;
      transform:translate(0)
    }
  }
  @keyframes enter-from-left {
    0% {
      opacity:0;
      transform:translate(-200px)
    }
    to {
      opacity:1;
      transform:translate(0)
    }
  }
  @keyframes exit-to-right {
    0% {
      opacity:1;
      transform:translate(0)
    }
    to {
      opacity:0;
      transform:translate(200px)
    }
  }
  @keyframes exit-to-left {
    0% {
      opacity:1;
      transform:translate(0)
    }
    to {
      opacity:0;
      transform:translate(-200px)
    }
  }
  @keyframes carousel {
    0%,
    to {
      width:50%
    }
    0% {
      transform:translate(-100%)
    }
    to {
      transform:translate(200%)
    }
  }
  @keyframes carousel-rtl {
    0%,
    to {
      width:50%
    }
    0% {
      transform:translate(100%)
    }
    to {
      transform:translate(-200%)
    }
  }
  @keyframes carousel-vertical {
    0%,
    to {
      height:50%
    }
    0% {
      transform:translateY(-100%)
    }
    to {
      transform:translateY(200%)
    }
  }
  @keyframes carousel-inverse {
    0%,
    to {
      width:50%
    }
    0% {
      transform:translate(200%)
    }
    to {
      transform:translate(-100%)
    }
  }
  @keyframes carousel-inverse-rtl {
    0%,
    to {
      width:50%
    }
    0% {
      transform:translate(-200%)
    }
    to {
      transform:translate(100%)
    }
  }
  @keyframes carousel-inverse-vertical {
    0%,
    to {
      height:50%
    }
    0% {
      transform:translateY(200%)
    }
    to {
      transform:translateY(-100%)
    }
  }
  @keyframes swing {
    0%,
    to {
      width:50%
    }
    0%,
    to {
      transform:translate(-25%)
    }
    50% {
      transform:translate(125%)
    }
  }
  @keyframes swing-vertical {
    0%,
    to {
      height:50%
    }
    0%,
    to {
      transform:translateY(-25%)
    }
    50% {
      transform:translateY(125%)
    }
  }
  @keyframes elastic {
    0%,
    to {
      width:50%;
      margin-left:25%
    }
    50% {
      width:90%;
      margin-left:5%
    }
  }
  @keyframes elastic-vertical {
    0%,
    to {
      height:50%;
      margin-top:25%
    }
    50% {
      height:90%;
      margin-top:5%
    }
  }
  @keyframes marquee {
    0% {
      transform:translateZ(0)
    }
    to {
      transform:translate3d(calc(-100% - var(--gap)),0,0)
    }
  }
  @keyframes marquee-rtl {
    0% {
      transform:translateZ(0)
    }
    to {
      transform:translate3d(calc(100% + var(--gap)),0,0)
    }
  }
  @keyframes marquee-vertical {
    0% {
      transform:translateZ(0)
    }
    to {
      transform:translate3d(0,calc(-100% - var(--gap)),0)
    }
  }
  @keyframes marquee-vertical-rtl {
    0% {
      transform:translate3d(0,calc(-100% - var(--gap)),0)
    }
    to {
      transform:translate3d(0,calc(-100%*var(--gap)),0)
    }
  }
  @keyframes shimmer {
    0% {
      background-position:100%
    }
    to {
      background-position:0
    }
  }
  @keyframes shimmer-rtl {
    0% {
      background-position:0
    }
    to {
      background-position:100%
    }
  }
  @layer theme {
    :host,
    :root {
      --ui-header-height:4rem;
      --ui-radius:.25rem;
      --ui-container:80rem
    }
    .light,
    :host,
    :root {
      --ui-text-dimmed:var(--ui-color-neutral-400);
      --ui-text-muted:var(--ui-color-neutral-500);
      --ui-text-toned:var(--ui-color-neutral-600);
      --ui-text:var(--ui-color-neutral-700);
      --ui-text-highlighted:var(--ui-color-neutral-900);
      --ui-text-inverted:#fff;
      --ui-bg:#fff;
      --ui-bg-muted:var(--ui-color-neutral-50);
      --ui-bg-elevated:var(--ui-color-neutral-100);
      --ui-bg-accented:var(--ui-color-neutral-200);
      --ui-bg-inverted:var(--ui-color-neutral-900);
      --ui-border:var(--ui-color-neutral-200);
      --ui-border-muted:var(--ui-color-neutral-200);
      --ui-border-accented:var(--ui-color-neutral-300);
      --ui-border-inverted:var(--ui-color-neutral-900)
    }
    .dark {
      --ui-text-dimmed:var(--ui-color-neutral-500);
      --ui-text-muted:var(--ui-color-neutral-400);
      --ui-text-toned:var(--ui-color-neutral-300);
      --ui-text:var(--ui-color-neutral-200);
      --ui-text-highlighted:#fff;
      --ui-text-inverted:var(--ui-color-neutral-900);
      --ui-bg:var(--ui-color-neutral-900);
      --ui-bg-muted:var(--ui-color-neutral-800);
      --ui-bg-elevated:var(--ui-color-neutral-800);
      --ui-bg-accented:var(--ui-color-neutral-700);
      --ui-bg-inverted:#fff;
      --ui-border:var(--ui-color-neutral-800);
      --ui-border-muted:var(--ui-color-neutral-700);
      --ui-border-accented:var(--ui-color-neutral-700);
      --ui-border-inverted:#fff
    }
  }
  @layer components;
  @layer utilities {
    .pointer-events-auto {
      pointer-events:auto
    }
    .pointer-events-none {
      pointer-events:none
    }
    .collapse {
      visibility:collapse
    }
    .visible {
      visibility:visible
    }
    .sr-only {
      clip-path:inset(50%);
      white-space:nowrap;
      border-width:0;
      width:1px;
      height:1px;
      margin:-1px;
      padding:0;
      overflow:hidden
    }
    .absolute,
    .sr-only {
      position:absolute
    }
    .fixed {
      position:fixed
    }
    .relative {
      position:relative
    }
    .sticky {
      position:sticky
    }
    .inset-0 {
      inset:calc(var(--spacing)*0)
    }
    .inset-x-0 {
      inset-inline:calc(var(--spacing)*0)
    }
    .inset-x-1 {
      inset-inline:calc(var(--spacing)*1)
    }
    .inset-x-4 {
      inset-inline:calc(var(--spacing)*4)
    }
    .inset-y-0 {
      inset-block:calc(var(--spacing)*0)
    }
    .inset-y-1 {
      inset-block:calc(var(--spacing)*1)
    }
    .inset-y-1\.5 {
      inset-block:calc(var(--spacing)*1.5)
    }
    .inset-y-2 {
      inset-block:calc(var(--spacing)*2)
    }
    .inset-y-3 {
      inset-block:calc(var(--spacing)*3)
    }
    .inset-y-4 {
      inset-block:calc(var(--spacing)*4)
    }
    .-start-px {
      inset-inline-start:-1px
    }
    .start {
      inset-inline-start:var(--spacing)
    }
    .start-0 {
      inset-inline-start:calc(var(--spacing)*0)
    }
    .start-4 {
      inset-inline-start:calc(var(--spacing)*4)
    }
    .start-32 {
      inset-inline-start:calc(var(--spacing)*32)
    }
    .start-\[calc\(--spacing\(4\)-1px\)\] {
      inset-inline-start:calc(var(--spacing)*4 - 1px)
    }
    .start-\[calc\(50\%\+16px\)\] {
      inset-inline-start:calc(50% + 16px)
    }
    .start-\[calc\(50\%\+20px\)\] {
      inset-inline-start:calc(50% + 20px)
    }
    .start-\[calc\(50\%\+28px\)\] {
      inset-inline-start:calc(50% + 28px)
    }
    .start-\[calc\(50\%\+32px\)\] {
      inset-inline-start:calc(50% + 32px)
    }
    .start-\[calc\(50\%\+36px\)\] {
      inset-inline-start:calc(50% + 36px)
    }
    .start-\[calc\(50\%-1px\)\] {
      inset-inline-start:calc(50% - 1px)
    }
    .-end-1\.5 {
      inset-inline-end:calc(var(--spacing)*-1.5)
    }
    .end {
      inset-inline-end:var(--spacing)
    }
    .end-0 {
      inset-inline-end:calc(var(--spacing)*0)
    }
    .end-4 {
      inset-inline-end:calc(var(--spacing)*4)
    }
    .end-7\.5 {
      inset-inline-end:calc(var(--spacing)*7.5)
    }
    .end-\[calc\(-50\%\+16px\)\] {
      inset-inline-end:calc(16px - 50%)
    }
    .end-\[calc\(-50\%\+20px\)\] {
      inset-inline-end:calc(20px - 50%)
    }
    .end-\[calc\(-50\%\+28px\)\] {
      inset-inline-end:calc(28px - 50%)
    }
    .end-\[calc\(-50\%\+32px\)\] {
      inset-inline-end:calc(32px - 50%)
    }
    .end-\[calc\(-50\%\+36px\)\] {
      inset-inline-end:calc(36px - 50%)
    }
    .-top-1\.5 {
      top:calc(var(--spacing)*-1.5)
    }
    .-top-8 {
      top:calc(var(--spacing)*-8)
    }
    .-top-15 {
      top:calc(var(--spacing)*-15)
    }
    .-top-\[31px\] {
      top:-31px
    }
    .top-0 {
      top:calc(var(--spacing)*0)
    }
    .top-1\/2 {
      top:50%
    }
    .top-2 {
      top:calc(var(--spacing)*2)
    }
    .top-4 {
      top:calc(var(--spacing)*4)
    }
    .top-7\.5 {
      top:calc(var(--spacing)*7.5)
    }
    .top-8 {
      top:calc(var(--spacing)*8)
    }
    .top-\[30px\] {
      top:30px
    }
    .top-\[38px\] {
      top:38px
    }
    .top-\[46px\] {
      top:46px
    }
    .top-\[50\%\] {
      top:50%
    }
    .top-\[54px\] {
      top:54px
    }
    .top-\[56px\] {
      top:56px
    }
    .top-\[62px\] {
      top:62px
    }
    .top-\[84px\] {
      top:84px
    }
    .top-\[86\%\] {
      top:86%
    }
    .top-\[197px\] {
      top:197px
    }
    .top-\[calc\(50\%-2px\)\] {
      top:calc(50% - 2px)
    }
    .top-full {
      top:100%
    }
    .-right-6 {
      right:calc(var(--spacing)*-6)
    }
    .-right-8 {
      right:calc(var(--spacing)*-8)
    }
    .right-0 {
      right:calc(var(--spacing)*0)
    }
    .right-1\.5 {
      right:calc(var(--spacing)*1.5)
    }
    .right-1\/2 {
      right:50%
    }
    .right-4 {
      right:calc(var(--spacing)*4)
    }
    .right-14 {
      right:calc(var(--spacing)*14)
    }
    .-bottom-2 {
      bottom:calc(var(--spacing)*-2)
    }
    .-bottom-7 {
      bottom:calc(var(--spacing)*-7)
    }
    .-bottom-\[10px\] {
      bottom:-10px
    }
    .-bottom-px {
      bottom:-1px
    }
    .bottom-0 {
      bottom:calc(var(--spacing)*0)
    }
    .bottom-4 {
      bottom:calc(var(--spacing)*4)
    }
    .bottom-7\.5 {
      bottom:calc(var(--spacing)*7.5)
    }
    .-left-2 {
      left:calc(var(--spacing)*-2)
    }
    .left-\(--reka-navigation-menu-viewport-left\) {
      left:var(--reka-navigation-menu-viewport-left)
    }
    .left-0 {
      left:calc(var(--spacing)*0)
    }
    .left-1\/2 {
      left:50%
    }
    .left-4 {
      left:calc(var(--spacing)*4)
    }
    .left-6\.5 {
      left:calc(var(--spacing)*6.5)
    }
    .left-11 {
      left:calc(var(--spacing)*11)
    }
    .isolate {
      isolation:isolate
    }
    .z-\(--index\) {
      z-index:var(--index)
    }
    .z-0 {
      z-index:0
    }
    .z-1 {
      z-index:1
    }
    .z-2 {
      z-index:2
    }
    .z-10 {
      z-index:10
    }
    .z-20 {
      z-index:20
    }
    .z-50 {
      z-index:50
    }
    .z-\[1\] {
      z-index:1
    }
    .z-\[2\] {
      z-index:2
    }
    .z-\[9\] {
      z-index:9
    }
    .z-\[10\] {
      z-index:10
    }
    .z-\[19\] {
      z-index:19
    }
    .z-\[100\] {
      z-index:100
    }
    .z-\[9999999999\] {
      z-index:2147483647
    }
    .order-\[-1\] {
      order:-1
    }
    .order-first {
      order:-9999
    }
    .order-last {
      order:9999
    }
    .col-span-2 {
      grid-column:span 2/span 2
    }
    .col-span-4 {
      grid-column:span 4/span 4
    }
    .col-span-6 {
      grid-column:span 6/span 6
    }
    .col-start-1 {
      grid-column-start:1
    }
    .row-start-1 {
      grid-row-start:1
    }
    @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
      }
    }
    .m-0 {
      margin:calc(var(--spacing)*0)
    }
    .m-0\.5 {
      margin:calc(var(--spacing)*.5)
    }
    .m-\[3px\] {
      margin:3px
    }
    .container {
      width:100%;
      max-width:64rem;
      margin-inline:auto;
      padding-inline:1rem
    }
    .-mx-1 {
      margin-inline:calc(var(--spacing)*-1)
    }
    .-mx-2 {
      margin-inline:calc(var(--spacing)*-2)
    }
    .-mx-2\.5 {
      margin-inline:calc(var(--spacing)*-2.5)
    }
    .-mx-4 {
      margin-inline:calc(var(--spacing)*-4)
    }
    .mx-0\.5 {
      margin-inline:calc(var(--spacing)*.5)
    }
    .mx-1 {
      margin-inline:calc(var(--spacing)*1)
    }
    .mx-2 {
      margin-inline:calc(var(--spacing)*2)
    }
    .mx-3 {
      margin-inline:calc(var(--spacing)*3)
    }
    .mx-4 {
      margin-inline:calc(var(--spacing)*4)
    }
    .mx-auto {
      margin-inline:auto
    }
    .-my-2\.5 {
      margin-block:calc(var(--spacing)*-2.5)
    }
    .my-1 {
      margin-block:calc(var(--spacing)*1)
    }
    .my-1\.5 {
      margin-block:calc(var(--spacing)*1.5)
    }
    .my-2 {
      margin-block:calc(var(--spacing)*2)
    }
    .my-3 {
      margin-block:calc(var(--spacing)*3)
    }
    .my-4 {
      margin-block:calc(var(--spacing)*4)
    }
    .my-5 {
      margin-block:calc(var(--spacing)*5)
    }
    .my-6 {
      margin-block:calc(var(--spacing)*6)
    }
    .my-10 {
      margin-block:calc(var(--spacing)*10)
    }
    .my-\[1\.5px\] {
      margin-block:1.5px
    }
    .my-\[3px\] {
      margin-block:3px
    }
    .my-\[14px\] {
      margin-block:14px
    }
    .my-auto {
      margin-block:auto
    }
    .-ms-1\.5 {
      margin-inline-start:calc(var(--spacing)*-1.5)
    }
    .-ms-4 {
      margin-inline-start:calc(var(--spacing)*-4)
    }
    .-ms-\[8\.5px\] {
      margin-inline-start:-8.5px
    }
    .-ms-px {
      margin-inline-start:-1px
    }
    .ms-1 {
      margin-inline-start:calc(var(--spacing)*1)
    }
    .ms-2 {
      margin-inline-start:calc(var(--spacing)*2)
    }
    .ms-4 {
      margin-inline-start:calc(var(--spacing)*4)
    }
    .ms-4\.5 {
      margin-inline-start:calc(var(--spacing)*4.5)
    }
    .ms-5 {
      margin-inline-start:calc(var(--spacing)*5)
    }
    .ms-5\.5 {
      margin-inline-start:calc(var(--spacing)*5.5)
    }
    .ms-6 {
      margin-inline-start:calc(var(--spacing)*6)
    }
    .ms-auto {
      margin-inline-start:auto
    }
    .-me-0\.5 {
      margin-inline-end:calc(var(--spacing)*-.5)
    }
    .-me-1 {
      margin-inline-end:calc(var(--spacing)*-1)
    }
    .-me-1\.5 {
      margin-inline-end:calc(var(--spacing)*-1.5)
    }
    .-me-2 {
      margin-inline-end:calc(var(--spacing)*-2)
    }
    .me-1\.5 {
      margin-inline-end:calc(var(--spacing)*1.5)
    }
    .me-2 {
      margin-inline-end:calc(var(--spacing)*2)
    }
    .prose {
      color:var(--tw-prose-body);
      max-width:65ch
    }
    .prose :where(p):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.25em;
      margin-bottom:1.25em
    }
    .prose :where([class~=lead]):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:var(--tw-prose-lead);
      margin-top:1.2em;
      margin-bottom:1.2em;
      font-size:1.25em;
      line-height:1.6
    }
    .prose :where(a):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:var(--tw-prose-links);
      font-weight:500;
      text-decoration:underline
    }
    .prose :where(strong):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:var(--tw-prose-bold);
      font-weight:600
    }
    .prose :where(a strong):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .prose :where(blockquote strong):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .prose :where(thead th strong):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:inherit
    }
    .prose :where(ol):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.25em;
      margin-bottom:1.25em;
      padding-inline-start:1.625em;
      list-style-type:decimal
    }
    .prose :where(ol[type=A]):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      list-style-type:upper-alpha
    }
    .prose :where(ol[type=a]):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      list-style-type:lower-alpha
    }
    .prose :where(ol[type=A s]):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      list-style-type:upper-alpha
    }
    .prose :where(ol[type=a s]):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      list-style-type:lower-alpha
    }
    .prose :where(ol[type=I]):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      list-style-type:upper-roman
    }
    .prose :where(ol[type=i]):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      list-style-type:lower-roman
    }
    .prose :where(ol[type=I s]):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      list-style-type:upper-roman
    }
    .prose :where(ol[type=i s]):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      list-style-type:lower-roman
    }
    .prose :where(ol[type="1"]):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      list-style-type:decimal
    }
    .prose :where(ul):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.25em;
      margin-bottom:1.25em;
      padding-inline-start:1.625em;
      list-style-type:disc
    }
    .prose :where(ol>li):not(:where([class~=not-prose],
    [class~=not-prose] *))::marker {
      color:var(--tw-prose-counters);
      font-weight:400
    }
    .prose :where(ul>li):not(:where([class~=not-prose],
    [class~=not-prose] *))::marker {
      color:var(--tw-prose-bullets)
    }
    .prose :where(dt):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:var(--tw-prose-headings);
      margin-top:1.25em;
      font-weight:600
    }
    .prose :where(hr):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      border-color:var(--tw-prose-hr);
      border-top-width:1px;
      margin-top:3em;
      margin-bottom:3em
    }
    .prose :where(blockquote):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:var(--tw-prose-quotes);
      border-inline-start-width:.25rem;
      border-inline-start-color:var(--tw-prose-quote-borders);
      quotes:"“""”""‘""’";
      margin-top:1.6em;
      margin-bottom:1.6em;
      padding-inline-start:1em;
      font-style:italic;
      font-weight:500
    }
    .prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],
    [class~=not-prose] *)):before {
      content:open-quote
    }
    .prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],
    [class~=not-prose] *)):after {
      content:close-quote
    }
    .prose :where(h1):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:var(--tw-prose-headings);
      margin-top:0;
      margin-bottom:.888889em;
      font-size:2.25em;
      font-weight:800;
      line-height:1.11111
    }
    .prose :where(h1 strong):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:inherit;
      font-weight:900
    }
    .prose :where(h2):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:var(--tw-prose-headings);
      margin-top:2em;
      margin-bottom:1em;
      font-size:1.5em;
      font-weight:700;
      line-height:1.33333
    }
    .prose :where(h2 strong):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:inherit;
      font-weight:800
    }
    .prose :where(h3):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:var(--tw-prose-headings);
      margin-top:1.6em;
      margin-bottom:.6em;
      font-size:1.25em;
      font-weight:600;
      line-height:1.6
    }
    .prose :where(h3 strong):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:inherit;
      font-weight:700
    }
    .prose :where(h4):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:var(--tw-prose-headings);
      margin-top:1.5em;
      margin-bottom:.5em;
      font-weight:600;
      line-height:1.5
    }
    .prose :where(h4 strong):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:inherit;
      font-weight:700
    }
    .prose :where(img):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:2em;
      margin-bottom:2em
    }
    .prose :where(picture):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:2em;
      margin-bottom:2em;
      display:block
    }
    .prose :where(video):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:2em;
      margin-bottom:2em
    }
    .prose :where(kbd):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:var(--tw-prose-kbd);
      box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);
      padding-top:.1875em;
      padding-inline-end:.375em;
      padding-bottom:.1875em;
      border-radius:.3125rem;
      padding-inline-start:.375em;
      font-family:inherit;
      font-size:.875em;
      font-weight:500
    }
    .prose :where(code):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:var(--tw-prose-code);
      font-size:.875em;
      font-weight:600
    }
    .prose :where(code):not(:where([class~=not-prose],
    [class~=not-prose] *)):after,
    .prose :where(code):not(:where([class~=not-prose],
    [class~=not-prose] *)):before {
      content:"`"
    }
    .prose :where(a code):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .prose :where(h1 code):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:inherit
    }
    .prose :where(h2 code):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:inherit;
      font-size:.875em
    }
    .prose :where(h3 code):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:inherit;
      font-size:.9em
    }
    .prose :where(blockquote code):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .prose :where(h4 code):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .prose :where(thead th code):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:inherit
    }
    .prose :where(pre):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:var(--tw-prose-pre-code);
      background-color:var(--tw-prose-pre-bg);
      padding-top:.857143em;
      padding-inline-end:1.14286em;
      padding-bottom:.857143em;
      border-radius:.375rem;
      margin-top:1.71429em;
      margin-bottom:1.71429em;
      padding-inline-start:1.14286em;
      font-size:.875em;
      font-weight:400;
      line-height:1.71429;
      overflow-x:auto
    }
    .prose :where(pre code):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      font-weight:inherit;
      color:inherit;
      font-size:inherit;
      font-family:inherit;
      line-height:inherit;
      background-color:#0000;
      border-width:0;
      border-radius:0;
      padding:0
    }
    .prose :where(pre code):not(:where([class~=not-prose],
    [class~=not-prose] *)):after,
    .prose :where(pre code):not(:where([class~=not-prose],
    [class~=not-prose] *)):before {
      content:none
    }
    .prose :where(table):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      table-layout:auto;
      width:100%;
      margin-top:2em;
      margin-bottom:2em;
      font-size:.875em;
      line-height:1.71429
    }
    .prose :where(thead):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      border-bottom-width:1px;
      border-bottom-color:var(--tw-prose-th-borders)
    }
    .prose :where(thead th):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:var(--tw-prose-headings);
      vertical-align:bottom;
      padding-inline-end:.571429em;
      padding-bottom:.571429em;
      padding-inline-start:.571429em;
      font-weight:600
    }
    .prose :where(tbody tr):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      border-bottom-width:1px;
      border-bottom-color:var(--tw-prose-td-borders)
    }
    .prose :where(tbody tr:last-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      border-bottom-width:0
    }
    .prose :where(tbody td):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      vertical-align:baseline
    }
    .prose :where(tfoot):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      border-top-width:1px;
      border-top-color:var(--tw-prose-th-borders)
    }
    .prose :where(tfoot td):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      vertical-align:top
    }
    .prose :where(th,
    td):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      text-align:start
    }
    .prose :where(figure>*):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:0;
      margin-bottom:0
    }
    .prose :where(figcaption):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:var(--tw-prose-captions);
      margin-top:.857143em;
      font-size:.875em;
      line-height:1.42857
    }
    .prose {
      --tw-prose-body:oklch(37.3% .034 259.733);
      --tw-prose-headings:oklch(21% .034 264.665);
      --tw-prose-lead:oklch(44.6% .03 256.802);
      --tw-prose-links:oklch(21% .034 264.665);
      --tw-prose-bold:oklch(21% .034 264.665);
      --tw-prose-counters:oklch(55.1% .027 264.364);
      --tw-prose-bullets:oklch(87.2% .01 258.338);
      --tw-prose-hr:oklch(92.8% .006 264.531);
      --tw-prose-quotes:oklch(21% .034 264.665);
      --tw-prose-quote-borders:oklch(92.8% .006 264.531);
      --tw-prose-captions:oklch(55.1% .027 264.364);
      --tw-prose-kbd:oklch(21% .034 264.665);
      --tw-prose-kbd-shadows:oklab(21% -.00316127 -.0338527/.1);
      --tw-prose-code:oklch(21% .034 264.665);
      --tw-prose-pre-code:oklch(92.8% .006 264.531);
      --tw-prose-pre-bg:oklch(27.8% .033 256.848);
      --tw-prose-th-borders:oklch(87.2% .01 258.338);
      --tw-prose-td-borders:oklch(92.8% .006 264.531);
      --tw-prose-invert-body:oklch(87.2% .01 258.338);
      --tw-prose-invert-headings:#fff;
      --tw-prose-invert-lead:oklch(70.7% .022 261.325);
      --tw-prose-invert-links:#fff;
      --tw-prose-invert-bold:#fff;
      --tw-prose-invert-counters:oklch(70.7% .022 261.325);
      --tw-prose-invert-bullets:oklch(44.6% .03 256.802);
      --tw-prose-invert-hr:oklch(37.3% .034 259.733);
      --tw-prose-invert-quotes:oklch(96.7% .003 264.542);
      --tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);
      --tw-prose-invert-captions:oklch(70.7% .022 261.325);
      --tw-prose-invert-kbd:#fff;
      --tw-prose-invert-kbd-shadows:#ffffff1a;
      --tw-prose-invert-code:#fff;
      --tw-prose-invert-pre-code:oklch(87.2% .01 258.338);
      --tw-prose-invert-pre-bg:#00000080;
      --tw-prose-invert-th-borders:oklch(44.6% .03 256.802);
      --tw-prose-invert-td-borders:oklch(37.3% .034 259.733);
      font-size:1rem;
      line-height:1.75
    }
    .prose :where(picture>img):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:0;
      margin-bottom:0
    }
    .prose :where(li):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:.5em;
      margin-bottom:.5em
    }
    .prose :where(ol>li):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .prose :where(ul>li):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-inline-start:.375em
    }
    .prose :where(.prose>ul>li p):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:.75em;
      margin-bottom:.75em
    }
    .prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.25em
    }
    .prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-bottom:1.25em
    }
    .prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.25em
    }
    .prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-bottom:1.25em
    }
    .prose :where(ul ul,
    ul ol,
    ol ul,
    ol ol):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:.75em;
      margin-bottom:.75em
    }
    .prose :where(dl):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.25em;
      margin-bottom:1.25em
    }
    .prose :where(dd):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:.5em;
      padding-inline-start:1.625em
    }
    .prose :where(h2+*):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .prose :where(h3+*):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .prose :where(h4+*):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .prose :where(hr+*):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:0
    }
    .prose :where(thead th:first-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-inline-start:0
    }
    .prose :where(thead th:last-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-inline-end:0
    }
    .prose :where(tbody td,
    tfoot td):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-top:.571429em;
      padding-inline-end:.571429em;
      padding-bottom:.571429em;
      padding-inline-start:.571429em
    }
    .prose :where(tbody td:first-child,
    tfoot td:first-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-inline-start:0
    }
    .prose :where(tbody td:last-child,
    tfoot td:last-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-inline-end:0
    }
    .prose :where(figure):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:2em;
      margin-bottom:2em
    }
    .prose :where(.prose>:first-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:0
    }
    .prose :where(.prose>:last-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-bottom:0
    }
    .prose-base {
      font-size:1rem;
      line-height:1.75
    }
    .prose-base :where(p):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.25em;
      margin-bottom:1.25em
    }
    .prose-base :where([class~=lead]):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.2em;
      margin-bottom:1.2em;
      font-size:1.25em;
      line-height:1.6
    }
    .prose-base :where(blockquote):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.6em;
      margin-bottom:1.6em;
      padding-inline-start:1em
    }
    .prose-base :where(h1):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:0;
      margin-bottom:.888889em;
      font-size:2.25em;
      line-height:1.11111
    }
    .prose-base :where(h2):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:2em;
      margin-bottom:1em;
      font-size:1.5em;
      line-height:1.33333
    }
    .prose-base :where(h3):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.6em;
      margin-bottom:.6em;
      font-size:1.25em;
      line-height:1.6
    }
    .prose-base :where(h4):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.5em;
      margin-bottom:.5em;
      line-height:1.5
    }
    .prose-base :where(img):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .prose-base :where(picture):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:2em;
      margin-bottom:2em
    }
    .prose-base :where(picture>img):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:0;
      margin-bottom:0
    }
    .prose-base :where(video):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:2em;
      margin-bottom:2em
    }
    .prose-base :where(kbd):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-top:.1875em;
      padding-inline-end:.375em;
      padding-bottom:.1875em;
      border-radius:.3125rem;
      padding-inline-start:.375em;
      font-size:.875em
    }
    .prose-base :where(code):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .prose-base :where(h2 code):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      font-size:.875em
    }
    .prose-base :where(h3 code):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      font-size:.9em
    }
    .prose-base :where(pre):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-top:.857143em;
      padding-inline-end:1.14286em;
      padding-bottom:.857143em;
      border-radius:.375rem;
      margin-top:1.71429em;
      margin-bottom:1.71429em;
      padding-inline-start:1.14286em;
      font-size:.875em;
      line-height:1.71429
    }
    .prose-base :where(ol):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .prose-base :where(ul):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.25em;
      margin-bottom:1.25em;
      padding-inline-start:1.625em
    }
    .prose-base :where(li):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:.5em;
      margin-bottom:.5em
    }
    .prose-base :where(ol>li):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .prose-base :where(ul>li):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-inline-start:.375em
    }
    .prose-base :where(.prose-base>ul>li p):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:.75em;
      margin-bottom:.75em
    }
    .prose-base :where(.prose-base>ul>li>p:first-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.25em
    }
    .prose-base :where(.prose-base>ul>li>p:last-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-bottom:1.25em
    }
    .prose-base :where(.prose-base>ol>li>p:first-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.25em
    }
    .prose-base :where(.prose-base>ol>li>p:last-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-bottom:1.25em
    }
    .prose-base :where(ul ul,
    ul ol,
    ol ul,
    ol ol):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:.75em;
      margin-bottom:.75em
    }
    .prose-base :where(dl):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.25em;
      margin-bottom:1.25em
    }
    .prose-base :where(dt):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.25em
    }
    .prose-base :where(dd):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:.5em;
      padding-inline-start:1.625em
    }
    .prose-base :where(hr):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:3em;
      margin-bottom:3em
    }
    .prose-base :where(h2+*):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .prose-base :where(h3+*):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .prose-base :where(h4+*):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .prose-base :where(hr+*):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:0
    }
    .prose-base :where(table):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      font-size:.875em;
      line-height:1.71429
    }
    .prose-base :where(thead th):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-inline-end:.571429em;
      padding-bottom:.571429em;
      padding-inline-start:.571429em
    }
    .prose-base :where(thead th:first-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-inline-start:0
    }
    .prose-base :where(thead th:last-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-inline-end:0
    }
    .prose-base :where(tbody td,
    tfoot td):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-top:.571429em;
      padding-inline-end:.571429em;
      padding-bottom:.571429em;
      padding-inline-start:.571429em
    }
    .prose-base :where(tbody td:first-child,
    tfoot td:first-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-inline-start:0
    }
    .prose-base :where(tbody td:last-child,
    tfoot td:last-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-inline-end:0
    }
    .prose-base :where(figure):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:2em;
      margin-bottom:2em
    }
    .prose-base :where(figure>*):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:0;
      margin-bottom:0
    }
    .prose-base :where(figcaption):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:.857143em;
      font-size:.875em;
      line-height:1.42857
    }
    .prose-base :where(.prose-base>:first-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:0
    }
    .prose-base :where(.prose-base>:last-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-bottom:0
    }
    .\!mt-0 {
      margin-top:calc(var(--spacing)*0)!important
    }
    .-mt-0\.5 {
      margin-top:calc(var(--spacing)*-.5)
    }
    .-mt-2\.5 {
      margin-top:calc(var(--spacing)*-2.5)
    }
    .-mt-4 {
      margin-top:calc(var(--spacing)*-4)
    }
    .-mt-5 {
      margin-top:calc(var(--spacing)*-5)
    }
    .-mt-8 {
      margin-top:calc(var(--spacing)*-8)
    }
    .-mt-\[14px\] {
      margin-top:-14px
    }
    .mt-0\.5 {
      margin-top:calc(var(--spacing)*.5)
    }
    .mt-1 {
      margin-top:calc(var(--spacing)*1)
    }
    .mt-1\.5 {
      margin-top:calc(var(--spacing)*1.5)
    }
    .mt-2 {
      margin-top:calc(var(--spacing)*2)
    }
    .mt-2\.5 {
      margin-top:calc(var(--spacing)*2.5)
    }
    .mt-3 {
      margin-top:calc(var(--spacing)*3)
    }
    .mt-3\.5 {
      margin-top:calc(var(--spacing)*3.5)
    }
    .mt-4 {
      margin-top:calc(var(--spacing)*4)
    }
    .mt-5 {
      margin-top:calc(var(--spacing)*5)
    }
    .mt-6 {
      margin-top:calc(var(--spacing)*6)
    }
    .mt-7\.5 {
      margin-top:calc(var(--spacing)*7.5)
    }
    .mt-8 {
      margin-top:calc(var(--spacing)*8)
    }
    .mt-10 {
      margin-top:calc(var(--spacing)*10)
    }
    .mt-16 {
      margin-top:calc(var(--spacing)*16)
    }
    .mt-24 {
      margin-top:calc(var(--spacing)*24)
    }
    .mt-\[2px\] {
      margin-top:2px
    }
    .mt-\[5px\] {
      margin-top:5px
    }
    .mt-\[14px\] {
      margin-top:14px
    }
    .mt-auto {
      margin-top:auto
    }
    .\!mr-4 {
      margin-right:calc(var(--spacing)*4)!important
    }
    .mr-0\.5 {
      margin-right:calc(var(--spacing)*.5)
    }
    .mr-1\.5 {
      margin-right:calc(var(--spacing)*1.5)
    }
    .mr-2 {
      margin-right:calc(var(--spacing)*2)
    }
    .-mb-px {
      margin-bottom:-1px
    }
    .mb-1 {
      margin-bottom:calc(var(--spacing)*1)
    }
    .mb-1\.5 {
      margin-bottom:calc(var(--spacing)*1.5)
    }
    .mb-2 {
      margin-bottom:calc(var(--spacing)*2)
    }
    .mb-2\.5 {
      margin-bottom:calc(var(--spacing)*2.5)
    }
    .mb-3 {
      margin-bottom:calc(var(--spacing)*3)
    }
    .mb-4 {
      margin-bottom:calc(var(--spacing)*4)
    }
    .mb-5 {
      margin-bottom:calc(var(--spacing)*5)
    }
    .mb-6 {
      margin-bottom:calc(var(--spacing)*6)
    }
    .mb-7\.5 {
      margin-bottom:calc(var(--spacing)*7.5)
    }
    .mb-10 {
      margin-bottom:calc(var(--spacing)*10)
    }
    .mb-24 {
      margin-bottom:calc(var(--spacing)*24)
    }
    .mb-\[5px\] {
      margin-bottom:5px
    }
    .mb-\[40px\] {
      margin-bottom:40px
    }
    .mb-auto {
      margin-bottom:auto
    }
    .\!ml-4 {
      margin-left:calc(var(--spacing)*4)!important
    }
    .-ml-4 {
      margin-left:calc(var(--spacing)*-4)
    }
    .-ml-8 {
      margin-left:calc(var(--spacing)*-8)
    }
    .-ml-\[14px\] {
      margin-left:-14px
    }
    .ml-0\.5 {
      margin-left:calc(var(--spacing)*.5)
    }
    .ml-1 {
      margin-left:calc(var(--spacing)*1)
    }
    .ml-2 {
      margin-left:calc(var(--spacing)*2)
    }
    .ml-4 {
      margin-left:calc(var(--spacing)*4)
    }
    .ml-\[7px\] {
      margin-left:7px
    }
    .ml-auto {
      margin-left:auto
    }
    .box-content {
      box-sizing:content-box
    }
    .line-clamp-1 {
      -webkit-line-clamp:1
    }
    .line-clamp-1,
    .line-clamp-2 {
      -webkit-box-orient:vertical;
      display:-webkit-box;
      overflow:hidden
    }
    .line-clamp-2 {
      -webkit-line-clamp:2
    }
    .line-clamp-3 {
      -webkit-line-clamp:3;
      -webkit-box-orient:vertical;
      display:-webkit-box;
      overflow:hidden
    }
    .block {
      display:block
    }
    .contents {
      display:contents
    }
    .flex {
      display:flex
    }
    .grid {
      display:grid
    }
    .hidden {
      display:none
    }
    .inline {
      display:inline
    }
    .inline-block {
      display:inline-block
    }
    .inline-flex {
      display:inline-flex
    }
    .table {
      display:table
    }
    .aspect-\[16\/9\] {
      aspect-ratio:16/9
    }
    .aspect-square {
      aspect-ratio:1
    }
    .\!size-3 {
      width:calc(var(--spacing)*3)!important;
      height:calc(var(--spacing)*3)!important
    }
    .\!size-6 {
      width:calc(var(--spacing)*6)!important;
      height:calc(var(--spacing)*6)!important
    }
    .\!size-7\.5 {
      width:calc(var(--spacing)*7.5)!important;
      height:calc(var(--spacing)*7.5)!important
    }
    .\!size-12 {
      width:calc(var(--spacing)*12)!important;
      height:calc(var(--spacing)*12)!important
    }
    .\!size-\[26px\] {
      width:26px!important;
      height:26px!important
    }
    .size-1\.5 {
      width:calc(var(--spacing)*1.5);
      height:calc(var(--spacing)*1.5)
    }
    .size-2 {
      width:calc(var(--spacing)*2);
      height:calc(var(--spacing)*2)
    }
    .size-2\.5 {
      width:calc(var(--spacing)*2.5);
      height:calc(var(--spacing)*2.5)
    }
    .size-3 {
      width:calc(var(--spacing)*3);
      height:calc(var(--spacing)*3)
    }
    .size-3\.5 {
      width:calc(var(--spacing)*3.5);
      height:calc(var(--spacing)*3.5)
    }
    .size-4 {
      width:calc(var(--spacing)*4);
      height:calc(var(--spacing)*4)
    }
    .size-4\.5 {
      width:calc(var(--spacing)*4.5);
      height:calc(var(--spacing)*4.5)
    }
    .size-5 {
      width:calc(var(--spacing)*5);
      height:calc(var(--spacing)*5)
    }
    .size-6 {
      width:calc(var(--spacing)*6);
      height:calc(var(--spacing)*6)
    }
    .size-6\.5 {
      width:calc(var(--spacing)*6.5);
      height:calc(var(--spacing)*6.5)
    }
    .size-7 {
      width:calc(var(--spacing)*7);
      height:calc(var(--spacing)*7)
    }
    .size-7\.5 {
      width:calc(var(--spacing)*7.5);
      height:calc(var(--spacing)*7.5)
    }
    .size-8 {
      width:calc(var(--spacing)*8);
      height:calc(var(--spacing)*8)
    }
    .size-9 {
      width:calc(var(--spacing)*9);
      height:calc(var(--spacing)*9)
    }
    .size-10 {
      width:calc(var(--spacing)*10);
      height:calc(var(--spacing)*10)
    }
    .size-10\/12 {
      width:83.3333%;
      height:83.3333%
    }
    .size-11 {
      width:calc(var(--spacing)*11);
      height:calc(var(--spacing)*11)
    }
    .size-12 {
      width:calc(var(--spacing)*12);
      height:calc(var(--spacing)*12)
    }
    .size-14 {
      width:calc(var(--spacing)*14);
      height:calc(var(--spacing)*14)
    }
    .size-\[1lh\] {
      width:1lh;
      height:1lh
    }
    .size-\[14px\] {
      width:14px;
      height:14px
    }
    .size-\[18px\] {
      width:18px;
      height:18px
    }
    .size-\[25px\] {
      width:25px;
      height:25px
    }
    .size-\[26px\] {
      width:26px;
      height:26px
    }
    .size-\[34px\] {
      width:34px;
      height:34px
    }
    .size-\[44px\] {
      width:44px;
      height:44px
    }
    .size-\[48px\] {
      width:48px;
      height:48px
    }
    .size-\[60px\] {
      width:60px;
      height:60px
    }
    .size-\[80px\] {
      width:80px;
      height:80px
    }
    .size-\[100px\] {
      width:100px;
      height:100px
    }
    .size-full {
      width:100%;
      height:100%
    }
    .\!h-1\.5 {
      height:calc(var(--spacing)*1.5)!important
    }
    .\!h-4 {
      height:calc(var(--spacing)*4)!important
    }
    .\!h-4\.5 {
      height:calc(var(--spacing)*4.5)!important
    }
    .\!h-12 {
      height:calc(var(--spacing)*12)!important
    }
    .h-\(--reka-navigation-menu-viewport-height\) {
      height:var(--reka-navigation-menu-viewport-height)
    }
    .h-\(--reka-tabs-indicator-size\) {
      height:var(--reka-tabs-indicator-size)
    }
    .h-\(--ui-header-height\) {
      height:var(--ui-header-height)
    }
    .h-0 {
      height:calc(var(--spacing)*0)
    }
    .h-0\.5 {
      height:calc(var(--spacing)*.5)
    }
    .h-1 {
      height:calc(var(--spacing)*1)
    }
    .h-2 {
      height:calc(var(--spacing)*2)
    }
    .h-2\.5 {
      height:calc(var(--spacing)*2.5)
    }
    .h-3 {
      height:calc(var(--spacing)*3)
    }
    .h-4 {
      height:calc(var(--spacing)*4)
    }
    .h-5 {
      height:calc(var(--spacing)*5)
    }
    .h-5\.5 {
      height:calc(var(--spacing)*5.5)
    }
    .h-6 {
      height:calc(var(--spacing)*6)
    }
    .h-6\.5 {
      height:calc(var(--spacing)*6.5)
    }
    .h-7\.5 {
      height:calc(var(--spacing)*7.5)
    }
    .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-20 {
      height:calc(var(--spacing)*20)
    }
    .h-24 {
      height:calc(var(--spacing)*24)
    }
    .h-32 {
      height:calc(var(--spacing)*32)
    }
    .h-38 {
      height:calc(var(--spacing)*38)
    }
    .h-40 {
      height:calc(var(--spacing)*40)
    }
    .h-42 {
      height:calc(var(--spacing)*42)
    }
    .h-44 {
      height:calc(var(--spacing)*44)
    }
    .h-46 {
      height:calc(var(--spacing)*46)
    }
    .h-96 {
      height:calc(var(--spacing)*96)
    }
    .h-\[1px\] {
      height:1px
    }
    .h-\[4px\] {
      height:4px
    }
    .h-\[5px\] {
      height:5px
    }
    .h-\[6px\] {
      height:6px
    }
    .h-\[7px\] {
      height:7px
    }
    .h-\[8px\] {
      height:8px
    }
    .h-\[9px\] {
      height:9px
    }
    .h-\[10px\] {
      height:10px
    }
    .h-\[11px\] {
      height:11px
    }
    .h-\[12px\] {
      height:12px
    }
    .h-\[14px\] {
      height:14px
    }
    .h-\[26px\] {
      height:26px
    }
    .h-\[44px\] {
      height:44px
    }
    .h-\[50px\] {
      height:50px
    }
    .h-\[52px\] {
      height:52px
    }
    .h-\[54px\] {
      height:54px
    }
    .h-\[60px\] {
      height:60px
    }
    .h-\[80px\] {
      height:80px
    }
    .h-\[88px\] {
      height:88px
    }
    .h-\[92px\] {
      height:92px
    }
    .h-\[100px\] {
      height:100px
    }
    .h-\[100svh\] {
      height:100svh
    }
    .h-\[110px\] {
      height:110px
    }
    .h-\[152px\] {
      height:152px
    }
    .h-\[172px\] {
      height:172px
    }
    .h-\[182px\] {
      height:182px
    }
    .h-\[204px\] {
      height:204px
    }
    .h-\[290px\] {
      height:290px
    }
    .h-\[300px\] {
      height:300px
    }
    .h-\[320px\] {
      height:320px
    }
    .h-\[350px\] {
      height:350px
    }
    .h-\[352px\] {
      height:352px
    }
    .h-\[400px\] {
      height:400px
    }
    .h-\[445px\] {
      height:445px
    }
    .h-\[500px\] {
      height:500px
    }
    .h-\[calc\(100dvh-2rem\)\] {
      height:calc(100dvh - 2rem)
    }
    .h-\[fit-content\] {
      height:-moz-fit-content;
      height:fit-content
    }
    .h-auto {
      height:auto
    }
    .h-fit {
      height:-moz-fit-content;
      height:fit-content
    }
    .h-full {
      height:100%
    }
    .h-px {
      height:1px
    }
    .h-screen {
      height:100vh
    }
    .h-svh {
      height:100svh
    }
    .max-h-48 {
      max-height:calc(var(--spacing)*48)
    }
    .max-h-60 {
      max-height:calc(var(--spacing)*60)
    }
    .max-h-64 {
      max-height:calc(var(--spacing)*64)
    }
    .max-h-96 {
      max-height:calc(var(--spacing)*96)
    }
    .max-h-\[43vh\] {
      max-height:43vh
    }
    .max-h-\[70vh\] {
      max-height:70vh
    }
    .max-h-\[96\%\] {
      max-height:96%
    }
    .max-h-\[200px\] {
      max-height:200px
    }
    .max-h-\[300px\] {
      max-height:300px
    }
    .max-h-\[320px\] {
      max-height:320px
    }
    .max-h-\[460px\] {
      max-height:460px
    }
    .max-h-\[calc\(100\%-2rem\)\] {
      max-height:calc(100% - 2rem)
    }
    .max-h-\[calc\(100dvh-2rem\)\] {
      max-height:calc(100dvh - 2rem)
    }
    .max-h-\[min\(88vh\,860px\)\] {
      max-height:min(88vh,860px)
    }
    .max-h-full {
      max-height:100%
    }
    .min-h-\(--ui-header-height\) {
      min-height:var(--ui-header-height)
    }
    .min-h-0 {
      min-height:calc(var(--spacing)*0)
    }
    .min-h-6 {
      min-height:calc(var(--spacing)*6)
    }
    .min-h-8 {
      min-height:calc(var(--spacing)*8)
    }
    .min-h-11 {
      min-height:calc(var(--spacing)*11)
    }
    .min-h-12 {
      min-height:calc(var(--spacing)*12)
    }
    .min-h-40 {
      min-height:calc(var(--spacing)*40)
    }
    .min-h-60 {
      min-height:calc(var(--spacing)*60)
    }
    .min-h-\[30px\] {
      min-height:30px
    }
    .min-h-\[48px\] {
      min-height:48px
    }
    .min-h-\[49px\] {
      min-height:49px
    }
    .min-h-\[72px\] {
      min-height:72px
    }
    .min-h-\[80px\] {
      min-height:80px
    }
    .min-h-\[92px\] {
      min-height:92px
    }
    .min-h-\[400px\] {
      min-height:400px
    }
    .min-h-\[calc\(100vh-var\(--ui-header-height\)\)\] {
      min-height:calc(100vh - var(--ui-header-height))
    }
    .min-h-fit {
      min-height:-moz-fit-content;
      min-height:fit-content
    }
    .min-h-svh {
      min-height:100svh
    }
    .\!w-1\.5 {
      width:calc(var(--spacing)*1.5)!important
    }
    .\!w-4 {
      width:calc(var(--spacing)*4)!important
    }
    .\!w-4\.5 {
      width:calc(var(--spacing)*4.5)!important
    }
    .\!w-12 {
      width:calc(var(--spacing)*12)!important
    }
    .w-\(--reka-combobox-trigger-width\) {
      width:var(--reka-combobox-trigger-width)
    }
    .w-\(--reka-navigation-menu-indicator-size\) {
      width:var(--reka-navigation-menu-indicator-size)
    }
    .w-\(--reka-select-trigger-width\) {
      width:var(--reka-select-trigger-width)
    }
    .w-\(--reka-tabs-indicator-size\) {
      width:var(--reka-tabs-indicator-size)
    }
    .w-\(--sidebar-width\) {
      width:var(--sidebar-width)
    }
    .w-\(--width\) {
      width:var(--width)
    }
    .w-0 {
      width:calc(var(--spacing)*0)
    }
    .w-0\.5 {
      width:calc(var(--spacing)*.5)
    }
    .w-1 {
      width:calc(var(--spacing)*1)
    }
    .w-1\/5 {
      width:20%
    }
    .w-1\/12 {
      width:8.33333%
    }
    .w-2 {
      width:calc(var(--spacing)*2)
    }
    .w-3 {
      width:calc(var(--spacing)*3)
    }
    .w-4 {
      width:calc(var(--spacing)*4)
    }
    .w-5 {
      width:calc(var(--spacing)*5)
    }
    .w-5\.5 {
      width:calc(var(--spacing)*5.5)
    }
    .w-6 {
      width:calc(var(--spacing)*6)
    }
    .w-6\.5 {
      width:calc(var(--spacing)*6.5)
    }
    .w-7 {
      width:calc(var(--spacing)*7)
    }
    .w-7\.5 {
      width:calc(var(--spacing)*7.5)
    }
    .w-8 {
      width:calc(var(--spacing)*8)
    }
    .w-9 {
      width:calc(var(--spacing)*9)
    }
    .w-10 {
      width:calc(var(--spacing)*10)
    }
    .w-11 {
      width:calc(var(--spacing)*11)
    }
    .w-12\.5 {
      width:calc(var(--spacing)*12.5)
    }
    .w-15 {
      width:calc(var(--spacing)*15)
    }
    .w-16 {
      width:calc(var(--spacing)*16)
    }
    .w-18 {
      width:calc(var(--spacing)*18)
    }
    .w-20 {
      width:calc(var(--spacing)*20)
    }
    .w-22 {
      width:calc(var(--spacing)*22)
    }
    .w-24 {
      width:calc(var(--spacing)*24)
    }
    .w-28 {
      width:calc(var(--spacing)*28)
    }
    .w-30 {
      width:calc(var(--spacing)*30)
    }
    .w-32 {
      width:calc(var(--spacing)*32)
    }
    .w-36 {
      width:calc(var(--spacing)*36)
    }
    .w-38 {
      width:calc(var(--spacing)*38)
    }
    .w-40 {
      width:calc(var(--spacing)*40)
    }
    .w-42 {
      width:calc(var(--spacing)*42)
    }
    .w-44 {
      width:calc(var(--spacing)*44)
    }
    .w-46 {
      width:calc(var(--spacing)*46)
    }
    .w-48 {
      width:calc(var(--spacing)*48)
    }
    .w-50 {
      width:calc(var(--spacing)*50)
    }
    .w-60 {
      width:calc(var(--spacing)*60)
    }
    .w-68 {
      width:calc(var(--spacing)*68)
    }
    .w-80 {
      width:calc(var(--spacing)*80)
    }
    .w-96 {
      width:calc(var(--spacing)*96)
    }
    .w-\[6px\] {
      width:6px
    }
    .w-\[7px\] {
      width:7px
    }
    .w-\[8px\] {
      width:8px
    }
    .w-\[9px\] {
      width:9px
    }
    .w-\[10px\] {
      width:10px
    }
    .w-\[14px\] {
      width:14px
    }
    .w-\[26px\] {
      width:26px
    }
    .w-\[50px\] {
      width:50px
    }
    .w-\[54px\] {
      width:54px
    }
    .w-\[60px\] {
      width:60px
    }
    .w-\[70\%\] {
      width:70%
    }
    .w-\[90\%\] {
      width:90%
    }
    .w-\[90px\] {
      width:90px
    }
    .w-\[100px\] {
      width:100px
    }
    .w-\[120px\] {
      width:120px
    }
    .w-\[140px\] {
      width:140px
    }
    .w-\[150px\] {
      width:150px
    }
    .w-\[172px\] {
      width:172px
    }
    .w-\[200px\] {
      width:200px
    }
    .w-\[227px\] {
      width:227px
    }
    .w-\[320px\] {
      width:320px
    }
    .w-\[calc\(100\%-2rem\)\] {
      width:calc(100% - 2rem)
    }
    .w-\[calc\(100vw-2rem\)\] {
      width:calc(100vw - 2rem)
    }
    .w-auto {
      width:auto
    }
    .w-fit {
      width:-moz-fit-content;
      width:fit-content
    }
    .w-full {
      width:100%
    }
    .w-max {
      width:-moz-max-content;
      width:max-content
    }
    .w-px {
      width:1px
    }
    .max-w-\(--ui-container\) {
      max-width:var(--ui-container)
    }
    .max-w-2xl {
      max-width:var(--container-2xl)
    }
    .max-w-36 {
      max-width:calc(var(--spacing)*36)
    }
    .max-w-60 {
      max-width:calc(var(--spacing)*60)
    }
    .max-w-\[22rem\] {
      max-width:22rem
    }
    .max-w-\[75\%\] {
      max-width:75%
    }
    .max-w-\[85\%\] {
      max-width:85%
    }
    .max-w-\[90\%\] {
      max-width:90%
    }
    .max-w-\[120px\] {
      max-width:120px
    }
    .max-w-\[200px\] {
      max-width:200px
    }
    .max-w-\[350px\] {
      max-width:350px
    }
    .max-w-\[500px\] {
      max-width:500px
    }
    .max-w-\[540px\] {
      max-width:540px
    }
    .max-w-\[620px\] {
      max-width:620px
    }
    .max-w-\[760px\] {
      max-width:760px
    }
    .max-w-\[900px\] {
      max-width:900px
    }
    .max-w-\[1240px\] {
      max-width:1240px
    }
    .max-w-\[calc\(100\%-2rem\)\] {
      max-width:calc(100% - 2rem)
    }
    .max-w-full {
      max-width:100%
    }
    .max-w-lg {
      max-width:var(--container-lg)
    }
    .max-w-max {
      max-width:-moz-max-content;
      max-width:max-content
    }
    .max-w-md {
      max-width:var(--container-md)
    }
    .max-w-sm {
      max-width:var(--container-sm)
    }
    .max-w-xl {
      max-width:var(--container-xl)
    }
    .min-w-0 {
      min-width:calc(var(--spacing)*0)
    }
    .min-w-5 {
      min-width:calc(var(--spacing)*5)
    }
    .min-w-16 {
      min-width:calc(var(--spacing)*16)
    }
    .min-w-32 {
      min-width:calc(var(--spacing)*32)
    }
    .min-w-48 {
      min-width:calc(var(--spacing)*48)
    }
    .min-w-\[4px\] {
      min-width:4px
    }
    .min-w-\[5px\] {
      min-width:5px
    }
    .min-w-\[6px\] {
      min-width:6px
    }
    .min-w-\[7px\] {
      min-width:7px
    }
    .min-w-\[8px\] {
      min-width:8px
    }
    .min-w-\[9px\] {
      min-width:9px
    }
    .min-w-\[10px\] {
      min-width:10px
    }
    .min-w-\[11px\] {
      min-width:11px
    }
    .min-w-\[12px\] {
      min-width:12px
    }
    .min-w-\[16px\] {
      min-width:16px
    }
    .min-w-\[17rem\] {
      min-width:17rem
    }
    .min-w-\[20px\] {
      min-width:20px
    }
    .min-w-\[24px\] {
      min-width:24px
    }
    .min-w-\[30px\] {
      min-width:30px
    }
    .min-w-\[200px\] {
      min-width:200px
    }
    .min-w-\[300px\] {
      min-width:300px
    }
    .min-w-\[400px\] {
      min-width:400px
    }
    .min-w-\[440px\] {
      min-width:440px
    }
    .min-w-fit {
      min-width:-moz-fit-content;
      min-width:fit-content
    }
    .min-w-full {
      min-width:100%
    }
    .min-w-max {
      min-width:-moz-max-content;
      min-width:max-content
    }
    .flex-1 {
      flex:1
    }
    .flex-auto {
      flex:auto
    }
    .shrink-0 {
      flex-shrink:0
    }
    .grow {
      flex-grow:1
    }
    .grow-0 {
      flex-grow:0
    }
    .basis-\[260px\] {
      flex-basis:260px
    }
    .basis-full {
      flex-basis:100%
    }
    .table-auto {
      table-layout:auto
    }
    .table-fixed {
      table-layout:fixed
    }
    .border-collapse {
      border-collapse:collapse
    }
    .border-separate {
      border-collapse:separate
    }
    .border-spacing-x-0 {
      --tw-border-spacing-x:calc(var(--spacing)*0)
    }
    .border-spacing-x-0,
    .border-spacing-x-2 {
      border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)
    }
    .border-spacing-x-2 {
      --tw-border-spacing-x:calc(var(--spacing)*2)
    }
    .border-spacing-y-2\.5 {
      --tw-border-spacing-y:calc(var(--spacing)*2.5);
      border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)
    }
    .origin-\(--reka-combobox-content-transform-origin\) {
      transform-origin:var(--reka-combobox-content-transform-origin)
    }
    .origin-\(--reka-context-menu-content-transform-origin\) {
      transform-origin:var(--reka-context-menu-content-transform-origin)
    }
    .origin-\(--reka-dropdown-menu-content-transform-origin\) {
      transform-origin:var(--reka-dropdown-menu-content-transform-origin)
    }
    .origin-\(--reka-popover-content-transform-origin\) {
      transform-origin:var(--reka-popover-content-transform-origin)
    }
    .origin-\(--reka-select-content-transform-origin\) {
      transform-origin:var(--reka-select-content-transform-origin)
    }
    .origin-\(--reka-tooltip-content-transform-origin\) {
      transform-origin:var(--reka-tooltip-content-transform-origin)
    }
    .origin-\[top_center\] {
      transform-origin:top
    }
    .-translate-x-1 {
      --tw-translate-x:calc(var(--spacing)*-1)
    }
    .-translate-x-1,
    .-translate-x-1\/2 {
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .-translate-x-1\/2 {
      --tw-translate-x:-50%
    }
    .-translate-x-20 {
      --tw-translate-x:calc(var(--spacing)*-20)
    }
    .-translate-x-20,
    .-translate-x-\[4px\] {
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .-translate-x-\[4px\] {
      --tw-translate-x:-4px
    }
    .-translate-x-full {
      --tw-translate-x:-100%
    }
    .-translate-x-full,
    .-translate-x-px {
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .-translate-x-px {
      --tw-translate-x:-1px
    }
    .translate-x-\(--reka-navigation-menu-indicator-position\) {
      --tw-translate-x:var(--reka-navigation-menu-indicator-position);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .translate-x-\(--reka-tabs-indicator-position\) {
      --tw-translate-x:var(--reka-tabs-indicator-position);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .translate-x-1\/2 {
      --tw-translate-x:50%
    }
    .translate-x-1\/2,
    .translate-x-20 {
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .translate-x-20 {
      --tw-translate-x:calc(var(--spacing)*20)
    }
    .-translate-y-1\/2 {
      --tw-translate-y:-50%
    }
    .-translate-y-1\/2,
    .-translate-y-32 {
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .-translate-y-32 {
      --tw-translate-y:calc(var(--spacing)*-32)
    }
    .translate-y-\(--reka-tabs-indicator-position\) {
      --tw-translate-y:var(--reka-tabs-indicator-position);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .translate-y-0 {
      --tw-translate-y:calc(var(--spacing)*0)
    }
    .translate-y-0,
    .translate-y-0\.5 {
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .translate-y-0\.5 {
      --tw-translate-y:calc(var(--spacing)*.5)
    }
    .translate-y-1\/2 {
      --tw-translate-y:50%
    }
    .translate-y-1\/2,
    .translate-y-96 {
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .translate-y-96 {
      --tw-translate-y:calc(var(--spacing)*96)
    }
    .scale-80 {
      --tw-scale-x:80%;
      --tw-scale-y:80%;
      --tw-scale-z:80%
    }
    .scale-105,
    .scale-80 {
      scale:var(--tw-scale-x) var(--tw-scale-y)
    }
    .scale-105 {
      --tw-scale-x:105%;
      --tw-scale-y:105%;
      --tw-scale-z:105%
    }
    .scale-\[1\.8\] {
      scale:1.8
    }
    .-rotate-45 {
      rotate:-45deg
    }
    .-rotate-90 {
      rotate:-90deg
    }
    .-rotate-180 {
      rotate:-180deg
    }
    .rotate-0 {
      rotate:0deg
    }
    .rotate-45 {
      rotate:45deg
    }
    .rotate-90 {
      rotate:90deg
    }
    .rotate-180 {
      rotate:180deg
    }
    .transform {
      transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
    }
    .transform-\(--transform\) {
      transform:var(--transform)
    }
    .animate-\[marquee-vertical_var\(--duration\)_linear_infinite\] {
      animation:marquee-vertical var(--duration) linear infinite
    }
    .animate-\[marquee_var\(--duration\)_linear_infinite\] {
      animation:marquee var(--duration) linear infinite
    }
    .animate-\[shimmer_var\(--duration\)_linear_infinite\] {
      animation:shimmer var(--duration) linear infinite
    }
    .animate-pulse {
      animation:var(--animate-pulse)
    }
    .animate-spin {
      animation:var(--animate-spin)
    }
    .cursor-e-resize {
      cursor:e-resize
    }
    .cursor-ew-resize {
      cursor:ew-resize
    }
    .cursor-grab {
      cursor:grab
    }
    .cursor-help {
      cursor:help
    }
    .cursor-not-allowed {
      cursor:not-allowed
    }
    .cursor-pointer {
      cursor:pointer
    }
    .cursor-w-resize {
      cursor:w-resize
    }
    .touch-none {
      touch-action:none
    }
    .resize {
      resize:both
    }
    .resize-none {
      resize:none
    }
    .scroll-m-24 {
      scroll-margin:calc(var(--spacing)*24)
    }
    .scroll-m-28 {
      scroll-margin:calc(var(--spacing)*28)
    }
    .scroll-m-44 {
      scroll-margin:calc(var(--spacing)*44)
    }
    .scroll-mt-3 {
      scroll-margin-top:calc(var(--spacing)*3)
    }
    .scroll-mt-4 {
      scroll-margin-top:calc(var(--spacing)*4)
    }
    .scroll-mt-20 {
      scroll-margin-top:calc(var(--spacing)*20)
    }
    .scroll-mt-\[200px\] {
      scroll-margin-top:200px
    }
    .scroll-mt-\[250px\] {
      scroll-margin-top:250px
    }
    .scroll-py-1 {
      scroll-padding-block:calc(var(--spacing)*1)
    }
    .list-inside {
      list-style-position:inside
    }
    .list-outside {
      list-style-position:outside
    }
    .list-decimal {
      list-style-type:decimal
    }
    .list-disc {
      list-style-type:disc
    }
    .appearance-none {
      -webkit-appearance:none;
      -moz-appearance:none;
      appearance:none
    }
    .auto-cols-fr {
      grid-auto-columns:minmax(0,1fr)
    }
    .grid-flow-col {
      grid-auto-flow:column
    }
    .grid-cols-1 {
      grid-template-columns:repeat(1,minmax(0,1fr))
    }
    .grid-cols-2 {
      grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .grid-cols-3 {
      grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .grid-cols-4 {
      grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .grid-cols-5 {
      grid-template-columns:repeat(5,minmax(0,1fr))
    }
    .grid-cols-7 {
      grid-template-columns:repeat(7,minmax(0,1fr))
    }
    .grid-cols-8 {
      grid-template-columns:repeat(8,minmax(0,1fr))
    }
    .grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns:minmax(0,1fr) auto
    }
    .flex-col {
      flex-direction:column
    }
    .flex-col-reverse {
      flex-direction:column-reverse
    }
    .flex-row {
      flex-direction:row
    }
    .flex-row-reverse {
      flex-direction:row-reverse
    }
    .flex-wrap {
      flex-wrap:wrap
    }
    .place-items-baseline {
      place-items:baseline
    }
    .place-items-center {
      place-items:center
    }
    .content-center {
      align-content:center
    }
    .items-baseline {
      align-items:baseline
    }
    .items-center {
      align-items:center
    }
    .items-end {
      align-items:flex-end
    }
    .items-start {
      align-items:flex-start
    }
    .items-stretch {
      align-items:stretch
    }
    .justify-around {
      justify-content:space-around
    }
    .justify-between {
      justify-content:space-between
    }
    .justify-center {
      justify-content:center
    }
    .justify-end {
      justify-content:flex-end
    }
    .justify-start {
      justify-content:flex-start
    }
    .gap-\(--gap\) {
      gap:var(--gap)
    }
    .gap-0 {
      gap:calc(var(--spacing)*0)
    }
    .gap-0\.5 {
      gap:calc(var(--spacing)*.5)
    }
    .gap-0\.25 {
      gap:calc(var(--spacing)*.25)
    }
    .gap-0\.75 {
      gap:calc(var(--spacing)*.75)
    }
    .gap-1 {
      gap:calc(var(--spacing)*1)
    }
    .gap-1\.5 {
      gap:calc(var(--spacing)*1.5)
    }
    .gap-2 {
      gap:calc(var(--spacing)*2)
    }
    .gap-2\.5 {
      gap:calc(var(--spacing)*2.5)
    }
    .gap-3 {
      gap:calc(var(--spacing)*3)
    }
    .gap-3\.5 {
      gap:calc(var(--spacing)*3.5)
    }
    .gap-4 {
      gap:calc(var(--spacing)*4)
    }
    .gap-5 {
      gap:calc(var(--spacing)*5)
    }
    .gap-6 {
      gap:calc(var(--spacing)*6)
    }
    .gap-7 {
      gap:calc(var(--spacing)*7)
    }
    .gap-7\.5 {
      gap:calc(var(--spacing)*7.5)
    }
    .gap-8 {
      gap:calc(var(--spacing)*8)
    }
    .gap-10 {
      gap:calc(var(--spacing)*10)
    }
    .gap-14 {
      gap:calc(var(--spacing)*14)
    }
    .gap-16 {
      gap:calc(var(--spacing)*16)
    }
    .gap-20 {
      gap:calc(var(--spacing)*20)
    }
    .gap-\[2px\] {
      gap:2px
    }
    .gap-\[5px\] {
      gap:5px
    }
    .gap-\[14px\] {
      gap:14px
    }
    .gap-\[15px\] {
      gap:15px
    }
    .gap-\[26px\] {
      gap:26px
    }
    .gap-\[28px\] {
      gap:28px
    }
    .gap-\[60px\] {
      gap:60px
    }
    .gap-px {
      gap:1px
    }
    :where(.-space-y-1>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(var(--spacing)*-1*var(--tw-space-y-reverse));
      margin-block-end:calc(var(--spacing)*-1*(1 - var(--tw-space-y-reverse)))
    }
    :where(.-space-y-px>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(-1px*var(--tw-space-y-reverse));
      margin-block-end:calc(-1px*(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-1>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(var(--spacing)*1*var(--tw-space-y-reverse));
      margin-block-end:calc(var(--spacing)*1*(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-2>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(var(--spacing)*2*var(--tw-space-y-reverse));
      margin-block-end:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-2\.5>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(var(--spacing)*2.5*var(--tw-space-y-reverse));
      margin-block-end:calc(var(--spacing)*2.5*(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-3>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(var(--spacing)*3*var(--tw-space-y-reverse));
      margin-block-end:calc(var(--spacing)*3*(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-4>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(var(--spacing)*4*var(--tw-space-y-reverse));
      margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-5>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(var(--spacing)*5*var(--tw-space-y-reverse));
      margin-block-end:calc(var(--spacing)*5*(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-6>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(var(--spacing)*6*var(--tw-space-y-reverse));
      margin-block-end:calc(var(--spacing)*6*(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-8>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(var(--spacing)*8*var(--tw-space-y-reverse));
      margin-block-end:calc(var(--spacing)*8*(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-12>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(var(--spacing)*12*var(--tw-space-y-reverse));
      margin-block-end:calc(var(--spacing)*12*(1 - var(--tw-space-y-reverse)))
    }
    .gap-x-1\.5 {
      -moz-column-gap:calc(var(--spacing)*1.5);
      column-gap:calc(var(--spacing)*1.5)
    }
    .gap-x-2 {
      -moz-column-gap:calc(var(--spacing)*2);
      column-gap:calc(var(--spacing)*2)
    }
    .gap-x-2\.5 {
      -moz-column-gap:calc(var(--spacing)*2.5);
      column-gap:calc(var(--spacing)*2.5)
    }
    .gap-x-3 {
      -moz-column-gap:calc(var(--spacing)*3);
      column-gap:calc(var(--spacing)*3)
    }
    .gap-x-4 {
      -moz-column-gap:calc(var(--spacing)*4);
      column-gap:calc(var(--spacing)*4)
    }
    .gap-x-5 {
      -moz-column-gap:calc(var(--spacing)*5);
      column-gap:calc(var(--spacing)*5)
    }
    .gap-x-6 {
      -moz-column-gap:calc(var(--spacing)*6);
      column-gap:calc(var(--spacing)*6)
    }
    .gap-x-8 {
      -moz-column-gap:calc(var(--spacing)*8);
      column-gap:calc(var(--spacing)*8)
    }
    :where(.-space-x-2>:not(:last-child)) {
      --tw-space-x-reverse:0;
      margin-inline-start:calc(var(--spacing)*-2*var(--tw-space-x-reverse));
      margin-inline-end:calc(var(--spacing)*-2*(1 - var(--tw-space-x-reverse)))
    }
    :where(.-space-x-2\.5>:not(:last-child)) {
      --tw-space-x-reverse:0;
      margin-inline-start:calc(var(--spacing)*-2.5*var(--tw-space-x-reverse));
      margin-inline-end:calc(var(--spacing)*-2.5*(1 - var(--tw-space-x-reverse)))
    }
    :where(.-space-x-4>:not(:last-child)) {
      --tw-space-x-reverse:0;
      margin-inline-start:calc(var(--spacing)*-4*var(--tw-space-x-reverse));
      margin-inline-end:calc(var(--spacing)*-4*(1 - var(--tw-space-x-reverse)))
    }
    :where(.-space-x-6>:not(:last-child)) {
      --tw-space-x-reverse:0;
      margin-inline-start:calc(var(--spacing)*-6*var(--tw-space-x-reverse));
      margin-inline-end:calc(var(--spacing)*-6*(1 - var(--tw-space-x-reverse)))
    }
    :where(.-space-x-px>:not(:last-child)) {
      --tw-space-x-reverse:0;
      margin-inline-start:calc(-1px*var(--tw-space-x-reverse));
      margin-inline-end:calc(-1px*(1 - var(--tw-space-x-reverse)))
    }
    :where(.space-x-1>:not(:last-child)) {
      --tw-space-x-reverse:0;
      margin-inline-start:calc(var(--spacing)*1*var(--tw-space-x-reverse));
      margin-inline-end:calc(var(--spacing)*1*(1 - var(--tw-space-x-reverse)))
    }
    :where(.space-x-2>:not(:last-child)) {
      --tw-space-x-reverse:0;
      margin-inline-start:calc(var(--spacing)*2*var(--tw-space-x-reverse));
      margin-inline-end:calc(var(--spacing)*2*(1 - var(--tw-space-x-reverse)))
    }
    .gap-y-0\.5 {
      row-gap:calc(var(--spacing)*.5)
    }
    .gap-y-1 {
      row-gap:calc(var(--spacing)*1)
    }
    .gap-y-1\.5 {
      row-gap:calc(var(--spacing)*1.5)
    }
    .gap-y-3 {
      row-gap:calc(var(--spacing)*3)
    }
    .gap-y-4 {
      row-gap:calc(var(--spacing)*4)
    }
    .gap-y-5 {
      row-gap:calc(var(--spacing)*5)
    }
    .gap-y-6 {
      row-gap:calc(var(--spacing)*6)
    }
    .gap-y-7\.5 {
      row-gap:calc(var(--spacing)*7.5)
    }
    .gap-y-8 {
      row-gap:calc(var(--spacing)*8)
    }
    :where(.divide-y>:not(:last-child)) {
      --tw-divide-y-reverse:0;
      border-bottom-style:var(--tw-border-style);
      border-top-style:var(--tw-border-style);
      border-top-width:calc(1px*var(--tw-divide-y-reverse));
      border-bottom-width:calc(1px*(1 - var(--tw-divide-y-reverse)))
    }
    :where(.divide-accented>:not(:last-child)) {
      border-color:var(--ui-border-accented)
    }
    :where(.divide-default>:not(:last-child)) {
      border-color:var(--ui-border)
    }
    :where(.divide-transparent>:not(:last-child)) {
      border-color:#0000
    }
    .self-center {
      align-self:center
    }
    .self-end {
      align-self:flex-end
    }
    .self-start {
      align-self:flex-start
    }
    .self-stretch {
      align-self:stretch
    }
    .truncate {
      text-overflow:ellipsis;
      white-space:nowrap;
      overflow:hidden
    }
    .truncate-none {
      overflow:unset;
      text-overflow:unset
    }
    .overflow-auto {
      overflow:auto
    }
    .overflow-clip {
      overflow:clip
    }
    .overflow-hidden {
      overflow:hidden
    }
    .overflow-visible {
      overflow:visible
    }
    .overflow-x-auto {
      overflow-x:auto
    }
    .overflow-x-hidden {
      overflow-x:hidden
    }
    .overflow-y-auto {
      overflow-y:auto
    }
    .overflow-y-hidden {
      overflow-y:hidden
    }
    .overflow-y-scroll {
      overflow-y:scroll
    }
    .scroll-smooth {
      scroll-behavior:smooth
    }
    .rounded {
      border-radius:.25rem
    }
    .rounded-2xl {
      border-radius:var(--radius-2xl)
    }
    .rounded-3xl {
      border-radius:var(--radius-3xl)
    }
    .rounded-5 {
      border-radius:var(--radius-5)
    }
    .rounded-7 {
      border-radius:var(--radius-7)
    }
    .rounded-10 {
      border-radius:var(--radius-10)
    }
    .rounded-\[2px\] {
      border-radius:2px
    }
    .rounded-\[4px\] {
      border-radius:4px
    }
    .rounded-\[10px\] {
      border-radius:10px
    }
    .rounded-\[12px\] {
      border-radius:12px
    }
    .rounded-\[14px\] {
      border-radius:14px
    }
    .rounded-\[20px\] {
      border-radius:20px
    }
    .rounded-\[28px\] {
      border-radius:28px
    }
    .rounded-\[30px\] {
      border-radius:30px
    }
    .rounded-\[40px\] {
      border-radius:40px
    }
    .rounded-\[80px\] {
      border-radius:80px
    }
    .rounded-\[100px\] {
      border-radius:100px
    }
    .rounded-\[inherit\] {
      border-radius:inherit
    }
    .rounded-full {
      border-radius:3.40282e+38px
    }
    .rounded-lg {
      border-radius:var(--radius-lg)
    }
    .rounded-md {
      border-radius:var(--radius-md)
    }
    .rounded-none {
      border-radius:0
    }
    .rounded-sm {
      border-radius:var(--radius-sm)
    }
    .rounded-xl {
      border-radius:var(--radius-xl)
    }
    .rounded-xs {
      border-radius:var(--radius-xs)
    }
    .rounded-t-2xl {
      border-top-left-radius:var(--radius-2xl);
      border-top-right-radius:var(--radius-2xl)
    }
    .rounded-t-\[inherit\] {
      border-top-left-radius:inherit;
      border-top-right-radius:inherit
    }
    .rounded-t-lg {
      border-top-left-radius:var(--radius-lg);
      border-top-right-radius:var(--radius-lg)
    }
    .rounded-t-none {
      border-top-left-radius:0;
      border-top-right-radius:0
    }
    .rounded-l-\[4px\] {
      border-top-left-radius:4px;
      border-bottom-left-radius:4px
    }
    .rounded-l-\[10px\] {
      border-top-left-radius:10px;
      border-bottom-left-radius:10px
    }
    .rounded-l-lg {
      border-top-left-radius:var(--radius-lg);
      border-bottom-left-radius:var(--radius-lg)
    }
    .rounded-r-\[4px\] {
      border-top-right-radius:4px;
      border-bottom-right-radius:4px
    }
    .rounded-r-\[10px\] {
      border-top-right-radius:10px;
      border-bottom-right-radius:10px
    }
    .rounded-r-lg {
      border-top-right-radius:var(--radius-lg)
    }
    .rounded-b-lg,
    .rounded-r-lg {
      border-bottom-right-radius:var(--radius-lg)
    }
    .rounded-b-lg {
      border-bottom-left-radius:var(--radius-lg)
    }
    .rounded-b-none {
      border-bottom-right-radius:0;
      border-bottom-left-radius:0
    }
    .border {
      border-style:var(--tw-border-style);
      border-width:1px
    }
    .border-0 {
      border-style:var(--tw-border-style);
      border-width:0
    }
    .border-2 {
      border-style:var(--tw-border-style);
      border-width:2px
    }
    .border-x {
      border-inline-style:var(--tw-border-style);
      border-inline-width:1px
    }
    .border-y {
      border-block-style:var(--tw-border-style);
      border-block-width:1px
    }
    .border-s {
      border-inline-start-style:var(--tw-border-style);
      border-inline-start-width:1px
    }
    .border-s-\[2px\] {
      border-inline-start-style:var(--tw-border-style);
      border-inline-start-width:2px
    }
    .border-s-\[3px\] {
      border-inline-start-style:var(--tw-border-style);
      border-inline-start-width:3px
    }
    .border-s-\[4px\] {
      border-inline-start-style:var(--tw-border-style);
      border-inline-start-width:4px
    }
    .border-s-\[5px\] {
      border-inline-start-style:var(--tw-border-style);
      border-inline-start-width:5px
    }
    .border-e {
      border-inline-end-style:var(--tw-border-style);
      border-inline-end-width:1px
    }
    .border-t {
      border-top-style:var(--tw-border-style);
      border-top-width:1px
    }
    .border-t-\[2px\] {
      border-top-style:var(--tw-border-style);
      border-top-width:2px
    }
    .border-t-\[3px\] {
      border-top-style:var(--tw-border-style);
      border-top-width:3px
    }
    .border-t-\[4px\] {
      border-top-style:var(--tw-border-style);
      border-top-width:4px
    }
    .border-t-\[5px\] {
      border-top-style:var(--tw-border-style);
      border-top-width:5px
    }
    .border-r {
      border-right-style:var(--tw-border-style);
      border-right-width:1px
    }
    .border-b {
      border-bottom-style:var(--tw-border-style);
      border-bottom-width:1px
    }
    .border-b-0 {
      border-bottom-style:var(--tw-border-style);
      border-bottom-width:0
    }
    .border-dashed {
      --tw-border-style:dashed;
      border-style:dashed
    }
    .border-dotted {
      --tw-border-style:dotted;
      border-style:dotted
    }
    .border-solid {
      --tw-border-style:solid;
      border-style:solid
    }
    .border-accented {
      border-color:var(--ui-border-accented)
    }
    .border-amber {
      border-color:var(--ui-amber)
    }
    .border-bg {
      border-color:var(--ui-bg)
    }
    .border-caution {
      border-color:var(--ui-caution)
    }
    .border-default {
      border-color:var(--ui-border)
    }
    .border-error {
      border-color:var(--ui-error)
    }
    .border-glass-02 {
      border-color:var(--color-glass-02)
    }
    .border-info {
      border-color:var(--ui-info)
    }
    .border-inverted {
      border-color:var(--ui-border-inverted)
    }
    .border-muted {
      border-color:var(--ui-border-muted)
    }
    .border-primary {
      border-color:var(--ui-primary)
    }
    .border-purple {
      border-color:var(--color-purple)
    }
    .border-secondary {
      border-color:var(--ui-secondary)
    }
    .border-success {
      border-color:var(--ui-success)
    }
    .border-transparent {
      border-color:#0000
    }
    .border-violet {
      border-color:var(--color-violet)
    }
    .border-warning {
      border-color:var(--ui-warning)
    }
    .border-y-default {
      border-block-color:var(--ui-border)
    }
    .border-t-default {
      border-top-color:var(--ui-border)
    }
    .border-b-\[inherit\] {
      border-bottom-color:inherit
    }
    .border-b-default {
      border-bottom-color:var(--ui-border)
    }
    .border-b-muted {
      border-bottom-color:var(--ui-border-muted)
    }
    .border-b-white\/\[0\.04\] {
      border-bottom-color:#ffffff0a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .border-b-white\/\[0\.04\] {
        border-bottom-color:color-mix(in oklab,var(--color-white) 4%,transparent)
      }
    }
    .border-b-white\/\[8\%\] {
      border-bottom-color:#ffffff14
    }
    @supports (color:color-mix(in lab,red,red)) {
      .border-b-white\/\[8\%\] {
        border-bottom-color:color-mix(in oklab,var(--color-white) 8%,transparent)
      }
    }
    .\!bg-accented {
      background-color:var(--ui-bg-accented)!important
    }
    .\!bg-transparent {
      background-color:#0000!important
    }
    .bg-\(--ui-bg-elevated\)\/30 {
      background-color:#1b1f254d
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-\(--ui-bg-elevated\)\/30 {
        background-color:color-mix(in oklab,var(--ui-bg-elevated) 30%,transparent)
      }
    }
    .bg-\(--ui-border-accented\) {
      background-color:var(--ui-border-accented)
    }
    .bg-accented {
      background-color:var(--ui-bg-accented)
    }
    .bg-amber,
    .bg-amber\/10 {
      background-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-amber\/10 {
        background-color:color-mix(in oklab,var(--ui-amber) 10%,transparent)
      }
    }
    .bg-black\/20 {
      background-color:#0003
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-black\/20 {
        background-color:color-mix(in oklab,var(--color-black) 20%,transparent)
      }
    }
    .bg-border {
      background-color:var(--ui-border)
    }
    .bg-caution,
    .bg-caution\/10 {
      background-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-caution\/10 {
        background-color:color-mix(in oklab,var(--ui-caution) 10%,transparent)
      }
    }
    .bg-caution\/20 {
      background-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-caution\/20 {
        background-color:color-mix(in oklab,var(--ui-caution) 20%,transparent)
      }
    }
    .bg-current {
      background-color:currentColor
    }
    .bg-default {
      background-color:var(--ui-bg)
    }
    .bg-default\/60 {
      background-color:#090d1499
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-default\/60 {
        background-color:color-mix(in oklab,var(--ui-bg) 60%,transparent)
      }
    }
    .bg-default\/75 {
      background-color:#090d14bf
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-default\/75 {
        background-color:color-mix(in oklab,var(--ui-bg) 75%,transparent)
      }
    }
    .bg-default\/90 {
      background-color:#090d14e6
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-default\/90 {
        background-color:color-mix(in oklab,var(--ui-bg) 90%,transparent)
      }
    }
    .bg-elevated {
      background-color:var(--ui-bg-elevated)
    }
    .bg-elevated\/50 {
      background-color:#1b1f2580
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-elevated\/50 {
        background-color:color-mix(in oklab,var(--ui-bg-elevated) 50%,transparent)
      }
    }
    .bg-elevated\/75 {
      background-color:#1b1f25bf
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-elevated\/75 {
        background-color:color-mix(in oklab,var(--ui-bg-elevated) 75%,transparent)
      }
    }
    .bg-error,
    .bg-error\/10 {
      background-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-error\/10 {
        background-color:color-mix(in oklab,var(--ui-error) 10%,transparent)
      }
    }
    .bg-error\/20 {
      background-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-error\/20 {
        background-color:color-mix(in oklab,var(--ui-error) 20%,transparent)
      }
    }
    .bg-error\/\[0\.04\] {
      background-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-error\/\[0\.04\] {
        background-color:color-mix(in oklab,var(--ui-error) 4%,transparent)
      }
    }
    .bg-glass-02 {
      background-color:var(--color-glass-02)
    }
    .bg-glass-04 {
      background-color:var(--color-glass-04)
    }
    .bg-info,
    .bg-info\/10 {
      background-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-info\/10 {
        background-color:color-mix(in oklab,var(--ui-info) 10%,transparent)
      }
    }
    .bg-info\/20 {
      background-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-info\/20 {
        background-color:color-mix(in oklab,var(--ui-info) 20%,transparent)
      }
    }
    .bg-inverted {
      background-color:var(--ui-bg-inverted)
    }
    .bg-inverted\/\[0\.04\] {
      background-color:#ffffff0a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-inverted\/\[0\.04\] {
        background-color:color-mix(in oklab,var(--ui-bg-inverted) 4%,transparent)
      }
    }
    .bg-muted {
      background-color:var(--ui-bg-muted)
    }
    .bg-muted\/50 {
      background-color:#ffffff05
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-muted\/50 {
        background-color:color-mix(in oklab,var(--ui-bg-muted) 50%,transparent)
      }
    }
    .bg-neutral-750 {
      background-color:var(--color-neutral-750)
    }
    .bg-primary,
    .bg-primary\/10 {
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-primary\/10 {
        background-color:color-mix(in oklab,var(--ui-primary) 10%,transparent)
      }
    }
    .bg-primary\/15 {
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-primary\/15 {
        background-color:color-mix(in oklab,var(--ui-primary) 15%,transparent)
      }
    }
    .bg-primary\/20 {
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-primary\/20 {
        background-color:color-mix(in oklab,var(--ui-primary) 20%,transparent)
      }
    }
    .bg-primary\/30 {
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-primary\/30 {
        background-color:color-mix(in oklab,var(--ui-primary) 30%,transparent)
      }
    }
    .bg-purple {
      background-color:var(--color-purple)
    }
    .bg-purple\/10 {
      background-color:#f14af41a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-purple\/10 {
        background-color:color-mix(in oklab,var(--color-purple) 10%,transparent)
      }
    }
    .bg-purple\/20 {
      background-color:#f14af433
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-purple\/20 {
        background-color:color-mix(in oklab,var(--color-purple) 20%,transparent)
      }
    }
    .bg-secondary,
    .bg-secondary\/10 {
      background-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-secondary\/10 {
        background-color:color-mix(in oklab,var(--ui-secondary) 10%,transparent)
      }
    }
    .bg-success,
    .bg-success\/10 {
      background-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-success\/10 {
        background-color:color-mix(in oklab,var(--ui-success) 10%,transparent)
      }
    }
    .bg-success\/20 {
      background-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-success\/20 {
        background-color:color-mix(in oklab,var(--ui-success) 20%,transparent)
      }
    }
    .bg-success\/\[0\.04\] {
      background-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-success\/\[0\.04\] {
        background-color:color-mix(in oklab,var(--ui-success) 4%,transparent)
      }
    }
    .bg-token-eth {
      background-color:var(--color-token-eth)
    }
    .bg-token-usdc\/60 {
      background-color:#2775ca99
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-token-usdc\/60 {
        background-color:color-mix(in oklab,var(--color-token-usdc) 60%,transparent)
      }
    }
    .bg-transparent {
      background-color:#0000
    }
    .bg-violet {
      background-color:var(--color-violet)
    }
    .bg-violet\/10 {
      background-color:#8644ff1a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-violet\/10 {
        background-color:color-mix(in oklab,var(--color-violet) 10%,transparent)
      }
    }
    .bg-violet\/40 {
      background-color:#8644ff66
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-violet\/40 {
        background-color:color-mix(in oklab,var(--color-violet) 40%,transparent)
      }
    }
    .bg-warning,
    .bg-warning\/10 {
      background-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-warning\/10 {
        background-color:color-mix(in oklab,var(--ui-warning) 10%,transparent)
      }
    }
    .bg-warning\/20 {
      background-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .bg-warning\/20 {
        background-color:color-mix(in oklab,var(--ui-warning) 20%,transparent)
      }
    }
    .bg-gradient-to-b {
      --tw-gradient-position:to bottom in oklab;
      background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .bg-\[image\:linear-gradient\(90deg\,\#0000_calc\(50\%-var\(--spread\)\)\,var\(--ui-text-highlighted\)\,\#0000_calc\(50\%\+var\(--spread\)\)\)\,linear-gradient\(var\(--ui-text-muted\)\,var\(--ui-text-muted\)\)\] {
      background-image:linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--ui-text-highlighted),#0000 calc(50% + var(--spread))),linear-gradient(var(--ui-text-muted),var(--ui-text-muted))
    }
    .from-default {
      --tw-gradient-from:var(--ui-bg);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .bg-size-\[calc\(200\%\+var\(--spread\)\*2\+2px\)_100\%\,auto\] {
      background-size:calc(200% + var(--spread)*2 + 2px) 100%,auto
    }
    .bg-clip-text {
      -webkit-background-clip:text;
      background-clip:text
    }
    .bg-no-repeat {
      background-repeat:no-repeat
    }
    .success-circle {
      color:var(--ui-text-inverted)
    }
    .success-circle path:first-child {
      fill:var(--ui-success);
      stroke:var(--ui-success)
    }
    .svg-circle>path:first-child {
      fill:var(--ui-border);
      stroke:var(--ui-border)
    }
    .darker.svg-circle>path:first-child,
    .svg-circle.darker>path:first-child {
      fill:var(--ui-border-inverted);
      stroke:var(--ui-border-inverted)
    }
    .fill-bg {
      fill:var(--ui-bg)
    }
    .stroke-caution {
      stroke:var(--ui-caution)
    }
    .stroke-default {
      stroke:var(--ui-border)
    }
    .stroke-inverted {
      stroke:var(--ui-border-inverted)
    }
    .stroke-purple {
      stroke:var(--color-purple)
    }
    .stroke-token-eth {
      stroke:var(--color-token-eth)
    }
    .stroke-warning {
      stroke:var(--ui-warning)
    }
    .object-contain {
      -o-object-fit:contain;
      object-fit:contain
    }
    .object-cover {
      -o-object-fit:cover;
      object-fit:cover
    }
    .object-top {
      -o-object-position:top;
      object-position:top
    }
    .\!p-0 {
      padding:calc(var(--spacing)*0)!important
    }
    .p-0 {
      padding:calc(var(--spacing)*0)
    }
    .p-0\.5 {
      padding:calc(var(--spacing)*.5)
    }
    .p-1 {
      padding:calc(var(--spacing)*1)
    }
    .p-1\.5 {
      padding:calc(var(--spacing)*1.5)
    }
    .p-2 {
      padding:calc(var(--spacing)*2)
    }
    .p-2\.5 {
      padding:calc(var(--spacing)*2.5)
    }
    .p-3 {
      padding:calc(var(--spacing)*3)
    }
    .p-3\.5 {
      padding:calc(var(--spacing)*3.5)
    }
    .p-4 {
      padding:calc(var(--spacing)*4)
    }
    .p-4\.5 {
      padding:calc(var(--spacing)*4.5)
    }
    .p-5 {
      padding:calc(var(--spacing)*5)
    }
    .p-6 {
      padding:calc(var(--spacing)*6)
    }
    .p-7\.5 {
      padding:calc(var(--spacing)*7.5)
    }
    .p-10 {
      padding:calc(var(--spacing)*10)
    }
    .p-\[14px\] {
      padding:14px
    }
    .\!px-\[14px\] {
      padding-inline:14px!important
    }
    .px-0 {
      padding-inline:calc(var(--spacing)*0)
    }
    .px-1 {
      padding-inline:calc(var(--spacing)*1)
    }
    .px-1\.5 {
      padding-inline:calc(var(--spacing)*1.5)
    }
    .px-2 {
      padding-inline:calc(var(--spacing)*2)
    }
    .px-2\.5 {
      padding-inline:calc(var(--spacing)*2.5)
    }
    .px-3 {
      padding-inline:calc(var(--spacing)*3)
    }
    .px-3\.5 {
      padding-inline:calc(var(--spacing)*3.5)
    }
    .px-4 {
      padding-inline:calc(var(--spacing)*4)
    }
    .px-4\.5 {
      padding-inline:calc(var(--spacing)*4.5)
    }
    .px-5 {
      padding-inline:calc(var(--spacing)*5)
    }
    .px-6 {
      padding-inline:calc(var(--spacing)*6)
    }
    .px-7\.5 {
      padding-inline:calc(var(--spacing)*7.5)
    }
    .px-8 {
      padding-inline:calc(var(--spacing)*8)
    }
    .px-10 {
      padding-inline:calc(var(--spacing)*10)
    }
    .px-\[14px\] {
      padding-inline:14px
    }
    .py-0 {
      padding-block:calc(var(--spacing)*0)
    }
    .py-0\.5 {
      padding-block:calc(var(--spacing)*.5)
    }
    .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-2\.5 {
      padding-block:calc(var(--spacing)*2.5)
    }
    .py-3 {
      padding-block:calc(var(--spacing)*3)
    }
    .py-3\.5 {
      padding-block:calc(var(--spacing)*3.5)
    }
    .py-4 {
      padding-block:calc(var(--spacing)*4)
    }
    .py-4\.5 {
      padding-block:calc(var(--spacing)*4.5)
    }
    .py-5 {
      padding-block:calc(var(--spacing)*5)
    }
    .py-6 {
      padding-block:calc(var(--spacing)*6)
    }
    .py-7 {
      padding-block:calc(var(--spacing)*7)
    }
    .py-7\.5 {
      padding-block:calc(var(--spacing)*7.5)
    }
    .py-8 {
      padding-block:calc(var(--spacing)*8)
    }
    .py-10 {
      padding-block:calc(var(--spacing)*10)
    }
    .py-12 {
      padding-block:calc(var(--spacing)*12)
    }
    .py-16 {
      padding-block:calc(var(--spacing)*16)
    }
    .py-24 {
      padding-block:calc(var(--spacing)*24)
    }
    .py-\[3px\] {
      padding-block:3px
    }
    .py-\[5px\] {
      padding-block:5px
    }
    .py-\[14px\] {
      padding-block:14px
    }
    .ps-1 {
      padding-inline-start:calc(var(--spacing)*1)
    }
    .ps-1\.5 {
      padding-inline-start:calc(var(--spacing)*1.5)
    }
    .ps-2 {
      padding-inline-start:calc(var(--spacing)*2)
    }
    .ps-2\.5 {
      padding-inline-start:calc(var(--spacing)*2.5)
    }
    .ps-3 {
      padding-inline-start:calc(var(--spacing)*3)
    }
    .ps-4 {
      padding-inline-start:calc(var(--spacing)*4)
    }
    .ps-7 {
      padding-inline-start:calc(var(--spacing)*7)
    }
    .ps-8 {
      padding-inline-start:calc(var(--spacing)*8)
    }
    .ps-9 {
      padding-inline-start:calc(var(--spacing)*9)
    }
    .ps-10 {
      padding-inline-start:calc(var(--spacing)*10)
    }
    .ps-11 {
      padding-inline-start:calc(var(--spacing)*11)
    }
    .pe-1 {
      padding-inline-end:calc(var(--spacing)*1)
    }
    .pe-1\.5 {
      padding-inline-end:calc(var(--spacing)*1.5)
    }
    .pe-2 {
      padding-inline-end:calc(var(--spacing)*2)
    }
    .pe-2\.5 {
      padding-inline-end:calc(var(--spacing)*2.5)
    }
    .pe-3 {
      padding-inline-end:calc(var(--spacing)*3)
    }
    .pe-4\.5 {
      padding-inline-end:calc(var(--spacing)*4.5)
    }
    .pe-5 {
      padding-inline-end:calc(var(--spacing)*5)
    }
    .pe-5\.5 {
      padding-inline-end:calc(var(--spacing)*5.5)
    }
    .pe-6 {
      padding-inline-end:calc(var(--spacing)*6)
    }
    .pe-6\.5 {
      padding-inline-end:calc(var(--spacing)*6.5)
    }
    .pe-7 {
      padding-inline-end:calc(var(--spacing)*7)
    }
    .pe-7\.5 {
      padding-inline-end:calc(var(--spacing)*7.5)
    }
    .pe-8 {
      padding-inline-end:calc(var(--spacing)*8)
    }
    .pe-8\.5 {
      padding-inline-end:calc(var(--spacing)*8.5)
    }
    .pe-9 {
      padding-inline-end:calc(var(--spacing)*9)
    }
    .pe-10 {
      padding-inline-end:calc(var(--spacing)*10)
    }
    .pe-11 {
      padding-inline-end:calc(var(--spacing)*11)
    }
    .pt-0 {
      padding-top:calc(var(--spacing)*0)
    }
    .pt-2 {
      padding-top:calc(var(--spacing)*2)
    }
    .pt-3 {
      padding-top:calc(var(--spacing)*3)
    }
    .pt-4 {
      padding-top:calc(var(--spacing)*4)
    }
    .pt-5 {
      padding-top:calc(var(--spacing)*5)
    }
    .pt-6 {
      padding-top:calc(var(--spacing)*6)
    }
    .pt-7\.5 {
      padding-top:calc(var(--spacing)*7.5)
    }
    .pr-2 {
      padding-right:calc(var(--spacing)*2)
    }
    .pr-4 {
      padding-right:calc(var(--spacing)*4)
    }
    .pr-5 {
      padding-right:calc(var(--spacing)*5)
    }
    .pr-\[60px\] {
      padding-right:60px
    }
    .pb-0 {
      padding-bottom:calc(var(--spacing)*0)
    }
    .pb-3 {
      padding-bottom:calc(var(--spacing)*3)
    }
    .pb-3\.5 {
      padding-bottom:calc(var(--spacing)*3.5)
    }
    .pb-4 {
      padding-bottom:calc(var(--spacing)*4)
    }
    .pb-4\.5 {
      padding-bottom:calc(var(--spacing)*4.5)
    }
    .pb-5 {
      padding-bottom:calc(var(--spacing)*5)
    }
    .pb-5\.5 {
      padding-bottom:calc(var(--spacing)*5.5)
    }
    .pb-6 {
      padding-bottom:calc(var(--spacing)*6)
    }
    .pb-6\.5 {
      padding-bottom:calc(var(--spacing)*6.5)
    }
    .pb-7 {
      padding-bottom:calc(var(--spacing)*7)
    }
    .pb-7\.5 {
      padding-bottom:calc(var(--spacing)*7.5)
    }
    .pb-8 {
      padding-bottom:calc(var(--spacing)*8)
    }
    .pb-8\.5 {
      padding-bottom:calc(var(--spacing)*8.5)
    }
    .pb-24 {
      padding-bottom:calc(var(--spacing)*24)
    }
    .pl-1\.5 {
      padding-left:calc(var(--spacing)*1.5)
    }
    .pl-2\.5 {
      padding-left:calc(var(--spacing)*2.5)
    }
    .pl-4 {
      padding-left:calc(var(--spacing)*4)
    }
    .pl-5 {
      padding-left:calc(var(--spacing)*5)
    }
    .text-center {
      text-align:center
    }
    .text-end {
      text-align:end
    }
    .text-left {
      text-align:left
    }
    .text-right {
      text-align:right
    }
    .text-start {
      text-align:start
    }
    .align-middle {
      vertical-align:middle
    }
    .align-top {
      vertical-align:top
    }
    .font-mono {
      font-family:var(--font-mono)
    }
    .font-sans {
      font-family:var(--font-sans)
    }
    .\!text-lg\/7\.5 {
      font-size:var(--text-lg)!important;
      line-height:calc(var(--spacing)*7.5)!important
    }
    .\!text-xs {
      line-height:var(--tw-leading,var(--text-xs--line-height))!important
    }
    .\!text-xs,
    .\!text-xs\/5 {
      font-size:var(--text-xs)!important
    }
    .\!text-xs\/5 {
      line-height:calc(var(--spacing)*5)!important
    }
    .text-2xl {
      line-height:var(--tw-leading,var(--text-2xl--line-height))
    }
    .text-2xl,
    .text-2xl\/5 {
      font-size:var(--text-2xl)
    }
    .text-2xl\/5 {
      line-height:calc(var(--spacing)*5)
    }
    .text-2xl\/7\.5 {
      font-size:var(--text-2xl);
      line-height:calc(var(--spacing)*7.5)
    }
    .text-3xl {
      font-size:var(--text-3xl);
      line-height:var(--tw-leading,var(--text-3xl--line-height))
    }
    .text-4xl {
      font-size:var(--text-4xl);
      line-height:var(--tw-leading,var(--text-4xl--line-height))
    }
    .text-4xl\/\[60px\] {
      font-size:var(--text-4xl);
      line-height:60px
    }
    .text-5xl {
      font-size:var(--text-5xl);
      line-height:var(--tw-leading,var(--text-5xl--line-height))
    }
    .text-\[8px\]\/3 {
      font-size:8px;
      line-height:calc(var(--spacing)*3)
    }
    .text-\[8px\]\/\[8px\] {
      font-size:8px;
      line-height:8px
    }
    .text-\[9px\]\/5 {
      font-size:9px;
      line-height:calc(var(--spacing)*5)
    }
    .text-\[10px\]\/3 {
      font-size:10px;
      line-height:calc(var(--spacing)*3)
    }
    .text-\[10px\]\/4 {
      font-size:10px;
      line-height:calc(var(--spacing)*4)
    }
    .text-\[10px\]\/5 {
      font-size:10px;
      line-height:calc(var(--spacing)*5)
    }
    .text-\[10px\]\/\[18px\] {
      font-size:10px;
      line-height:18px
    }
    .text-\[10px\]\/\[20px\] {
      font-size:10px;
      line-height:20px
    }
    .text-\[11px\]\/4 {
      font-size:11px;
      line-height:calc(var(--spacing)*4)
    }
    .text-\[20px\]\/5 {
      font-size:20px;
      line-height:calc(var(--spacing)*5)
    }
    .text-\[20px\]\/7\.5 {
      font-size:20px;
      line-height:calc(var(--spacing)*7.5)
    }
    .text-\[20px\]\/10 {
      font-size:20px;
      line-height:calc(var(--spacing)*10)
    }
    .text-\[20px\]\/\[20px\] {
      font-size:20px;
      line-height:20px
    }
    .text-\[20px\]\/\[30px\] {
      font-size:20px;
      line-height:30px
    }
    .text-\[24px\]\/7\.5 {
      font-size:24px;
      line-height:calc(var(--spacing)*7.5)
    }
    .text-\[26px\]\/7\.5 {
      font-size:26px;
      line-height:calc(var(--spacing)*7.5)
    }
    .text-\[26px\]\/\[30px\] {
      font-size:26px;
      line-height:30px
    }
    .text-\[28px\]\/\[32px\] {
      font-size:28px;
      line-height:32px
    }
    .text-\[30px\]\/\[20px\] {
      font-size:30px;
      line-height:20px
    }
    .text-\[36px\]\/\[40px\] {
      font-size:36px;
      line-height:40px
    }
    .text-\[40px\]\/\[40px\] {
      font-size:40px;
      line-height:40px
    }
    .text-\[40px\]\/\[44px\] {
      font-size:40px;
      line-height:44px
    }
    .text-\[60px\]\/\[60px\] {
      font-size:60px;
      line-height:60px
    }
    .text-base {
      line-height:var(--tw-leading,var(--text-base--line-height))
    }
    .text-base,
    .text-base\/5 {
      font-size:var(--text-base)
    }
    .text-base\/5 {
      line-height:calc(var(--spacing)*5)
    }
    .text-base\/6 {
      font-size:var(--text-base);
      line-height:calc(var(--spacing)*6)
    }
    .text-base\/7\.5 {
      font-size:var(--text-base);
      line-height:calc(var(--spacing)*7.5)
    }
    .text-lg {
      line-height:var(--tw-leading,var(--text-lg--line-height))
    }
    .text-lg,
    .text-lg\/5 {
      font-size:var(--text-lg)
    }
    .text-lg\/5 {
      line-height:calc(var(--spacing)*5)
    }
    .text-lg\/7\.5 {
      font-size:var(--text-lg);
      line-height:calc(var(--spacing)*7.5)
    }
    .text-lg\/10 {
      font-size:var(--text-lg);
      line-height:calc(var(--spacing)*10)
    }
    .text-sm {
      line-height:var(--tw-leading,var(--text-sm--line-height))
    }
    .text-sm,
    .text-sm\/4 {
      font-size:var(--text-sm)
    }
    .text-sm\/4 {
      line-height:calc(var(--spacing)*4)
    }
    .text-sm\/5 {
      line-height:calc(var(--spacing)*5)
    }
    .text-sm\/5,
    .text-sm\/6 {
      font-size:var(--text-sm)
    }
    .text-sm\/6 {
      line-height:calc(var(--spacing)*6)
    }
    .text-sm\/7\.5 {
      font-size:var(--text-sm);
      line-height:calc(var(--spacing)*7.5)
    }
    .text-sm\/\[18px\] {
      font-size:var(--text-sm);
      line-height:18px
    }
    .text-xl {
      line-height:var(--tw-leading,var(--text-xl--line-height))
    }
    .text-xl,
    .text-xl\/5 {
      font-size:var(--text-xl)
    }
    .text-xl\/5 {
      line-height:calc(var(--spacing)*5)
    }
    .text-xl\/6 {
      line-height:calc(var(--spacing)*6)
    }
    .text-xl\/6,
    .text-xl\/7 {
      font-size:var(--text-xl)
    }
    .text-xl\/7 {
      line-height:calc(var(--spacing)*7)
    }
    .text-xl\/10 {
      font-size:var(--text-xl);
      line-height:calc(var(--spacing)*10)
    }
    .text-xs {
      line-height:var(--tw-leading,var(--text-xs--line-height))
    }
    .text-xs,
    .text-xs\/3 {
      font-size:var(--text-xs)
    }
    .text-xs\/3 {
      line-height:calc(var(--spacing)*3)
    }
    .text-xs\/4 {
      line-height:calc(var(--spacing)*4)
    }
    .text-xs\/4,
    .text-xs\/5 {
      font-size:var(--text-xs)
    }
    .text-xs\/5 {
      line-height:calc(var(--spacing)*5)
    }
    .text-xs\/6 {
      font-size:var(--text-xs);
      line-height:calc(var(--spacing)*6)
    }
    .text-xs\/\[18px\] {
      font-size:var(--text-xs);
      line-height:18px
    }
    .text-\[4px\] {
      font-size:4px
    }
    .text-\[5px\] {
      font-size:5px
    }
    .text-\[6px\] {
      font-size:6px
    }
    .text-\[7px\] {
      font-size:7px
    }
    .text-\[8px\] {
      font-size:8px
    }
    .text-\[9px\] {
      font-size:9px
    }
    .text-\[10px\] {
      font-size:10px
    }
    .text-\[11px\] {
      font-size:11px
    }
    .text-\[12px\] {
      font-size:12px
    }
    .text-\[15px\] {
      font-size:15px
    }
    .text-\[20px\] {
      font-size:20px
    }
    .text-\[21px\] {
      font-size:21px
    }
    .text-\[22px\] {
      font-size:22px
    }
    .text-\[26px\] {
      font-size:26px
    }
    .text-\[40px\] {
      font-size:40px
    }
    .text-\[clamp\(36px\,6vw\,80px\)\] {
      font-size:clamp(36px,6vw,80px)
    }
    .leading-5 {
      --tw-leading:calc(var(--spacing)*5);
      line-height:calc(var(--spacing)*5)
    }
    .leading-6 {
      --tw-leading:calc(var(--spacing)*6);
      line-height:calc(var(--spacing)*6)
    }
    .leading-7 {
      --tw-leading:calc(var(--spacing)*7);
      line-height:calc(var(--spacing)*7)
    }
    .leading-7\.5 {
      --tw-leading:calc(var(--spacing)*7.5);
      line-height:calc(var(--spacing)*7.5)
    }
    .leading-10 {
      --tw-leading:calc(var(--spacing)*10);
      line-height:calc(var(--spacing)*10)
    }
    .leading-\[26px\] {
      --tw-leading:26px;
      line-height:26px
    }
    .leading-\[30px\] {
      --tw-leading:30px;
      line-height:30px
    }
    .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)
    }
    .tracking-\[1\.12px\] {
      --tw-tracking:1.12px;
      letter-spacing:1.12px
    }
    .tracking-tight {
      --tw-tracking:var(--tracking-tight);
      letter-spacing:var(--tracking-tight)
    }
    .tracking-wide {
      --tw-tracking:var(--tracking-wide);
      letter-spacing:var(--tracking-wide)
    }
    .tracking-wider {
      --tw-tracking:var(--tracking-wider);
      letter-spacing:var(--tracking-wider)
    }
    .text-balance {
      text-wrap:balance
    }
    .text-pretty {
      text-wrap:pretty
    }
    .text-wrap {
      text-wrap:wrap
    }
    .break-words {
      overflow-wrap:break-word
    }
    .wrap-anywhere {
      overflow-wrap:anywhere
    }
    .break-all {
      word-break:break-all
    }
    .whitespace-nowrap {
      white-space:nowrap
    }
    .whitespace-pre {
      white-space:pre
    }
    .whitespace-pre-wrap {
      white-space:pre-wrap
    }
    .\!text-caution {
      color:var(--ui-caution)!important
    }
    .\!text-default {
      color:var(--ui-text)!important
    }
    .\!text-muted {
      color:var(--ui-text-muted)!important
    }
    .text-\(--ui-success\) {
      color:var(--ui-success)
    }
    .text-\[20px\/30px\] {
      color:20px/30px
    }
    .text-amber,
    .text-amber\/75 {
      color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .text-amber\/75 {
        color:color-mix(in oklab,var(--ui-amber) 75%,transparent)
      }
    }
    .text-caution,
    .text-caution\/75 {
      color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .text-caution\/75 {
        color:color-mix(in oklab,var(--ui-caution) 75%,transparent)
      }
    }
    .text-default {
      color:var(--ui-text)
    }
    .text-dimmed {
      color:var(--ui-text-dimmed)
    }
    .text-error,
    .text-error\/75 {
      color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .text-error\/75 {
        color:color-mix(in oklab,var(--ui-error) 75%,transparent)
      }
    }
    .text-highlighted {
      color:var(--ui-text-highlighted)
    }
    .text-info,
    .text-info\/75 {
      color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .text-info\/75 {
        color:color-mix(in oklab,var(--ui-info) 75%,transparent)
      }
    }
    .text-inherit {
      color:inherit
    }
    .text-inverted {
      color:var(--ui-text-inverted)
    }
    .text-muted {
      color:var(--ui-text-muted)
    }
    .text-neutral-300 {
      color:var(--color-neutral-300)
    }
    .text-neutral-400 {
      color:var(--color-neutral-400)
    }
    .text-primary {
      color:var(--ui-primary)
    }
    .text-primary-500 {
      color:var(--ui-color-primary-500)
    }
    .text-primary\/75 {
      color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .text-primary\/75 {
        color:color-mix(in oklab,var(--ui-primary) 75%,transparent)
      }
    }
    .text-purple {
      color:var(--color-purple)
    }
    .text-purple\/75 {
      color:#f14af4bf
    }
    @supports (color:color-mix(in lab,red,red)) {
      .text-purple\/75 {
        color:color-mix(in oklab,var(--color-purple) 75%,transparent)
      }
    }
    .text-secondary,
    .text-secondary\/75 {
      color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .text-secondary\/75 {
        color:color-mix(in oklab,var(--ui-secondary) 75%,transparent)
      }
    }
    .text-success {
      color:var(--ui-success)
    }
    .text-success-400 {
      color:var(--ui-color-success-400)
    }
    .text-success\/75 {
      color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .text-success\/75 {
        color:color-mix(in oklab,var(--ui-success) 75%,transparent)
      }
    }
    .text-token-usdc {
      color:var(--color-token-usdc)
    }
    .text-toned {
      color:var(--ui-text-toned)
    }
    .text-transparent {
      color:#0000
    }
    .text-violet {
      color:var(--color-violet)
    }
    .text-violet\/75 {
      color:#8644ffbf
    }
    @supports (color:color-mix(in lab,red,red)) {
      .text-violet\/75 {
        color:color-mix(in oklab,var(--color-violet) 75%,transparent)
      }
    }
    .text-warning,
    .text-warning\/75 {
      color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .text-warning\/75 {
        color:color-mix(in oklab,var(--ui-warning) 75%,transparent)
      }
    }
    .text-white {
      color:var(--color-white)
    }
    .capitalize {
      text-transform:capitalize
    }
    .uppercase {
      text-transform:uppercase
    }
    .italic {
      font-style:italic
    }
    .tabular-nums {
      --tw-numeric-spacing:tabular-nums;
      font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)
    }
    .line-through {
      text-decoration-line:line-through
    }
    .underline {
      text-decoration-line:underline
    }
    .opacity-0 {
      opacity:0
    }
    .opacity-25 {
      opacity:.25
    }
    .opacity-30 {
      opacity:.3
    }
    .opacity-50 {
      opacity:.5
    }
    .opacity-75 {
      opacity:.75
    }
    .opacity-90 {
      opacity:.9
    }
    .opacity-100 {
      opacity:1
    }
    .shadow {
      --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)
    }
    .shadow,
    .shadow-2xl {
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .shadow-2xl {
      --tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)
    }
    .shadow-lg {
      --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)
    }
    .shadow-lg,
    .shadow-none {
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .shadow-none {
      --tw-shadow:0 0 #0000
    }
    .shadow-sm {
      --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)
    }
    .shadow-sm,
    .shadow-xs {
      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)
    }
    .ring {
      --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)
    }
    .ring,
    .ring-0 {
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .ring-0 {
      --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)
    }
    .ring-1 {
      --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)
    }
    .ring-1,
    .ring-2 {
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .ring-2 {
      --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)
    }
    .ring-3 {
      --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)
    }
    .ring-3,
    .ring-4 {
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .ring-4 {
      --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)
    }
    .ring-accented {
      --tw-ring-color:var(--ui-border-accented)
    }
    .ring-amber,
    .ring-amber\/25 {
      --tw-ring-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-amber\/25 {
        --tw-ring-color:color-mix(in oklab,var(--ui-amber) 25%,transparent)
      }
    }
    .ring-amber\/50 {
      --tw-ring-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-amber\/50 {
        --tw-ring-color:color-mix(in oklab,var(--ui-amber) 50%,transparent)
      }
    }
    .ring-bg {
      --tw-ring-color:var(--ui-bg)
    }
    .ring-caution,
    .ring-caution\/25 {
      --tw-ring-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-caution\/25 {
        --tw-ring-color:color-mix(in oklab,var(--ui-caution) 25%,transparent)
      }
    }
    .ring-caution\/50 {
      --tw-ring-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-caution\/50 {
        --tw-ring-color:color-mix(in oklab,var(--ui-caution) 50%,transparent)
      }
    }
    .ring-default {
      --tw-ring-color:var(--ui-border)
    }
    .ring-error,
    .ring-error\/25 {
      --tw-ring-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-error\/25 {
        --tw-ring-color:color-mix(in oklab,var(--ui-error) 25%,transparent)
      }
    }
    .ring-error\/50 {
      --tw-ring-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-error\/50 {
        --tw-ring-color:color-mix(in oklab,var(--ui-error) 50%,transparent)
      }
    }
    .ring-glass-08 {
      --tw-ring-color:var(--color-glass-08)
    }
    .ring-info,
    .ring-info\/25 {
      --tw-ring-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-info\/25 {
        --tw-ring-color:color-mix(in oklab,var(--ui-info) 25%,transparent)
      }
    }
    .ring-info\/50 {
      --tw-ring-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-info\/50 {
        --tw-ring-color:color-mix(in oklab,var(--ui-info) 50%,transparent)
      }
    }
    .ring-inverted {
      --tw-ring-color:var(--ui-border-inverted)
    }
    .ring-muted {
      --tw-ring-color:var(--ui-border-muted)
    }
    .ring-primary,
    .ring-primary\/25 {
      --tw-ring-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-primary\/25 {
        --tw-ring-color:color-mix(in oklab,var(--ui-primary) 25%,transparent)
      }
    }
    .ring-primary\/50 {
      --tw-ring-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-primary\/50 {
        --tw-ring-color:color-mix(in oklab,var(--ui-primary) 50%,transparent)
      }
    }
    .ring-purple {
      --tw-ring-color:var(--color-purple)
    }
    .ring-purple\/25 {
      --tw-ring-color:#f14af440
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-purple\/25 {
        --tw-ring-color:color-mix(in oklab,var(--color-purple) 25%,transparent)
      }
    }
    .ring-purple\/50 {
      --tw-ring-color:#f14af480
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-purple\/50 {
        --tw-ring-color:color-mix(in oklab,var(--color-purple) 50%,transparent)
      }
    }
    .ring-secondary,
    .ring-secondary\/25 {
      --tw-ring-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-secondary\/25 {
        --tw-ring-color:color-mix(in oklab,var(--ui-secondary) 25%,transparent)
      }
    }
    .ring-secondary\/50 {
      --tw-ring-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-secondary\/50 {
        --tw-ring-color:color-mix(in oklab,var(--ui-secondary) 50%,transparent)
      }
    }
    .ring-success,
    .ring-success\/25 {
      --tw-ring-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-success\/25 {
        --tw-ring-color:color-mix(in oklab,var(--ui-success) 25%,transparent)
      }
    }
    .ring-success\/50 {
      --tw-ring-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-success\/50 {
        --tw-ring-color:color-mix(in oklab,var(--ui-success) 50%,transparent)
      }
    }
    .ring-token-usdc {
      --tw-ring-color:var(--color-token-usdc)
    }
    .ring-violet {
      --tw-ring-color:var(--color-violet)
    }
    .ring-violet\/25 {
      --tw-ring-color:#8644ff40
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-violet\/25 {
        --tw-ring-color:color-mix(in oklab,var(--color-violet) 25%,transparent)
      }
    }
    .ring-violet\/50 {
      --tw-ring-color:#8644ff80
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-violet\/50 {
        --tw-ring-color:color-mix(in oklab,var(--color-violet) 50%,transparent)
      }
    }
    .ring-warning,
    .ring-warning\/25 {
      --tw-ring-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-warning\/25 {
        --tw-ring-color:color-mix(in oklab,var(--ui-warning) 25%,transparent)
      }
    }
    .ring-warning\/50 {
      --tw-ring-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .ring-warning\/50 {
        --tw-ring-color:color-mix(in oklab,var(--ui-warning) 50%,transparent)
      }
    }
    .ring-white {
      --tw-ring-color:var(--color-white)
    }
    .ring-offset-transparent {
      --tw-ring-offset-color:transparent
    }
    .outline-hidden {
      --tw-outline-style:none;
      outline-style:none
    }
    @media(forced-colors:active) {
      .outline-hidden {
        outline-offset:2px;
        outline:2px solid #0000
      }
    }
    .outline {
      outline-style:var(--tw-outline-style);
      outline-width:1px
    }
    .blur {
      --tw-blur:blur(8px)
    }
    .blur,
    .grayscale {
      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,)
    }
    .grayscale {
      --tw-grayscale:grayscale(100%)
    }
    .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,)
    }
    .backdrop-blur {
      --tw-backdrop-blur:blur(8px)
    }
    .backdrop-blur,
    .backdrop-blur-2xl {
      -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
    }
    .backdrop-blur-2xl {
      --tw-backdrop-blur:blur(var(--blur-2xl))
    }
    .backdrop-blur-\[10px\] {
      --tw-backdrop-blur:blur(10px)
    }
    .backdrop-blur-\[10px\],
    .backdrop-blur-\[20px\] {
      -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
    }
    .backdrop-blur-\[20px\] {
      --tw-backdrop-blur:blur(20px)
    }
    .backdrop-blur-\[27px\] {
      --tw-backdrop-blur:blur(27px)
    }
    .backdrop-blur-\[100px\],
    .backdrop-blur-\[27px\] {
      -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
    }
    .backdrop-blur-\[100px\] {
      --tw-backdrop-blur:blur(100px)
    }
    .backdrop-blur-none {
      --tw-backdrop-blur: 
    }
    .backdrop-blur-none,
    .backdrop-blur-xs {
      -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
    }
    .backdrop-blur-xs {
      --tw-backdrop-blur:blur(var(--blur-xs))
    }
    .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,backdrop-filter,display,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-\[background\] {
      transition-property:background;
      transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
      transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-\[color\,opacity\] {
      transition-property:color,opacity;
      transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
      transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-\[left\,right\,width\] {
      transition-property:left,right,width;
      transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
      transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-\[rotate\,opacity\] {
      transition-property:rotate,opacity;
      transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
      transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-\[transform\,translate\,height\] {
      transition-property:transform,translate,height;
      transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
      transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-\[translate\,width\] {
      transition-property:translate,width;
      transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
      transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-\[width\,height\,left\,right\] {
      transition-property:width,height,left,right;
      transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
      transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-\[width\] {
      transition-property:width;
      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))
    }
    .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))
    }
    .duration-200 {
      --tw-duration:.2s;
      transition-duration:.2s
    }
    .duration-300 {
      --tw-duration:.3s;
      transition-duration:.3s
    }
    .ease-in {
      --tw-ease:var(--ease-in);
      transition-timing-function:var(--ease-in)
    }
    .ease-in-out {
      --tw-ease:var(--ease-in-out);
      transition-timing-function:var(--ease-in-out)
    }
    .ease-linear {
      --tw-ease:linear;
      transition-timing-function:linear
    }
    .ease-out {
      --tw-ease:var(--ease-out);
      transition-timing-function:var(--ease-out)
    }
    .will-change-\[background-position\] {
      will-change:background-position
    }
    .will-change-\[height\] {
      will-change:height
    }
    .outline-none {
      --tw-outline-style:none;
      outline-style:none
    }
    .select-none {
      -webkit-user-select:none;
      -moz-user-select:none;
      user-select:none
    }
    .select-text {
      -webkit-user-select:text;
      -moz-user-select:text;
      user-select:text
    }
    .\!\[animation-direction\:reverse\] {
      animation-direction:reverse!important
    }
    .\[--duration\:20s\] {
      --duration:20s
    }
    .\[--gap\:--spacing\(16\)\] {
      --gap:calc(var(--spacing)*16)
    }
    .\[--initial-transform\:calc\(100\%\+1\.5rem\)\] {
      --initial-transform: calc(100% + 1.5rem) 
    }
    .\[--sidebar-width-icon\:4rem\] {
      --sidebar-width-icon:4rem
    }
    .\[--sidebar-width\:16rem\] {
      --sidebar-width:16rem
    }
    .\[--spotlight-color\:var\(--ui-amber\)\] {
      --spotlight-color:var(--ui-amber)
    }
    .\[--spotlight-color\:var\(--ui-bg-inverted\)\] {
      --spotlight-color:var(--ui-bg-inverted)
    }
    .\[--spotlight-color\:var\(--ui-caution\)\] {
      --spotlight-color:var(--ui-caution)
    }
    .\[--spotlight-color\:var\(--ui-error\)\] {
      --spotlight-color:var(--ui-error)
    }
    .\[--spotlight-color\:var\(--ui-info\)\] {
      --spotlight-color:var(--ui-info)
    }
    .\[--spotlight-color\:var\(--ui-primary\)\] {
      --spotlight-color:var(--ui-primary)
    }
    .\[--spotlight-color\:var\(--ui-purple\)\] {
      --spotlight-color:var(--ui-purple)
    }
    .\[--spotlight-color\:var\(--ui-secondary\)\] {
      --spotlight-color:var(--ui-secondary)
    }
    .\[--spotlight-color\:var\(--ui-success\)\] {
      --spotlight-color:var(--ui-success)
    }
    .\[--spotlight-color\:var\(--ui-violet\)\] {
      --spotlight-color:var(--ui-violet)
    }
    .\[--spotlight-color\:var\(--ui-warning\)\] {
      --spotlight-color:var(--ui-warning)
    }
    .\[--spotlight-size\:400px\] {
      --spotlight-size:400px
    }
    .backface-hidden {
      backface-visibility:hidden
    }
    .ring-inset {
      --tw-ring-inset:inset
    }
    :is(.\*\:my-5>*) {
      margin-block:calc(var(--spacing)*5)
    }
    :is(.\*\:size-2>*) {
      width:calc(var(--spacing)*2);
      height:calc(var(--spacing)*2)
    }
    :is(.\*\:break-inside-avoid-column>*) {
      -moz-column-break-inside:avoid;
      break-inside:avoid-column
    }
    :is(.\*\:rounded-full>*) {
      border-radius:3.40282e+38px
    }
    :is(.\*\:bg-elevated>*) {
      background-color:var(--ui-bg-elevated)
    }
    :is(.\*\:pt-8>*) {
      padding-top:calc(var(--spacing)*8)
    }
    :is(.\*\:will-change-transform>*) {
      will-change:transform
    }
    .not-last\:not-first\:rounded-none:not(:last-child):not(:first-child) {
      border-radius:0
    }
    .not-data-\[segment\=literal\]\:w-8:not([data-segment=literal]) {
      width:calc(var(--spacing)*8)
    }
    .not-data-\[segment\=literal\]\:w-9:not([data-segment=literal]) {
      width:calc(var(--spacing)*9)
    }
    .not-data-\[segment\=literal\]\:w-10:not([data-segment=literal]) {
      width:calc(var(--spacing)*10)
    }
    .group-not-last\:group-not-first\:rounded-none:is(:where(.group):not(:last-child) *):is(:where(.group):not(:first-child) *) {
      border-radius:0
    }
    .group-not-only\:group-first\:rounded-e-none:is(:where(.group):not(:only-child) *):is(:where(.group):first-child *) {
      border-start-end-radius:0;
      border-end-end-radius:0
    }
    .group-not-only\:group-first\:rounded-b-none:is(:where(.group):not(:only-child) *):is(:where(.group):first-child *) {
      border-bottom-right-radius:0;
      border-bottom-left-radius:0
    }
    .group-not-only\:group-last\:rounded-s-none:is(:where(.group):not(:only-child) *):is(:where(.group):last-child *) {
      border-start-start-radius:0;
      border-end-start-radius:0
    }
    .group-not-only\:group-last\:rounded-t-none:is(:where(.group):not(:only-child) *):is(:where(.group):last-child *) {
      border-top-left-radius:0;
      border-top-right-radius:0
    }
    .group-open\:block:is(:where(.group):is([open],
    :popover-open,
    :open) *) {
      display:block
    }
    .group-open\:hidden:is(:where(.group):is([open],
    :popover-open,
    :open) *) {
      display:none
    }
    .group-open\:h-fit:is(:where(.group):is([open],
    :popover-open,
    :open) *) {
      height:-moz-fit-content;
      height:fit-content
    }
    .group-open\:-rotate-90:is(:where(.group):is([open],
    :popover-open,
    :open) *) {
      rotate:-90deg
    }
    .group-open\:rotate-0:is(:where(.group):is([open],
    :popover-open,
    :open) *) {
      rotate:0deg
    }
    .group-open\:rotate-45:is(:where(.group):is([open],
    :popover-open,
    :open) *) {
      rotate:45deg
    }
    .group-open\:rotate-180:is(:where(.group):is([open],
    :popover-open,
    :open) *) {
      rotate:180deg
    }
    .group-open\:bg-primary:is(:where(.group):is([open],
    :popover-open,
    :open) *) {
      background-color:var(--ui-primary)
    }
    .group-open\:stroke-inverted:is(:where(.group):is([open],
    :popover-open,
    :open) *) {
      stroke:var(--ui-border-inverted)
    }
    .group-open\:opacity-100:is(:where(.group):is([open],
    :popover-open,
    :open) *) {
      opacity:1
    }
    @media(hover:hover) {
      .group-hover\:mt-0:is(:where(.group):hover *) {
        margin-top:calc(var(--spacing)*0)
      }
      .group-hover\:h-9:is(:where(.group):hover *) {
        height:calc(var(--spacing)*9)
      }
      .group-hover\:h-10:is(:where(.group):hover *) {
        height:calc(var(--spacing)*10)
      }
      .group-hover\:translate-x-0:is(:where(.group):hover *) {
        --tw-translate-x:calc(var(--spacing)*0);
        translate:var(--tw-translate-x) var(--tw-translate-y)
      }
      .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
        --tw-translate-x:calc(var(--spacing)*.5);
        translate:var(--tw-translate-x) var(--tw-translate-y)
      }
      .group-hover\:translate-x-1\.5:is(:where(.group):hover *) {
        --tw-translate-x:calc(var(--spacing)*1.5);
        translate:var(--tw-translate-x) var(--tw-translate-y)
      }
      .group-hover\:-translate-y-0\.5:is(:where(.group):hover *) {
        --tw-translate-y:calc(var(--spacing)*-.5);
        translate:var(--tw-translate-x) var(--tw-translate-y)
      }
      .group-hover\:bg-primary:is(:where(.group):hover *) {
        background-color:var(--ui-primary)
      }
      .group-hover\:text-default:is(:where(.group):hover *) {
        color:var(--ui-text)
      }
      .group-hover\:text-inverted:is(:where(.group):hover *) {
        color:var(--ui-text-inverted)
      }
      .group-hover\:text-primary:is(:where(.group):hover *) {
        color:var(--ui-primary)
      }
      .group-hover\:opacity-0:is(:where(.group):hover *) {
        opacity:0
      }
      .group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity:1
      }
      .group-hover\:ring-primary:is(:where(.group):hover *) {
        --tw-ring-color:var(--ui-primary)
      }
      .group-hover\:\[animation-play-state\:paused\]:is(:where(.group):hover *) {
        animation-play-state:paused
      }
      .group-hover\/blog-post\:scale-110:is(:where(.group\/blog-post):hover *) {
        --tw-scale-x:110%;
        --tw-scale-y:110%;
        --tw-scale-z:110%;
        scale:var(--tw-scale-x) var(--tw-scale-y)
      }
      .group-hover\/blog-post\:rounded-r-none:is(:where(.group\/blog-post):hover *) {
        border-top-right-radius:0;
        border-bottom-right-radius:0
      }
      .group-hover\/blog-post\:rounded-b-none:is(:where(.group\/blog-post):hover *) {
        border-bottom-right-radius:0;
        border-bottom-left-radius:0
      }
      .group-hover\/blog-post\:shadow-none:is(:where(.group\/blog-post):hover *) {
        --tw-shadow:0 0 #0000;
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
      }
      .group-hover\/changelog-version-image\:scale-105:is(:where(.group\/changelog-version-image):hover *) {
        --tw-scale-x:105%;
        --tw-scale-y:105%;
        --tw-scale-z:105%;
        scale:var(--tw-scale-x) var(--tw-scale-y)
      }
      .group-hover\/item\:flex:is(:where(.group\/item):hover *) {
        display:flex
      }
      .group-hover\/item\:hidden:is(:where(.group\/item):hover *) {
        display:none
      }
      .group-hover\/message\:opacity-100:is(:where(.group\/message):hover *) {
        opacity:1
      }
      .group-hover\/user\:scale-115:is(:where(.group\/user):hover *) {
        --tw-scale-x:115%;
        --tw-scale-y:115%;
        --tw-scale-z:115%;
        scale:var(--tw-scale-x) var(--tw-scale-y)
      }
    }
    .group-has-focus-visible\/changelog-version-image\:scale-105:is(:where(.group\/changelog-version-image):has(:focus-visible) *) {
      --tw-scale-x:105%;
      --tw-scale-y:105%;
      --tw-scale-z:105%;
      scale:var(--tw-scale-x) var(--tw-scale-y)
    }
    .group-has-focus-visible\/user\:scale-115:is(:where(.group\/user):has(:focus-visible) *) {
      --tw-scale-x:115%;
      --tw-scale-y:115%;
      --tw-scale-z:115%;
      scale:var(--tw-scale-x) var(--tw-scale-y)
    }
    .group-data-expanded\:rotate-180:is(:where(.group)[data-expanded] *) {
      rotate:180deg
    }
    .group-data-highlighted\:inline-flex:is(:where(.group)[data-highlighted] *) {
      display:inline-flex
    }
    .group-data-highlighted\:text-amber:is(:where(.group)[data-highlighted] *) {
      color:var(--ui-amber)
    }
    .group-data-highlighted\:text-caution:is(:where(.group)[data-highlighted] *) {
      color:var(--ui-caution)
    }
    .group-data-highlighted\:text-default:is(:where(.group)[data-highlighted] *) {
      color:var(--ui-text)
    }
    .group-data-highlighted\:text-error:is(:where(.group)[data-highlighted] *) {
      color:var(--ui-error)
    }
    .group-data-highlighted\:text-info:is(:where(.group)[data-highlighted] *) {
      color:var(--ui-info)
    }
    .group-data-highlighted\:text-primary:is(:where(.group)[data-highlighted] *) {
      color:var(--ui-primary)
    }
    .group-data-highlighted\:text-purple:is(:where(.group)[data-highlighted] *) {
      color:var(--color-purple)
    }
    .group-data-highlighted\:text-secondary:is(:where(.group)[data-highlighted] *) {
      color:var(--ui-secondary)
    }
    .group-data-highlighted\:text-success:is(:where(.group)[data-highlighted] *) {
      color:var(--ui-success)
    }
    .group-data-highlighted\:text-violet:is(:where(.group)[data-highlighted] *) {
      color:var(--color-violet)
    }
    .group-data-highlighted\:text-warning:is(:where(.group)[data-highlighted] *) {
      color:var(--ui-warning)
    }
    .group-data-highlighted\:not-group-data-disabled\:text-default:is(:where(.group)[data-highlighted] *):not(:is(:where(.group)[data-disabled] *)) {
      color:var(--ui-text)
    }
    .group-data-\[disabled\]\:opacity-75:is(:where(.group)[data-disabled] *) {
      opacity:.75
    }
    .group-data-\[state\=active\]\:bg-amber:is(:where(.group)[data-state=active] *) {
      background-color:var(--ui-amber)
    }
    .group-data-\[state\=active\]\:bg-caution:is(:where(.group)[data-state=active] *) {
      background-color:var(--ui-caution)
    }
    .group-data-\[state\=active\]\:bg-error:is(:where(.group)[data-state=active] *) {
      background-color:var(--ui-error)
    }
    .group-data-\[state\=active\]\:bg-info:is(:where(.group)[data-state=active] *) {
      background-color:var(--ui-info)
    }
    .group-data-\[state\=active\]\:bg-inverted:is(:where(.group)[data-state=active] *) {
      background-color:var(--ui-bg-inverted)
    }
    .group-data-\[state\=active\]\:bg-primary:is(:where(.group)[data-state=active] *) {
      background-color:var(--ui-primary)
    }
    .group-data-\[state\=active\]\:bg-purple:is(:where(.group)[data-state=active] *) {
      background-color:var(--color-purple)
    }
    .group-data-\[state\=active\]\:bg-secondary:is(:where(.group)[data-state=active] *) {
      background-color:var(--ui-secondary)
    }
    .group-data-\[state\=active\]\:bg-success:is(:where(.group)[data-state=active] *) {
      background-color:var(--ui-success)
    }
    .group-data-\[state\=active\]\:bg-violet:is(:where(.group)[data-state=active] *) {
      background-color:var(--color-violet)
    }
    .group-data-\[state\=active\]\:bg-warning:is(:where(.group)[data-state=active] *) {
      background-color:var(--ui-warning)
    }
    .group-data-\[state\=active\]\:text-inverted:is(:where(.group)[data-state=active] *) {
      color:var(--ui-text-inverted)
    }
    .group-data-\[state\=checked\]\:text-amber:is(:where(.group)[data-state=checked] *) {
      color:var(--ui-amber)
    }
    .group-data-\[state\=checked\]\:text-caution:is(:where(.group)[data-state=checked] *) {
      color:var(--ui-caution)
    }
    .group-data-\[state\=checked\]\:text-error:is(:where(.group)[data-state=checked] *) {
      color:var(--ui-error)
    }
    .group-data-\[state\=checked\]\:text-highlighted:is(:where(.group)[data-state=checked] *) {
      color:var(--ui-text-highlighted)
    }
    .group-data-\[state\=checked\]\:text-info:is(:where(.group)[data-state=checked] *) {
      color:var(--ui-info)
    }
    .group-data-\[state\=checked\]\:text-primary:is(:where(.group)[data-state=checked] *) {
      color:var(--ui-primary)
    }
    .group-data-\[state\=checked\]\:text-purple:is(:where(.group)[data-state=checked] *) {
      color:var(--color-purple)
    }
    .group-data-\[state\=checked\]\:text-secondary:is(:where(.group)[data-state=checked] *) {
      color:var(--ui-secondary)
    }
    .group-data-\[state\=checked\]\:text-success:is(:where(.group)[data-state=checked] *) {
      color:var(--ui-success)
    }
    .group-data-\[state\=checked\]\:text-violet:is(:where(.group)[data-state=checked] *) {
      color:var(--color-violet)
    }
    .group-data-\[state\=checked\]\:text-warning:is(:where(.group)[data-state=checked] *) {
      color:var(--ui-warning)
    }
    .group-data-\[state\=checked\]\:opacity-100:is(:where(.group)[data-state=checked] *) {
      opacity:1
    }
    .group-data-\[state\=collapsed\]\/sidebar\:hidden:is(:where(.group\/sidebar)[data-state=collapsed] *) {
      display:none
    }
    .group-data-\[state\=collapsed\]\/sidebar\:overflow-hidden:is(:where(.group\/sidebar)[data-state=collapsed] *) {
      overflow:hidden
    }
    .group-data-\[state\=completed\]\:bg-amber:is(:where(.group)[data-state=completed] *) {
      background-color:var(--ui-amber)
    }
    .group-data-\[state\=completed\]\:bg-caution:is(:where(.group)[data-state=completed] *) {
      background-color:var(--ui-caution)
    }
    .group-data-\[state\=completed\]\:bg-error:is(:where(.group)[data-state=completed] *) {
      background-color:var(--ui-error)
    }
    .group-data-\[state\=completed\]\:bg-info:is(:where(.group)[data-state=completed] *) {
      background-color:var(--ui-info)
    }
    .group-data-\[state\=completed\]\:bg-inverted:is(:where(.group)[data-state=completed] *) {
      background-color:var(--ui-bg-inverted)
    }
    .group-data-\[state\=completed\]\:bg-primary:is(:where(.group)[data-state=completed] *) {
      background-color:var(--ui-primary)
    }
    .group-data-\[state\=completed\]\:bg-purple:is(:where(.group)[data-state=completed] *) {
      background-color:var(--color-purple)
    }
    .group-data-\[state\=completed\]\:bg-secondary:is(:where(.group)[data-state=completed] *) {
      background-color:var(--ui-secondary)
    }
    .group-data-\[state\=completed\]\:bg-success:is(:where(.group)[data-state=completed] *) {
      background-color:var(--ui-success)
    }
    .group-data-\[state\=completed\]\:bg-violet:is(:where(.group)[data-state=completed] *) {
      background-color:var(--color-violet)
    }
    .group-data-\[state\=completed\]\:bg-warning:is(:where(.group)[data-state=completed] *) {
      background-color:var(--ui-warning)
    }
    .group-data-\[state\=completed\]\:text-inverted:is(:where(.group)[data-state=completed] *) {
      color:var(--ui-text-inverted)
    }
    .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *) {
      rotate:180deg
    }
    .group-data-\[state\=open\]\:text-amber:is(:where(.group)[data-state=open] *) {
      color:var(--ui-amber)
    }
    .group-data-\[state\=open\]\:text-caution:is(:where(.group)[data-state=open] *) {
      color:var(--ui-caution)
    }
    .group-data-\[state\=open\]\:text-default:is(:where(.group)[data-state=open] *) {
      color:var(--ui-text)
    }
    .group-data-\[state\=open\]\:text-error:is(:where(.group)[data-state=open] *) {
      color:var(--ui-error)
    }
    .group-data-\[state\=open\]\:text-highlighted:is(:where(.group)[data-state=open] *) {
      color:var(--ui-text-highlighted)
    }
    .group-data-\[state\=open\]\:text-info:is(:where(.group)[data-state=open] *) {
      color:var(--ui-info)
    }
    .group-data-\[state\=open\]\:text-primary:is(:where(.group)[data-state=open] *) {
      color:var(--ui-primary)
    }
    .group-data-\[state\=open\]\:text-purple:is(:where(.group)[data-state=open] *) {
      color:var(--color-purple)
    }
    .group-data-\[state\=open\]\:text-secondary:is(:where(.group)[data-state=open] *) {
      color:var(--ui-secondary)
    }
    .group-data-\[state\=open\]\:text-success:is(:where(.group)[data-state=open] *) {
      color:var(--ui-success)
    }
    .group-data-\[state\=open\]\:text-violet:is(:where(.group)[data-state=open] *) {
      color:var(--color-violet)
    }
    .group-data-\[state\=open\]\:text-warning:is(:where(.group)[data-state=open] *) {
      color:var(--ui-warning)
    }
    .group-data-\[state\=open\]\:opacity-0:is(:where(.group)[data-state=open] *) {
      opacity:0
    }
    .group-data-\[state\=open\]\:opacity-100:is(:where(.group)[data-state=open] *) {
      opacity:1
    }
    .group-data-\[state\=unchecked\]\:text-dimmed:is(:where(.group)[data-state=unchecked] *) {
      color:var(--ui-text-dimmed)
    }
    .group-data-\[state\=unchecked\]\:opacity-100:is(:where(.group)[data-state=unchecked] *) {
      opacity:1
    }
    @media(hover:hover) {
      .peer-hover\:text-highlighted:is(:where(.peer):hover~*) {
        color:var(--ui-text-highlighted)
      }
      .peer-hover\:text-toned:is(:where(.peer):hover~*) {
        color:var(--ui-text-toned)
      }
    }
    .peer-focus-visible\:text-highlighted:is(:where(.peer):focus-visible~*) {
      color:var(--ui-text-highlighted)
    }
    .peer-focus-visible\:text-toned:is(:where(.peer):focus-visible~*) {
      color:var(--ui-text-toned)
    }
    .marker\:text-xs\/5 ::marker {
      font-size:var(--text-xs);
      line-height:calc(var(--spacing)*5)
    }
    .marker\:text-xs\/5::marker {
      font-size:var(--text-xs);
      line-height:calc(var(--spacing)*5)
    }
    .marker\:text-xs\/5 ::-webkit-details-marker,
    .marker\:text-xs\/5::-webkit-details-marker {
      font-size:var(--text-xs);
      line-height:calc(var(--spacing)*5)
    }
    .selection\:bg-primary\/20 ::-moz-selection {
      background-color:var(--ui-primary)
    }
    .selection\:bg-primary\/20 ::selection {
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .selection\:bg-primary\/20 ::-moz-selection {
        background-color:color-mix(in oklab,var(--ui-primary) 20%,transparent)
      }
      .selection\:bg-primary\/20 ::selection {
        background-color:color-mix(in oklab,var(--ui-primary) 20%,transparent)
      }
    }
    .selection\:bg-primary\/20::-moz-selection {
      background-color:var(--ui-primary)
    }
    .selection\:bg-primary\/20::selection {
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .selection\:bg-primary\/20::-moz-selection {
        background-color:color-mix(in oklab,var(--ui-primary) 20%,transparent)
      }
      .selection\:bg-primary\/20::selection {
        background-color:color-mix(in oklab,var(--ui-primary) 20%,transparent)
      }
    }
    .file\:me-1\.5::file-selector-button {
      margin-inline-end:calc(var(--spacing)*1.5)
    }
    .file\:font-medium::file-selector-button {
      --tw-font-weight:var(--font-weight-medium);
      font-weight:var(--font-weight-medium)
    }
    .file\:text-muted::file-selector-button {
      color:var(--ui-text-muted)
    }
    .file\:outline-none::file-selector-button {
      --tw-outline-style:none;
      outline-style:none
    }
    .placeholder\:text-xs\/5::-moz-placeholder {
      font-size:var(--text-xs);
      line-height:calc(var(--spacing)*5)
    }
    .placeholder\:text-xs\/5::placeholder {
      font-size:var(--text-xs);
      line-height:calc(var(--spacing)*5)
    }
    .placeholder\:text-dimmed::-moz-placeholder {
      color:var(--ui-text-dimmed)
    }
    .placeholder\:text-dimmed::placeholder {
      color:var(--ui-text-dimmed)
    }
    .before\:pointer-events-none:before {
      content:var(--tw-content);
      pointer-events:none
    }
    .before\:absolute:before {
      content:var(--tw-content);
      position:absolute
    }
    .before\:-inset-px:before {
      content:var(--tw-content);
      inset:-1px
    }
    .before\:inset-px:before {
      content:var(--tw-content);
      inset:1px
    }
    .before\:inset-x-0:before {
      content:var(--tw-content);
      inset-inline:calc(var(--spacing)*0)
    }
    .before\:inset-x-px:before {
      content:var(--tw-content);
      inset-inline:1px
    }
    .before\:inset-y-0:before {
      content:var(--tw-content);
      inset-block:calc(var(--spacing)*0)
    }
    .before\:inset-y-px:before {
      content:var(--tw-content);
      inset-block:1px
    }
    .before\:top-0:before {
      content:var(--tw-content);
      top:calc(var(--spacing)*0)
    }
    .before\:-right-1\.5:before {
      content:var(--tw-content);
      right:calc(var(--spacing)*-1.5)
    }
    .before\:-left-1\.5:before {
      content:var(--tw-content);
      left:calc(var(--spacing)*-1.5)
    }
    .before\:left-0:before {
      content:var(--tw-content);
      left:calc(var(--spacing)*0)
    }
    .before\:z-1:before {
      content:var(--tw-content);
      z-index:1
    }
    .before\:z-2:before {
      content:var(--tw-content);
      z-index:2
    }
    .before\:z-\[-1\]:before {
      content:var(--tw-content);
      z-index:-1
    }
    .before\:block:before {
      content:var(--tw-content);
      display:block
    }
    .before\:size-1\.5:before {
      content:var(--tw-content);
      width:calc(var(--spacing)*1.5);
      height:calc(var(--spacing)*1.5)
    }
    .before\:h-1\/3:before {
      content:var(--tw-content);
      height:33.3333%
    }
    .before\:h-full:before {
      content:var(--tw-content);
      height:100%
    }
    .before\:w-1\/3:before {
      content:var(--tw-content);
      width:33.3333%
    }
    .before\:w-full:before {
      content:var(--tw-content);
      width:100%
    }
    .before\:rounded-\[inherit\]:before {
      content:var(--tw-content);
      border-radius:inherit
    }
    .before\:rounded-full:before {
      content:var(--tw-content);
      border-radius:3.40282e+38px
    }
    .before\:rounded-md:before {
      content:var(--tw-content);
      border-radius:var(--radius-md)
    }
    .before\:rounded-xl:before {
      content:var(--tw-content);
      border-radius:var(--radius-xl)
    }
    .before\:bg-amber\/10:before {
      content:var(--tw-content);
      background-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .before\:bg-amber\/10:before {
        background-color:color-mix(in oklab,var(--ui-amber) 10%,transparent)
      }
    }
    .before\:bg-caution\/10:before {
      content:var(--tw-content);
      background-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .before\:bg-caution\/10:before {
        background-color:color-mix(in oklab,var(--ui-caution) 10%,transparent)
      }
    }
    .before\:bg-current:before {
      content:var(--tw-content);
      background-color:currentColor
    }
    .before\:bg-elevated:before {
      content:var(--tw-content);
      background-color:var(--ui-bg-elevated)
    }
    .before\:bg-elevated\/75:before {
      content:var(--tw-content);
      background-color:#1b1f25bf
    }
    @supports (color:color-mix(in lab,red,red)) {
      .before\:bg-elevated\/75:before {
        background-color:color-mix(in oklab,var(--ui-bg-elevated) 75%,transparent)
      }
    }
    .before\:bg-error\/10:before {
      content:var(--tw-content);
      background-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .before\:bg-error\/10:before {
        background-color:color-mix(in oklab,var(--ui-error) 10%,transparent)
      }
    }
    .before\:bg-info\/10:before {
      content:var(--tw-content);
      background-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .before\:bg-info\/10:before {
        background-color:color-mix(in oklab,var(--ui-info) 10%,transparent)
      }
    }
    .before\:bg-primary\/10:before {
      content:var(--tw-content);
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .before\:bg-primary\/10:before {
        background-color:color-mix(in oklab,var(--ui-primary) 10%,transparent)
      }
    }
    .before\:bg-purple\/10:before {
      content:var(--tw-content);
      background-color:#f14af41a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .before\:bg-purple\/10:before {
        background-color:color-mix(in oklab,var(--color-purple) 10%,transparent)
      }
    }
    .before\:bg-secondary\/10:before {
      content:var(--tw-content);
      background-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .before\:bg-secondary\/10:before {
        background-color:color-mix(in oklab,var(--ui-secondary) 10%,transparent)
      }
    }
    .before\:bg-success\/10:before {
      content:var(--tw-content);
      background-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .before\:bg-success\/10:before {
        background-color:color-mix(in oklab,var(--ui-success) 10%,transparent)
      }
    }
    .before\:bg-violet\/10:before {
      content:var(--tw-content);
      background-color:#8644ff1a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .before\:bg-violet\/10:before {
        background-color:color-mix(in oklab,var(--color-violet) 10%,transparent)
      }
    }
    .before\:bg-warning\/10:before {
      content:var(--tw-content);
      background-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .before\:bg-warning\/10:before {
        background-color:color-mix(in oklab,var(--ui-warning) 10%,transparent)
      }
    }
    .before\:bg-gradient-to-b:before {
      --tw-gradient-position:to bottom in oklab
    }
    .before\:bg-gradient-to-b:before,
    .before\:bg-gradient-to-r:before {
      content:var(--tw-content);
      background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .before\:bg-gradient-to-r:before {
      --tw-gradient-position:to right in oklab
    }
    .before\:bg-\[linear-gradient\(90deg\,rgba\(211\,120\,17\,0\.1\)_0\%\,rgba\(211\,120\,17\,0\)_100\%\)\]:before {
      content:var(--tw-content);
      background-image:linear-gradient(90deg,#d378111a,#d3781100)
    }
    .before\:bg-\[linear-gradient\(90deg\,rgba\(211\,211\,211\,0\.1\)_0\%\,rgba\(211\,211\,211\,0\)_100\%\)\]:before {
      content:var(--tw-content);
      background-image:linear-gradient(90deg,#d3d3d31a,#d3d3d300)
    }
    .before\:bg-\[linear-gradient\(90deg\,rgba\(254\,211\,15\,0\.1\)_0\%\,rgba\(254\,211\,15\,0\)_100\%\)\]:before {
      content:var(--tw-content);
      background-image:linear-gradient(90deg,#fed30f1a,#fed30f00)
    }
    .before\:bg-\[radial-gradient\(var\(--spotlight-size\)_var\(--spotlight-size\)_at_calc\(var\(--spotlight-x\,0px\)\)_calc\(var\(--spotlight-y\,0px\)\)\,var\(--spotlight-color\)\,transparent_70\%\)\]:before {
      content:var(--tw-content);
      background-image:radial-gradient(var(--spotlight-size) var(--spotlight-size) at calc(var(--spotlight-x,0px)) calc(var(--spotlight-y,0px)),var(--spotlight-color),transparent 70%)
    }
    .before\:from-default:before {
      content:var(--tw-content);
      --tw-gradient-from:var(--ui-bg);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .before\:to-transparent:before {
      content:var(--tw-content);
      --tw-gradient-to:transparent;
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .before\:transition-colors:before {
      content:var(--tw-content);
      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))
    }
    .before\:content-\[\'\'\]:before {
      --tw-content:"";
      content:var(--tw-content)
    }
    .before\:content-\[\\\"\\\"\]:before {
      --tw-content:\"\";
      content:var(--tw-content)
    }
    .not-first-of-type\:before\:me-0\.5:not(:first-of-type):before {
      content:var(--tw-content);
      margin-inline-end:calc(var(--spacing)*.5)
    }
    .not-first-of-type\:before\:content-\[\'·\'\]:not(:first-of-type):before {
      --tw-content:"·";
      content:var(--tw-content)
    }
    .after\:pointer-events-none:after {
      content:var(--tw-content);
      pointer-events:none
    }
    .after\:absolute:after {
      content:var(--tw-content);
      position:absolute
    }
    .after\:inset-0:after {
      content:var(--tw-content);
      inset:calc(var(--spacing)*0)
    }
    .after\:inset-x-0:after {
      content:var(--tw-content);
      inset-inline:calc(var(--spacing)*0)
    }
    .after\:inset-x-2\.5:after {
      content:var(--tw-content);
      inset-inline:calc(var(--spacing)*2.5)
    }
    .after\:inset-y-0:after {
      content:var(--tw-content);
      inset-block:calc(var(--spacing)*0)
    }
    .after\:inset-y-0\.5:after {
      content:var(--tw-content);
      inset-block:calc(var(--spacing)*.5)
    }
    .after\:-start-1\.5:after {
      content:var(--tw-content);
      inset-inline-start:calc(var(--spacing)*-1.5)
    }
    .after\:right-0:after {
      content:var(--tw-content);
      right:calc(var(--spacing)*0)
    }
    .after\:-bottom-2:after {
      content:var(--tw-content);
      bottom:calc(var(--spacing)*-2)
    }
    .after\:bottom-0:after {
      content:var(--tw-content);
      bottom:calc(var(--spacing)*0)
    }
    .after\:left-1\/2:after {
      content:var(--tw-content);
      left:50%
    }
    .after\:z-1:after {
      content:var(--tw-content);
      z-index:1
    }
    .after\:z-2:after {
      content:var(--tw-content);
      z-index:2
    }
    .after\:z-\[-1\]:after {
      content:var(--tw-content);
      z-index:-1
    }
    .after\:ms-0\.5:after {
      content:var(--tw-content);
      margin-inline-start:calc(var(--spacing)*.5)
    }
    .after\:block:after {
      content:var(--tw-content);
      display:block
    }
    .after\:hidden:after {
      content:var(--tw-content);
      display:none
    }
    .after\:size-1:after {
      content:var(--tw-content);
      width:calc(var(--spacing)*1);
      height:calc(var(--spacing)*1)
    }
    .after\:size-1\.5:after {
      content:var(--tw-content);
      width:calc(var(--spacing)*1.5);
      height:calc(var(--spacing)*1.5)
    }
    .after\:size-2:after {
      content:var(--tw-content);
      width:calc(var(--spacing)*2);
      height:calc(var(--spacing)*2)
    }
    .after\:h-1\/3:after {
      content:var(--tw-content);
      height:33.3333%
    }
    .after\:h-full:after {
      content:var(--tw-content);
      height:100%
    }
    .after\:h-px:after {
      content:var(--tw-content);
      height:1px
    }
    .after\:w-1\/3:after {
      content:var(--tw-content);
      width:33.3333%
    }
    .after\:w-full:after {
      content:var(--tw-content);
      width:100%
    }
    .after\:w-px:after {
      content:var(--tw-content);
      width:1px
    }
    .after\:animate-\[carousel-inverse_2s_ease-in-out_infinite\]:after {
      content:var(--tw-content);
      animation:carousel-inverse 2s ease-in-out infinite
    }
    .after\:animate-\[carousel_2s_ease-in-out_infinite\]:after {
      content:var(--tw-content);
      animation:carousel 2s ease-in-out infinite
    }
    .after\:animate-\[elastic_2s_ease-in-out_infinite\]:after {
      content:var(--tw-content);
      animation:elastic 2s ease-in-out infinite
    }
    .after\:animate-\[swing_2s_ease-in-out_infinite\]:after {
      content:var(--tw-content);
      animation:swing 2s ease-in-out infinite
    }
    .after\:rounded-full:after {
      content:var(--tw-content);
      border-radius:3.40282e+38px
    }
    .after\:bg-amber:after {
      content:var(--tw-content);
      background-color:var(--ui-amber)
    }
    .after\:bg-caution:after {
      content:var(--tw-content);
      background-color:var(--ui-caution)
    }
    .after\:bg-default:after {
      content:var(--tw-content);
      background-color:var(--ui-bg)
    }
    .after\:bg-error:after {
      content:var(--tw-content);
      background-color:var(--ui-error)
    }
    .after\:bg-info:after {
      content:var(--tw-content);
      background-color:var(--ui-info)
    }
    .after\:bg-inverted:after {
      content:var(--tw-content);
      background-color:var(--ui-bg-inverted)
    }
    .after\:bg-primary:after {
      content:var(--tw-content);
      background-color:var(--ui-primary)
    }
    .after\:bg-purple:after {
      content:var(--tw-content);
      background-color:var(--color-purple)
    }
    .after\:bg-secondary:after {
      content:var(--tw-content);
      background-color:var(--ui-secondary)
    }
    .after\:bg-success:after {
      content:var(--tw-content);
      background-color:var(--ui-success)
    }
    .after\:bg-violet:after {
      content:var(--tw-content);
      background-color:var(--color-violet)
    }
    .after\:bg-warning:after {
      content:var(--tw-content);
      background-color:var(--ui-warning)
    }
    .after\:bg-gradient-to-l:after {
      --tw-gradient-position:to left in oklab
    }
    .after\:bg-gradient-to-l:after,
    .after\:bg-gradient-to-t:after {
      content:var(--tw-content);
      background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .after\:bg-gradient-to-t:after {
      --tw-gradient-position:to top in oklab
    }
    .after\:from-default:after {
      content:var(--tw-content);
      --tw-gradient-from:var(--ui-bg);
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .after\:to-transparent:after {
      content:var(--tw-content);
      --tw-gradient-to:transparent;
      --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .after\:text-error:after {
      content:var(--tw-content);
      color:var(--ui-error)
    }
    .after\:backdrop-blur-\[20px\]:after {
      content:var(--tw-content);
      --tw-backdrop-blur:blur(20px);
      -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,)
    }
    .after\:transition-colors:after {
      content:var(--tw-content);
      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))
    }
    .after\:content-\[\'\*\'\]:after {
      --tw-content:"*";
      content:var(--tw-content)
    }
    .after\:content-\[\\\"\\\"\]:after {
      --tw-content:\"\";
      content:var(--tw-content)
    }
    :is(.\*\:not-last\:after\:absolute>*):not(:last-child):after {
      content:var(--tw-content);
      position:absolute
    }
    :is(.\*\:not-last\:after\:inset-x-1>*):not(:last-child):after {
      content:var(--tw-content);
      inset-inline:calc(var(--spacing)*1)
    }
    :is(.\*\:not-last\:after\:bottom-0>*):not(:last-child):after {
      content:var(--tw-content);
      bottom:calc(var(--spacing)*0)
    }
    :is(.\*\:not-last\:after\:h-px>*):not(:last-child):after {
      content:var(--tw-content);
      height:1px
    }
    :is(.\*\:not-last\:after\:bg-border>*):not(:last-child):after {
      content:var(--tw-content);
      background-color:var(--ui-border)
    }
    .first\:me-0:first-child {
      margin-inline-end:calc(var(--spacing)*0)
    }
    .first\:rounded-l-sm:first-child {
      border-top-left-radius:var(--radius-sm);
      border-bottom-left-radius:var(--radius-sm)
    }
    .first\:text-left:first-child {
      text-align:left
    }
    :is(.\*\:first\:mt-0>*):first-child {
      margin-top:calc(var(--spacing)*0)
    }
    .not-only\:first\:rounded-e-none:not(:only-child):first-child {
      border-start-end-radius:0;
      border-end-end-radius:0
    }
    .not-only\:first\:rounded-b-none:not(:only-child):first-child {
      border-bottom-right-radius:0;
      border-bottom-left-radius:0
    }
    .last\:col-span-2:last-child {
      grid-column:span 2/span 2
    }
    .last\:hidden:last-child {
      display:none
    }
    .last\:rounded-r-sm:last-child {
      border-top-right-radius:var(--radius-sm);
      border-bottom-right-radius:var(--radius-sm)
    }
    .last\:border-0:last-child {
      border-style:var(--tw-border-style);
      border-width:0
    }
    .last\:border-b-0:last-child {
      border-bottom-style:var(--tw-border-style);
      border-bottom-width:0
    }
    .last\:border-none:last-child {
      --tw-border-style:none;
      border-style:none
    }
    .last\:pb-0:last-child {
      padding-bottom:calc(var(--spacing)*0)
    }
    :is(.\*\:last\:mb-0>*):last-child {
      margin-bottom:calc(var(--spacing)*0)
    }
    .not-only\:last\:rounded-s-none:not(:only-child):last-child {
      border-start-start-radius:0;
      border-end-start-radius:0
    }
    .not-only\:last\:rounded-t-none:not(:only-child):last-child {
      border-top-left-radius:0;
      border-top-right-radius:0
    }
    .first-of-type\:rounded-s-lg:first-of-type {
      border-start-start-radius:var(--radius-lg);
      border-end-start-radius:var(--radius-lg)
    }
    .first-of-type\:rounded-t-lg:first-of-type {
      border-top-left-radius:var(--radius-lg);
      border-top-right-radius:var(--radius-lg)
    }
    .last-of-type\:rounded-e-lg:last-of-type {
      border-start-end-radius:var(--radius-lg);
      border-end-end-radius:var(--radius-lg)
    }
    .last-of-type\:rounded-b-lg:last-of-type {
      border-bottom-right-radius:var(--radius-lg);
      border-bottom-left-radius:var(--radius-lg)
    }
    .open\:bg-muted:is([open],
    :popover-open,
    :open) {
      background-color:var(--ui-bg-muted)
    }
    .open\:py-2:is([open],
    :popover-open,
    :open) {
      padding-block:calc(var(--spacing)*2)
    }
    .empty\:hidden:empty {
      display:none
    }
    .focus-within\:bg-inverted\/\[0\.04\]:focus-within {
      background-color:#ffffff0a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-within\:bg-inverted\/\[0\.04\]:focus-within {
        background-color:color-mix(in oklab,var(--ui-bg-inverted) 4%,transparent)
      }
    }
    .focus-within\:outline-none:focus-within {
      --tw-outline-style:none;
      outline-style:none
    }
    @media(hover:hover) {
      .hover\:scale-115:hover {
        --tw-scale-x:115%;
        --tw-scale-y:115%;
        --tw-scale-z:115%;
        scale:var(--tw-scale-x) var(--tw-scale-y)
      }
      .hover\:border-primary:hover {
        border-color:var(--ui-primary)
      }
      .hover\:bg-accented:hover {
        background-color:var(--ui-bg-accented)
      }
      .hover\:bg-accented\/75:hover {
        background-color:#ffffff0f
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-accented\/75:hover {
          background-color:color-mix(in oklab,var(--ui-bg-accented) 75%,transparent)
        }
      }
      .hover\:bg-amber\/10:hover {
        background-color:var(--ui-amber)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-amber\/10:hover {
          background-color:color-mix(in oklab,var(--ui-amber) 10%,transparent)
        }
      }
      .hover\:bg-amber\/15:hover {
        background-color:var(--ui-amber)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-amber\/15:hover {
          background-color:color-mix(in oklab,var(--ui-amber) 15%,transparent)
        }
      }
      .hover\:bg-amber\/75:hover {
        background-color:var(--ui-amber)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-amber\/75:hover {
          background-color:color-mix(in oklab,var(--ui-amber) 75%,transparent)
        }
      }
      .hover\:bg-amber\/90:hover {
        background-color:var(--ui-amber)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-amber\/90:hover {
          background-color:color-mix(in oklab,var(--ui-amber) 90%,transparent)
        }
      }
      .hover\:bg-caution\/10:hover {
        background-color:var(--ui-caution)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-caution\/10:hover {
          background-color:color-mix(in oklab,var(--ui-caution) 10%,transparent)
        }
      }
      .hover\:bg-caution\/15:hover {
        background-color:var(--ui-caution)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-caution\/15:hover {
          background-color:color-mix(in oklab,var(--ui-caution) 15%,transparent)
        }
      }
      .hover\:bg-caution\/75:hover {
        background-color:var(--ui-caution)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-caution\/75:hover {
          background-color:color-mix(in oklab,var(--ui-caution) 75%,transparent)
        }
      }
      .hover\:bg-caution\/90:hover {
        background-color:var(--ui-caution)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-caution\/90:hover {
          background-color:color-mix(in oklab,var(--ui-caution) 90%,transparent)
        }
      }
      .hover\:bg-default\/10:hover {
        background-color:#090d141a
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-default\/10:hover {
          background-color:color-mix(in oklab,var(--ui-bg) 10%,transparent)
        }
      }
      .hover\:bg-elevated:hover {
        background-color:var(--ui-bg-elevated)
      }
      .hover\:bg-elevated\/25:hover {
        background-color:#1b1f2540
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-elevated\/25:hover {
          background-color:color-mix(in oklab,var(--ui-bg-elevated) 25%,transparent)
        }
      }
      .hover\:bg-elevated\/50:hover {
        background-color:#1b1f2580
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-elevated\/50:hover {
          background-color:color-mix(in oklab,var(--ui-bg-elevated) 50%,transparent)
        }
      }
      .hover\:bg-error\/10:hover {
        background-color:var(--ui-error)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-error\/10:hover {
          background-color:color-mix(in oklab,var(--ui-error) 10%,transparent)
        }
      }
      .hover\:bg-error\/15:hover {
        background-color:var(--ui-error)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-error\/15:hover {
          background-color:color-mix(in oklab,var(--ui-error) 15%,transparent)
        }
      }
      .hover\:bg-error\/75:hover {
        background-color:var(--ui-error)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-error\/75:hover {
          background-color:color-mix(in oklab,var(--ui-error) 75%,transparent)
        }
      }
      .hover\:bg-error\/90:hover {
        background-color:var(--ui-error)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-error\/90:hover {
          background-color:color-mix(in oklab,var(--ui-error) 90%,transparent)
        }
      }
      .hover\:bg-info\/10:hover {
        background-color:var(--ui-info)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-info\/10:hover {
          background-color:color-mix(in oklab,var(--ui-info) 10%,transparent)
        }
      }
      .hover\:bg-info\/15:hover {
        background-color:var(--ui-info)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-info\/15:hover {
          background-color:color-mix(in oklab,var(--ui-info) 15%,transparent)
        }
      }
      .hover\:bg-info\/75:hover {
        background-color:var(--ui-info)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-info\/75:hover {
          background-color:color-mix(in oklab,var(--ui-info) 75%,transparent)
        }
      }
      .hover\:bg-info\/90:hover {
        background-color:var(--ui-info)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-info\/90:hover {
          background-color:color-mix(in oklab,var(--ui-info) 90%,transparent)
        }
      }
      .hover\:bg-inverted\/90:hover {
        background-color:#ffffffe6
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-inverted\/90:hover {
          background-color:color-mix(in oklab,var(--ui-bg-inverted) 90%,transparent)
        }
      }
      .hover\:bg-inverted\/\[0\.04\]:hover {
        background-color:#ffffff0a
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-inverted\/\[0\.04\]:hover {
          background-color:color-mix(in oklab,var(--ui-bg-inverted) 4%,transparent)
        }
      }
      .hover\:bg-inverted\/\[0\.08\]:hover {
        background-color:#ffffff14
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-inverted\/\[0\.08\]:hover {
          background-color:color-mix(in oklab,var(--ui-bg-inverted) 8%,transparent)
        }
      }
      .hover\:bg-inverted\/\[0\.09\]:hover {
        background-color:#ffffff17
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-inverted\/\[0\.09\]:hover {
          background-color:color-mix(in oklab,var(--ui-bg-inverted) 9%,transparent)
        }
      }
      .hover\:bg-muted:hover {
        background-color:var(--ui-bg-muted)
      }
      .hover\:bg-muted\/50:hover {
        background-color:#ffffff05
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-muted\/50:hover {
          background-color:color-mix(in oklab,var(--ui-bg-muted) 50%,transparent)
        }
      }
      .hover\:bg-primary\/10:hover {
        background-color:var(--ui-primary)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-primary\/10:hover {
          background-color:color-mix(in oklab,var(--ui-primary) 10%,transparent)
        }
      }
      .hover\:bg-primary\/15:hover {
        background-color:var(--ui-primary)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-primary\/15:hover {
          background-color:color-mix(in oklab,var(--ui-primary) 15%,transparent)
        }
      }
      .hover\:bg-primary\/75:hover {
        background-color:var(--ui-primary)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-primary\/75:hover {
          background-color:color-mix(in oklab,var(--ui-primary) 75%,transparent)
        }
      }
      .hover\:bg-primary\/90:hover {
        background-color:var(--ui-primary)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-primary\/90:hover {
          background-color:color-mix(in oklab,var(--ui-primary) 90%,transparent)
        }
      }
      .hover\:bg-purple\/10:hover {
        background-color:#f14af41a
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-purple\/10:hover {
          background-color:color-mix(in oklab,var(--color-purple) 10%,transparent)
        }
      }
      .hover\:bg-purple\/15:hover {
        background-color:#f14af426
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-purple\/15:hover {
          background-color:color-mix(in oklab,var(--color-purple) 15%,transparent)
        }
      }
      .hover\:bg-purple\/75:hover {
        background-color:#f14af4bf
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-purple\/75:hover {
          background-color:color-mix(in oklab,var(--color-purple) 75%,transparent)
        }
      }
      .hover\:bg-purple\/90:hover {
        background-color:#f14af4e6
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-purple\/90:hover {
          background-color:color-mix(in oklab,var(--color-purple) 90%,transparent)
        }
      }
      .hover\:bg-secondary\/10:hover {
        background-color:var(--ui-secondary)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-secondary\/10:hover {
          background-color:color-mix(in oklab,var(--ui-secondary) 10%,transparent)
        }
      }
      .hover\:bg-secondary\/15:hover {
        background-color:var(--ui-secondary)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-secondary\/15:hover {
          background-color:color-mix(in oklab,var(--ui-secondary) 15%,transparent)
        }
      }
      .hover\:bg-secondary\/75:hover {
        background-color:var(--ui-secondary)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-secondary\/75:hover {
          background-color:color-mix(in oklab,var(--ui-secondary) 75%,transparent)
        }
      }
      .hover\:bg-secondary\/90:hover {
        background-color:var(--ui-secondary)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-secondary\/90:hover {
          background-color:color-mix(in oklab,var(--ui-secondary) 90%,transparent)
        }
      }
      .hover\:bg-success\/10:hover {
        background-color:var(--ui-success)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-success\/10:hover {
          background-color:color-mix(in oklab,var(--ui-success) 10%,transparent)
        }
      }
      .hover\:bg-success\/15:hover {
        background-color:var(--ui-success)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-success\/15:hover {
          background-color:color-mix(in oklab,var(--ui-success) 15%,transparent)
        }
      }
      .hover\:bg-success\/75:hover {
        background-color:var(--ui-success)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-success\/75:hover {
          background-color:color-mix(in oklab,var(--ui-success) 75%,transparent)
        }
      }
      .hover\:bg-success\/90:hover {
        background-color:var(--ui-success)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-success\/90:hover {
          background-color:color-mix(in oklab,var(--ui-success) 90%,transparent)
        }
      }
      .hover\:bg-transparent:hover {
        background-color:#0000
      }
      .hover\:bg-violet\/10:hover {
        background-color:#8644ff1a
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-violet\/10:hover {
          background-color:color-mix(in oklab,var(--color-violet) 10%,transparent)
        }
      }
      .hover\:bg-violet\/15:hover {
        background-color:#8644ff26
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-violet\/15:hover {
          background-color:color-mix(in oklab,var(--color-violet) 15%,transparent)
        }
      }
      .hover\:bg-violet\/75:hover {
        background-color:#8644ffbf
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-violet\/75:hover {
          background-color:color-mix(in oklab,var(--color-violet) 75%,transparent)
        }
      }
      .hover\:bg-violet\/90:hover {
        background-color:#8644ffe6
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-violet\/90:hover {
          background-color:color-mix(in oklab,var(--color-violet) 90%,transparent)
        }
      }
      .hover\:bg-warning\/10:hover {
        background-color:var(--ui-warning)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-warning\/10:hover {
          background-color:color-mix(in oklab,var(--ui-warning) 10%,transparent)
        }
      }
      .hover\:bg-warning\/15:hover {
        background-color:var(--ui-warning)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-warning\/15:hover {
          background-color:color-mix(in oklab,var(--ui-warning) 15%,transparent)
        }
      }
      .hover\:bg-warning\/75:hover {
        background-color:var(--ui-warning)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-warning\/75:hover {
          background-color:color-mix(in oklab,var(--ui-warning) 75%,transparent)
        }
      }
      .hover\:bg-warning\/90:hover {
        background-color:var(--ui-warning)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:bg-warning\/90:hover {
          background-color:color-mix(in oklab,var(--ui-warning) 90%,transparent)
        }
      }
      .hover\:text-amber\/75:hover {
        color:var(--ui-amber)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:text-amber\/75:hover {
          color:color-mix(in oklab,var(--ui-amber) 75%,transparent)
        }
      }
      .hover\:text-caution\/75:hover {
        color:var(--ui-caution)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:text-caution\/75:hover {
          color:color-mix(in oklab,var(--ui-caution) 75%,transparent)
        }
      }
      .hover\:text-default:hover {
        color:var(--ui-text)
      }
      .hover\:text-error\/75:hover {
        color:var(--ui-error)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:text-error\/75:hover {
          color:color-mix(in oklab,var(--ui-error) 75%,transparent)
        }
      }
      .hover\:text-highlighted:hover {
        color:var(--ui-text-highlighted)
      }
      .hover\:text-info\/75:hover {
        color:var(--ui-info)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:text-info\/75:hover {
          color:color-mix(in oklab,var(--ui-info) 75%,transparent)
        }
      }
      .hover\:text-primary:hover,
      .hover\:text-primary\/75:hover {
        color:var(--ui-primary)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:text-primary\/75:hover {
          color:color-mix(in oklab,var(--ui-primary) 75%,transparent)
        }
      }
      .hover\:text-purple\/75:hover {
        color:#f14af4bf
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:text-purple\/75:hover {
          color:color-mix(in oklab,var(--color-purple) 75%,transparent)
        }
      }
      .hover\:text-secondary\/75:hover {
        color:var(--ui-secondary)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:text-secondary\/75:hover {
          color:color-mix(in oklab,var(--ui-secondary) 75%,transparent)
        }
      }
      .hover\:text-success\/75:hover {
        color:var(--ui-success)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:text-success\/75:hover {
          color:color-mix(in oklab,var(--ui-success) 75%,transparent)
        }
      }
      .hover\:text-toned:hover {
        color:var(--ui-text-toned)
      }
      .hover\:text-violet\/75:hover {
        color:#8644ffbf
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:text-violet\/75:hover {
          color:color-mix(in oklab,var(--color-violet) 75%,transparent)
        }
      }
      .hover\:text-warning\/75:hover {
        color:var(--ui-warning)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:text-warning\/75:hover {
          color:color-mix(in oklab,var(--ui-warning) 75%,transparent)
        }
      }
      .hover\:text-white:hover {
        color:var(--color-white)
      }
      .hover\:underline:hover {
        text-decoration-line:underline
      }
      .hover\:ring-1:hover {
        --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)
      }
      .hover\:ring-accented:hover {
        --tw-ring-color:var(--ui-border-accented)
      }
      .hover\:ring-primary:hover {
        --tw-ring-color:var(--ui-primary)
      }
      .hover\:not-data-\[selected\]\:bg-amber\/10:hover:not([data-selected]) {
        background-color:var(--ui-amber)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-amber\/10:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--ui-amber) 10%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-amber\/20:hover:not([data-selected]) {
        background-color:var(--ui-amber)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-amber\/20:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--ui-amber) 20%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-caution\/10:hover:not([data-selected]) {
        background-color:var(--ui-caution)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-caution\/10:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--ui-caution) 10%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-caution\/20:hover:not([data-selected]) {
        background-color:var(--ui-caution)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-caution\/20:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--ui-caution) 20%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-error\/10:hover:not([data-selected]) {
        background-color:var(--ui-error)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-error\/10:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--ui-error) 10%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-error\/20:hover:not([data-selected]) {
        background-color:var(--ui-error)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-error\/20:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--ui-error) 20%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-info\/10:hover:not([data-selected]) {
        background-color:var(--ui-info)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-info\/10:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--ui-info) 10%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-info\/20:hover:not([data-selected]) {
        background-color:var(--ui-info)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-info\/20:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--ui-info) 20%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-inverted\/10:hover:not([data-selected]) {
        background-color:#ffffff1a
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-inverted\/10:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--ui-bg-inverted) 10%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-primary\/10:hover:not([data-selected]) {
        background-color:var(--ui-primary)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-primary\/10:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--ui-primary) 10%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-primary\/20:hover:not([data-selected]) {
        background-color:var(--ui-primary)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-primary\/20:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--ui-primary) 20%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-purple\/10:hover:not([data-selected]) {
        background-color:#f14af41a
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-purple\/10:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--color-purple) 10%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-purple\/20:hover:not([data-selected]) {
        background-color:#f14af433
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-purple\/20:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--color-purple) 20%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-secondary\/10:hover:not([data-selected]) {
        background-color:var(--ui-secondary)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-secondary\/10:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--ui-secondary) 10%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-secondary\/20:hover:not([data-selected]) {
        background-color:var(--ui-secondary)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-secondary\/20:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--ui-secondary) 20%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-success\/10:hover:not([data-selected]) {
        background-color:var(--ui-success)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-success\/10:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--ui-success) 10%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-success\/20:hover:not([data-selected]) {
        background-color:var(--ui-success)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-success\/20:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--ui-success) 20%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-violet\/10:hover:not([data-selected]) {
        background-color:#8644ff1a
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-violet\/10:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--color-violet) 10%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-violet\/20:hover:not([data-selected]) {
        background-color:#8644ff33
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-violet\/20:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--color-violet) 20%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-warning\/10:hover:not([data-selected]) {
        background-color:var(--ui-warning)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-warning\/10:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--ui-warning) 10%,transparent)
        }
      }
      .hover\:not-data-\[selected\]\:bg-warning\/20:hover:not([data-selected]) {
        background-color:var(--ui-warning)
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:not-data-\[selected\]\:bg-warning\/20:hover:not([data-selected]) {
          background-color:color-mix(in oklab,var(--ui-warning) 20%,transparent)
        }
      }
      .hover\:before\:bg-elevated\/50:hover:before {
        content:var(--tw-content);
        background-color:#1b1f2580
      }
      @supports (color:color-mix(in lab,red,red)) {
        .hover\:before\:bg-elevated\/50:hover:before {
          background-color:color-mix(in oklab,var(--ui-bg-elevated) 50%,transparent)
        }
      }
      .hover\:after\:bg-\(--ui-border-accented\):hover:after {
        content:var(--tw-content);
        background-color:var(--ui-border-accented)
      }
    }
    .focus\:bg-accented:focus {
      background-color:var(--ui-bg-accented)
    }
    .focus\:bg-accented\/50:focus {
      background-color:#ffffff0a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus\:bg-accented\/50:focus {
        background-color:color-mix(in oklab,var(--ui-bg-accented) 50%,transparent)
      }
    }
    .focus\:bg-elevated:focus {
      background-color:var(--ui-bg-elevated)
    }
    .focus\:bg-transparent:focus {
      background-color:#0000
    }
    .focus\:ring-0:focus {
      --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)
    }
    .focus\:ring-0:focus,
    .focus\:ring-2:focus {
      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-2:focus {
      --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)
    }
    .focus\:ring-amber:focus {
      --tw-ring-color:var(--ui-amber)
    }
    .focus\:ring-caution:focus {
      --tw-ring-color:var(--ui-caution)
    }
    .focus\:ring-error:focus {
      --tw-ring-color:var(--ui-error)
    }
    .focus\:ring-info:focus {
      --tw-ring-color:var(--ui-info)
    }
    .focus\:ring-inverted:focus {
      --tw-ring-color:var(--ui-border-inverted)
    }
    .focus\:ring-primary:focus {
      --tw-ring-color:var(--ui-primary)
    }
    .focus\:ring-purple:focus {
      --tw-ring-color:var(--color-purple)
    }
    .focus\:ring-secondary:focus {
      --tw-ring-color:var(--ui-secondary)
    }
    .focus\:ring-success:focus {
      --tw-ring-color:var(--ui-success)
    }
    .focus\:ring-violet:focus {
      --tw-ring-color:var(--color-violet)
    }
    .focus\:ring-warning:focus {
      --tw-ring-color:var(--ui-warning)
    }
    .focus\:outline-none:focus {
      --tw-outline-style:none;
      outline-style:none
    }
    .focus\:ring-inset:focus {
      --tw-ring-inset:inset
    }
    @media(hover:hover) {
      .group-hover\:focus\:bg-accented:is(:where(.group):hover *):focus {
        background-color:var(--ui-bg-accented)
      }
    }
    .focus-visible\:z-\[1\]:focus-visible {
      z-index:1
    }
    .focus-visible\:bg-accented\/75:focus-visible {
      background-color:#ffffff0f
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-accented\/75:focus-visible {
        background-color:color-mix(in oklab,var(--ui-bg-accented) 75%,transparent)
      }
    }
    .focus-visible\:bg-amber\/10:focus-visible {
      background-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-amber\/10:focus-visible {
        background-color:color-mix(in oklab,var(--ui-amber) 10%,transparent)
      }
    }
    .focus-visible\:bg-amber\/15:focus-visible {
      background-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-amber\/15:focus-visible {
        background-color:color-mix(in oklab,var(--ui-amber) 15%,transparent)
      }
    }
    .focus-visible\:bg-caution\/10:focus-visible {
      background-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-caution\/10:focus-visible {
        background-color:color-mix(in oklab,var(--ui-caution) 10%,transparent)
      }
    }
    .focus-visible\:bg-caution\/15:focus-visible {
      background-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-caution\/15:focus-visible {
        background-color:color-mix(in oklab,var(--ui-caution) 15%,transparent)
      }
    }
    .focus-visible\:bg-default\/10:focus-visible {
      background-color:#090d141a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-default\/10:focus-visible {
        background-color:color-mix(in oklab,var(--ui-bg) 10%,transparent)
      }
    }
    .focus-visible\:bg-elevated:focus-visible {
      background-color:var(--ui-bg-elevated)
    }
    .focus-visible\:bg-error\/10:focus-visible {
      background-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-error\/10:focus-visible {
        background-color:color-mix(in oklab,var(--ui-error) 10%,transparent)
      }
    }
    .focus-visible\:bg-error\/15:focus-visible {
      background-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-error\/15:focus-visible {
        background-color:color-mix(in oklab,var(--ui-error) 15%,transparent)
      }
    }
    .focus-visible\:bg-info\/10:focus-visible {
      background-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-info\/10:focus-visible {
        background-color:color-mix(in oklab,var(--ui-info) 10%,transparent)
      }
    }
    .focus-visible\:bg-info\/15:focus-visible {
      background-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-info\/15:focus-visible {
        background-color:color-mix(in oklab,var(--ui-info) 15%,transparent)
      }
    }
    .focus-visible\:bg-primary\/10:focus-visible {
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-primary\/10:focus-visible {
        background-color:color-mix(in oklab,var(--ui-primary) 10%,transparent)
      }
    }
    .focus-visible\:bg-primary\/15:focus-visible {
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-primary\/15:focus-visible {
        background-color:color-mix(in oklab,var(--ui-primary) 15%,transparent)
      }
    }
    .focus-visible\:bg-purple\/10:focus-visible {
      background-color:#f14af41a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-purple\/10:focus-visible {
        background-color:color-mix(in oklab,var(--color-purple) 10%,transparent)
      }
    }
    .focus-visible\:bg-purple\/15:focus-visible {
      background-color:#f14af426
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-purple\/15:focus-visible {
        background-color:color-mix(in oklab,var(--color-purple) 15%,transparent)
      }
    }
    .focus-visible\:bg-secondary\/10:focus-visible {
      background-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-secondary\/10:focus-visible {
        background-color:color-mix(in oklab,var(--ui-secondary) 10%,transparent)
      }
    }
    .focus-visible\:bg-secondary\/15:focus-visible {
      background-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-secondary\/15:focus-visible {
        background-color:color-mix(in oklab,var(--ui-secondary) 15%,transparent)
      }
    }
    .focus-visible\:bg-success\/10:focus-visible {
      background-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-success\/10:focus-visible {
        background-color:color-mix(in oklab,var(--ui-success) 10%,transparent)
      }
    }
    .focus-visible\:bg-success\/15:focus-visible {
      background-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-success\/15:focus-visible {
        background-color:color-mix(in oklab,var(--ui-success) 15%,transparent)
      }
    }
    .focus-visible\:bg-violet\/10:focus-visible {
      background-color:#8644ff1a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-violet\/10:focus-visible {
        background-color:color-mix(in oklab,var(--color-violet) 10%,transparent)
      }
    }
    .focus-visible\:bg-violet\/15:focus-visible {
      background-color:#8644ff26
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-violet\/15:focus-visible {
        background-color:color-mix(in oklab,var(--color-violet) 15%,transparent)
      }
    }
    .focus-visible\:bg-warning\/10:focus-visible {
      background-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-warning\/10:focus-visible {
        background-color:color-mix(in oklab,var(--ui-warning) 10%,transparent)
      }
    }
    .focus-visible\:bg-warning\/15:focus-visible {
      background-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:bg-warning\/15:focus-visible {
        background-color:color-mix(in oklab,var(--ui-warning) 15%,transparent)
      }
    }
    .focus-visible\:bg-none:focus-visible {
      background-image:none
    }
    .focus-visible\:ring-0:focus-visible {
      --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(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-1:focus-visible {
      --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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-2:focus-visible {
      --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-visible\:ring-amber:focus-visible {
      --tw-ring-color:var(--ui-amber)
    }
    .focus-visible\:ring-caution:focus-visible {
      --tw-ring-color:var(--ui-caution)
    }
    .focus-visible\:ring-error:focus-visible {
      --tw-ring-color:var(--ui-error)
    }
    .focus-visible\:ring-info:focus-visible {
      --tw-ring-color:var(--ui-info)
    }
    .focus-visible\:ring-inverted:focus-visible {
      --tw-ring-color:var(--ui-border-inverted)
    }
    .focus-visible\:ring-muted:focus-visible {
      --tw-ring-color:var(--ui-border-muted)
    }
    .focus-visible\:ring-primary:focus-visible {
      --tw-ring-color:var(--ui-primary)
    }
    .focus-visible\:ring-purple:focus-visible {
      --tw-ring-color:var(--color-purple)
    }
    .focus-visible\:ring-secondary:focus-visible {
      --tw-ring-color:var(--ui-secondary)
    }
    .focus-visible\:ring-success:focus-visible {
      --tw-ring-color:var(--ui-success)
    }
    .focus-visible\:ring-violet:focus-visible {
      --tw-ring-color:var(--color-violet)
    }
    .focus-visible\:ring-warning:focus-visible {
      --tw-ring-color:var(--ui-warning)
    }
    .focus-visible\:outline-2:focus-visible {
      outline-style:var(--tw-outline-style);
      outline-width:2px
    }
    .focus-visible\:outline-offset-2:focus-visible {
      outline-offset:2px
    }
    .focus-visible\:outline-amber:focus-visible,
    .focus-visible\:outline-amber\/50:focus-visible {
      outline-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:outline-amber\/50:focus-visible {
        outline-color:color-mix(in oklab,var(--ui-amber) 50%,transparent)
      }
    }
    .focus-visible\:outline-caution:focus-visible,
    .focus-visible\:outline-caution\/50:focus-visible {
      outline-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:outline-caution\/50:focus-visible {
        outline-color:color-mix(in oklab,var(--ui-caution) 50%,transparent)
      }
    }
    .focus-visible\:outline-error:focus-visible,
    .focus-visible\:outline-error\/50:focus-visible {
      outline-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:outline-error\/50:focus-visible {
        outline-color:color-mix(in oklab,var(--ui-error) 50%,transparent)
      }
    }
    .focus-visible\:outline-info:focus-visible,
    .focus-visible\:outline-info\/50:focus-visible {
      outline-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:outline-info\/50:focus-visible {
        outline-color:color-mix(in oklab,var(--ui-info) 50%,transparent)
      }
    }
    .focus-visible\:outline-inverted:focus-visible {
      outline-color:var(--ui-border-inverted)
    }
    .focus-visible\:outline-inverted\/50:focus-visible {
      outline-color:#ffffff80
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:outline-inverted\/50:focus-visible {
        outline-color:color-mix(in oklab,var(--ui-border-inverted) 50%,transparent)
      }
    }
    .focus-visible\:outline-primary:focus-visible,
    .focus-visible\:outline-primary\/50:focus-visible {
      outline-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:outline-primary\/50:focus-visible {
        outline-color:color-mix(in oklab,var(--ui-primary) 50%,transparent)
      }
    }
    .focus-visible\:outline-purple:focus-visible {
      outline-color:var(--color-purple)
    }
    .focus-visible\:outline-purple\/50:focus-visible {
      outline-color:#f14af480
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:outline-purple\/50:focus-visible {
        outline-color:color-mix(in oklab,var(--color-purple) 50%,transparent)
      }
    }
    .focus-visible\:outline-secondary:focus-visible,
    .focus-visible\:outline-secondary\/50:focus-visible {
      outline-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:outline-secondary\/50:focus-visible {
        outline-color:color-mix(in oklab,var(--ui-secondary) 50%,transparent)
      }
    }
    .focus-visible\:outline-success:focus-visible,
    .focus-visible\:outline-success\/50:focus-visible {
      outline-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:outline-success\/50:focus-visible {
        outline-color:color-mix(in oklab,var(--ui-success) 50%,transparent)
      }
    }
    .focus-visible\:outline-violet:focus-visible {
      outline-color:var(--color-violet)
    }
    .focus-visible\:outline-violet\/50:focus-visible {
      outline-color:#8644ff80
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:outline-violet\/50:focus-visible {
        outline-color:color-mix(in oklab,var(--color-violet) 50%,transparent)
      }
    }
    .focus-visible\:outline-warning:focus-visible,
    .focus-visible\:outline-warning\/50:focus-visible {
      outline-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .focus-visible\:outline-warning\/50:focus-visible {
        outline-color:color-mix(in oklab,var(--ui-warning) 50%,transparent)
      }
    }
    .focus-visible\:outline-none:focus-visible {
      --tw-outline-style:none;
      outline-style:none
    }
    .focus-visible\:ring-inset:focus-visible {
      --tw-ring-inset:inset
    }
    .focus-visible\:before\:ring-2:focus-visible:before {
      content:var(--tw-content);
      --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-visible\:before\:ring-amber:focus-visible:before {
      content:var(--tw-content);
      --tw-ring-color:var(--ui-amber)
    }
    .focus-visible\:before\:ring-caution:focus-visible:before {
      content:var(--tw-content);
      --tw-ring-color:var(--ui-caution)
    }
    .focus-visible\:before\:ring-error:focus-visible:before {
      content:var(--tw-content);
      --tw-ring-color:var(--ui-error)
    }
    .focus-visible\:before\:ring-info:focus-visible:before {
      content:var(--tw-content);
      --tw-ring-color:var(--ui-info)
    }
    .focus-visible\:before\:ring-inverted:focus-visible:before {
      content:var(--tw-content);
      --tw-ring-color:var(--ui-border-inverted)
    }
    .focus-visible\:before\:ring-primary:focus-visible:before {
      content:var(--tw-content);
      --tw-ring-color:var(--ui-primary)
    }
    .focus-visible\:before\:ring-purple:focus-visible:before {
      content:var(--tw-content);
      --tw-ring-color:var(--color-purple)
    }
    .focus-visible\:before\:ring-secondary:focus-visible:before {
      content:var(--tw-content);
      --tw-ring-color:var(--ui-secondary)
    }
    .focus-visible\:before\:ring-success:focus-visible:before {
      content:var(--tw-content);
      --tw-ring-color:var(--ui-success)
    }
    .focus-visible\:before\:ring-violet:focus-visible:before {
      content:var(--tw-content);
      --tw-ring-color:var(--color-violet)
    }
    .focus-visible\:before\:ring-warning:focus-visible:before {
      content:var(--tw-content);
      --tw-ring-color:var(--ui-warning)
    }
    .focus-visible\:before\:ring-inset:focus-visible:before {
      content:var(--tw-content);
      --tw-ring-inset:inset
    }
    .active\:bg-accented\/75:active {
      background-color:#ffffff0f
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-accented\/75:active {
        background-color:color-mix(in oklab,var(--ui-bg-accented) 75%,transparent)
      }
    }
    .active\:bg-amber\/10:active {
      background-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-amber\/10:active {
        background-color:color-mix(in oklab,var(--ui-amber) 10%,transparent)
      }
    }
    .active\:bg-amber\/15:active {
      background-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-amber\/15:active {
        background-color:color-mix(in oklab,var(--ui-amber) 15%,transparent)
      }
    }
    .active\:bg-amber\/75:active {
      background-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-amber\/75:active {
        background-color:color-mix(in oklab,var(--ui-amber) 75%,transparent)
      }
    }
    .active\:bg-caution\/10:active {
      background-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-caution\/10:active {
        background-color:color-mix(in oklab,var(--ui-caution) 10%,transparent)
      }
    }
    .active\:bg-caution\/15:active {
      background-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-caution\/15:active {
        background-color:color-mix(in oklab,var(--ui-caution) 15%,transparent)
      }
    }
    .active\:bg-caution\/75:active {
      background-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-caution\/75:active {
        background-color:color-mix(in oklab,var(--ui-caution) 75%,transparent)
      }
    }
    .active\:bg-elevated:active {
      background-color:var(--ui-bg-elevated)
    }
    .active\:bg-error\/10:active {
      background-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-error\/10:active {
        background-color:color-mix(in oklab,var(--ui-error) 10%,transparent)
      }
    }
    .active\:bg-error\/15:active {
      background-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-error\/15:active {
        background-color:color-mix(in oklab,var(--ui-error) 15%,transparent)
      }
    }
    .active\:bg-error\/75:active {
      background-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-error\/75:active {
        background-color:color-mix(in oklab,var(--ui-error) 75%,transparent)
      }
    }
    .active\:bg-info\/10:active {
      background-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-info\/10:active {
        background-color:color-mix(in oklab,var(--ui-info) 10%,transparent)
      }
    }
    .active\:bg-info\/15:active {
      background-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-info\/15:active {
        background-color:color-mix(in oklab,var(--ui-info) 15%,transparent)
      }
    }
    .active\:bg-info\/75:active {
      background-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-info\/75:active {
        background-color:color-mix(in oklab,var(--ui-info) 75%,transparent)
      }
    }
    .active\:bg-inverted\/90:active {
      background-color:#ffffffe6
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-inverted\/90:active {
        background-color:color-mix(in oklab,var(--ui-bg-inverted) 90%,transparent)
      }
    }
    .active\:bg-primary\/10:active {
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-primary\/10:active {
        background-color:color-mix(in oklab,var(--ui-primary) 10%,transparent)
      }
    }
    .active\:bg-primary\/15:active {
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-primary\/15:active {
        background-color:color-mix(in oklab,var(--ui-primary) 15%,transparent)
      }
    }
    .active\:bg-primary\/75:active {
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-primary\/75:active {
        background-color:color-mix(in oklab,var(--ui-primary) 75%,transparent)
      }
    }
    .active\:bg-purple\/10:active {
      background-color:#f14af41a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-purple\/10:active {
        background-color:color-mix(in oklab,var(--color-purple) 10%,transparent)
      }
    }
    .active\:bg-purple\/15:active {
      background-color:#f14af426
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-purple\/15:active {
        background-color:color-mix(in oklab,var(--color-purple) 15%,transparent)
      }
    }
    .active\:bg-purple\/75:active {
      background-color:#f14af4bf
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-purple\/75:active {
        background-color:color-mix(in oklab,var(--color-purple) 75%,transparent)
      }
    }
    .active\:bg-secondary\/10:active {
      background-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-secondary\/10:active {
        background-color:color-mix(in oklab,var(--ui-secondary) 10%,transparent)
      }
    }
    .active\:bg-secondary\/15:active {
      background-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-secondary\/15:active {
        background-color:color-mix(in oklab,var(--ui-secondary) 15%,transparent)
      }
    }
    .active\:bg-secondary\/75:active {
      background-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-secondary\/75:active {
        background-color:color-mix(in oklab,var(--ui-secondary) 75%,transparent)
      }
    }
    .active\:bg-success\/10:active {
      background-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-success\/10:active {
        background-color:color-mix(in oklab,var(--ui-success) 10%,transparent)
      }
    }
    .active\:bg-success\/15:active {
      background-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-success\/15:active {
        background-color:color-mix(in oklab,var(--ui-success) 15%,transparent)
      }
    }
    .active\:bg-success\/75:active {
      background-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-success\/75:active {
        background-color:color-mix(in oklab,var(--ui-success) 75%,transparent)
      }
    }
    .active\:bg-violet\/10:active {
      background-color:#8644ff1a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-violet\/10:active {
        background-color:color-mix(in oklab,var(--color-violet) 10%,transparent)
      }
    }
    .active\:bg-violet\/15:active {
      background-color:#8644ff26
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-violet\/15:active {
        background-color:color-mix(in oklab,var(--color-violet) 15%,transparent)
      }
    }
    .active\:bg-violet\/75:active {
      background-color:#8644ffbf
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-violet\/75:active {
        background-color:color-mix(in oklab,var(--color-violet) 75%,transparent)
      }
    }
    .active\:bg-warning\/10:active {
      background-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-warning\/10:active {
        background-color:color-mix(in oklab,var(--ui-warning) 10%,transparent)
      }
    }
    .active\:bg-warning\/15:active {
      background-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-warning\/15:active {
        background-color:color-mix(in oklab,var(--ui-warning) 15%,transparent)
      }
    }
    .active\:bg-warning\/75:active {
      background-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:bg-warning\/75:active {
        background-color:color-mix(in oklab,var(--ui-warning) 75%,transparent)
      }
    }
    .active\:text-amber\/75:active {
      color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:text-amber\/75:active {
        color:color-mix(in oklab,var(--ui-amber) 75%,transparent)
      }
    }
    .active\:text-caution\/75:active {
      color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:text-caution\/75:active {
        color:color-mix(in oklab,var(--ui-caution) 75%,transparent)
      }
    }
    .active\:text-default:active {
      color:var(--ui-text)
    }
    .active\:text-error\/75:active {
      color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:text-error\/75:active {
        color:color-mix(in oklab,var(--ui-error) 75%,transparent)
      }
    }
    .active\:text-info\/75:active {
      color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:text-info\/75:active {
        color:color-mix(in oklab,var(--ui-info) 75%,transparent)
      }
    }
    .active\:text-primary\/75:active {
      color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:text-primary\/75:active {
        color:color-mix(in oklab,var(--ui-primary) 75%,transparent)
      }
    }
    .active\:text-purple\/75:active {
      color:#f14af4bf
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:text-purple\/75:active {
        color:color-mix(in oklab,var(--color-purple) 75%,transparent)
      }
    }
    .active\:text-secondary\/75:active {
      color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:text-secondary\/75:active {
        color:color-mix(in oklab,var(--ui-secondary) 75%,transparent)
      }
    }
    .active\:text-success\/75:active {
      color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:text-success\/75:active {
        color:color-mix(in oklab,var(--ui-success) 75%,transparent)
      }
    }
    .active\:text-violet\/75:active {
      color:#8644ffbf
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:text-violet\/75:active {
        color:color-mix(in oklab,var(--color-violet) 75%,transparent)
      }
    }
    .active\:text-warning\/75:active {
      color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .active\:text-warning\/75:active {
        color:color-mix(in oklab,var(--ui-warning) 75%,transparent)
      }
    }
    .disabled\:pointer-events-none:disabled {
      pointer-events:none
    }
    .disabled\:cursor-default:disabled {
      cursor:default
    }
    .disabled\:cursor-not-allowed:disabled {
      cursor:not-allowed
    }
    .disabled\:bg-accented:disabled {
      background-color:var(--ui-bg-accented)
    }
    .disabled\:bg-amber:disabled,
    .disabled\:bg-amber\/10:disabled {
      background-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .disabled\:bg-amber\/10:disabled {
        background-color:color-mix(in oklab,var(--ui-amber) 10%,transparent)
      }
    }
    .disabled\:bg-caution:disabled,
    .disabled\:bg-caution\/10:disabled {
      background-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .disabled\:bg-caution\/10:disabled {
        background-color:color-mix(in oklab,var(--ui-caution) 10%,transparent)
      }
    }
    .disabled\:bg-default:disabled {
      background-color:var(--ui-bg)
    }
    .disabled\:bg-elevated:disabled {
      background-color:var(--ui-bg-elevated)
    }
    .disabled\:bg-elevated\/50:disabled {
      background-color:#1b1f2580
    }
    @supports (color:color-mix(in lab,red,red)) {
      .disabled\:bg-elevated\/50:disabled {
        background-color:color-mix(in oklab,var(--ui-bg-elevated) 50%,transparent)
      }
    }
    .disabled\:bg-error:disabled,
    .disabled\:bg-error\/10:disabled {
      background-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .disabled\:bg-error\/10:disabled {
        background-color:color-mix(in oklab,var(--ui-error) 10%,transparent)
      }
    }
    .disabled\:bg-info:disabled,
    .disabled\:bg-info\/10:disabled {
      background-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .disabled\:bg-info\/10:disabled {
        background-color:color-mix(in oklab,var(--ui-info) 10%,transparent)
      }
    }
    .disabled\:bg-inverted:disabled {
      background-color:var(--ui-bg-inverted)
    }
    .disabled\:bg-muted\/50:disabled {
      background-color:#ffffff05
    }
    @supports (color:color-mix(in lab,red,red)) {
      .disabled\:bg-muted\/50:disabled {
        background-color:color-mix(in oklab,var(--ui-bg-muted) 50%,transparent)
      }
    }
    .disabled\:bg-primary:disabled,
    .disabled\:bg-primary\/10:disabled {
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .disabled\:bg-primary\/10:disabled {
        background-color:color-mix(in oklab,var(--ui-primary) 10%,transparent)
      }
    }
    .disabled\:bg-purple:disabled {
      background-color:var(--color-purple)
    }
    .disabled\:bg-purple\/10:disabled {
      background-color:#f14af41a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .disabled\:bg-purple\/10:disabled {
        background-color:color-mix(in oklab,var(--color-purple) 10%,transparent)
      }
    }
    .disabled\:bg-secondary:disabled,
    .disabled\:bg-secondary\/10:disabled {
      background-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .disabled\:bg-secondary\/10:disabled {
        background-color:color-mix(in oklab,var(--ui-secondary) 10%,transparent)
      }
    }
    .disabled\:bg-success:disabled,
    .disabled\:bg-success\/10:disabled {
      background-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .disabled\:bg-success\/10:disabled {
        background-color:color-mix(in oklab,var(--ui-success) 10%,transparent)
      }
    }
    .disabled\:bg-transparent:disabled {
      background-color:#0000
    }
    .disabled\:bg-violet:disabled {
      background-color:var(--color-violet)
    }
    .disabled\:bg-violet\/10:disabled {
      background-color:#8644ff1a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .disabled\:bg-violet\/10:disabled {
        background-color:color-mix(in oklab,var(--color-violet) 10%,transparent)
      }
    }
    .disabled\:bg-warning:disabled,
    .disabled\:bg-warning\/10:disabled {
      background-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .disabled\:bg-warning\/10:disabled {
        background-color:color-mix(in oklab,var(--ui-warning) 10%,transparent)
      }
    }
    .disabled\:text-amber:disabled {
      color:var(--ui-amber)
    }
    .disabled\:text-caution:disabled {
      color:var(--ui-caution)
    }
    .disabled\:text-error:disabled {
      color:var(--ui-error)
    }
    .disabled\:text-info:disabled {
      color:var(--ui-info)
    }
    .disabled\:text-muted:disabled {
      color:var(--ui-text-muted)
    }
    .disabled\:text-primary:disabled {
      color:var(--ui-primary)
    }
    .disabled\:text-purple:disabled {
      color:var(--color-purple)
    }
    .disabled\:text-secondary:disabled {
      color:var(--ui-secondary)
    }
    .disabled\:text-success:disabled {
      color:var(--ui-success)
    }
    .disabled\:text-violet:disabled {
      color:var(--color-violet)
    }
    .disabled\:text-warning:disabled {
      color:var(--ui-warning)
    }
    .disabled\:opacity-50:disabled {
      opacity:.5
    }
    .disabled\:opacity-75:disabled {
      opacity:.75
    }
    @media(hover:hover) {
      .hover\:disabled\:bg-transparent:hover:disabled {
        background-color:#0000
      }
      .disabled\:hover\:text-muted:disabled:hover {
        color:var(--ui-text-muted)
      }
    }
    .has-focus\:bg-elevated:has(:focus) {
      background-color:var(--ui-bg-elevated)
    }
    .has-focus-visible\:z-\[1\]:has(:focus-visible) {
      z-index:1
    }
    .has-focus-visible\:ring-2:has(:focus-visible) {
      --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)
    }
    .has-focus-visible\:ring-amber:has(:focus-visible) {
      --tw-ring-color:var(--ui-amber)
    }
    .has-focus-visible\:ring-caution:has(:focus-visible) {
      --tw-ring-color:var(--ui-caution)
    }
    .has-focus-visible\:ring-error:has(:focus-visible) {
      --tw-ring-color:var(--ui-error)
    }
    .has-focus-visible\:ring-info:has(:focus-visible) {
      --tw-ring-color:var(--ui-info)
    }
    .has-focus-visible\:ring-inverted:has(:focus-visible) {
      --tw-ring-color:var(--ui-border-inverted)
    }
    .has-focus-visible\:ring-primary:has(:focus-visible) {
      --tw-ring-color:var(--ui-primary)
    }
    .has-focus-visible\:ring-purple:has(:focus-visible) {
      --tw-ring-color:var(--color-purple)
    }
    .has-focus-visible\:ring-secondary:has(:focus-visible) {
      --tw-ring-color:var(--ui-secondary)
    }
    .has-focus-visible\:ring-success:has(:focus-visible) {
      --tw-ring-color:var(--ui-success)
    }
    .has-focus-visible\:ring-violet:has(:focus-visible) {
      --tw-ring-color:var(--color-violet)
    }
    .has-focus-visible\:ring-warning:has(:focus-visible) {
      --tw-ring-color:var(--ui-warning)
    }
    .has-focus-visible\:ring-inset:has(:focus-visible) {
      --tw-ring-inset:inset
    }
    .has-data-\[state\=checked\]\:z-\[1\]:has([data-state=checked]) {
      z-index:1
    }
    .has-data-\[state\=checked\]\:border-amber:has([data-state=checked]),
    .has-data-\[state\=checked\]\:border-amber\/50:has([data-state=checked]) {
      border-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:border-amber\/50:has([data-state=checked]) {
        border-color:color-mix(in oklab,var(--ui-amber) 50%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:border-caution:has([data-state=checked]),
    .has-data-\[state\=checked\]\:border-caution\/50:has([data-state=checked]) {
      border-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:border-caution\/50:has([data-state=checked]) {
        border-color:color-mix(in oklab,var(--ui-caution) 50%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:border-error:has([data-state=checked]),
    .has-data-\[state\=checked\]\:border-error\/50:has([data-state=checked]) {
      border-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:border-error\/50:has([data-state=checked]) {
        border-color:color-mix(in oklab,var(--ui-error) 50%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:border-info:has([data-state=checked]),
    .has-data-\[state\=checked\]\:border-info\/50:has([data-state=checked]) {
      border-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:border-info\/50:has([data-state=checked]) {
        border-color:color-mix(in oklab,var(--ui-info) 50%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:border-inverted:has([data-state=checked]) {
      border-color:var(--ui-border-inverted)
    }
    .has-data-\[state\=checked\]\:border-inverted\/50:has([data-state=checked]) {
      border-color:#ffffff80
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:border-inverted\/50:has([data-state=checked]) {
        border-color:color-mix(in oklab,var(--ui-border-inverted) 50%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:border-primary:has([data-state=checked]),
    .has-data-\[state\=checked\]\:border-primary\/50:has([data-state=checked]) {
      border-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:border-primary\/50:has([data-state=checked]) {
        border-color:color-mix(in oklab,var(--ui-primary) 50%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:border-purple:has([data-state=checked]) {
      border-color:var(--color-purple)
    }
    .has-data-\[state\=checked\]\:border-purple\/50:has([data-state=checked]) {
      border-color:#f14af480
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:border-purple\/50:has([data-state=checked]) {
        border-color:color-mix(in oklab,var(--color-purple) 50%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:border-secondary:has([data-state=checked]),
    .has-data-\[state\=checked\]\:border-secondary\/50:has([data-state=checked]) {
      border-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:border-secondary\/50:has([data-state=checked]) {
        border-color:color-mix(in oklab,var(--ui-secondary) 50%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:border-success:has([data-state=checked]),
    .has-data-\[state\=checked\]\:border-success\/50:has([data-state=checked]) {
      border-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:border-success\/50:has([data-state=checked]) {
        border-color:color-mix(in oklab,var(--ui-success) 50%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:border-violet:has([data-state=checked]) {
      border-color:var(--color-violet)
    }
    .has-data-\[state\=checked\]\:border-violet\/50:has([data-state=checked]) {
      border-color:#8644ff80
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:border-violet\/50:has([data-state=checked]) {
        border-color:color-mix(in oklab,var(--color-violet) 50%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:border-warning:has([data-state=checked]),
    .has-data-\[state\=checked\]\:border-warning\/50:has([data-state=checked]) {
      border-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:border-warning\/50:has([data-state=checked]) {
        border-color:color-mix(in oklab,var(--ui-warning) 50%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:bg-amber\/10:has([data-state=checked]) {
      background-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:bg-amber\/10:has([data-state=checked]) {
        background-color:color-mix(in oklab,var(--ui-amber) 10%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:bg-caution\/10:has([data-state=checked]) {
      background-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:bg-caution\/10:has([data-state=checked]) {
        background-color:color-mix(in oklab,var(--ui-caution) 10%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:bg-elevated:has([data-state=checked]) {
      background-color:var(--ui-bg-elevated)
    }
    .has-data-\[state\=checked\]\:bg-error\/10:has([data-state=checked]) {
      background-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:bg-error\/10:has([data-state=checked]) {
        background-color:color-mix(in oklab,var(--ui-error) 10%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:bg-info\/10:has([data-state=checked]) {
      background-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:bg-info\/10:has([data-state=checked]) {
        background-color:color-mix(in oklab,var(--ui-info) 10%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:bg-primary\/10:has([data-state=checked]) {
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:bg-primary\/10:has([data-state=checked]) {
        background-color:color-mix(in oklab,var(--ui-primary) 10%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:bg-purple\/10:has([data-state=checked]) {
      background-color:#f14af41a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:bg-purple\/10:has([data-state=checked]) {
        background-color:color-mix(in oklab,var(--color-purple) 10%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:bg-secondary\/10:has([data-state=checked]) {
      background-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:bg-secondary\/10:has([data-state=checked]) {
        background-color:color-mix(in oklab,var(--ui-secondary) 10%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:bg-success\/10:has([data-state=checked]) {
      background-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:bg-success\/10:has([data-state=checked]) {
        background-color:color-mix(in oklab,var(--ui-success) 10%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:bg-violet\/10:has([data-state=checked]) {
      background-color:#8644ff1a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:bg-violet\/10:has([data-state=checked]) {
        background-color:color-mix(in oklab,var(--color-violet) 10%,transparent)
      }
    }
    .has-data-\[state\=checked\]\:bg-warning\/10:has([data-state=checked]) {
      background-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .has-data-\[state\=checked\]\:bg-warning\/10:has([data-state=checked]) {
        background-color:color-mix(in oklab,var(--ui-warning) 10%,transparent)
      }
    }
    .aria-disabled\:cursor-not-allowed[aria-disabled=true] {
      cursor:not-allowed
    }
    .aria-disabled\:bg-accented[aria-disabled=true] {
      background-color:var(--ui-bg-accented)
    }
    .aria-disabled\:bg-amber[aria-disabled=true],
    .aria-disabled\:bg-amber\/10[aria-disabled=true] {
      background-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .aria-disabled\:bg-amber\/10[aria-disabled=true] {
        background-color:color-mix(in oklab,var(--ui-amber) 10%,transparent)
      }
    }
    .aria-disabled\:bg-caution[aria-disabled=true],
    .aria-disabled\:bg-caution\/10[aria-disabled=true] {
      background-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .aria-disabled\:bg-caution\/10[aria-disabled=true] {
        background-color:color-mix(in oklab,var(--ui-caution) 10%,transparent)
      }
    }
    .aria-disabled\:bg-default[aria-disabled=true] {
      background-color:var(--ui-bg)
    }
    .aria-disabled\:bg-elevated[aria-disabled=true] {
      background-color:var(--ui-bg-elevated)
    }
    .aria-disabled\:bg-error[aria-disabled=true],
    .aria-disabled\:bg-error\/10[aria-disabled=true] {
      background-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .aria-disabled\:bg-error\/10[aria-disabled=true] {
        background-color:color-mix(in oklab,var(--ui-error) 10%,transparent)
      }
    }
    .aria-disabled\:bg-info[aria-disabled=true],
    .aria-disabled\:bg-info\/10[aria-disabled=true] {
      background-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .aria-disabled\:bg-info\/10[aria-disabled=true] {
        background-color:color-mix(in oklab,var(--ui-info) 10%,transparent)
      }
    }
    .aria-disabled\:bg-inverted[aria-disabled=true] {
      background-color:var(--ui-bg-inverted)
    }
    .aria-disabled\:bg-muted\/50[aria-disabled=true] {
      background-color:#ffffff05
    }
    @supports (color:color-mix(in lab,red,red)) {
      .aria-disabled\:bg-muted\/50[aria-disabled=true] {
        background-color:color-mix(in oklab,var(--ui-bg-muted) 50%,transparent)
      }
    }
    .aria-disabled\:bg-primary[aria-disabled=true],
    .aria-disabled\:bg-primary\/10[aria-disabled=true] {
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .aria-disabled\:bg-primary\/10[aria-disabled=true] {
        background-color:color-mix(in oklab,var(--ui-primary) 10%,transparent)
      }
    }
    .aria-disabled\:bg-purple[aria-disabled=true] {
      background-color:var(--color-purple)
    }
    .aria-disabled\:bg-purple\/10[aria-disabled=true] {
      background-color:#f14af41a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .aria-disabled\:bg-purple\/10[aria-disabled=true] {
        background-color:color-mix(in oklab,var(--color-purple) 10%,transparent)
      }
    }
    .aria-disabled\:bg-secondary[aria-disabled=true],
    .aria-disabled\:bg-secondary\/10[aria-disabled=true] {
      background-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .aria-disabled\:bg-secondary\/10[aria-disabled=true] {
        background-color:color-mix(in oklab,var(--ui-secondary) 10%,transparent)
      }
    }
    .aria-disabled\:bg-success[aria-disabled=true],
    .aria-disabled\:bg-success\/10[aria-disabled=true] {
      background-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .aria-disabled\:bg-success\/10[aria-disabled=true] {
        background-color:color-mix(in oklab,var(--ui-success) 10%,transparent)
      }
    }
    .aria-disabled\:bg-transparent[aria-disabled=true] {
      background-color:#0000
    }
    .aria-disabled\:bg-violet[aria-disabled=true] {
      background-color:var(--color-violet)
    }
    .aria-disabled\:bg-violet\/10[aria-disabled=true] {
      background-color:#8644ff1a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .aria-disabled\:bg-violet\/10[aria-disabled=true] {
        background-color:color-mix(in oklab,var(--color-violet) 10%,transparent)
      }
    }
    .aria-disabled\:bg-warning[aria-disabled=true],
    .aria-disabled\:bg-warning\/10[aria-disabled=true] {
      background-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .aria-disabled\:bg-warning\/10[aria-disabled=true] {
        background-color:color-mix(in oklab,var(--ui-warning) 10%,transparent)
      }
    }
    .aria-disabled\:text-amber[aria-disabled=true] {
      color:var(--ui-amber)
    }
    .aria-disabled\:text-caution[aria-disabled=true] {
      color:var(--ui-caution)
    }
    .aria-disabled\:text-error[aria-disabled=true] {
      color:var(--ui-error)
    }
    .aria-disabled\:text-info[aria-disabled=true] {
      color:var(--ui-info)
    }
    .aria-disabled\:text-muted[aria-disabled=true] {
      color:var(--ui-text-muted)
    }
    .aria-disabled\:text-primary[aria-disabled=true] {
      color:var(--ui-primary)
    }
    .aria-disabled\:text-purple[aria-disabled=true] {
      color:var(--color-purple)
    }
    .aria-disabled\:text-secondary[aria-disabled=true] {
      color:var(--ui-secondary)
    }
    .aria-disabled\:text-success[aria-disabled=true] {
      color:var(--ui-success)
    }
    .aria-disabled\:text-violet[aria-disabled=true] {
      color:var(--color-violet)
    }
    .aria-disabled\:text-warning[aria-disabled=true] {
      color:var(--ui-warning)
    }
    .aria-disabled\:opacity-75[aria-disabled=true] {
      opacity:.75
    }
    @media(hover:hover) {
      .hover\:aria-disabled\:bg-transparent:hover[aria-disabled=true] {
        background-color:#0000
      }
    }
    .data-disabled\:cursor-not-allowed[data-disabled] {
      cursor:not-allowed
    }
    .data-disabled\:text-muted[data-disabled] {
      color:var(--ui-text-muted)
    }
    .data-disabled\:opacity-75[data-disabled] {
      opacity:.75
    }
    .data-highlighted\:text-amber[data-highlighted] {
      color:var(--ui-amber)
    }
    .data-highlighted\:text-caution[data-highlighted] {
      color:var(--ui-caution)
    }
    .data-highlighted\:text-error[data-highlighted] {
      color:var(--ui-error)
    }
    .data-highlighted\:text-highlighted[data-highlighted] {
      color:var(--ui-text-highlighted)
    }
    .data-highlighted\:text-info[data-highlighted] {
      color:var(--ui-info)
    }
    .data-highlighted\:text-primary[data-highlighted] {
      color:var(--ui-primary)
    }
    .data-highlighted\:text-purple[data-highlighted] {
      color:var(--color-purple)
    }
    .data-highlighted\:text-secondary[data-highlighted] {
      color:var(--ui-secondary)
    }
    .data-highlighted\:text-success[data-highlighted] {
      color:var(--ui-success)
    }
    .data-highlighted\:text-violet[data-highlighted] {
      color:var(--color-violet)
    }
    .data-highlighted\:text-warning[data-highlighted] {
      color:var(--ui-warning)
    }
    .data-highlighted\:not-data-disabled\:text-highlighted[data-highlighted]:not([data-disabled]) {
      color:var(--ui-text-highlighted)
    }
    .data-highlighted\:before\:rounded-\[12px\][data-highlighted]:before {
      content:var(--tw-content);
      border-radius:12px
    }
    .data-highlighted\:before\:bg-accented[data-highlighted]:before {
      content:var(--tw-content);
      background-color:var(--ui-bg-accented)
    }
    .data-highlighted\:before\:bg-amber\/10[data-highlighted]:before {
      content:var(--tw-content);
      background-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-highlighted\:before\:bg-amber\/10[data-highlighted]:before {
        background-color:color-mix(in oklab,var(--ui-amber) 10%,transparent)
      }
    }
    .data-highlighted\:before\:bg-caution\/10[data-highlighted]:before {
      content:var(--tw-content);
      background-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-highlighted\:before\:bg-caution\/10[data-highlighted]:before {
        background-color:color-mix(in oklab,var(--ui-caution) 10%,transparent)
      }
    }
    .data-highlighted\:before\:bg-elevated\/50[data-highlighted]:before {
      content:var(--tw-content);
      background-color:#1b1f2580
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-highlighted\:before\:bg-elevated\/50[data-highlighted]:before {
        background-color:color-mix(in oklab,var(--ui-bg-elevated) 50%,transparent)
      }
    }
    .data-highlighted\:before\:bg-error\/10[data-highlighted]:before {
      content:var(--tw-content);
      background-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-highlighted\:before\:bg-error\/10[data-highlighted]:before {
        background-color:color-mix(in oklab,var(--ui-error) 10%,transparent)
      }
    }
    .data-highlighted\:before\:bg-info\/10[data-highlighted]:before {
      content:var(--tw-content);
      background-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-highlighted\:before\:bg-info\/10[data-highlighted]:before {
        background-color:color-mix(in oklab,var(--ui-info) 10%,transparent)
      }
    }
    .data-highlighted\:before\:bg-primary\/10[data-highlighted]:before {
      content:var(--tw-content);
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-highlighted\:before\:bg-primary\/10[data-highlighted]:before {
        background-color:color-mix(in oklab,var(--ui-primary) 10%,transparent)
      }
    }
    .data-highlighted\:before\:bg-purple\/10[data-highlighted]:before {
      content:var(--tw-content);
      background-color:#f14af41a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-highlighted\:before\:bg-purple\/10[data-highlighted]:before {
        background-color:color-mix(in oklab,var(--color-purple) 10%,transparent)
      }
    }
    .data-highlighted\:before\:bg-secondary\/10[data-highlighted]:before {
      content:var(--tw-content);
      background-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-highlighted\:before\:bg-secondary\/10[data-highlighted]:before {
        background-color:color-mix(in oklab,var(--ui-secondary) 10%,transparent)
      }
    }
    .data-highlighted\:before\:bg-success\/10[data-highlighted]:before {
      content:var(--tw-content);
      background-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-highlighted\:before\:bg-success\/10[data-highlighted]:before {
        background-color:color-mix(in oklab,var(--ui-success) 10%,transparent)
      }
    }
    .data-highlighted\:before\:bg-violet\/10[data-highlighted]:before {
      content:var(--tw-content);
      background-color:#8644ff1a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-highlighted\:before\:bg-violet\/10[data-highlighted]:before {
        background-color:color-mix(in oklab,var(--color-violet) 10%,transparent)
      }
    }
    .data-highlighted\:before\:bg-warning\/10[data-highlighted]:before {
      content:var(--tw-content);
      background-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-highlighted\:before\:bg-warning\/10[data-highlighted]:before {
        background-color:color-mix(in oklab,var(--ui-warning) 10%,transparent)
      }
    }
    .data-highlighted\:not-data-disabled\:before\:bg-accented[data-highlighted]:not([data-disabled]):before {
      content:var(--tw-content);
      background-color:var(--ui-bg-accented)
    }
    .data-highlighted\:not-data-disabled\:before\:bg-elevated\/50[data-highlighted]:not([data-disabled]):before {
      content:var(--tw-content);
      background-color:#1b1f2580
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-highlighted\:not-data-disabled\:before\:bg-elevated\/50[data-highlighted]:not([data-disabled]):before {
        background-color:color-mix(in oklab,var(--ui-bg-elevated) 50%,transparent)
      }
    }
    .data-invalid\:text-error[data-invalid] {
      color:var(--ui-error)
    }
    .data-placeholder\:text-dimmed[data-placeholder] {
      color:var(--ui-text-dimmed)
    }
    .data-today\:font-semibold[data-today] {
      --tw-font-weight:var(--font-weight-semibold);
      font-weight:var(--font-weight-semibold)
    }
    .data-today\:not-data-\[selected\]\:text-amber[data-today]:not([data-selected]) {
      color:var(--ui-amber)
    }
    .data-today\:not-data-\[selected\]\:text-caution[data-today]:not([data-selected]) {
      color:var(--ui-caution)
    }
    .data-today\:not-data-\[selected\]\:text-error[data-today]:not([data-selected]) {
      color:var(--ui-error)
    }
    .data-today\:not-data-\[selected\]\:text-highlighted[data-today]:not([data-selected]) {
      color:var(--ui-text-highlighted)
    }
    .data-today\:not-data-\[selected\]\:text-info[data-today]:not([data-selected]) {
      color:var(--ui-info)
    }
    .data-today\:not-data-\[selected\]\:text-primary[data-today]:not([data-selected]) {
      color:var(--ui-primary)
    }
    .data-today\:not-data-\[selected\]\:text-purple[data-today]:not([data-selected]) {
      color:var(--color-purple)
    }
    .data-today\:not-data-\[selected\]\:text-secondary[data-today]:not([data-selected]) {
      color:var(--ui-secondary)
    }
    .data-today\:not-data-\[selected\]\:text-success[data-today]:not([data-selected]) {
      color:var(--ui-success)
    }
    .data-today\:not-data-\[selected\]\:text-violet[data-today]:not([data-selected]) {
      color:var(--color-violet)
    }
    .data-today\:not-data-\[selected\]\:text-warning[data-today]:not([data-selected]) {
      color:var(--ui-warning)
    }
    .data-unavailable\:pointer-events-none[data-unavailable] {
      pointer-events:none
    }
    .data-unavailable\:text-muted[data-unavailable] {
      color:var(--ui-text-muted)
    }
    .data-unavailable\:line-through[data-unavailable] {
      text-decoration-line:line-through
    }
    .data-\[disabled\]\:cursor-not-allowed[data-disabled] {
      cursor:not-allowed
    }
    .data-\[disabled\]\:opacity-75[data-disabled] {
      opacity:.75
    }
    .data-\[dragging\=true\]\:bg-elevated\/25[data-dragging=true] {
      background-color:#1b1f2540
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[dragging\=true\]\:bg-elevated\/25[data-dragging=true] {
        background-color:color-mix(in oklab,var(--ui-bg-elevated) 25%,transparent)
      }
    }
    .data-\[expanded\=true\]\:h-\(--height\)[data-expanded=true] {
      height:var(--height)
    }
    :is(.data-\[front\=false\]\:\*\:transition-opacity[data-front=false]>*) {
      transition-property:opacity;
      transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
      transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    :is(.data-\[front\=false\]\:\*\:duration-100[data-front=false]>*) {
      --tw-duration:.1s;
      transition-duration:.1s
    }
    .data-\[expanded\=false\]\:data-\[front\=false\]\:h-\(--front-height\)[data-expanded=false][data-front=false] {
      height:var(--front-height)
    }
    :is(.data-\[expanded\=false\]\:data-\[front\=false\]\:\*\:opacity-0[data-expanded=false][data-front=false]>*) {
      opacity:0
    }
    .data-\[highlighted\]\:bg-amber\/10[data-highlighted] {
      background-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-amber\/10[data-highlighted] {
        background-color:color-mix(in oklab,var(--ui-amber) 10%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-amber\/20[data-highlighted] {
      background-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-amber\/20[data-highlighted] {
        background-color:color-mix(in oklab,var(--ui-amber) 20%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-caution\/10[data-highlighted] {
      background-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-caution\/10[data-highlighted] {
        background-color:color-mix(in oklab,var(--ui-caution) 10%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-caution\/20[data-highlighted] {
      background-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-caution\/20[data-highlighted] {
        background-color:color-mix(in oklab,var(--ui-caution) 20%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-error\/10[data-highlighted] {
      background-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-error\/10[data-highlighted] {
        background-color:color-mix(in oklab,var(--ui-error) 10%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-error\/20[data-highlighted] {
      background-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-error\/20[data-highlighted] {
        background-color:color-mix(in oklab,var(--ui-error) 20%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-info\/10[data-highlighted] {
      background-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-info\/10[data-highlighted] {
        background-color:color-mix(in oklab,var(--ui-info) 10%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-info\/20[data-highlighted] {
      background-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-info\/20[data-highlighted] {
        background-color:color-mix(in oklab,var(--ui-info) 20%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-inverted\/10[data-highlighted] {
      background-color:#ffffff1a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-inverted\/10[data-highlighted] {
        background-color:color-mix(in oklab,var(--ui-bg-inverted) 10%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-inverted\/20[data-highlighted] {
      background-color:#fff3
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-inverted\/20[data-highlighted] {
        background-color:color-mix(in oklab,var(--ui-bg-inverted) 20%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-primary\/10[data-highlighted] {
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-primary\/10[data-highlighted] {
        background-color:color-mix(in oklab,var(--ui-primary) 10%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-primary\/20[data-highlighted] {
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-primary\/20[data-highlighted] {
        background-color:color-mix(in oklab,var(--ui-primary) 20%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-purple\/10[data-highlighted] {
      background-color:#f14af41a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-purple\/10[data-highlighted] {
        background-color:color-mix(in oklab,var(--color-purple) 10%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-purple\/20[data-highlighted] {
      background-color:#f14af433
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-purple\/20[data-highlighted] {
        background-color:color-mix(in oklab,var(--color-purple) 20%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-secondary\/10[data-highlighted] {
      background-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-secondary\/10[data-highlighted] {
        background-color:color-mix(in oklab,var(--ui-secondary) 10%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-secondary\/20[data-highlighted] {
      background-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-secondary\/20[data-highlighted] {
        background-color:color-mix(in oklab,var(--ui-secondary) 20%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-success\/10[data-highlighted] {
      background-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-success\/10[data-highlighted] {
        background-color:color-mix(in oklab,var(--ui-success) 10%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-success\/20[data-highlighted] {
      background-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-success\/20[data-highlighted] {
        background-color:color-mix(in oklab,var(--ui-success) 20%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-violet\/10[data-highlighted] {
      background-color:#8644ff1a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-violet\/10[data-highlighted] {
        background-color:color-mix(in oklab,var(--color-violet) 10%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-violet\/20[data-highlighted] {
      background-color:#8644ff33
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-violet\/20[data-highlighted] {
        background-color:color-mix(in oklab,var(--color-violet) 20%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-warning\/10[data-highlighted] {
      background-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-warning\/10[data-highlighted] {
        background-color:color-mix(in oklab,var(--ui-warning) 10%,transparent)
      }
    }
    .data-\[highlighted\]\:bg-warning\/20[data-highlighted] {
      background-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[highlighted\]\:bg-warning\/20[data-highlighted] {
        background-color:color-mix(in oklab,var(--ui-warning) 20%,transparent)
      }
    }
    .data-\[motion\=from-end\]\:animate-\[enter-from-right_200ms_ease\][data-motion=from-end] {
      animation:enter-from-right .2s
    }
    .data-\[motion\=from-start\]\:animate-\[enter-from-left_200ms_ease\][data-motion=from-start] {
      animation:enter-from-left .2s
    }
    .data-\[motion\=to-end\]\:animate-\[exit-to-right_200ms_ease\][data-motion=to-end] {
      animation:exit-to-right .2s
    }
    .data-\[motion\=to-start\]\:animate-\[exit-to-left_200ms_ease\][data-motion=to-start] {
      animation:exit-to-left .2s
    }
    .data-\[outside-view\]\:text-muted[data-outside-view] {
      color:var(--ui-text-muted)
    }
    .data-\[segment\=day\]\:w-8[data-segment=day] {
      width:calc(var(--spacing)*8)
    }
    .data-\[segment\=day\]\:w-9[data-segment=day] {
      width:calc(var(--spacing)*9)
    }
    .data-\[segment\=day\]\:w-10[data-segment=day] {
      width:calc(var(--spacing)*10)
    }
    .data-\[segment\=literal\]\:text-muted[data-segment=literal] {
      color:var(--ui-text-muted)
    }
    .data-\[segment\=month\]\:w-8[data-segment=month] {
      width:calc(var(--spacing)*8)
    }
    .data-\[segment\=month\]\:w-9[data-segment=month] {
      width:calc(var(--spacing)*9)
    }
    .data-\[segment\=month\]\:w-10[data-segment=month],
    .data-\[segment\=year\]\:w-10[data-segment=year] {
      width:calc(var(--spacing)*10)
    }
    .data-\[segment\=year\]\:w-11[data-segment=year] {
      width:calc(var(--spacing)*11)
    }
    .data-\[segment\=year\]\:w-12[data-segment=year] {
      width:calc(var(--spacing)*12)
    }
    .data-\[selected\]\:bg-amber[data-selected],
    .data-\[selected\]\:bg-amber\/10[data-selected] {
      background-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:bg-amber\/10[data-selected] {
        background-color:color-mix(in oklab,var(--ui-amber) 10%,transparent)
      }
    }
    .data-\[selected\]\:bg-caution[data-selected],
    .data-\[selected\]\:bg-caution\/10[data-selected] {
      background-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:bg-caution\/10[data-selected] {
        background-color:color-mix(in oklab,var(--ui-caution) 10%,transparent)
      }
    }
    .data-\[selected\]\:bg-default[data-selected] {
      background-color:var(--ui-bg)
    }
    .data-\[selected\]\:bg-elevated[data-selected] {
      background-color:var(--ui-bg-elevated)
    }
    .data-\[selected\]\:bg-error[data-selected],
    .data-\[selected\]\:bg-error\/10[data-selected] {
      background-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:bg-error\/10[data-selected] {
        background-color:color-mix(in oklab,var(--ui-error) 10%,transparent)
      }
    }
    .data-\[selected\]\:bg-info[data-selected],
    .data-\[selected\]\:bg-info\/10[data-selected] {
      background-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:bg-info\/10[data-selected] {
        background-color:color-mix(in oklab,var(--ui-info) 10%,transparent)
      }
    }
    .data-\[selected\]\:bg-inverted[data-selected] {
      background-color:var(--ui-bg-inverted)
    }
    .data-\[selected\]\:bg-primary[data-selected],
    .data-\[selected\]\:bg-primary\/10[data-selected] {
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:bg-primary\/10[data-selected] {
        background-color:color-mix(in oklab,var(--ui-primary) 10%,transparent)
      }
    }
    .data-\[selected\]\:bg-purple[data-selected] {
      background-color:var(--color-purple)
    }
    .data-\[selected\]\:bg-purple\/10[data-selected] {
      background-color:#f14af41a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:bg-purple\/10[data-selected] {
        background-color:color-mix(in oklab,var(--color-purple) 10%,transparent)
      }
    }
    .data-\[selected\]\:bg-secondary[data-selected],
    .data-\[selected\]\:bg-secondary\/10[data-selected] {
      background-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:bg-secondary\/10[data-selected] {
        background-color:color-mix(in oklab,var(--ui-secondary) 10%,transparent)
      }
    }
    .data-\[selected\]\:bg-success[data-selected],
    .data-\[selected\]\:bg-success\/10[data-selected] {
      background-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:bg-success\/10[data-selected] {
        background-color:color-mix(in oklab,var(--ui-success) 10%,transparent)
      }
    }
    .data-\[selected\]\:bg-violet[data-selected] {
      background-color:var(--color-violet)
    }
    .data-\[selected\]\:bg-violet\/10[data-selected] {
      background-color:#8644ff1a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:bg-violet\/10[data-selected] {
        background-color:color-mix(in oklab,var(--color-violet) 10%,transparent)
      }
    }
    .data-\[selected\]\:bg-warning[data-selected],
    .data-\[selected\]\:bg-warning\/10[data-selected] {
      background-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:bg-warning\/10[data-selected] {
        background-color:color-mix(in oklab,var(--ui-warning) 10%,transparent)
      }
    }
    .data-\[selected\]\:text-amber[data-selected] {
      color:var(--ui-amber)
    }
    .data-\[selected\]\:text-caution[data-selected] {
      color:var(--ui-caution)
    }
    .data-\[selected\]\:text-default[data-selected] {
      color:var(--ui-text)
    }
    .data-\[selected\]\:text-error[data-selected] {
      color:var(--ui-error)
    }
    .data-\[selected\]\:text-info[data-selected] {
      color:var(--ui-info)
    }
    .data-\[selected\]\:text-inverted[data-selected] {
      color:var(--ui-text-inverted)
    }
    .data-\[selected\]\:text-primary[data-selected] {
      color:var(--ui-primary)
    }
    .data-\[selected\]\:text-purple[data-selected] {
      color:var(--color-purple)
    }
    .data-\[selected\]\:text-secondary[data-selected] {
      color:var(--ui-secondary)
    }
    .data-\[selected\]\:text-success[data-selected] {
      color:var(--ui-success)
    }
    .data-\[selected\]\:text-violet[data-selected] {
      color:var(--color-violet)
    }
    .data-\[selected\]\:text-warning[data-selected] {
      color:var(--ui-warning)
    }
    .data-\[selected\]\:ring[data-selected] {
      --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)
    }
    .data-\[selected\]\:ring-accented[data-selected] {
      --tw-ring-color:var(--ui-border-accented)
    }
    .data-\[selected\]\:ring-amber\/25[data-selected] {
      --tw-ring-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-amber\/25[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--ui-amber) 25%,transparent)
      }
    }
    .data-\[selected\]\:ring-amber\/50[data-selected] {
      --tw-ring-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-amber\/50[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--ui-amber) 50%,transparent)
      }
    }
    .data-\[selected\]\:ring-caution\/25[data-selected] {
      --tw-ring-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-caution\/25[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--ui-caution) 25%,transparent)
      }
    }
    .data-\[selected\]\:ring-caution\/50[data-selected] {
      --tw-ring-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-caution\/50[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--ui-caution) 50%,transparent)
      }
    }
    .data-\[selected\]\:ring-error\/25[data-selected] {
      --tw-ring-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-error\/25[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--ui-error) 25%,transparent)
      }
    }
    .data-\[selected\]\:ring-error\/50[data-selected] {
      --tw-ring-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-error\/50[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--ui-error) 50%,transparent)
      }
    }
    .data-\[selected\]\:ring-info\/25[data-selected] {
      --tw-ring-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-info\/25[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--ui-info) 25%,transparent)
      }
    }
    .data-\[selected\]\:ring-info\/50[data-selected] {
      --tw-ring-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-info\/50[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--ui-info) 50%,transparent)
      }
    }
    .data-\[selected\]\:ring-primary\/25[data-selected] {
      --tw-ring-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-primary\/25[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--ui-primary) 25%,transparent)
      }
    }
    .data-\[selected\]\:ring-primary\/50[data-selected] {
      --tw-ring-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-primary\/50[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--ui-primary) 50%,transparent)
      }
    }
    .data-\[selected\]\:ring-purple\/25[data-selected] {
      --tw-ring-color:#f14af440
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-purple\/25[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--color-purple) 25%,transparent)
      }
    }
    .data-\[selected\]\:ring-purple\/50[data-selected] {
      --tw-ring-color:#f14af480
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-purple\/50[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--color-purple) 50%,transparent)
      }
    }
    .data-\[selected\]\:ring-secondary\/25[data-selected] {
      --tw-ring-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-secondary\/25[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--ui-secondary) 25%,transparent)
      }
    }
    .data-\[selected\]\:ring-secondary\/50[data-selected] {
      --tw-ring-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-secondary\/50[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--ui-secondary) 50%,transparent)
      }
    }
    .data-\[selected\]\:ring-success\/25[data-selected] {
      --tw-ring-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-success\/25[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--ui-success) 25%,transparent)
      }
    }
    .data-\[selected\]\:ring-success\/50[data-selected] {
      --tw-ring-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-success\/50[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--ui-success) 50%,transparent)
      }
    }
    .data-\[selected\]\:ring-violet\/25[data-selected] {
      --tw-ring-color:#8644ff40
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-violet\/25[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--color-violet) 25%,transparent)
      }
    }
    .data-\[selected\]\:ring-violet\/50[data-selected] {
      --tw-ring-color:#8644ff80
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-violet\/50[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--color-violet) 50%,transparent)
      }
    }
    .data-\[selected\]\:ring-warning\/25[data-selected] {
      --tw-ring-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-warning\/25[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--ui-warning) 25%,transparent)
      }
    }
    .data-\[selected\]\:ring-warning\/50[data-selected] {
      --tw-ring-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\]\:ring-warning\/50[data-selected] {
        --tw-ring-color:color-mix(in oklab,var(--ui-warning) 50%,transparent)
      }
    }
    .data-\[selected\]\:ring-inset[data-selected] {
      --tw-ring-inset:inset
    }
    .data-\[selected\=true\]\:bg-elevated\/50[data-selected=true] {
      background-color:#1b1f2580
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[selected\=true\]\:bg-elevated\/50[data-selected=true] {
        background-color:color-mix(in oklab,var(--ui-bg-elevated) 50%,transparent)
      }
    }
    .data-\[state\=\\\"active\\\"\]\:bg-accented[data-state='"active"'] {
      background-color:var(--ui-bg-accented)
    }
    .data-\[state\=active\]\:bg-inverted[data-state=active] {
      background-color:var(--ui-bg-inverted)
    }
    .data-\[state\=active\]\:text-\(--ui-text\)[data-state=active] {
      color:var(--ui-text)
    }
    .data-\[state\=active\]\:text-amber[data-state=active] {
      color:var(--ui-amber)
    }
    .data-\[state\=active\]\:text-caution[data-state=active] {
      color:var(--ui-caution)
    }
    .data-\[state\=active\]\:text-error[data-state=active] {
      color:var(--ui-error)
    }
    .data-\[state\=active\]\:text-highlighted[data-state=active] {
      color:var(--ui-text-highlighted)
    }
    .data-\[state\=active\]\:text-info[data-state=active] {
      color:var(--ui-info)
    }
    .data-\[state\=active\]\:text-inverted[data-state=active] {
      color:var(--ui-text-inverted)
    }
    .data-\[state\=active\]\:text-primary[data-state=active] {
      color:var(--ui-primary)
    }
    .data-\[state\=active\]\:text-purple[data-state=active] {
      color:var(--color-purple)
    }
    .data-\[state\=active\]\:text-secondary[data-state=active] {
      color:var(--ui-secondary)
    }
    .data-\[state\=active\]\:text-success[data-state=active] {
      color:var(--ui-success)
    }
    .data-\[state\=active\]\:text-violet[data-state=active] {
      color:var(--color-violet)
    }
    .data-\[state\=active\]\:text-warning[data-state=active] {
      color:var(--ui-warning)
    }
    .data-\[state\=checked\]\:translate-x-3[data-state=checked] {
      --tw-translate-x:calc(var(--spacing)*3);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .data-\[state\=checked\]\:translate-x-3\.5[data-state=checked] {
      --tw-translate-x:calc(var(--spacing)*3.5);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .data-\[state\=checked\]\:translate-x-4[data-state=checked] {
      --tw-translate-x:calc(var(--spacing)*4);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .data-\[state\=checked\]\:translate-x-4\.5[data-state=checked] {
      --tw-translate-x:calc(var(--spacing)*4.5);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .data-\[state\=checked\]\:translate-x-5[data-state=checked] {
      --tw-translate-x:calc(var(--spacing)*5);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .data-\[state\=checked\]\:bg-amber[data-state=checked] {
      background-color:var(--ui-amber)
    }
    .data-\[state\=checked\]\:bg-caution[data-state=checked] {
      background-color:var(--ui-caution)
    }
    .data-\[state\=checked\]\:bg-error[data-state=checked] {
      background-color:var(--ui-error)
    }
    .data-\[state\=checked\]\:bg-info[data-state=checked] {
      background-color:var(--ui-info)
    }
    .data-\[state\=checked\]\:bg-inverted[data-state=checked] {
      background-color:var(--ui-bg-inverted)
    }
    .data-\[state\=checked\]\:bg-primary[data-state=checked] {
      background-color:var(--ui-primary)
    }
    .data-\[state\=checked\]\:bg-purple[data-state=checked] {
      background-color:var(--color-purple)
    }
    .data-\[state\=checked\]\:bg-secondary[data-state=checked] {
      background-color:var(--ui-secondary)
    }
    .data-\[state\=checked\]\:bg-success[data-state=checked] {
      background-color:var(--ui-success)
    }
    .data-\[state\=checked\]\:bg-violet[data-state=checked] {
      background-color:var(--color-violet)
    }
    .data-\[state\=checked\]\:bg-warning[data-state=checked] {
      background-color:var(--ui-warning)
    }
    .data-\[state\=closed\]\:animate-\[accordion-up_200ms_ease-out\][data-state=closed] {
      animation:accordion-up .2s ease-out
    }
    .data-\[state\=closed\]\:animate-\[collapsible-up_200ms_ease-out\][data-state=closed] {
      animation:collapsible-up .2s ease-out
    }
    .data-\[state\=closed\]\:animate-\[fade-out_200ms_ease-in\][data-state=closed] {
      animation:fade-out .2s ease-in
    }
    .data-\[state\=closed\]\:animate-\[scale-out_100ms_ease-in\][data-state=closed] {
      animation:scale-out .1s ease-in
    }
    .data-\[state\=closed\]\:animate-\[scale-out_200ms_ease-in\][data-state=closed] {
      animation:scale-out .2s ease-in
    }
    .data-\[state\=closed\]\:animate-\[slide-out-to-bottom_200ms_ease-in-out\][data-state=closed] {
      animation:slide-out-to-bottom .2s ease-in-out
    }
    .data-\[state\=closed\]\:animate-\[slide-out-to-left_200ms_ease-in-out\][data-state=closed] {
      animation:slide-out-to-left .2s ease-in-out
    }
    .data-\[state\=closed\]\:animate-\[slide-out-to-right_200ms_ease-in-out\][data-state=closed] {
      animation:slide-out-to-right .2s ease-in-out
    }
    .data-\[state\=closed\]\:animate-\[slide-out-to-top_200ms_ease-in-out\][data-state=closed] {
      animation:slide-out-to-top .2s ease-in-out
    }
    .data-\[state\=closed\]\:animate-\[toast-closed_200ms_ease-in-out\][data-state=closed] {
      animation:toast-closed .2s ease-in-out
    }
    .data-\[state\=closed\]\:data-\[expanded\=false\]\:data-\[front\=false\]\:animate-\[toast-collapsed-closed_200ms_ease-in-out\][data-state=closed][data-expanded=false][data-front=false] {
      animation:toast-collapsed-closed .2s ease-in-out
    }
    .data-\[state\=collapsed\]\:-right-\(--sidebar-width\)[data-state=collapsed] {
      right:calc(var(--sidebar-width)*-1)
    }
    .data-\[state\=collapsed\]\:-left-\(--sidebar-width\)[data-state=collapsed] {
      left:calc(var(--sidebar-width)*-1)
    }
    .data-\[state\=collapsed\]\:w-\(--sidebar-width-icon\)[data-state=collapsed] {
      width:var(--sidebar-width-icon)
    }
    .data-\[state\=collapsed\]\:w-0[data-state=collapsed] {
      width:calc(var(--spacing)*0)
    }
    .data-\[state\=collapsed\]\:w-\[calc\(var\(--sidebar-width-icon\)\+--spacing\(8\)\)\][data-state=collapsed] {
      width:calc(var(--sidebar-width-icon) + var(--spacing)*8)
    }
    .data-\[state\=collapsed\]\:w-\[calc\(var\(--sidebar-width-icon\)\+--spacing\(8\)\+2px\)\][data-state=collapsed] {
      width:calc(var(--sidebar-width-icon) + var(--spacing)*8 + 2px)
    }
    .data-\[state\=collapsed\]\:cursor-e-resize[data-state=collapsed] {
      cursor:e-resize
    }
    .data-\[state\=collapsed\]\:cursor-w-resize[data-state=collapsed] {
      cursor:w-resize
    }
    .data-\[state\=delayed-open\]\:animate-\[scale-in_100ms_ease-out\][data-state=delayed-open] {
      animation:scale-in .1s ease-out
    }
    .data-\[state\=hidden\]\:animate-\[fade-out_100ms_ease-in\][data-state=hidden] {
      animation:fade-out .1s ease-in
    }
    .data-\[state\=hidden\]\:opacity-0[data-state=hidden] {
      opacity:0
    }
    .data-\[state\=inactive\]\:text-muted[data-state=inactive] {
      color:var(--ui-text-muted)
    }
    @media(hover:hover) {
      .hover\:data-\[state\=inactive\]\:not-disabled\:text-default:hover[data-state=inactive]:not(:disabled) {
        color:var(--ui-text)
      }
    }
    .data-\[state\=indeterminate\]\:animate-\[carousel-inverse-vertical_2s_ease-in-out_infinite\][data-state=indeterminate] {
      animation:carousel-inverse-vertical 2s ease-in-out infinite
    }
    .data-\[state\=indeterminate\]\:animate-\[carousel-inverse_2s_ease-in-out_infinite\][data-state=indeterminate] {
      animation:carousel-inverse 2s ease-in-out infinite
    }
    .data-\[state\=indeterminate\]\:animate-\[carousel-vertical_2s_ease-in-out_infinite\][data-state=indeterminate] {
      animation:carousel-vertical 2s ease-in-out infinite
    }
    .data-\[state\=indeterminate\]\:animate-\[carousel_2s_ease-in-out_infinite\][data-state=indeterminate] {
      animation:carousel 2s ease-in-out infinite
    }
    .data-\[state\=indeterminate\]\:animate-\[elastic-vertical_2s_ease-in-out_infinite\][data-state=indeterminate] {
      animation:elastic-vertical 2s ease-in-out infinite
    }
    .data-\[state\=indeterminate\]\:animate-\[elastic_2s_ease-in-out_infinite\][data-state=indeterminate] {
      animation:elastic 2s ease-in-out infinite
    }
    .data-\[state\=indeterminate\]\:animate-\[swing-vertical_2s_ease-in-out_infinite\][data-state=indeterminate] {
      animation:swing-vertical 2s ease-in-out infinite
    }
    .data-\[state\=indeterminate\]\:animate-\[swing_2s_ease-in-out_infinite\][data-state=indeterminate] {
      animation:swing 2s ease-in-out infinite
    }
    .data-\[state\=open\]\:animate-\[accordion-down_200ms_ease-out\][data-state=open] {
      animation:accordion-down .2s ease-out
    }
    .data-\[state\=open\]\:animate-\[collapsible-down_200ms_ease-out\][data-state=open] {
      animation:collapsible-down .2s ease-out
    }
    .data-\[state\=open\]\:animate-\[fade-in_200ms_ease-out\][data-state=open] {
      animation:fade-in .2s ease-out
    }
    .data-\[state\=open\]\:animate-\[scale-in_100ms_ease-out\][data-state=open] {
      animation:scale-in .1s ease-out
    }
    .data-\[state\=open\]\:animate-\[scale-in_200ms_ease-out\][data-state=open] {
      animation:scale-in .2s ease-out
    }
    .data-\[state\=open\]\:animate-\[slide-in-from-bottom_200ms_ease-in-out\][data-state=open] {
      animation:slide-in-from-bottom .2s ease-in-out
    }
    .data-\[state\=open\]\:animate-\[slide-in-from-left_200ms_ease-in-out\][data-state=open] {
      animation:slide-in-from-left .2s ease-in-out
    }
    .data-\[state\=open\]\:animate-\[slide-in-from-right_200ms_ease-in-out\][data-state=open] {
      animation:slide-in-from-right .2s ease-in-out
    }
    .data-\[state\=open\]\:animate-\[slide-in-from-top_200ms_ease-in-out\][data-state=open] {
      animation:slide-in-from-top .2s ease-in-out
    }
    .data-\[state\=open\]\:animate-\[toast-slide-in-from-bottom_200ms_ease-in-out\][data-state=open] {
      animation:toast-slide-in-from-bottom .2s ease-in-out
    }
    .data-\[state\=open\]\:animate-\[toast-slide-in-from-top_200ms_ease-in-out\][data-state=open] {
      animation:toast-slide-in-from-top .2s ease-in-out
    }
    .data-\[state\=open\]\:bg-\(--ui-bg-elevated\)[data-state=open] {
      background-color:var(--ui-bg-elevated)
    }
    .data-\[state\=open\]\:text-highlighted[data-state=open] {
      color:var(--ui-text-highlighted)
    }
    .data-\[state\=open\]\:before\:bg-amber\/10[data-state=open]:before {
      content:var(--tw-content);
      background-color:var(--ui-amber)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[state\=open\]\:before\:bg-amber\/10[data-state=open]:before {
        background-color:color-mix(in oklab,var(--ui-amber) 10%,transparent)
      }
    }
    .data-\[state\=open\]\:before\:bg-caution\/10[data-state=open]:before {
      content:var(--tw-content);
      background-color:var(--ui-caution)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[state\=open\]\:before\:bg-caution\/10[data-state=open]:before {
        background-color:color-mix(in oklab,var(--ui-caution) 10%,transparent)
      }
    }
    .data-\[state\=open\]\:before\:bg-elevated\/50[data-state=open]:before {
      content:var(--tw-content);
      background-color:#1b1f2580
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[state\=open\]\:before\:bg-elevated\/50[data-state=open]:before {
        background-color:color-mix(in oklab,var(--ui-bg-elevated) 50%,transparent)
      }
    }
    .data-\[state\=open\]\:before\:bg-error\/10[data-state=open]:before {
      content:var(--tw-content);
      background-color:var(--ui-error)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[state\=open\]\:before\:bg-error\/10[data-state=open]:before {
        background-color:color-mix(in oklab,var(--ui-error) 10%,transparent)
      }
    }
    .data-\[state\=open\]\:before\:bg-info\/10[data-state=open]:before {
      content:var(--tw-content);
      background-color:var(--ui-info)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[state\=open\]\:before\:bg-info\/10[data-state=open]:before {
        background-color:color-mix(in oklab,var(--ui-info) 10%,transparent)
      }
    }
    .data-\[state\=open\]\:before\:bg-primary\/10[data-state=open]:before {
      content:var(--tw-content);
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[state\=open\]\:before\:bg-primary\/10[data-state=open]:before {
        background-color:color-mix(in oklab,var(--ui-primary) 10%,transparent)
      }
    }
    .data-\[state\=open\]\:before\:bg-purple\/10[data-state=open]:before {
      content:var(--tw-content);
      background-color:#f14af41a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[state\=open\]\:before\:bg-purple\/10[data-state=open]:before {
        background-color:color-mix(in oklab,var(--color-purple) 10%,transparent)
      }
    }
    .data-\[state\=open\]\:before\:bg-secondary\/10[data-state=open]:before {
      content:var(--tw-content);
      background-color:var(--ui-secondary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[state\=open\]\:before\:bg-secondary\/10[data-state=open]:before {
        background-color:color-mix(in oklab,var(--ui-secondary) 10%,transparent)
      }
    }
    .data-\[state\=open\]\:before\:bg-success\/10[data-state=open]:before {
      content:var(--tw-content);
      background-color:var(--ui-success)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[state\=open\]\:before\:bg-success\/10[data-state=open]:before {
        background-color:color-mix(in oklab,var(--ui-success) 10%,transparent)
      }
    }
    .data-\[state\=open\]\:before\:bg-violet\/10[data-state=open]:before {
      content:var(--tw-content);
      background-color:#8644ff1a
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[state\=open\]\:before\:bg-violet\/10[data-state=open]:before {
        background-color:color-mix(in oklab,var(--color-violet) 10%,transparent)
      }
    }
    .data-\[state\=open\]\:before\:bg-warning\/10[data-state=open]:before {
      content:var(--tw-content);
      background-color:var(--ui-warning)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .data-\[state\=open\]\:before\:bg-warning\/10[data-state=open]:before {
        background-color:color-mix(in oklab,var(--ui-warning) 10%,transparent)
      }
    }
    .data-\[state\=open\]\:data-\[pulsing\=even\]\:animate-\[toast-pulse-b_300ms_ease-out\][data-state=open][data-pulsing=even] {
      animation:toast-pulse-b .3s ease-out
    }
    .data-\[state\=open\]\:data-\[pulsing\=odd\]\:animate-\[toast-pulse-a_300ms_ease-out\][data-state=open][data-pulsing=odd] {
      animation:toast-pulse-a .3s ease-out
    }
    .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
      --tw-translate-x:calc(var(--spacing)*0);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .data-\[state\=unchecked\]\:bg-accented[data-state=unchecked] {
      background-color:var(--ui-bg-accented)
    }
    .data-\[state\=visible\]\:animate-\[fade-in_100ms_ease-out\][data-state=visible] {
      animation:fade-in .1s ease-out
    }
    .data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel] {
      --tw-translate-x:calc(var(--spacing)*0);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .data-\[swipe\=cancel\]\:translate-y-0[data-swipe=cancel] {
      --tw-translate-y:calc(var(--spacing)*0);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .data-\[swipe\=end\]\:translate-x-\(--reka-toast-swipe-end-x\)[data-swipe=end] {
      --tw-translate-x:var(--reka-toast-swipe-end-x);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .data-\[swipe\=end\]\:translate-y-\(--reka-toast-swipe-end-y\)[data-swipe=end] {
      --tw-translate-y:var(--reka-toast-swipe-end-y);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .data-\[swipe\=end\]\:animate-\[toast-slide-down_200ms_ease-out\][data-swipe=end] {
      animation:toast-slide-down .2s ease-out
    }
    .data-\[swipe\=end\]\:animate-\[toast-slide-left_200ms_ease-out\][data-swipe=end] {
      animation:toast-slide-left .2s ease-out
    }
    .data-\[swipe\=end\]\:animate-\[toast-slide-right_200ms_ease-out\][data-swipe=end] {
      animation:toast-slide-right .2s ease-out
    }
    .data-\[swipe\=end\]\:animate-\[toast-slide-up_200ms_ease-out\][data-swipe=end] {
      animation:toast-slide-up .2s ease-out
    }
    .data-\[swipe\=move\]\:translate-x-\(--reka-toast-swipe-move-x\)[data-swipe=move] {
      --tw-translate-x:var(--reka-toast-swipe-move-x);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .data-\[swipe\=move\]\:translate-y-\(--reka-toast-swipe-move-y\)[data-swipe=move] {
      --tw-translate-y:var(--reka-toast-swipe-move-y);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .data-\[swipe\=move\]\:transition-none[data-swipe=move] {
      transition-property:none
    }
    @media(min-width:40rem) {
      .sm\:absolute {
        position:absolute
      }
      .sm\:relative {
        position:relative
      }
      .sm\:-start-12 {
        inset-inline-start:calc(var(--spacing)*-12)
      }
      .sm\:-end-12 {
        inset-inline-end:calc(var(--spacing)*-12)
      }
      .sm\:-top-12 {
        top:calc(var(--spacing)*-12)
      }
      .sm\:-right-20 {
        right:calc(var(--spacing)*-20)
      }
      .sm\:right-4 {
        right:calc(var(--spacing)*4)
      }
      .sm\:-bottom-12 {
        bottom:calc(var(--spacing)*-12)
      }
      .sm\:z-0 {
        z-index:0
      }
      .sm\:order-2 {
        order:2
      }
      .sm\:order-\[0\] {
        order:0
      }
      .sm\:col-span-2 {
        grid-column:span 2/span 2
      }
      .sm\:col-span-3 {
        grid-column:span 3/span 3
      }
      .sm\:col-span-4 {
        grid-column:span 4/span 4
      }
      .sm\:my-10 {
        margin-block:calc(var(--spacing)*10)
      }
      .sm\:mt-20 {
        margin-top:calc(var(--spacing)*20)
      }
      .sm\:mb-4 {
        margin-bottom:calc(var(--spacing)*4)
      }
      .sm\:mb-5 {
        margin-bottom:calc(var(--spacing)*5)
      }
      .sm\:ml-auto {
        margin-left:auto
      }
      .sm\:block {
        display:block
      }
      .sm\:contents {
        display:contents
      }
      .sm\:flex {
        display:flex
      }
      .sm\:grid {
        display:grid
      }
      .sm\:hidden {
        display:none
      }
      .sm\:inline {
        display:inline
      }
      .sm\:inline-flex {
        display:inline-flex
      }
      .sm\:size-4 {
        width:calc(var(--spacing)*4);
        height:calc(var(--spacing)*4)
      }
      .sm\:size-5 {
        width:calc(var(--spacing)*5);
        height:calc(var(--spacing)*5)
      }
      .sm\:size-6 {
        width:calc(var(--spacing)*6);
        height:calc(var(--spacing)*6)
      }
      .sm\:size-7\.5 {
        width:calc(var(--spacing)*7.5);
        height:calc(var(--spacing)*7.5)
      }
      .sm\:size-8 {
        width:calc(var(--spacing)*8);
        height:calc(var(--spacing)*8)
      }
      .sm\:size-9 {
        width:calc(var(--spacing)*9);
        height:calc(var(--spacing)*9)
      }
      .sm\:size-10 {
        width:calc(var(--spacing)*10);
        height:calc(var(--spacing)*10)
      }
      .sm\:size-11 {
        width:calc(var(--spacing)*11);
        height:calc(var(--spacing)*11)
      }
      .sm\:size-12 {
        width:calc(var(--spacing)*12);
        height:calc(var(--spacing)*12)
      }
      .sm\:size-\[56px\] {
        width:56px;
        height:56px
      }
      .sm\:size-\[100px\] {
        width:100px;
        height:100px
      }
      .sm\:size-auto {
        width:auto;
        height:auto
      }
      .sm\:h-7\.5 {
        height:calc(var(--spacing)*7.5)
      }
      .sm\:h-18 {
        height:calc(var(--spacing)*18)
      }
      .sm\:h-20 {
        height:calc(var(--spacing)*20)
      }
      .sm\:h-\[28rem\] {
        height:28rem
      }
      .sm\:h-\[52px\] {
        height:52px
      }
      .sm\:h-\[60px\] {
        height:60px
      }
      .sm\:h-\[80px\] {
        height:80px
      }
      .sm\:h-\[81px\] {
        height:81px
      }
      .sm\:h-auto {
        height:auto
      }
      .sm\:max-h-\[400px\] {
        max-height:400px
      }
      .sm\:max-h-\[calc\(100dvh\)\] {
        max-height:100dvh
      }
      .sm\:max-h-\[calc\(100dvh-4rem\)\] {
        max-height:calc(100dvh - 4rem)
      }
      .sm\:min-h-0 {
        min-height:calc(var(--spacing)*0)
      }
      .sm\:\!w-\[365px\] {
        width:365px!important
      }
      .sm\:w-\(--reka-navigation-menu-viewport-width\) {
        width:var(--reka-navigation-menu-viewport-width)
      }
      .sm\:w-2\/3 {
        width:66.6667%
      }
      .sm\:w-7\.5 {
        width:calc(var(--spacing)*7.5)
      }
      .sm\:w-96 {
        width:calc(var(--spacing)*96)
      }
      .sm\:w-\[81px\] {
        width:81px
      }
      .sm\:w-\[92\%\] {
        width:92%
      }
      .sm\:w-\[316px\] {
        width:316px
      }
      .sm\:w-\[320px\] {
        width:320px
      }
      .sm\:w-\[350px\] {
        width:350px
      }
      .sm\:w-\[360px\] {
        width:360px
      }
      .sm\:w-\[400px\] {
        width:400px
      }
      .sm\:w-\[450px\] {
        width:450px
      }
      .sm\:w-\[508px\] {
        width:508px
      }
      .sm\:w-\[860px\] {
        width:860px
      }
      .sm\:w-\[1000px\] {
        width:1000px
      }
      .sm\:w-auto {
        width:auto
      }
      .sm\:w-fit {
        width:-moz-fit-content;
        width:fit-content
      }
      .sm\:w-full {
        width:100%
      }
      .sm\:w-max {
        width:-moz-max-content;
        width:max-content
      }
      .sm\:max-w-3xl {
        max-width:var(--container-3xl)
      }
      .sm\:max-w-\[85\%\] {
        max-width:85%
      }
      .sm\:max-w-\[95\%\] {
        max-width:95%
      }
      .sm\:max-w-\[440px\] {
        max-width:440px
      }
      .sm\:max-w-\[600px\] {
        max-width:600px
      }
      .sm\:max-w-\[620px\] {
        max-width:620px
      }
      .sm\:max-w-\[690px\] {
        max-width:690px
      }
      .sm\:max-w-\[720px\] {
        max-width:720px
      }
      .sm\:max-w-\[800px\] {
        max-width:800px
      }
      .sm\:max-w-\[1000px\] {
        max-width:1000px
      }
      .sm\:max-w-\[1200px\] {
        max-width:1200px
      }
      .sm\:max-w-fit {
        max-width:-moz-fit-content;
        max-width:fit-content
      }
      .sm\:max-w-lg {
        max-width:var(--container-lg)
      }
      .sm\:max-w-sm {
        max-width:var(--container-sm)
      }
      .sm\:min-w-36 {
        min-width:calc(var(--spacing)*36)
      }
      .sm\:min-w-40 {
        min-width:calc(var(--spacing)*40)
      }
      .sm\:min-w-\[240px\] {
        min-width:240px
      }
      .sm\:min-w-\[320px\] {
        min-width:320px
      }
      .sm\:flex-none {
        flex:none
      }
      .sm\:translate-y-0 {
        --tw-translate-y:calc(var(--spacing)*0);
        translate:var(--tw-translate-x) var(--tw-translate-y)
      }
      .sm\:scroll-mt-6 {
        scroll-margin-top:calc(var(--spacing)*6)
      }
      .sm\:grid-cols-1 {
        grid-template-columns:repeat(1,minmax(0,1fr))
      }
      .sm\:grid-cols-2 {
        grid-template-columns:repeat(2,minmax(0,1fr))
      }
      .sm\:grid-cols-3 {
        grid-template-columns:repeat(3,minmax(0,1fr))
      }
      .sm\:grid-cols-4 {
        grid-template-columns:repeat(4,minmax(0,1fr))
      }
      .sm\:grid-cols-5 {
        grid-template-columns:repeat(5,minmax(0,1fr))
      }
      .sm\:grid-cols-7 {
        grid-template-columns:repeat(7,minmax(0,1fr))
      }
      .sm\:grid-cols-8 {
        grid-template-columns:repeat(8,minmax(0,1fr))
      }
      .sm\:flex-col {
        flex-direction:column
      }
      .sm\:flex-row {
        flex-direction:row
      }
      .sm\:flex-nowrap {
        flex-wrap:nowrap
      }
      .sm\:flex-wrap {
        flex-wrap:wrap
      }
      .sm\:items-baseline {
        align-items:baseline
      }
      .sm\:items-center {
        align-items:center
      }
      .sm\:items-start {
        align-items:flex-start
      }
      .sm\:justify-between {
        justify-content:space-between
      }
      .sm\:justify-center {
        justify-content:center
      }
      .sm\:justify-end {
        justify-content:flex-end
      }
      .sm\:justify-normal {
        justify-content:normal
      }
      .sm\:justify-start {
        justify-content:flex-start
      }
      .sm\:gap-0 {
        gap:calc(var(--spacing)*0)
      }
      .sm\:gap-1 {
        gap:calc(var(--spacing)*1)
      }
      .sm\:gap-1\.5 {
        gap:calc(var(--spacing)*1.5)
      }
      .sm\:gap-2 {
        gap:calc(var(--spacing)*2)
      }
      .sm\:gap-2\.5 {
        gap:calc(var(--spacing)*2.5)
      }
      .sm\:gap-4 {
        gap:calc(var(--spacing)*4)
      }
      .sm\:gap-5 {
        gap:calc(var(--spacing)*5)
      }
      .sm\:gap-6 {
        gap:calc(var(--spacing)*6)
      }
      .sm\:gap-7\.5 {
        gap:calc(var(--spacing)*7.5)
      }
      .sm\:gap-8 {
        gap:calc(var(--spacing)*8)
      }
      .sm\:gap-10 {
        gap:calc(var(--spacing)*10)
      }
      .sm\:gap-12 {
        gap:calc(var(--spacing)*12)
      }
      .sm\:gap-16 {
        gap:calc(var(--spacing)*16)
      }
      .sm\:gap-\[50px\] {
        gap:50px
      }
      .sm\:gap-\[60px\] {
        gap:60px
      }
      .sm\:gap-\[80px\] {
        gap:80px
      }
      .sm\:gap-\[100px\] {
        gap:100px
      }
      .sm\:gap-\[120px\] {
        gap:120px
      }
      :where(.sm\:space-y-0>:not(:last-child)) {
        --tw-space-y-reverse:0;
        margin-block-start:calc(var(--spacing)*0*var(--tw-space-y-reverse));
        margin-block-end:calc(var(--spacing)*0*(1 - var(--tw-space-y-reverse)))
      }
      :where(.sm\:space-x-4>:not(:last-child)) {
        --tw-space-x-reverse:0;
        margin-inline-start:calc(var(--spacing)*4*var(--tw-space-x-reverse));
        margin-inline-end:calc(var(--spacing)*4*(1 - var(--tw-space-x-reverse)))
      }
      .sm\:gap-y-12 {
        row-gap:calc(var(--spacing)*12)
      }
      .sm\:gap-y-24 {
        row-gap:calc(var(--spacing)*24)
      }
      .sm\:truncate-none {
        overflow:unset;
        text-overflow:unset
      }
      .sm\:rounded-2xl {
        border-radius:var(--radius-2xl)
      }
      .sm\:rounded-5 {
        border-radius:var(--radius-5)
      }
      .sm\:rounded-\[80px\] {
        border-radius:80px
      }
      .sm\:rounded-\[100px\] {
        border-radius:100px
      }
      .sm\:rounded-l-2xl {
        border-top-left-radius:var(--radius-2xl);
        border-bottom-left-radius:var(--radius-2xl)
      }
      .sm\:rounded-l-\[10px\] {
        border-top-left-radius:10px;
        border-bottom-left-radius:10px
      }
      .sm\:rounded-l-none {
        border-top-left-radius:0;
        border-bottom-left-radius:0
      }
      .sm\:rounded-r-2xl {
        border-top-right-radius:var(--radius-2xl);
        border-bottom-right-radius:var(--radius-2xl)
      }
      .sm\:rounded-r-\[10px\] {
        border-top-right-radius:10px;
        border-bottom-right-radius:10px
      }
      .sm\:rounded-r-none {
        border-top-right-radius:0;
        border-bottom-right-radius:0
      }
      .sm\:border-t {
        border-top-style:var(--tw-border-style);
        border-top-width:1px
      }
      .sm\:border-r-0 {
        border-right-style:var(--tw-border-style);
        border-right-width:0
      }
      .sm\:border-b {
        border-bottom-style:var(--tw-border-style);
        border-bottom-width:1px
      }
      .sm\:border-l {
        border-left-style:var(--tw-border-style);
        border-left-width:1px
      }
      .sm\:border-default {
        border-color:var(--ui-border)
      }
      .sm\:bg-muted {
        background-color:var(--ui-bg-muted)
      }
      .sm\:bg-transparent {
        background-color:#0000
      }
      .sm\:p-0 {
        padding:calc(var(--spacing)*0)
      }
      .sm\:p-1 {
        padding:calc(var(--spacing)*1)
      }
      .sm\:p-2\.5 {
        padding:calc(var(--spacing)*2.5)
      }
      .sm\:p-5 {
        padding:calc(var(--spacing)*5)
      }
      .sm\:p-6 {
        padding:calc(var(--spacing)*6)
      }
      .sm\:p-7\.5 {
        padding:calc(var(--spacing)*7.5)
      }
      .sm\:p-\[60px\] {
        padding:60px
      }
      .sm\:px-0 {
        padding-inline:calc(var(--spacing)*0)
      }
      .sm\:px-5 {
        padding-inline:calc(var(--spacing)*5)
      }
      .sm\:px-6 {
        padding-inline:calc(var(--spacing)*6)
      }
      .sm\:px-7\.5 {
        padding-inline:calc(var(--spacing)*7.5)
      }
      .sm\:px-8 {
        padding-inline:calc(var(--spacing)*8)
      }
      .sm\:px-10 {
        padding-inline:calc(var(--spacing)*10)
      }
      .sm\:px-12 {
        padding-inline:calc(var(--spacing)*12)
      }
      .sm\:py-0 {
        padding-block:calc(var(--spacing)*0)
      }
      .sm\:py-5 {
        padding-block:calc(var(--spacing)*5)
      }
      .sm\:py-6 {
        padding-block:calc(var(--spacing)*6)
      }
      .sm\:py-7\.5 {
        padding-block:calc(var(--spacing)*7.5)
      }
      .sm\:py-8 {
        padding-block:calc(var(--spacing)*8)
      }
      .sm\:py-24 {
        padding-block:calc(var(--spacing)*24)
      }
      .sm\:py-32 {
        padding-block:calc(var(--spacing)*32)
      }
      .sm\:py-\[24\.6px\] {
        padding-block:24.6px
      }
      .sm\:py-\[100px\] {
        padding-block:100px
      }
      .sm\:pr-6 {
        padding-right:calc(var(--spacing)*6)
      }
      .sm\:pr-7\.5 {
        padding-right:calc(var(--spacing)*7.5)
      }
      .sm\:pl-4 {
        padding-left:calc(var(--spacing)*4)
      }
      .sm\:pl-7\.5 {
        padding-left:calc(var(--spacing)*7.5)
      }
      .sm\:text-left {
        text-align:left
      }
      .sm\:text-2xl {
        font-size:var(--text-2xl);
        line-height:var(--tw-leading,var(--text-2xl--line-height))
      }
      .sm\:text-2xl\/7\.5 {
        font-size:var(--text-2xl);
        line-height:calc(var(--spacing)*7.5)
      }
      .sm\:text-3xl {
        font-size:var(--text-3xl);
        line-height:var(--tw-leading,var(--text-3xl--line-height))
      }
      .sm\:text-4xl {
        font-size:var(--text-4xl);
        line-height:var(--tw-leading,var(--text-4xl--line-height))
      }
      .sm\:text-5xl {
        font-size:var(--text-5xl);
        line-height:var(--tw-leading,var(--text-5xl--line-height))
      }
      .sm\:text-7xl {
        font-size:var(--text-7xl);
        line-height:var(--tw-leading,var(--text-7xl--line-height))
      }
      .sm\:text-\[20px\]\/7\.5 {
        font-size:20px;
        line-height:calc(var(--spacing)*7.5)
      }
      .sm\:text-\[20px\]\/\[40px\] {
        font-size:20px;
        line-height:40px
      }
      .sm\:text-\[22px\]\/7\.5 {
        font-size:22px;
        line-height:calc(var(--spacing)*7.5)
      }
      .sm\:text-\[26px\]\/7\.5 {
        font-size:26px;
        line-height:calc(var(--spacing)*7.5)
      }
      .sm\:text-\[40px\]\/\[40px\] {
        font-size:40px;
        line-height:40px
      }
      .sm\:text-\[120px\]\/\[80px\] {
        font-size:120px;
        line-height:80px
      }
      .sm\:text-base {
        font-size:var(--text-base);
        line-height:var(--tw-leading,var(--text-base--line-height))
      }
      .sm\:text-base\/5 {
        font-size:var(--text-base);
        line-height:calc(var(--spacing)*5)
      }
      .sm\:text-lg {
        font-size:var(--text-lg);
        line-height:var(--tw-leading,var(--text-lg--line-height))
      }
      .sm\:text-lg\/5 {
        font-size:var(--text-lg);
        line-height:calc(var(--spacing)*5)
      }
      .sm\:text-lg\/7\.5 {
        font-size:var(--text-lg);
        line-height:calc(var(--spacing)*7.5)
      }
      .sm\:text-sm\/5 {
        font-size:var(--text-sm);
        line-height:calc(var(--spacing)*5)
      }
      .sm\:text-sm\/6 {
        font-size:var(--text-sm);
        line-height:calc(var(--spacing)*6)
      }
      .sm\:text-xl {
        font-size:var(--text-xl);
        line-height:var(--tw-leading,var(--text-xl--line-height))
      }
      .sm\:text-xl\/7\.5 {
        font-size:var(--text-xl);
        line-height:calc(var(--spacing)*7.5)
      }
      .sm\:text-xl\/8 {
        font-size:var(--text-xl);
        line-height:calc(var(--spacing)*8)
      }
      .sm\:text-xs {
        font-size:var(--text-xs);
        line-height:var(--tw-leading,var(--text-xs--line-height))
      }
      .sm\:text-\[20px\] {
        font-size:20px
      }
      .sm\:text-\[28px\] {
        font-size:28px
      }
      .sm\:text-\[40px\] {
        font-size:40px
      }
      .sm\:leading-10 {
        --tw-leading:calc(var(--spacing)*10);
        line-height:calc(var(--spacing)*10)
      }
      .sm\:tracking-\[-1px\] {
        --tw-tracking:-1px;
        letter-spacing:-1px
      }
      .sm\:shadow-lg {
        --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)
      }
      .sm\:ring,
      .sm\:shadow-lg {
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
      }
      .sm\:ring {
        --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)
      }
      .sm\:last\:col-span-1:last-child {
        grid-column:span 1/span 1
      }
    }
    @media(min-width:48rem) {
      .md\:col-span-1 {
        grid-column:span 1/span 1
      }
      .md\:col-span-2 {
        grid-column:span 2/span 2
      }
      .md\:col-start-2 {
        grid-column-start:2
      }
      .md\:col-start-3 {
        grid-column-start:3
      }
      .md\:mt-10 {
        margin-top:calc(var(--spacing)*10)
      }
      .md\:mt-\[60px\] {
        margin-top:60px
      }
      .md\:mt-\[100px\] {
        margin-top:100px
      }
      .md\:mt-auto {
        margin-top:auto
      }
      .md\:mb-3\.5 {
        margin-bottom:calc(var(--spacing)*3.5)
      }
      .md\:hidden {
        display:none
      }
      .md\:table {
        display:table
      }
      .md\:size-9 {
        width:calc(var(--spacing)*9);
        height:calc(var(--spacing)*9)
      }
      .md\:h-12\.5 {
        height:calc(var(--spacing)*12.5)
      }
      .md\:h-full {
        height:100%
      }
      .md\:w-12\.5 {
        width:calc(var(--spacing)*12.5)
      }
      .md\:columns-2 {
        -moz-columns:2;
        column-count:2
      }
      .md\:grid-cols-2 {
        grid-template-columns:repeat(2,minmax(0,1fr))
      }
      .md\:grid-cols-3 {
        grid-template-columns:repeat(3,minmax(0,1fr))
      }
      .md\:grid-cols-\[1fr_auto_1fr\] {
        grid-template-columns:1fr auto 1fr
      }
      .md\:flex-col {
        flex-direction:column
      }
      .md\:flex-row {
        flex-direction:row
      }
      .md\:items-center {
        align-items:center
      }
      .md\:items-start {
        align-items:flex-start
      }
      .md\:justify-between {
        justify-content:space-between
      }
      .md\:justify-end {
        justify-content:flex-end
      }
      .md\:gap-5 {
        gap:calc(var(--spacing)*5)
      }
      .md\:gap-6 {
        gap:calc(var(--spacing)*6)
      }
      .md\:gap-8 {
        gap:calc(var(--spacing)*8)
      }
      .md\:gap-10 {
        gap:calc(var(--spacing)*10)
      }
      .md\:p-5 {
        padding:calc(var(--spacing)*5)
      }
      .md\:px-10 {
        padding-inline:calc(var(--spacing)*10)
      }
      .md\:pt-6 {
        padding-top:calc(var(--spacing)*6)
      }
      .md\:text-base {
        font-size:var(--text-base);
        line-height:var(--tw-leading,var(--text-base--line-height))
      }
      .md\:text-lg {
        font-size:var(--text-lg);
        line-height:var(--tw-leading,var(--text-lg--line-height))
      }
      .md\:text-sm {
        font-size:var(--text-sm);
        line-height:var(--tw-leading,var(--text-sm--line-height))
      }
      .md\:text-xs {
        font-size:var(--text-xs);
        line-height:var(--tw-leading,var(--text-xs--line-height))
      }
      .md\:text-\[22px\] {
        font-size:22px
      }
      .md\:text-\[50px\] {
        font-size:50px
      }
      .md\:leading-10 {
        --tw-leading:calc(var(--spacing)*10);
        line-height:calc(var(--spacing)*10)
      }
    }
    @media(min-width:64rem) {
      .lg\:sticky {
        position:sticky
      }
      .lg\:top-\(--ui-header-height\) {
        top:var(--ui-header-height)
      }
      .lg\:z-\[1\] {
        z-index:1
      }
      .lg\:order-1 {
        order:1
      }
      .lg\:order-2 {
        order:2
      }
      .lg\:order-3 {
        order:3
      }
      .lg\:order-last {
        order:9999
      }
      .lg\:col-span-2 {
        grid-column:span 2/span 2
      }
      .lg\:col-span-3 {
        grid-column:span 3/span 3
      }
      .lg\:col-span-5 {
        grid-column:span 5/span 5
      }
      .lg\:col-span-6 {
        grid-column:span 6/span 6
      }
      .lg\:col-span-8 {
        grid-column:span 8/span 8
      }
      .lg\:col-span-10 {
        grid-column:span 10/span 10
      }
      .lg\:mx-auto {
        margin-inline:auto
      }
      .lg\:-ms-4 {
        margin-inline-start:calc(var(--spacing)*-4)
      }
      .lg\:me-0 {
        margin-inline-end:calc(var(--spacing)*0)
      }
      .lg\:mt-0 {
        margin-top:calc(var(--spacing)*0)
      }
      .lg\:mt-12 {
        margin-top:calc(var(--spacing)*12)
      }
      .lg\:block {
        display:block
      }
      .lg\:flex {
        display:flex
      }
      .lg\:grid {
        display:grid
      }
      .lg\:hidden {
        display:none
      }
      .lg\:inline-flex {
        display:inline-flex
      }
      .lg\:max-h-\[calc\(100vh-var\(--ui-header-height\)\)\] {
        max-height:calc(100vh - var(--ui-header-height))
      }
      .lg\:w-\(--width\) {
        width:var(--width)
      }
      .lg\:w-\[317px\] {
        width:317px
      }
      .lg\:w-full {
        width:100%
      }
      .lg\:max-w-\[880px\] {
        max-width:880px
      }
      .lg\:max-w-screen-xl {
        max-width:var(--breakpoint-xl)
      }
      .lg\:max-w-xs {
        max-width:var(--container-xs)
      }
      .lg\:flex-1 {
        flex:1
      }
      .lg\:scale-\[1\.1\] {
        scale:1.1
      }
      .lg\:columns-3 {
        -moz-columns:3;
        column-count:3
      }
      .lg\:grid-cols-2 {
        grid-template-columns:repeat(2,minmax(0,1fr))
      }
      .lg\:grid-cols-3 {
        grid-template-columns:repeat(3,minmax(0,1fr))
      }
      .lg\:grid-cols-6 {
        grid-template-columns:repeat(6,minmax(0,1fr))
      }
      .lg\:grid-cols-7 {
        grid-template-columns:repeat(7,minmax(0,1fr))
      }
      .lg\:grid-cols-10 {
        grid-template-columns:repeat(10,minmax(0,1fr))
      }
      .lg\:grid-cols-\[minmax\(410px\,410px\)_minmax\(0\,1fr\)\] {
        grid-template-columns:minmax(410px,410px) minmax(0,1fr)
      }
      .lg\:grid-cols-\[repeat\(var\(--count\)\,minmax\(0\,1fr\)\)\] {
        grid-template-columns:repeat(var(--count),minmax(0,1fr))
      }
      .lg\:flex-row {
        flex-direction:row
      }
      .lg\:items-center {
        align-items:center
      }
      .lg\:justify-between {
        justify-content:space-between
      }
      .lg\:justify-center {
        justify-content:center
      }
      .lg\:justify-end {
        justify-content:flex-end
      }
      .lg\:justify-start {
        justify-content:flex-start
      }
      .lg\:gap-10 {
        gap:calc(var(--spacing)*10)
      }
      .lg\:gap-x-3 {
        -moz-column-gap:calc(var(--spacing)*3);
        column-gap:calc(var(--spacing)*3)
      }
      .lg\:gap-x-13 {
        -moz-column-gap:calc(var(--spacing)*13);
        column-gap:calc(var(--spacing)*13)
      }
      .lg\:gap-y-16 {
        row-gap:calc(var(--spacing)*16)
      }
      :where(.lg\: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*(1 - var(--tw-divide-x-reverse)))
      }
      :where(.lg\:divide-y-0>:not(:last-child)) {
        --tw-divide-y-reverse:0;
        border-bottom-style:var(--tw-border-style);
        border-top-style:var(--tw-border-style);
        border-top-width:calc(0px*var(--tw-divide-y-reverse));
        border-bottom-width:calc(0px*(1 - var(--tw-divide-y-reverse)))
      }
      .lg\:p-6 {
        padding:calc(var(--spacing)*6)
      }
      .lg\:p-8 {
        padding:calc(var(--spacing)*8)
      }
      .lg\:px-0 {
        padding-inline:calc(var(--spacing)*0)
      }
      .lg\:px-8 {
        padding-inline:calc(var(--spacing)*8)
      }
      .lg\:px-16 {
        padding-inline:calc(var(--spacing)*16)
      }
      .lg\:py-4 {
        padding-block:calc(var(--spacing)*4)
      }
      .lg\:py-12 {
        padding-block:calc(var(--spacing)*12)
      }
      .lg\:py-24 {
        padding-block:calc(var(--spacing)*24)
      }
      .lg\:py-32 {
        padding-block:calc(var(--spacing)*32)
      }
      .lg\:py-40 {
        padding-block:calc(var(--spacing)*40)
      }
      .lg\:ps-4 {
        padding-inline-start:calc(var(--spacing)*4)
      }
      .lg\:pe-6\.5 {
        padding-inline-end:calc(var(--spacing)*6.5)
      }
      .lg\:pr-6 {
        padding-right:calc(var(--spacing)*6)
      }
      .lg\:pb-0 {
        padding-bottom:calc(var(--spacing)*0)
      }
      .lg\:text-5xl {
        font-size:var(--text-5xl);
        line-height:var(--tw-leading,var(--text-5xl--line-height))
      }
      .lg\:not-last\:border-e:not(:last-child) {
        border-inline-end-style:var(--tw-border-style);
        border-inline-end-width:1px
      }
      .lg\:not-last\:border-default:not(:last-child) {
        border-color:var(--ui-border)
      }
    }
    @media(min-width:80rem) {
      .xl\:col-span-2 {
        grid-column:span 2/span 2
      }
      .xl\:mt-0 {
        margin-top:calc(var(--spacing)*0)
      }
      .xl\:mb-0 {
        margin-bottom:calc(var(--spacing)*0)
      }
      .xl\:grid {
        display:grid
      }
      .xl\:grid-cols-3 {
        grid-template-columns:repeat(3,minmax(0,1fr))
      }
      .xl\:grid-cols-4 {
        grid-template-columns:repeat(4,minmax(0,1fr))
      }
      .xl\:grid-cols-\[minmax\(260px\,1fr\)_minmax\(420px\,1\.4fr\)\] {
        grid-template-columns:minmax(260px,1fr) minmax(420px,1.4fr)
      }
      .xl\:items-center {
        align-items:center
      }
      .xl\:gap-8 {
        gap:calc(var(--spacing)*8)
      }
      .xl\:p-10 {
        padding:calc(var(--spacing)*10)
      }
    }
    .rtl\:right-\[calc\(100\%-var\(--reka-navigation-menu-viewport-left\)-var\(--reka-navigation-menu-viewport-width\)\)\]:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *) {
      right:calc(100% - var(--reka-navigation-menu-viewport-left) - var(--reka-navigation-menu-viewport-width))
    }
    .rtl\:left-auto:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *) {
      left:auto
    }
    .rtl\:translate-x-\[4px\]:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *) {
      --tw-translate-x:4px;
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .rtl\:-rotate-90:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *) {
      rotate:-90deg
    }
    .rtl\:animate-\[marquee-rtl_var\(--duration\)_linear_infinite\]:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *) {
      animation:marquee-rtl var(--duration) linear infinite
    }
    .rtl\:animate-\[marquee-vertical-rtl_var\(--duration\)_linear_infinite\]:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *) {
      animation:marquee-vertical-rtl var(--duration) linear infinite
    }
    .rtl\:animate-\[shimmer-rtl_var\(--duration\)_linear_infinite\]:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *) {
      animation:shimmer-rtl var(--duration) linear infinite
    }
    .rtl\:flex-row:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *) {
      flex-direction:row
    }
    .rtl\:flex-row-reverse:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *) {
      flex-direction:row-reverse
    }
    .rtl\:text-right:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *) {
      text-align:right
    }
    .rtl\:after\:animate-\[carousel-inverse-rtl_2s_ease-in-out_infinite\]:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *):after {
      content:var(--tw-content);
      animation:carousel-inverse-rtl 2s ease-in-out infinite
    }
    .rtl\:after\:animate-\[carousel-rtl_2s_ease-in-out_infinite\]:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *):after {
      content:var(--tw-content);
      animation:carousel-rtl 2s ease-in-out infinite
    }
    .data-\[state\=checked\]\:rtl\:-translate-x-3[data-state=checked]:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *) {
      --tw-translate-x:calc(var(--spacing)*-3);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .data-\[state\=checked\]\:rtl\:-translate-x-3\.5[data-state=checked]:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *) {
      --tw-translate-x:calc(var(--spacing)*-3.5);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .data-\[state\=checked\]\:rtl\:-translate-x-4[data-state=checked]:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *) {
      --tw-translate-x:calc(var(--spacing)*-4);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .data-\[state\=checked\]\:rtl\:-translate-x-4\.5[data-state=checked]:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *) {
      --tw-translate-x:calc(var(--spacing)*-4.5);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .data-\[state\=checked\]\:rtl\:-translate-x-5[data-state=checked]:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *) {
      --tw-translate-x:calc(var(--spacing)*-5);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .data-\[state\=indeterminate\]\:rtl\:animate-\[carousel-inverse-rtl_2s_ease-in-out_infinite\][data-state=indeterminate]:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *) {
      animation:carousel-inverse-rtl 2s ease-in-out infinite
    }
    .data-\[state\=indeterminate\]\:rtl\:animate-\[carousel-rtl_2s_ease-in-out_infinite\][data-state=indeterminate]:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *) {
      animation:carousel-rtl 2s ease-in-out infinite
    }
    .data-\[state\=unchecked\]\:rtl\:-translate-x-0[data-state=unchecked]:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *) {
      --tw-translate-x:calc(var(--spacing)*0);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .dark\:block:where(.dark,
    .dark *) {
      display:block
    }
    .dark\:hidden:where(.dark,
    .dark *) {
      display:none
    }
    .dark\:inline-block:where(.dark,
    .dark *) {
      display:inline-block
    }
    .dark\:focus-visible\:outline-none:where(.dark,
    .dark *):focus-visible {
      --tw-outline-style:none;
      outline-style:none
    }
    .dark\:disabled\:bg-accented:where(.dark,
    .dark *):disabled {
      background-color:var(--ui-bg-accented)
    }
    .dark\:disabled\:bg-transparent:where(.dark,
    .dark *):disabled {
      background-color:#0000
    }
    .dark\:disabled\:opacity-75:where(.dark,
    .dark *):disabled {
      opacity:.75
    }
    @media(hover:hover) {
      .dark\:hover\:disabled\:bg-transparent:where(.dark,
      .dark *):hover:disabled {
        background-color:#0000
      }
    }
    .dark\:aria-disabled\:bg-transparent:where(.dark,
    .dark *)[aria-disabled=true] {
      background-color:#0000
    }
    @media(hover:hover) {
      .dark\:hover\:aria-disabled\:bg-transparent:where(.dark,
      .dark *):hover[aria-disabled=true] {
        background-color:#0000
      }
    }
    .prose-blockquote\:text-toned :where(blockquote):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:var(--ui-text-toned)
    }
    .prose-code\:rounded-md :where(code):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      border-radius:var(--radius-md)
    }
    .prose-code\:bg-accented :where(code):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      background-color:var(--ui-bg-accented)
    }
    .prose-code\:px-1\.5 :where(code):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-inline:calc(var(--spacing)*1.5)
    }
    .prose-code\:py-0\.75 :where(code):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-block:calc(var(--spacing)*.75)
    }
    .prose-code\:text-xs\/5 :where(code):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      font-size:var(--text-xs);
      line-height:calc(var(--spacing)*5)
    }
    .prose-code\:break-all :where(code):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      word-break:break-all
    }
    .prose-code\:text-toned :where(code):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      color:var(--ui-text-toned)
    }
    .prose-code\:after\:content-\[\'\'\] :where(code):not(:where([class~=not-prose],
    [class~=not-prose] *)):after,
    .prose-code\:before\:content-\[\'\'\] :where(code):not(:where([class~=not-prose],
    [class~=not-prose] *)):before {
      --tw-content:"";
      content:var(--tw-content)
    }
    .prose-li\:break-all :where(li):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      word-break:break-all
    }
    .\[\&_\.ProseMirror-selectednode\:not\(img\)\:not\(pre\)\:not\(\[data-node-view-wrapper\]\)\]\:bg-primary\/20 .ProseMirror-selectednode:not(img):not(pre):not([data-node-view-wrapper]) {
      background-color:var(--ui-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .\[\&_\.ProseMirror-selectednode\:not\(img\)\:not\(pre\)\:not\(\[data-node-view-wrapper\]\)\]\:bg-primary\/20 .ProseMirror-selectednode:not(img):not(pre):not([data-node-view-wrapper]) {
        background-color:color-mix(in oklab,var(--ui-primary) 20%,transparent)
      }
    }
    .\[\&_\.mention\]\:font-medium .mention {
      --tw-font-weight:var(--font-weight-medium);
      font-weight:var(--font-weight-medium)
    }
    .\[\&_\.mention\]\:text-primary .mention {
      color:var(--ui-primary)
    }
    .\[\&_\:is\(h1\,h2\,h3\,h4\,h5\,h6\)\]\:font-bold :is(h1,
    h2,
    h3,
    h4,
    h5,
    h6) {
      --tw-font-weight:var(--font-weight-bold);
      font-weight:var(--font-weight-bold)
    }
    .\[\&_\:is\(h1\,h2\,h3\,h4\,h5\,h6\)\]\:text-highlighted :is(h1,
    h2,
    h3,
    h4,
    h5,
    h6) {
      color:var(--ui-text-highlighted)
    }
    .\[\&_\:is\(h1\,h2\,h3\,h4\,h5\,h6\)\>code\]\:border-dashed :is(h1,
    h2,
    h3,
    h4,
    h5,
    h6)>code {
      --tw-border-style:dashed;
      border-style:dashed
    }
    .\[\&_\:is\(h1\,h2\,h3\,h4\,h5\,h6\)\>code\]\:font-bold :is(h1,
    h2,
    h3,
    h4,
    h5,
    h6)>code {
      --tw-font-weight:var(--font-weight-bold);
      font-weight:var(--font-weight-bold)
    }
    .\[\&_\:is\(p\,h1\,h2\,h3\,h4\,h5\,h6\)\.is-editor-empty\:first-child\]\:before\:pointer-events-none :is(p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6).is-editor-empty:first-child:before {
      content:var(--tw-content);
      pointer-events:none
    }
    .\[\&_\:is\(p\,h1\,h2\,h3\,h4\,h5\,h6\)\.is-editor-empty\:first-child\]\:before\:float-start :is(p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6).is-editor-empty:first-child:before {
      content:var(--tw-content);
      float:inline-start
    }
    .\[\&_\:is\(p\,h1\,h2\,h3\,h4\,h5\,h6\)\.is-editor-empty\:first-child\]\:before\:h-0 :is(p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6).is-editor-empty:first-child:before {
      content:var(--tw-content);
      height:calc(var(--spacing)*0)
    }
    .\[\&_\:is\(p\,h1\,h2\,h3\,h4\,h5\,h6\)\.is-editor-empty\:first-child\]\:before\:text-dimmed :is(p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6).is-editor-empty:first-child:before {
      content:var(--tw-content);
      color:var(--ui-text-dimmed)
    }
    .\[\&_\:is\(p\,h1\,h2\,h3\,h4\,h5\,h6\)\.is-editor-empty\:first-child\]\:before\:content-\[attr\(data-placeholder\)\] :is(p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6).is-editor-empty:first-child:before {
      --tw-content:attr(data-placeholder);
      content:var(--tw-content)
    }
    .\[\&_\:is\(p\,h1\,h2\,h3\,h4\,h5\,h6\)\.is-empty\]\:before\:pointer-events-none :is(p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6).is-empty:before {
      content:var(--tw-content);
      pointer-events:none
    }
    .\[\&_\:is\(p\,h1\,h2\,h3\,h4\,h5\,h6\)\.is-empty\]\:before\:float-start :is(p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6).is-empty:before {
      content:var(--tw-content);
      float:inline-start
    }
    .\[\&_\:is\(p\,h1\,h2\,h3\,h4\,h5\,h6\)\.is-empty\]\:before\:h-0 :is(p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6).is-empty:before {
      content:var(--tw-content);
      height:calc(var(--spacing)*0)
    }
    .\[\&_\:is\(p\,h1\,h2\,h3\,h4\,h5\,h6\)\.is-empty\]\:before\:text-dimmed :is(p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6).is-empty:before {
      content:var(--tw-content);
      color:var(--ui-text-dimmed)
    }
    .\[\&_\:is\(p\,h1\,h2\,h3\,h4\,h5\,h6\)\.is-empty\]\:before\:content-\[attr\(data-placeholder\)\] :is(p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6).is-empty:before {
      --tw-content:attr(data-placeholder);
      content:var(--tw-content)
    }
    .\[\&_\:is\(ul\,ol\)\]\:ps-6 :is(ul,
    ol) {
      padding-inline-start:calc(var(--spacing)*6)
    }
    .\[\&_\[data-type\=horizontalRule\]\]\:my-8 [data-type=horizontalRule] {
      margin-block:calc(var(--spacing)*8)
    }
    .\[\&_\[data-type\=horizontalRule\]\]\:py-2 [data-type=horizontalRule] {
      padding-block:calc(var(--spacing)*2)
    }
    .\[\&_a\]\:border-b a {
      border-bottom-style:var(--tw-border-style);
      border-bottom-width:1px
    }
    .\[\&_a\]\:border-transparent a {
      border-color:#0000
    }
    .\[\&_a\]\:font-medium a {
      --tw-font-weight:var(--font-weight-medium);
      font-weight:var(--font-weight-medium)
    }
    .\[\&_a\]\:text-primary a {
      color:var(--ui-primary)
    }
    .\[\&_a\]\:transition-colors a {
      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))
    }
    @media(hover:hover) {
      .\[\&_a\]\:hover\:border-primary a:hover {
        border-color:var(--ui-primary)
      }
    }
    .\[\&_a\:hover\>code\]\:border-primary a:hover>code {
      border-color:var(--ui-primary)
    }
    .\[\&_a\:hover\>code\]\:text-primary a:hover>code {
      color:var(--ui-primary)
    }
    .\[\&_a\>code\]\:border-dashed a>code {
      --tw-border-style:dashed;
      border-style:dashed
    }
    .\[\&_a\>code\]\:transition-colors a>code {
      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))
    }
    .\[\&_blockquote\]\:border-s-4 blockquote {
      border-inline-start-style:var(--tw-border-style);
      border-inline-start-width:4px
    }
    .\[\&_blockquote\]\:border-accented blockquote {
      border-color:var(--ui-border-accented)
    }
    .\[\&_blockquote\]\:ps-4 blockquote {
      padding-inline-start:calc(var(--spacing)*4)
    }
    .\[\&_blockquote\]\:italic blockquote {
      font-style:italic
    }
    .\[\&_code\]\:inline-block code {
      display:inline-block
    }
    .\[\&_code\]\:rounded-md code {
      border-radius:var(--radius-md)
    }
    .\[\&_code\]\:border code {
      border-style:var(--tw-border-style);
      border-width:1px
    }
    .\[\&_code\]\:border-muted code {
      border-color:var(--ui-border-muted)
    }
    .\[\&_code\]\:bg-muted code {
      background-color:var(--ui-bg-muted)
    }
    .\[\&_code\]\:px-1\.5 code {
      padding-inline:calc(var(--spacing)*1.5)
    }
    .\[\&_code\]\:py-0\.5 code {
      padding-block:calc(var(--spacing)*.5)
    }
    .\[\&_code\]\:font-mono code {
      font-family:var(--font-mono)
    }
    .\[\&_code\]\:text-sm code {
      font-size:var(--text-sm);
      line-height:var(--tw-leading,var(--text-sm--line-height))
    }
    .\[\&_code\]\:font-medium code {
      --tw-font-weight:var(--font-weight-medium);
      font-weight:var(--font-weight-medium)
    }
    .\[\&_code\]\:text-highlighted code {
      color:var(--ui-text-highlighted)
    }
    .\[\&_h1\]\:\!hidden h1 {
      display:none!important
    }
    .\[\&_h1\]\:text-3xl h1 {
      font-size:var(--text-3xl);
      line-height:var(--tw-leading,var(--text-3xl--line-height))
    }
    .\[\&_h2\]\:\!hidden h2 {
      display:none!important
    }
    .\[\&_h2\]\:text-2xl h2 {
      font-size:var(--text-2xl);
      line-height:var(--tw-leading,var(--text-2xl--line-height))
    }
    .\[\&_h2\>code\]\:text-xl\/6 h2>code {
      font-size:var(--text-xl);
      line-height:calc(var(--spacing)*6)
    }
    .\[\&_h3\]\:\!hidden h3 {
      display:none!important
    }
    .\[\&_h3\]\:text-xl h3 {
      font-size:var(--text-xl);
      line-height:var(--tw-leading,var(--text-xl--line-height))
    }
    .\[\&_h3\>code\]\:text-lg\/5 h3>code {
      font-size:var(--text-lg);
      line-height:calc(var(--spacing)*5)
    }
    .\[\&_h4\]\:text-lg h4 {
      font-size:var(--text-lg);
      line-height:var(--tw-leading,var(--text-lg--line-height))
    }
    .\[\&_h5\]\:text-base h5,
    .\[\&_h6\]\:text-base h6 {
      font-size:var(--text-base);
      line-height:var(--tw-leading,var(--text-base--line-height))
    }
    .\[\&_hr\]\:border-t hr {
      border-top-style:var(--tw-border-style);
      border-top-width:1px
    }
    .\[\&_hr\]\:border-default hr {
      border-color:var(--ui-border)
    }
    .\[\&_img\]\:block img {
      display:block
    }
    .\[\&_img\]\:max-w-full img {
      max-width:100%
    }
    .\[\&_img\]\:rounded-md img {
      border-radius:var(--radius-md)
    }
    .\[\&_img\.ProseMirror-selectednode\]\:outline-2 img.ProseMirror-selectednode {
      outline-style:var(--tw-outline-style);
      outline-width:2px
    }
    .\[\&_img\.ProseMirror-selectednode\]\:outline-primary img.ProseMirror-selectednode {
      outline-color:var(--ui-primary)
    }
    .\[\&_li\]\:my-1\.5 li {
      margin-block:calc(var(--spacing)*1.5)
    }
    .\[\&_li\]\:ps-1\.5 li {
      padding-inline-start:calc(var(--spacing)*1.5)
    }
    .\[\&_ol\]\:list-decimal ol {
      list-style-type:decimal
    }
    .\[\&_ol\]\:marker\:text-muted ol ::marker {
      color:var(--ui-text-muted)
    }
    .\[\&_ol\]\:marker\:text-muted ol::marker {
      color:var(--ui-text-muted)
    }
    .\[\&_ol\]\:marker\:text-muted ol ::-webkit-details-marker,
    .\[\&_ol\]\:marker\:text-muted ol::-webkit-details-marker {
      color:var(--ui-text-muted)
    }
    .\[\&_p\]\:leading-7 p {
      --tw-leading:calc(var(--spacing)*7);
      line-height:calc(var(--spacing)*7)
    }
    .\[\&_pre\]\:overflow-x-auto pre {
      overflow-x:auto
    }
    .\[\&_pre\]\:rounded-md pre {
      border-radius:var(--radius-md)
    }
    .\[\&_pre\]\:border pre {
      border-style:var(--tw-border-style);
      border-width:1px
    }
    .\[\&_pre\]\:border-muted pre {
      border-color:var(--ui-border-muted)
    }
    .\[\&_pre\]\:bg-muted pre {
      background-color:var(--ui-bg-muted)
    }
    .\[\&_pre\]\:px-4 pre {
      padding-inline:calc(var(--spacing)*4)
    }
    .\[\&_pre\]\:py-3 pre {
      padding-block:calc(var(--spacing)*3)
    }
    .\[\&_pre\]\:text-sm\/6 pre {
      font-size:var(--text-sm);
      line-height:calc(var(--spacing)*6)
    }
    .\[\&_pre\]\:break-words pre {
      overflow-wrap:break-word
    }
    .\[\&_pre\]\:whitespace-pre-wrap pre {
      white-space:pre-wrap
    }
    .\[\&_pre_code\]\:inline pre code {
      display:inline
    }
    .\[\&_pre_code\]\:rounded-none pre code {
      border-radius:0
    }
    .\[\&_pre_code\]\:border-0 pre code {
      border-style:var(--tw-border-style);
      border-width:0
    }
    .\[\&_pre_code\]\:bg-transparent pre code {
      background-color:#0000
    }
    .\[\&_pre_code\]\:p-0 pre code {
      padding:calc(var(--spacing)*0)
    }
    .\[\&_pre_code\]\:text-inherit pre code {
      color:inherit
    }
    .\[\&_ul\]\:\!hidden ul {
      display:none!important
    }
    .\[\&_ul\]\:list-disc ul {
      list-style-type:disc
    }
    .\[\&_ul\]\:marker\:text-\(--ui-border-accented\) ul ::marker {
      color:var(--ui-border-accented)
    }
    .\[\&_ul\]\:marker\:text-\(--ui-border-accented\) ul::marker {
      color:var(--ui-border-accented)
    }
    .\[\&_ul\]\:marker\:text-\(--ui-border-accented\) ul ::-webkit-details-marker,
    .\[\&_ul\]\:marker\:text-\(--ui-border-accented\) ul::-webkit-details-marker {
      color:var(--ui-border-accented)
    }
    .\[\&\:has\(\[role\=checkbox\]\)\]\:pe-0:has([role=checkbox]),
    .\[\:has\(\[role\=checkbox\]\)\]\:pe-0:has([role=checkbox]) {
      padding-inline-end:calc(var(--spacing)*0)
    }
    .\[\&\>\*\:first-child\]\:col-start-2>:first-child {
      grid-column-start:2
    }
    .\[\&\>\*\:nth-child\(1\)\]\:animate-\[bounce_1s_infinite\]>:first-child {
      animation:bounce 1s infinite
    }
    .\[\&\>\*\:nth-child\(2\)\]\:animate-\[bounce_1s_0\.15s_infinite\]>:nth-child(2) {
      animation:bounce 1s .15s infinite
    }
    .\[\&\>\*\:nth-child\(3\)\]\:animate-\[bounce_1s_0\.3s_infinite\]>:nth-child(3) {
      animation:bounce 1s .3s infinite
    }
    .\[\&\>article\]\:last-of-type\:min-h-\(--last-message-height\)>article:last-of-type {
      min-height:var(--last-message-height)
    }
    .\[\&\>button\]\:py-0>button {
      padding-block:calc(var(--spacing)*0)
    }
    .\[\&\>div\]\:min-w-0>div {
      min-width:calc(var(--spacing)*0)
    }
    .\[\&\>g\>path\]\:stroke-inverted>g>path {
      stroke:var(--ui-border-inverted)
    }
    .\[\&\>g\>rect\]\:fill-none>g>rect {
      fill:none
    }
    .\[\&\>input\]\:h-10>input {
      height:calc(var(--spacing)*10)
    }
    .\[\&\>input\]\:h-11>input {
      height:calc(var(--spacing)*11)
    }
    .\[\&\>input\]\:h-12>input {
      height:calc(var(--spacing)*12)
    }
    .\[\&\>input\]\:h-13>input {
      height:calc(var(--spacing)*13)
    }
    .\[\&\>input\]\:h-14>input {
      height:calc(var(--spacing)*14)
    }
    .\[\&\>mark\]\:bg-primary>mark {
      background-color:var(--ui-primary)
    }
    .\[\&\>mark\]\:text-inverted>mark {
      color:var(--ui-text-inverted)
    }
    .\[\&\>svg\]\:size-\[14px\]>svg {
      width:14px;
      height:14px
    }
    @media(hover:hover) {
      .\[\&\>tr\]\:data-\[selectable\=true\]\:hover\:bg-elevated\/50>tr[data-selectable=true]:hover {
        background-color:#1b1f2580
      }
      @supports (color:color-mix(in lab,red,red)) {
        .\[\&\>tr\]\:data-\[selectable\=true\]\:hover\:bg-elevated\/50>tr[data-selectable=true]:hover {
          background-color:color-mix(in oklab,var(--ui-bg-elevated) 50%,transparent)
        }
      }
    }
    .\[\&\>tr\]\:data-\[selectable\=true\]\:focus-visible\:outline-primary>tr[data-selectable=true]:focus-visible {
      outline-color:var(--ui-primary)
    }
    @media(hover:hover) {
      .\[\@media\(hover\:hover\)\]\:opacity-0 {
        opacity:0
      }
    }
  }
  :root {
    color-scheme:dark;
    --ui-primary:var(--ui-color-primary-500);
    --ui-caution:var(--ui-color-caution-500);
    --ui-success:var(--color-green-400);
    --ui-info:var(--ui-color-info-500);
    --ui-warning:var(--ui-color-warning-500);
    --ui-error:var(--ui-color-error-500);
    --ui-violet:var(--color-violet-500);
    --ui-purple:var(--color-purple-500)
  }
  .prose {
    --tw-prose-body:var(--ui-text-toned);
    --tw-prose-headings:var(--ui-primary);
    --tw-prose-bold:var(--ui-text-highlighted);
    --tw-prose-links:var(--ui-primary)
  }
  .splide__arrow.splide__arrow--prev {
    left:calc(var(--spacing)*-10)
  }
  .splide__arrows button {
    pointer-events:auto;
    height:calc(var(--spacing)*7.5);
    width:calc(var(--spacing)*7.5);
    background-color:var(--ui-bg-accented);
    border-radius:3.40282e+38px;
    justify-content:center;
    align-items:center;
    display:flex
  }
  .splide__arrows svg {
    stroke:currentColor;
    stroke-width:4px;
    width:calc(var(--spacing)*3)!important
  }
  .splide__arrow.splide__arrow--next {
    right:calc(var(--spacing)*-10)
  }
  .scroll-hide {
    -ms-overflow-style:none;
    scrollbar-width:none
  }
  .scroll-hide::-webkit-scrollbar {
    display:none
  }
  .scroll-style::-webkit-scrollbar {
    background:0 0;
    width:16px
  }
  .scroll-style::-webkit-scrollbar-track {
    margin-top:10px
  }
  .scroll-style::-webkit-scrollbar-thumb {
    box-shadow:inset 0 0 14px 14px var(--ui-border-accented);
    background-color:#0000;
    border:5px solid #0000;
    border-radius:20px;
    box-shadow:inset 0 0 14px 14px var(--ui-border-muted)
  }
  .scroll-style {
    scrollbar-color:var(--ui-border-muted) transparent
  }
  .echarts-tooltip {
    border-radius:var(--radius-2xl);
    border-style:var(--tw-border-style);
    border-width:1px;
    border-color:var(--ui-border-muted);
    background-color:var(--ui-bg-elevated);
    padding-inline:calc(var(--spacing)*3);
    padding-block:calc(var(--spacing)*2);
    color:var(--ui-text);
    --tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-backdrop-blur:blur(90px);
    -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,)
  }
  .echarts-tooltip:empty {
    display:none
  }
  .echarts-tooltip {
    background:var(--ui-bg-elevated)!important;
    border-color:var(--ui-border-muted)!important;
    color:var(--ui-text)!important
  }
  .success-circle path:first-child {
    fill:var(--ui-success);
    stroke:var(--ui-success)
  }
  input[type=search i]::-webkit-search-cancel-button {
    cursor:pointer
  }
  @property --bg-angle {
    syntax:"<angle>";
    inherits:false;
    initial-value:0deg
  }
  @keyframes border-spin {
    to {
      --bg-angle:360deg
    }
  }
  @property --tw-border-spacing-x {
    syntax:"<length>";
    inherits:false;
    initial-value:0
  }
  @property --tw-border-spacing-y {
    syntax:"<length>";
    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-y-reverse {
    syntax:"*";
    inherits:false;
    initial-value:0
  }
  @property --tw-border-style {
    syntax:"*";
    inherits:false;
    initial-value:solid
  }
  @property --tw-gradient-position {
    syntax:"*";
    inherits:false
  }
  @property --tw-gradient-from {
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
  }
  @property --tw-gradient-via {
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
  }
  @property --tw-gradient-to {
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
  }
  @property --tw-gradient-stops {
    syntax:"*";
    inherits:false
  }
  @property --tw-gradient-via-stops {
    syntax:"*";
    inherits:false
  }
  @property --tw-gradient-from-position {
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:0%
  }
  @property --tw-gradient-via-position {
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:50%
  }
  @property --tw-gradient-to-position {
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:100%
  }
  @property --tw-leading {
    syntax:"*";
    inherits:false
  }
  @property --tw-font-weight {
    syntax:"*";
    inherits:false
  }
  @property --tw-tracking {
    syntax:"*";
    inherits:false
  }
  @property --tw-ordinal {
    syntax:"*";
    inherits:false
  }
  @property --tw-slashed-zero {
    syntax:"*";
    inherits:false
  }
  @property --tw-numeric-figure {
    syntax:"*";
    inherits:false
  }
  @property --tw-numeric-spacing {
    syntax:"*";
    inherits:false
  }
  @property --tw-numeric-fraction {
    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-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-content {
    syntax:"*";
    inherits:false;
    initial-value:""
  }
  @property --tw-divide-x-reverse {
    syntax:"*";
    inherits:false;
    initial-value:0
  }
  @keyframes spin {
    to {
      transform:rotate(1turn)
    }
  }
  @keyframes pulse {
    50% {
      opacity:.5
    }
  }
  @keyframes bounce {
    0%,
    to {
      animation-timing-function:cubic-bezier(.8,0,1,1);
      transform:translateY(-25%)
    }
    50% {
      animation-timing-function:cubic-bezier(0,0,.2,1);
      transform:none
    }
  }
  :root {
    --color-bubble-bg:#6c00a2
  }
  .animaiton-paused {
    animation-play-state:paused!important
  }
  .animation-play {
    animation-play-state:running!important
  }
  @keyframes moveInCircle {
    0%,
    to {
      top:20%;
      left:-5%
    }
    10% {
      top:0;
      left:0
    }
    25% {
      top:0;
      left:60%
    }
    50% {
      top:60%;
      left:80%
    }
    75% {
      top:80%;
      left:0
    }
  }
  @keyframes moveInCircle2 {
    0%,
    to {
      top:40%;
      right:-10%
    }
    10% {
      top:0;
      right:0
    }
    25% {
      top:0;
      right:60%
    }
    50% {
      top:60%;
      right:80%
    }
    75% {
      top:80%;
      right:0
    }
  }
  .container-a {
    animation:moveInCircle 45s linear infinite
  }
  .container-b {
    animation:moveInCircle2 45s linear infinite
  }
  .bubble {
    filter:blur(78px);
    mix-blend-mode:var(--blending);
    transform:translateZ(0);
    width:var(--circle-size);
    height:var(--circle-size);
    background:linear-gradient(113deg,rgba(177,204,249,.4) 5%,var(--color-bubble-bg) 1%);
    border-radius:100%;
    opacity:.4
  }
  .g1 {
    --circle-size:377px;
    --color-bubble-bg:#3b82f6
  }
  .g2,
  .g3 {
    --circle-size:236px
  }
  .g3 {
    --color-bubble-bg:#3b82f6
  }
  .g4 {
    --circle-size:377px
  }
  @media(max-width:768px) {
    .g1 {
      --circle-size:200px
    }
    .g2,
    .g3 {
      --circle-size:125px
    }
    .g4 {
      --circle-size:200px
    }
  }
  [data-v-21360465] {
    --countdown:var(--v716b8c2f)
  }
  .wrapper:hover .countdown-animation[data-v-21360465] {
    animation-play-state:paused
  }
  .countdown-animation[data-v-21360465] {
    animation:countdown-21360465 var(--countdown) linear forwards;
    transform-origin:left center
  }
  @keyframes countdown-21360465 {
    0% {
      transform:scaleX(1)
    }
    to {
      transform:scaleX(0)
    }
  }
  .list-enter-active[data-v-35df38c1],
  .list-leave-active[data-v-35df38c1] {
    transition:all .5s ease
  }
  .list-enter-from[data-v-35df38c1],
  .list-leave-to[data-v-35df38c1] {
    opacity:0;
    transform:translate(30px)
  }
  .slide-left-enter-active[data-v-1421b3a6],
  .slide-left-leave-active[data-v-1421b3a6] {
    transition:all .1s ease-out
  }
  .slide-left-enter-from[data-v-1421b3a6] {
    opacity:0;
    transform:translate(30px)
  }
  .slide-left-leave-to[data-v-1421b3a6] {
    opacity:0;
    transform:translate(-30px)
  }
  .slide-enter-active[data-v-1421b3a6],
  .slide-leave-active[data-v-1421b3a6] {
    transition:opacity .1s ease
  }
  .slide-enter-from[data-v-1421b3a6],
  .slide-leave-to[data-v-1421b3a6] {
    opacity:0
  }
  .info-big [fill] {
    fill:var(--ui-caution)
  }
  .info-big [stroke] {
    stroke:var(--ui-caution)
  }
  .wrapper:hover .countdown-animation[data-v-6bf16eef] {
    animation-play-state:paused
  }
  .countdown-animation[data-v-6bf16eef] {
    animation:countdown-6bf16eef 5.2s linear forwards;
    transform-origin:left center
  }
  @keyframes countdown-6bf16eef {
    0% {
      transform:scaleX(1)
    }
    to {
      transform:scaleX(0)
    }
  }
  .list-enter-active[data-v-7cea4c86],
  .list-leave-active[data-v-7cea4c86],
  .list-move[data-v-7cea4c86] {
    transition:all .5s ease
  }
  .list-enter-from[data-v-7cea4c86],
  .list-leave-to[data-v-7cea4c86] {
    opacity:0;
    transform:translate(30px)
  }
  .list-leave-active[data-v-7cea4c86] {
    position:absolute
  }
  @layer properties {
    @supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
      *,
      ::backdrop,
      :after,
      :before {
        --tw-duration:initial;
        --tw-ease: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
      }
    }
  }
  .modals-enter .modal-inner {
    --tw-duration:.3s;
    --tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));
    transition-duration:.3s;
    transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))
  }
  @media(min-width:40rem) {
    .modals-enter .modal-inner {
      --tw-duration:.2s;
      transition-duration:.2s
    }
  }
  .modals-enter-active .modal-inner,
  .modals-leave .modal-inner,
  .modals-leave-active .modal-inner {
    --tw-duration:.3s;
    --tw-ease:var(--ease-in,cubic-bezier(.4,0,1,1));
    transition-duration:.3s;
    transition-timing-function:var(--ease-in,cubic-bezier(.4,0,1,1))
  }
  @media(min-width:40rem) {
    .modals-enter-active .modal-inner,
    .modals-leave .modal-inner,
    .modals-leave-active .modal-inner {
      --tw-duration:.2s;
      transition-duration:.2s
    }
  }
  .modals-enter-to .modal-inner,
  .modals.leave-from .modal-inner {
    --tw-translate-y:calc(var(--spacing,.25rem)*0);
    translate:var(--tw-translate-x) var(--tw-translate-y);
    opacity:1
  }
  @media(min-width:40rem) {
    .modals-enter-to .modal-inner,
    .modals.leave-from .modal-inner {
      --tw-scale-x:100%;
      --tw-scale-y:100%;
      --tw-scale-z:100%;
      scale:var(--tw-scale-x) var(--tw-scale-y)
    }
  }
  .modals-enter-from .modal-inner,
  .modals-leave-to .modal-inner {
    --tw-translate-y:calc(var(--spacing,.25rem)*96);
    translate:var(--tw-translate-x) var(--tw-translate-y);
    opacity:0
  }
  @media(min-width:40rem) {
    .modals-enter-from .modal-inner,
    .modals-leave-to .modal-inner {
      --tw-translate-y:calc(var(--spacing,.25rem)*0);
      translate:var(--tw-translate-x) var(--tw-translate-y);
      --tw-scale-x:95%;
      --tw-scale-y:95%;
      --tw-scale-z:95%;
      scale:var(--tw-scale-x) var(--tw-scale-y)
    }
  }
  .modals-enter-from .modal-inner[data-sheet-position=top],
  .modals-leave-to .modal-inner[data-sheet-position=top] {
    --tw-translate-y:calc(var(--spacing,.25rem)*-32);
    translate:var(--tw-translate-x) var(--tw-translate-y);
    opacity:0
  }
  @media(min-width:40rem) {
    .modals-enter-from .modal-inner[data-sheet-position=top],
    .modals-leave-to .modal-inner[data-sheet-position=top] {
      --tw-translate-y:calc(var(--spacing,.25rem)*0);
      translate:var(--tw-translate-x) var(--tw-translate-y);
      --tw-scale-x:95%;
      --tw-scale-y:95%;
      --tw-scale-z:95%;
      scale:var(--tw-scale-x) var(--tw-scale-y)
    }
  }
  @property --tw-duration {
    syntax:"*";
    inherits:false
  }
  @property --tw-ease {
    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
  }