/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-border-style: solid;
      --tw-outline-style: solid;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-duration: initial;
      --tw-font-weight: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-content: "";
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-ease: 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-leading: initial;
      --tw-tracking: 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;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-black: #000;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --tracking-tight: -.025em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-2xl: 1rem;
    --radius-4xl: 2rem;
    --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;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

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

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

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

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

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

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

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

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

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

  :root {
    --radius: .625rem;
    --background: oklch(100% 0 0);
    --foreground: oklch(14.5% 0 0);
    --card: oklch(100% 0 0);
    --card-foreground: oklch(14.5% 0 0);
    --popover: oklch(100% 0 0);
    --popover-foreground: oklch(14.5% 0 0);
    --primary: oklch(20.5% 0 0);
    --primary-foreground: oklch(98.5% 0 0);
    --secondary: oklch(97% 0 0);
    --secondary-foreground: oklch(20.5% 0 0);
    --muted: oklch(97% 0 0);
    --muted-foreground: oklch(55.6% 0 0);
    --accent: oklch(97% 0 0);
    --accent-foreground: oklch(20.5% 0 0);
    --destructive: oklch(57.7% .245 27.325);
    --border: oklch(92.2% 0 0);
    --input: oklch(92.2% 0 0);
    --ring: oklch(70.8% 0 0);
    --chart-1: oklch(64.6% .222 41.116);
    --chart-2: oklch(60% .118 184.704);
    --chart-3: oklch(39.8% .07 227.392);
    --chart-4: oklch(82.8% .189 84.429);
    --chart-5: oklch(76.9% .188 70.08);
    --sidebar: oklch(98.5% 0 0);
    --sidebar-foreground: oklch(14.5% 0 0);
    --sidebar-primary: oklch(20.5% 0 0);
    --sidebar-primary-foreground: oklch(98.5% 0 0);
    --sidebar-accent: oklch(97% 0 0);
    --sidebar-accent-foreground: oklch(20.5% 0 0);
    --sidebar-border: oklch(92.2% 0 0);
    --sidebar-ring: oklch(70.8% 0 0);
  }

  .dark {
    --background: oklch(14.5% 0 0);
    --foreground: oklch(98.5% 0 0);
    --card: oklch(20.5% 0 0);
    --card-foreground: oklch(98.5% 0 0);
    --popover: oklch(20.5% 0 0);
    --popover-foreground: oklch(98.5% 0 0);
    --primary: oklch(92.2% 0 0);
    --primary-foreground: oklch(20.5% 0 0);
    --secondary: oklch(26.9% 0 0);
    --secondary-foreground: oklch(98.5% 0 0);
    --muted: oklch(26.9% 0 0);
    --muted-foreground: oklch(70.8% 0 0);
    --accent: oklch(26.9% 0 0);
    --accent-foreground: oklch(98.5% 0 0);
    --destructive: oklch(70.4% .191 22.216);
    --border: oklch(100% 0 0 / .1);
    --input: oklch(100% 0 0 / .15);
    --ring: oklch(55.6% 0 0);
    --chart-1: oklch(48.8% .243 264.376);
    --chart-2: oklch(69.6% .17 162.48);
    --chart-3: oklch(76.9% .188 70.08);
    --chart-4: oklch(62.7% .265 303.9);
    --chart-5: oklch(64.5% .246 16.439);
    --sidebar: oklch(20.5% 0 0);
    --sidebar-foreground: oklch(98.5% 0 0);
    --sidebar-primary: oklch(48.8% .243 264.376);
    --sidebar-primary-foreground: oklch(98.5% 0 0);
    --sidebar-accent: oklch(26.9% 0 0);
    --sidebar-accent-foreground: oklch(98.5% 0 0);
    --sidebar-border: oklch(100% 0 0 / .1);
    --sidebar-ring: oklch(55.6% 0 0);
    color-scheme: dark;
  }

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

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

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

@layer components {
  .sl-sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .button {
    white-space: nowrap;
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .button:disabled, .button[aria-disabled="true"] {
    pointer-events: none;
    opacity: .5;
  }

  @media (prefers-reduced-motion: no-preference) {
    .button {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  .button svg {
    pointer-events: none;
    flex-shrink: 0;
  }

  .button-icon {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

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

  @media (prefers-reduced-motion: reduce) {
    .button-spinner {
      animation-duration: 2.5s;
    }
  }

  .accordion {
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .accordion-trigger {
    cursor: pointer;
    justify-content: space-between;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
    border-style: var(--tw-border-style);
    text-align: start;
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    border-width: 1px;
    border-color: #0000;
    outline-style: none;
    width: 100%;
    list-style-type: none;
    display: flex;
    position: relative;
  }

  @media (forced-colors: active) {
    .accordion-trigger:focus-visible {
      outline-style: var(--tw-outline-style);
      --tw-outline-style: solid;
      outline-width: 2px;
      outline-style: solid;
    }
  }

  .accordion-trigger::-webkit-details-marker {
    display: none;
  }

  .accordion-trigger-icon {
    pointer-events: none;
    flex-shrink: 0;
  }

  @media (prefers-reduced-motion: no-preference) {
    .accordion-trigger-icon {
      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));
    }
  }

  .accordion-item[open] > .accordion-trigger > .accordion-trigger-icon {
    rotate: 180deg;
  }

  .accordion-item[data-disabled] > .accordion-trigger {
    pointer-events: none;
    opacity: .5;
  }

  @media (forced-colors: active) {
    .accordion-item[data-disabled] > .accordion-trigger {
      color: graytext;
      opacity: 1;
    }
  }

  .accordion-item::details-content {
    overflow: clip;
  }

  @media (prefers-reduced-motion: no-preference) {
    @supports (interpolate-size: allow-keywords) {
      .accordion-item {
        interpolate-size: allow-keywords;
      }

      .accordion-item::details-content {
        transition-behavior: allow-discrete;
        block-size: 0;
        transition-property: block-size, content-visibility;
        transition-timing-function: ease-out;
        transition-duration: var(--accordion-duration, 0s);
      }

      .accordion-item[open]::details-content {
        block-size: auto;
      }
    }
  }

  .alert {
    grid-template-columns: 0 1fr;
    align-items: flex-start;
    width: 100%;
    display: grid;
    position: relative;
  }

  .alert:has( > svg) {
    grid-template-columns: auto 1fr;
  }

  .alert > svg {
    color: currentColor;
    grid-row: span 2 / span 2;
  }

  .alert-title, .alert-description {
    grid-column-start: 2;
  }

  .alert-description {
    justify-items: start;
    display: grid;
  }

  .alert-description :where(ul) {
    list-style-type: disc;
    list-style-position: inside;
  }

  .alert-description :where(ol) {
    list-style-type: decimal;
    list-style-position: inside;
  }

  .alert-dialog {
    border-style: var(--tw-border-style);
    opacity: 0;
    width: 100%;
    transition-property: opacity, scale, overlay, display;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-behavior: allow-discrete;
    border-width: 0;
    margin: auto;
    overflow-y: auto;
  }

  .alert-dialog::backdrop {
    opacity: 0;
    transition-property: opacity, overlay, display;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-behavior: allow-discrete;
  }

  .alert-dialog:is([open], :popover-open, :open) {
    opacity: 1;
    display: grid;
  }

  .alert-dialog:is([open], :popover-open, :open)::backdrop {
    opacity: 1;
  }

  @media (prefers-reduced-motion: no-preference) {
    .alert-dialog {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .alert-dialog:is([open], :popover-open, :open) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @starting-style {
    .alert-dialog:is([open], :popover-open, :open) {
      opacity: 0;
    }
  }

  @starting-style {
    .alert-dialog:is([open], :popover-open, :open)::backdrop {
      opacity: 0;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    @starting-style {
      .alert-dialog:is([open], :popover-open, :open) {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }

  @media (forced-colors: active) {
    .alert-dialog {
      border-style: var(--tw-border-style);
      --tw-border-style: solid;
      border-style: solid;
      border-width: 1px;
    }
  }

  .alert-dialog {
    max-block-size: calc(100% - 2rem);
  }

  .alert-dialog-header {
    text-align: center;
    grid-template-rows: auto 1fr;
    place-items: center;
    display: grid;
  }

  .alert-dialog-header:has( > .alert-dialog-media) {
    grid-template-rows: auto auto 1fr;
  }

  @media (min-width: 40rem) {
    .alert-dialog:not([data-size]) > .alert-dialog-header {
      text-align: start;
      place-items: start;
    }

    .alert-dialog:not([data-size]) > .alert-dialog-header:has( > .alert-dialog-media) {
      grid-template-rows: auto 1fr;
    }
  }

  .alert-dialog-media {
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  @media (min-width: 40rem) {
    .alert-dialog:not([data-size]) > .alert-dialog-header > .alert-dialog-media {
      grid-row: span 2 / span 2;
    }

    .alert-dialog:not([data-size]) > .alert-dialog-header:has( > .alert-dialog-media) > .alert-dialog-title {
      grid-column-start: 2;
    }
  }

  .alert-dialog-footer {
    flex-direction: column-reverse;
    display: flex;
  }

  @media (min-width: 40rem) {
    .alert-dialog-footer {
      flex-direction: row;
      justify-content: flex-end;
    }
  }

  .alert-dialog[data-size="sm"] > .alert-dialog-footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .avatar {
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    display: inline-flex;
    position: relative;
    overflow: hidden;
  }

  .avatar-image {
    aspect-ratio: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  .avatar-image:not([src]), .avatar-image[src=""] {
    display: none;
  }

  @media (scripting: enabled) {
    .avatar-image:not([data-status="loaded"]) {
      visibility: hidden;
    }
  }

  .avatar-fallback {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .avatar-fallback svg {
    pointer-events: none;
    flex-shrink: 0;
  }

  .avatar:has( > .avatar-image[data-status="loaded"]) > .avatar-fallback {
    display: none;
  }

  .badge {
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: fit-content;
    display: inline-flex;
    overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
    .badge {
      transition-property: color, background-color, box-shadow;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  .badge svg {
    pointer-events: none;
    flex-shrink: 0;
  }

  .badge-icon {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .breadcrumb-list {
    overflow-wrap: break-word;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
  }

  .breadcrumb-item {
    align-items: center;
    display: inline-flex;
  }

  .breadcrumb-link {
    color: inherit;
    --tw-outline-style: none;
    outline-style: none;
    text-decoration-line: none;
  }

  .breadcrumb-separator {
    -webkit-user-select: none;
    user-select: none;
  }

  .breadcrumb-separator-icon:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .breadcrumb-ellipsis {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @media (forced-colors: active) {
    .breadcrumb-link:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-offset: 2px;
      --tw-outline-style: solid;
      outline-width: 2px;
      outline-style: solid;
    }
  }

  .card {
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .card > img {
    object-fit: cover;
    width: 100%;
  }

  .card-header {
    grid-auto-rows: min-content;
    align-items: flex-start;
    display: grid;
    container: card-header / inline-size;
  }

  .card-header:has( > .card-action) {
    grid-template-columns: 1fr auto;
  }

  .card-header:has( > .card-description) {
    grid-template-rows: auto auto;
  }

  .card-action {
    grid-row: 1 / span 2;
    grid-column-start: 2;
    place-self: flex-start flex-end;
  }

  .card-footer {
    align-items: center;
    display: flex;
  }

  .checkbox-wrapper {
    vertical-align: middle;
    flex-shrink: 0;
    place-items: center;
    display: inline-grid;
    position: relative;
  }

  .checkbox-wrapper:has( > .checkbox:disabled) {
    opacity: .5;
  }

  @media (forced-colors: active) {
    .checkbox-wrapper:has( > .checkbox:disabled) {
      opacity: 1;
    }
  }

  .checkbox-wrapper > * {
    grid-area: 1 / 1;
  }

  .checkbox {
    appearance: none;
    --tw-outline-style: none;
    outline-style: none;
    flex-shrink: 0;
    margin: 0;
  }

  .checkbox:disabled {
    cursor: not-allowed;
  }

  @media (forced-colors: active) {
    .checkbox {
      appearance: auto;
    }
  }

  .checkbox-indicator, .checkbox-indeterminate-indicator {
    pointer-events: none;
    visibility: hidden;
  }

  @media (forced-colors: active) {
    .checkbox-indicator, .checkbox-indeterminate-indicator {
      display: none;
    }
  }

  .checkbox:checked:not(:indeterminate) ~ .checkbox-indicator, .checkbox:indeterminate ~ .checkbox-indeterminate-indicator {
    visibility: visible;
  }

  .collapsible-trigger {
    cursor: pointer;
    --tw-outline-style: none;
    outline-style: none;
    list-style-type: none;
  }

  @media (forced-colors: active) {
    .collapsible-trigger:focus-visible {
      outline-style: var(--tw-outline-style);
      --tw-outline-style: solid;
      outline-width: 2px;
      outline-style: solid;
    }
  }

  .collapsible-trigger::-webkit-details-marker {
    display: none;
  }

  .collapsible-trigger:not(.button) {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: inline-flex;
  }

  .collapsible[data-disabled] > .collapsible-trigger {
    pointer-events: none;
    opacity: .5;
  }

  @media (forced-colors: active) {
    .collapsible[data-disabled] > .collapsible-trigger {
      color: graytext;
      opacity: 1;
    }
  }

  .dialog {
    border-style: var(--tw-border-style);
    opacity: 0;
    width: 100%;
    transition-property: opacity, scale, overlay, display;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-behavior: allow-discrete;
    border-width: 0;
    margin: auto;
    overflow-y: auto;
  }

  .dialog::backdrop {
    opacity: 0;
    transition-property: opacity, overlay, display;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-behavior: allow-discrete;
  }

  .dialog:is([open], :popover-open, :open) {
    opacity: 1;
    display: grid;
  }

  .dialog:is([open], :popover-open, :open)::backdrop {
    opacity: 1;
  }

  @media (prefers-reduced-motion: no-preference) {
    .dialog {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .dialog:is([open], :popover-open, :open) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @starting-style {
    .dialog:is([open], :popover-open, :open) {
      opacity: 0;
    }
  }

  @starting-style {
    .dialog:is([open], :popover-open, :open)::backdrop {
      opacity: 0;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    @starting-style {
      .dialog:is([open], :popover-open, :open) {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }

  @media (forced-colors: active) {
    .dialog {
      border-style: var(--tw-border-style);
      --tw-border-style: solid;
      border-style: solid;
      border-width: 1px;
    }
  }

  .dialog {
    max-block-size: calc(100% - 2rem);
  }

  :root:has(:is(.dialog, .alert-dialog, .sheet):modal) {
    overflow: hidden;
  }

  .dialog-close {
    position: absolute;
  }

  .dialog-header {
    flex-direction: column;
    display: flex;
  }

  .dialog-footer {
    flex-direction: column-reverse;
    display: flex;
  }

  @media (min-width: 40rem) {
    .dialog-footer {
      flex-direction: row;
      justify-content: flex-end;
    }
  }

  .dialog:has( > .dialog-body) {
    flex-direction: column;
  }

  .dialog:has( > .dialog-body):is([open], :popover-open, :open) {
    display: flex;
  }

  .dialog-body {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
    position: relative;
  }

  .dialog-body-content {
    margin: calc(var(--spacing) * -1);
    min-height: 0;
    padding: var(--spacing);
    flex: 1;
    overflow-y: auto;
  }

  .dialog-body-error[hidden] {
    display: none;
  }

  .dialog-body-loading {
    pointer-events: none;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .15s;
    place-items: center;
    transition-duration: .15s;
    display: grid;
    position: absolute;
    inset: 0;
  }

  .dialog-body[data-loading] {
    min-height: calc(var(--spacing) * 24);
  }

  .dialog-body[data-loading] > .dialog-body-loading {
    pointer-events: auto;
    opacity: 1;
    transition-delay: .2s;
  }

  @starting-style {
    .dialog-body[data-loading] > .dialog-body-loading {
      opacity: 0;
    }
  }

  .dialog-body[data-loading] .dialog-body-spinner {
    animation: var(--animate-spin);
  }

  @media (prefers-reduced-motion: reduce) {
    .dialog-body[data-loading] .dialog-body-spinner {
      animation-duration: 2.5s;
    }
  }

  .dropdown-menu-content {
    min-width: calc(var(--spacing) * 32);
    border-style: var(--tw-border-style);
    --tw-outline-style: none;
    min-inline-size: max(calc(var(--spacing) * 32), anchor-size(self-inline));
    max-block-size: calc(100dvh - calc(var(--spacing) * 4));
    border-width: 0;
    outline-style: none;
    overflow: hidden auto;
  }

  .dropdown-menu-content:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .dropdown-menu-item, .dropdown-menu-checkbox-item, .dropdown-menu-radio-item {
    cursor: default;
    text-align: start;
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    align-items: center;
    width: 100%;
    text-decoration-line: none;
    display: flex;
    position: relative;
  }

  :is(.dropdown-menu-item, .dropdown-menu-checkbox-item, .dropdown-menu-radio-item):disabled, :is(.dropdown-menu-item, .dropdown-menu-checkbox-item, .dropdown-menu-radio-item)[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: .5;
  }

  @media (forced-colors: active) {
    :is(.dropdown-menu-item, .dropdown-menu-checkbox-item, .dropdown-menu-radio-item):focus {
      outline-style: var(--tw-outline-style);
      outline-offset: calc(2px * -1);
      --tw-outline-style: solid;
      outline-width: 2px;
      outline-style: solid;
    }
  }

  :is(.dropdown-menu-item, .dropdown-menu-checkbox-item, .dropdown-menu-radio-item) svg {
    pointer-events: none;
    flex-shrink: 0;
  }

  .dropdown-menu-item-indicator {
    pointer-events: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  :is(.dropdown-menu-checkbox-item, .dropdown-menu-radio-item):not([aria-checked="true"]) > .dropdown-menu-item-indicator {
    visibility: hidden;
  }

  .dropdown-menu-shortcut {
    margin-inline-start: auto;
  }

  .dropdown-menu-separator {
    height: 1px;
  }

  .field-set {
    border-style: var(--tw-border-style);
    border-width: 0;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    display: flex;
  }

  .field-legend {
    padding: 0;
  }

  .field-group {
    flex-direction: column;
    width: 100%;
    display: flex;
    container: field-group / inline-size;
  }

  .field {
    width: 100%;
    display: flex;
  }

  .field:not([data-orientation]), .field[data-orientation="vertical"], .field[data-orientation="responsive"] {
    flex-direction: column;
  }

  :is(.field:not([data-orientation]), .field[data-orientation="vertical"], .field[data-orientation="responsive"]) > :not(.field-label, .checkbox-wrapper, .switch, .radio-group-item, .sl-sr-only) {
    width: 100%;
  }

  .field[data-orientation="horizontal"] {
    flex-direction: row;
    align-items: center;
  }

  .field[data-orientation="horizontal"]:has( > .field-content) {
    align-items: flex-start;
  }

  .field[data-orientation="horizontal"] > .field-label {
    flex: auto;
    width: auto;
  }

  .field[data-orientation="horizontal"]:has( > .field-content) > :is(.checkbox-wrapper, .switch, .radio-group-item) {
    margin-top: 1px;
  }

  @container field-group (min-width: 28rem) {
    .field-group .field[data-orientation="responsive"] {
      flex-direction: row;
      align-items: center;
    }

    .field-group .field[data-orientation="responsive"]:has( > .field-content) {
      align-items: flex-start;
    }

    .field-group .field[data-orientation="responsive"] > * {
      width: auto;
    }

    .field-group .field[data-orientation="responsive"] > .field-label {
      flex: auto;
    }
  }

  .field-content {
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .field-label {
    width: fit-content;
  }

  .field:has( > :disabled,  > :is(.checkbox-wrapper, .native-select-wrapper, .select-wrapper) > :disabled) > .field-label, .field:has( > :disabled,  > :is(.checkbox-wrapper, .native-select-wrapper, .select-wrapper) > :disabled) > .field-content > .field-label, .field-set:disabled > .field-legend {
    cursor: not-allowed;
    opacity: .5;
  }

  @media (forced-colors: active) {
    .field:has( > :disabled,  > :is(.checkbox-wrapper, .native-select-wrapper, .select-wrapper) > :disabled) > .field-label, .field:has( > :disabled,  > :is(.checkbox-wrapper, .native-select-wrapper, .select-wrapper) > :disabled) > .field-content > .field-label, .field-set:disabled > .field-legend {
      color: graytext;
      opacity: 1;
    }
  }

  .field-description {
    text-align: start;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    margin: 0;
  }

  .field-description > a {
    text-underline-offset: 4px;
    text-decoration-line: underline;
  }

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

  .field-error > ul {
    gap: var(--spacing);
    margin: 0;
    flex-direction: column;
    margin-inline-start: calc(var(--spacing) * 4);
    padding: 0;
    list-style-type: disc;
    display: flex;
  }

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

  .input {
    --tw-outline-style: none;
    outline-style: none;
    width: 100%;
    min-width: 0;
  }

  .input::file-selector-button {
    display: inline-flex;
  }

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

  .input::file-selector-button {
    background-color: #0000;
  }

  .input:disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
  }

  @media (forced-colors: active) {
    .input:disabled {
      color: graytext;
      opacity: 1;
      border-color: graytext;
    }
  }

  .kbd {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center;
    width: fit-content;
    display: inline-flex;
  }

  .kbd svg {
    pointer-events: none;
    flex-shrink: 0;
  }

  .kbd-group {
    align-items: center;
    display: inline-flex;
  }

  .label {
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    display: flex;
  }

  .label:has(:disabled), .label:has( + :disabled,  + .checkbox-wrapper > :disabled), :is(:disabled, .checkbox-wrapper:has( > :disabled)) + .label {
    cursor: not-allowed;
    opacity: .5;
  }

  @media (forced-colors: active) {
    .label:has(:disabled), .label:has( + :disabled,  + .checkbox-wrapper > :disabled), :is(:disabled, .checkbox-wrapper:has( > :disabled)) + .label {
      color: graytext;
      opacity: 1;
    }
  }

  .native-select-wrapper {
    width: fit-content;
    position: relative;
  }

  .native-select-wrapper:has( > select:disabled) {
    opacity: .5;
  }

  @media (forced-colors: active) {
    .native-select-wrapper:has( > select:disabled) {
      opacity: 1;
    }

    .native-select-wrapper:has( > select:disabled) > .native-select-icon {
      color: graytext;
    }
  }

  .native-select {
    appearance: none;
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    width: 100%;
    min-width: 0;
  }

  .native-select:disabled {
    pointer-events: none;
    cursor: not-allowed;
  }

  @media (forced-colors: active) {
    .native-select:disabled {
      color: graytext;
      border-color: graytext;
    }
  }

  .native-select :is(option, optgroup) {
    color: canvastext;
    background-color: canvas;
  }

  .native-select-icon {
    pointer-events: none;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    -webkit-user-select: none;
    user-select: none;
    inset-inline-end: calc(var(--spacing) * 2.5);
    position: absolute;
    top: 50%;
  }

  .native-select-wrapper:has( > select[multiple]) > .native-select-icon {
    display: none;
  }

  .pagination {
    justify-content: center;
    width: 100%;
    margin-inline: auto;
    display: flex;
  }

  .pagination-content {
    flex-direction: row;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
  }

  .pagination-ellipsis {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .pagination-previous-text, .pagination-next-text {
    display: none;
  }

  @media (min-width: 40rem) {
    .pagination-previous-text, .pagination-next-text {
      display: block;
    }
  }

  :is(.pagination-previous > .button-icon, .pagination-next > .button-icon):where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .pagination-size {
    align-items: center;
    display: flex;
  }

  .popover-content {
    border-style: var(--tw-border-style);
    --tw-outline-style: none;
    border-width: 0;
    outline-style: none;
    flex-direction: column;
    overflow-y: auto;
  }

  .popover-content:is([open], :popover-open, :open) {
    display: flex;
  }

  .popover-content {
    max-block-size: calc(100dvh - calc(var(--spacing) * 4));
  }

  .popover-header {
    flex-direction: column;
    display: flex;
  }

  .dropdown-menu-content, .popover-content, .select-content, .tooltip-content {
    text-align: start;
    --tw-font-weight: var(--font-weight-normal);
    max-width: none;
    max-height: none;
    font-weight: var(--font-weight-normal);
    white-space: normal;
    opacity: 0;
    transition-property: opacity, scale, translate, overlay, display;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-behavior: allow-discrete;
  }

  :is(.dropdown-menu-content, .popover-content, .select-content, .tooltip-content):is([open], :popover-open, :open) {
    opacity: 1;
  }

  @media (prefers-reduced-motion: no-preference) {
    .dropdown-menu-content, .popover-content, .select-content, .tooltip-content {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    :is(.dropdown-menu-content, .popover-content, .select-content, .tooltip-content):is([open], :popover-open, :open) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @starting-style {
    :is(.dropdown-menu-content, .popover-content, .select-content, .tooltip-content):is([open], :popover-open, :open) {
      opacity: 0;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    @starting-style {
      :is(.dropdown-menu-content, .popover-content, .select-content, .tooltip-content):is([open], :popover-open, :open) {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }

  @media (forced-colors: active) {
    .dropdown-menu-content, .popover-content, .select-content, .tooltip-content {
      border-style: var(--tw-border-style);
      --tw-border-style: solid;
      border-style: solid;
      border-width: 1px;
    }
  }

  .dropdown-menu-content, .popover-content, .select-content, .tooltip-content {
    margin-block: var(--popup-margin-block);
    margin-inline: var(--popup-margin-inline);
    position-area: var(--popup-side) var(--popup-align);
    position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
    inset: auto;
  }

  .dropdown-menu-content:not([data-side]), .popover-content:not([data-side]), .select-content, .dropdown-menu-content[data-side="bottom"], .popover-content[data-side="bottom"], .tooltip-content[data-side="bottom"] {
    --popup-side: block-end;
    --popup-align: var(--popup-align-inline);
    --popup-margin-block: var(--popup-offset) 0;
    --popup-margin-inline: 0;
    --popup-from: 0 calc(-1 * var(--popup-slide));
    transform-origin: top;
  }

  .tooltip-content:not([data-side]), .dropdown-menu-content[data-side="top"], .popover-content[data-side="top"], .tooltip-content[data-side="top"] {
    --popup-side: block-start;
    --popup-align: var(--popup-align-inline);
    --popup-margin-block: 0 var(--popup-offset);
    --popup-margin-inline: 0;
    --popup-from: 0 var(--popup-slide);
    transform-origin: bottom;
  }

  .dropdown-menu-content[data-side="right"], .popover-content[data-side="right"], .tooltip-content[data-side="right"] {
    --popup-side: inline-end;
    --popup-align: var(--popup-align-block);
    --popup-margin-block: 0;
    --popup-margin-inline: var(--popup-offset) 0;
    --popup-from: calc(-1 * var(--popup-slide)) 0;
    transform-origin: 0;
  }

  .dropdown-menu-content[data-side="left"], .popover-content[data-side="left"], .tooltip-content[data-side="left"] {
    --popup-side: inline-start;
    --popup-align: var(--popup-align-block);
    --popup-margin-block: 0;
    --popup-margin-inline: 0 var(--popup-offset);
    --popup-from: var(--popup-slide) 0;
    transform-origin: 100%;
  }

  :is(.dropdown-menu-content, .popover-content, .tooltip-content)[data-side="right"]:dir(rtl) {
    --popup-from: var(--popup-slide) 0;
    transform-origin: 100%;
  }

  :is(.dropdown-menu-content, .popover-content, .tooltip-content)[data-side="left"]:dir(rtl) {
    --popup-from: calc(-1 * var(--popup-slide)) 0;
    transform-origin: 0;
  }

  .dropdown-menu-content:not([data-align]), .select-content, .dropdown-menu-content[data-align="start"], .popover-content[data-align="start"], .tooltip-content[data-align="start"] {
    --popup-align-inline: span-inline-end;
    --popup-align-block: span-block-end;
  }

  .popover-content:not([data-align]), .tooltip-content:not([data-align]), .dropdown-menu-content[data-align="center"], .popover-content[data-align="center"], .tooltip-content[data-align="center"] {
    --popup-align-inline: span-all;
    --popup-align-block: span-all;
  }

  .dropdown-menu-content[data-align="end"], .popover-content[data-align="end"], .tooltip-content[data-align="end"] {
    --popup-align-inline: span-inline-start;
    --popup-align-block: span-block-start;
  }

  @media (prefers-reduced-motion: no-preference) {
    .dropdown-menu-content, .popover-content, .select-content, .tooltip-content {
      translate: var(--popup-from);
    }

    :is(.dropdown-menu-content, .popover-content, .select-content, .tooltip-content):popover-open {
      translate: 0;
    }

    @starting-style {
      :is(.dropdown-menu-content, .popover-content, .select-content, .tooltip-content):popover-open {
        translate: var(--popup-from);
      }
    }
  }

  .radio-group:not([data-orientation]), .radio-group[data-orientation="vertical"] {
    display: grid;
  }

  .radio-group[data-orientation="horizontal"] {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
  }

  .radio-group-item {
    aspect-ratio: 1;
    appearance: none;
    --tw-outline-style: none;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 3.40282e38px;
    outline-style: none;
    flex-shrink: 0;
    margin: 0;
  }

  .radio-group-item:disabled {
    cursor: not-allowed;
    opacity: .5;
  }

  @media (forced-colors: active) {
    .radio-group-item {
      appearance: auto;
    }

    .radio-group-item:disabled {
      opacity: 1;
    }
  }

  .select-wrapper {
    width: fit-content;
    position: relative;
  }

  .select-wrapper:has( > .select:disabled) {
    opacity: .5;
  }

  @media (forced-colors: active) {
    .select-wrapper:has( > .select:disabled) {
      opacity: 1;
    }

    .select-wrapper:has( > .select:disabled) > .select-icon {
      color: graytext;
    }
  }

  .select {
    appearance: none;
    text-align: start;
    white-space: nowrap;
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    align-items: center;
    width: 100%;
    min-width: 0;
    display: flex;
  }

  .select:disabled {
    pointer-events: none;
    cursor: not-allowed;
  }

  @media (forced-colors: active) {
    .select:disabled {
      color: graytext;
      border-color: graytext;
    }
  }

  .select-icon {
    pointer-events: none;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    -webkit-user-select: none;
    user-select: none;
    inset-inline-end: calc(var(--spacing) * 2.5);
    position: absolute;
    top: 50%;
  }

  .select-wrapper[data-enhanced] > select.select {
    pointer-events: none;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  .select-value {
    flex: 1;
    align-items: center;
    min-width: 0;
    display: flex;
    overflow: hidden;
  }

  .select-value > .select-item-indicator {
    display: none;
  }

  .select-content {
    border-style: var(--tw-border-style);
    --tw-outline-style: none;
    min-inline-size: max(calc(var(--spacing) * 36), anchor-size(self-inline));
    max-block-size: calc(100dvh - calc(var(--spacing) * 4));
    border-width: 0;
    outline-style: none;
    overflow: hidden auto;
  }

  .select-item {
    cursor: default;
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
  }

  .select-item:disabled, .select-item[aria-disabled="true"] {
    pointer-events: none;
    opacity: .5;
  }

  @media (forced-colors: active) {
    .select-item:focus, .select-item[data-active] {
      outline-style: var(--tw-outline-style);
      outline-offset: calc(2px * -1);
      --tw-outline-style: solid;
      outline-width: 2px;
      outline-style: solid;
    }
  }

  .select-item svg {
    pointer-events: none;
    flex-shrink: 0;
  }

  .select-item-indicator {
    pointer-events: none;
    visibility: hidden;
    position: absolute;
  }

  .select-item:is(:checked, [aria-selected="true"]) > .select-item-indicator {
    visibility: visible;
  }

  .select-separator {
    border-style: var(--tw-border-style);
    border-width: 0;
    height: 1px;
  }

  .separator {
    flex-shrink: 0;
  }

  .separator:not([data-orientation]), .separator[data-orientation="horizontal"] {
    width: 100%;
  }

  .separator[data-orientation="vertical"] {
    align-self: stretch;
  }

  .sheet {
    border-style: var(--tw-border-style);
    opacity: 0;
    max-width: none;
    max-height: none;
    transition-property: opacity, translate, overlay, display;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-behavior: allow-discrete;
    border-width: 0;
    flex-direction: column;
    margin: 0;
    position: fixed;
    overflow-y: auto;
  }

  .sheet::backdrop {
    opacity: 0;
    transition-property: opacity, overlay, display;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-behavior: allow-discrete;
  }

  .sheet:is([open], :popover-open, :open) {
    opacity: 1;
    display: flex;
  }

  .sheet:is([open], :popover-open, :open)::backdrop {
    opacity: 1;
  }

  @starting-style {
    .sheet:is([open], :popover-open, :open) {
      opacity: 0;
    }
  }

  @starting-style {
    .sheet:is([open], :popover-open, :open)::backdrop {
      opacity: 0;
    }
  }

  .sheet:not([data-side]) {
    border-inline-start-style: var(--tw-border-style);
    --sheet-from: var(--sheet-slide) 0;
    height: 100%;
    border-inline-start-width: 1px;
    inset-block: 0;
    inset-inline-start: auto;
    inset-inline-end: calc(var(--spacing) * 0);
  }

  .sheet[data-side="left"] {
    border-inline-end-style: var(--tw-border-style);
    --sheet-from: calc(-1 * var(--sheet-slide)) 0;
    height: 100%;
    border-inline-end-width: 1px;
    inset-block: 0;
    inset-inline-start: calc(var(--spacing) * 0);
    inset-inline-end: auto;
  }

  .sheet:not([data-side]):dir(rtl) {
    --sheet-from: calc(-1 * var(--sheet-slide)) 0;
  }

  .sheet[data-side="left"]:dir(rtl) {
    --sheet-from: var(--sheet-slide) 0;
  }

  .sheet[data-side="top"] {
    border-bottom-style: var(--tw-border-style);
    --sheet-from: 0 calc(-1 * var(--sheet-slide));
    inset-inline: 0;
    border-bottom-width: 1px;
    width: 100%;
    height: auto;
    top: 0;
    bottom: auto;
  }

  .sheet[data-side="bottom"] {
    border-top-style: var(--tw-border-style);
    --sheet-from: 0 var(--sheet-slide);
    inset-inline: 0;
    border-top-width: 1px;
    width: 100%;
    height: auto;
    top: auto;
    bottom: 0;
  }

  @media (prefers-reduced-motion: no-preference) {
    .sheet {
      translate: var(--sheet-from);
    }

    .sheet[open] {
      translate: 0;
    }

    @starting-style {
      .sheet[open] {
        translate: var(--sheet-from);
      }
    }
  }

  .sheet-close {
    position: absolute;
  }

  .sheet-header {
    flex-direction: column;
    display: flex;
  }

  .sheet-footer {
    flex-direction: column;
    margin-top: auto;
    display: flex;
  }

  .sheet-body {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
    position: relative;
  }

  .sheet-body-content {
    margin-block: calc(var(--spacing) * -1);
    min-height: 0;
    padding-block: var(--spacing);
    flex: 1;
    overflow-y: auto;
  }

  .sheet-body-error[hidden] {
    display: none;
  }

  .sheet-body-loading {
    pointer-events: none;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .15s;
    place-items: center;
    transition-duration: .15s;
    display: grid;
    position: absolute;
    inset: 0;
  }

  .sheet-body[data-loading] {
    min-height: calc(var(--spacing) * 24);
  }

  .sheet-body[data-loading] > .sheet-body-loading {
    pointer-events: auto;
    opacity: 1;
    transition-delay: .2s;
  }

  @starting-style {
    .sheet-body[data-loading] > .sheet-body-loading {
      opacity: 0;
    }
  }

  .sheet-body[data-loading] .sheet-body-spinner {
    animation: var(--animate-spin);
  }

  @media (prefers-reduced-motion: reduce) {
    .sheet-body[data-loading] .sheet-body-spinner {
      animation-duration: 2.5s;
    }
  }

  .sidebar-provider {
    width: 100%;
    min-height: 100svh;
    display: flex;
    overflow-x: clip;
  }

  .sidebar {
    overscroll-behavior: contain;
    flex-direction: column;
    margin: 0;
    padding: 0;
    transition-property: none;
    overflow-y: auto;
  }

  @media (forced-colors: active) {
    .sidebar {
      --tw-border-style: solid;
      border-style: solid;
    }
  }

  .sidebar-inset {
    flex-direction: column;
    flex: 1;
    width: 100%;
    min-width: 0;
    transition-property: none;
    display: flex;
    position: relative;
  }

  .sidebar-inset:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .sidebar-trigger-icon:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *), .sidebar-provider:has( > .sidebar[data-side="right"]) .sidebar-trigger-icon {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .sidebar-provider:has( > .sidebar[data-side="right"]) .sidebar-trigger-icon:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  @media not all and (min-width: 48rem) {
    .sidebar {
      border-style: var(--tw-border-style);
      max-width: calc(100% - 3rem);
      height: 100%;
      max-height: none;
      inline-size: var(--sidebar-width-mobile);
      border-width: 0;
      position: fixed;
      inset-block: 0;
    }

    .sidebar:popover-open {
      display: flex;
    }

    .sidebar:not([data-side]) {
      border-inline-end-style: var(--tw-border-style);
      --sidebar-from: -100%;
      border-inline-end-width: 1px;
      inset-inline-start: calc(var(--spacing) * 0);
      inset-inline-end: auto;
    }

    .sidebar[data-side="right"] {
      border-inline-start-style: var(--tw-border-style);
      --sidebar-from: 100%;
      border-inline-start-width: 1px;
      inset-inline-start: auto;
      inset-inline-end: calc(var(--spacing) * 0);
    }

    .sidebar:not([data-side]):dir(rtl) {
      --sidebar-from: 100%;
    }

    .sidebar[data-side="right"]:dir(rtl) {
      --sidebar-from: -100%;
    }

    :root:has(.sidebar:popover-open) {
      overflow: hidden;
    }
  }

  @media (not (min-width: 48rem)) and (prefers-reduced-motion: no-preference) {
    .sidebar {
      transition-property: translate, overlay, display;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      transition-behavior: allow-discrete;
    }

    .sidebar::backdrop {
      opacity: 0;
      transition-property: opacity, overlay, display;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      transition-behavior: allow-discrete;
    }

    .sidebar:is([open], :popover-open, :open)::backdrop {
      opacity: 1;
    }

    @starting-style {
      .sidebar:is([open], :popover-open, :open)::backdrop {
        opacity: 0;
      }
    }

    .sidebar {
      translate: var(--sidebar-from) 0;
    }

    .sidebar:popover-open {
      translate: 0;
    }

    @starting-style {
      .sidebar:popover-open {
        translate: var(--sidebar-from) 0;
      }
    }
  }

  @media (min-width: 48rem) {
    .sidebar:not([data-placement]) {
      border-style: var(--tw-border-style);
      max-width: none;
      height: 100svh;
      max-height: none;
      inline-size: var(--sidebar-width);
      inset: auto;
      border-width: 0;
      flex: none;
      align-self: flex-start;
      display: flex;
      position: sticky;
      top: 0;
      translate: none;
    }

    .sidebar:not([data-variant]):not([data-side]):not([data-placement]) {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px;
    }

    .sidebar:not([data-placement])[data-side="right"] {
      order: 1;
    }

    .sidebar:not([data-placement])[data-side="right"]:not([data-variant]) {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 1px;
    }

    .sidebar:not([data-placement])[data-variant="floating"] {
      border-style: var(--tw-border-style);
      top: calc(var(--spacing) * 2);
      block-size: calc(100svh - calc(var(--spacing) * 4));
      inline-size: calc(var(--sidebar-width) - calc(var(--spacing) * 4));
      margin: calc(var(--spacing) * 2);
      border-width: 1px;
    }

    .sidebar:not([data-placement])[data-variant="inset"] {
      padding: calc(var(--spacing) * 2);
    }

    .sidebar-provider:has( > .sidebar[data-variant="inset"]) > .sidebar-inset {
      margin: calc(var(--spacing) * 2);
    }

    @media (forced-colors: active) {
      .sidebar-provider:has( > .sidebar[data-variant="inset"]) > .sidebar-inset {
        border-style: var(--tw-border-style);
        --tw-border-style: solid;
        border-style: solid;
        border-width: 1px;
      }
    }

    .sidebar-provider:has( > .sidebar[data-variant="inset"]:not([data-side])) > .sidebar-inset {
      margin-inline-start: 0;
    }

    .sidebar-provider:has( > .sidebar[data-variant="inset"][data-side="right"]) > .sidebar-inset {
      margin-inline-end: 0;
    }

    .sidebar-provider[data-state="collapsed"]:has( > .sidebar[data-variant="inset"]:not([data-collapsible])) > .sidebar-inset {
      margin: calc(var(--spacing) * 2);
    }

    .sidebar-provider[data-state="expanded"] > .sidebar {
      visibility: visible;
    }

    .sidebar-provider[data-state="collapsed"] > .sidebar:not([data-collapsible]) {
      visibility: hidden;
    }

    .sidebar-provider[data-state="collapsed"] > .sidebar:not([data-collapsible]):not([data-side]) {
      margin-inline-start: calc(-1 * var(--sidebar-width));
    }

    .sidebar-provider[data-state="collapsed"] > .sidebar:not([data-collapsible])[data-side="right"] {
      margin-inline-end: calc(-1 * var(--sidebar-width));
    }

    .sidebar-provider[data-state="collapsed"] > .sidebar:not([data-collapsible])[data-variant="floating"]:not([data-side]) {
      margin-inline-start: calc(-1 * (var(--sidebar-width) - calc(var(--spacing) * 2)));
    }

    .sidebar-provider[data-state="collapsed"] > .sidebar:not([data-collapsible])[data-variant="floating"][data-side="right"] {
      margin-inline-end: calc(-1 * (var(--sidebar-width) - calc(var(--spacing) * 2)));
    }

    .sidebar-provider[data-state="collapsed"] > .sidebar[data-collapsible="icon"] {
      inline-size: var(--sidebar-width-icon);
      overflow-x: hidden;
    }

    .sidebar-provider[data-state="collapsed"] > .sidebar[data-collapsible="icon"][data-variant="floating"] {
      inline-size: calc(var(--sidebar-width-icon) + 2px);
    }

    .sidebar-provider[data-state="collapsed"] > .sidebar[data-collapsible="icon"][data-variant="inset"] {
      inline-size: calc(var(--sidebar-width-icon) + calc(var(--spacing) * 4));
    }

    .sidebar-provider[data-state="collapsed"] > .sidebar[data-collapsible="icon"] :is(.sidebar-menu-action, .sidebar-group-action, .sidebar-menu-button-chevron, .sidebar-menu-sub) {
      display: none;
    }

    .sidebar-provider[data-state="collapsed"] > .sidebar[data-collapsible="icon"] .sidebar-group-collapsible > summary {
      visibility: hidden;
    }

    .sidebar-provider[data-state="collapsed"] > .sidebar[data-collapsible="icon"] .sidebar-group-collapsible::details-content {
      content-visibility: visible;
    }

    .sidebar-provider[data-state="collapsed"] > .sidebar[data-collapsible="icon"] .sidebar-group[data-icon-hidden] {
      display: none;
    }

    .sidebar-provider[data-state="collapsed"] > .sidebar[data-collapsible="icon"] .sidebar-menu-badge {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      min-width: 0;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }

    .sidebar-provider[data-state="collapsed"] > .sidebar[data-collapsible="icon"] .sidebar-content {
      overflow: hidden;
    }

    .sidebar-provider[data-state="collapsed"] > .sidebar[data-collapsible="icon"] .sidebar-menu-button {
      justify-content: center;
    }

    .sidebar-provider[data-state="collapsed"] > .sidebar[data-collapsible="icon"] .sidebar-menu-button > :is(.sidebar-menu-button-label, .sidebar-menu-button-label ~ :not(.sidebar-menu-tooltip)) {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }

    .sidebar-provider:has( > .sidebar[data-collapsible="none"]) .sidebar-trigger {
      display: none;
    }
  }

  .sidebar-provider:not([data-state="collapsed"]) .sidebar-menu-tooltip, .sidebar:not([data-collapsible="icon"]) .sidebar-menu-tooltip {
    display: none;
  }

  @media not all and (min-width: 48rem) {
    .sidebar .sidebar-menu-tooltip {
      display: none;
    }
  }

  .sidebar[data-side="right"] .sidebar-menu-tooltip {
    --popup-side: inline-start;
    --popup-margin-inline: 0 var(--popup-offset);
    --popup-from: var(--popup-slide) 0;
    transform-origin: 100%;
  }

  .sidebar[data-side="right"] .sidebar-menu-tooltip:dir(rtl) {
    --popup-from: calc(-1 * var(--popup-slide)) 0;
    transform-origin: 0;
  }

  @media (min-width: 48rem) and (prefers-reduced-motion: no-preference) {
    .sidebar {
      transition-property: margin, visibility, width;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .sidebar-provider:has( > .sidebar[data-variant="inset"]) > .sidebar-inset {
      transition-property: margin;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  .sidebar-provider:has( > .site-header) {
    flex-direction: column;
  }

  .sidebar-provider:has( > .site-header) > .sidebar-inset {
    width: auto;
  }

  @media (min-width: 48rem) {
    .sidebar[data-placement="header"] {
      border-style: var(--tw-border-style);
      scrollbar-width: thin;
      min-width: 0;
      max-width: none;
      height: auto;
      max-height: none;
      background-color: #0000;
      border-width: 0;
      flex-direction: row;
      flex: auto;
      align-self: stretch;
      align-items: center;
      inline-size: auto;
      display: flex;
      position: static;
      inset: auto;
      overflow: auto hidden;
      translate: none;
    }

    .sidebar[data-placement="header"] :is(.sidebar-header, .sidebar-content, .sidebar-footer, .sidebar-group, .sidebar-menu) {
      flex-direction: row;
      flex: none;
      align-items: center;
      width: auto;
      padding: 0;
      overflow: visible;
    }

    .sidebar[data-placement="header"] .sidebar-group-content {
      width: auto;
    }

    .sidebar[data-placement="header"] .sidebar-group-label {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }

    .sidebar[data-placement="header"] :is(.sidebar-group-action, .sidebar-separator, .sidebar-menu-tooltip, .sidebar-menu-button:not([aria-haspopup]) > svg, .sidebar-menu-button[aria-haspopup] > svg:not(.sidebar-menu-button-label ~ svg)), .sidebar[data-placement="header"] .sidebar-menu-item:has( > .sidebar-menu-collapsible), .sidebar[data-placement="header"] :is(.sidebar-menu-sub-collapsible, .sidebar-group-collapsible > summary) {
      display: none;
    }

    .sidebar[data-placement="header"] .sidebar-group-collapsible::details-content {
      content-visibility: visible;
    }

    .sidebar[data-placement="header"] .sidebar-group-collapsible {
      flex-direction: row;
      align-items: center;
      display: flex;
    }

    .sidebar[data-placement="header"] .sidebar-menu-item {
      flex: none;
    }

    .sidebar[data-placement="header"] .sidebar-menu-button {
      white-space: nowrap;
      width: auto;
    }

    .sidebar-provider:has(.sidebar[data-placement="header"]) .sidebar-trigger {
      display: none;
    }

    .sidebar-provider:has( > .site-header > .sidebar[data-variant="inset"]) > .sidebar-inset {
      margin: calc(var(--spacing) * 2);
      margin-top: 0;
    }

    @media (forced-colors: active) {
      .sidebar-provider:has( > .site-header > .sidebar[data-variant="inset"]) > .sidebar-inset {
        border-style: var(--tw-border-style);
        --tw-border-style: solid;
        border-style: solid;
        border-width: 1px;
      }
    }

    .sidebar [data-panel-only] {
      display: none;
    }
  }

  .sidebar-menu-button[aria-haspopup="menu"] ~ .dropdown-menu-content {
    min-inline-size: max(anchor-size(inline), calc(var(--spacing) * 56));
  }

  @media not all and (min-width: 48rem) {
    .sidebar .dropdown-menu-content:is([data-side="right"], [data-side="left"]) {
      --popup-side: block-end;
      --popup-align: span-inline-start;
      --popup-margin-block: var(--popup-offset) 0;
      --popup-margin-inline: 0;
      --popup-from: 0 calc(-1 * var(--popup-slide));
      transform-origin: top;
    }
  }

  @media (min-width: 48rem) {
    .sidebar[data-placement="header"] .dropdown-menu-content:is([data-side="right"], [data-side="left"]) {
      --popup-side: block-end;
      --popup-align: span-inline-start;
      --popup-margin-block: var(--popup-offset) 0;
      --popup-margin-inline: 0;
      --popup-from: 0 calc(-1 * var(--popup-slide));
      transform-origin: top;
    }
  }

  @media (scripting: none) and (min-width: 48rem) {
    .sidebar-trigger {
      display: none;
    }
  }

  .sidebar-header, .sidebar-footer {
    flex-direction: column;
    display: flex;
  }

  .sidebar-content {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
    overflow: auto;
  }

  .sidebar-separator {
    flex-shrink: 0;
    width: auto;
    height: 1px;
  }

  @media (forced-colors: active) {
    .sidebar-separator {
      background-color: canvastext;
    }
  }

  .sidebar-group {
    flex-direction: column;
    width: 100%;
    min-width: 0;
    display: flex;
    position: relative;
  }

  .sidebar-group-label {
    flex-shrink: 0;
    align-items: center;
    display: flex;
  }

  .sidebar-group-content {
    width: 100%;
  }

  .sidebar-menu {
    flex-direction: column;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
  }

  .sidebar-menu-item {
    position: relative;
  }

  .sidebar-menu-button {
    text-align: start;
    --tw-outline-style: none;
    outline-style: none;
    align-items: center;
    width: 100%;
    text-decoration-line: none;
    display: flex;
    overflow: hidden;
  }

  .sidebar-menu-button:disabled, .sidebar-menu-button[aria-disabled="true"] {
    pointer-events: none;
    opacity: .5;
  }

  :is(.sidebar-group-label, .sidebar-menu-button, .sidebar-group-action, .sidebar-menu-action) > svg {
    flex-shrink: 0;
  }

  .sidebar-menu-button-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }

  .sidebar-menu-button-label > * {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
  }

  .sidebar-menu-item:has( > .sidebar-menu-action,  > .sidebar-menu-badge,  > .sidebar-menu-sub-collapsible) > .sidebar-menu-button {
    padding-inline-end: calc(var(--spacing) * 8);
  }

  :is(.sidebar-menu-collapsible, .sidebar-group-collapsible, .sidebar-menu-sub-collapsible) > summary {
    list-style-type: none;
  }

  :is(.sidebar-menu-collapsible, .sidebar-group-collapsible, .sidebar-menu-sub-collapsible) > summary::-webkit-details-marker {
    display: none;
  }

  .sidebar-menu-button-chevron, .sidebar-group-label-chevron {
    flex-shrink: 0;
    margin-inline-start: auto;
    transition-property: none;
  }

  @media (prefers-reduced-motion: no-preference) {
    .sidebar-menu-button-chevron, .sidebar-group-label-chevron {
      transition-property: rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  :is(.sidebar-menu-button-chevron, .sidebar-group-label-chevron):where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .sidebar-menu-sub-toggle-icon {
    flex-shrink: 0;
    transition-property: none;
  }

  @media (prefers-reduced-motion: no-preference) {
    .sidebar-menu-sub-toggle-icon {
      transition-property: rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  .sidebar-menu-sub-toggle-icon:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .sidebar-menu-collapsible[open] > summary > .sidebar-menu-button-chevron, .sidebar-group-collapsible[open] > summary > .sidebar-group-label-chevron, .sidebar-menu-sub-collapsible[open] > summary > .sidebar-menu-sub-toggle-icon {
    rotate: 90deg;
    scale: none;
  }

  .sidebar-menu-sub {
    flex-direction: column;
    min-width: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
  }

  .sidebar-menu-sub-item {
    position: relative;
  }

  .sidebar-menu-sub-button {
    --tw-outline-style: none;
    outline-style: none;
    align-items: center;
    min-width: 0;
    text-decoration-line: none;
    display: flex;
    overflow: hidden;
  }

  .sidebar-menu-sub-button:disabled, .sidebar-menu-sub-button[aria-disabled="true"] {
    pointer-events: none;
    opacity: .5;
  }

  .sidebar-menu-sub-button > svg {
    flex-shrink: 0;
  }

  .sidebar-menu-sub-button-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }

  .sidebar-group-action, .sidebar-menu-action {
    aspect-ratio: 1;
    --tw-outline-style: none;
    outline-style: none;
    justify-content: center;
    align-items: center;
    text-decoration-line: none;
    display: flex;
    position: absolute;
  }

  :is(.sidebar-group-action, .sidebar-menu-action):after {
    content: var(--tw-content);
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
    position: absolute;
  }

  @media (min-width: 48rem) {
    :is(.sidebar-group-action, .sidebar-menu-action):after {
      content: var(--tw-content);
      display: none;
    }

    .sidebar-menu-action[data-show-on-hover] {
      opacity: 0;
    }

    .sidebar-menu-item:is(:hover, :focus-within) > .sidebar-menu-action[data-show-on-hover], .sidebar-menu-action[data-show-on-hover][aria-expanded="true"] {
      opacity: 1;
    }
  }

  .sidebar-menu-badge {
    pointer-events: none;
    --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, );
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  @media (forced-colors: active) {
    .sidebar-menu-button:is([aria-current="page"], [aria-current="true"]), .sidebar-menu-sub-button:is([aria-current="page"], [aria-current="true"]), .sidebar-provider[data-state="collapsed"] > .sidebar[data-collapsible="icon"] .sidebar-menu-collapsible:has(.sidebar-menu-sub-button:is([aria-current="page"], [aria-current="true"])) > .sidebar-menu-button, .sidebar-provider[data-state="collapsed"] > .sidebar[data-collapsible="icon"] .sidebar-menu-item:has( > .sidebar-menu-sub-collapsible .sidebar-menu-sub-button:is([aria-current="page"], [aria-current="true"])) > .sidebar-menu-button {
      outline-style: var(--tw-outline-style);
      outline-offset: calc(1px * -1);
      --tw-outline-style: solid;
      outline-width: 1px;
      outline-style: solid;
    }

    .sidebar-menu-button:focus-visible, .sidebar-menu-sub-button:focus-visible, .sidebar-group-action:focus-visible, .sidebar-menu-action:focus-visible, .sidebar-group-label:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-offset: calc(2px * -1);
      --tw-outline-style: solid;
      outline-width: 2px;
      outline-style: solid;
    }
  }

  .site-header {
    width: 100%;
    min-width: 0;
    min-block-size: var(--site-header-height);
    flex-shrink: 0;
    align-items: center;
    display: flex;
  }

  .site-header-end {
    flex-shrink: 0;
    align-items: center;
    margin-inline-start: auto;
    display: flex;
  }

  .site-header > .separator[data-orientation="vertical"] {
    height: calc(var(--spacing) * 4);
    align-self: center;
  }

  .skeleton {
    flex-shrink: 0;
    display: block;
  }

  .skeleton[data-shape="circle"] {
    border-radius: 3.40282e38px;
  }

  .skip-link {
    clip-path: inset(50%);
    white-space: nowrap;
    --tw-outline-style: none;
    border-width: 0;
    outline-style: none;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    text-decoration-line: none;
    position: absolute;
    overflow: hidden;
  }

  .skip-link:focus {
    inset-inline-start: calc(var(--spacing) * 2);
    top: calc(var(--spacing) * 2);
    z-index: 50;
    white-space: nowrap;
    clip-path: none;
    width: auto;
    height: auto;
    margin: 0;
    position: fixed;
    overflow: visible;
  }

  @media (forced-colors: active) {
    .skip-link:focus {
      border-style: var(--tw-border-style);
      --tw-border-style: solid;
      outline-style: var(--tw-outline-style);
      outline-offset: 2px;
      --tw-outline-style: solid;
      border-style: solid;
      border-width: 1px;
      outline-width: 2px;
      outline-style: solid;
    }
  }

  .switch {
    appearance: none;
    --tw-outline-style: none;
    background-repeat: no-repeat;
    border-radius: 3.40282e38px;
    outline-style: none;
    flex-shrink: 0;
    margin: 0;
    display: inline-flex;
  }

  .switch:disabled {
    cursor: not-allowed;
    opacity: .5;
  }

  @media (prefers-reduced-motion: no-preference) {
    .switch {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  @media (forced-colors: active) {
    .switch {
      appearance: auto;
    }

    .switch:disabled {
      opacity: 1;
    }
  }

  .switch {
    background-image: radial-gradient(circle closest-side, var(--switch-thumb) calc(100% - 1px), transparent 100%);
    background-position: 0;
  }

  :is(.switch:checked, .switch:dir(rtl)) {
    background-position: 100%;
  }

  .switch:dir(rtl):checked {
    background-position: 0;
  }

  .table-container {
    width: 100%;
    position: relative;
    overflow-x: auto;
  }

  .table {
    caption-side: bottom;
    width: 100%;
  }

  .table > :is(thead, tbody, tfoot) > tr > :is(th, td) {
    vertical-align: middle;
    white-space: nowrap;
  }

  .table > :is(thead, tbody, tfoot) > tr > :is(th, td):not([data-align]), .table-head:not([data-align]) {
    text-align: start;
  }

  .table > :is(thead, tbody, tfoot) > tr > :is(th, td)[data-align="center"], .table-head[data-align="center"] {
    text-align: center;
  }

  .table > :is(thead, tbody, tfoot) > tr > :is(th, td)[data-align="end"], .table-head[data-align="end"] {
    text-align: end;
  }

  .table-sort {
    vertical-align: middle;
  }

  .table > tbody > tr.table-empty > td {
    text-align: center;
    white-space: normal;
  }

  .table-select-all[x-cloak], .table-selection-count[x-cloak] {
    visibility: hidden;
  }

  .tabs {
    flex-direction: column;
    display: flex;
  }

  .tabs[data-orientation="vertical"] {
    flex-direction: row;
  }

  .tabs-list {
    justify-content: center;
    align-items: center;
    width: fit-content;
    display: inline-flex;
  }

  .tabs[data-orientation="vertical"] > .tabs-list {
    flex-direction: column;
    height: fit-content;
  }

  .tabs-trigger {
    cursor: default;
    white-space: nowrap;
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex: 1;
    justify-content: center;
    align-items: center;
    text-decoration-line: none;
    display: inline-flex;
    position: relative;
  }

  .tabs-trigger:disabled, .tabs-trigger[aria-disabled="true"] {
    pointer-events: none;
    opacity: .5;
  }

  @media (forced-colors: active) {
    .tabs-trigger:focus-visible {
      outline-style: var(--tw-outline-style);
      --tw-outline-style: solid;
      outline-width: 2px;
      outline-style: solid;
    }

    .tabs-trigger:disabled, .tabs-trigger[aria-disabled="true"] {
      color: graytext;
      opacity: 1;
    }
  }

  .tabs-trigger svg {
    pointer-events: none;
    flex-shrink: 0;
  }

  .tabs[data-orientation="vertical"] > .tabs-list > .tabs-trigger {
    justify-content: flex-start;
    width: 100%;
  }

  @media (forced-colors: active) {
    .tabs-trigger[aria-selected="true"] {
      text-underline-offset: 4px;
      text-decoration-line: underline;
    }
  }

  .tabs-list[data-variant="line"] > .tabs-trigger:after {
    content: var(--tw-content);
    opacity: 0;
    position: absolute;
  }

  @media (prefers-reduced-motion: no-preference) {
    .tabs-list[data-variant="line"] > .tabs-trigger:after {
      content: var(--tw-content);
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  .tabs:not([data-orientation]) > .tabs-list[data-variant="line"] > .tabs-trigger:after {
    inset-inline: 0;
    bottom: calc(var(--spacing) * -1.25);
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .tabs[data-orientation="vertical"] > .tabs-list[data-variant="line"] > .tabs-trigger:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
    inset-block: 0;
    inset-inline-end: calc(var(--spacing) * -1);
  }

  .tabs-list[data-variant="line"] > .tabs-trigger[aria-selected="true"]:after {
    content: var(--tw-content);
    opacity: 1;
  }

  .tabs-content {
    --tw-outline-style: none;
    outline-style: none;
    flex: 1;
  }

  @media (forced-colors: active) {
    .tabs-content:focus-visible {
      outline-style: var(--tw-outline-style);
      --tw-outline-style: solid;
      outline-width: 2px;
      outline-style: solid;
    }
  }

  .tabs-content[hidden] {
    border-style: var(--tw-border-style);
    border-width: 0;
    width: 0;
    height: 0;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .textarea {
    field-sizing: content;
    min-height: calc(var(--spacing) * 16);
    --tw-outline-style: none;
    outline-style: none;
    width: 100%;
    display: flex;
  }

  .textarea:disabled {
    cursor: not-allowed;
    opacity: .5;
  }

  @media (forced-colors: active) {
    .textarea:disabled {
      color: graytext;
      opacity: 1;
      border-color: graytext;
    }
  }

  .theme-toggle {
    display: contents;
  }

  .theme-toggle-light:where(.dark, .dark *), .theme-toggle-dark {
    display: none;
  }

  .theme-toggle-dark:where(.dark, .dark *) {
    display: block;
  }

  @media (scripting: none) {
    .theme-toggle {
      display: none;
    }
  }

  .toaster {
    display: contents;
  }

  .toaster-viewport {
    pointer-events: none;
    height: auto;
    width: calc(var(--spacing) * 89);
    border-style: var(--tw-border-style);
    max-width: calc(100% - 2rem);
    color: inherit;
    --toaster-offset: 1.5rem;
    --toast-gap: .875rem;
    --toast-peek: .875rem;
    --toast-lift: -1;
    background-color: #0000;
    border-width: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    inset: auto;
    overflow: visible;
  }

  .toaster-viewport:not([data-position]), .toaster-viewport[data-position="bottom-right"], .toaster-viewport[data-position="bottom-left"], .toaster-viewport[data-position="bottom-center"] {
    inset-block-end: var(--toaster-offset);
  }

  .toaster-viewport[data-position="top-right"], .toaster-viewport[data-position="top-left"], .toaster-viewport[data-position="top-center"] {
    --toast-lift: 1;
    inset-block-start: var(--toaster-offset);
  }

  .toaster-viewport:not([data-position]), .toaster-viewport[data-position="bottom-right"], .toaster-viewport[data-position="top-right"] {
    inset-inline-end: var(--toaster-offset);
  }

  .toaster-viewport[data-position="bottom-left"], .toaster-viewport[data-position="top-left"] {
    inset-inline-start: var(--toaster-offset);
  }

  .toaster-viewport[data-position="bottom-center"], .toaster-viewport[data-position="top-center"] {
    margin-inline: auto;
    inset-inline: 0;
  }

  @media not all and (min-width: 40rem) {
    .toaster-viewport {
      --toaster-offset: 1rem;
      width: auto;
      max-width: none;
      inset-inline: var(--toaster-offset);
      margin-inline: 0;
    }
  }

  .toaster-list {
    pointer-events: auto;
    gap: var(--toast-gap);
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    position: relative;
  }

  .toaster-viewport[data-position^="top"] > .toaster-list {
    flex-direction: column-reverse;
  }

  .toaster-list[data-stacked] {
    block-size: var(--toast-front-height, auto);
    display: block;
  }

  .toaster-list[data-stacked][data-expanded] {
    block-size: calc(var(--toast-stack-sum, 0px) + (var(--toast-count, 1) - 1) * var(--toast-gap));
  }

  .toast {
    box-sizing: border-box;
    overflow-wrap: anywhere;
    --tw-outline-style: none;
    outline-style: none;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
  }

  @media (forced-colors: active) {
    .toast {
      border-style: var(--tw-border-style);
      --tw-border-style: solid;
      border-style: solid;
      border-width: 1px;
    }

    .toast:focus-visible {
      outline-style: var(--tw-outline-style);
      --tw-outline-style: solid;
      outline-width: 2px;
      outline-style: solid;
    }
  }

  .toast > svg {
    flex-shrink: 0;
  }

  .toast-content {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .toast-close {
    flex-shrink: 0;
    align-self: flex-start;
  }

  .toast:not([data-enhanced]) > .toast-close {
    display: none;
  }

  .toaster-list[data-stacked] > .toast {
    transition-property: opacity, translate, scale;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .4s;
    --tw-ease: var(--ease-out);
    transition-duration: .4s;
    transition-timing-function: var(--ease-out);
    z-index: calc(100 - var(--toast-index, 0));
    translate: 0 calc(var(--toast-lift) * var(--toast-index, 0) * var(--toast-peek));
    scale: calc(1 - var(--toast-index, 0) * .05);
    position: absolute;
    inset-inline: 0;
  }

  .toaster-viewport:not([data-position^="top"]) > .toaster-list[data-stacked] > .toast {
    transform-origin: top;
    bottom: 0;
  }

  .toaster-viewport[data-position^="top"] > .toaster-list[data-stacked] > .toast {
    transform-origin: bottom;
    top: 0;
  }

  .toaster-list[data-stacked]:not([data-expanded]) > .toast[data-behind] {
    block-size: var(--toast-front-height);
    overflow: hidden;
  }

  .toaster-list[data-stacked]:not([data-expanded]) > .toast[data-behind] > * {
    opacity: 0;
  }

  .toaster-list[data-stacked][data-expanded] > .toast {
    translate: 0 calc(var(--toast-lift) * (var(--toast-offset, 0px) + var(--toast-index, 0) * var(--toast-gap)));
    scale: 1;
  }

  .toaster-list[data-stacked] > .toast[data-hidden] {
    visibility: hidden;
    opacity: 0;
  }

  .toaster-list[data-stacked] > .toast[data-removed] {
    pointer-events: none;
    opacity: 0;
  }

  @starting-style {
    .toaster-list[data-stacked] > .toast {
      opacity: 0;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    @starting-style {
      .toaster-list[data-stacked] > .toast {
        translate: 0 calc(var(--toast-lift) * -100%);
      }
    }

    .toaster-list[data-stacked] > .toast[data-removed] {
      translate: 0 calc(var(--toast-lift) * (var(--toast-offset, 0px) + var(--toast-index, 0) * var(--toast-gap)) - var(--toast-lift) * 100%);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .toaster-list[data-stacked] > .toast {
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  .tooltip {
    display: contents;
  }

  .tooltip-content {
    border-style: var(--tw-border-style);
    border-width: 0;
    align-items: center;
    width: fit-content;
    overflow: visible;
  }

  .tooltip-content:is([open], :popover-open, :open) {
    display: inline-flex;
  }

  .tooltip-arrow {
    position: absolute;
    rotate: 45deg;
  }

  .tooltip-content:not([data-placed]) > .tooltip-arrow, .tooltip-content[data-placed="top"] > .tooltip-arrow {
    top: 100%;
    left: 50%;
    translate: -50% calc(-50% - 2px);
  }

  .tooltip-content[data-placed="bottom"] > .tooltip-arrow {
    bottom: 100%;
    left: 50%;
    translate: -50% calc(50% + 2px);
  }

  .tooltip-content[data-placed="left"] > .tooltip-arrow {
    top: 50%;
    left: 100%;
    translate: calc(-50% - 2px) -50%;
  }

  .tooltip-content[data-placed="right"] > .tooltip-arrow {
    top: 50%;
    right: 100%;
    translate: calc(50% + 2px) -50%;
  }

  .user-menu-label {
    text-align: start;
    align-items: center;
    display: flex;
  }

  .user-menu-text {
    flex: 1;
    min-width: 0;
    display: grid;
  }

  :is(.user-menu-name, .user-menu-detail) {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .button.user-menu-trigger {
    padding: 0;
    overflow: hidden;
  }

  .button {
    border-radius: calc(var(--radius) - 2px);
    border-style: var(--tw-border-style);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    background-clip: padding-box;
    border-width: 1px;
    border-color: #0000;
  }

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

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

  .button[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

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

  @media (prefers-reduced-motion: no-preference) {
    .button:active:not([aria-haspopup]) {
      --tw-translate-y: 1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  .button:where(.dark, .dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button:where(.dark, .dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .button:where(.dark, .dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

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

  .button svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .button:not([data-size]), .button[data-size="default"] {
    height: calc(var(--spacing) * 9);
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 2.5);
  }

  :is(.button:not([data-size]), .button[data-size="default"]):has([data-icon="inline-end"]) {
    padding-inline-end: calc(var(--spacing) * 2);
  }

  :is(.button:not([data-size]), .button[data-size="default"]):has([data-icon="inline-start"]) {
    padding-inline-start: calc(var(--spacing) * 2);
  }

  .button[data-size="xs"] {
    height: calc(var(--spacing) * 6);
    gap: var(--spacing);
    border-radius: min(calc(var(--radius) - 2px), 8px);
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .button[data-size="xs"]:has([data-icon="inline-end"]) {
    padding-inline-end: calc(var(--spacing) * 1.5);
  }

  .button[data-size="xs"]:has([data-icon="inline-start"]) {
    padding-inline-start: calc(var(--spacing) * 1.5);
  }

  .button[data-size="xs"] svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .button[data-size="sm"] {
    height: calc(var(--spacing) * 8);
    gap: var(--spacing);
    border-radius: min(calc(var(--radius) - 2px), 10px);
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .button[data-size="sm"]:has([data-icon="inline-end"]) {
    padding-inline-end: calc(var(--spacing) * 1.5);
  }

  .button[data-size="sm"]:has([data-icon="inline-start"]) {
    padding-inline-start: calc(var(--spacing) * 1.5);
  }

  .button[data-size="lg"] {
    height: calc(var(--spacing) * 10);
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .button[data-size="lg"]:has([data-icon="inline-end"]) {
    padding-inline-end: calc(var(--spacing) * 2);
  }

  .button[data-size="lg"]:has([data-icon="inline-start"]) {
    padding-inline-start: calc(var(--spacing) * 2);
  }

  .button[data-size="icon"] {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .button[data-size="icon-xs"] {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    border-radius: min(calc(var(--radius) - 2px), 8px);
  }

  .button[data-size="icon-xs"] svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .button[data-size="icon-sm"] {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    border-radius: min(calc(var(--radius) - 2px), 10px);
  }

  .button[data-size="icon-lg"] {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .button:not([data-variant]), .button[data-variant="default"] {
    background-color: var(--primary);
    color: var(--primary-foreground);
  }

  @media (hover: hover) {
    :is(.button:not([data-variant]), .button[data-variant="default"]):hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(.button:not([data-variant]), .button[data-variant="default"]):hover {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }
  }

  .button[data-variant="secondary"] {
    background-color: var(--secondary);
    color: var(--secondary-foreground);
  }

  @media (hover: hover) {
    .button[data-variant="secondary"]:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .button[data-variant="secondary"]:hover {
        background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
      }
    }
  }

  .button[data-variant="secondary"][aria-expanded="true"]:where(:not(.sidebar-trigger)) {
    background-color: var(--secondary);
    color: var(--secondary-foreground);
  }

  .button[data-variant="outline"] {
    border-color: var(--border);
    background-color: var(--background);
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .button[data-variant="outline"]:hover {
      background-color: var(--muted);
      color: var(--foreground);
    }
  }

  .button[data-variant="outline"]:where(.dark, .dark *) {
    border-color: var(--input);
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button[data-variant="outline"]:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  @media (hover: hover) {
    .button[data-variant="outline"]:where(.dark, .dark *):hover {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .button[data-variant="outline"]:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
  }

  .button[data-variant="outline"][aria-expanded="true"]:where(:not(.sidebar-trigger)) {
    background-color: var(--muted);
    color: var(--foreground);
  }

  @media (hover: hover) {
    .button[data-variant="ghost"]:hover {
      background-color: var(--muted);
      color: var(--foreground);
    }

    .button[data-variant="ghost"]:where(.dark, .dark *):hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .button[data-variant="ghost"]:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }

  .button[data-variant="ghost"][aria-expanded="true"]:where(:not(.sidebar-trigger)) {
    background-color: var(--muted);
    color: var(--foreground);
  }

  .button[data-variant="link"] {
    color: var(--primary);
    text-underline-offset: 4px;
  }

  @media (hover: hover) {
    .button[data-variant="link"]:hover {
      text-decoration-line: underline;
    }
  }

  .button[data-variant="destructive"] {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button[data-variant="destructive"] {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .button[data-variant="destructive"] {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button[data-variant="destructive"] {
      color: color-mix(in oklch, var(--destructive), var(--foreground) 20%);
    }
  }

  @media (hover: hover) {
    .button[data-variant="destructive"]:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .button[data-variant="destructive"]:hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
  }

  .button[data-variant="destructive"]:focus-visible {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button[data-variant="destructive"]:focus-visible {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .button[data-variant="destructive"]:focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button[data-variant="destructive"]:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .button[data-variant="destructive"]:where(.dark, .dark *) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button[data-variant="destructive"]:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  @media (hover: hover) {
    .button[data-variant="destructive"]:where(.dark, .dark *):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .button[data-variant="destructive"]:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
      }
    }
  }

  .button[data-variant="destructive"]:where(.dark, .dark *):focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button[data-variant="destructive"]:where(.dark, .dark *):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .badge {
    height: calc(var(--spacing) * 5);
    gap: var(--spacing);
    border-radius: var(--radius-4xl);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * .5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-width: 1px;
    border-color: #0000;
  }

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

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

  .badge:has([data-icon="inline-end"]) {
    padding-inline-end: calc(var(--spacing) * 1.5);
  }

  .badge:has([data-icon="inline-start"]) {
    padding-inline-start: calc(var(--spacing) * 1.5);
  }

  .badge[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-color: var(--destructive);
  }

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

  .badge:where(.dark, .dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

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

  .badge svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .badge:not([data-variant]), .badge[data-variant="default"] {
    background-color: var(--primary);
    color: var(--primary-foreground);
  }

  @media (hover: hover) {
    :is(.badge:not([data-variant]), .badge[data-variant="default"]):is(a):hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(.badge:not([data-variant]), .badge[data-variant="default"]):is(a):hover {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }
  }

  .badge[data-variant="secondary"] {
    background-color: var(--secondary);
    color: var(--secondary-foreground);
  }

  @media (hover: hover) {
    .badge[data-variant="secondary"]:is(a):hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .badge[data-variant="secondary"]:is(a):hover {
        background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
      }
    }
  }

  .badge[data-variant="outline"] {
    border-color: var(--border);
    color: var(--foreground);
  }

  @media (hover: hover) {
    .badge[data-variant="outline"]:is(a):hover {
      background-color: var(--muted);
    }
  }

  .badge[data-variant="ghost"] {
    color: var(--foreground);
  }

  @media (hover: hover) {
    .badge[data-variant="ghost"]:is(a):hover, .badge[data-variant="ghost"]:where(.dark, .dark *):is(a):hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .badge[data-variant="ghost"]:where(.dark, .dark *):is(a):hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }

  .badge[data-variant="link"] {
    color: var(--primary);
    text-underline-offset: 4px;
  }

  @media (hover: hover) {
    .badge[data-variant="link"]:is(a):hover {
      text-decoration-line: underline;
    }
  }

  .badge[data-variant="destructive"] {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge[data-variant="destructive"] {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .badge[data-variant="destructive"] {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge[data-variant="destructive"] {
      color: color-mix(in oklch, var(--destructive), var(--foreground) 20%);
    }
  }

  .badge[data-variant="destructive"]:focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge[data-variant="destructive"]:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .badge[data-variant="destructive"]:where(.dark, .dark *) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge[data-variant="destructive"]:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .badge[data-variant="destructive"]:where(.dark, .dark *):focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge[data-variant="destructive"]:where(.dark, .dark *):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  @media (hover: hover) {
    .badge[data-variant="destructive"]:is(a):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .badge[data-variant="destructive"]:is(a):hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }

    .badge[data-variant="destructive"]:where(.dark, .dark *):is(a):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .badge[data-variant="destructive"]:where(.dark, .dark *):is(a):hover {
        background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
      }
    }
  }

  .card {
    border-radius: calc(var(--radius) + 4px);
    background-color: var(--card);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--card-foreground);
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    --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);
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .card {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .card:has( > img:first-child) {
    padding-top: 0;
  }

  .card > img:first-child {
    border-top-left-radius: calc(var(--radius) + 4px);
    border-top-right-radius: calc(var(--radius) + 4px);
  }

  .card > img:last-child {
    border-bottom-right-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px);
  }

  .card:not([data-size]), .card[data-size="default"] {
    gap: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 6);
  }

  .card[data-size="sm"] {
    gap: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
  }

  .card:is(:not([data-size]), [data-size="default"]) > :is(.card-header, .card-content, .card-footer) {
    padding-inline: calc(var(--spacing) * 6);
  }

  .card[data-size="sm"] > :is(.card-header, .card-content, .card-footer) {
    padding-inline: calc(var(--spacing) * 4);
  }

  .card-header {
    gap: var(--spacing);
  }

  .card-header[data-border] {
    border-bottom-style: var(--tw-border-style);
    padding-bottom: calc(var(--spacing) * 6);
    border-bottom-width: 1px;
  }

  .card[data-size="sm"] > .card-header[data-border] {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .card-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .card[data-size="sm"] > .card-header > .card-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .card-description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }

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

  .card-footer[data-border] {
    border-top-style: var(--tw-border-style);
    padding-top: calc(var(--spacing) * 6);
    border-top-width: 1px;
  }

  .card[data-size="sm"] > .card-footer[data-border] {
    padding-top: calc(var(--spacing) * 4);
  }

  .alert {
    row-gap: calc(var(--spacing) * .5);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    text-align: start;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-width: 1px;
  }

  .alert:has( > svg) {
    column-gap: calc(var(--spacing) * 3);
  }

  .alert > svg {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .alert > svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .alert:not([data-variant]) {
    background-color: var(--card);
    color: var(--card-foreground);
  }

  .alert[data-variant="destructive"] {
    background-color: var(--card);
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .alert[data-variant="destructive"] {
      color: color-mix(in oklch, var(--destructive), var(--foreground) 20%);
    }
  }

  .alert-title {
    min-height: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .alert-description {
    gap: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }

  .alert-description p {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .alert[data-variant="destructive"] > .alert-description {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .alert[data-variant="destructive"] > .alert-description {
      color: color-mix(in oklch, var(--destructive), var(--foreground) 20%);
    }
  }

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

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

  .separator {
    background-color: var(--border);
  }

  .separator:not([data-orientation]), .separator[data-orientation="horizontal"] {
    height: 1px;
  }

  .separator[data-orientation="vertical"] {
    width: 1px;
  }

  .skeleton {
    background-color: var(--accent);
  }

  @media (prefers-reduced-motion: no-preference) {
    .skeleton {
      animation: var(--animate-pulse);
    }
  }

  .skeleton:not([data-shape]), .skeleton[data-shape="line"] {
    height: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) - 2px);
    width: 100%;
  }

  .skeleton[data-shape="circle"] {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .skeleton:is(:not([data-shape]), [data-shape="line"]) + .skeleton:is(:not([data-shape]), [data-shape="line"]) {
    margin-top: calc(var(--spacing) * 2);
  }

  .kbd {
    height: calc(var(--spacing) * 5);
    min-width: calc(var(--spacing) * 5);
    gap: var(--spacing);
    border-radius: calc(var(--radius) - 4px);
    background-color: var(--muted);
    padding-inline: var(--spacing);
    font-family: var(--font-sans);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .kbd {
      color: color-mix(in oklch, var(--muted-foreground), var(--foreground) 20%);
    }
  }

  .kbd svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .kbd-group {
    gap: var(--spacing);
  }

  .avatar {
    background-color: var(--muted);
    border-radius: 3.40282e38px;
  }

  .avatar:not([data-size]), .avatar[data-size="default"] {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .avatar[data-size="sm"] {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .avatar[data-size="lg"] {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .avatar-fallback {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .avatar-fallback {
      color: color-mix(in oklch, var(--muted-foreground), var(--foreground) 20%);
    }
  }

  .avatar-fallback svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .avatar[data-size="sm"] > .avatar-fallback {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .avatar[data-size="sm"] > .avatar-fallback svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .label {
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium);
    line-height: 1;
    font-weight: var(--font-weight-medium);
  }

  .input {
    height: calc(var(--spacing) * 9);
    border-radius: calc(var(--radius) - 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #0000;
  }

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

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

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

  .input::file-selector-button {
    color: var(--foreground);
  }

  .input::placeholder {
    color: var(--muted-foreground);
  }

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

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

  .input[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

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

  @media (prefers-reduced-motion: no-preference) {
    .input {
      transition-property: color, box-shadow;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  @media (min-width: 48rem) {
    .input {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  .input:where(.dark, .dark *) {
    background-color: var(--input);
  }

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

  .input:where(.dark, .dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .input:where(.dark, .dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .input:where(.dark, .dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

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

  .input[readonly]:not(:disabled) {
    background-color: var(--muted);
    --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);
  }

  .input[readonly]:not(:disabled)::placeholder {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .input[readonly]:not(:disabled)::placeholder {
      color: color-mix(in oklch, var(--muted-foreground), var(--foreground) 20%);
    }
  }

  .textarea {
    border-radius: calc(var(--radius) - 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #0000;
  }

  .textarea::placeholder {
    color: var(--muted-foreground);
  }

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

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

  .textarea[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

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

  @media (prefers-reduced-motion: no-preference) {
    .textarea {
      transition-property: color, box-shadow;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  @media (min-width: 48rem) {
    .textarea {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  .textarea:where(.dark, .dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .textarea:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .textarea:where(.dark, .dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .textarea:where(.dark, .dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .textarea:where(.dark, .dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

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

  .textarea[readonly]:not(:disabled) {
    background-color: var(--muted);
    --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);
  }

  .textarea[readonly]:not(:disabled)::placeholder {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .textarea[readonly]:not(:disabled)::placeholder {
      color: color-mix(in oklch, var(--muted-foreground), var(--foreground) 20%);
    }
  }

  .native-select {
    border-radius: calc(var(--radius) - 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #0000;
    padding-inline-start: calc(var(--spacing) * 2.5);
    padding-inline-end: calc(var(--spacing) * 8);
  }

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

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

  .native-select[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

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

  @media (prefers-reduced-motion: no-preference) {
    .native-select {
      transition-property: color, box-shadow;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  .native-select:where(.dark, .dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .native-select:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  @media (hover: hover) {
    .native-select:where(.dark, .dark *):hover {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .native-select:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
  }

  .native-select:where(.dark, .dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .native-select:where(.dark, .dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .native-select:where(.dark, .dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .native-select:where(.dark, .dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .native-select[multiple] {
    padding-inline-end: calc(var(--spacing) * 2.5);
  }

  .native-select-wrapper:not([data-size]) > .native-select:not([multiple]), .native-select-wrapper[data-size="default"] > .native-select:not([multiple]) {
    height: calc(var(--spacing) * 9);
  }

  .native-select-wrapper[data-size="sm"] > .native-select:not([multiple]) {
    height: calc(var(--spacing) * 8);
  }

  .native-select-icon {
    color: var(--muted-foreground);
  }

  .select {
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #0000;
    padding-inline-start: calc(var(--spacing) * 2.5);
    padding-inline-end: calc(var(--spacing) * 8);
  }

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

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

  .select[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

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

  @media (prefers-reduced-motion: no-preference) {
    .select {
      transition-property: color, box-shadow;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  .select:where(.dark, .dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .select:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  @media (hover: hover) {
    .select:where(.dark, .dark *):hover {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .select:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
  }

  .select:where(.dark, .dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .select:where(.dark, .dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .select:where(.dark, .dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

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

  .select :is(selectedcontent, .select-value) {
    gap: calc(var(--spacing) * 1.5);
  }

  .select svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .select-wrapper:not([data-size]) > .select, .select-wrapper[data-size="default"] > .select {
    height: calc(var(--spacing) * 9);
  }

  .select-wrapper[data-size="sm"] > .select {
    height: calc(var(--spacing) * 8);
  }

  .select:has( > option[data-placeholder]:checked), .select[data-placeholder], .select-icon {
    color: var(--muted-foreground);
  }

  .select-content {
    border-radius: calc(var(--radius) - 2px);
    background-color: var(--popover);
    padding: var(--spacing);
    color: var(--popover-foreground);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    --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);
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .select-content {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .select-content {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .select::picker(select) {
    border-radius: calc(var(--radius) - 2px);
    background-color: var(--popover);
    padding: var(--spacing);
    color: var(--popover-foreground);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    --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);
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .select::picker(select) {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .select::picker(select) {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .select-content, .select {
    --popup-offset: var(--spacing);
    --popup-slide: calc(var(--spacing) * 2);
  }

  .select-item {
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius) - 4px);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    padding-inline-start: calc(var(--spacing) * 2);
    padding-inline-end: calc(var(--spacing) * 8);
  }

  @media (hover: hover) {
    .select-item:hover {
      background-color: var(--accent);
      color: var(--accent-foreground);
    }
  }

  .select-item:focus, .select-item[data-active] {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  .select-item svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .select-item:focus-visible, .select-wrapper:has( > .select:focus-visible) .select-item[data-active] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .select-item:focus-visible, .select-wrapper:has( > .select:focus-visible) .select-item[data-active] {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .select-item:focus-visible, .select-wrapper:has( > .select:focus-visible) .select-item[data-active] {
    --tw-ring-inset: inset;
  }

  .select-item-indicator {
    inset-inline-end: calc(var(--spacing) * 2);
  }

  .select-group, .select-label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--muted-foreground);
  }

  .select-label {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
  }

  .select-group > .select-item {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
  }

  .select-separator {
    margin-inline: calc(var(--spacing) * -1);
    margin-block: var(--spacing);
    background-color: var(--border);
  }

  .checkbox {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #0000;
    border-radius: 4px;
  }

  .checkbox:checked, .checkbox:indeterminate {
    border-color: var(--primary);
    background-color: var(--primary);
  }

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

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

  .checkbox[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

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

  .checkbox[aria-invalid="true"]:checked, .checkbox[aria-invalid="true"]:indeterminate {
    border-color: var(--primary);
  }

  @media (prefers-reduced-motion: no-preference) {
    .checkbox {
      transition-property: box-shadow;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  .checkbox:where(.dark, .dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .checkbox:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .checkbox:where(.dark, .dark *):checked, .checkbox:where(.dark, .dark *):indeterminate {
    background-color: var(--primary);
  }

  .checkbox:where(.dark, .dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .checkbox:where(.dark, .dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .checkbox:where(.dark, .dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

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

  .checkbox-indicator, .checkbox-indeterminate-indicator {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
    color: var(--primary-foreground);
  }

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

  .radio-group-item {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    background-color: #0000;
    background-size: .5rem;
  }

  .radio-group-item:checked {
    border-color: var(--primary);
    background-color: var(--primary);
    background-image: radial-gradient(circle closest-side,var(--primary-foreground) calc(100% - 1px),transparent 100%);
  }

  .radio-group-item:focus-visible {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

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

  .radio-group-item[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

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

  .radio-group-item[aria-invalid="true"]:checked {
    border-color: var(--primary);
  }

  .radio-group-item:where(.dark, .dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .radio-group-item:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .radio-group-item:where(.dark, .dark *):checked {
    background-color: var(--primary);
  }

  .radio-group-item:where(.dark, .dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .radio-group-item:where(.dark, .dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .radio-group-item:where(.dark, .dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .radio-group-item:where(.dark, .dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .switch {
    border-style: var(--tw-border-style);
    background-color: var(--input);
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --switch-thumb: var(--background);
    border-width: 1px;
    border-color: #0000;
  }

  .switch:checked {
    background-color: var(--primary);
  }

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

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

  .switch[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

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

  .switch:where(.dark, .dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .switch:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }

  .switch:where(.dark, .dark *) {
    --switch-thumb: var(--foreground);
  }

  .switch:where(.dark, .dark *):checked {
    background-color: var(--primary);
    --switch-thumb: var(--primary-foreground);
  }

  .switch:where(.dark, .dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .switch:where(.dark, .dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .switch:where(.dark, .dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

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

  .switch:not([data-size]), .switch[data-size="default"] {
    height: 18.4px;
    width: calc(var(--spacing) * 8);
    background-size: 1rem;
  }

  .switch[data-size="sm"] {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 6);
    background-size: .75rem;
  }

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

  .field-set:has( > .field[data-orientation="horizontal"]), .field-set:has( > .radio-group) {
    gap: calc(var(--spacing) * 3);
  }

  .field-legend {
    margin-bottom: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .field-legend:not([data-variant]), .field-legend[data-variant="legend"] {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .field-legend[data-variant="label"] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .field-group {
    gap: calc(var(--spacing) * 7);
  }

  .field-group > .field-group {
    gap: calc(var(--spacing) * 4);
  }

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

  .field-content {
    gap: var(--spacing);
  }

  .field-label {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .field[data-invalid="true"] > .field-label, .field[data-invalid="true"] > .field-content > .field-label, .field-set[data-invalid="true"] > .field-legend {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .field[data-invalid="true"] > .field-label, .field[data-invalid="true"] > .field-content > .field-label, .field-set[data-invalid="true"] > .field-legend {
      color: color-mix(in oklch, var(--destructive), var(--foreground) 20%);
    }
  }

  .field-description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    color: var(--muted-foreground);
  }

  :is(.field-legend:not([data-variant]), .field-legend[data-variant="legend"]) + .field-description {
    margin-top: calc(var(--spacing) * -1.5);
  }

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

  @supports (color: color-mix(in lab, red, red)) {
    .field-error {
      color: color-mix(in oklch, var(--destructive), var(--foreground) 20%);
    }
  }

  .dialog {
    gap: calc(var(--spacing) * 6);
    border-radius: calc(var(--radius) + 4px);
    background-color: var(--popover);
    max-width: calc(100% - 2rem);
    padding: calc(var(--spacing) * 6);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
    --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);
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dialog {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .dialog {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .dialog::backdrop {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dialog::backdrop {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .dialog::backdrop {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .dialog::backdrop {
      --tw-backdrop-blur: blur(var(--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, );
    }
  }

  @media (min-width: 40rem) {
    .dialog {
      max-width: var(--container-md);
    }
  }

  .dialog-close {
    inset-inline-end: calc(var(--spacing) * 4);
    top: calc(var(--spacing) * 4);
  }

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

  .dialog-title {
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium);
    line-height: 1;
    font-weight: var(--font-weight-medium);
  }

  .dialog-description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }

  .dialog-description a {
    text-underline-offset: 3px;
    text-decoration-line: underline;
  }

  .dialog-description a:hover {
    color: var(--foreground);
  }

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

  :is(.dialog-body, .sheet-body) {
    gap: calc(var(--spacing) * 4);
  }

  :is(.dialog-body-loading, .sheet-body-loading) {
    background-color: var(--popover);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.dialog-body-loading, .sheet-body-loading) {
      background-color: color-mix(in oklab, var(--popover) 70%, transparent);
    }
  }

  :is(.dialog-body-loading, .sheet-body-loading) {
    color: var(--muted-foreground);
  }

  :is(.dialog-body-spinner, .sheet-body-spinner) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .alert-dialog {
    max-width: var(--container-xs);
    gap: calc(var(--spacing) * 6);
    border-radius: calc(var(--radius) + 4px);
    background-color: var(--popover);
    padding: calc(var(--spacing) * 6);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
    --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);
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .alert-dialog {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .alert-dialog {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .alert-dialog::backdrop {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .alert-dialog::backdrop {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .alert-dialog::backdrop {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .alert-dialog::backdrop {
      --tw-backdrop-blur: blur(var(--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, );
    }
  }

  @media (min-width: 40rem) {
    .alert-dialog:not([data-size]) {
      max-width: var(--container-lg);
    }
  }

  .alert-dialog[data-size="sm"] {
    max-width: var(--container-xs);
  }

  .alert-dialog-header {
    gap: calc(var(--spacing) * 1.5);
  }

  .alert-dialog-header:has( > .alert-dialog-media) {
    column-gap: calc(var(--spacing) * 6);
  }

  .alert-dialog-media {
    margin-bottom: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
    border-radius: calc(var(--radius) - 2px);
  }

  .alert-dialog-media svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .alert-dialog-media:not([data-variant]) {
    background-color: var(--muted);
  }

  .alert-dialog-media[data-variant="destructive"] {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .alert-dialog-media[data-variant="destructive"] {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .alert-dialog-media[data-variant="destructive"] {
    color: var(--destructive);
  }

  .alert-dialog-media[data-variant="destructive"]:where(.dark, .dark *) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .alert-dialog-media[data-variant="destructive"]:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .alert-dialog-title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .alert-dialog-description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-wrap: balance;
    color: var(--muted-foreground);
  }

  @media (min-width: 48rem) {
    .alert-dialog-description {
      text-wrap: pretty;
    }
  }

  .alert-dialog-description a {
    text-underline-offset: 3px;
    text-decoration-line: underline;
  }

  .alert-dialog-description a:hover {
    color: var(--foreground);
  }

  .alert-dialog-footer {
    gap: calc(var(--spacing) * 2);
  }

  .sheet {
    gap: calc(var(--spacing) * 4);
    border-color: var(--border);
    background-color: var(--popover);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out);
    background-clip: padding-box;
  }

  .sheet::backdrop {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sheet::backdrop {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .sheet::backdrop {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .sheet::backdrop {
      --tw-backdrop-blur: blur(var(--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, );
    }
  }

  .sheet {
    --sheet-slide: calc(var(--spacing) * 10);
  }

  .sheet:not([data-side]), .sheet[data-side="left"] {
    width: 75%;
  }

  @media (min-width: 40rem) {
    .sheet:not([data-side]), .sheet[data-side="left"] {
      max-width: var(--container-sm);
    }
  }

  .sheet > :not(.sheet-header, .sheet-footer, .sheet-close, .sheet-body), .sheet-body-content {
    padding-inline: calc(var(--spacing) * 4);
  }

  .sheet-body-error {
    margin-inline: calc(var(--spacing) * 4);
  }

  .sheet-close {
    inset-inline-end: calc(var(--spacing) * 4);
    top: calc(var(--spacing) * 4);
  }

  .sheet-header {
    gap: calc(var(--spacing) * 1.5);
    padding: calc(var(--spacing) * 4);
  }

  .sheet-footer {
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 4);
  }

  .sheet-title {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }

  .sheet-description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }

  .sheet-description a {
    text-underline-offset: 3px;
    text-decoration-line: underline;
  }

  .sheet-description a:hover {
    color: var(--foreground);
  }

  .dropdown-menu-content {
    border-radius: calc(var(--radius) - 2px);
    background-color: var(--popover);
    padding: var(--spacing);
    color: var(--popover-foreground);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    --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);
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dropdown-menu-content {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .dropdown-menu-content {
    --tw-duration: .1s;
    --popup-offset: var(--spacing);
    --popup-slide: calc(var(--spacing) * 2);
    transition-duration: .1s;
  }

  .dropdown-menu-item, .dropdown-menu-checkbox-item, .dropdown-menu-radio-item {
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius) - 4px);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  :is(.dropdown-menu-item, .dropdown-menu-checkbox-item, .dropdown-menu-radio-item):focus {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(.dropdown-menu-item, .dropdown-menu-checkbox-item, .dropdown-menu-radio-item) svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .dropdown-menu-item:focus-visible, .dropdown-menu-checkbox-item:focus-visible, .dropdown-menu-radio-item:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dropdown-menu-item:focus-visible, .dropdown-menu-checkbox-item:focus-visible, .dropdown-menu-radio-item:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .dropdown-menu-item:focus-visible, .dropdown-menu-checkbox-item:focus-visible, .dropdown-menu-radio-item:focus-visible {
    --tw-ring-inset: inset;
  }

  .dropdown-menu-item {
    padding-inline: calc(var(--spacing) * 2);
  }

  .dropdown-menu-item[data-inset] {
    padding-inline-start: calc(var(--spacing) * 8);
  }

  .dropdown-menu-checkbox-item, .dropdown-menu-radio-item {
    padding-inline-start: calc(var(--spacing) * 2);
    padding-inline-end: calc(var(--spacing) * 8);
  }

  :is(.dropdown-menu-checkbox-item, .dropdown-menu-radio-item)[data-inset] {
    padding-inline-start: calc(var(--spacing) * 8);
  }

  :is(.dropdown-menu-item:not([data-variant]):focus *) {
    color: var(--accent-foreground);
  }

  .dropdown-menu-item[data-variant="destructive"] {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dropdown-menu-item[data-variant="destructive"] {
      color: color-mix(in oklch, var(--destructive), var(--foreground) 20%);
    }
  }

  .dropdown-menu-item[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dropdown-menu-item[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .dropdown-menu-item[data-variant="destructive"]:where(.dark, .dark *):focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dropdown-menu-item[data-variant="destructive"]:where(.dark, .dark *):focus {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(.dropdown-menu-item[data-variant="destructive"] > *):is(svg) {
    color: var(--destructive);
  }

  .dropdown-menu-item-indicator {
    inset-inline-end: calc(var(--spacing) * 2);
  }

  .dropdown-menu-label {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
  }

  .dropdown-menu-label[data-inset] {
    padding-inline-start: calc(var(--spacing) * 8);
  }

  .dropdown-menu-label.user-menu-label {
    gap: calc(var(--spacing) * 2);
    padding-inline: var(--spacing);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--popover-foreground);
  }

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

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

  .button.user-menu-trigger {
    border-radius: 3.40282e38px;
  }

  .dropdown-menu-separator {
    margin-inline: calc(var(--spacing) * -1);
    margin-block: var(--spacing);
    background-color: var(--border);
  }

  .dropdown-menu-shortcut {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--muted-foreground);
  }

  :focus > .dropdown-menu-shortcut {
    color: var(--accent-foreground);
  }

  .popover-content {
    width: calc(var(--spacing) * 72);
    gap: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) - 2px);
    background-color: var(--popover);
    padding: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    --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);
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .popover-content {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .popover-content {
    --tw-duration: .1s;
    --popup-offset: var(--spacing);
    --popup-slide: calc(var(--spacing) * 2);
    transition-duration: .1s;
  }

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

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

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

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

  .popover-description {
    color: var(--muted-foreground);
  }

  .tooltip-content {
    max-width: var(--container-xs);
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    background-color: var(--foreground);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--background);
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .tooltip-content:has(.kbd) {
    padding-inline-end: calc(var(--spacing) * 1.5);
  }

  .tooltip-content {
    --popup-offset: calc(var(--spacing) * 1.5);
    --popup-slide: calc(var(--spacing) * 2);
  }

  .tooltip-arrow {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
    background-color: var(--foreground);
    border-radius: 2px;
  }

  .tooltip-content .kbd {
    border-radius: calc(var(--radius) - 4px);
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .tooltip-content .kbd {
      background-color: color-mix(in oklab, var(--background) 20%, transparent);
    }
  }

  .tooltip-content .kbd {
    color: var(--background);
  }

  .tooltip-content .kbd:where(.dark, .dark *) {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .tooltip-content .kbd:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--background) 10%, transparent);
    }
  }

  .accordion-item {
    border-color: var(--border);
  }

  .accordion-item:not(:last-child) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .accordion-item {
    --accordion-duration: .2s;
  }

  .accordion-trigger {
    border-radius: calc(var(--radius) - 2px);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  @media (hover: hover) {
    .accordion-trigger:hover {
      text-decoration-line: underline;
    }
  }

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

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

  .accordion-trigger-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: var(--muted-foreground);
  }

  .accordion-content {
    padding-top: 0;
    padding-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .accordion-content a {
    text-underline-offset: 3px;
    text-decoration-line: underline;
  }

  .accordion-content a:hover {
    color: var(--foreground);
  }

  .accordion-content p:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .collapsible-trigger {
    border-radius: calc(var(--radius) - 2px);
  }

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

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

  .collapsible-content {
    margin-top: calc(var(--spacing) * 2);
  }

  .collapsible-trigger:not(.button) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

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

  .tabs-list {
    border-radius: var(--radius);
    color: var(--muted-foreground);
    padding: 3px;
  }

  .tabs:not([data-orientation]) > .tabs-list {
    height: calc(var(--spacing) * 9);
  }

  .tabs-list:not([data-variant]) {
    background-color: var(--muted);
  }

  .tabs-list[data-variant="line"] {
    gap: var(--spacing);
    background-color: #0000;
    border-radius: 0;
  }

  .tabs-trigger {
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
    border-width: 1px;
    border-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .tabs-trigger {
      color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }

  @media (hover: hover) {
    .tabs-trigger:hover {
      color: var(--foreground);
    }
  }

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

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

  .tabs-trigger:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--ring);
  }

  @media (prefers-reduced-motion: no-preference) {
    .tabs-trigger {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  .tabs-trigger:where(.dark, .dark *) {
    color: var(--muted-foreground);
  }

  @media (hover: hover) {
    .tabs-trigger:where(.dark, .dark *):hover {
      color: var(--foreground);
    }
  }

  .tabs-trigger svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .tabs:not([data-orientation]) > .tabs-list > .tabs-trigger {
    height: calc(100% - 1px);
  }

  .tabs-trigger:has( > svg:first-child) {
    padding-inline-start: calc(var(--spacing) * 1.5);
  }

  .tabs-trigger:has( > svg:last-child) {
    padding-inline-end: calc(var(--spacing) * 1.5);
  }

  .tabs-list:not([data-variant]) > .tabs-trigger[aria-selected="true"] {
    background-color: var(--background);
    color: var(--foreground);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .tabs-list:not([data-variant]) > .tabs-trigger[aria-selected="true"]:where(.dark, .dark *) {
    border-color: var(--input);
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .tabs-list:not([data-variant]) > .tabs-trigger[aria-selected="true"]:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .tabs-list:not([data-variant]) > .tabs-trigger[aria-selected="true"]:where(.dark, .dark *) {
    color: var(--foreground);
  }

  .tabs-list[data-variant="line"] > .tabs-trigger:after {
    content: var(--tw-content);
    background-color: var(--foreground);
  }

  .tabs-list[data-variant="line"] > .tabs-trigger[aria-selected="true"] {
    color: var(--foreground);
  }

  .tabs-content {
    border-radius: calc(var(--radius) - 2px);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

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

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

  .toast {
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    background-color: var(--popover);
    padding: calc(var(--spacing) * 4);
    color: var(--popover-foreground);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-width: 1px;
    font-size: 13px;
  }

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

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

  .toast > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .toast:not([data-variant]) > svg, .toast[data-variant="success"] > svg, .toast[data-variant="info"] > svg, .toast[data-variant="warning"] > svg {
    color: currentColor;
  }

  .toast[data-variant="error"] > svg {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .toast[data-variant="error"] > svg {
      color: color-mix(in oklch, var(--destructive), var(--foreground) 20%);
    }
  }

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

  .toast-title {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .toast-description {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: var(--muted-foreground);
  }

  .toast-close {
    margin-block: calc(var(--spacing) * -1);
    margin-inline-end: calc(var(--spacing) * -2);
  }

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

  .table > :is(thead, tbody, tfoot) > tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
  }

  @media (hover: hover) {
    .table > tbody > tr:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .table > tbody > tr:hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .table > tbody > tr {
      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));
    }
  }

  .table > tbody > tr:has( > :first-child .checkbox:checked) {
    background-color: var(--muted);
  }

  .table > tbody > tr:last-child, .table > tfoot > tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .table > tfoot {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .table > tfoot {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

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

  .table > :is(thead, tbody, tfoot) > tr > th {
    height: calc(var(--spacing) * 10);
    padding-inline: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }

  .table > :is(thead, tbody, tfoot) > tr > td {
    padding: calc(var(--spacing) * 2);
  }

  .table > :is(thead, tbody, tfoot) > tr > :is(th, td):has( > .checkbox-wrapper) {
    padding-inline-end: 0;
  }

  .table > caption {
    margin-top: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }

  .table-sort {
    margin-inline-start: calc(var(--spacing) * -2.5);
  }

  .table-head[data-align="center"] > .table-sort {
    margin-inline-start: 0;
  }

  .table-head[data-align="end"] > .table-sort {
    margin-inline-start: 0;
    margin-inline-end: calc(var(--spacing) * -2.5);
  }

  .table > tbody > tr.table-empty > td {
    height: calc(var(--spacing) * 24);
  }

  .pagination-content {
    gap: var(--spacing);
  }

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

  .pagination-ellipsis > svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .button.pagination-previous:has( > [data-icon]) {
    padding-inline-start: calc(var(--spacing) * 2);
  }

  .button.pagination-next:has( > [data-icon]) {
    padding-inline-end: calc(var(--spacing) * 2);
  }

  .pagination-summary, .table-selection-count {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }

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

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

  .breadcrumb-list {
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }

  @media (min-width: 40rem) {
    .breadcrumb-list {
      gap: calc(var(--spacing) * 2.5);
    }
  }

  .breadcrumb-item {
    gap: calc(var(--spacing) * 1.5);
  }

  .breadcrumb-link {
    border-radius: calc(var(--radius) - 4px);
    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) {
    .breadcrumb-link:hover {
      color: var(--foreground);
    }
  }

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

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

  .breadcrumb-page {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--foreground);
  }

  .breadcrumb-separator > svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .breadcrumb-ellipsis {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .breadcrumb-ellipsis > svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .skip-link:focus {
    height: calc(var(--spacing) * 9);
    border-radius: calc(var(--radius) - 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--background);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    align-items: center;
    display: inline-flex;
  }

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

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

  .site-header {
    --site-header-height: 3.5rem;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    background-color: var(--background);
    padding-inline: calc(var(--spacing) * 4);
  }

  .sidebar-inset > .site-header, .sidebar-provider > .site-header:has( > .sidebar[data-variant="inset"]) {
    border-bottom-style: var(--tw-border-style);
    background-color: #0000;
    border-bottom-width: 0;
  }

  .site-header-end {
    gap: calc(var(--spacing) * 2);
  }

  .site-header > .sidebar-trigger {
    margin-inline-start: calc(var(--spacing) * -1);
  }

  .site-header > .separator[data-orientation="vertical"] {
    margin-inline-end: calc(var(--spacing) * 2);
  }

  .sidebar-provider {
    --sidebar-width: 16rem;
    --sidebar-width-mobile: 18rem;
    --sidebar-width-icon: 3rem;
  }

  .sidebar {
    border-color: var(--sidebar-border);
    background-color: var(--sidebar);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--sidebar-foreground);
    --tw-duration: .2s;
    --tw-ease: linear;
    transition-duration: .2s;
    transition-timing-function: linear;
  }

  .sidebar::backdrop {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sidebar::backdrop {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .sidebar::backdrop {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .sidebar::backdrop {
      --tw-backdrop-blur: blur(var(--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, );
    }
  }

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

  .sidebar-inset {
    background-color: var(--background);
  }

  @media (min-width: 48rem) {
    .sidebar[data-variant="floating"] {
      border-radius: var(--radius);
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .sidebar-provider:has( > .sidebar[data-variant="inset"],  > .site-header > .sidebar[data-variant="inset"]) {
    background-color: var(--sidebar);
  }

  .sidebar-provider:has( > .sidebar[data-variant="inset"],  > .site-header > .sidebar[data-variant="inset"]) > .sidebar-inset {
    --tw-duration: .2s;
    --tw-ease: linear;
    transition-duration: .2s;
    transition-timing-function: linear;
  }

  @media (min-width: 48rem) {
    .sidebar-provider:has( > .sidebar[data-variant="inset"],  > .site-header > .sidebar[data-variant="inset"]) > .sidebar-inset {
      border-radius: calc(var(--radius) + 4px);
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .sidebar-header, .sidebar-footer {
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 2);
  }

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

  .sidebar-content:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: calc(2px * -1);
    outline-width: 2px;
    outline-color: var(--sidebar-ring);
  }

  .sidebar-separator {
    margin-inline: calc(var(--spacing) * 2);
    background-color: var(--sidebar-border);
  }

  .sidebar-group {
    padding: calc(var(--spacing) * 2);
  }

  .sidebar-group-label {
    height: calc(var(--spacing) * 8);
    border-radius: calc(var(--radius) - 2px);
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--sidebar-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sidebar-group-label {
      color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
    }
  }

  .sidebar-group-label {
    --tw-ring-color: var(--sidebar-ring);
  }

  .sidebar-group-label: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);
  }

  .sidebar-group-label > svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  @media (hover: hover) {
    summary.sidebar-group-label:hover {
      background-color: var(--sidebar-accent);
      color: var(--sidebar-accent-foreground);
    }
  }

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

  .sidebar-menu {
    gap: var(--spacing);
  }

  .sidebar-menu-button:not([data-variant]) {
    background-color: #0000;
  }

  .sidebar-menu-button[data-variant="outline"] {
    background-color: var(--background);
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .sidebar-menu-button[data-variant="outline"]:hover {
      background-color: var(--sidebar-accent);
      color: var(--sidebar-accent-foreground);
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .sidebar-menu-button {
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius) - 2px);
    padding: calc(var(--spacing) * 2);
    color: var(--sidebar-foreground);
    --tw-ring-color: var(--sidebar-ring);
  }

  @media (hover: hover) {
    .sidebar-menu-button:hover {
      background-color: var(--sidebar-accent);
      color: var(--sidebar-accent-foreground);
    }
  }

  .sidebar-menu-button: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);
  }

  .sidebar-menu-button:active {
    background-color: var(--sidebar-accent);
    color: var(--sidebar-accent-foreground);
  }

  .sidebar-menu-button svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .sidebar-menu-button:is([aria-current="page"], [aria-current="true"]) {
    background-color: var(--sidebar-accent);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--sidebar-accent-foreground);
  }

  .sidebar-menu-button[aria-expanded="true"], .sidebar-menu-action[aria-expanded="true"] {
    background-color: var(--sidebar-accent);
    color: var(--sidebar-accent-foreground);
  }

  .sidebar-menu-button:not([data-size]) {
    height: calc(var(--spacing) * 8);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .sidebar-menu-button[data-size="sm"] {
    height: calc(var(--spacing) * 7);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .sidebar-menu-button[data-size="lg"] {
    height: calc(var(--spacing) * 12);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .sidebar-menu-button-label > small {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .sidebar-group-action {
    inset-inline-end: calc(var(--spacing) * 3);
    top: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 5);
    border-radius: calc(var(--radius) - 2px);
    color: var(--sidebar-foreground);
    --tw-ring-color: var(--sidebar-ring);
    padding: 0;
  }

  @media (hover: hover) {
    .sidebar-group-action:hover {
      background-color: var(--sidebar-accent);
      color: var(--sidebar-accent-foreground);
    }
  }

  .sidebar-group-action: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);
  }

  .sidebar-group-action > svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .sidebar-menu-action {
    inset-inline-end: calc(var(--spacing) * 1);
    top: var(--spacing);
    width: calc(var(--spacing) * 6);
    border-radius: calc(var(--radius) - 2px);
    color: var(--sidebar-foreground);
    --tw-ring-color: var(--sidebar-ring);
    padding: 0;
  }

  @media (hover: hover) {
    .sidebar-menu-action:hover {
      background-color: var(--sidebar-accent);
      color: var(--sidebar-accent-foreground);
    }
  }

  .sidebar-menu-action: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);
  }

  .sidebar-menu-action > svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .sidebar-menu-badge {
    inset-inline-end: calc(var(--spacing) * 1);
    top: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 5);
    min-width: calc(var(--spacing) * 5);
    border-radius: calc(var(--radius) - 2px);
    padding-inline: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--sidebar-foreground);
  }

  .sidebar-menu-button[data-size="sm"] ~ .sidebar-menu-badge {
    top: var(--spacing);
  }

  .sidebar-menu-button[data-size="lg"] ~ .sidebar-menu-badge {
    top: calc(var(--spacing) * 3.5);
  }

  .sidebar-menu-button[data-size="sm"] ~ .sidebar-menu-action {
    top: calc(var(--spacing) * .5);
  }

  .sidebar-menu-button[data-size="lg"] ~ .sidebar-menu-action {
    top: calc(var(--spacing) * 3);
  }

  .sidebar-menu-button:is(:hover, [aria-current="page"], [aria-current="true"], [aria-expanded="true"]) ~ :is(.sidebar-menu-action, .sidebar-menu-badge) {
    color: var(--sidebar-accent-foreground);
  }

  .sidebar-menu-sub {
    margin-inline: calc(var(--spacing) * 3.5);
    gap: var(--spacing);
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    border-color: var(--sidebar-border);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * .5);
  }

  .sidebar-menu-sub-button {
    height: calc(var(--spacing) * 7);
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius) - 2px);
    padding-inline: calc(var(--spacing) * 2);
    color: var(--sidebar-foreground);
    --tw-ring-color: var(--sidebar-ring);
  }

  @media (hover: hover) {
    .sidebar-menu-sub-button:hover {
      background-color: var(--sidebar-accent);
      color: var(--sidebar-accent-foreground);
    }
  }

  .sidebar-menu-sub-button: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);
  }

  .sidebar-menu-sub-button:active {
    background-color: var(--sidebar-accent);
    color: var(--sidebar-accent-foreground);
  }

  .sidebar-menu-sub-button > svg {
    color: var(--sidebar-accent-foreground);
  }

  .sidebar-menu-sub-button > svg:not([class*="size-"], [data-icon-size]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .sidebar-menu-sub-button:is([aria-current="page"], [aria-current="true"]) {
    background-color: var(--sidebar-accent);
    color: var(--sidebar-accent-foreground);
  }

  .sidebar-menu-sub-button:not([data-size]) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .sidebar-menu-sub-button[data-size="sm"] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  @media (min-width: 48rem) {
    .sidebar-provider[data-state="collapsed"] > .sidebar[data-collapsible="icon"] .sidebar-menu-button {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
      padding: calc(var(--spacing) * 2);
    }

    .sidebar-provider[data-state="collapsed"] > .sidebar[data-collapsible="icon"] .sidebar-menu-button[data-size="lg"] {
      padding: 0;
    }

    .sidebar-provider[data-state="collapsed"] > .sidebar[data-collapsible="icon"] .sidebar-group-label {
      margin-top: calc(var(--spacing) * -8);
      opacity: 0;
    }

    .sidebar-provider[data-state="collapsed"] > .sidebar[data-collapsible="icon"] .sidebar-menu-collapsible:has(.sidebar-menu-sub-button:is([aria-current="page"], [aria-current="true"])) > .sidebar-menu-button, .sidebar-provider[data-state="collapsed"] > .sidebar[data-collapsible="icon"] .sidebar-menu-item:has( > .sidebar-menu-sub-collapsible .sidebar-menu-sub-button:is([aria-current="page"], [aria-current="true"])) > .sidebar-menu-button {
      background-color: var(--sidebar-accent);
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--sidebar-accent-foreground);
    }
  }

  @media (min-width: 48rem) and (prefers-reduced-motion: no-preference) {
    .sidebar[data-collapsible="icon"] .sidebar-menu-button {
      transition-property: width, height, padding;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: .2s;
      --tw-ease: linear;
      transition-duration: .2s;
      transition-timing-function: linear;
    }

    .sidebar[data-collapsible="icon"] .sidebar-group-label {
      transition-property: margin, opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: .2s;
      --tw-ease: linear;
      transition-duration: .2s;
      transition-timing-function: linear;
    }
  }

  @media not all and (min-width: 48rem) {
    .sidebar-group-action {
      top: calc(var(--spacing) * 3);
      width: calc(var(--spacing) * 6);
    }
  }
}

@layer utilities;

@supports not (appearance: base-select) {
  @layer components {
    select.select :is(option, optgroup) {
      color: canvastext;
      background-color: canvas;
    }
  }
}

@supports (appearance: base-select) {
  @layer components {
    select.select {
      appearance: base-select;
    }

    .select::picker(select) {
      appearance: base-select;
    }

    .select::picker-icon {
      display: none;
    }

    .select > button {
      border-style: var(--tw-border-style);
      text-align: start;
      min-width: 0;
      color: inherit;
      font: inherit;
      background-color: #0000;
      border-width: 0;
      flex: 1;
      align-self: stretch;
      align-items: center;
      padding: 0;
      display: flex;
    }

    .select selectedcontent {
      align-items: center;
      min-width: 0;
      display: flex;
      overflow: hidden;
    }

    .select selectedcontent > .select-item-indicator {
      display: none;
    }

    .select-item:has( > .select-item-indicator)::checkmark {
      display: none;
    }

    .select::picker(select) {
      border-style: var(--tw-border-style);
      opacity: 0;
      border-width: 0;
    }

    @media (forced-colors: active) {
      .select::picker(select) {
        border-style: var(--tw-border-style);
        border-width: 1px;
      }

      .select::picker(select) {
        --tw-border-style: solid;
        border-style: solid;
      }
    }

    .select::picker(select) {
      margin-block: var(--popup-offset) 0;
      position-area: block-end span-inline-end;
      position-try-fallbacks: flip-block;
      position-try-order: normal;
      min-inline-size: max(calc(var(--spacing) * 36), anchor-size(self-inline));
      max-block-size: calc(100dvh - calc(var(--spacing) * 4));
      transform-origin: top;
      transition-behavior: allow-discrete;
      margin-inline: 0;
      transition-property: opacity, scale, translate, overlay, display;
      inset: auto;
      overflow: hidden auto;
    }

    .select:open::picker(select) {
      opacity: 1;
    }

    @starting-style {
      .select:open::picker(select) {
        opacity: 0;
      }
    }

    .select-group {
      display: block;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    @layer components {
      .select::picker(select) {
        scale: .95;
        translate: 0 calc(-1 * var(--popup-slide));
      }

      .select:open::picker(select) {
        translate: 0;
        scale: 1;
      }

      @starting-style {
        .select:open::picker(select) {
          scale: .95;
          translate: 0 calc(-1 * var(--popup-slide));
        }
      }
    }
  }
}

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

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

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

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

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

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

@property --tw-font-weight {
  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-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@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-ease {
  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-leading {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  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
}

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

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