/*! 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-scroll-snap-strictness: proximity;
      --sl-scroll-fade-s: 0px;
      --sl-scroll-fade-e: 0px;
      --tw-content: "";
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-duration: 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-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-ease: 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;

@layer base {
  :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;
  }
}

@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, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

  .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: 1s linear infinite spin;
  }

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

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

  .accordion-trigger {
    cursor: pointer;
    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;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    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, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

  .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, cubic-bezier(.4, 0, .2, 1));
    transition-duration: var(--tw-duration, .15s);
    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, cubic-bezier(.4, 0, .2, 1));
    transition-duration: var(--tw-duration, .15s);
    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;
  }

  .attachment {
    flex-wrap: wrap;
    flex-shrink: 0;
    min-width: 0;
    max-width: 100%;
    display: flex;
    position: relative;
  }

  @media (prefers-reduced-motion: no-preference) {
    .attachment {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

  .attachment:not([data-orientation]) {
    align-items: center;
  }

  .attachment[data-orientation="vertical"] {
    flex-direction: column;
  }

  .attachment[data-width="full"] {
    width: 100%;
  }

  .attachment-media {
    aspect-ratio: 1;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }

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

  .attachment-media[data-variant="image"] > img {
    aspect-ratio: 1;
    object-fit: cover;
    width: 100%;
  }

  .attachment-content {
    flex: 1;
    min-width: 0;
    max-width: 100%;
  }

  .attachment-title, .attachment-description {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    max-width: 100%;
    display: block;
    overflow: hidden;
  }

  .attachment-actions {
    z-index: 20;
    flex-shrink: 0;
    align-items: center;
    display: flex;
    position: relative;
  }

  .attachment[data-orientation="vertical"] > .attachment-actions {
    inset-inline-end: .75rem;
    gap: .25rem;
    position: absolute;
    top: .75rem;
  }

  .attachment-trigger {
    z-index: 10;
    border-radius: inherit;
    --tw-outline-style: none;
    outline-style: none;
    position: absolute;
    inset: 0;
  }

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

  @media (prefers-reduced-motion: no-preference) and (not (forced-colors: active)) {
    .attachment:is([data-state="uploading"], [data-state="processing"]) > .attachment-content > .attachment-title {
      --sl-shimmer-spread: calc(3ch + 40px);
      --sl-shimmer-highlight: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .attachment:is([data-state="uploading"], [data-state="processing"]) > .attachment-content > .attachment-title {
        --sl-shimmer-highlight: color-mix(in oklch, currentColor 20%, transparent);
      }
    }

    .attachment:is([data-state="uploading"], [data-state="processing"]) > .attachment-content > .attachment-title {
      background-image: linear-gradient(110deg, currentColor calc(50% - var(--sl-shimmer-spread)), var(--sl-shimmer-highlight) calc(50% - var(--sl-shimmer-spread) * .5), var(--sl-shimmer-highlight) 50%, var(--sl-shimmer-highlight) calc(50% + var(--sl-shimmer-spread) * .5), currentColor calc(50% + var(--sl-shimmer-spread)));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .attachment:is([data-state="uploading"], [data-state="processing"]) > .attachment-content > .attachment-title {
        background-image: linear-gradient(110deg, currentColor calc(50% - var(--sl-shimmer-spread)), color-mix(in oklch, var(--sl-shimmer-highlight), currentColor 50%) calc(50% - var(--sl-shimmer-spread) * .5), var(--sl-shimmer-highlight) 50%, color-mix(in oklch, var(--sl-shimmer-highlight), currentColor 50%) calc(50% + var(--sl-shimmer-spread) * .5), currentColor calc(50% + var(--sl-shimmer-spread)));
      }
    }

    .attachment:is([data-state="uploading"], [data-state="processing"]) > .attachment-content > .attachment-title {
      background-repeat: no-repeat;
      background-size: calc(200% + var(--sl-shimmer-spread) * 2) 100%;
      -webkit-text-fill-color: transparent;
      background-position: 0 0;
      -webkit-background-clip: text;
      background-clip: text;
      animation: 2s linear infinite sl-attachment-shimmer;
    }

    .attachment:is([data-state="uploading"], [data-state="processing"]) > .attachment-content > .attachment-title:where([dir="rtl"], [dir="rtl"] *) {
      animation-direction: reverse;
    }
  }

  .attachment-group {
    --tw-outline-style: none;
    outline-style: none;
    min-width: 0;
  }

  .attachment-group:not([data-layout]) {
    --sl-scroll-fade-size: min(12%, 2.5rem);
    --sl-scroll-fade: linear-gradient(to right,
      transparent 0, #000 var(--sl-scroll-fade-s, 0px),
      #000 calc(100% - var(--sl-scroll-fade-e, 0px)), transparent 100%);
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
    --tw-scroll-snap-strictness: mandatory;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -webkit-mask-image: var(--sl-scroll-fade);
    -webkit-mask-image: var(--sl-scroll-fade);
    mask-image: var(--sl-scroll-fade);
    display: flex;
    overflow-x: auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .attachment-group:not([data-layout])::-webkit-scrollbar {
    display: none;
  }

  .attachment-group:not([data-layout]):where([dir="rtl"], [dir="rtl"] *) {
    --sl-scroll-fade: linear-gradient(to left,
        transparent 0, #000 var(--sl-scroll-fade-s, 0px),
        #000 calc(100% - var(--sl-scroll-fade-e, 0px)), transparent 100%);
  }

  @supports (animation-timeline: scroll()) {
    .attachment-group:not([data-layout]) {
      animation-name: sl-scroll-fade-s, sl-scroll-fade-e;
      animation-duration: 1ms, 1ms;
      animation-timing-function: ease-in-out, ease-in-out;
      animation-iteration-count: 1, 1;
      animation-direction: normal, normal;
      animation-play-state: running, running;
      animation-delay: 0s, 0s;
      animation-fill-mode: both;
      animation-timeline: scroll(self inline), scroll(self inline);
      animation-range: 0 6rem, calc(100% - 6rem) 100%;
    }
  }

  @supports not (animation-timeline: scroll()) {
    .attachment-group:not([data-layout]) {
      --sl-scroll-fade-s: var(--sl-scroll-fade-size);
      --sl-scroll-fade-e: var(--sl-scroll-fade-size);
    }
  }

  .attachment-group:not([data-layout]):focus-visible {
    -webkit-mask-image: none;
    mask-image: none;
  }

  .attachment-group:not([data-layout]) > .attachment {
    scroll-snap-align: start;
    flex: none;
  }

  .attachment-group[data-layout="grid"] {
    width: 100%;
    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, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

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

  .calendar {
    width: fit-content;
    position: relative;
  }

  .calendar:not([data-enhanced]) {
    flex-direction: column;
    gap: .5rem;
    display: flex;
  }

  .popover-content > .calendar, .card-content > .calendar {
    background-color: #0000;
  }

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

  .calendar-months {
    flex-direction: column;
    gap: 1rem;
    display: flex;
    position: relative;
  }

  @media (min-width: 48rem) {
    .calendar-months {
      flex-direction: row;
    }
  }

  .calendar-month {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    display: flex;
  }

  .calendar-nav {
    pointer-events: none;
    inset-inline: 0;
    justify-content: space-between;
    align-items: center;
    gap: .25rem;
    width: 100%;
    display: flex;
    position: absolute;
    top: 0;
  }

  .calendar-nav-button {
    pointer-events: auto;
    width: var(--cell-size);
    height: var(--cell-size);
    cursor: default;
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .calendar-nav-button:disabled {
    pointer-events: none;
    opacity: .5;
  }

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

    .calendar-nav-button:disabled {
      color: graytext;
      opacity: 1;
    }
  }

  .calendar-nav-button svg {
    pointer-events: none;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
  }

  .calendar-nav-button:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) svg {
    rotate: 180deg;
  }

  .calendar-caption {
    height: var(--cell-size);
    width: 100%;
    padding-inline: var(--cell-size);
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .calendar-dropdowns {
    height: var(--cell-size);
    justify-content: center;
    align-items: center;
    gap: .375rem;
    width: 100%;
    display: flex;
  }

  .calendar-dropdown {
    border-radius: var(--cell-radius);
    position: relative;
  }

  .calendar-dropdown > .calendar-select {
    cursor: default;
    appearance: none;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  .calendar-dropdown > .calendar-select:disabled {
    cursor: not-allowed;
  }

  .calendar-dropdown-label {
    border-radius: var(--cell-radius);
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    gap: .25rem;
    display: flex;
  }

  .calendar-dropdown-label > svg {
    width: .875rem;
    height: .875rem;
  }

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

  @media (forced-colors: active) {
    .calendar-dropdown:has( > .calendar-select:disabled) {
      color: graytext;
      opacity: 1;
    }
  }

  .calendar-grid {
    border-collapse: collapse;
    width: 100%;
  }

  .calendar-weekdays {
    display: flex;
  }

  .calendar-weekday {
    border-radius: var(--cell-radius);
    -webkit-user-select: none;
    user-select: none;
    flex: 1;
  }

  .calendar-week {
    width: 100%;
    margin-top: .5rem;
    display: flex;
  }

  .calendar-week-number-header {
    width: var(--cell-size);
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
  }

  .calendar-week-number {
    width: var(--cell-size);
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .calendar-day {
    aspect-ratio: 1;
    border-radius: var(--cell-radius);
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
  }

  .calendar-day[data-range-start] {
    isolation: isolate;
    z-index: 0;
    border-start-start-radius: var(--cell-radius);
    border-end-start-radius: var(--cell-radius);
  }

  .calendar-day[data-range-start]:after {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    width: 1rem;
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
  }

  .calendar-day[data-range-end] {
    isolation: isolate;
    z-index: 0;
    border-start-end-radius: var(--cell-radius);
    border-end-end-radius: var(--cell-radius);
  }

  .calendar-day[data-range-end]:after {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    width: 1rem;
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
  }

  .calendar-day[data-range-start][data-range-end]:after {
    content: var(--tw-content);
    display: none;
  }

  .calendar-day[data-range-middle] {
    border-radius: 0;
  }

  .calendar-day[data-range-middle]:first-child > .calendar-day-button, .calendar-week-number + .calendar-day[data-range-middle] > .calendar-day-button {
    border-start-start-radius: var(--cell-radius);
    border-end-start-radius: var(--cell-radius);
  }

  .calendar-day[data-range-middle]:last-child > .calendar-day-button {
    border-start-end-radius: var(--cell-radius);
    border-end-end-radius: var(--cell-radius);
  }

  .calendar-day-button {
    isolation: isolate;
    z-index: 10;
    aspect-ratio: 1;
    width: 100%;
    height: auto;
    min-width: var(--cell-size);
    cursor: default;
    border-radius: var(--cell-radius);
    border-style: var(--tw-border-style);
    --tw-leading: 1;
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    background-color: #0000;
    border-width: 0;
    outline-style: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    line-height: 1;
    display: flex;
    position: relative;
  }

  .calendar-day-button:focus-visible {
    z-index: 20;
  }

  .calendar-day-button:disabled {
    pointer-events: none;
  }

  @media (forced-colors: active) {
    .calendar-day-button:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-offset: calc(2px * -1);
      --tw-outline-style: solid;
      outline-width: 2px;
      outline-style: solid;
    }

    .calendar-day-button:disabled {
      color: graytext;
    }

    .calendar-day-button[data-selected] {
      outline-style: var(--tw-outline-style);
      outline-offset: calc(2px * -1);
      --tw-outline-style: solid;
      outline-width: 2px;
      outline-style: solid;
    }
  }

  .calendar-day-button[data-range-middle] {
    border-radius: 0;
  }

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

  .chart {
    aspect-ratio: 16 / 9;
    display: block;
    position: relative;
  }

  .chart > :not(.chart-root, .chart-skeleton) {
    display: none;
  }

  .chart > .chart-skeleton {
    position: absolute;
    inset: 0;
  }

  .chart[data-ready] > .chart-skeleton {
    display: none;
  }

  .chart > .chart-root {
    position: absolute;
    inset: 0;
  }

  .chart:not([data-ready]) > .chart-root {
    visibility: hidden;
  }

  .chart-container {
    width: 100%;
    height: 100%;
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
    justify-content: center;
    display: flex;
  }

  .chart-container :is(.recharts-cartesian-axis-tick, .recharts-cartesian-axis-tick-label) text {
    fill: var(--muted-foreground);
  }

  .chart-container .recharts-cartesian-grid line[stroke="#ccc"] {
    stroke: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .chart-container .recharts-cartesian-grid line[stroke="#ccc"] {
      stroke: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .chart-container .recharts-curve.recharts-tooltip-cursor {
    stroke: var(--border);
  }

  .chart-container .recharts-dot[stroke="#fff"] {
    stroke: #0000;
  }

  .chart-container .recharts-layer {
    --tw-outline-style: none;
    outline-style: none;
  }

  .chart-container .recharts-polar-grid [stroke="#ccc"] {
    stroke: var(--border);
  }

  .chart-container .recharts-radial-bar-background-sector, .chart-container .recharts-rectangle.recharts-tooltip-cursor {
    fill: var(--muted);
  }

  .chart-container .recharts-reference-line [stroke="#ccc"] {
    stroke: var(--border);
  }

  .chart-container .recharts-sector {
    --tw-outline-style: none;
    outline-style: none;
  }

  .chart-container .recharts-sector[stroke="#fff"] {
    stroke: #0000;
  }

  .chart-container .recharts-surface {
    --tw-outline-style: none;
    outline-style: none;
  }

  .chart-tooltip-content {
    align-items: flex-start;
    min-width: 8rem;
    display: grid;
  }

  @media (forced-colors: active) {
    .chart-tooltip-content {
      outline-style: var(--tw-outline-style);
      --tw-outline-style: solid;
      outline-width: 1px;
      outline-style: solid;
    }
  }

  .chart-tooltip-label {
    --tw-font-weight: 500;
    font-weight: 500;
  }

  .chart-tooltip-items {
    gap: .375rem;
    display: grid;
  }

  .chart-tooltip-item {
    flex-wrap: wrap;
    align-items: stretch;
    gap: .5rem;
    width: 100%;
    display: flex;
  }

  .chart-tooltip-item[data-indicator="dot"] {
    align-items: center;
  }

  .chart-tooltip-indicator {
    border-color: var(--indicator-color);
    background-color: var(--indicator-color);
    border-radius: 2px;
    flex-shrink: 0;
  }

  @media (forced-colors: active) {
    .chart-tooltip-indicator {
      forced-color-adjust: none;
    }
  }

  .chart-tooltip-indicator[data-indicator="dot"] {
    width: .625rem;
    height: .625rem;
  }

  .chart-tooltip-indicator[data-indicator="line"] {
    width: .25rem;
  }

  .chart-tooltip-indicator[data-indicator="dashed"] {
    border-style: var(--tw-border-style);
    --tw-border-style: dashed;
    background-color: #0000;
    border-style: dashed;
    border-width: 1.5px;
    width: 0;
  }

  .chart-tooltip-indicator[data-indicator="dashed"][data-nested] {
    margin-block: .125rem;
  }

  .chart-tooltip-indicator[data-dashed]:not([data-indicator="dashed"]) {
    border-style: var(--tw-border-style);
    --tw-border-style: dashed;
    background-color: #0000;
    border-style: dashed;
    border-width: 1.5px;
  }

  .chart-tooltip-indicator[data-indicator="line"][data-dashed] {
    width: 0;
  }

  .chart-tooltip-body {
    --tw-leading: 1;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    line-height: 1;
    display: flex;
  }

  .chart-tooltip-body[data-nested] {
    align-items: flex-end;
  }

  .chart-tooltip-name {
    gap: .375rem;
    display: grid;
  }

  .chart-tooltip-name > span {
    color: var(--muted-foreground);
  }

  .chart-tooltip-value {
    --tw-font-weight: 500;
    color: var(--foreground);
    --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, );
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-weight: 500;
  }

  .chart-legend-content {
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding-top: .75rem;
    display: flex;
  }

  .chart-legend-content[data-align="top"] {
    padding-top: 0;
    padding-bottom: .75rem;
  }

  .chart-legend-item {
    align-items: center;
    gap: .375rem;
    display: flex;
  }

  .chart-legend-indicator {
    border-radius: 2px;
    flex-shrink: 0;
    width: .5rem;
    height: .5rem;
  }

  @media (forced-colors: active) {
    .chart-legend-indicator {
      forced-color-adjust: none;
    }
  }

  .chart-legend-indicator[data-dashed] {
    border-block-start-style: var(--tw-border-style);
    --tw-border-style: dashed;
    border-block-start-width: 2px;
    border-style: dashed;
    border-color: var(--indicator-color);
    border-radius: 0;
    width: .75rem;
    height: 0;
  }

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

  .combobox {
    width: fit-content;
    position: relative;
  }

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

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

    .combobox:has( > .combobox-select:disabled) :is(.combobox-icon, .combobox-control, .combobox-input, .combobox-chip) {
      color: graytext;
      border-color: graytext;
    }
  }

  .combobox [hidden]:not([hidden="until-found"]) {
    display: none;
  }

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

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

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

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

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

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

  .combobox[data-enhanced] > .combobox-icon {
    display: none;
  }

  .combobox-control {
    cursor: text;
    align-items: center;
    width: 100%;
    min-width: 0;
    display: flex;
  }

  .combobox[data-multiple] > .combobox-control {
    flex-wrap: wrap;
  }

  .combobox-input {
    border-style: var(--tw-border-style);
    --tw-outline-style: none;
    background-color: #0000;
    border-width: 0;
    outline-style: none;
    flex: 1;
    align-self: stretch;
    min-width: 0;
    padding: 0;
  }

  .combobox-input:disabled {
    cursor: not-allowed;
  }

  .combobox-input {
    color: inherit;
    font: inherit;
  }

  .combobox[data-multiple] .combobox-input {
    min-width: 4rem;
  }

  .combobox-clear, .combobox-trigger {
    cursor: default;
    border-style: var(--tw-border-style);
    --tw-outline-style: none;
    background-color: #0000;
    border-width: 0;
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    display: inline-flex;
  }

  :is(.combobox-clear, .combobox-trigger):disabled {
    pointer-events: none;
  }

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

  .combobox-clear, .combobox-trigger {
    color: inherit;
  }

  .combobox-control:has( > .combobox-clear:not([hidden])) > .combobox-trigger {
    display: none;
  }

  .combobox-chip {
    white-space: nowrap;
    flex-shrink: 0;
    align-items: center;
    width: fit-content;
    display: inline-flex;
  }

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

  .combobox-chip-remove {
    cursor: default;
    border-style: var(--tw-border-style);
    --tw-outline-style: none;
    background-color: #0000;
    border-width: 0;
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .combobox-chip-remove:disabled {
    pointer-events: none;
  }

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

  .combobox-chip-remove {
    color: inherit;
  }

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

  .combobox-content:popover-open {
    flex-direction: column;
    display: flex;
  }

  .combobox-list {
    overscroll-behavior: contain;
    --tw-outline-style: none;
    outline-style: none;
    min-height: 0;
    overflow: hidden auto;
  }

  .combobox-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;
  }

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

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

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

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

  .combobox-item[aria-selected="true"] > .combobox-item-indicator {
    visibility: visible;
  }

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

  .combobox-empty {
    text-align: center;
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .combobox-status {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .date-picker {
    vertical-align: middle;
    max-width: 100%;
    display: inline-flex;
  }

  .button.date-picker-trigger {
    text-align: start;
    flex: 1;
    justify-content: flex-start;
    min-width: 0;
  }

  .date-picker-value {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .dialog {
    border-style: var(--tw-border-style);
    opacity: 0;
    width: 100%;
    transition-property: opacity, scale, overlay, display;
    transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1));
    transition-duration: var(--tw-duration, .15s);
    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, cubic-bezier(.4, 0, .2, 1));
    transition-duration: var(--tw-duration, .15s);
    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 {
    flex: 1;
    min-height: 0;
    margin: -.25rem;
    padding: .25rem;
    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, cubic-bezier(.4, 0, .2, 1));
    transition-duration: var(--tw-duration, .15s);
    --tw-duration: .15s;
    place-items: center;
    transition-duration: .15s;
    display: grid;
    position: absolute;
    inset: 0;
  }

  .dialog-body[data-loading] {
    min-height: 6rem;
  }

  .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: 1s linear infinite spin;
  }

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

  .dropdown-menu-content {
    border-style: var(--tw-border-style);
    --tw-outline-style: none;
    min-width: 8rem;
    min-inline-size: max(calc(.25rem * 32), anchor-size(self-inline));
    border-width: 0;
    outline-style: none;
    max-block-size: calc(100dvh - 1rem);
    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;
  }

  .empty {
    text-align: center;
    text-wrap: balance;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 0;
    display: flex;
  }

  .empty-header {
    flex-direction: column;
    align-items: center;
    max-width: 24rem;
    display: flex;
  }

  .empty-media {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

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

  .empty-content {
    text-wrap: balance;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-width: 0;
    max-width: 24rem;
    display: flex;
  }

  .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, .calendar, .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, .combobox) > :disabled) > .field-label, .field:has( > :disabled,  > :is(.checkbox-wrapper, .native-select-wrapper, .select-wrapper, .combobox) > :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, .combobox) > :disabled) > .field-label, .field:has( > :disabled,  > :is(.checkbox-wrapper, .native-select-wrapper, .select-wrapper, .combobox) > :disabled) > .field-content > .field-label, .field-set:disabled > .field-legend {
      color: graytext;
      opacity: 1;
    }
  }

  .field-description {
    text-align: start;
    --tw-font-weight: 400;
    margin: 0;
    font-weight: 400;
  }

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

  .field-error {
    --tw-font-weight: 400;
    font-weight: 400;
  }

  .field-error > ul {
    margin: 0;
    flex-direction: column;
    gap: .25rem;
    margin-inline-start: 1rem;
    padding: 0;
    list-style-type: disc;
    display: flex;
  }

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

  .file-upload-list {
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  .file-upload:not([data-layout]) > .file-upload-list:not([hidden]) {
    flex-direction: column;
    display: flex;
  }

  .file-upload[data-layout="grid"] > .file-upload-list:not([hidden]) {
    display: grid;
  }

  .file-upload-item {
    min-width: 0;
    display: flex;
  }

  @media (forced-colors: active) {
    .file-upload-input:disabled {
      color: graytext;
    }
  }

  .file-upload:has( > .file-upload-input:disabled) > .file-upload-dropzone > .empty-content > .file-upload-browse {
    pointer-events: none;
    opacity: .5;
  }

  @media (forced-colors: active) {
    .file-upload:has( > .file-upload-input:disabled) > .file-upload-dropzone > .empty-content > .file-upload-browse {
      color: graytext;
      opacity: 1;
      border-color: graytext;
    }

    .file-upload:has( > .file-upload-input:focus-visible) > .file-upload-dropzone > .empty-content > .file-upload-browse {
      outline-style: var(--tw-outline-style);
      outline-offset: 2px;
      --tw-outline-style: solid;
      outline-width: 2px;
      outline-style: solid;
    }
  }

  .file-upload:not([data-uploading]) > .file-upload-dropzone > .empty-content > .file-upload-cancel, .file-upload[data-uploading] > .file-upload-dropzone > .empty-content > .file-upload-browse, .file-upload[data-uploading] > .file-upload-list > .file-upload-item > .attachment > .attachment-actions {
    display: none;
  }

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

  .input-group {
    --tw-outline-style: none;
    outline-style: none;
    align-items: center;
    width: 100%;
    min-width: 0;
    display: flex;
    position: relative;
  }

  .input-group:has( > .input-group-input:disabled,  > .input-group-textarea:disabled) {
    opacity: .5;
  }

  @media (forced-colors: active) {
    .input-group:has( > .input-group-input:disabled,  > .input-group-textarea:disabled) {
      opacity: 1;
    }
  }

  .input-group:has( > .input-group-textarea), .input-group:has( > .input-group-addon:is([data-align="block-start"], [data-align="block-end"])) {
    height: auto;
  }

  .input-group:has( > .input-group-addon:is([data-align="block-start"], [data-align="block-end"])) {
    flex-direction: column;
  }

  @media (forced-colors: active) {
    .input-group:has( > :is(.input-group-input, .input-group-textarea):disabled), .input-group:has( > :is(.input-group-input, .input-group-textarea):disabled) :is(.input-group-addon, .input-group-input, .input-group-textarea) {
      color: graytext;
      border-color: graytext;
    }
  }

  .input-group-input, .input-group-textarea {
    border-style: var(--tw-border-style);
    --tw-shadow: 0 0 #0000;
    width: 100%;
    min-width: 0;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    outline-style: none;
    flex: 1;
  }

  :is(.input-group-input, .input-group-textarea):disabled {
    cursor: not-allowed;
  }

  .input-group-input, .input-group-textarea {
    color: inherit;
  }

  .input-group-input {
    align-self: stretch;
  }

  .input-group-textarea {
    field-sizing: content;
    resize: none;
    min-height: 4rem;
  }

  .input-group-addon {
    cursor: text;
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
  }

  .input-group-addon svg {
    pointer-events: none;
    flex-shrink: 0;
  }

  .input-group-addon:not([data-align]), .input-group-addon[data-align="inline-start"], .input-group-addon[data-align="block-start"] {
    order: -9999;
  }

  .input-group-addon[data-align="inline-end"], .input-group-addon[data-align="block-end"] {
    order: 9999;
  }

  .input-group-addon:is([data-align="block-start"], [data-align="block-end"]) {
    justify-content: flex-start;
    width: 100%;
  }

  .input-group-addon:is([data-align="block-start"], [data-align="block-end"]) > .input-group-text {
    flex: 1;
  }

  .input-group-addon[data-border="bottom"] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .input-group-addon[data-border="top"] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .input-group-text {
    align-items: center;
    display: flex;
  }

  .input-group-text svg {
    pointer-events: none;
    flex-shrink: 0;
  }

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

  .month-view {
    width: 100%;
    position: relative;
  }

  .month-view-nav {
    pointer-events: none;
    inset-inline: 0;
    justify-content: space-between;
    align-items: center;
    gap: .25rem;
    width: 100%;
    display: flex;
    position: absolute;
    top: 0;
  }

  .month-view-nav-button {
    pointer-events: auto;
    width: var(--cell-size);
    height: var(--cell-size);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  @media (forced-colors: active) {
    .month-view-nav-button:focus-visible {
      outline-style: var(--tw-outline-style);
      --tw-outline-style: solid;
      outline-width: 2px;
      outline-style: solid;
    }
  }

  .month-view-nav-button svg {
    pointer-events: none;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
  }

  .month-view-nav-button:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) svg {
    rotate: 180deg;
  }

  .month-view-grid {
    table-layout: fixed;
    border-collapse: separate;
    --tw-border-spacing-x: .25rem;
    --tw-border-spacing-y: .25rem;
    width: 100%;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .month-view-caption {
    height: var(--cell-size);
    padding-inline: var(--cell-size);
    text-align: center;
    --tw-leading: var(--cell-size);
    line-height: var(--cell-size);
    -webkit-user-select: none;
    user-select: none;
  }

  .month-view-weekday {
    height: var(--cell-size);
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    padding: 0;
  }

  .month-view-week-number-header, .month-view-week-number {
    width: var(--cell-size);
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    padding: 0;
  }

  .month-view-day {
    height: var(--day-height);
    vertical-align: top;
    padding: 0;
  }

  .month-view-day-link, .month-view-day-body {
    width: 100%;
    height: 100%;
    min-height: var(--day-height);
    border-radius: var(--day-radius);
    text-align: start;
    --tw-outline-style: none;
    outline-style: none;
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem;
    min-width: 0;
    padding: .25rem;
    text-decoration-line: none;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  @media (forced-colors: active) {
    .month-view-day-link, .month-view-day-body {
      border-style: var(--tw-border-style);
      --tw-border-style: solid;
      border-style: solid;
      border-width: 1px;
    }
  }

  .month-view-day-link:focus-visible {
    z-index: 10;
  }

  @media (forced-colors: active) {
    .month-view-day-link:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-offset: calc(2px * -1);
      --tw-outline-style: solid;
      outline-width: 2px;
      outline-style: solid;
    }
  }

  .month-view-day-number {
    height: var(--cell-size);
    border-radius: var(--cell-radius);
    --tw-leading: 1;
    flex-shrink: 0;
    align-items: center;
    padding-inline: .375rem;
    line-height: 1;
    display: inline-flex;
  }

  @media (forced-colors: active) {
    .month-view-day[data-today] .month-view-day-number {
      outline-style: var(--tw-outline-style);
      --tw-outline-style: solid;
      outline-width: 1px;
      outline-style: solid;
    }
  }

  .month-view-day-content {
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem;
    width: 100%;
    min-width: 0;
    padding-inline: .375rem;
    display: flex;
    overflow: hidden;
  }

  .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;
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    width: 1rem;
    height: 1rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    -webkit-user-select: none;
    user-select: none;
    inset-inline-end: .625rem;
    position: absolute;
    top: 50%;
  }

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

  .pagination {
    justify-content: safe 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 - 1rem);
  }

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

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

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

  @media (prefers-reduced-motion: no-preference) {
    .dropdown-menu-content, .popover-content, .select-content, .combobox-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, .combobox-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, .combobox-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, .combobox-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, .combobox-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, .combobox-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, .combobox-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, .combobox-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, .combobox-content, .tooltip-content {
      translate: var(--popup-from);
    }

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

    @starting-style {
      :is(.dropdown-menu-content, .popover-content, .select-content, .combobox-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;
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    width: 1rem;
    height: 1rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    -webkit-user-select: none;
    user-select: none;
    inset-inline-end: .625rem;
    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(.25rem * 36), anchor-size(self-inline));
    border-width: 0;
    outline-style: none;
    max-block-size: calc(100dvh - 1rem);
    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, cubic-bezier(.4, 0, .2, 1));
    transition-duration: var(--tw-duration, .15s);
    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, cubic-bezier(.4, 0, .2, 1));
    transition-duration: var(--tw-duration, .15s);
    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;
    border-inline-start-width: 1px;
    height: 100%;
    inset-block: 0;
    inset-inline: auto 0;
  }

  .sheet[data-side="left"] {
    border-inline-end-style: var(--tw-border-style);
    --sheet-from: calc(-1 * var(--sheet-slide)) 0;
    border-inline-end-width: 1px;
    height: 100%;
    inset-block: 0;
    inset-inline: 0 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 {
    flex: 1;
    min-height: 0;
    margin-block: -.25rem;
    padding-block: .25rem;
    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, cubic-bezier(.4, 0, .2, 1));
    transition-duration: var(--tw-duration, .15s);
    --tw-duration: .15s;
    place-items: center;
    transition-duration: .15s;
    display: grid;
    position: absolute;
    inset: 0;
  }

  .sheet-body[data-loading] {
    min-height: 6rem;
  }

  .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: 1s linear infinite 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: 0 auto;
    }

    .sidebar[data-side="right"] {
      border-inline-start-style: var(--tw-border-style);
      --sidebar-from: 100%;
      border-inline-start-width: 1px;
      inset-inline: auto 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, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
      transition-behavior: allow-discrete;
    }

    .sidebar::backdrop {
      opacity: 0;
      transition-property: opacity, overlay, display;
      transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
      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);
      block-size: calc(100svh - 1rem);
      inline-size: calc(var(--sidebar-width) - calc(.25rem * 4));
      border-width: 1px;
      margin: .5rem;
      top: .5rem;
    }

    .sidebar:not([data-placement])[data-variant="inset"] {
      padding: .5rem;
    }

    .sidebar-provider:has( > .sidebar[data-variant="inset"]) > .sidebar-inset {
      margin: .5rem;
    }

    @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: .5rem;
    }

    .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(.25rem * 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(.25rem * 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(.25rem * 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, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }

    .sidebar-provider:has( > .sidebar[data-variant="inset"]) > .sidebar-inset {
      transition-property: margin;
      transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

  .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: .5rem;
      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(.25rem * 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: 2rem;
  }

  :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, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

  :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, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

  .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);
    position: absolute;
    inset: -.5rem;
  }

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

  @media print {
    .sidebar, .sidebar-trigger {
      display: none !important;
    }

    .sidebar-provider {
      min-height: 0;
      display: block;
      background: none !important;
    }

    .sidebar-inset {
      box-shadow: none !important;
      border-radius: 0 !important;
      margin: 0 !important;
    }
  }

  .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"] {
    align-self: center;
    height: 1rem;
  }

  @media print {
    .site-header {
      display: none !important;
    }
  }

  .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 {
    z-index: 50;
    white-space: nowrap;
    clip-path: none;
    inset-inline-start: .5rem;
    width: auto;
    height: auto;
    margin: 0;
    position: fixed;
    top: .5rem;
    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;
    }
  }

  .spinner {
    animation: 1s linear infinite spin;
  }

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

  .spinner:not([data-icon-size]) {
    width: 1rem;
    height: 1rem;
  }

  .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, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

  @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, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

  .tabs:not([data-orientation]) > .tabs-list[data-variant="line"] > .tabs-trigger:after {
    content: var(--tw-content);
    inset-inline: 0;
    height: .125rem;
    bottom: -.3125rem;
  }

  .tabs[data-orientation="vertical"] > .tabs-list[data-variant="line"] > .tabs-trigger:after {
    content: var(--tw-content);
    width: .125rem;
    inset-block: 0;
    inset-inline-end: -.25rem;
  }

  .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;
    --tw-outline-style: none;
    outline-style: none;
    width: 100%;
    min-height: 4rem;
    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;
    border-style: var(--tw-border-style);
    width: 22.25rem;
    max-width: calc(100% - 2rem);
    height: auto;
    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, cubic-bezier(.4, 0, .2, 1));
    transition-duration: var(--tw-duration, .15s);
    --tw-duration: .4s;
    --tw-ease: cubic-bezier(0, 0, .2, 1);
    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);
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    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, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

  @media print {
    .toaster-viewport {
      display: none !important;
    }
  }

  .toggle {
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

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

  .toggle-input {
    cursor: pointer;
    appearance: none;
    border-radius: inherit;
    border-style: var(--tw-border-style);
    --tw-outline-style: none;
    background-color: #0000;
    border-width: 0;
    outline-style: none;
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    inset: 0;
  }

  @media (forced-colors: active) {
    .toggle:has( > .toggle-input:checked:enabled) {
      forced-color-adjust: none;
      color: highlighttext !important;
      background-color: highlight !important;
      border-color: highlight !important;
    }

    .toggle:has( > .toggle-input:checked:disabled) {
      outline-style: var(--tw-outline-style);
      outline-offset: calc(2px * -1);
      --tw-outline-style: solid;
      outline-width: 2px;
      outline-style: solid;
    }

    .toggle:has( > .toggle-input:focus-visible) {
      outline-style: var(--tw-outline-style);
      outline-offset: 2px;
      --tw-outline-style: solid;
      outline-width: 2px;
      outline-style: solid;
    }
  }

  .toggle:has( > .toggle-input:disabled) {
    pointer-events: none;
    opacity: .5;
  }

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

  .toggle-group {
    width: fit-content;
    display: flex;
  }

  .toggle-group:not([data-orientation]) {
    flex-direction: row;
    align-items: center;
  }

  .toggle-group[data-orientation="vertical"] {
    flex-direction: column;
    align-items: stretch;
  }

  .toggle-group[data-spacing="0"] {
    gap: 0;
  }

  .toggle-group[data-spacing="1"] {
    gap: .25rem;
  }

  .toggle-group:not([data-spacing]) {
    gap: .5rem;
  }

  .toggle-group[data-spacing="3"] {
    gap: .75rem;
  }

  .toggle-group[data-spacing="4"] {
    gap: 1rem;
  }

  .toggle-group > .toggle-group-item:has( > .toggle-input:focus-visible), .toggle-group > .tooltip > .toggle-group-item:has( > .toggle-input:focus-visible) {
    z-index: 10;
  }

  .toggle-group[data-spacing="0"]:not([data-orientation]) > .toggle-group-item[data-variant="outline"]:not(:first-child), .toggle-group[data-spacing="0"]:not([data-orientation]) > .tooltip:not(:first-child) > .toggle-group-item[data-variant="outline"] {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  .toggle-group[data-spacing="0"][data-orientation="vertical"] > .toggle-group-item[data-variant="outline"]:not(:first-child), .toggle-group[data-spacing="0"][data-orientation="vertical"] > .tooltip:not(:first-child) > .toggle-group-item[data-variant="outline"] {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .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: var(--radius);
    border-style: var(--tw-border-style);
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    --tw-font-weight: 500;
    background-clip: padding-box;
    border-width: 1px;
    border-color: #0000;
    font-weight: 500;
  }

  .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: 1rem;
    height: 1rem;
  }

  .button:not([data-size]), .button[data-size="default"] {
    gap: .375rem;
    height: 2rem;
    padding-inline: .625rem;
  }

  :is(.button:not([data-size]), .button[data-size="default"]):has([data-icon="inline-end"]) {
    padding-inline-end: .5rem;
  }

  :is(.button:not([data-size]), .button[data-size="default"]):has([data-icon="inline-start"]) {
    padding-inline-start: .5rem;
  }

  .button[data-size="xs"] {
    border-radius: min(calc(var(--radius) - 2px), 10px);
    height: 1.5rem;
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
    gap: .25rem;
    padding-inline: .5rem;
  }

  .button[data-size="xs"]:has([data-icon="inline-end"]) {
    padding-inline-end: .375rem;
  }

  .button[data-size="xs"]:has([data-icon="inline-start"]) {
    padding-inline-start: .375rem;
  }

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

  .button[data-size="sm"] {
    border-radius: min(calc(var(--radius) - 2px), 12px);
    gap: .25rem;
    height: 1.75rem;
    padding-inline: .625rem;
    font-size: .8rem;
  }

  .button[data-size="sm"]:has([data-icon="inline-end"]) {
    padding-inline-end: .375rem;
  }

  .button[data-size="sm"]:has([data-icon="inline-start"]) {
    padding-inline-start: .375rem;
  }

  .button[data-size="sm"] svg:not([class*="size-"], [data-icon-size]) {
    width: .875rem;
    height: .875rem;
  }

  .button[data-size="lg"] {
    gap: .375rem;
    height: 2.25rem;
    padding-inline: .625rem;
  }

  .button[data-size="lg"]:has([data-icon="inline-end"]) {
    padding-inline-end: .5rem;
  }

  .button[data-size="lg"]:has([data-icon="inline-start"]) {
    padding-inline-start: .5rem;
  }

  .button[data-size="icon"] {
    width: 2rem;
    height: 2rem;
  }

  .button[data-size="icon-xs"] {
    border-radius: min(calc(var(--radius) - 2px), 10px);
    width: 1.5rem;
    height: 1.5rem;
  }

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

  .button[data-size="icon-sm"] {
    border-radius: min(calc(var(--radius) - 2px), 12px);
    width: 1.75rem;
    height: 1.75rem;
  }

  .button[data-size="icon-lg"] {
    width: 2.25rem;
    height: 2.25rem;
  }

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

  @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 {
    border-style: var(--tw-border-style);
    height: 1.25rem;
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
    --tw-font-weight: 500;
    border-width: 1px;
    border-color: #0000;
    border-radius: 2rem;
    gap: .25rem;
    padding-block: .125rem;
    padding-inline: .5rem;
    font-weight: 500;
  }

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

  .badge:has([data-icon="inline-start"]) {
    padding-inline-start: .375rem;
  }

  .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: .75rem;
    height: .75rem;
  }

  .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: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    color: var(--card-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)) {
    .card {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .card:has( > .card-footer:last-child) {
    padding-bottom: 0;
  }

  .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: 1rem;
    padding-block: 1rem;
  }

  .card[data-size="sm"] {
    gap: .75rem;
    padding-block: .75rem;
  }

  .card:is(:not([data-size]), [data-size="default"]) > :is(.card-header, .card-content, .card-footer) {
    padding-inline: 1rem;
  }

  .card[data-size="sm"] > :is(.card-header, .card-content, .card-footer) {
    padding-inline: .75rem;
  }

  .card-header {
    gap: .25rem;
  }

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

  .card[data-size="sm"] > .card-header[data-border] {
    padding-bottom: .75rem;
  }

  .card-title {
    font-size: 1rem;
    line-height: var(--tw-leading, calc(1.5 / 1));
    --tw-leading: 1.375;
    --tw-font-weight: 500;
    font-weight: 500;
    line-height: 1.375;
  }

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

  .card-description {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    color: var(--muted-foreground);
  }

  .card-footer {
    border-top-style: var(--tw-border-style);
    background-color: var(--muted);
    border-top-width: 1px;
    gap: .5rem;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .card-footer {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .card-footer {
    padding-block: 1rem;
  }

  .card[data-size="sm"] > .card-footer {
    padding-block: .75rem;
  }

  .alert {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    text-align: start;
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    border-width: 1px;
    row-gap: .125rem;
    padding-block: .5rem;
    padding-inline: .625rem;
  }

  .alert:has( > svg) {
    column-gap: .5rem;
  }

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

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

  .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 {
    --tw-font-weight: 500;
    --tw-tracking: -.025em;
    letter-spacing: -.025em;
    min-height: 1rem;
    font-weight: 500;
  }

  .alert-description {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    color: var(--muted-foreground);
    gap: .25rem;
  }

  .alert-description p {
    --tw-leading: 1.625;
    line-height: 1.625;
  }

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

  .empty {
    border-radius: calc(var(--radius) + 4px);
    --tw-border-style: dashed;
    border-style: dashed;
    gap: 1rem;
    padding: 1.5rem;
  }

  .empty[data-border] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .empty-header {
    gap: .5rem;
  }

  .empty-media {
    margin-bottom: .5rem;
  }

  .empty-media:not([data-variant]) {
    background-color: #0000;
  }

  .empty-media[data-variant="icon"] {
    border-radius: var(--radius);
    background-color: var(--muted);
    width: 2rem;
    height: 2rem;
    color: var(--foreground);
  }

  .empty-media[data-variant="icon"] svg:not([class*="size-"], [data-icon-size]) {
    width: 1rem;
    height: 1rem;
  }

  .empty-title {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    --tw-font-weight: 500;
    --tw-tracking: -.025em;
    letter-spacing: -.025em;
    font-weight: 500;
  }

  .empty-description {
    color: var(--muted-foreground);
    font-size: .875rem;
    line-height: 1.625;
  }

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

  .empty-description > a:hover {
    color: var(--primary);
  }

  .empty-content {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    gap: .625rem;
  }

  .attachment {
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--card);
    color: var(--card-foreground);
  }

  .attachment:not([data-width]) {
    width: fit-content;
  }

  .attachment:not([data-state]), .attachment[data-state="uploading"], .attachment[data-state="processing"] {
    --tw-border-style: solid;
    border-style: solid;
  }

  .attachment[data-state="idle"] {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .attachment[data-state="error"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .attachment[data-state="error"] {
      border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
    }
  }

  .attachment:has( > .attachment-trigger):hover {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .attachment:has( > .attachment-trigger):hover {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .attachment:has( > .attachment-trigger:focus-visible) {
    border-color: var(--ring);
  }

  .attachment-trigger: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)) {
    .attachment-trigger:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .attachment:not([data-orientation]) {
    min-width: 10rem;
  }

  .attachment[data-orientation="vertical"]:not([data-width]) {
    width: 6rem;
  }

  .attachment[data-orientation="vertical"]:not([data-width]):has( > .attachment-content) {
    width: 7.5rem;
  }

  .attachment:not([data-size]) {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    gap: .5rem;
  }

  .attachment:not([data-size]):has( > .attachment-media) {
    padding: .5rem;
  }

  .attachment:not([data-size]):has( > .attachment-content) {
    padding-block: .5rem;
    padding-inline: .625rem;
  }

  .attachment[data-size="sm"] {
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
    gap: .625rem;
  }

  .attachment[data-size="sm"]:has( > .attachment-media) {
    padding: .375rem;
  }

  .attachment[data-size="sm"]:has( > .attachment-content) {
    padding-block: .375rem;
    padding-inline: .5rem;
  }

  .attachment[data-size="xs"] {
    border-radius: var(--radius);
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
    gap: .375rem;
  }

  .attachment[data-size="xs"]:has( > .attachment-media) {
    padding: .25rem;
  }

  .attachment[data-size="xs"]:has( > .attachment-content) {
    padding-block: .25rem;
    padding-inline: .375rem;
  }

  .attachment-media {
    border-radius: var(--radius);
    background-color: var(--muted);
    width: 2.5rem;
    color: var(--foreground);
  }

  .attachment-media:not([data-variant]) svg:not([class*="size-"], [data-icon-size]) {
    width: 1rem;
    height: 1rem;
  }

  .attachment[data-size="sm"] > .attachment-media {
    width: 2rem;
  }

  .attachment[data-size="xs"] > .attachment-media {
    border-radius: calc(var(--radius) - 2px);
    width: 1.75rem;
  }

  .attachment[data-size="xs"] > .attachment-media:not([data-variant]) svg:not([class*="size-"], [data-icon-size]) {
    width: .875rem;
    height: .875rem;
  }

  .attachment[data-orientation="vertical"] > .attachment-media {
    width: 100%;
  }

  .attachment[data-orientation="vertical"] > .attachment-media:not([data-variant]) svg:not([class*="size-"], [data-icon-size]) {
    width: 1.5rem;
    height: 1.5rem;
  }

  .attachment[data-state="error"] > .attachment-media {
    background-color: var(--destructive);
  }

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

  .attachment[data-state="error"] > .attachment-media {
    color: var(--destructive);
  }

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

  .attachment[data-state="uploading"] > .attachment-media[data-variant="image"], .attachment[data-state="processing"] > .attachment-media[data-variant="image"], .attachment[data-state="error"] > .attachment-media[data-variant="image"] {
    opacity: .6;
  }

  .attachment-content {
    --tw-leading: 1.25;
    line-height: 1.25;
  }

  .attachment[data-orientation="vertical"] > .attachment-content {
    padding-inline: .25rem;
  }

  .attachment-title {
    --tw-font-weight: 500;
    font-weight: 500;
  }

  .attachment-description {
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
    color: var(--muted-foreground);
    margin-top: .125rem;
  }

  .attachment:has( > .attachment-trigger):hover > .attachment-content > .attachment-description {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .attachment:has( > .attachment-trigger):hover > .attachment-content > .attachment-description {
      color: color-mix(in oklch, var(--muted-foreground), var(--foreground) 20%);
    }
  }

  .attachment[data-state="error"] > .attachment-content > .attachment-description {
    color: var(--destructive);
  }

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

  .attachment-group {
    border-radius: var(--radius);
  }

  .attachment-group:not([data-layout]) {
    gap: .75rem;
    padding-block: .25rem;
    scroll-padding-inline: .25rem;
  }

  .attachment-group[data-layout="grid"] {
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
    gap: .75rem;
  }

  .attachment-group: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)) {
    .attachment-group:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .file-upload {
    gap: .75rem;
  }

  .file-upload:not([data-layout]) > .file-upload-list {
    gap: .5rem;
  }

  .file-upload[data-layout="grid"] > .file-upload-list {
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
    gap: .75rem;
  }

  .file-upload:has( > .file-upload-input:focus-visible) > .file-upload-dropzone > .empty-content > .file-upload-browse {
    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)) {
    .file-upload:has( > .file-upload-input:focus-visible) > .file-upload-dropzone > .empty-content > .file-upload-browse {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

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

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

  .file-upload[data-dragging] > .file-upload-dropzone {
    border-color: var(--ring);
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .file-upload[data-dragging] > .file-upload-dropzone {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .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: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
    }
  }

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

  .skeleton[data-shape="circle"] {
    width: 2.5rem;
    height: 2.5rem;
  }

  .skeleton:is(:not([data-shape]), [data-shape="line"]) + .skeleton:is(:not([data-shape]), [data-shape="line"]) {
    margin-top: .5rem;
  }

  .kbd {
    border-radius: calc(var(--radius) - 4px);
    background-color: var(--muted);
    min-width: 1.25rem;
    height: 1.25rem;
    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-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
    --tw-font-weight: 500;
    color: var(--muted-foreground);
    gap: .25rem;
    padding-inline: .25rem;
    font-weight: 500;
  }

  @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: .75rem;
    height: .75rem;
  }

  .kbd-group {
    gap: .25rem;
  }

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

  .avatar:not([data-size]), .avatar[data-size="default"] {
    width: 2rem;
    height: 2rem;
  }

  .avatar[data-size="sm"] {
    width: 1.5rem;
    height: 1.5rem;
  }

  .avatar[data-size="lg"] {
    width: 2.5rem;
    height: 2.5rem;
  }

  .avatar-fallback {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    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: 1rem;
    height: 1rem;
  }

  .avatar[data-size="sm"] > .avatar-fallback {
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
  }

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

  .label {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    --tw-leading: 1;
    --tw-font-weight: 500;
    gap: .5rem;
    font-weight: 500;
    line-height: 1;
  }

  .input {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    height: 2rem;
    font-size: 1rem;
    line-height: var(--tw-leading, calc(1.5 / 1));
    background-color: #0000;
    padding-block: .25rem;
    padding-inline: .625rem;
  }

  .input::file-selector-button {
    height: 1.5rem;
  }

  .input::file-selector-button {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
  }

  .input::file-selector-button {
    --tw-font-weight: 500;
    font-weight: 500;
  }

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

  @supports (color: color-mix(in lab, red, red)) {
    .input:disabled {
      background-color: color-mix(in oklab, var(--input) 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, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

  @media (min-width: 48rem) {
    .input {
      font-size: .875rem;
      line-height: var(--tw-leading, calc(1.25 / .875));
    }
  }

  .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 *):disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .input:where(.dark, .dark *):disabled {
      background-color: color-mix(in oklab, var(--input) 80%, 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);
  }

  .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: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    font-size: 1rem;
    line-height: var(--tw-leading, calc(1.5 / 1));
    background-color: #0000;
    padding-block: .5rem;
    padding-inline: .625rem;
  }

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

  @supports (color: color-mix(in lab, red, red)) {
    .textarea:disabled {
      background-color: color-mix(in oklab, var(--input) 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, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

  @media (min-width: 48rem) {
    .textarea {
      font-size: .875rem;
      line-height: var(--tw-leading, calc(1.25 / .875));
    }
  }

  .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 *):disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .textarea:where(.dark, .dark *):disabled {
      background-color: color-mix(in oklab, var(--input) 80%, 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);
  }

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

  .input-group {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    background-color: #0000;
    height: 2rem;
  }

  @media (prefers-reduced-motion: no-preference) {
    .input-group {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

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

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

  .input-group:has( > .input-group-input[aria-invalid="true"]), .input-group:has( > .input-group-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)) {
    .input-group:has( > .input-group-input[aria-invalid="true"]), .input-group:has( > .input-group-textarea[aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

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

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

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

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

  .input-group:has( > .input-group-input:focus-visible), .input-group:has( > .input-group-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)) {
    .input-group:has( > .input-group-input:focus-visible), .input-group:has( > .input-group-textarea:focus-visible) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .input-group:has( > .input-group-input:disabled), .input-group:has( > .input-group-textarea:disabled) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .input-group:has( > .input-group-input:disabled), .input-group:has( > .input-group-textarea:disabled) {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }

  :is(.input-group:has( > .input-group-input:disabled), .input-group:has( > .input-group-textarea:disabled)):where(.dark, .dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.input-group:has( > .input-group-input:disabled), .input-group:has( > .input-group-textarea:disabled)):where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }

  .input-group:has( > .input-group-input[readonly]), .input-group:has( > .input-group-textarea[readonly]) {
    background-color: var(--muted);
  }

  .input-group:has( > .input-group-input[readonly]) :is(.input-group-addon, .input-group-text), .input-group:has( > .input-group-textarea[readonly]) :is(.input-group-addon, .input-group-text) {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .input-group:has( > .input-group-input[readonly]) :is(.input-group-addon, .input-group-text), .input-group:has( > .input-group-textarea[readonly]) :is(.input-group-addon, .input-group-text) {
      color: color-mix(in oklch, var(--muted-foreground), var(--foreground) 20%);
    }
  }

  :is(.input-group-input[readonly], .input-group-textarea[readonly])::placeholder {
    color: var(--muted-foreground);
  }

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

  .input-group-input {
    font-size: 1rem;
    line-height: var(--tw-leading, calc(1.5 / 1));
    padding-block: .25rem;
    padding-inline: .625rem;
  }

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

  @media (min-width: 48rem) {
    .input-group-input {
      font-size: .875rem;
      line-height: var(--tw-leading, calc(1.25 / .875));
    }
  }

  .input-group-textarea {
    font-size: 1rem;
    line-height: var(--tw-leading, calc(1.5 / 1));
    padding-block: .5rem;
    padding-inline: .625rem;
  }

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

  @media (min-width: 48rem) {
    .input-group-textarea {
      font-size: .875rem;
      line-height: var(--tw-leading, calc(1.25 / .875));
    }
  }

  .input-group:has( > .input-group-addon:is(:not([data-align]), [data-align="inline-start"])) > .input-group-input {
    padding-inline-start: .375rem;
  }

  .input-group:has( > .input-group-addon[data-align="inline-end"]) > .input-group-input {
    padding-inline-end: .375rem;
  }

  .input-group:has( > .input-group-addon[data-align="block-start"]) > .input-group-input {
    padding-bottom: .75rem;
  }

  .input-group:has( > .input-group-addon[data-align="block-end"]) > .input-group-input {
    padding-top: .75rem;
  }

  .input-group-addon {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    --tw-font-weight: 500;
    color: var(--muted-foreground);
    gap: .5rem;
    padding-block: .375rem;
    font-weight: 500;
  }

  .input-group-addon > svg:not([class*="size-"], [data-icon-size]) {
    width: 1rem;
    height: 1rem;
  }

  .input-group-addon > .kbd {
    border-radius: calc(var(--radius) - 5px);
  }

  .input-group-addon:is(:not([data-align]), [data-align="inline-start"]) {
    padding-inline-start: .5rem;
  }

  .input-group-addon:is(:not([data-align]), [data-align="inline-start"]):has( > .button) {
    margin-inline-start: -.3rem;
  }

  .input-group-addon:is(:not([data-align]), [data-align="inline-start"]):has( > .kbd) {
    margin-inline-start: -.15rem;
  }

  .input-group-addon[data-align="inline-end"] {
    padding-inline-end: .5rem;
  }

  .input-group-addon[data-align="inline-end"]:has( > .button) {
    margin-inline-end: -.3rem;
  }

  .input-group-addon[data-align="inline-end"]:has( > .kbd) {
    margin-inline-end: -.15rem;
  }

  .input-group-addon[data-align="block-start"] {
    padding-inline: .625rem;
    padding-top: .5rem;
  }

  .input-group-addon[data-align="block-end"] {
    padding-inline: .625rem;
    padding-bottom: .5rem;
  }

  .input-group-addon[data-border="bottom"] {
    padding-bottom: .5rem;
  }

  .input-group-addon[data-border="top"] {
    padding-top: .5rem;
  }

  .input-group-text {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    color: var(--muted-foreground);
    gap: .5rem;
  }

  .input-group-text svg:not([class*="size-"], [data-icon-size]) {
    width: 1rem;
    height: 1rem;
  }

  .button.input-group-button {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    --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);
    gap: .5rem;
  }

  .button.input-group-button[data-size="xs"] {
    border-radius: calc(var(--radius) - 3px);
    gap: .25rem;
    height: 1.5rem;
    padding-inline: .375rem;
  }

  .button.input-group-button[data-size="xs"] svg:not([class*="size-"], [data-icon-size]) {
    width: .875rem;
    height: .875rem;
  }

  .button.input-group-button[data-size="icon-xs"] {
    border-radius: calc(var(--radius) - 3px);
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
  }

  .button.input-group-button[data-size="icon-sm"] {
    width: 2rem;
    height: 2rem;
    padding: 0;
  }

  .native-select {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    background-color: #0000;
    padding-block: .25rem;
    padding-inline: .625rem 2rem;
  }

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

  @supports (color: color-mix(in lab, red, red)) {
    .native-select:disabled {
      background-color: color-mix(in oklab, var(--input) 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, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

  .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 *):disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .native-select:where(.dark, .dark *):disabled {
      background-color: color-mix(in oklab, var(--input) 80%, 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: .625rem;
  }

  .native-select-wrapper:not([data-size]) > .native-select:not([multiple]), .native-select-wrapper[data-size="default"] > .native-select:not([multiple]) {
    height: 2rem;
  }

  .native-select-wrapper[data-size="sm"] > .native-select:not([multiple]) {
    border-radius: min(calc(var(--radius) - 2px), 10px);
    height: 1.75rem;
    padding-block: .125rem;
  }

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

  .select {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    background-color: #0000;
    gap: .375rem;
    padding-inline: .625rem 2rem;
  }

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

  @supports (color: color-mix(in lab, red, red)) {
    .select:disabled {
      background-color: color-mix(in oklab, var(--input) 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, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

  .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 *):disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .select:where(.dark, .dark *):disabled {
      background-color: color-mix(in oklab, var(--input) 80%, 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: .375rem;
  }

  .select svg:not([class*="size-"], [data-icon-size]) {
    width: 1rem;
    height: 1rem;
  }

  .select-wrapper:not([data-size]) > .select, .select-wrapper[data-size="default"] > .select {
    height: 2rem;
  }

  .select-wrapper[data-size="sm"] > .select {
    border-radius: min(calc(var(--radius) - 2px), 10px);
    height: 1.75rem;
  }

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

  .select-content, .combobox-content {
    border-radius: var(--radius);
    background-color: var(--popover);
    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);
    padding: .25rem;
  }

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

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

  .select::picker(select) {
    border-radius: var(--radius);
    background-color: var(--popover);
    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);
    padding: .25rem;
  }

  @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, .combobox-content, .select {
    --popup-offset: .25rem;
    --popup-slide: calc(.25rem * 2);
  }

  .select-item, .combobox-item {
    border-radius: calc(var(--radius) - 2px);
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    gap: .375rem;
    padding-block: .25rem;
    padding-inline: .375rem 2rem;
  }

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

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

  .select-item svg:not([class*="size-"], [data-icon-size]), .combobox-item svg:not([class*="size-"], [data-icon-size]) {
    width: 1rem;
    height: 1rem;
  }

  .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, .combobox-item-indicator {
    inset-inline-end: .5rem;
  }

  .select-group, .select-label, .combobox-label {
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
    color: var(--muted-foreground);
  }

  .select-label, .combobox-label {
    padding-block: .25rem;
    padding-inline: .375rem;
  }

  .select-group > .select-item {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    color: var(--popover-foreground);
  }

  .select-separator, .combobox-separator {
    background-color: var(--border);
    margin-block: .25rem;
    margin-inline: -.25rem;
  }

  .combobox-select {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    background-color: #0000;
    padding-block: .25rem;
    padding-inline: .625rem 2rem;
  }

  .combobox-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)) {
    .combobox-select:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .combobox-select:disabled {
    background-color: var(--input);
  }

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

  .combobox-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)) {
    .combobox-select[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .combobox-select {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

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

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

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

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

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

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

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

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

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

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

  .combobox-select[multiple] {
    padding-inline-end: .625rem;
  }

  .combobox-select:not([multiple]) {
    height: 2rem;
  }

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

  .combobox-control {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    min-height: 2rem;
    font-size: 1rem;
    line-height: var(--tw-leading, calc(1.5 / 1));
    background-color: #0000;
    padding-block: .25rem;
    padding-inline: .625rem;
  }

  @media (prefers-reduced-motion: no-preference) {
    .combobox-control {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

  @media (min-width: 48rem) {
    .combobox-control {
      font-size: .875rem;
      line-height: var(--tw-leading, calc(1.25 / .875));
    }
  }

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

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

  .combobox-control:has( > .combobox-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)) {
    .combobox-control:has( > .combobox-input[aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

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

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

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

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

  .combobox-control:has( > .combobox-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)) {
    .combobox-control:has( > .combobox-input:focus-visible) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .combobox-control:has( > .combobox-input:disabled) {
    cursor: not-allowed;
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .combobox-control:has( > .combobox-input:disabled) {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }

  .combobox-control:has( > .combobox-input:disabled):where(.dark, .dark *) {
    background-color: var(--input);
  }

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

  .combobox-control:has( > .combobox-input[readonly]) {
    background-color: var(--muted);
  }

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

  .combobox[data-multiple] > .combobox-control {
    gap: .25rem;
    padding-block: .25rem;
  }

  .combobox[data-multiple] > .combobox-control:has( > .combobox-chip) {
    padding-inline-start: .25rem;
  }

  .combobox-clear, .combobox-trigger {
    border-radius: calc(var(--radius) - 3px);
    color: var(--muted-foreground);
    margin-inline-end: -.375rem;
  }

  @media (hover: hover) {
    :is(.combobox-clear, .combobox-trigger):hover {
      background-color: var(--muted);
      color: var(--foreground);
    }
  }

  .combobox-clear:focus-visible, .combobox-trigger: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)) {
    .combobox-clear:focus-visible, .combobox-trigger:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .combobox-clear svg:not([class*="size-"], [data-icon-size]), .combobox-trigger svg:not([class*="size-"], [data-icon-size]) {
    width: 1rem;
    height: 1rem;
  }

  .combobox-chip {
    border-radius: calc(var(--radius) - 4px);
    background-color: var(--muted);
    height: 1.3125rem;
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
    --tw-font-weight: 500;
    color: var(--foreground);
    gap: .25rem;
    padding-inline: .375rem;
    font-weight: 500;
  }

  .combobox-chip:has( > .combobox-chip-remove) {
    padding-inline-end: 0;
  }

  .combobox-chip-remove {
    border-radius: calc(var(--radius) - 4px);
    opacity: .5;
    width: 1.25rem;
    height: 1.25rem;
    margin-inline-start: -.25rem;
  }

  @media (hover: hover) {
    .combobox-chip-remove:hover {
      opacity: 1;
    }
  }

  .combobox-chip-remove:focus-visible {
    opacity: 1;
    --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);
    --tw-ring-color: var(--ring);
  }

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

  .combobox-chip-remove svg:not([class*="size-"], [data-icon-size]) {
    width: .875rem;
    height: .875rem;
  }

  .combobox-empty {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    color: var(--muted-foreground);
    padding-block: .5rem;
  }

  .calendar {
    background-color: var(--background);
    --cell-size: calc(.25rem * 7);
    --cell-radius: calc(var(--radius) - 2px);
    padding: .5rem;
  }

  .calendar-nav-button {
    border-radius: var(--cell-radius);
  }

  @media (hover: hover) {
    .calendar-nav-button:hover {
      background-color: var(--muted);
      color: var(--foreground);
    }
  }

  .calendar-nav-button: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)) {
    .calendar-nav-button:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  @media (hover: hover) {
    .calendar-nav-button:where(.dark, .dark *):hover {
      background-color: var(--muted);
    }

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

  .calendar-caption, .calendar-dropdowns {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    --tw-font-weight: 500;
    font-weight: 500;
  }

  .calendar-dropdown {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
  }

  .calendar-dropdown:has( > .calendar-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)) {
    .calendar-dropdown:has( > .calendar-select:focus-visible) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .calendar-dropdown-label {
    height: 1.5rem;
    padding-inline: .375rem .25rem;
  }

  .calendar-dropdown-label > svg {
    color: var(--muted-foreground);
  }

  .calendar-weekday, .calendar-week-number {
    --tw-font-weight: 400;
    color: var(--muted-foreground);
    font-size: .8rem;
    font-weight: 400;
  }

  .calendar-day-button {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    --tw-font-weight: 400;
    font-weight: 400;
  }

  @media (hover: hover) {
    .calendar-day-button:hover {
      background-color: var(--muted);
      color: var(--foreground);
    }
  }

  .calendar-day-button: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)) {
    .calendar-day-button:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .calendar-day[data-today]:not([data-selected], [data-range-start], [data-range-end]), .calendar-day[data-range-start], .calendar-day[data-range-end] {
    background-color: var(--muted);
    color: var(--foreground);
  }

  :is(.calendar-day[data-today]:not([data-selected], [data-range-start], [data-range-end]), .calendar-day[data-range-start], .calendar-day[data-range-end]):after {
    content: var(--tw-content);
    background-color: var(--muted);
  }

  .calendar-day-button[data-outside], .calendar-day-button[data-outside]:is([data-today], [data-range-middle], :hover) {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .calendar-day-button[data-outside]:is([data-today], [data-range-middle], :hover) {
      color: color-mix(in oklch, var(--muted-foreground), var(--foreground) 20%);
    }
  }

  .calendar-day-button[data-range-middle] {
    background-color: var(--muted);
    color: var(--foreground);
  }

  .calendar-day-button[data-selected]:not([data-range-middle]) {
    background-color: var(--primary);
    color: var(--primary-foreground);
  }

  @media (hover: hover) {
    .calendar-day-button[data-selected]:not([data-range-middle]):hover {
      background-color: var(--primary);
      color: var(--primary-foreground);
    }
  }

  .calendar-day-button[data-disabled], .calendar-day-button:disabled {
    opacity: .5;
  }

  @media (forced-colors: active) {
    .calendar-day-button[data-disabled], .calendar-day-button:disabled {
      color: graytext;
      opacity: 1;
    }
  }

  .button.date-picker-trigger {
    --tw-font-weight: 400;
    font-weight: 400;
  }

  .button.date-picker-trigger[data-empty] {
    color: var(--muted-foreground);
  }

  @media (hover: hover) {
    .button.date-picker-trigger[data-empty]:hover {
      color: var(--foreground);
    }
  }

  .button.date-picker-trigger[data-empty][aria-expanded="true"] {
    color: var(--foreground);
  }

  .popover-content.date-picker-content {
    width: auto;
    padding: 0;
  }

  .month-view {
    --cell-size: calc(.25rem * 7);
    --cell-radius: calc(var(--radius) - 2px);
    --day-height: calc(.25rem * 16);
    --day-radius: calc(var(--radius) - 2px);
  }

  @media (min-width: 48rem) {
    .month-view {
      --day-height: calc(.25rem * 24);
    }
  }

  .month-view-nav-button {
    border-radius: var(--cell-radius);
  }

  @media (hover: hover) {
    .month-view-nav-button:hover {
      background-color: var(--muted);
      color: var(--foreground);
    }
  }

  .month-view-nav-button: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)) {
    .month-view-nav-button:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  @media (hover: hover) {
    .month-view-nav-button:where(.dark, .dark *):hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .month-view-nav-button:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }

  .month-view-caption {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    --tw-font-weight: 500;
    font-weight: 500;
  }

  .month-view-weekday, .month-view-week-number {
    --tw-font-weight: 400;
    color: var(--muted-foreground);
    font-size: .8rem;
    font-weight: 400;
  }

  .month-view-day-link, .month-view-day-body {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    --tw-font-weight: 400;
    color: var(--foreground);
    font-weight: 400;
  }

  @media (hover: hover) {
    .month-view-day-link:hover {
      background-color: var(--muted);
    }
  }

  .month-view-day-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)) {
    .month-view-day-link:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  @media (hover: hover) {
    .month-view-day-link:where(.dark, .dark *):hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .month-view-day-link:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }

  .month-view-day[data-outside] .month-view-day-number, .month-view-day[data-outside] > .month-view-day-link:hover .month-view-day-number {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .month-view-day[data-outside] > .month-view-day-link:hover .month-view-day-number {
      color: color-mix(in oklch, var(--muted-foreground), var(--foreground) 20%);
    }
  }

  .month-view-day[data-today] .month-view-day-number {
    background-color: var(--primary);
    --tw-font-weight: 500;
    color: var(--primary-foreground);
    font-weight: 500;
  }

  .checkbox {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    background-color: #0000;
    border-radius: 4px;
    width: 1rem;
    height: 1rem;
  }

  .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: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

  .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: .875rem;
    height: .875rem;
    color: var(--primary-foreground);
  }

  .radio-group {
    gap: .5rem;
  }

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

  .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);
    --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"] {
    background-size: 1rem;
    width: 2rem;
    height: 18.4px;
  }

  .switch[data-size="sm"] {
    background-size: .75rem;
    width: 1.5rem;
    height: .875rem;
  }

  .toggle {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    --tw-font-weight: 500;
    border-width: 1px;
    border-color: #0000;
    gap: .25rem;
    font-weight: 500;
  }

  @media (hover: hover) {
    .toggle:hover {
      color: var(--foreground);
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .toggle {
      transition-property: all;
      transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

  .toggle svg:not([class*="size-"], [data-icon-size]) {
    width: 1rem;
    height: 1rem;
  }

  .toggle:not([data-variant]) {
    background-color: #0000;
  }

  @media (hover: hover) {
    .toggle:not([data-variant]):hover {
      background-color: var(--muted);
    }
  }

  .toggle[data-variant="outline"] {
    border-color: var(--input);
    background-color: #0000;
  }

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

  .toggle:not([data-size]), .toggle[data-size="default"] {
    min-width: 2rem;
    height: 2rem;
    padding-inline: .625rem;
  }

  :is(.toggle:not([data-size]), .toggle[data-size="default"]):has([data-icon="inline-end"]) {
    padding-inline-end: .5rem;
  }

  :is(.toggle:not([data-size]), .toggle[data-size="default"]):has([data-icon="inline-start"]) {
    padding-inline-start: .5rem;
  }

  .toggle[data-size="sm"] {
    border-radius: min(calc(var(--radius) - 2px), 12px);
    min-width: 1.75rem;
    height: 1.75rem;
    padding-inline: .625rem;
    font-size: .8rem;
  }

  .toggle[data-size="sm"]:has([data-icon="inline-end"]) {
    padding-inline-end: .375rem;
  }

  .toggle[data-size="sm"]:has([data-icon="inline-start"]) {
    padding-inline-start: .375rem;
  }

  .toggle[data-size="sm"] svg:not([class*="size-"], [data-icon-size]) {
    width: .875rem;
    height: .875rem;
  }

  .toggle[data-size="lg"] {
    min-width: 2.25rem;
    height: 2.25rem;
    padding-inline: .625rem;
  }

  .toggle[data-size="lg"]:has([data-icon="inline-end"]) {
    padding-inline-end: .5rem;
  }

  .toggle[data-size="lg"]:has([data-icon="inline-start"]) {
    padding-inline-start: .5rem;
  }

  .toggle:has( > .toggle-input:checked), .toggle:has( > .toggle-input:indeterminate:not([type="radio"])) {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .toggle:has( > .toggle-input:indeterminate:not([type="radio"])) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .toggle:has( > .toggle-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)) {
    .toggle:has( > .toggle-input:focus-visible) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

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

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

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

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

  .toggle-group[data-spacing="0"] > .toggle-group-item, .toggle-group[data-spacing="0"] > .tooltip > .toggle-group-item {
    --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);
    border-radius: 0;
    padding-inline: .5rem;
  }

  :is(.toggle-group[data-spacing="0"] > .toggle-group-item, .toggle-group[data-spacing="0"] > .tooltip > .toggle-group-item):has([data-icon="inline-end"]) {
    padding-inline-end: .375rem;
  }

  :is(.toggle-group[data-spacing="0"] > .toggle-group-item, .toggle-group[data-spacing="0"] > .tooltip > .toggle-group-item):has([data-icon="inline-start"]) {
    padding-inline-start: .375rem;
  }

  .toggle-group[data-spacing="0"]:not([data-orientation]) > .toggle-group-item:first-child, .toggle-group[data-spacing="0"]:not([data-orientation]) > .tooltip:first-child > .toggle-group-item {
    border-start-start-radius: var(--radius);
    border-end-start-radius: var(--radius);
  }

  .toggle-group[data-spacing="0"]:not([data-orientation]) > .toggle-group-item:last-child, .toggle-group[data-spacing="0"]:not([data-orientation]) > .tooltip:last-child > .toggle-group-item {
    border-start-end-radius: var(--radius);
    border-end-end-radius: var(--radius);
  }

  .toggle-group[data-spacing="0"][data-orientation="vertical"] > .toggle-group-item:first-child, .toggle-group[data-spacing="0"][data-orientation="vertical"] > .tooltip:first-child > .toggle-group-item {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
  }

  .toggle-group[data-spacing="0"][data-orientation="vertical"] > .toggle-group-item:last-child, .toggle-group[data-spacing="0"][data-orientation="vertical"] > .tooltip:last-child > .toggle-group-item {
    border-bottom-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }

  .toggle-group {
    border-radius: var(--radius);
  }

  .field-set {
    gap: 1rem;
  }

  .field-set:has( > .field[data-orientation="horizontal"]), .field-set:has( > .radio-group) {
    gap: .75rem;
  }

  .field-legend {
    --tw-font-weight: 500;
    margin-bottom: .375rem;
    font-weight: 500;
  }

  .field-legend:not([data-variant]), .field-legend[data-variant="legend"] {
    font-size: 1rem;
    line-height: var(--tw-leading, calc(1.5 / 1));
  }

  .field-legend[data-variant="label"] {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
  }

  .field-group {
    gap: 1.25rem;
  }

  .field-group > .field-group {
    gap: 1rem;
  }

  .field {
    gap: .5rem;
  }

  .field-content {
    gap: .125rem;
  }

  .field-label {
    --tw-leading: 1.375;
    line-height: 1.375;
  }

  .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: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    --tw-leading: 1.5;
    color: var(--muted-foreground);
    line-height: 1.5;
  }

  :is(.field-legend:not([data-variant]), .field-legend[data-variant="legend"]) + .field-description {
    margin-top: -.375rem;
  }

  .field-error {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    color: var(--destructive);
  }

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

  .dialog {
    border-radius: calc(var(--radius) + 4px);
    background-color: var(--popover);
    max-width: calc(100% - 2rem);
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    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);
    gap: 1rem;
    padding: 1rem;
  }

  @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 {
    --tw-duration: .1s;
    background-color: oklab(0% none none / .1);
    transition-duration: .1s;
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .dialog::backdrop {
      --tw-backdrop-blur: blur(4px);
      -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: 24rem;
    }
  }

  .dialog-close {
    inset-inline-end: .5rem;
    top: .5rem;
  }

  .dialog-header {
    gap: .5rem;
  }

  .dialog-title {
    font-size: 1rem;
    line-height: var(--tw-leading, calc(1.5 / 1));
    --tw-leading: 1;
    --tw-font-weight: 500;
    font-weight: 500;
    line-height: 1;
  }

  .dialog-description {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    color: var(--muted-foreground);
  }

  .dialog-description a {
    text-underline-offset: 3px;
    text-decoration-line: underline;
  }

  .dialog-description a:hover {
    color: var(--foreground);
  }

  .dialog-footer {
    border-bottom-right-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px);
    border-top-style: var(--tw-border-style);
    background-color: var(--muted);
    margin-inline: -1rem;
    border-top-width: 1px;
    gap: .5rem;
    margin-bottom: -1rem;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dialog-footer {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .dialog-footer {
    padding: 1rem;
  }

  :is(.dialog-body, .sheet-body) {
    gap: 1rem;
  }

  :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: 1.5rem;
    height: 1.5rem;
  }

  .alert-dialog {
    border-radius: calc(var(--radius) + 4px);
    background-color: var(--popover);
    max-width: 20rem;
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    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);
    gap: 1rem;
    padding: 1rem;
  }

  @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 {
    --tw-duration: .1s;
    background-color: oklab(0% none none / .1);
    transition-duration: .1s;
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .alert-dialog::backdrop {
      --tw-backdrop-blur: blur(4px);
      -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: 24rem;
    }
  }

  .alert-dialog[data-size="sm"] {
    max-width: 20rem;
  }

  .alert-dialog-header {
    gap: .375rem;
  }

  .alert-dialog-header:has( > .alert-dialog-media) {
    column-gap: 1rem;
  }

  .alert-dialog-media {
    border-radius: calc(var(--radius) - 2px);
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: .5rem;
  }

  .alert-dialog-media svg:not([class*="size-"], [data-icon-size]) {
    width: 1.5rem;
    height: 1.5rem;
  }

  .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: 1rem;
    line-height: var(--tw-leading, calc(1.5 / 1));
    --tw-font-weight: 500;
    font-weight: 500;
  }

  .alert-dialog-description {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    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 {
    border-bottom-right-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px);
    border-top-style: var(--tw-border-style);
    background-color: var(--muted);
    margin-inline: -1rem;
    border-top-width: 1px;
    gap: .5rem;
    margin-bottom: -1rem;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .alert-dialog-footer {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .alert-dialog-footer {
    padding: 1rem;
  }

  .sheet {
    border-color: var(--border);
    background-color: var(--popover);
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    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: cubic-bezier(.4, 0, .2, 1);
    background-clip: padding-box;
    gap: 1rem;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }

  .sheet::backdrop {
    --tw-duration: .2s;
    background-color: oklab(0% none none / .1);
    transition-duration: .2s;
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .sheet::backdrop {
      --tw-backdrop-blur: blur(4px);
      -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(.25rem * 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: 24rem;
    }
  }

  .sheet > :not(.sheet-header, .sheet-footer, .sheet-close, .sheet-body), .sheet-body-content {
    padding-inline: 1rem;
  }

  .sheet-body-error {
    margin-inline: 1rem;
  }

  .sheet-close {
    inset-inline-end: .75rem;
    top: .75rem;
  }

  .sheet-header {
    gap: .125rem;
    padding: 1rem;
  }

  .sheet-footer {
    gap: .5rem;
    padding: 1rem;
  }

  .sheet-title {
    font-size: 1rem;
    line-height: var(--tw-leading, calc(1.5 / 1));
    --tw-font-weight: 500;
    color: var(--foreground);
    font-weight: 500;
  }

  .sheet-description {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    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: var(--radius);
    background-color: var(--popover);
    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);
    padding: .25rem;
  }

  @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: .25rem;
    --popup-slide: calc(.25rem * 2);
    transition-duration: .1s;
  }

  .dropdown-menu-item, .dropdown-menu-checkbox-item, .dropdown-menu-radio-item {
    border-radius: calc(var(--radius) - 2px);
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    gap: .375rem;
    padding-block: .25rem;
  }

  :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: 1rem;
    height: 1rem;
  }

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

  .dropdown-menu-item[data-inset] {
    padding-inline-start: 1.75rem;
  }

  .dropdown-menu-checkbox-item, .dropdown-menu-radio-item {
    padding-inline: .375rem 2rem;
  }

  :is(.dropdown-menu-checkbox-item, .dropdown-menu-radio-item)[data-inset] {
    padding-inline-start: 1.75rem;
  }

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

  .dropdown-menu-label {
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
    --tw-font-weight: 500;
    color: var(--muted-foreground);
    padding-block: .25rem;
    padding-inline: .375rem;
    font-weight: 500;
  }

  .dropdown-menu-label[data-inset] {
    padding-inline-start: 1.75rem;
  }

  .dropdown-menu-label.user-menu-label {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    --tw-leading: 1.25;
    --tw-font-weight: 400;
    color: var(--popover-foreground);
    gap: .5rem;
    padding-block: .375rem;
    padding-inline: .25rem;
    font-weight: 400;
    line-height: 1.25;
  }

  .user-menu-name {
    --tw-font-weight: 500;
    font-weight: 500;
  }

  .user-menu-detail {
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
  }

  .button.user-menu-trigger {
    border-radius: 3.40282e38px;
  }

  .dropdown-menu-separator {
    background-color: var(--border);
    margin-block: .25rem;
    margin-inline: -.25rem;
  }

  .dropdown-menu-shortcut {
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
    --tw-tracking: .1em;
    letter-spacing: .1em;
    color: var(--muted-foreground);
  }

  :focus > .dropdown-menu-shortcut {
    color: var(--accent-foreground);
  }

  .popover-content {
    border-radius: var(--radius);
    background-color: var(--popover);
    width: 18rem;
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    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);
    gap: .625rem;
    padding: .625rem;
  }

  @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: .25rem;
    --popup-slide: calc(.25rem * 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 {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    gap: .125rem;
  }

  .popover-title {
    --tw-font-weight: 500;
    font-weight: 500;
  }

  .popover-description {
    color: var(--muted-foreground);
  }

  .tooltip-content {
    border-radius: calc(var(--radius) - 2px);
    background-color: var(--foreground);
    max-width: 20rem;
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
    color: var(--background);
    --tw-duration: .1s;
    gap: .375rem;
    padding-block: .375rem;
    padding-inline: .75rem;
    transition-duration: .1s;
  }

  .tooltip-content:has(.kbd) {
    padding-inline-end: .375rem;
  }

  .tooltip-content {
    --popup-offset: calc(.25rem * 1.5);
    --popup-slide: calc(.25rem * 2);
  }

  .tooltip-arrow {
    background-color: var(--foreground);
    border-radius: 2px;
    width: .625rem;
    height: .625rem;
  }

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

  .chart-tooltip-content {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    gap: .375rem;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .chart-tooltip-content {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .chart-tooltip-content {
    background-color: var(--background);
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px 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);
    padding-block: .375rem;
    padding-inline: .625rem;
  }

  .chart-skeleton {
    border-radius: calc(var(--radius) - 2px);
    background-color: var(--accent);
  }

  @media (prefers-reduced-motion: no-preference) {
    .chart-skeleton {
      animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
    }
  }

  .chart .recharts-surface:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 3px;
    outline-color: var(--ring);
  }

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

  .chart .recharts-surface:focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .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: var(--radius);
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    --tw-font-weight: 500;
    padding-block: .625rem;
    font-weight: 500;
  }

  @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: 1rem;
    height: 1rem;
    color: var(--muted-foreground);
  }

  .accordion-content {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    padding-top: 0;
    padding-bottom: .625rem;
  }

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

  .collapsible-trigger {
    border-radius: var(--radius);
  }

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

  .collapsible-trigger:not(.button) {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    --tw-font-weight: 500;
    font-weight: 500;
  }

  .tabs {
    gap: .5rem;
  }

  .tabs-list {
    border-radius: var(--radius);
    color: var(--muted-foreground);
    padding: 3px;
  }

  .tabs:not([data-orientation]) > .tabs-list {
    height: 2rem;
  }

  .tabs-list:not([data-variant]) {
    background-color: var(--muted);
  }

  .tabs-list[data-variant="line"] {
    background-color: #0000;
    border-radius: 0;
    gap: .25rem;
  }

  .tabs-trigger {
    border-radius: calc(var(--radius) - 2px);
    border-style: var(--tw-border-style);
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    --tw-font-weight: 500;
    color: var(--foreground);
    border-width: 1px;
    border-color: #0000;
    gap: .375rem;
    padding-block: .125rem;
    padding-inline: .375rem;
    font-weight: 500;
  }

  @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, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

  .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: 1rem;
    height: 1rem;
  }

  .tabs:not([data-orientation]) > .tabs-list > .tabs-trigger {
    height: calc(100% - 1px);
  }

  .tabs-trigger:has( > svg:first-child) {
    padding-inline-start: .25rem;
  }

  .tabs-trigger:has( > svg:last-child) {
    padding-inline-end: .25rem;
  }

  .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: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
  }

  .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 {
    border-style: var(--tw-border-style);
    background-color: var(--popover);
    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;
    border-radius: 1rem;
    gap: .375rem;
    padding: 1rem;
    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: 1rem;
    height: 1rem;
  }

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

  .toast-title {
    --tw-leading: 1.5;
    --tw-font-weight: 500;
    font-weight: 500;
    line-height: 1.5;
  }

  .toast-description {
    --tw-leading: 1.375;
    color: var(--muted-foreground);
    line-height: 1.375;
  }

  .toast-close {
    margin-block: -.25rem;
    margin-inline-end: -.5rem;
  }

  .table {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
  }

  .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, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
    }
  }

  .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: 500;
    font-weight: 500;
  }

  .table > :is(thead, tbody, tfoot) > tr > th {
    --tw-font-weight: 500;
    height: 2.5rem;
    color: var(--foreground);
    padding-inline: .5rem;
    font-weight: 500;
  }

  .table > :is(thead, tbody, tfoot) > tr > td {
    padding: .5rem;
  }

  .table > :is(thead, tbody, tfoot) > tr > :is(th, td):has( > .checkbox-wrapper) {
    padding-inline-end: 0;
  }

  .table > caption {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    color: var(--muted-foreground);
    margin-top: 1rem;
  }

  .table-sort {
    margin-inline-start: -.625rem;
  }

  .table-head[data-align="center"] > .table-sort {
    margin-inline-start: 0;
  }

  .table-head[data-align="end"] > .table-sort {
    margin-inline: 0 -.625rem;
  }

  .table > tbody > tr.table-empty > td {
    height: 6rem;
  }

  .pagination-content {
    gap: .125rem;
  }

  .pagination-ellipsis {
    width: 2rem;
    height: 2rem;
  }

  .pagination-ellipsis > svg:not([class*="size-"], [data-icon-size]) {
    width: 1rem;
    height: 1rem;
  }

  .button.pagination-previous:has( > [data-icon]) {
    padding-inline-start: .375rem;
  }

  .button.pagination-next:has( > [data-icon]) {
    padding-inline-end: .375rem;
  }

  .pagination-summary, .table-selection-count {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    color: var(--muted-foreground);
  }

  .pagination-size {
    gap: .5rem;
  }

  .pagination-size-label {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    --tw-font-weight: 500;
    font-weight: 500;
  }

  .breadcrumb-list {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    color: var(--muted-foreground);
    gap: .375rem;
  }

  .breadcrumb-item {
    gap: .25rem;
  }

  .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, cubic-bezier(.4, 0, .2, 1));
    transition-duration: var(--tw-duration, .15s);
  }

  @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: 400;
    color: var(--foreground);
    font-weight: 400;
  }

  .breadcrumb-separator > svg:not([class*="size-"], [data-icon-size]) {
    width: .875rem;
    height: .875rem;
  }

  .breadcrumb-ellipsis {
    width: 1.25rem;
    height: 1.25rem;
  }

  .breadcrumb-ellipsis > svg:not([class*="size-"], [data-icon-size]) {
    width: 1rem;
    height: 1rem;
  }

  .skip-link:focus {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--background);
    height: 2rem;
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    --tw-font-weight: 500;
    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;
    padding-inline: .625rem;
    font-weight: 500;
    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;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    background-color: var(--background);
    gap: .5rem;
    padding-inline: 1rem;
  }

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

  .site-header > .sidebar-trigger {
    margin-inline-start: -.25rem;
  }

  .site-header > .separator[data-orientation="vertical"] {
    margin-inline-end: .5rem;
  }

  .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: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
    color: var(--sidebar-foreground);
    --tw-duration: .2s;
    --tw-ease: linear;
    transition-duration: .2s;
    transition-timing-function: linear;
  }

  .sidebar::backdrop {
    --tw-duration: .2s;
    background-color: oklab(0% none none / .1);
    transition-duration: .2s;
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .sidebar::backdrop {
      --tw-backdrop-blur: blur(4px);
      -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: .5rem;
    padding: .5rem;
  }

  .sidebar-content {
    gap: 0;
  }

  .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 {
    background-color: var(--sidebar-border);
    margin-inline: .5rem;
  }

  .sidebar-group {
    padding: .5rem;
  }

  .sidebar-group-label {
    border-radius: calc(var(--radius) - 2px);
    height: 2rem;
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
    --tw-font-weight: 500;
    color: var(--sidebar-foreground);
    padding-inline: .5rem;
    font-weight: 500;
  }

  @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: 1rem;
    height: 1rem;
  }

  @media (hover: hover) {
    summary.sidebar-group-label:hover {
      background-color: var(--sidebar-accent);
      color: var(--sidebar-accent-foreground);
    }
  }

  .sidebar-group-content {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
  }

  .sidebar-menu {
    gap: 0;
  }

  .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 {
    border-radius: calc(var(--radius) - 2px);
    color: var(--sidebar-foreground);
    --tw-ring-color: var(--sidebar-ring);
    gap: .5rem;
    padding: .5rem;
  }

  @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: 1rem;
    height: 1rem;
  }

  .sidebar-menu-button:is([aria-current="page"], [aria-current="true"]) {
    background-color: var(--sidebar-accent);
    --tw-font-weight: 500;
    color: var(--sidebar-accent-foreground);
    font-weight: 500;
  }

  .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: 2rem;
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
  }

  .sidebar-menu-button[data-size="sm"] {
    height: 1.75rem;
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
  }

  .sidebar-menu-button[data-size="lg"] {
    height: 3rem;
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
  }

  .sidebar-menu-button-label > small {
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
  }

  .sidebar-group-action {
    border-radius: calc(var(--radius) - 2px);
    width: 1.25rem;
    color: var(--sidebar-foreground);
    --tw-ring-color: var(--sidebar-ring);
    inset-inline-end: .75rem;
    padding: 0;
    top: .875rem;
  }

  @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: 1rem;
    height: 1rem;
  }

  .sidebar-menu-action {
    border-radius: calc(var(--radius) - 2px);
    width: 1.5rem;
    color: var(--sidebar-foreground);
    --tw-ring-color: var(--sidebar-ring);
    inset-inline-end: .25rem;
    padding: 0;
    top: .25rem;
  }

  @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: 1rem;
    height: 1rem;
  }

  .sidebar-menu-badge {
    border-radius: calc(var(--radius) - 2px);
    min-width: 1.25rem;
    height: 1.25rem;
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
    --tw-font-weight: 500;
    color: var(--sidebar-foreground);
    inset-inline-end: .25rem;
    padding-inline: .25rem;
    font-weight: 500;
    top: .375rem;
  }

  .sidebar-menu-button[data-size="sm"] ~ .sidebar-menu-badge {
    top: .25rem;
  }

  .sidebar-menu-button[data-size="lg"] ~ .sidebar-menu-badge {
    top: .875rem;
  }

  .sidebar-menu-button[data-size="sm"] ~ .sidebar-menu-action {
    top: .125rem;
  }

  .sidebar-menu-button[data-size="lg"] ~ .sidebar-menu-action {
    top: .75rem;
  }

  .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 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    border-color: var(--sidebar-border);
    gap: .25rem;
    margin-inline: .875rem;
    padding-block: .125rem;
    padding-inline: .625rem;
  }

  .sidebar-menu-sub-button {
    border-radius: calc(var(--radius) - 2px);
    height: 1.75rem;
    color: var(--sidebar-foreground);
    --tw-ring-color: var(--sidebar-ring);
    gap: .5rem;
    padding-inline: .5rem;
  }

  @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: 1rem;
    height: 1rem;
  }

  .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: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875));
  }

  .sidebar-menu-sub-button[data-size="sm"] {
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75));
  }

  @media (min-width: 48rem) {
    .sidebar-provider[data-state="collapsed"] > .sidebar[data-collapsible="icon"] .sidebar-menu-button {
      width: 2rem;
      height: 2rem;
      padding: .5rem;
    }

    .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 {
      opacity: 0;
      margin-top: -2rem;
    }

    .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: 500;
      color: var(--sidebar-accent-foreground);
      font-weight: 500;
    }
  }

  @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, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
      --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, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--tw-duration, .15s);
      --tw-duration: .2s;
      --tw-ease: linear;
      transition-duration: .2s;
      transition-timing-function: linear;
    }
  }

  @media not all and (min-width: 48rem) {
    .sidebar-group-action {
      width: 1.5rem;
      top: .75rem;
    }
  }
}

@layer utilities;

@property --sl-scroll-fade-s {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --sl-scroll-fade-e {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@keyframes sl-attachment-shimmer {
  from {
    background-position: 100% 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes sl-scroll-fade-s {
  from {
    --sl-scroll-fade-s: 0px;
  }

  to {
    --sl-scroll-fade-s: min(12%, 2.5rem);
  }
}

@keyframes sl-scroll-fade-e {
  from {
    --sl-scroll-fade-e: min(12%, 2.5rem);
  }

  to {
    --sl-scroll-fade-e: 0px;
  }
}

@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(.25rem * 36), anchor-size(self-inline));
      transform-origin: top;
      transition-behavior: allow-discrete;
      max-block-size: calc(100dvh - 1rem);
      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-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

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

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

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

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

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

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

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

@property --tw-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-duration {
  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-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ease {
  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;
  }
}