/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "Geist", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-neutral-100: oklch(97% 0 0);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-2xl: 42rem;
    --container-4xl: 56rem;
    --container-6xl: 72rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-tight: -0.025em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-md: calc(var(--radius) - 2px);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-xs: 4px;
    --blur-2xl: 40px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .try-flip-all {
    position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
    --sa-popover-inset: auto;
    --sa-popover-background: transparent;
    --sa-popover-color: inherit;
    --sa-popover-margin: 0px;
  }
  .anchored-bottom {
    position-area: bottom;
  }
  .anchored-bottom-center {
    position-area: bottom center;
  }
  .anchored-bottom-left {
    position-area: bottom left;
  }
  .anchored-bottom-right {
    position-area: bottom right;
  }
  .anchored-bottom-span-left {
    position-area: bottom span-left;
  }
  .anchored-bottom-span-right {
    position-area: bottom span-right;
  }
  .anchored-left {
    position-area: left;
  }
  .anchored-left-center {
    position-area: left center;
  }
  .anchored-left-span-bottom {
    position-area: left span-bottom;
  }
  .anchored-left-span-top {
    position-area: left span-top;
  }
  .anchored-right {
    position-area: right;
  }
  .anchored-right-center {
    position-area: right center;
  }
  .anchored-right-span-bottom {
    position-area: right span-bottom;
  }
  .anchored-right-span-top {
    position-area: right span-top;
  }
  .anchored-top {
    position-area: top;
  }
  .anchored-top-center {
    position-area: top center;
  }
  .anchored-top-left {
    position-area: top left;
  }
  .anchored-top-right {
    position-area: top right;
  }
  .anchored-top-span-left {
    position-area: top span-left;
  }
  .anchored-top-span-right {
    position-area: top span-right;
  }
  .\[\&\>\*\]\:w-full {
    &>* {
      width: 100%;
    }
  }
  .\@md\/field-group\:\[\&\>\*\]\:w-auto {
    @container field-group (width >= 28rem) {
      &>* {
        width: auto;
      }
    }
  }
  .\[\&\>\.sr-only\]\:w-auto {
    &>.sr-only {
      width: auto;
    }
  }
}
@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}
@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}
@property --tw-animation-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}
@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.58 0.22 27);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --chart-1: oklch(0.809 0.105 251.813);
  --chart-2: oklch(0.623 0.214 259.815);
  --chart-3: oklch(0.546 0.245 262.881);
  --chart-4: oklch(0.488 0.243 264.376);
  --chart-5: oklch(0.424 0.199 265.638);
  --radius: 0.625rem;
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
}
.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.205 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.205 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.87 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.371 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.704 0.191 22.216);
  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 15%);
  --ring: oklch(0.556 0 0);
  --chart-1: oklch(0.809 0.105 251.813);
  --chart-2: oklch(0.623 0.214 259.815);
  --chart-3: oklch(0.546 0.245 262.881);
  --chart-4: oklch(0.488 0.243 264.376);
  --chart-5: oklch(0.424 0.199 265.638);
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(1 0 0 / 10%);
  --sidebar-ring: oklch(0.556 0 0);
}
@layer base {
  * {
    border-color: var(--border);
    outline-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  html {
    font-family: var(--font-sans);
  }
  body {
    background-color: var(--background);
    color: var(--foreground);
  }
}
@layer base {
  [popover] {
    inset: var(--sa-popover-inset, 0px);
    background-color: var(--sa-popover-background, canvas);
    color: var(--sa-popover-color, canvastext);
    margin: var(--sa-popover-margin, auto);
  }
}
@layer components {
  [data-anchor-side="top"] {
    margin-bottom: calc(var(--spacing) * 2);
  }
  [data-anchor-side="bottom"] {
    margin-top: calc(var(--spacing) * 2);
  }
  [data-anchor-side="left"] {
    margin-inline-end: calc(var(--spacing) * 2);
  }
  [data-anchor-side="right"] {
    margin-inline-start: calc(var(--spacing) * 2);
  }
  .sa-accordion {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .sa-accordion-content {
    overflow: hidden;
    details[disabled]:not([open]) > summary + & {
      display: none;
    }
  }
  .sa-accordion-content-inner {
    height: var(--accordion-panel-height);
    &[data-ending-style] {
      height: calc(var(--spacing) * 0);
    }
    &[data-starting-style] {
      height: calc(var(--spacing) * 0);
    }
    & a {
      text-decoration-line: underline;
    }
    & a {
      text-underline-offset: 3px;
    }
    & a {
      &:hover {
        @media (hover: hover) {
          color: var(--foreground);
        }
      }
    }
    & p:not(:last-child) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .sa-accordion-trigger {
    position: relative;
    display: flex;
    flex: 1;
    cursor: default;
    align-items: flex-start;
    justify-content: space-between;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    outline-style: none;
    &:disabled {
      pointer-events: none;
    }
    &:disabled {
      opacity: 50%;
    }
    details[disabled] & {
      pointer-events: none;
    }
    details[disabled] & {
      opacity: 50%;
    }
  }
  .sa-accordion-trigger-icon {
    color: var(--muted-foreground);
  }
  .sa-accordion-trigger-icon > svg {
    display: block;
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      rotate: 180deg;
    }
  }
  .sa-alert {
    position: relative;
    width: 100%;
  }
  .sa-alert-description {
    & a {
      text-decoration-line: underline;
    }
    & a {
      text-underline-offset: 3px;
    }
    & a {
      &:hover {
        @media (hover: hover) {
          color: var(--foreground);
        }
      }
    }
  }
  .sa-alert-dialog-content {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    margin: auto;
    --tw-outline-style: none;
    outline-style: none;
    &::backdrop {
      @supports (backdrop-filter: var(--tw)) {
        --tw-backdrop-blur: blur(var(--blur-xs));
        -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      }
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      display: grid;
    }
  }
  .sa-alert-dialog-footer {
    display: flex;
    flex-direction: column-reverse;
    gap: calc(var(--spacing) * 2);
    &:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
      display: grid;
    }
    &:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .sa-alert-title {
    & a {
      text-decoration-line: underline;
    }
    & a {
      text-underline-offset: 3px;
    }
    & a {
      &:hover {
        @media (hover: hover) {
          color: var(--foreground);
        }
      }
    }
  }
  .sa-app-header {
    display: flex;
    height: calc(var(--spacing) * 14);
    flex-shrink: 0;
    align-items: center;
    column-gap: var(--sa-gap-sm);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
  }
  .sa-app-header-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    column-gap: var(--sa-gap-xs);
  }
  .sa-app-header-separator {
    margin-inline: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 4);
  }
  .sa-avatar {
    position: relative;
    display: flex;
    flex-shrink: 0;
    -webkit-user-select: none;
    user-select: none;
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
    &::after {
      content: var(--tw-content);
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
    &::after {
      content: var(--tw-content);
      border-color: var(--border);
    }
    &::after {
      content: var(--tw-content);
      mix-blend-mode: darken;
    }
    &:is(.dark *) {
      &::after {
        content: var(--tw-content);
        mix-blend-mode: lighten;
      }
    }
  }
  .sa-avatar-badge {
    position: absolute;
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    z-index: 10;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-blend-mode: color;
    --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);
    -webkit-user-select: none;
    user-select: none;
    &:is(:where(.group\/avatar)[data-size="default"] *) {
      width: calc(var(--spacing) * 2.5);
      height: calc(var(--spacing) * 2.5);
    }
    &:is(:where(.group\/avatar)[data-size="lg"] *) {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
    &:is(:where(.group\/avatar)[data-size="sm"] *) {
      width: calc(var(--spacing) * 2);
      height: calc(var(--spacing) * 2);
    }
    &:is(:where(.group\/avatar)[data-size="default"] *) {
      &>svg {
        width: calc(var(--spacing) * 2);
        height: calc(var(--spacing) * 2);
      }
    }
    &:is(:where(.group\/avatar)[data-size="lg"] *) {
      &>svg {
        width: calc(var(--spacing) * 2);
        height: calc(var(--spacing) * 2);
      }
    }
    &:is(:where(.group\/avatar)[data-size="sm"] *) {
      &>svg {
        display: none;
      }
    }
  }
  .sa-avatar-fallback {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:is(:where(.group\/avatar)[data-size="sm"] *) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .sa-avatar-group {
    display: flex;
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
    }
    :is(& > *) {
      &[data-slot="avatar"] {
        --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);
      }
    }
    :is(& > *) {
      &[data-slot="avatar"] {
        --tw-ring-color: var(--background);
      }
    }
  }
  .sa-avatar-group-count {
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    --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(--background);
  }
  .sa-avatar-image {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .sa-badge {
    display: inline-flex;
    width: fit-content;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    white-space: nowrap;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:focus-visible {
      border-color: var(--ring);
    }
    &: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);
    }
    &:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
    &[aria-invalid="true"] {
      border-color: var(--destructive);
    }
    &[aria-invalid="true"] {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:is(.dark *) {
      &[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
    &>svg {
      pointer-events: none;
    }
  }
  .sa-breadcrumb-ellipsis {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sa-breadcrumb-item {
    display: inline-flex;
    align-items: center;
  }
  .sa-breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    overflow-wrap: break-word;
  }
  .sa-button {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    &:disabled {
      pointer-events: none;
    }
    &:disabled {
      opacity: 50%;
    }
    & svg {
      pointer-events: none;
    }
    & svg {
      flex-shrink: 0;
    }
  }
  .sa-button-group {
    display: flex;
    width: fit-content;
    align-items: stretch;
    &>* {
      &:focus-visible {
        position: relative;
      }
    }
    &>* {
      &:focus-visible {
        z-index: 10;
      }
    }
    &>[data-slot=select-trigger]:not([class*='w-']) {
      width: fit-content;
    }
    &>input {
      flex: 1;
    }
  }
  .sa-button-group-orientation-horizontal {
    &>[data-slot] {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
    &>[data-slot]>[data-slot] {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
    &>[data-slot]~[data-slot] {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
    &>[data-slot]~[data-slot] {
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
    &>[data-slot]~[data-slot]>[data-slot] {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
    &>[data-slot]~[data-slot]>[data-slot] {
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
  }
  .sa-button-group-orientation-vertical {
    flex-direction: column;
    &>[data-slot] {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }
    &>[data-slot]~[data-slot] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    &>[data-slot]~[data-slot] {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .sa-button-group-separator {
    position: relative;
    align-self: stretch;
    &[data-orientation="horizontal"] {
      margin-inline: 1px;
    }
    &[data-orientation="horizontal"] {
      width: auto;
    }
    &[data-orientation="vertical"] {
      margin-block: 1px;
    }
    &[data-orientation="vertical"] {
      height: auto;
    }
  }
  .sa-button-group-text {
    display: flex;
    align-items: center;
    & svg {
      pointer-events: none;
    }
  }
  .sa-card {
    display: flex;
    flex-direction: column;
  }
  .sa-card-action {
    grid-column-start: 2;
    grid-row: span 2 / span 2;
    grid-row-start: 1;
    align-self: flex-start;
    justify-self: flex-end;
  }
  .sa-card-footer {
    display: flex;
    align-items: center;
  }
  .sa-card-header {
    container-type: inline-size;
    container-name: card-header;
    display: grid;
    grid-auto-rows: min-content;
    align-items: flex-start;
    &:has(*[data-slot="card-action"]) {
      grid-template-columns: 1fr auto;
    }
    &:has(*[data-slot="card-description"]) {
      grid-template-rows: auto auto;
    }
  }
  .sa-checkbox {
    position: relative;
    flex-shrink: 0;
    appearance: none;
    --tw-outline-style: none;
    outline-style: none;
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
    &::after {
      content: var(--tw-content);
      inset-inline: calc(var(--spacing) * -3);
    }
    &::after {
      content: var(--tw-content);
      inset-block: calc(var(--spacing) * -2);
    }
    &:disabled {
      cursor: not-allowed;
    }
    &:disabled {
      opacity: 50%;
    }
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
    &::before {
      content: var(--tw-content);
      top: calc(1 / 2 * 100%);
    }
    &::before {
      content: var(--tw-content);
      left: calc(1 / 2 * 100%);
    }
    &::before {
      content: var(--tw-content);
      display: none;
    }
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 0.5);
    }
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 2);
    }
    &::before {
      content: var(--tw-content);
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    &::before {
      content: var(--tw-content);
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    &::before {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
    &::before {
      content: var(--tw-content);
      background-color: var(--primary-foreground);
    }
    &:indeterminate {
      border-color: var(--primary);
    }
    &:indeterminate {
      background-color: var(--primary);
    }
    &:indeterminate {
      &::before {
        content: var(--tw-content);
        display: block;
      }
    }
  }
  .sa-checkbox-indicator {
    visibility: hidden;
    &:is(:where(.peer):checked ~ *) {
      visibility: visible;
    }
  }
  .sa-checkbox-indicator-icon {
    pointer-events: none;
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(1 / 2 * 100%);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: var(--color-neutral-100);
    &:is(.dark *) {
      color: var(--color-black);
    }
  }
  .sa-data-grid {
    gap: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 0);
    & tr>*:first-child {
      padding-left: var(--card-spacing);
    }
    & tr>*:last-child {
      padding-right: var(--card-spacing);
    }
  }
  .sa-data-grid-footer {
    justify-content: flex-end;
    gap: calc(var(--spacing) * 4);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-block: calc(var(--spacing) * 2);
    & [data-slot=data-grid-pager] {
      margin: calc(var(--spacing) * 0);
    }
    & [data-slot=data-grid-pager] {
      width: auto;
    }
  }
  .sa-data-grid-page-size {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .sa-data-grid-page-size-label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }
  .sa-data-grid-range {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-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,);
  }
  .sa-data-grid-range-value {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }
  .sa-dialog-content {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    margin: auto;
    --tw-outline-style: none;
    outline-style: none;
    &::backdrop {
      @supports (backdrop-filter: var(--tw)) {
        --tw-backdrop-blur: blur(var(--blur-xs));
        -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      }
    }
  }
  .sa-dialog-footer {
    display: flex;
    flex-direction: column-reverse;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .sa-dialog-header {
    display: flex;
    flex-direction: column;
  }
  .sa-dropdown-menu-checkbox-item {
    position: relative;
    display: flex;
    cursor: default;
    align-items: center;
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
    -webkit-user-select: none;
    user-select: none;
    &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
      pointer-events: none;
    }
    &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
      opacity: 50%;
    }
    & svg {
      pointer-events: none;
    }
    & svg {
      flex-shrink: 0;
    }
  }
  .sa-dropdown-menu-content {
    z-index: 50;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 100%;
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
    transition-property: opacity,display,overlay;
    transition-behavior: allow-discrete;
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
    --sa-popover-inset: auto;
    --sa-popover-background: transparent;
    --sa-popover-color: inherit;
    --sa-popover-margin: 0px;
    &:not(*:is([open], :popover-open, :open)) {
      opacity: 0%;
    }
    @starting-style {
      &:is([open], :popover-open, :open) {
        opacity: 0%;
      }
    }
  }
  .sa-dropdown-menu-item {
    position: relative;
    display: flex;
    cursor: default;
    align-items: center;
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
    -webkit-user-select: none;
    user-select: none;
    &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
      pointer-events: none;
    }
    &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
      opacity: 50%;
    }
    & svg {
      pointer-events: none;
    }
    & svg {
      flex-shrink: 0;
    }
  }
  .sa-dropdown-menu-item-indicator {
    pointer-events: none;
  }
  .sa-dropdown-menu-radio-item {
    position: relative;
    display: flex;
    cursor: default;
    align-items: center;
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
    -webkit-user-select: none;
    user-select: none;
    &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
      pointer-events: none;
    }
    &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
      opacity: 50%;
    }
    & svg {
      pointer-events: none;
    }
    & svg {
      flex-shrink: 0;
    }
  }
  .sa-dropdown-menu-sub-content {
    z-index: 50;
    width: auto;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 100%;
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
    transition-property: opacity,display,overlay;
    transition-behavior: allow-discrete;
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
    --sa-popover-inset: auto;
    --sa-popover-background: transparent;
    --sa-popover-color: inherit;
    --sa-popover-margin: 0px;
    &:not(*:is([open], :popover-open, :open)) {
      opacity: 0%;
    }
    @starting-style {
      &:is([open], :popover-open, :open) {
        opacity: 0%;
      }
    }
  }
  .sa-dropdown-menu-sub-trigger {
    display: flex;
    cursor: default;
    align-items: center;
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
    -webkit-user-select: none;
    user-select: none;
    & svg {
      pointer-events: none;
    }
    & svg {
      flex-shrink: 0;
    }
  }
  .sa-empty {
    display: flex;
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-wrap: balance;
  }
  .sa-empty-content {
    display: flex;
    width: 100%;
    max-width: var(--container-sm);
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    align-items: center;
    text-wrap: balance;
  }
  .sa-empty-description {
    color: var(--muted-foreground);
    &>a {
      text-decoration-line: underline;
    }
    &>a {
      text-underline-offset: 4px;
    }
    &>a:hover {
      color: var(--primary);
    }
  }
  .sa-empty-header {
    display: flex;
    max-width: var(--container-sm);
    flex-direction: column;
    align-items: center;
  }
  .sa-empty-media {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    & svg {
      pointer-events: none;
    }
    & svg {
      flex-shrink: 0;
    }
  }
  .sa-field {
    display: flex;
    width: 100%;
  }
  .sa-field-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .sa-field-description {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    &:is(:where(.group\/field):has(*:is([data-orientation=horizontal])) *) {
      text-wrap: balance;
    }
    &:last-child {
      margin-top: calc(var(--spacing) * 0);
    }
    &:nth-last-child(2) {
      margin-top: calc(var(--spacing) * -1);
    }
    &>a {
      text-decoration-line: underline;
    }
    &>a {
      text-underline-offset: 4px;
    }
    &>a:hover {
      color: var(--primary);
    }
  }
  .sa-field-error {
    display: none;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    &.field-validation-error {
      display: block;
    }
  }
  .sa-field-group {
    container-type: inline-size;
    container-name: field-group;
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .sa-field-label {
    display: flex;
    width: fit-content;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    &:has(>[data-slot=field]) {
      width: 100%;
    }
    &:has(>[data-slot=field]) {
      flex-direction: column;
    }
  }
  .sa-field-separator {
    position: relative;
  }
  .sa-field-separator-content {
    position: relative;
    margin-inline: auto;
    display: block;
    width: fit-content;
    background-color: var(--background);
  }
  .sa-field-separator-line {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    top: calc(1 / 2 * 100%);
  }
  .sa-field-set {
    display: flex;
    flex-direction: column;
  }
  .sa-field-title {
    display: flex;
    width: fit-content;
    align-items: center;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .sa-field[data-orientation="horizontal"] {
    flex-direction: row;
    align-items: center;
    &:has(>[data-slot=field-content]) {
      align-items: flex-start;
    }
    &>[data-slot=field-label] {
      flex: auto;
    }
    &:has(>[data-slot=field-content]) {
      &>[role=checkbox],[role=radio] {
        margin-top: 1px;
      }
    }
  }
  .sa-field[data-orientation="responsive"] {
    flex-direction: column;
    @container field-group (width >= 28rem) {
      flex-direction: row;
    }
    @container field-group (width >= 28rem) {
      align-items: center;
    }
    @container field-group (width >= 28rem) {
      &:has(>[data-slot=field-content]) {
        align-items: flex-start;
      }
    }
    @container field-group (width >= 28rem) {
      &>[data-slot=field-label] {
        flex: auto;
      }
    }
    @container field-group (width >= 28rem) {
      &:has(>[data-slot=field-content]) {
        &>[role=checkbox],[role=radio] {
          margin-top: 1px;
        }
      }
    }
  }
  .sa-field[data-orientation="vertical"] {
    flex-direction: column;
  }
  .sa-group {
    display: flex;
    flex-direction: row;
  }
  .sa-group-align-baseline {
    align-items: baseline;
  }
  .sa-group-align-center {
    align-items: center;
  }
  .sa-group-align-end {
    align-items: flex-end;
  }
  .sa-group-align-start {
    align-items: flex-start;
  }
  .sa-group-align-stretch {
    align-items: stretch;
  }
  .sa-group-gap-xs {
    column-gap: var(--sa-gap-xs);
  }
  .sa-group-gap-sm {
    column-gap: var(--sa-gap-sm);
  }
  .sa-group-gap-md {
    column-gap: var(--sa-gap-md);
  }
  .sa-group-gap-lg {
    column-gap: var(--sa-gap-lg);
  }
  .sa-group-gap-xl {
    column-gap: var(--sa-gap-xl);
  }
  .sa-group-justify-around {
    justify-content: space-around;
  }
  .sa-group-justify-between {
    justify-content: space-between;
  }
  .sa-group-justify-center {
    justify-content: center;
  }
  .sa-group-justify-end {
    justify-content: flex-end;
  }
  .sa-group-justify-start {
    justify-content: flex-start;
  }
  .sa-input {
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
    &::file-selector-button {
      display: inline-flex;
    }
    &::file-selector-button {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
    &::file-selector-button {
      background-color: transparent;
    }
    &::file-selector-button {
      color: var(--foreground);
    }
    &::placeholder {
      color: var(--muted-foreground);
    }
    &:disabled {
      pointer-events: none;
    }
    &:disabled {
      cursor: not-allowed;
    }
    &:disabled {
      opacity: 50%;
    }
    &.input-validation-error {
      border-color: var(--destructive);
    }
    &.input-validation-error {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:is(.dark *) {
      &.input-validation-error {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .sa-input-control-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
  }
  .sa-input-group {
    position: relative;
    display: flex;
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    --tw-outline-style: none;
    outline-style: none;
    &:has(>textarea) {
      height: auto;
    }
  }
  .sa-input-group-addon {
    display: flex;
    cursor: text;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none;
  }
  .sa-input-group-addon-align-block-end {
    order: 9999;
    width: 100%;
    justify-content: flex-start;
  }
  .sa-input-group-addon-align-block-start {
    order: -9999;
    width: 100%;
    justify-content: flex-start;
  }
  .sa-input-group-addon-align-inline-end {
    order: 9999;
  }
  .sa-input-group-addon-align-inline-start {
    order: -9999;
  }
  .sa-input-group-button {
    display: flex;
    align-items: center;
    --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);
  }
  .sa-input-group-input {
    flex: 1;
  }
  .sa-input-group-text {
    display: flex;
    align-items: center;
    & svg {
      pointer-events: none;
    }
  }
  .sa-input-group-textarea {
    flex: 1;
    resize: none;
  }
  .sa-input-otp {
    display: flex;
    align-items: center;
    &:has(*:disabled) {
      opacity: 50%;
    }
  }
  .sa-input-otp-caret {
    pointer-events: none;
    position: absolute;
    inset: calc(var(--spacing) * 0);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sa-input-otp-caret-line {
    height: calc(var(--spacing) * 4);
    width: 1px;
    animation: caret-blink 1.25s ease-out infinite;
    background-color: var(--foreground);
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
  .sa-input-otp-group {
    display: flex;
    align-items: center;
  }
  .sa-input-otp-input {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .sa-input-otp-separator {
    display: flex;
    align-items: center;
  }
  .sa-input-otp-slot {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    &[data-active="true"] {
      z-index: 10;
    }
  }
  .sa-item {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 100ms;
    transition-duration: 100ms;
    --tw-outline-style: none;
    outline-style: none;
    &:focus-visible {
      border-color: var(--ring);
    }
    &: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);
    }
    &:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
    &:is(a) {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .sa-item-actions {
    display: flex;
    align-items: center;
  }
  .sa-item-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    &+[data-slot=item-content] {
      flex: none;
    }
  }
  .sa-item-description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    &>a {
      text-decoration-line: underline;
    }
    &>a {
      text-underline-offset: 4px;
    }
    &>a:hover {
      color: var(--primary);
    }
  }
  .sa-item-footer {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    justify-content: space-between;
  }
  .sa-item-group {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .sa-item-header {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    justify-content: space-between;
  }
  .sa-item-media {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    & svg {
      pointer-events: none;
    }
  }
  .sa-item-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: flex;
    width: fit-content;
    align-items: center;
  }
  .sa-kbd {
    pointer-events: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none;
  }
  .sa-kbd-group {
    display: inline-flex;
    align-items: center;
  }
  .sa-label {
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    user-select: none;
    &:is(:where(.group)[data-disabled="true"] *) {
      pointer-events: none;
    }
    &:is(:where(.peer):disabled ~ *) {
      cursor: not-allowed;
    }
  }
  .sa-native-select {
    --tw-outline-style: none;
    outline-style: none;
    &:disabled {
      pointer-events: none;
    }
    &:disabled {
      cursor: not-allowed;
    }
  }
  .sa-native-select-icon {
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
    user-select: none;
  }
  .sa-native-select-wrapper {
    position: relative;
    width: fit-content;
    &:has(*:is(select:disabled)) {
      opacity: 50%;
    }
  }
  .sa-page-container {
    margin-inline: auto;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: var(--sa-gap-lg);
    padding: var(--sa-gap-lg);
    @media (width >= 48rem) {
      padding: var(--sa-gap-xl);
    }
  }
  .sa-page-container-width-large {
    max-width: var(--container-6xl);
  }
  .sa-page-container-width-medium {
    max-width: var(--container-4xl);
  }
  .sa-page-container-width-small {
    max-width: var(--container-2xl);
  }
  .sa-page-header {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    column-gap: var(--sa-gap-md);
    row-gap: calc(var(--spacing) * 1.5);
    @media (width >= 40rem) {
      grid-template-columns: 1fr auto;
    }
  }
  .sa-page-header > [data-slot="breadcrumb"] {
    grid-column: 1 / -1;
    margin-bottom: calc(var(--spacing) * 1);
  }
  .sa-page-header-actions {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    column-gap: var(--sa-gap-sm);
    @media (width >= 40rem) {
      grid-column-start: 2;
    }
    @media (width >= 40rem) {
      grid-row-start: 1;
    }
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 0);
    }
    @media (width >= 40rem) {
      align-self: flex-start;
    }
    @media (width >= 40rem) {
      justify-self: flex-end;
    }
  }
  .sa-page-header:has(> [data-slot="page-header-description"]) .sa-page-header-actions {
    @media (width >= 40rem) {
      grid-row: span 2 / span 2;
    }
    @media (width >= 40rem) {
      grid-row-start: 1;
    }
  }
  .sa-page-header:has(> [data-slot="breadcrumb"]) .sa-page-header-actions {
    @media (width >= 40rem) {
      grid-row-start: 2;
    }
  }
  .sa-page-header-description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
    @media (width >= 40rem) {
      grid-column-start: 1;
    }
  }
  .sa-page-header-nav {
    grid-column: 1 / -1;
    margin-top: calc(var(--spacing) * 3);
    overflow-x: auto;
    padding-bottom: calc(var(--spacing) * 1);
  }
  .sa-page-header-title {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .sa-pagination {
    margin-inline: auto;
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .sa-pagination-content {
    display: flex;
    align-items: center;
  }
  .sa-pagination-ellipsis {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sa-pagination-link-label {
    display: none;
    @media (width >= 40rem) {
      display: block;
    }
  }
  .sa-popover-content {
    width: calc(var(--spacing) * 72);
    opacity: 100%;
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
    transition-property: opacity,display,overlay;
    transition-behavior: allow-discrete;
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
    --sa-popover-inset: auto;
    --sa-popover-background: transparent;
    --sa-popover-color: inherit;
    --sa-popover-margin: 0px;
    &:not(*:is([open], :popover-open, :open)) {
      opacity: 0%;
    }
    @starting-style {
      &:is([open], :popover-open, :open) {
        opacity: 0%;
      }
    }
  }
  .sa-progress-indicator {
    height: 100%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .sa-progress-root {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 3);
  }
  .sa-progress-track {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    overflow-x: hidden;
  }
  .sa-radiobutton {
    position: relative;
    aspect-ratio: 1 / 1;
    flex-shrink: 0;
    appearance: none;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-outline-style: none;
    outline-style: none;
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
    &::after {
      content: var(--tw-content);
      inset-inline: calc(var(--spacing) * -3);
    }
    &::after {
      content: var(--tw-content);
      inset-block: calc(var(--spacing) * -2);
    }
    &:disabled {
      cursor: not-allowed;
    }
    &:disabled {
      opacity: 50%;
    }
  }
  .sa-radiobutton-indicator {
    visibility: hidden;
    width: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 0);
    &:is(:where(.peer):checked ~ *) {
      visibility: visible;
    }
  }
  .sa-radiobutton-indicator-icon {
    pointer-events: none;
  }
  .sa-sheet-body {
    display: flex;
    height: 100%;
    flex-direction: column;
  }
  .sa-sheet-content {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    &::backdrop {
      @supports (backdrop-filter: var(--tw)) {
        --tw-backdrop-blur: blur(var(--blur-xs));
        -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      }
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
  }
  .sa-sheet-content[data-side="bottom"] {
    inset-inline: calc(var(--spacing) * 0);
    top: auto;
    bottom: calc(var(--spacing) * 0);
    height: calc(3 / 4 * 100%);
    width: 100%;
    max-width: 100%;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-translate-y: 100%;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-translate-y: 100%;
    }
  }
  .sa-sheet-content[data-side="left"] {
    inset-block: calc(var(--spacing) * 0);
    right: auto;
    left: calc(var(--spacing) * 0);
    height: 100%;
    max-height: 100%;
    width: calc(3 / 4 * 100%);
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-translate-x: -100%;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-translate-x: -100%;
    }
  }
  .sa-sheet-content[data-side="right"] {
    inset-block: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    left: auto;
    height: 100%;
    max-height: 100%;
    width: calc(3 / 4 * 100%);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-translate-x: 100%;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-translate-x: 100%;
    }
  }
  .sa-sheet-content[data-side="top"] {
    inset-inline: calc(var(--spacing) * 0);
    top: calc(var(--spacing) * 0);
    bottom: auto;
    height: calc(3 / 4 * 100%);
    width: 100%;
    max-width: 100%;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-translate-y: -100%;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-translate-y: -100%;
    }
  }
  .sa-sheet-footer {
    margin-top: auto;
    display: flex;
    flex-direction: column;
  }
  .sa-sheet-header {
    display: flex;
    flex-direction: column;
  }
  .sa-sidebar {
    color: var(--sidebar-foreground);
    &[data-side="right"] {
      order: 9999;
    }
  }
  .sa-sidebar-backdrop {
    pointer-events: none;
    position: fixed;
    inset: calc(var(--spacing) * 0);
    z-index: 20;
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
    opacity: 0%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: linear;
    transition-timing-function: linear;
    &:is(:where(.group)[data-mobile="open"] *) {
      pointer-events: auto;
    }
    &:is(:where(.group)[data-mobile="open"] *) {
      opacity: 100%;
    }
    @media (width >= 48rem) {
      display: none;
    }
  }
  .sa-sidebar-container {
    position: fixed;
    inset-block: calc(var(--spacing) * 0);
    z-index: 30;
    display: flex;
    height: 100svh;
    width: var(--sidebar-width-mobile);
    transition-property: left,right,width,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: linear;
    transition-timing-function: linear;
    &:is(:where(.group)[data-side="left"] *) {
      left: calc(var(--spacing) * 0);
    }
    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
      &:is(:where(.group)[data-side="left"] *) {
        left: calc(var(--sidebar-width) * -1);
      }
    }
    &:is(:where(.group)[data-side="right"] *) {
      right: calc(var(--spacing) * 0);
    }
    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
      &:is(:where(.group)[data-side="right"] *) {
        right: calc(var(--sidebar-width) * -1);
      }
    }
    &:is(:where(.group)[data-variant="floating"] *) {
      padding: calc(var(--spacing) * 2);
    }
    &:is(:where(.group)[data-variant="floating"] *) {
      &:is(:where(.group)[data-collapsible="icon"] *) {
        width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
      }
    }
    &:is(:where(.group)[data-variant="inset"] *) {
      padding: calc(var(--spacing) * 2);
    }
    &:is(:where(.group)[data-variant="inset"] *) {
      &:is(:where(.group)[data-collapsible="icon"] *) {
        width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
      }
    }
    &:is(:where(.group)[data-variant="sidebar"] *) {
      &:is(:where(.group)[data-collapsible="icon"] *) {
        width: var(--sidebar-width-icon);
      }
    }
    &:is(:where(.group)[data-variant="sidebar"] *) {
      &:is(:where(.group)[data-side="left"] *) {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px;
      }
    }
    &:is(:where(.group)[data-variant="sidebar"] *) {
      &:is(:where(.group)[data-side="right"] *) {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
      }
    }
    @media (width < 48rem) {
      &:is(:where(.group)[data-mobile="open"] *) {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    @media (width < 48rem) {
      &:is(:where(.group)[data-mobile="closed"] *) {
        &:is(:where(.group)[data-side="left"] *) {
          --tw-translate-x: -100%;
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
      }
    }
    @media (width < 48rem) {
      &:is(:where(.group)[data-mobile="closed"] *) {
        &:is(:where(.group)[data-side="right"] *) {
          --tw-translate-x: 100%;
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
      }
    }
    @media (width >= 48rem) {
      width: var(--sidebar-width);
    }
  }
  .sa-sidebar-content {
    display: flex;
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    overflow: auto;
    &:is(:where(.group)[data-collapsible="icon"] *) {
      overflow: hidden;
    }
  }
  .sa-sidebar-footer {
    display: flex;
    flex-direction: column;
  }
  .sa-sidebar-gap {
    position: relative;
    display: none;
    height: 100svh;
    width: var(--sidebar-width);
    background-color: transparent;
    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
      width: calc(var(--spacing) * 0);
    }
    &:is(:where(.group)[data-variant="floating"] *) {
      &:is(:where(.group)[data-collapsible="icon"] *) {
        width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
      }
    }
    &:is(:where(.group)[data-variant="inset"] *) {
      &:is(:where(.group)[data-collapsible="icon"] *) {
        width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
      }
    }
    &:is(:where(.group)[data-variant="sidebar"] *) {
      &:is(:where(.group)[data-collapsible="icon"] *) {
        width: var(--sidebar-width-icon);
      }
    }
    @media (width >= 48rem) {
      display: block;
    }
  }
  .sa-sidebar-group {
    position: relative;
    display: flex;
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
  }
  .sa-sidebar-group-content {
    width: 100%;
  }
  .sa-sidebar-group-label {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
    &>svg {
      flex-shrink: 0;
    }
  }
  .sa-sidebar-header {
    display: flex;
    flex-direction: column;
  }
  .sa-sidebar-inner {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
  }
  .sa-sidebar-inner[data-side="left"] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .sa-sidebar-inner[data-side="right"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .sa-sidebar-inset {
    position: relative;
    display: flex;
    width: 100%;
    flex: 1;
    flex-direction: column;
  }
  .sa-sidebar-menu {
    display: flex;
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
  }
  .sa-sidebar-menu-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    --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;
    &:is(:where(.group)[data-collapsible="icon"] *) {
      display: none;
    }
  }
  .sa-sidebar-menu-button {
    display: flex;
    width: 100%;
    align-items: center;
    overflow: hidden;
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
    &:disabled {
      pointer-events: none;
    }
    &:disabled {
      opacity: 50%;
    }
    &[aria-disabled="true"] {
      pointer-events: none;
    }
    &[aria-disabled="true"] {
      opacity: 50%;
    }
    & svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
    & svg {
      flex-shrink: 0;
    }
    &>span:last-child {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .sa-sidebar-menu-item {
    position: relative;
  }
  .sa-sidebar-menu-sub {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
  }
  .sa-sidebar-menu-sub-button {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    --tw-translate-x: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-items: center;
    overflow: hidden;
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
    &:is(:where(.group)[data-collapsible="icon"] *) {
      display: none;
    }
    &:disabled {
      pointer-events: none;
    }
    &:disabled {
      opacity: 50%;
    }
    &[aria-disabled="true"] {
      pointer-events: none;
    }
    &[aria-disabled="true"] {
      opacity: 50%;
    }
    &>span:last-child {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    &>svg {
      flex-shrink: 0;
    }
  }
  .sa-sidebar-menu-sub-item {
    position: relative;
  }
  .sa-sidebar-separator {
    width: auto;
  }
  .sa-sidebar-wrapper {
    display: flex;
    min-height: 100svh;
    width: 100%;
    &:has(*[data-variant="inset"]) {
      background-color: var(--sidebar);
    }
  }
  .sa-skeleton {
    animation: var(--animate-pulse);
  }
  .sa-slider {
    position: relative;
    display: flex;
    width: 100%;
    touch-action: none;
    align-items: center;
    -webkit-user-select: none;
    user-select: none;
    &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
      opacity: 50%;
    }
    &:where([data-orientation="vertical"]) {
      height: 100%;
    }
    &:where([data-orientation="vertical"]) {
      width: auto;
    }
    &:where([data-orientation="vertical"]) {
      flex-direction: column;
    }
  }
  .sa-slider-range {
    position: absolute;
    -webkit-user-select: none;
    user-select: none;
    &:where([data-orientation="horizontal"]) {
      height: 100%;
    }
    &:where([data-orientation="vertical"]) {
      width: 100%;
    }
  }
  .sa-slider-thumb {
    position: absolute;
    display: block;
    flex-shrink: 0;
    -webkit-user-select: none;
    user-select: none;
  }
  .sa-slider-track {
    position: relative;
    flex-grow: 1;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
  }
  .sa-spinner {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    animation: var(--animate-spin);
  }
  .sa-stack {
    display: flex;
    flex-direction: column;
  }
  .sa-stack-align-center {
    align-items: center;
  }
  .sa-stack-align-end {
    align-items: flex-end;
  }
  .sa-stack-align-start {
    align-items: flex-start;
  }
  .sa-stack-align-stretch {
    align-items: stretch;
  }
  .sa-stack-gap-xs {
    row-gap: var(--sa-gap-xs);
  }
  .sa-stack-gap-sm {
    row-gap: var(--sa-gap-sm);
  }
  .sa-stack-gap-md {
    row-gap: var(--sa-gap-md);
  }
  .sa-stack-gap-lg {
    row-gap: var(--sa-gap-lg);
  }
  .sa-stack-gap-xl {
    row-gap: var(--sa-gap-xl);
  }
  .sa-stack-justify-around {
    justify-content: space-around;
  }
  .sa-stack-justify-between {
    justify-content: space-between;
  }
  .sa-stack-justify-center {
    justify-content: center;
  }
  .sa-stack-justify-end {
    justify-content: flex-end;
  }
  .sa-stack-justify-start {
    justify-content: flex-start;
  }
  .sa-switch {
    position: relative;
    appearance: none;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    outline-style: none;
    &:disabled {
      cursor: not-allowed;
    }
    &:disabled {
      opacity: 50%;
    }
  }
  .sa-switch-thumb {
    pointer-events: none;
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: 1px;
    display: block;
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .sa-switch-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
  }
  .sa-tabs {
    display: flex;
    &[data-orientation="horizontal"] {
      flex-direction: column;
    }
  }
  .sa-tabs-list {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    color: var(--muted-foreground);
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      height: fit-content;
    }
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      flex-direction: column;
    }
  }
  .sa-tabs-list-variant-default {
    background-color: var(--muted);
  }
  .sa-tabs-list-variant-line {
    gap: calc(var(--spacing) * 1);
    background-color: transparent;
  }
  .sa-tabs-trigger {
    position: relative;
    display: inline-flex;
    height: calc(100% - 1px);
    flex: 1;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      width: 100%;
    }
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      justify-content: flex-start;
    }
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      background-color: transparent;
    }
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
    &::after {
      content: var(--tw-content);
      background-color: var(--foreground);
    }
    &::after {
      content: var(--tw-content);
      opacity: 0%;
    }
    &::after {
      content: var(--tw-content);
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
      &::after {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing) * 0);
      }
    }
    &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
      &::after {
        content: var(--tw-content);
        bottom: -5px;
      }
    }
    &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
      &::after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 0.5);
      }
    }
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      &::after {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * 0);
      }
    }
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      &::after {
        content: var(--tw-content);
        right: calc(var(--spacing) * -1);
      }
    }
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      &::after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 0.5);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
    &:focus-visible {
      border-color: var(--ring);
    }
    &: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);
    }
    &:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
    &:focus-visible {
      outline-color: var(--ring);
    }
    &:disabled {
      pointer-events: none;
    }
    &:disabled {
      opacity: 50%;
    }
    &:is(.dark *) {
      color: var(--muted-foreground);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--foreground);
        }
      }
    }
    &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
      cursor: not-allowed;
    }
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      background-color: var(--background);
    }
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      color: var(--foreground);
    }
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
        background-color: transparent;
      }
    }
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
        &::after {
          content: var(--tw-content);
          opacity: 100%;
        }
      }
    }
    &:is(.dark *) {
      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
        border-color: var(--input);
      }
    }
    &:is(.dark *) {
      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
        background-color: var(--input);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--input) 30%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
        color: var(--foreground);
      }
    }
    &:is(.dark *) {
      &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
        &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
          border-color: transparent;
        }
      }
    }
    &:is(.dark *) {
      &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
        &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
          background-color: transparent;
        }
      }
    }
    & svg {
      pointer-events: none;
    }
    & svg {
      flex-shrink: 0;
    }
  }
  .sa-textarea {
    display: flex;
    field-sizing: content;
    min-height: calc(var(--spacing) * 16);
    width: 100%;
    --tw-outline-style: none;
    outline-style: none;
    &::placeholder {
      color: var(--muted-foreground);
    }
    &:disabled {
      cursor: not-allowed;
    }
    &:disabled {
      opacity: 50%;
    }
  }
  .sa-toggle {
    display: inline-flex;
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
      }
    }
    &:has(*:is(:disabled)) {
      pointer-events: none;
    }
    &:has(*:is(:disabled)) {
      cursor: not-allowed;
    }
    &:has(*:is(:disabled)) {
      opacity: 50%;
    }
    &:has(*:is(: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);
    }
    & svg {
      pointer-events: none;
    }
    & svg {
      flex-shrink: 0;
    }
  }
  .sa-toggle-group-item {
    &:has(*:is(:focus-visible)) {
      z-index: 10;
    }
  }
  .sa-toggle-group[data-orientation="horizontal"] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
  }
  .sa-toggle-group[data-orientation="vertical"] {
    display: inline-flex;
    width: fit-content;
    flex-direction: column;
    align-items: stretch;
  }
  .sa-toggle-group[data-spacing="0"][data-orientation="horizontal"] {
    gap: calc(var(--spacing) * 0);
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
      margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .sa-toggle-group[data-spacing="0"][data-orientation="vertical"] {
    gap: calc(var(--spacing) * 0);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(-1px * var(--tw-space-y-reverse));
      margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .sa-toggle-group:not([data-spacing="0"]) {
    gap: calc(var(--spacing) * var(--gap));
  }
  .sa-tooltip-content {
    width: fit-content;
    max-width: var(--container-xs);
    transform-origin: var(--transform-origin);
    background-color: var(--foreground);
    color: var(--background);
    opacity: 100%;
    transition-property: opacity,display,overlay;
    transition-behavior: allow-discrete;
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
    --sa-popover-inset: auto;
    --sa-popover-background: transparent;
    --sa-popover-color: inherit;
    --sa-popover-margin: 0px;
    &:not(*:is([open], :popover-open, :open)) {
      opacity: 0%;
    }
    @starting-style {
      &:is([open], :popover-open, :open) {
        opacity: 0%;
      }
    }
  }
}
@layer components.theme {
  :root {
    --sa-gap-xs: calc(var(--spacing) * 1);
    --sa-gap-sm: calc(var(--spacing) * 2);
    --sa-gap-md: calc(var(--spacing) * 4);
    --sa-gap-lg: calc(var(--spacing) * 5);
    --sa-gap-xl: calc(var(--spacing) * 8);
  }
  .sa-accordion-item {
    &:not(*:last-child) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .sa-accordion-trigger {
    border-radius: var(--radius);
    padding-block: calc(var(--spacing) * 2.5);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
    &:focus-visible {
      border-color: var(--ring);
    }
    &: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);
    }
    &:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
    &:focus-visible {
      &::after {
        content: var(--tw-content);
        border-color: var(--ring);
      }
    }
    :is(& *) {
      &[data-slot="accordion-trigger-icon"] {
        margin-left: auto;
      }
    }
    :is(& *) {
      &[data-slot="accordion-trigger-icon"] {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
      }
    }
    :is(& *) {
      &[data-slot="accordion-trigger-icon"] {
        color: var(--muted-foreground);
      }
    }
  }
  .sa-accordion-content {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      animation: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      animation: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .sa-accordion-content-inner {
    padding-top: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .sa-alert {
    display: grid;
    gap: calc(var(--spacing) * 0.5);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:has(*[data-slot="alert-action"]) {
      position: relative;
    }
    &:has(*[data-slot="alert-action"]) {
      padding-right: calc(var(--spacing) * 18);
    }
    &:has(>svg) {
      grid-template-columns: auto 1fr;
    }
    &:has(>svg) {
      column-gap: calc(var(--spacing) * 2);
    }
    :is(& > *) {
      &:is(svg) {
        grid-row: span 2 / span 2;
      }
    }
    :is(& > *) {
      &:is(svg) {
        --tw-translate-y: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    :is(& > *) {
      &:is(svg) {
        color: currentcolor;
      }
    }
    :is(& > *) {
      &:is(svg:not([class*='size-'])) {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
      }
    }
  }
  .sa-alert-variant-default {
    background-color: var(--card);
    color: var(--card-foreground);
  }
  .sa-alert-variant-destructive {
    background-color: var(--card);
    color: var(--destructive);
    :is(& > *) {
      &[data-slot="alert-description"] {
        color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--destructive) 90%, transparent);
        }
      }
    }
    :is(& > *) {
      &:is(svg) {
        color: currentcolor;
      }
    }
  }
  .sa-alert-title {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    &:is(:where(.group\/alert):has(>svg) *) {
      grid-column-start: 2;
    }
  }
  .sa-alert-description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-wrap: balance;
    color: var(--muted-foreground);
    @media (width >= 48rem) {
      text-wrap: pretty;
    }
    & p:not(:last-child) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .sa-alert-action {
    position: absolute;
    top: calc(var(--spacing) * 2);
    right: calc(var(--spacing) * 2);
  }
  .sa-alert-dialog-overlay {
    background-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
    --tw-duration: 100ms;
    transition-duration: 100ms;
    @supports (backdrop-filter: var(--tw)) {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
  }
  .sa-alert-dialog-content {
    gap: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) + 4px);
    background-color: var(--popover);
    padding: calc(var(--spacing) * 4);
    color: var(--popover-foreground);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
    --tw-duration: 100ms;
    transition-duration: 100ms;
    &[data-size="default"] {
      max-width: var(--container-xs);
    }
    &[data-size="sm"] {
      max-width: var(--container-xs);
    }
    &[data-size="default"] {
      @media (width >= 40rem) {
        max-width: var(--container-sm);
      }
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-scale: calc(95*1%);
      --tw-enter-scale: .95;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-scale: calc(95*1%);
      --tw-exit-scale: .95;
    }
  }
  .sa-alert-dialog-header {
    display: grid;
    grid-template-rows: auto 1fr;
    place-items: center;
    gap: calc(var(--spacing) * 1.5);
    text-align: center;
    &:has(*[data-slot="alert-dialog-media"]) {
      grid-template-rows: auto auto 1fr;
    }
    &:has(*[data-slot="alert-dialog-media"]) {
      column-gap: calc(var(--spacing) * 4);
    }
    @media (width >= 40rem) {
      &:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
        place-items: start;
      }
    }
    @media (width >= 40rem) {
      &:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
        text-align: left;
      }
    }
    @media (width >= 40rem) {
      &:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
        &:has(*[data-slot="alert-dialog-media"]) {
          grid-template-rows: auto 1fr;
        }
      }
    }
  }
  .sa-alert-dialog-media {
    margin-bottom: calc(var(--spacing) * 2);
    display: inline-flex;
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) - 2px);
    background-color: var(--muted);
    @media (width >= 40rem) {
      &:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
        grid-row: span 2 / span 2;
      }
    }
    :is(& > *) {
      &:is(svg:not([class*='size-'])) {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6);
      }
    }
  }
  .sa-alert-dialog-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    @media (width >= 40rem) {
      &:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
        &:is(:where(.group\/alert-dialog-content):has(*[data-slot="alert-dialog-media"]) *) {
          grid-column-start: 2;
        }
      }
    }
  }
  .sa-alert-dialog-description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-wrap: balance;
    color: var(--muted-foreground);
    @media (width >= 48rem) {
      text-wrap: pretty;
    }
    :is(& > *) {
      &:is(a) {
        text-decoration-line: underline;
      }
    }
    :is(& > *) {
      &:is(a) {
        text-underline-offset: 3px;
      }
    }
    :is(& > *) {
      &:is(a) {
        &:hover {
          @media (hover: hover) {
            color: var(--foreground);
          }
        }
      }
    }
  }
  .sa-alert-dialog-footer {
    margin-inline: calc(var(--spacing) * -4);
    margin-bottom: calc(var(--spacing) * -4);
    border-bottom-right-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
    padding: calc(var(--spacing) * 4);
  }
  .sa-avatar {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    border-radius: calc(infinity * 1px);
    &::after {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
    &[data-size="lg"] {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }
    &[data-size="sm"] {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
  }
  .sa-avatar-fallback {
    border-radius: calc(infinity * 1px);
    background-color: var(--muted);
    color: var(--muted-foreground);
  }
  .sa-avatar-image {
    border-radius: calc(infinity * 1px);
  }
  .sa-avatar-badge {
    background-color: var(--primary);
    color: var(--primary-foreground);
    --tw-ring-color: var(--background);
  }
  .sa-avatar-group-count {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    border-radius: calc(infinity * 1px);
    background-color: var(--muted);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
    &:is(:where(.group\/avatar-group):has(*[data-size="lg"]) *) {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }
    &:is(:where(.group\/avatar-group):has(*[data-size="sm"]) *) {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
    &>svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
    &:is(:where(.group\/avatar-group):has(*[data-size="lg"]) *) {
      &>svg {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
      }
    }
    &:is(:where(.group\/avatar-group):has(*[data-size="sm"]) *) {
      &>svg {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3);
      }
    }
  }
  .sa-badge {
    height: calc(var(--spacing) * 5);
    gap: calc(var(--spacing) * 1);
    border-radius: calc(var(--radius) + 16px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:has(*[data-icon="inline-end"]) {
      padding-right: calc(var(--spacing) * 1.5);
    }
    &:has(*[data-icon="inline-start"]) {
      padding-left: calc(var(--spacing) * 1.5);
    }
    &>svg {
      width: calc(var(--spacing) * 3) !important;
      height: calc(var(--spacing) * 3) !important;
    }
  }
  .sa-badge-variant-default {
    background-color: var(--primary);
    color: var(--primary-foreground);
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--primary);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--primary) 80%, transparent);
          }
        }
      }
    }
  }
  .sa-badge-variant-secondary {
    background-color: var(--secondary);
    color: var(--secondary-foreground);
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--secondary);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
          }
        }
      }
    }
  }
  .sa-badge-variant-outline {
    border-color: var(--border);
    color: var(--foreground);
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted);
        }
      }
    }
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          color: var(--muted-foreground);
        }
      }
    }
  }
  .sa-badge-variant-destructive {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
    color: var(--destructive);
    &:focus-visible {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:is(.dark *) {
      background-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:is(.dark *) {
      &:focus-visible {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--destructive);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
          }
        }
      }
    }
  }
  .sa-badge-variant-ghost {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--muted-foreground);
      }
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--muted) 50%, transparent);
          }
        }
      }
    }
  }
  .sa-badge-variant-link {
    color: var(--primary);
    text-underline-offset: 4px;
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .sa-breadcrumb-list {
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }
  .sa-breadcrumb-item {
    gap: calc(var(--spacing) * 1);
  }
  .sa-breadcrumb-link {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
  .sa-breadcrumb-page {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--foreground);
  }
  .sa-breadcrumb-separator {
    &>svg {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }
  }
  .sa-breadcrumb-ellipsis {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    &>svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-button {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-clip: padding-box;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    &:focus-visible {
      border-color: var(--ring);
    }
    &: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);
    }
    &:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
    &:active {
      &:not(*[aria-haspopup]) {
        --tw-translate-y: 1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    &[aria-invalid="true"] {
      border-color: var(--destructive);
    }
    &[aria-invalid="true"] {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:is(.dark *) {
      &[aria-invalid="true"] {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
    &.input-validation-error {
      border-color: var(--destructive);
    }
    &.input-validation-error {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:is(.dark *) {
      &.input-validation-error {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &.input-validation-error {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .sa-button-variant-default {
    background-color: var(--primary);
    color: var(--primary-foreground);
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 80%, transparent);
        }
      }
    }
  }
  .sa-button-variant-outline {
    border-color: var(--border);
    background-color: var(--background);
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
    &[aria-expanded="true"] {
      background-color: var(--muted);
    }
    &[aria-expanded="true"] {
      color: var(--foreground);
    }
    &:is(.dark *) {
      border-color: var(--input);
    }
    &:is(.dark *) {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--input);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--input) 50%, transparent);
          }
        }
      }
    }
  }
  .sa-button-variant-secondary {
    background-color: var(--secondary);
    color: var(--secondary-foreground);
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
        }
      }
    }
    &[aria-expanded="true"] {
      background-color: var(--secondary);
    }
    &[aria-expanded="true"] {
      color: var(--secondary-foreground);
    }
  }
  .sa-button-variant-ghost {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
    &[aria-expanded="true"] {
      background-color: var(--muted);
    }
    &[aria-expanded="true"] {
      color: var(--foreground);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--muted) 50%, transparent);
          }
        }
      }
    }
  }
  .sa-button-variant-destructive {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
    color: var(--destructive);
    &:hover {
      @media (hover: hover) {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
        }
      }
    }
    &:focus-visible {
      border-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
      }
    }
    &:focus-visible {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:is(.dark *) {
      background-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--destructive);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
          }
        }
      }
    }
    &:is(.dark *) {
      &:focus-visible {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .sa-button-variant-link {
    color: var(--primary);
    text-underline-offset: 4px;
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .sa-button-size-xs {
    height: calc(var(--spacing) * 6);
    gap: calc(var(--spacing) * 1);
    border-radius: min(var(--radius-md), 10px);
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    :where(*[data-slot="button-group"]) & {
      border-radius: var(--radius);
    }
    &:has(*[data-icon="inline-end"]) {
      padding-right: calc(var(--spacing) * 1.5);
    }
    &:has(*[data-icon="inline-start"]) {
      padding-left: calc(var(--spacing) * 1.5);
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  .sa-button-size-sm {
    height: calc(var(--spacing) * 7);
    gap: calc(var(--spacing) * 1);
    border-radius: min(var(--radius-md), 12px);
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: 0.8rem;
    :where(*[data-slot="button-group"]) & {
      border-radius: var(--radius);
    }
    &:has(*[data-icon="inline-end"]) {
      padding-right: calc(var(--spacing) * 1.5);
    }
    &:has(*[data-icon="inline-start"]) {
      padding-left: calc(var(--spacing) * 1.5);
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }
  }
  .sa-button-size-default {
    height: calc(var(--spacing) * 8);
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 2.5);
    &:has(*[data-icon="inline-end"]) {
      padding-right: calc(var(--spacing) * 2);
    }
    &:has(*[data-icon="inline-start"]) {
      padding-left: calc(var(--spacing) * 2);
    }
  }
  .sa-button-size-lg {
    height: calc(var(--spacing) * 9);
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 2.5);
    &:has(*[data-icon="inline-end"]) {
      padding-right: calc(var(--spacing) * 2);
    }
    &:has(*[data-icon="inline-start"]) {
      padding-left: calc(var(--spacing) * 2);
    }
  }
  .sa-button-size-icon-xs {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    border-radius: min(var(--radius-md), 10px);
    :where(*[data-slot="button-group"]) & {
      border-radius: var(--radius);
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  .sa-button-size-icon-sm {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
    border-radius: min(var(--radius-md), 12px);
    :where(*[data-slot="button-group"]) & {
      border-radius: var(--radius);
    }
  }
  .sa-button-size-icon {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .sa-button-size-icon-lg {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .sa-button-group {
    &:has(>[data-slot=button-group]) {
      gap: calc(var(--spacing) * 2);
    }
    &:has(*:is(select[aria-hidden=true]:last-child)) {
      &>[data-slot=select-trigger]:last-of-type {
        border-top-right-radius: var(--radius);
        border-bottom-right-radius: var(--radius);
      }
    }
  }
  .sa-button-group-orientation-horizontal {
    &>[data-slot]:not(:has(~[data-slot])) {
      border-top-right-radius: var(--radius) !important;
      border-bottom-right-radius: var(--radius) !important;
    }
  }
  .sa-button-group-orientation-vertical {
    &>[data-slot]:not(:has(~[data-slot])) {
      border-bottom-right-radius: var(--radius) !important;
      border-bottom-left-radius: var(--radius) !important;
    }
  }
  .sa-button-group-text {
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--muted);
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-button-group-separator {
    background-color: var(--input);
  }
  .sa-calendar {
    padding: calc(var(--spacing) * 2);
    --cell-radius: var(--radius-md);
    --cell-size: calc(var(--spacing) * 7);
  }
  .sa-calendar-dropdown-root {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    &:has(*:focus) {
      border-color: var(--ring);
    }
    &:has(*:focus) {
      --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);
    }
    &:has(*:focus) {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
  }
  .sa-calendar-caption-label {
    height: calc(var(--spacing) * 6);
    padding-right: calc(var(--spacing) * 1);
    padding-left: calc(var(--spacing) * 1.5);
  }
  .sa-card {
    gap: var(--card-spacing);
    overflow: hidden;
    border-radius: calc(var(--radius) + 4px);
    background-color: var(--card);
    padding-block: var(--card-spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    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)) {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
    --card-spacing: calc(var(--spacing) * 4);
    &:has(*[data-slot="card-footer"]) {
      padding-bottom: calc(var(--spacing) * 0);
    }
    &:has(>img:first-child) {
      padding-top: calc(var(--spacing) * 0);
    }
    &[data-size="sm"] {
      --card-spacing: calc(var(--spacing) * 3);
    }
    &[data-size="sm"] {
      &:has(*[data-slot="card-footer"]) {
        padding-bottom: calc(var(--spacing) * 0);
      }
    }
    :is(& > *) {
      &:is(img:first-child) {
        border-top-left-radius: calc(var(--radius) + 4px);
        border-top-right-radius: calc(var(--radius) + 4px);
      }
    }
    :is(& > *) {
      &:is(img:last-child) {
        border-bottom-right-radius: calc(var(--radius) + 4px);
        border-bottom-left-radius: calc(var(--radius) + 4px);
      }
    }
  }
  .sa-card-header {
    gap: calc(var(--spacing) * 1);
    border-top-left-radius: calc(var(--radius) + 4px);
    border-top-right-radius: calc(var(--radius) + 4px);
    padding-inline: var(--card-spacing);
    &:is(.border-b) {
      padding-bottom: var(--card-spacing);
    }
  }
  .sa-card-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    &:is(:where(.group\/card)[data-size="sm"] *) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .sa-card-description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }
  .sa-card-content {
    padding-inline: var(--card-spacing);
  }
  .sa-card-footer {
    border-bottom-right-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
    padding: var(--card-spacing);
  }
  .sa-carousel-previous {
    border-radius: calc(infinity * 1px);
  }
  .sa-carousel-next {
    border-radius: calc(infinity * 1px);
  }
  .sa-chart-tooltip {
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
    background-color: var(--background);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .sa-checkbox {
    display: flex;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--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, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:is(:where(.group\/field):has(*:disabled) *) {
      opacity: 50%;
    }
    &:checked {
      border-color: var(--primary);
    }
    &:checked {
      background-color: var(--primary);
    }
    &:checked {
      color: var(--primary-foreground);
    }
    &:focus-visible {
      border-color: var(--ring);
    }
    &: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);
    }
    &:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
    &[aria-invalid="true"] {
      border-color: var(--destructive);
    }
    &[aria-invalid="true"] {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &[aria-invalid="true"] {
      &[aria-checked="true"] {
        border-color: var(--primary);
      }
    }
    &:is(.dark *) {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
    &:is(.dark *) {
      &:checked {
        background-color: var(--primary);
      }
    }
    &:is(.dark *) {
      &[aria-invalid="true"] {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
    &.input-validation-error {
      border-color: var(--destructive);
    }
    &.input-validation-error {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &.input-validation-error {
      &[aria-checked="true"] {
        border-color: var(--primary);
      }
    }
    &:is(.dark *) {
      &.input-validation-error {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &.input-validation-error {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .sa-checkbox-indicator {
    &>svg {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }
  }
  .sa-combobox-content {
    max-height: calc(var(--spacing) * 72);
    min-width: calc(var(--spacing) * 36);
    overflow: hidden;
    border-radius: var(--radius);
    background-color: var(--popover);
    color: var(--popover-foreground);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    --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: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: 100ms;
    transition-duration: 100ms;
    &[data-side="bottom"] {
      --tw-enter-translate-y: calc(2*var(--spacing)*-1);
    }
    &[data-side="left"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
    &[data-side="right"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
    &[data-side="top"] {
      --tw-enter-translate-y: calc(2*var(--spacing));
    }
    :is(& > *) {
      &[data-slot="input-group"] {
        margin: calc(var(--spacing) * 1);
      }
    }
    :is(& > *) {
      &[data-slot="input-group"] {
        margin-bottom: calc(var(--spacing) * 0);
      }
    }
    :is(& > *) {
      &[data-slot="input-group"] {
        height: calc(var(--spacing) * 8);
      }
    }
    :is(& > *) {
      &[data-slot="input-group"] {
        border-color: var(--input);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--input) 30%, transparent);
        }
      }
    }
    :is(& > *) {
      &[data-slot="input-group"] {
        background-color: var(--input);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--input) 30%, transparent);
        }
      }
    }
    :is(& > *) {
      &[data-slot="input-group"] {
        --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);
      }
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-scale: calc(95*1%);
      --tw-enter-scale: .95;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-scale: calc(95*1%);
      --tw-exit-scale: .95;
    }
  }
  .sa-combobox-content-logical {
    &[data-side="inline-end"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
    &[data-side="inline-start"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
  }
  .sa-combobox-label {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--muted-foreground);
  }
  .sa-combobox-item {
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius) - 2px);
    padding-block: calc(var(--spacing) * 1);
    padding-right: calc(var(--spacing) * 8);
    padding-left: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &[data-highlighted] {
      background-color: var(--accent);
    }
    &[data-highlighted] {
      color: var(--accent-foreground);
    }
    &:not(*[data-variant="destructive"]) {
      &[data-highlighted] {
        :is(& *) {
          color: var(--accent-foreground);
        }
      }
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-combobox-item-indicator {
    pointer-events: none;
    position: absolute;
    right: calc(var(--spacing) * 2);
    display: flex;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    align-items: center;
    justify-content: center;
  }
  .sa-combobox-empty {
    display: none;
    width: 100%;
    justify-content: center;
    padding-block: calc(var(--spacing) * 2);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
    &:is(:where(.group\/combobox-content)[data-empty] *) {
      display: flex;
    }
  }
  .sa-combobox-list {
    -ms-overflow-style: none;
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
    max-height: min(calc(calc(var(--spacing) * 72) - calc(var(--spacing) * 9)), calc(var(--available-height) - calc(var(--spacing) * 9)));
    scroll-padding-block: calc(var(--spacing) * 1);
    overflow-y: auto;
    padding: calc(var(--spacing) * 1);
    &[data-empty] {
      padding: calc(var(--spacing) * 0);
    }
  }
  .sa-combobox-item-text {
    display: flex;
    flex: 1;
    gap: calc(var(--spacing) * 2);
  }
  .sa-combobox-separator {
    margin-inline: calc(var(--spacing) * -1);
    margin-block: calc(var(--spacing) * 1);
    height: 1px;
    background-color: var(--border);
  }
  .sa-combobox-trigger {
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-combobox-trigger-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: var(--muted-foreground);
  }
  .sa-combobox-chips {
    display: flex;
    min-height: calc(var(--spacing) * 8);
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    background-color: transparent;
    background-clip: padding-box;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:focus-within {
      border-color: var(--ring);
    }
    &:focus-within {
      --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);
    }
    &:focus-within {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
    &:has(*[aria-invalid="true"]) {
      border-color: var(--destructive);
    }
    &:has(*[aria-invalid="true"]) {
      --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);
    }
    &:has(*[aria-invalid="true"]) {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:has(*[data-slot="combobox-chip"]) {
      padding-inline: calc(var(--spacing) * 1);
    }
    &:is(.dark *) {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
    &:is(.dark *) {
      &:has(*[aria-invalid="true"]) {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &:has(*[aria-invalid="true"]) {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .sa-combobox-chip {
    display: flex;
    height: calc(calc(var(--spacing) * 5.25));
    width: fit-content;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1);
    border-radius: calc(var(--radius) - 4px);
    background-color: var(--muted);
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--foreground);
    &:has(*[data-slot="combobox-chip-remove"]) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .sa-combobox-chip-remove {
    margin-left: calc(var(--spacing) * -1);
    opacity: 50%;
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .sa-command {
    border-radius: calc(var(--radius) + 4px) !important;
    background-color: var(--popover);
    padding: calc(var(--spacing) * 1);
    color: var(--popover-foreground);
  }
  .sa-command-dialog {
    border-radius: calc(var(--radius) + 4px) !important;
  }
  .sa-command-input-wrapper {
    padding: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 0);
  }
  .sa-command-input-group {
    height: calc(var(--spacing) * 8) !important;
    border-radius: var(--radius) !important;
    border-color: var(--input);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
    background-color: var(--input);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    :is(& > *) {
      &[data-slot="input-group-addon"] {
        padding-left: calc(var(--spacing) * 2) !important;
      }
    }
  }
  .sa-command-input-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
    opacity: 50%;
  }
  .sa-command-input {
    width: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .sa-command-list {
    -ms-overflow-style: none;
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
    max-height: calc(var(--spacing) * 72);
    scroll-padding-block: calc(var(--spacing) * 1);
    --tw-outline-style: none;
    outline-style: none;
  }
  .sa-command-empty {
    padding-block: calc(var(--spacing) * 6);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .sa-command-group {
    overflow: hidden;
    padding: calc(var(--spacing) * 1);
    color: var(--foreground);
    :is(& *) {
      &:is([cmdk-group-heading]) {
        padding-inline: calc(var(--spacing) * 2);
      }
    }
    :is(& *) {
      &:is([cmdk-group-heading]) {
        padding-block: calc(var(--spacing) * 1.5);
      }
    }
    :is(& *) {
      &:is([cmdk-group-heading]) {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
      }
    }
    :is(& *) {
      &:is([cmdk-group-heading]) {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
    }
    :is(& *) {
      &:is([cmdk-group-heading]) {
        color: var(--muted-foreground);
      }
    }
  }
  .sa-command-separator {
    margin-inline: calc(var(--spacing) * -1);
    height: 1px;
    background-color: var(--border);
  }
  .sa-command-item {
    position: relative;
    display: flex;
    cursor: default;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius) - 4px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
    -webkit-user-select: none;
    user-select: none;
    :where(*[data-slot="dialog-content"]) & {
      border-radius: var(--radius) !important;
    }
    &:where([data-selected="true"]) {
      background-color: var(--muted);
    }
    &:where([data-selected="true"]) {
      color: var(--foreground);
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
    &:where([data-selected="true"]) {
      :is(& > *) {
        &:is(svg) {
          color: var(--foreground);
        }
      }
    }
  }
  .sa-command-shortcut {
    margin-left: auto;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--muted-foreground);
    &:is(:where(.group\/command-item):where([data-selected="true"]) *) {
      color: var(--foreground);
    }
  }
  .sa-context-menu-content {
    min-width: calc(var(--spacing) * 36);
    border-radius: var(--radius);
    background-color: var(--popover);
    padding: calc(var(--spacing) * 1);
    color: var(--popover-foreground);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    --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: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: 100ms;
    transition-duration: 100ms;
    &[data-side="bottom"] {
      --tw-enter-translate-y: calc(2*var(--spacing)*-1);
    }
    &[data-side="left"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
    &[data-side="right"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
    &[data-side="top"] {
      --tw-enter-translate-y: calc(2*var(--spacing));
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-scale: calc(95*1%);
      --tw-enter-scale: .95;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-scale: calc(95*1%);
      --tw-exit-scale: .95;
    }
  }
  .sa-context-menu-content-logical {
    &[data-side="inline-end"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
    &[data-side="inline-start"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
  }
  .sa-context-menu-item {
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:focus {
      background-color: var(--accent);
    }
    &:focus {
      color: var(--accent-foreground);
    }
    &[data-inset] {
      padding-left: calc(var(--spacing) * 7);
    }
    &[data-variant="destructive"] {
      color: var(--destructive);
    }
    &[data-variant="destructive"] {
      &:focus {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
        }
      }
    }
    &[data-variant="destructive"] {
      &:focus {
        color: var(--destructive);
      }
    }
    &:is(.dark *) {
      &[data-variant="destructive"] {
        &:focus {
          background-color: var(--destructive);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
          }
        }
      }
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
    &:focus {
      :is(& > *) {
        &:is(svg) {
          color: var(--accent-foreground);
        }
      }
    }
    &[data-variant="destructive"] {
      :is(& > *) {
        &:is(svg) {
          color: var(--destructive);
        }
      }
    }
  }
  .sa-context-menu-checkbox-item {
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    padding-block: calc(var(--spacing) * 1);
    padding-right: calc(var(--spacing) * 8);
    padding-left: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:focus {
      background-color: var(--accent);
    }
    &:focus {
      color: var(--accent-foreground);
    }
    &[data-inset] {
      padding-left: calc(var(--spacing) * 7);
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-context-menu-radio-item {
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    padding-block: calc(var(--spacing) * 1);
    padding-right: calc(var(--spacing) * 8);
    padding-left: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:focus {
      background-color: var(--accent);
    }
    &:focus {
      color: var(--accent-foreground);
    }
    &[data-inset] {
      padding-left: calc(var(--spacing) * 7);
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-context-menu-item-indicator {
    position: absolute;
    right: calc(var(--spacing) * 2);
  }
  .sa-context-menu-label {
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
    &[data-inset] {
      padding-left: calc(var(--spacing) * 7);
    }
  }
  .sa-context-menu-separator {
    margin-inline: calc(var(--spacing) * -1);
    margin-block: calc(var(--spacing) * 1);
    height: 1px;
    background-color: var(--border);
  }
  .sa-context-menu-shortcut {
    margin-left: auto;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--muted-foreground);
    &:is(:where(.group\/context-menu-item):focus *) {
      color: var(--accent-foreground);
    }
  }
  .sa-context-menu-sub-trigger {
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:focus {
      background-color: var(--accent);
    }
    &:focus {
      color: var(--accent-foreground);
    }
    &[data-inset] {
      padding-left: calc(var(--spacing) * 7);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      background-color: var(--accent);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      color: var(--accent-foreground);
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-context-menu-sub-content {
    min-width: calc(var(--spacing) * 32);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--popover);
    padding: calc(var(--spacing) * 1);
    color: var(--popover-foreground);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    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: 100ms;
    transition-duration: 100ms;
    &[data-side="bottom"] {
      --tw-enter-translate-y: calc(2*var(--spacing)*-1);
    }
    &[data-side="left"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
    &[data-side="right"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
    &[data-side="top"] {
      --tw-enter-translate-y: calc(2*var(--spacing));
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-scale: calc(95*1%);
      --tw-enter-scale: .95;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-scale: calc(95*1%);
      --tw-exit-scale: .95;
    }
  }
  .sa-context-menu-subcontent {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .sa-dialog-overlay {
    background-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
    --tw-duration: 100ms;
    transition-duration: 100ms;
    @supports (backdrop-filter: var(--tw)) {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
  }
  .sa-dialog-content {
    max-width: calc(100% - 2rem);
    gap: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) + 4px);
    background-color: var(--popover);
    padding: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
    --tw-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)) {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
    --tw-duration: 100ms;
    transition-duration: 100ms;
    @media (width >= 40rem) {
      max-width: var(--container-sm);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      display: grid;
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-scale: calc(95*1%);
      --tw-enter-scale: .95;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-scale: calc(95*1%);
      --tw-exit-scale: .95;
    }
  }
  .sa-dialog-close {
    position: absolute;
    top: calc(var(--spacing) * 2);
    right: calc(var(--spacing) * 2);
  }
  .sa-dialog-header {
    gap: calc(var(--spacing) * 2);
  }
  .sa-dialog-footer {
    margin-inline: calc(var(--spacing) * -4);
    margin-bottom: calc(var(--spacing) * -4);
    border-bottom-right-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
    padding: calc(var(--spacing) * 4);
  }
  .sa-dialog-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .sa-dialog-description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
    :is(& > *) {
      &:is(a) {
        text-decoration-line: underline;
      }
    }
    :is(& > *) {
      &:is(a) {
        text-underline-offset: 3px;
      }
    }
    :is(& > *) {
      &:is(a) {
        &:hover {
          @media (hover: hover) {
            color: var(--foreground);
          }
        }
      }
    }
  }
  .sa-drawer-overlay {
    background-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
    @supports (backdrop-filter: var(--tw)) {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    }
  }
  .sa-drawer-content {
    display: flex;
    height: auto;
    flex-direction: column;
    background-color: var(--popover);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
    &[data-vaul-drawer-direction="bottom"] {
      border-top-left-radius: calc(var(--radius) + 4px);
      border-top-right-radius: calc(var(--radius) + 4px);
    }
    &[data-vaul-drawer-direction="bottom"] {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
    &[data-vaul-drawer-direction="left"] {
      border-top-right-radius: calc(var(--radius) + 4px);
      border-bottom-right-radius: calc(var(--radius) + 4px);
    }
    &[data-vaul-drawer-direction="left"] {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
    &[data-vaul-drawer-direction="right"] {
      border-top-left-radius: calc(var(--radius) + 4px);
      border-bottom-left-radius: calc(var(--radius) + 4px);
    }
    &[data-vaul-drawer-direction="right"] {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    &[data-vaul-drawer-direction="top"] {
      border-bottom-right-radius: calc(var(--radius) + 4px);
      border-bottom-left-radius: calc(var(--radius) + 4px);
    }
    &[data-vaul-drawer-direction="top"] {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .sa-drawer-popup {
    background-color: var(--popover);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
    &[data-swipe-direction="down"] {
      border-top-left-radius: calc(var(--radius) + 4px);
      border-top-right-radius: calc(var(--radius) + 4px);
    }
    &[data-swipe-direction="down"] {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
    &[data-swipe-direction="left"] {
      border-top-right-radius: calc(var(--radius) + 4px);
      border-bottom-right-radius: calc(var(--radius) + 4px);
    }
    &[data-swipe-direction="left"] {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
    &[data-swipe-direction="right"] {
      border-top-left-radius: calc(var(--radius) + 4px);
      border-bottom-left-radius: calc(var(--radius) + 4px);
    }
    &[data-swipe-direction="right"] {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    &[data-swipe-direction="up"] {
      border-bottom-right-radius: calc(var(--radius) + 4px);
      border-bottom-left-radius: calc(var(--radius) + 4px);
    }
    &[data-swipe-direction="up"] {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .sa-drawer-handle {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 4);
    display: none;
    height: calc(var(--spacing) * 1);
    width: 100px;
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background-color: var(--muted);
  }
  .sa-drawer-swipe-handle {
    &:is(:where(.group\/drawer-popup)[data-swipe-axis="x"] *) {
      height: 100%;
    }
    &:is(:where(.group\/drawer-popup)[data-swipe-axis="x"] *) {
      width: calc(var(--spacing) * 3);
    }
    &:is(:where(.group\/drawer-popup)[data-swipe-axis="x"] *) {
      align-items: center;
    }
    &:is(:where(.group\/drawer-popup)[data-swipe-axis="y"] *) {
      height: calc(var(--spacing) * 3);
    }
    &:is(:where(.group\/drawer-popup)[data-swipe-axis="y"] *) {
      width: 100%;
    }
    &:is(:where(.group\/drawer-popup)[data-swipe-axis="y"] *) {
      justify-content: center;
    }
    &:is(:where(.group\/drawer-popup)[data-swipe-direction="down"] *) {
      align-items: flex-end;
    }
    &:is(:where(.group\/drawer-popup)[data-swipe-direction="left"] *) {
      justify-content: flex-start;
    }
    &:is(:where(.group\/drawer-popup)[data-swipe-direction="right"] *) {
      justify-content: flex-end;
    }
    &:is(:where(.group\/drawer-popup)[data-swipe-direction="up"] *) {
      align-items: flex-start;
    }
    &::after {
      content: var(--tw-content);
      display: block;
    }
    &::after {
      content: var(--tw-content);
      flex-shrink: 0;
    }
    &::after {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
    &::after {
      content: var(--tw-content);
      background-color: var(--muted);
    }
    &:is(:where(.group\/drawer-popup)[data-swipe-axis="x"] *) {
      &::after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 24);
      }
    }
    &:is(:where(.group\/drawer-popup)[data-swipe-axis="x"] *) {
      &::after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 1);
      }
    }
    &:is(:where(.group\/drawer-popup)[data-swipe-axis="y"] *) {
      &::after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 1);
      }
    }
    &:is(:where(.group\/drawer-popup)[data-swipe-axis="y"] *) {
      &::after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 24);
      }
    }
  }
  .sa-drawer-header {
    gap: calc(var(--spacing) * 0.5);
    padding: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 0.5);
    }
    @media (width >= 48rem) {
      text-align: left;
    }
  }
  .sa-drawer-header-base {
    gap: calc(var(--spacing) * 0.5);
    padding: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 0);
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 0.5);
    }
    @media (width >= 48rem) {
      text-align: left;
    }
  }
  .sa-drawer-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }
  .sa-drawer-description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }
  .sa-drawer-footer {
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 4);
  }
  .sa-drawer-footer-base {
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 0);
  }
  .sa-dropdown-menu-content {
    min-width: calc(var(--spacing) * 32);
    border-radius: var(--radius);
    background-color: var(--popover);
    padding: calc(var(--spacing) * 1);
    color: var(--popover-foreground);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    --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: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: 100ms;
    transition-duration: 100ms;
    &[data-side="bottom"] {
      --tw-enter-translate-y: calc(2*var(--spacing)*-1);
    }
    &[data-side="left"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
    &[data-side="right"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
    &[data-side="top"] {
      --tw-enter-translate-y: calc(2*var(--spacing));
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-scale: calc(95*1%);
      --tw-enter-scale: .95;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-scale: calc(95*1%);
      --tw-exit-scale: .95;
    }
  }
  .sa-dropdown-menu-content-logical {
    &[data-side="inline-end"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
    &[data-side="inline-start"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
  }
  .sa-dropdown-menu-item {
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:focus {
      background-color: var(--accent);
    }
    &:focus {
      color: var(--accent-foreground);
    }
    &:not(*[data-variant="destructive"]) {
      &:focus {
        :is(& *) {
          color: var(--accent-foreground);
        }
      }
    }
    &[data-inset] {
      padding-left: calc(var(--spacing) * 7);
    }
    &[data-variant="destructive"] {
      color: var(--destructive);
    }
    &[data-variant="destructive"] {
      &:focus {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
        }
      }
    }
    &[data-variant="destructive"] {
      &:focus {
        color: var(--destructive);
      }
    }
    &:is(.dark *) {
      &[data-variant="destructive"] {
        &:focus {
          background-color: var(--destructive);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
          }
        }
      }
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
    &[data-variant="destructive"] {
      :is(& > *) {
        &:is(svg) {
          color: var(--destructive);
        }
      }
    }
  }
  .sa-dropdown-menu-checkbox-item {
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    padding-block: calc(var(--spacing) * 1);
    padding-right: calc(var(--spacing) * 8);
    padding-left: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:focus {
      background-color: var(--accent);
    }
    &:focus {
      color: var(--accent-foreground);
    }
    &:focus {
      :is(& *) {
        color: var(--accent-foreground);
      }
    }
    &[data-inset] {
      padding-left: calc(var(--spacing) * 7);
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-dropdown-menu-radio-item {
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    padding-block: calc(var(--spacing) * 1);
    padding-right: calc(var(--spacing) * 8);
    padding-left: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:focus {
      background-color: var(--accent);
    }
    &:focus {
      color: var(--accent-foreground);
    }
    &:focus {
      :is(& *) {
        color: var(--accent-foreground);
      }
    }
    &[data-inset] {
      padding-left: calc(var(--spacing) * 7);
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-dropdown-menu-item-indicator {
    position: absolute;
    right: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sa-dropdown-menu-label {
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
    &[data-inset] {
      padding-left: calc(var(--spacing) * 7);
    }
  }
  .sa-dropdown-menu-separator {
    margin-inline: calc(var(--spacing) * -1);
    margin-block: calc(var(--spacing) * 1);
    height: 1px;
    background-color: var(--border);
  }
  .sa-dropdown-menu-shortcut {
    margin-left: auto;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--muted-foreground);
    &:is(:where(.group\/dropdown-menu-item):focus *) {
      color: var(--accent-foreground);
    }
  }
  .sa-dropdown-menu-sub-trigger {
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:focus {
      background-color: var(--accent);
    }
    &:focus {
      color: var(--accent-foreground);
    }
    &:not(*[data-variant="destructive"]) {
      &:focus {
        :is(& *) {
          color: var(--accent-foreground);
        }
      }
    }
    &[data-inset] {
      padding-left: calc(var(--spacing) * 7);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      background-color: var(--accent);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      color: var(--accent-foreground);
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-dropdown-menu-sub-content {
    min-width: 96px;
    border-radius: var(--radius);
    background-color: var(--popover);
    padding: calc(var(--spacing) * 1);
    color: var(--popover-foreground);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    --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: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: 100ms;
    transition-duration: 100ms;
    &[data-side="bottom"] {
      --tw-enter-translate-y: calc(2*var(--spacing)*-1);
    }
    &[data-side="left"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
    &[data-side="right"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
    &[data-side="top"] {
      --tw-enter-translate-y: calc(2*var(--spacing));
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-scale: calc(95*1%);
      --tw-enter-scale: .95;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-scale: calc(95*1%);
      --tw-exit-scale: .95;
    }
  }
  .sa-dropdown-menu-subcontent {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .sa-empty {
    gap: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) + 4px);
    --tw-border-style: dashed;
    border-style: dashed;
    padding: calc(var(--spacing) * 6);
  }
  .sa-empty-header {
    gap: calc(var(--spacing) * 2);
  }
  .sa-empty-media {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .sa-empty-media-default {
    background-color: transparent;
  }
  .sa-empty-media-icon {
    display: flex;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
    background-color: var(--muted);
    color: var(--foreground);
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-empty-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .sa-empty-description {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
  }
  .sa-empty-content {
    gap: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .sa-field-set {
    gap: calc(var(--spacing) * 4);
    &:has(>[data-slot=checkbox-group]) {
      gap: calc(var(--spacing) * 3);
    }
    &:has(>[data-slot=radio-group]) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .sa-field-legend {
    margin-bottom: calc(var(--spacing) * 1.5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    &[data-variant="label"] {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    &[data-variant="legend"] {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .sa-field-group {
    gap: calc(var(--spacing) * 5);
    &[data-slot="checkbox-group"] {
      gap: calc(var(--spacing) * 3);
    }
    :is(& > *) {
      &[data-slot="field-group"] {
        gap: calc(var(--spacing) * 4);
      }
    }
    &[data-slot="radio-group"] {
      gap: calc(var(--spacing) * 3);
    }
  }
  .sa-field {
    gap: calc(var(--spacing) * 2);
    &[data-invalid="true"] {
      color: var(--destructive);
    }
  }
  .sa-field-content {
    gap: calc(var(--spacing) * 0.5);
  }
  .sa-field-label {
    gap: calc(var(--spacing) * 2);
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    &:is(:where(.group\/field)[data-disabled="true"] *) {
      opacity: 50%;
    }
    &:has(*:where([data-state="checked"]), *:where([data-checked]:not([data-checked="false"]))) {
      border-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--primary) 30%, transparent);
      }
    }
    &:has(*:where([data-state="checked"]), *:where([data-checked]:not([data-checked="false"]))) {
      background-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--primary) 5%, transparent);
      }
    }
    &:has(>[data-slot=field]) {
      border-radius: var(--radius);
    }
    &:has(>[data-slot=field]) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
    :is(& > *) {
      &[data-slot="field"] {
        padding: calc(var(--spacing) * 2.5);
      }
    }
    &:is(.dark *) {
      &:has(*:where([data-state="checked"]), *:where([data-checked]:not([data-checked="false"]))) {
        border-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--primary) 20%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &:has(*:where([data-state="checked"]), *:where([data-checked]:not([data-checked="false"]))) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
      }
    }
  }
  .sa-field-title {
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    &:is(:where(.group\/field)[data-disabled="true"] *) {
      opacity: 50%;
    }
  }
  .sa-field-description {
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
    [data-variant=legend]+& {
      margin-top: calc(var(--spacing) * -1.5);
    }
  }
  .sa-field-separator {
    margin-block: calc(var(--spacing) * -2);
    height: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:is(:where(.group\/field-group)[data-variant="outline"] *) {
      margin-bottom: calc(var(--spacing) * -2);
    }
  }
  .sa-field-separator-content {
    padding-inline: calc(var(--spacing) * 2);
    color: var(--muted-foreground);
  }
  .sa-field-error {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--destructive);
  }
  .sa-hover-card-content {
    width: calc(var(--spacing) * 64);
    border-radius: var(--radius);
    background-color: var(--popover);
    padding: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    --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: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: 100ms;
    transition-duration: 100ms;
    &[data-side="bottom"] {
      --tw-enter-translate-y: calc(2*var(--spacing)*-1);
    }
    &[data-side="left"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
    &[data-side="right"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
    &[data-side="top"] {
      --tw-enter-translate-y: calc(2*var(--spacing));
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-scale: calc(95*1%);
      --tw-enter-scale: .95;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-scale: calc(95*1%);
      --tw-exit-scale: .95;
    }
  }
  .sa-hover-card-content-logical {
    &[data-side="inline-end"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
    &[data-side="inline-start"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
  }
  .sa-input {
    height: calc(var(--spacing) * 8);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &::file-selector-button {
      height: calc(var(--spacing) * 6);
    }
    &::file-selector-button {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    &::file-selector-button {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
    &:focus-visible {
      border-color: var(--ring);
    }
    &: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);
    }
    &:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
    &:disabled {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
    &[aria-invalid="true"] {
      border-color: var(--destructive);
    }
    &[aria-invalid="true"] {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    @media (width >= 48rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    &:is(.dark *) {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
    &:is(.dark *) {
      &:disabled {
        background-color: var(--input);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--input) 80%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &[aria-invalid="true"] {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
    &.input-validation-error {
      border-color: var(--destructive);
    }
    &.input-validation-error {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:is(.dark *) {
      &.input-validation-error {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &.input-validation-error {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .sa-input-otp {
    gap: calc(var(--spacing) * 2);
  }
  .sa-input-otp-group {
    border-radius: var(--radius);
    &:has(*[aria-invalid="true"]) {
      border-color: var(--destructive);
    }
    &:has(*[aria-invalid="true"]) {
      --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);
    }
    &:has(*[aria-invalid="true"]) {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:is(.dark *) {
      &:has(*[aria-invalid="true"]) {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .sa-input-otp-slot {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--input);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    outline-style: none;
    &:first-child {
      border-top-left-radius: var(--radius);
      border-bottom-left-radius: var(--radius);
    }
    &:first-child {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    &:last-child {
      border-top-right-radius: var(--radius);
      border-bottom-right-radius: var(--radius);
    }
    &[aria-invalid="true"] {
      border-color: var(--destructive);
    }
    &[data-active="true"] {
      border-color: var(--ring);
    }
    &[data-active="true"] {
      --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);
    }
    &[data-active="true"] {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
    &[data-active="true"] {
      &[aria-invalid="true"] {
        border-color: var(--destructive);
      }
    }
    &[data-active="true"] {
      &[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
        }
      }
    }
    &:is(.dark *) {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
    &:is(.dark *) {
      &[data-active="true"] {
        &[aria-invalid="true"] {
          --tw-ring-color: var(--destructive);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
          }
        }
      }
    }
    &.input-validation-error {
      border-color: var(--destructive);
    }
  }
  .sa-input-otp-caret-line {
    height: calc(var(--spacing) * 4);
    width: 1px;
    animation: caret-blink 1.25s ease-out infinite;
    background-color: var(--foreground);
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
  .sa-input-otp-separator {
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-item {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted);
        }
      }
    }
  }
  .sa-item-variant-default {
    border-color: transparent;
  }
  .sa-item-variant-outline {
    border-color: var(--border);
  }
  .sa-item-variant-muted {
    border-color: transparent;
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }
  .sa-item-size-default {
    gap: calc(var(--spacing) * 2.5);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
  }
  .sa-item-size-sm {
    gap: calc(var(--spacing) * 2.5);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
  }
  .sa-item-size-xs {
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    :where(*[data-slot="dropdown-menu-content"]) & {
      padding: calc(var(--spacing) * 0);
    }
  }
  .sa-item-media {
    gap: calc(var(--spacing) * 2);
    &:is(:where(.group\/item):has(*[data-slot="item-description"]) *) {
      --tw-translate-y: calc(var(--spacing) * 0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    &:is(:where(.group\/item):has(*[data-slot="item-description"]) *) {
      align-self: flex-start;
    }
  }
  .sa-item-media-variant-default {
    background-color: transparent;
  }
  .sa-item-media-variant-icon {
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-item-media-variant-image {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    overflow: hidden;
    border-radius: calc(var(--radius) - 4px);
    &:is(:where(.group\/item)[data-size="sm"] *) {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
    &:is(:where(.group\/item)[data-size="xs"] *) {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
    & img {
      width: 100%;
      height: 100%;
    }
    & img {
      object-fit: cover;
    }
  }
  .sa-item-content {
    gap: calc(var(--spacing) * 1);
    &:is(:where(.group\/item)[data-size="xs"] *) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .sa-item-title {
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-underline-offset: 4px;
  }
  .sa-item-description {
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    color: var(--muted-foreground);
    &:is(:where(.group\/item)[data-size="xs"] *) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .sa-item-actions {
    gap: calc(var(--spacing) * 2);
  }
  .sa-item-header {
    gap: calc(var(--spacing) * 2);
  }
  .sa-item-footer {
    gap: calc(var(--spacing) * 2);
  }
  .sa-item-group {
    gap: calc(var(--spacing) * 4);
    &:has(*[data-size="sm"]) {
      gap: calc(var(--spacing) * 2.5);
    }
    &:has(*[data-size="xs"]) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .sa-item-separator {
    margin-block: calc(var(--spacing) * 2);
  }
  .sa-kbd {
    height: calc(var(--spacing) * 5);
    width: fit-content;
    min-width: calc(var(--spacing) * 5);
    gap: calc(var(--spacing) * 1);
    border-radius: calc(var(--radius) - 4px);
    background-color: var(--muted);
    padding-inline: calc(var(--spacing) * 1);
    font-family: var(--font-sans);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
    :where(*[data-slot="tooltip-content"]) & {
      background-color: var(--background);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--background) 20%, transparent);
      }
    }
    :where(*[data-slot="tooltip-content"]) & {
      color: var(--background);
    }
    &:is(.dark *) {
      :where(*[data-slot="tooltip-content"]) & {
        background-color: var(--background);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--background) 10%, transparent);
        }
      }
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  .sa-kbd-group {
    gap: calc(var(--spacing) * 1);
  }
  .sa-label {
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    &:is(:where(.group)[data-disabled="true"] *) {
      opacity: 50%;
    }
    &:is(:where(.peer):disabled ~ *) {
      opacity: 50%;
    }
  }
  .sa-menubar {
    height: calc(var(--spacing) * 8);
    gap: calc(var(--spacing) * 0.5);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: 3px;
  }
  .sa-menubar-trigger {
    border-radius: calc(var(--radius) - 4px);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: 2px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
      }
    }
    &[aria-expanded="true"] {
      background-color: var(--muted);
    }
  }
  .sa-menubar-content {
    min-width: calc(var(--spacing) * 36);
    border-radius: var(--radius);
    background-color: var(--popover);
    padding: calc(var(--spacing) * 1);
    color: var(--popover-foreground);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    --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: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: 100ms;
    transition-duration: 100ms;
    &[data-side="bottom"] {
      --tw-enter-translate-y: calc(2*var(--spacing)*-1);
    }
    &[data-side="left"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
    &[data-side="right"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
    &[data-side="top"] {
      --tw-enter-translate-y: calc(2*var(--spacing));
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-scale: calc(95*1%);
      --tw-enter-scale: .95;
    }
  }
  .sa-menubar-content-logical {
    &[data-side="inline-end"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
    &[data-side="inline-start"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
  }
  .sa-menubar-item {
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:focus {
      background-color: var(--accent);
    }
    &:focus {
      color: var(--accent-foreground);
    }
    &:not(*[data-variant="destructive"]) {
      &:focus {
        :is(& *) {
          color: var(--accent-foreground);
        }
      }
    }
    &[data-inset] {
      padding-left: calc(var(--spacing) * 7);
    }
    &[data-variant="destructive"] {
      color: var(--destructive);
    }
    &[data-variant="destructive"] {
      &:focus {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
        }
      }
    }
    &[data-variant="destructive"] {
      &:focus {
        color: var(--destructive);
      }
    }
    &:is(.dark *) {
      &[data-variant="destructive"] {
        &:focus {
          background-color: var(--destructive);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
          }
        }
      }
    }
    &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
      opacity: 50%;
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
    &[data-variant="destructive"] {
      :is(& > *) {
        &:is(svg) {
          color: var(--destructive) !important;
        }
      }
    }
  }
  .sa-menubar-checkbox-item {
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    padding-block: calc(var(--spacing) * 1);
    padding-right: calc(var(--spacing) * 1.5);
    padding-left: calc(var(--spacing) * 7);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:focus {
      background-color: var(--accent);
    }
    &:focus {
      color: var(--accent-foreground);
    }
    &:focus {
      :is(& *) {
        color: var(--accent-foreground);
      }
    }
    &[data-inset] {
      padding-left: calc(var(--spacing) * 7);
    }
  }
  .sa-menubar-checkbox-item-indicator {
    left: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-menubar-radio-item {
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    padding-block: calc(var(--spacing) * 1);
    padding-right: calc(var(--spacing) * 1.5);
    padding-left: calc(var(--spacing) * 7);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:focus {
      background-color: var(--accent);
    }
    &:focus {
      color: var(--accent-foreground);
    }
    &:focus {
      :is(& *) {
        color: var(--accent-foreground);
      }
    }
    &[data-inset] {
      padding-left: calc(var(--spacing) * 7);
    }
    &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
      opacity: 50%;
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-menubar-radio-item-indicator {
    left: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-menubar-label {
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    &[data-inset] {
      padding-left: calc(var(--spacing) * 7);
    }
  }
  .sa-menubar-separator {
    background-color: var(--border);
  }
  .sa-menubar-shortcut {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--muted-foreground);
    &:is(:where(.group\/menubar-item):focus *) {
      color: var(--accent-foreground);
    }
  }
  .sa-menubar-sub-trigger {
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:focus {
      background-color: var(--accent);
    }
    &:focus {
      color: var(--accent-foreground);
    }
    &[data-inset] {
      padding-left: calc(var(--spacing) * 7);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      background-color: var(--accent);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      color: var(--accent-foreground);
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-menubar-sub-content {
    min-width: calc(var(--spacing) * 32);
    border-radius: var(--radius);
    background-color: var(--popover);
    padding: calc(var(--spacing) * 1);
    color: var(--popover-foreground);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    --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: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: 100ms;
    transition-duration: 100ms;
    &[data-side="bottom"] {
      --tw-enter-translate-y: calc(2*var(--spacing)*-1);
    }
    &[data-side="left"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
    &[data-side="right"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
    &[data-side="top"] {
      --tw-enter-translate-y: calc(2*var(--spacing));
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-scale: calc(95*1%);
      --tw-enter-scale: .95;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-scale: calc(95*1%);
      --tw-exit-scale: .95;
    }
  }
  .sa-navigation-menu {
    max-width: max-content;
  }
  .sa-navigation-menu-list {
    gap: calc(var(--spacing) * 0);
  }
  .sa-navigation-menu-trigger {
    border-radius: var(--radius);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
      }
    }
    &:focus {
      background-color: var(--muted);
    }
    &: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);
    }
    &:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
    &:disabled {
      opacity: 50%;
    }
    &[data-popup-open] {
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
    &[data-popup-open] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted);
        }
      }
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted);
        }
      }
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      &:focus {
        background-color: var(--muted);
      }
    }
  }
  .sa-navigation-menu-link {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius);
    padding: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    outline-style: none;
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
      }
    }
    &:focus {
      background-color: var(--muted);
    }
    &: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);
    }
    &:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
    :where(*[data-slot="navigation-menu-content"]) & {
      border-radius: calc(var(--radius) - 2px);
    }
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted);
        }
      }
    }
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      &:focus {
        background-color: var(--muted);
      }
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-navigation-menu-trigger-icon {
    position: relative;
    top: 1px;
    margin-left: calc(var(--spacing) * 1);
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:is(:where(.group\/navigation-menu-trigger)[data-popup-open] *) {
      rotate: 180deg;
    }
    &:is(:is(:where(.group\/navigation-menu-trigger):where([data-state="open"]), :where(.group\/navigation-menu-trigger):where([data-open]:not([data-open="false"]))) *) {
      rotate: 180deg;
    }
  }
  .sa-navigation-menu-content {
    padding: calc(var(--spacing) * 1);
    --tw-ease: cubic-bezier(0.22,1,0.36,1);
    transition-timing-function: cubic-bezier(0.22,1,0.36,1);
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      border-radius: var(--radius);
    }
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      background-color: var(--popover);
    }
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      color: var(--popover-foreground);
    }
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      --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);
    }
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      --tw-ring-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
      }
    }
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
    &[data-motion="from-end"] {
      --tw-enter-translate-x: calc(52*var(--spacing));
    }
    &[data-motion="from-start"] {
      --tw-enter-translate-x: calc(52*var(--spacing)*-1);
    }
    &[data-motion="to-end"] {
      --tw-exit-translate-x: calc(52*var(--spacing));
    }
    &[data-motion="to-start"] {
      --tw-exit-translate-x: calc(52*var(--spacing)*-1);
    }
    &[data-motion^="from-"] {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &[data-motion^="from-"] {
      --tw-enter-opacity: 0;
    }
    &[data-motion^="to-"] {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &[data-motion^="to-"] {
      --tw-exit-opacity: 0;
    }
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
        animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
      }
    }
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
        --tw-enter-opacity: calc(0/100);
        --tw-enter-opacity: 0;
      }
    }
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
        --tw-enter-scale: calc(95*1%);
        --tw-enter-scale: .95;
      }
    }
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
        animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
      }
    }
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
        --tw-exit-opacity: calc(0/100);
        --tw-exit-opacity: 0;
      }
    }
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
        --tw-exit-scale: calc(95*1%);
        --tw-exit-scale: .95;
      }
    }
  }
  .sa-navigation-menu-viewport {
    border-radius: var(--radius);
    background-color: var(--popover);
    color: var(--popover-foreground);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    --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: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: 100ms;
    transition-duration: 100ms;
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-scale: calc(90*1%);
      --tw-enter-scale: .9;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-scale: calc(90*1%);
      --tw-exit-scale: .9;
    }
  }
  .sa-navigation-menu-indicator {
    &[data-state="hidden"] {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &[data-state="hidden"] {
      --tw-exit-opacity: 0;
    }
    &[data-state="visible"] {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &[data-state="visible"] {
      --tw-enter-opacity: 0;
    }
  }
  .sa-navigation-menu-indicator-arrow {
    border-top-left-radius: calc(var(--radius) - 4px);
    background-color: var(--border);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .sa-navigation-menu-positioner {
    transition-property: top,left,right,bottom;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: cubic-bezier(0.22,1,0.36,1);
    transition-timing-function: cubic-bezier(0.22,1,0.36,1);
    &[data-side="bottom"] {
      &::before {
        content: var(--tw-content);
        top: -10px;
      }
    }
    &[data-side="bottom"] {
      &::before {
        content: var(--tw-content);
        right: calc(var(--spacing) * 0);
      }
    }
    &[data-side="bottom"] {
      &::before {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0);
      }
    }
  }
  .sa-navigation-menu-popup {
    border-radius: var(--radius);
    background-color: var(--popover);
    color: var(--popover-foreground);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    --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: color-mix(in oklab, var(--foreground) 10%, transparent);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-ease: cubic-bezier(0.22,1,0.36,1);
    transition-timing-function: cubic-bezier(0.22,1,0.36,1);
    --tw-outline-style: none;
    outline-style: none;
    &[data-ending-style] {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    &[data-ending-style] {
      opacity: 0%;
    }
    &[data-ending-style] {
      --tw-duration: 150ms;
      transition-duration: 150ms;
    }
    &[data-starting-style] {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    &[data-starting-style] {
      opacity: 0%;
    }
  }
  .sa-native-select {
    height: calc(var(--spacing) * 8);
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    appearance: none;
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    background-color: transparent;
    padding-block: calc(var(--spacing) * 1);
    padding-right: calc(var(--spacing) * 8);
    padding-left: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    & *::selection {
      background-color: var(--primary);
    }
    &::selection {
      background-color: var(--primary);
    }
    & *::selection {
      color: var(--primary-foreground);
    }
    &::selection {
      color: var(--primary-foreground);
    }
    &::placeholder {
      color: var(--muted-foreground);
    }
    &:focus-visible {
      border-color: var(--ring);
    }
    &: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);
    }
    &:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
    &[aria-invalid="true"] {
      border-color: var(--destructive);
    }
    &[aria-invalid="true"] {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &[data-size="sm"] {
      height: calc(var(--spacing) * 7);
    }
    &[data-size="sm"] {
      border-radius: min(var(--radius-md), 10px);
    }
    &[data-size="sm"] {
      padding-block: calc(var(--spacing) * 0.5);
    }
    &:is(.dark *) {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--input);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--input) 50%, transparent);
          }
        }
      }
    }
    &:is(.dark *) {
      &[aria-invalid="true"] {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
    &.input-validation-error {
      border-color: var(--destructive);
    }
    &.input-validation-error {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:is(.dark *) {
      &.input-validation-error {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &.input-validation-error {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .sa-native-select-icon {
    top: calc(1 / 2 * 100%);
    right: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: var(--muted-foreground);
  }
  .sa-pagination-content {
    gap: calc(var(--spacing) * 0.5);
  }
  .sa-pagination-ellipsis {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-pagination-previous {
    padding-left: calc(var(--spacing) * 1.5) !important;
  }
  .sa-pagination-next {
    padding-right: calc(var(--spacing) * 1.5) !important;
  }
  .sa-popover-content {
    gap: calc(var(--spacing) * 2.5);
    border-radius: var(--radius);
    background-color: var(--popover);
    padding: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    --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: color-mix(in oklab, var(--foreground) 10%, transparent);
  }
  .sa-popover-content-logical {
    &[data-side="inline-end"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
    &[data-side="inline-start"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
  }
  .sa-popover-header {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .sa-popover-title {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .sa-popover-description {
    color: var(--muted-foreground);
  }
  .sa-progress {
    height: calc(var(--spacing) * 1);
    border-radius: calc(infinity * 1px);
    background-color: var(--muted);
  }
  .sa-progress-track {
    height: calc(var(--spacing) * 1);
    border-radius: calc(infinity * 1px);
    background-color: var(--muted);
  }
  .sa-progress-indicator {
    background-color: var(--primary);
  }
  .sa-progress-label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .sa-progress-value {
    margin-left: auto;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-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,);
  }
  .sa-radio-group {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .sa-radio-group-item {
    display: flex;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    border-radius: calc(infinity * 1px);
    border-color: var(--input);
    &:checked {
      border-color: var(--primary);
    }
    &:checked {
      background-color: var(--primary);
    }
    &:checked {
      color: var(--primary-foreground);
    }
    &:focus-visible {
      border-color: var(--ring);
    }
    &: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);
    }
    &:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
    &[aria-invalid="true"] {
      border-color: var(--destructive);
    }
    &[aria-invalid="true"] {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &[aria-invalid="true"] {
      &[aria-checked="true"] {
        border-color: var(--primary);
      }
    }
    &:is(.dark *) {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
    &:is(.dark *) {
      &:checked {
        background-color: var(--primary);
      }
    }
    &:is(.dark *) {
      &[aria-invalid="true"] {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
    &.input-validation-error {
      border-color: var(--destructive);
    }
    &.input-validation-error {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &.input-validation-error {
      &[aria-checked="true"] {
        border-color: var(--primary);
      }
    }
    &:is(.dark *) {
      &.input-validation-error {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &.input-validation-error {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .sa-radio-group-indicator {
    display: flex;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    align-items: center;
    justify-content: center;
  }
  .sa-radio-group-indicator-icon {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(1 / 2 * 100%);
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    background-color: var(--primary-foreground);
  }
  .sa-resizable-handle-icon {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 1);
    border-radius: var(--radius);
    background-color: var(--border);
  }
  .sa-scroll-area-scrollbar {
    &:where([data-orientation="horizontal"]) {
      height: calc(var(--spacing) * 2.5);
    }
    &:where([data-orientation="horizontal"]) {
      flex-direction: column;
    }
    &:where([data-orientation="horizontal"]) {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
    &:where([data-orientation="horizontal"]) {
      border-top-color: transparent;
    }
    &:where([data-orientation="vertical"]) {
      height: 100%;
    }
    &:where([data-orientation="vertical"]) {
      width: calc(var(--spacing) * 2.5);
    }
    &:where([data-orientation="vertical"]) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    &:where([data-orientation="vertical"]) {
      border-left-color: transparent;
    }
  }
  .sa-scroll-area-thumb {
    border-radius: calc(infinity * 1px);
  }
  .sa-select-trigger {
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    background-color: transparent;
    padding-block: calc(var(--spacing) * 2);
    padding-right: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    &:focus-visible {
      border-color: var(--ring);
    }
    &: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);
    }
    &:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
    &[aria-invalid="true"] {
      border-color: var(--destructive);
    }
    &[aria-invalid="true"] {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &[data-placeholder] {
      color: var(--muted-foreground);
    }
    &[data-size="default"] {
      height: calc(var(--spacing) * 8);
    }
    &[data-size="sm"] {
      height: calc(var(--spacing) * 7);
    }
    &[data-size="sm"] {
      border-radius: min(var(--radius-md), 10px);
    }
    :is(& > *) {
      &[data-slot="select-value"] {
        display: flex;
      }
    }
    :is(& > *) {
      &[data-slot="select-value"] {
        gap: calc(var(--spacing) * 1.5);
      }
    }
    &:is(.dark *) {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--input);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--input) 50%, transparent);
          }
        }
      }
    }
    &:is(.dark *) {
      &[aria-invalid="true"] {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
    &.input-validation-error {
      border-color: var(--destructive);
    }
    &.input-validation-error {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:is(.dark *) {
      &.input-validation-error {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &.input-validation-error {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .sa-select-value {
    display: flex;
    flex: 1;
    text-align: left;
  }
  .sa-select-trigger-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: var(--muted-foreground);
  }
  .sa-select-content {
    min-width: calc(var(--spacing) * 36);
    border-radius: var(--radius);
    background-color: var(--popover);
    color: var(--popover-foreground);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    --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: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: 100ms;
    transition-duration: 100ms;
    &[data-side="bottom"] {
      --tw-enter-translate-y: calc(2*var(--spacing)*-1);
    }
    &[data-side="left"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
    &[data-side="right"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
    &[data-side="top"] {
      --tw-enter-translate-y: calc(2*var(--spacing));
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-scale: calc(95*1%);
      --tw-enter-scale: .95;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-scale: calc(95*1%);
      --tw-exit-scale: .95;
    }
  }
  .sa-select-content-logical {
    &[data-side="inline-end"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
    &[data-side="inline-start"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
  }
  .sa-select-label {
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--muted-foreground);
  }
  .sa-select-item {
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    padding-block: calc(var(--spacing) * 1);
    padding-right: calc(var(--spacing) * 8);
    padding-left: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:focus {
      background-color: var(--accent);
    }
    &:focus {
      color: var(--accent-foreground);
    }
    &:not(*[data-variant="destructive"]) {
      &:focus {
        :is(& *) {
          color: var(--accent-foreground);
        }
      }
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
    :is(& > *) {
      &:is(span) {
        &:last-child {
          display: flex;
        }
      }
    }
    :is(& > *) {
      &:is(span) {
        &:last-child {
          align-items: center;
        }
      }
    }
    :is(& > *) {
      &:is(span) {
        &:last-child {
          gap: calc(var(--spacing) * 2);
        }
      }
    }
  }
  .sa-select-item-indicator {
    pointer-events: none;
    position: absolute;
    right: calc(var(--spacing) * 2);
    display: flex;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    align-items: center;
    justify-content: center;
  }
  .sa-select-group {
    scroll-margin-block: calc(var(--spacing) * 1);
    padding: calc(var(--spacing) * 1);
  }
  .sa-select-item-text {
    display: flex;
    flex: 1;
    gap: calc(var(--spacing) * 2);
  }
  .sa-select-separator {
    margin-inline: calc(var(--spacing) * -1);
    margin-block: calc(var(--spacing) * 1);
    height: 1px;
    background-color: var(--border);
  }
  .sa-select-scroll-up-button {
    z-index: 10;
    display: flex;
    cursor: default;
    align-items: center;
    justify-content: center;
    background-color: var(--popover);
    padding-block: calc(var(--spacing) * 1);
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-select-scroll-down-button {
    z-index: 10;
    display: flex;
    cursor: default;
    align-items: center;
    justify-content: center;
    background-color: var(--popover);
    padding-block: calc(var(--spacing) * 1);
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-separator {
    flex-shrink: 0;
    background-color: var(--border);
  }
  .sa-separator-horizontal {
    height: 1px;
    width: 100%;
  }
  .sa-separator-vertical {
    height: 100%;
    width: 1px;
  }
  .sa-sheet-overlay {
    background-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
    @supports (backdrop-filter: var(--tw)) {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    }
  }
  .sa-sheet-content {
    position: fixed;
    gap: calc(var(--spacing) * 4);
    background-color: var(--popover);
    background-clip: padding-box;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    &[data-side="bottom"] {
      inset-inline: calc(var(--spacing) * 0);
    }
    &[data-side="bottom"] {
      bottom: calc(var(--spacing) * 0);
    }
    &[data-side="bottom"] {
      height: auto;
    }
    &[data-side="bottom"] {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
    &[data-side="left"] {
      inset-block: calc(var(--spacing) * 0);
    }
    &[data-side="left"] {
      left: calc(var(--spacing) * 0);
    }
    &[data-side="left"] {
      height: 100%;
    }
    &[data-side="left"] {
      width: calc(3 / 4 * 100%);
    }
    &[data-side="left"] {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
    &[data-side="right"] {
      inset-block: calc(var(--spacing) * 0);
    }
    &[data-side="right"] {
      right: calc(var(--spacing) * 0);
    }
    &[data-side="right"] {
      height: 100%;
    }
    &[data-side="right"] {
      width: calc(3 / 4 * 100%);
    }
    &[data-side="right"] {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    &[data-side="top"] {
      inset-inline: calc(var(--spacing) * 0);
    }
    &[data-side="top"] {
      top: calc(var(--spacing) * 0);
    }
    &[data-side="top"] {
      height: auto;
    }
    &[data-side="top"] {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
    &[data-side="left"] {
      @media (width >= 40rem) {
        max-width: var(--container-sm);
      }
    }
    &[data-side="right"] {
      @media (width >= 40rem) {
        max-width: var(--container-sm);
      }
    }
  }
  .sa-sheet-close {
    position: absolute;
    top: calc(var(--spacing) * 3);
    right: calc(var(--spacing) * 3);
  }
  .sa-sheet-header {
    gap: calc(var(--spacing) * 0.5);
    padding: calc(var(--spacing) * 4);
  }
  .sa-sheet-footer {
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 4);
  }
  .sa-sheet-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }
  .sa-sheet-description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }
  .sa-sidebar-gap {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .sa-sidebar-inner {
    background-color: var(--sidebar);
    &:is(:where(.group)[data-variant="floating"] *) {
      border-radius: var(--radius);
    }
    &:is(:where(.group)[data-variant="floating"] *) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:is(:where(.group)[data-variant="floating"] *) {
      --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);
    }
    &:is(:where(.group)[data-variant="floating"] *) {
      --tw-ring-color: var(--sidebar-border);
    }
  }
  .sa-sidebar-rail {
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-color: var(--sidebar-border);
        }
      }
    }
  }
  .sa-sidebar-inset {
    background-color: var(--background);
    @media (width >= 48rem) {
      &:is(:where(.peer)[data-variant="inset"] ~ *) {
        margin: calc(var(--spacing) * 2);
      }
    }
    @media (width >= 48rem) {
      &:is(:where(.peer)[data-variant="inset"] ~ *) {
        margin-left: calc(var(--spacing) * 0);
      }
    }
    @media (width >= 48rem) {
      &:is(:where(.peer)[data-variant="inset"] ~ *) {
        border-radius: calc(var(--radius) + 4px);
      }
    }
    @media (width >= 48rem) {
      &:is(:where(.peer)[data-variant="inset"] ~ *) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    @media (width >= 48rem) {
      &:is(:where(.peer)[data-variant="inset"] ~ *) {
        &:is(:where(.peer)[data-state="collapsed"] ~ *) {
          margin-left: calc(var(--spacing) * 2);
        }
      }
    }
  }
  .sa-sidebar-input {
    height: calc(var(--spacing) * 8);
    width: 100%;
    background-color: var(--background);
    --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);
  }
  .sa-sidebar-header {
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 2);
  }
  .sa-sidebar-content {
    -ms-overflow-style: none;
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
    gap: calc(var(--spacing) * 0);
  }
  .sa-sidebar-footer {
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 2);
  }
  .sa-sidebar-separator {
    margin-inline: calc(var(--spacing) * 2);
    background-color: var(--sidebar-border);
  }
  .sa-sidebar-group {
    padding: calc(var(--spacing) * 2);
  }
  .sa-sidebar-menu {
    gap: calc(var(--spacing) * 0);
  }
  .sa-sidebar-group-content {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .sa-sidebar-group-label {
    height: calc(var(--spacing) * 8);
    border-radius: calc(var(--radius) - 2px);
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--sidebar-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
    }
    --tw-ring-color: var(--sidebar-ring);
    transition-property: margin,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: linear;
    transition-timing-function: linear;
    &:is(:where(.group)[data-collapsible="icon"] *) {
      margin-top: calc(var(--spacing) * -8);
    }
    &:is(:where(.group)[data-collapsible="icon"] *) {
      opacity: 0%;
    }
    &: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);
    }
    &>svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-sidebar-group-action {
    position: absolute;
    top: calc(var(--spacing) * 3.5);
    right: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 5);
    border-radius: calc(var(--radius) - 2px);
    padding: calc(var(--spacing) * 0);
    color: var(--sidebar-foreground);
    --tw-ring-color: var(--sidebar-ring);
    &:hover {
      @media (hover: hover) {
        background-color: var(--sidebar-accent);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--sidebar-accent-foreground);
      }
    }
    &: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);
    }
    &>svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-sidebar-menu-button {
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius) - 2px);
    padding: calc(var(--spacing) * 2);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-ring-color: var(--sidebar-ring);
    transition-property: width,height,padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:is(:where(.group\/menu-item):has(*[data-sidebar="menu-action"]) *) {
      padding-right: calc(var(--spacing) * 8);
    }
    &:is(:where(.group)[data-collapsible="icon"] *) {
      width: calc(var(--spacing) * 8) !important;
      height: calc(var(--spacing) * 8) !important;
    }
    &:is(:where(.group)[data-collapsible="icon"] *) {
      padding: calc(var(--spacing) * 2) !important;
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--sidebar-accent);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--sidebar-accent-foreground);
      }
    }
    &: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);
    }
    &:active {
      background-color: var(--sidebar-accent);
    }
    &:active {
      color: var(--sidebar-accent-foreground);
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--sidebar-accent);
        }
      }
    }
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      &:hover {
        @media (hover: hover) {
          color: var(--sidebar-accent-foreground);
        }
      }
    }
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      background-color: var(--sidebar-accent);
    }
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      color: var(--sidebar-accent-foreground);
    }
  }
  .sa-sidebar-menu-button-variant-default {
    &:hover {
      @media (hover: hover) {
        background-color: var(--sidebar-accent);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--sidebar-accent-foreground);
      }
    }
  }
  .sa-sidebar-menu-button-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);
    &:hover {
      @media (hover: hover) {
        background-color: var(--sidebar-accent);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--sidebar-accent-foreground);
      }
    }
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .sa-sidebar-menu-button-size-default {
    height: calc(var(--spacing) * 8);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .sa-sidebar-menu-button-size-sm {
    height: calc(var(--spacing) * 7);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .sa-sidebar-menu-button-size-lg {
    height: calc(var(--spacing) * 12);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:is(:where(.group)[data-collapsible="icon"] *) {
      padding: calc(var(--spacing) * 0) !important;
    }
  }
  .sa-sidebar-menu-action {
    position: absolute;
    top: calc(var(--spacing) * 1.5);
    right: calc(var(--spacing) * 1);
    aspect-ratio: 1 / 1;
    width: calc(var(--spacing) * 5);
    border-radius: calc(var(--radius) - 2px);
    padding: calc(var(--spacing) * 0);
    color: var(--sidebar-foreground);
    --tw-ring-color: var(--sidebar-ring);
    &:is(:where(.peer\/menu-button):hover ~ *) {
      @media (hover: hover) {
        color: var(--sidebar-accent-foreground);
      }
    }
    &:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
      top: calc(var(--spacing) * 1.5);
    }
    &:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
      top: calc(var(--spacing) * 2.5);
    }
    &:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
      top: calc(var(--spacing) * 1);
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--sidebar-accent);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--sidebar-accent-foreground);
      }
    }
    &: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);
    }
    &>svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-sidebar-menu-badge {
    pointer-events: none;
    position: absolute;
    right: calc(var(--spacing) * 1);
    display: flex;
    height: calc(var(--spacing) * 5);
    min-width: calc(var(--spacing) * 5);
    border-radius: calc(var(--radius) - 2px);
    padding-inline: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--sidebar-foreground);
    &:is(:where(.peer\/menu-button):hover ~ *) {
      @media (hover: hover) {
        color: var(--sidebar-accent-foreground);
      }
    }
    &:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
      top: calc(var(--spacing) * 1.5);
    }
    &:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
      top: calc(var(--spacing) * 2.5);
    }
    &:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
      top: calc(var(--spacing) * 1);
    }
    &:is(:is(:where(.peer\/menu-button):where([data-state="active"]), :where(.peer\/menu-button):where([data-active]:not([data-active="false"]))) ~ *) {
      color: var(--sidebar-accent-foreground);
    }
  }
  .sa-sidebar-menu-skeleton {
    height: calc(var(--spacing) * 8);
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius) - 2px);
    padding-inline: calc(var(--spacing) * 2);
  }
  .sa-sidebar-menu-skeleton-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) - 2px);
  }
  .sa-sidebar-menu-skeleton-text {
    height: calc(var(--spacing) * 4);
  }
  .sa-sidebar-menu-sub {
    margin-inline: calc(var(--spacing) * 3.5);
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    gap: calc(var(--spacing) * 1);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--sidebar-border);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 0.5);
    &:is(:where(.group)[data-collapsible="icon"] *) {
      display: none;
    }
  }
  .sa-sidebar-menu-sub-button {
    height: calc(var(--spacing) * 7);
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius) - 2px);
    padding-inline: calc(var(--spacing) * 2);
    color: var(--sidebar-foreground);
    --tw-ring-color: var(--sidebar-ring);
    &:hover {
      @media (hover: hover) {
        background-color: var(--sidebar-accent);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--sidebar-accent-foreground);
      }
    }
    &: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);
    }
    &:active {
      background-color: var(--sidebar-accent);
    }
    &:active {
      color: var(--sidebar-accent-foreground);
    }
    &[data-size="md"] {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    &[data-size="sm"] {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      background-color: var(--sidebar-accent);
    }
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      color: var(--sidebar-accent-foreground);
    }
    &>svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
    &>svg {
      color: var(--sidebar-accent-foreground);
    }
  }
  .sa-skeleton {
    border-radius: calc(var(--radius) - 2px);
    background-color: var(--muted);
  }
  .sa-slider {
    &:where([data-orientation="vertical"]) {
      min-height: calc(var(--spacing) * 40);
    }
  }
  .sa-slider-track {
    border-radius: calc(infinity * 1px);
    background-color: var(--muted);
    &:where([data-orientation="horizontal"]) {
      height: calc(var(--spacing) * 1);
    }
    &:where([data-orientation="horizontal"]) {
      width: 100%;
    }
    &:where([data-orientation="vertical"]) {
      height: 100%;
    }
    &:where([data-orientation="vertical"]) {
      width: calc(var(--spacing) * 1);
    }
  }
  .sa-slider-range {
    background-color: var(--primary);
  }
  .sa-slider-thumb {
    position: relative;
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ring);
    background-color: var(--color-white);
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
    transition-property: color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * -2);
    }
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
    &: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);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
    &: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);
    }
  }
  .sa-toast {
    border-radius: calc(var(--radius) + 8px);
  }
  .sa-switch {
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-color: var(--input);
    &:is(:where(.group\/switch)[data-size="default"] *) {
      height: 18.4px;
    }
    &:is(:where(.group\/switch)[data-size="default"] *) {
      width: 32px;
    }
    &:is(:where(.group\/switch)[data-size="sm"] *) {
      height: 14px;
    }
    &:is(:where(.group\/switch)[data-size="sm"] *) {
      width: 24px;
    }
    &:checked {
      background-color: var(--primary);
    }
    &:focus-visible {
      border-color: var(--ring);
    }
    &: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);
    }
    &:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
    &[aria-invalid="true"] {
      border-color: var(--destructive);
    }
    &[aria-invalid="true"] {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:is(.dark *) {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 80%, transparent);
      }
    }
    &:is(.dark *) {
      &[aria-invalid="true"] {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
    &.input-validation-error {
      border-color: var(--destructive);
    }
    &.input-validation-error {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:is(.dark *) {
      &.input-validation-error {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &.input-validation-error {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .sa-switch-thumb {
    border-radius: calc(infinity * 1px);
    background-color: var(--background);
    &:is(:where(.group\/switch)[data-size="default"] *) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
    &:is(:where(.group\/switch)[data-size="default"] *) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    &:is(:where(.group\/switch)[data-size="sm"] *) {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
    &:is(:where(.group\/switch)[data-size="sm"] *) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    &:is(:where(.group\/switch)[data-size="default"] *) {
      &:is(:where(.peer):checked ~ *) {
        --tw-translate-x: calc(100% - 2px);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    &:is(:where(.group\/switch)[data-size="sm"] *) {
      &:is(:where(.peer):checked ~ *) {
        --tw-translate-x: calc(100% - 2px);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    &:is(.dark *) {
      background-color: var(--foreground);
    }
    &:is(.dark *) {
      &:is(:where(.peer):checked ~ *) {
        background-color: var(--primary-foreground);
      }
    }
  }
  .sa-table-container {
    position: relative;
    width: 100%;
    overflow-x: auto;
  }
  .sa-table {
    width: 100%;
    caption-side: bottom;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .sa-table-header {
    & tr {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .sa-table-body {
    & tr:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .sa-table-footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    &>tr {
      &:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
    }
  }
  .sa-table-row {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 50%, transparent);
        }
      }
    }
    &[data-state="selected"] {
      background-color: var(--muted);
    }
  }
  .sa-table-head {
    height: calc(var(--spacing) * 10);
    padding-inline: calc(var(--spacing) * 2);
    text-align: left;
    vertical-align: middle;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--foreground);
    &:has([role=checkbox]) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .sa-table-cell {
    padding: calc(var(--spacing) * 2);
    vertical-align: middle;
    white-space: nowrap;
    &:has([role=checkbox]) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .sa-table-caption {
    margin-top: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }
  .sa-tabs {
    gap: calc(var(--spacing) * 2);
  }
  .sa-tabs-list {
    border-radius: var(--radius);
    padding: 3px;
    &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
      height: calc(var(--spacing) * 8);
    }
    &[data-variant="line"] {
      border-radius: 0;
    }
  }
  .sa-tabs-trigger {
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    &:has(*[data-icon="inline-end"]) {
      padding-right: calc(var(--spacing) * 1);
    }
    &:has(*[data-icon="inline-start"]) {
      padding-left: calc(var(--spacing) * 1);
    }
    &:is(:where(.group\/tabs-list)[data-variant="default"] *) {
      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
        --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);
      }
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-tabs-content {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .sa-textarea {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:focus-visible {
      border-color: var(--ring);
    }
    &: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);
    }
    &:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
    &:disabled {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
    &[aria-invalid="true"] {
      border-color: var(--destructive);
    }
    &[aria-invalid="true"] {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    @media (width >= 48rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    &:is(.dark *) {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
    &:is(.dark *) {
      &:disabled {
        background-color: var(--input);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--input) 80%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &[aria-invalid="true"] {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
    &.input-validation-error {
      border-color: var(--destructive);
    }
    &.input-validation-error {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:is(.dark *) {
      &.input-validation-error {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &.input-validation-error {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .sa-toggle {
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
    &:has(*:is(.input-validation-error)) {
      border-color: var(--destructive);
    }
    &:has(*:is(.input-validation-error)) {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:has(*:is(:checked)) {
      background-color: var(--muted);
    }
    &:has(*:is(:focus-visible)) {
      border-color: var(--ring);
    }
    &:has(*:is(:focus-visible)) {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
    &:has(*:is([aria-invalid])) {
      border-color: var(--destructive);
    }
    &:has(*:is([aria-invalid])) {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:is(.dark *) {
      &:has(*:is(.input-validation-error)) {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &:has(*:is([aria-invalid])) {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-toggle-variant-default {
    background-color: transparent;
  }
  .sa-toggle-variant-outline {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    background-color: transparent;
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
      }
    }
  }
  .sa-toggle-size-default {
    height: calc(var(--spacing) * 8);
    min-width: calc(var(--spacing) * 8);
    padding-inline: calc(var(--spacing) * 2.5);
    &:has(*[data-icon="inline-end"]) {
      padding-right: calc(var(--spacing) * 2);
    }
    &:has(*[data-icon="inline-start"]) {
      padding-left: calc(var(--spacing) * 2);
    }
  }
  .sa-toggle-size-sm {
    height: calc(var(--spacing) * 7);
    min-width: calc(var(--spacing) * 7);
    border-radius: min(var(--radius-md), 12px);
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: 0.8rem;
    &:has(*[data-icon="inline-end"]) {
      padding-right: calc(var(--spacing) * 1.5);
    }
    &:has(*[data-icon="inline-start"]) {
      padding-left: calc(var(--spacing) * 1.5);
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }
  }
  .sa-toggle-size-lg {
    height: calc(var(--spacing) * 9);
    min-width: calc(var(--spacing) * 9);
    padding-inline: calc(var(--spacing) * 2.5);
    &:has(*[data-icon="inline-end"]) {
      padding-right: calc(var(--spacing) * 2);
    }
    &:has(*[data-icon="inline-start"]) {
      padding-left: calc(var(--spacing) * 2);
    }
  }
  .sa-toggle-group {
    border-radius: var(--radius);
    &[data-size="sm"] {
      border-radius: min(var(--radius-md), 10px);
    }
  }
  .sa-toggle-group-item {
    &:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
      border-radius: 0;
    }
    &:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
      padding-inline: calc(var(--spacing) * 2);
    }
    &:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
      &:has(*[data-icon="inline-end"]) {
        padding-right: calc(var(--spacing) * 1.5);
      }
    }
    &:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
      &:has(*[data-icon="inline-start"]) {
        padding-left: calc(var(--spacing) * 1.5);
      }
    }
    &:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *) {
      &[data-spacing="0"] {
        &:first-child {
          border-top-left-radius: var(--radius);
          border-bottom-left-radius: var(--radius);
        }
      }
    }
    &:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *) {
      &[data-spacing="0"] {
        &:first-child {
          border-top-left-radius: var(--radius);
          border-top-right-radius: var(--radius);
        }
      }
    }
    &:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *) {
      &[data-spacing="0"] {
        &:last-child {
          border-top-right-radius: var(--radius);
          border-bottom-right-radius: var(--radius);
        }
      }
    }
    &:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *) {
      &[data-spacing="0"] {
        &:last-child {
          border-bottom-right-radius: var(--radius);
          border-bottom-left-radius: var(--radius);
        }
      }
    }
  }
  .sa-tooltip-content {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    &:has(*[data-slot="kbd"]) {
      padding-right: calc(var(--spacing) * 1.5);
    }
    :is(& *) {
      &[data-slot="kbd"] {
        position: relative;
      }
    }
    :is(& *) {
      &[data-slot="kbd"] {
        isolation: isolate;
      }
    }
    :is(& *) {
      &[data-slot="kbd"] {
        z-index: 50;
      }
    }
    :is(& *) {
      &[data-slot="kbd"] {
        border-radius: calc(var(--radius) - 4px);
      }
    }
  }
  .sa-tooltip-content-logical {
    &[data-side="inline-end"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
    &[data-side="inline-start"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
  }
  .sa-tooltip-arrow {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: 45deg;
    border-radius: 2px;
  }
  .sa-tooltip-arrow-logical {
    &[data-side="inline-end"] {
      top: calc(1 / 2 * 100%) !important;
    }
    &[data-side="inline-end"] {
      left: calc(var(--spacing) * -1);
    }
    &[data-side="inline-end"] {
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    &[data-side="inline-start"] {
      top: calc(1 / 2 * 100%) !important;
    }
    &[data-side="inline-start"] {
      right: calc(var(--spacing) * -1);
    }
    &[data-side="inline-start"] {
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .sa-input-group {
    height: calc(var(--spacing) * 8);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--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, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    :where(*[data-slot="combobox-content"]) & {
      &:focus-within {
        border-color: inherit;
      }
    }
    :where(*[data-slot="combobox-content"]) & {
      &:focus-within {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    &:has(*:disabled) {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
    &:has(*:disabled) {
      opacity: 50%;
    }
    &:has(*:is([data-slot=input-group-control]:focus-visible)) {
      border-color: var(--ring);
    }
    &:has(*:is([data-slot=input-group-control]: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);
    }
    &:has(*:is([data-slot=input-group-control]:focus-visible)) {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
    &:has(*:is([data-slot][aria-invalid=true])) {
      border-color: var(--destructive);
    }
    &:has(*:is([data-slot][aria-invalid=true])) {
      --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);
    }
    &:has(*:is([data-slot][aria-invalid=true])) {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:has(>[data-align=block-end]) {
      height: auto;
    }
    &:has(>[data-align=block-end]) {
      flex-direction: column;
    }
    &:has(>[data-align=block-start]) {
      height: auto;
    }
    &:has(>[data-align=block-start]) {
      flex-direction: column;
    }
    &:is(.dark *) {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
    &:is(.dark *) {
      &:has(*:disabled) {
        background-color: var(--input);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--input) 80%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &:has(*:is([data-slot][aria-invalid=true])) {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
    &:has(>[data-align=block-end]) {
      &>input {
        padding-top: calc(var(--spacing) * 3);
      }
    }
    &:has(>[data-align=block-start]) {
      &>input {
        padding-bottom: calc(var(--spacing) * 3);
      }
    }
    &:has(>[data-align=inline-end]) {
      &>input {
        padding-right: calc(var(--spacing) * 1.5);
      }
    }
    &:has(>[data-align=inline-start]) {
      &>input {
        padding-left: calc(var(--spacing) * 1.5);
      }
    }
  }
  .sa-input-group-addon {
    height: auto;
    gap: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
    &:is(:where(.group\/input-group)[data-disabled="true"] *) {
      opacity: 50%;
    }
    &>kbd {
      border-radius: calc(var(--radius) - 5px);
    }
    &>svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-input-group-addon-align-inline-start {
    padding-left: calc(var(--spacing) * 2);
    &:has(>button) {
      margin-left: -0.3rem;
    }
    &:has(>kbd) {
      margin-left: -0.15rem;
    }
  }
  .sa-input-group-addon-align-inline-end {
    padding-right: calc(var(--spacing) * 2);
    &:has(>button) {
      margin-right: -0.3rem;
    }
    &:has(>kbd) {
      margin-right: -0.15rem;
    }
  }
  .sa-input-group-addon-align-block-start {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-top: calc(var(--spacing) * 2);
    &:is(:where(.group\/input-group):has(>input) *) {
      padding-top: calc(var(--spacing) * 2);
    }
    &:is(.border-b) {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }
  .sa-input-group-addon-align-block-end {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-bottom: calc(var(--spacing) * 2);
    &:is(:where(.group\/input-group):has(>input) *) {
      padding-bottom: calc(var(--spacing) * 2);
    }
    &:is(.border-t) {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  .sa-input-group-button {
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .sa-input-group-button-size-xs {
    height: calc(var(--spacing) * 6);
    gap: calc(var(--spacing) * 1);
    border-radius: calc(var(--radius) - 3px);
    padding-inline: calc(var(--spacing) * 1.5);
    &>svg:not([class*='size-']) {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }
  }
  .sa-input-group-button-size-icon-xs {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    border-radius: calc(var(--radius) - 3px);
    padding: calc(var(--spacing) * 0);
    &:has(>svg) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .sa-input-group-button-size-icon-sm {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    padding: calc(var(--spacing) * 0);
    &:has(>svg) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .sa-input-group-text {
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-input-group-input {
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    --tw-shadow: 0 0 #0000;
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
    }
    &:disabled {
      background-color: transparent;
    }
    &[aria-invalid="true"] {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
    }
    &:is(.dark *) {
      background-color: transparent;
    }
    &:is(.dark *) {
      &:disabled {
        background-color: transparent;
      }
    }
    &.input-validation-error {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
    }
  }
  .sa-input-group-textarea {
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-block: calc(var(--spacing) * 2);
    --tw-shadow: 0 0 #0000;
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
    }
    &:disabled {
      background-color: transparent;
    }
    &[aria-invalid="true"] {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
    }
    &:is(.dark *) {
      background-color: transparent;
    }
    &:is(.dark *) {
      &:disabled {
        background-color: transparent;
      }
    }
    &.input-validation-error {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
    }
  }
  .sa-menu-translucent {
    position: relative;
    animation: none !important;
    background-color: var(--popover);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--popover) 70%, transparent);
    }
    &::before {
      content: var(--tw-content);
      pointer-events: none;
    }
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
    &::before {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
    &::before {
      content: var(--tw-content);
      z-index: calc(1 * -1);
    }
    &::before {
      content: var(--tw-content);
      border-radius: inherit;
    }
    &::before {
      content: var(--tw-content);
      --tw-backdrop-blur: blur(var(--blur-2xl));
      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    }
    &::before {
      content: var(--tw-content);
      --tw-backdrop-saturate: saturate(150%);
      -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,);
    }
    :is(& *) {
      &[data-slot$="-item"] {
        &:focus {
          background-color: var(--foreground);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
          }
        }
      }
    }
    :is(& *) {
      &[data-slot$="-item"] {
        &[data-highlighted] {
          background-color: var(--foreground);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
          }
        }
      }
    }
    :is(& *) {
      &[data-slot$="-separator"] {
        background-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
        }
      }
    }
    :is(& *) {
      &[data-slot$="-trigger"] {
        &:focus {
          background-color: var(--foreground);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
          }
        }
      }
    }
    :is(& *) {
      &[data-slot$="-trigger"] {
        &[aria-expanded="true"] {
          background-color: var(--foreground) !important;
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--foreground) 10%, transparent) !important;
          }
        }
      }
    }
    :is(& *) {
      &[data-variant="destructive"] {
        :is(& *) {
          color: var(--accent-foreground) !important;
        }
      }
    }
    :is(& *) {
      &[data-variant="destructive"] {
        color: var(--accent-foreground) !important;
      }
    }
    :is(& *) {
      &[data-variant="destructive"] {
        &:focus {
          background-color: var(--foreground) !important;
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--foreground) 10%, transparent) !important;
          }
        }
      }
    }
  }
  .sa-bubble {
    max-width: 80%;
    gap: calc(var(--spacing) * 1);
    &:is(:where(.group\/message)[data-align="end"] *) {
      align-self: flex-end;
    }
    &[data-align="end"] {
      align-self: flex-end;
    }
    &[data-variant="ghost"] {
      max-width: 100%;
    }
  }
  .sa-bubble-content {
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    &:is(:where(.group\/bubble)[data-align="end"] *) {
      align-self: flex-end;
    }
    &:is(button,a) {
      --tw-outline-style: none;
      outline-style: none;
    }
    &:is(button,a) {
      &:focus-visible {
        border-color: var(--ring);
      }
    }
    &:is(button,a) {
      &: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);
      }
    }
    &:is(button,a) {
      &:focus-visible {
        --tw-ring-color: var(--ring);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
        }
      }
    }
  }
  .sa-bubble-variant-default {
    :is(& > *) {
      &[data-slot="bubble-content"] {
        background-color: var(--primary);
      }
    }
    :is(& > *) {
      &[data-slot="bubble-content"] {
        color: var(--primary-foreground);
      }
    }
    &>[data-slot=bubble-content]:is(button,a):hover {
      background-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }
  }
  .sa-bubble-variant-secondary {
    :is(& > *) {
      &[data-slot="bubble-content"] {
        background-color: var(--secondary);
      }
    }
    :is(& > *) {
      &[data-slot="bubble-content"] {
        color: var(--secondary-foreground);
      }
    }
    &>[data-slot=bubble-content]:is(button,a):hover {
      background-color: var(--secondary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
      }
    }
  }
  .sa-bubble-variant-muted {
    :is(& > *) {
      &[data-slot="bubble-content"] {
        background-color: var(--muted);
      }
    }
    &>[data-slot=bubble-content]:is(button,a):hover {
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklch,var(--muted),var(--foreground) 5%);
      }
    }
  }
  .sa-bubble-variant-tinted {
    :is(& > *) {
      &[data-slot="bubble-content"] {
        background-color: oklch(from var(--primary) 0.93 calc(c * 0.4) h);
      }
    }
    :is(& > *) {
      &[data-slot="bubble-content"] {
        color: var(--foreground);
      }
    }
    &:is(.dark *) {
      :is(& > *) {
        &[data-slot="bubble-content"] {
          background-color: oklch(from var(--primary) 0.3 calc(c * 0.4) h);
        }
      }
    }
    &>[data-slot=bubble-content]:is(button,a):hover {
      background-color: oklch(from var(--primary) 0.88 calc(c * 0.5) h);
    }
    &:is(.dark *) {
      &>[data-slot=bubble-content]:is(button,a):hover {
        background-color: oklch(from var(--primary) 0.35 calc(c * 0.5) h);
      }
    }
  }
  .sa-bubble-variant-outline {
    :is(& > *) {
      &[data-slot="bubble-content"] {
        border-color: var(--border);
      }
    }
    :is(& > *) {
      &[data-slot="bubble-content"] {
        background-color: var(--background);
      }
    }
    &>[data-slot=bubble-content]:is(button,a):hover {
      background-color: var(--muted);
    }
    &>[data-slot=bubble-content]:is(button,a):hover {
      color: var(--foreground);
    }
    &:is(.dark *) {
      &>[data-slot=bubble-content]:is(button,a):hover {
        background-color: var(--input);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--input) 30%, transparent);
        }
      }
    }
  }
  .sa-bubble-variant-ghost {
    --tw-border-style: none;
    border-style: none;
    :is(& > *) {
      &[data-slot="bubble-content"] {
        border-radius: 0;
      }
    }
    :is(& > *) {
      &[data-slot="bubble-content"] {
        background-color: transparent;
      }
    }
    :is(& > *) {
      &[data-slot="bubble-content"] {
        padding: calc(var(--spacing) * 0);
      }
    }
    &>[data-slot=bubble-content]:is(button,a):hover {
      background-color: var(--muted);
    }
    &>[data-slot=bubble-content]:is(button,a):hover {
      color: var(--foreground);
    }
    &:is(.dark *) {
      &>[data-slot=bubble-content]:is(button,a):hover {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 50%, transparent);
        }
      }
    }
  }
  .sa-bubble-variant-destructive {
    :is(& > *) {
      &[data-slot="bubble-content"] {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
        }
      }
    }
    :is(& > *) {
      &[data-slot="bubble-content"] {
        color: var(--destructive);
      }
    }
    &:is(.dark *) {
      :is(& > *) {
        &[data-slot="bubble-content"] {
          background-color: var(--destructive);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
          }
        }
      }
    }
    &>[data-slot=bubble-content]:is(button,a):hover {
      background-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &:is(.dark *) {
      &>[data-slot=bubble-content]:is(button,a):hover {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
        }
      }
    }
  }
  .sa-bubble-reactions {
    flex-shrink: 0;
    gap: calc(var(--spacing) * 1);
    border-radius: calc(infinity * 1px);
    background-color: var(--muted);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --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(--card);
    &:has(*:is(button)) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .sa-bubble-reactions-side-top {
    top: calc(var(--spacing) * 0);
    --tw-translate-y: calc(calc(3 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .sa-bubble-reactions-side-bottom {
    bottom: calc(var(--spacing) * 0);
    --tw-translate-y: calc(3 / 4 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .sa-bubble-reactions-align-start {
    left: calc(var(--spacing) * 3);
  }
  .sa-bubble-reactions-align-end {
    right: calc(var(--spacing) * 3);
  }
  .sa-bubble-group {
    gap: calc(var(--spacing) * 2);
  }
  .sa-attachment {
    width: fit-content;
    border-radius: calc(var(--radius) + 4px);
    &:focus-within {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus-within {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
  }
  .sa-attachment-orientation-horizontal {
    min-width: calc(var(--spacing) * 40);
  }
  .sa-attachment-orientation-vertical {
    width: calc(var(--spacing) * 24);
    &:has(*[data-slot="attachment-content"]) {
      width: calc(var(--spacing) * 30);
    }
  }
  .sa-attachment-size-default {
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:has(*[data-slot="attachment-content"]) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
    &:has(*[data-slot="attachment-content"]) {
      padding-block: calc(var(--spacing) * 2);
    }
    &:has(*[data-slot="attachment-media"]) {
      padding: calc(var(--spacing) * 2);
    }
  }
  .sa-attachment-size-sm {
    gap: calc(var(--spacing) * 2.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    &:has(*[data-slot="attachment-content"]) {
      padding-inline: calc(var(--spacing) * 2);
    }
    &:has(*[data-slot="attachment-content"]) {
      padding-block: calc(var(--spacing) * 1.5);
    }
    &:has(*[data-slot="attachment-media"]) {
      padding: calc(var(--spacing) * 1.5);
    }
  }
  .sa-attachment-size-xs {
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    &:has(*[data-slot="attachment-content"]) {
      padding-inline: calc(var(--spacing) * 1.5);
    }
    &:has(*[data-slot="attachment-content"]) {
      padding-block: calc(var(--spacing) * 1);
    }
    &:has(*[data-slot="attachment-media"]) {
      padding: calc(var(--spacing) * 1);
    }
  }
  .sa-attachment-media {
    width: calc(var(--spacing) * 10);
    border-radius: var(--radius);
    background-color: var(--muted);
    color: var(--foreground);
    &:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
      width: 100%;
    }
    &:is(:where(.group\/attachment)[data-size="sm"] *) {
      width: calc(var(--spacing) * 8);
    }
    &:is(:where(.group\/attachment)[data-size="xs"] *) {
      width: calc(var(--spacing) * 7);
    }
    &:is(:where(.group\/attachment)[data-size="xs"] *) {
      border-radius: calc(var(--radius) - 2px);
    }
    &:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
      :is(& > *) {
        &[data-slot="spinner"] {
          width: calc(var(--spacing) * 6) !important;
          height: calc(var(--spacing) * 6) !important;
        }
      }
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
    &:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
      & svg:not([class*='size-']) {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6);
      }
    }
    &:is(:where(.group\/attachment)[data-size="xs"] *) {
      & svg:not([class*='size-']) {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
      }
    }
  }
  .sa-attachment-media-variant-image {
    opacity: 60%;
    &:is(:where(.group\/attachment)[data-state="done"] *) {
      opacity: 100%;
    }
    &:is(:where(.group\/attachment)[data-state="idle"] *) {
      opacity: 100%;
    }
  }
  .sa-attachment-content {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    &:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
      padding-inline: calc(var(--spacing) * 1);
    }
  }
  .sa-attachment-title {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .sa-attachment-description {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .sa-attachment-actions {
    position: relative;
    z-index: 20;
    &:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
      position: absolute;
    }
    &:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
      top: calc(var(--spacing) * 3);
    }
    &:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
      right: calc(var(--spacing) * 3);
    }
    &:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
      gap: calc(var(--spacing) * 1);
    }
  }
  .sa-attachment-group {
    scroll-padding-inline: calc(var(--spacing) * 1);
    gap: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
  }
  .sa-attachment-trigger {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 10;
    --tw-outline-style: none;
    outline-style: none;
  }
  .sa-marker {
    min-height: calc(var(--spacing) * 4);
    gap: calc(var(--spacing) * 2);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
    &:is(a) {
      text-decoration-line: underline;
    }
    &:is(a) {
      text-underline-offset: 3px;
    }
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          color: var(--foreground);
        }
      }
    }
  }
  .sa-marker-variant-separator {
    &::before {
      content: var(--tw-content);
      margin-right: calc(var(--spacing) * 1);
    }
    &::before {
      content: var(--tw-content);
      height: 1px;
    }
    &::before {
      content: var(--tw-content);
      min-width: calc(var(--spacing) * 0);
    }
    &::before {
      content: var(--tw-content);
      flex: 1;
    }
    &::before {
      content: var(--tw-content);
      background-color: var(--border);
    }
    &::after {
      content: var(--tw-content);
      margin-left: calc(var(--spacing) * 1);
    }
    &::after {
      content: var(--tw-content);
      height: 1px;
    }
    &::after {
      content: var(--tw-content);
      min-width: calc(var(--spacing) * 0);
    }
    &::after {
      content: var(--tw-content);
      flex: 1;
    }
    &::after {
      content: var(--tw-content);
      background-color: var(--border);
    }
  }
  .sa-marker-variant-border {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding-bottom: calc(var(--spacing) * 2);
  }
  .sa-marker-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sa-marker-content {
    &:is(:where(.group\/marker)[data-variant="separator"] *) {
      flex: none;
    }
    &:is(:where(.group\/marker)[data-variant="separator"] *) {
      text-align: center;
    }
    :is(& > *) {
      &:is(a) {
        text-decoration-line: underline;
      }
    }
    :is(& > *) {
      &:is(a) {
        text-underline-offset: 3px;
      }
    }
    :is(& > *) {
      &:is(a) {
        &:hover {
          @media (hover: hover) {
            color: var(--foreground);
          }
        }
      }
    }
  }
  .sa-message-scroller-content {
    gap: calc(var(--spacing) * 6);
  }
  .sa-message {
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .sa-message-avatar {
    min-width: calc(var(--spacing) * 8);
    &:is(:where(.group\/message):has(*[data-slot="message-footer"]) *) {
      --tw-translate-y: calc(var(--spacing) * -8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .sa-message-content {
    gap: calc(var(--spacing) * 2.5);
    &:is(:where(.group\/message)[data-align="end"] *) {
      :is(& > *) {
        &[data-slot] {
          align-self: flex-end;
        }
      }
    }
  }
  .sa-message-header {
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
    &:is(:where(.group\/message):has(*[data-variant="ghost"]) *) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .sa-message-footer {
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
    &:is(:where(.group\/message):has(*[data-variant="ghost"]) *) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .sa-message-group {
    gap: calc(var(--spacing) * 2);
  }
  .sa-radiobutton {
    display: flex;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    border-radius: calc(infinity * 1px);
    border-color: var(--input);
    &:checked {
      border-color: var(--primary);
    }
    &:checked {
      background-color: var(--primary);
    }
    &:checked {
      color: var(--primary-foreground);
    }
    &:focus-visible {
      border-color: var(--ring);
    }
    &: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);
    }
    &:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
    &[aria-invalid="true"] {
      border-color: var(--destructive);
    }
    &[aria-invalid="true"] {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &[aria-invalid="true"] {
      &[aria-checked="true"] {
        border-color: var(--primary);
      }
    }
    &:is(.dark *) {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
    &:is(.dark *) {
      &:checked {
        background-color: var(--primary);
      }
    }
    &:is(.dark *) {
      &[aria-invalid="true"] {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
    &.input-validation-error {
      border-color: var(--destructive);
    }
    &.input-validation-error {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    &.input-validation-error {
      &[aria-checked="true"] {
        border-color: var(--primary);
      }
    }
    &:is(.dark *) {
      &.input-validation-error {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
    &:is(.dark *) {
      &.input-validation-error {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .sa-radiobutton-indicator {
    display: flex;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    align-items: center;
    justify-content: center;
  }
  .sa-radiobutton-indicator-icon {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(1 / 2 * 100%);
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    background-color: var(--primary-foreground);
  }
  .sa-menu-accent-bold {
    --accent-foreground: var(--primary-foreground);
    --accent: var(--primary);
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  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: 0px;
}
@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-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@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-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-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity,1);
    transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
    filter: blur(var(--tw-enter-blur,0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity,1);
    transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
    filter: blur(var(--tw-exit-blur,0));
  }
}
@keyframes accordion-down {
  from {
    height: 0;
  }
  to {
    height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))));
  }
}
@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))));
  }
  to {
    height: 0;
  }
}
@keyframes caret-blink {
  0%,70%,100% {
    opacity: 1;
  }
  20%,50% {
    opacity: 0;
  }
}
@keyframes accordion-down {
  from {
    height: 0;
  }
  to {
    height: var(--radix-accordion-content-height, var(--accordion-panel-height, auto));
  }
}
@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height, var(--accordion-panel-height, auto));
  }
  to {
    height: 0;
  }
}
@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-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
      --tw-border-style: solid;
      --tw-duration: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-content: "";
      --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-space-x-reverse: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-font-weight: initial;
      --tw-ease: initial;
      --tw-leading: initial;
      --tw-tracking: initial;
      --tw-outline-style: solid;
      --tw-space-y-reverse: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}