/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: var(--font-sans);
    --font-mono: var(--font-mono);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --radius-xs: var(--radius-xs);
    --radius-sm: var(--radius-sm);
    --radius-md: var(--radius-md);
    --radius-lg: var(--radius-lg);
    --radius-xl: var(--radius-xl);
    --radius-2xl: var(--radius-2xl);
    --radius-3xl: var(--radius-3xl);
    --radius-4xl: var(--radius-4xl);
    --shadow-md: 0 4px 8px -2px var(--shadow-color);
    --inset-shadow-sm: inset 0 2px 8px var(--shadow-color);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --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);
    --radius: var(--radius);
    --color-border-intense: var(--border-intense);
    --radius-4xs: var(--radius-4xs);
    --radius-3xs: var(--radius-3xs);
    --radius-2xs: var(--radius-2xs);
    --opacity-disabled: var(--opacity-disabled);
  }
}
@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, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    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:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    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 {
  .\@container {
    container-type: inline-size;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .inset-0 {
    inset: 0px;
  }
  .inset-x-0 {
    inset-inline: 0px;
  }
  .inset-y-0 {
    inset-block: 0px;
  }
  .inset-s-0 {
    inset-inline-start: 0px;
  }
  .inset-e-0 {
    inset-inline-end: 0px;
  }
  .inset-e-3 {
    inset-inline-end: calc(var(--spacing) * 3);
  }
  .top-0 {
    top: 0px;
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-px {
    top: 1px;
  }
  .right-0 {
    right: 0px;
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-px {
    bottom: 1px;
  }
  .left-0 {
    left: 0px;
  }
  .isolate {
    isolation: isolate;
  }
  .-z-10 {
    z-index: calc(10 * -1);
  }
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-10 {
    z-index: 10;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .m-0\.5 {
    margin: calc(var(--spacing) * 0.5);
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }
  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .-ms-0\.5 {
    margin-inline-start: calc(var(--spacing) * -0.5);
  }
  .-ms-1 {
    margin-inline-start: calc(var(--spacing) * -1);
  }
  .-ms-4 {
    margin-inline-start: calc(var(--spacing) * -4);
  }
  .ms-3 {
    margin-inline-start: calc(var(--spacing) * 3);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .-me-0\.5 {
    margin-inline-end: calc(var(--spacing) * -0.5);
  }
  .-me-1 {
    margin-inline-end: calc(var(--spacing) * -1);
  }
  .me-0\.5 {
    margin-inline-end: calc(var(--spacing) * 0.5);
  }
  .me-3 {
    margin-inline-end: calc(var(--spacing) * 3);
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .-mb-3\.5 {
    margin-bottom: calc(var(--spacing) * -3.5);
  }
  .-mb-5 {
    margin-bottom: calc(var(--spacing) * -5);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .size-\(--cell-size\) {
    width: var(--cell-size);
    height: var(--cell-size);
  }
  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-\[0\.5em\] {
    width: 0.5em;
    height: 0.5em;
  }
  .size-\[1\.125em\] {
    width: 1.125em;
    height: 1.125em;
  }
  .size-\[1\.778em\] {
    width: 1.778em;
    height: 1.778em;
  }
  .size-\[1em\] {
    width: 1em;
    height: 1em;
  }
  .size-\[30\%\] {
    width: 30%;
    height: 30%;
  }
  .size-\[66\%\] {
    width: 66%;
    height: 66%;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .\[height\:var\(--drawer-height\,auto\)\] {
    height: var(--drawer-height,auto);
  }
  .h-\(--accordion-panel-height\) {
    height: var(--accordion-panel-height);
  }
  .h-\(--collapsible-panel-height\) {
    height: var(--collapsible-panel-height);
  }
  .h-\(--popup-height\) {
    height: var(--popup-height);
  }
  .h-\(--positioner-height\) {
    height: var(--positioner-height);
  }
  .h-\(--textarea-h\) {
    height: var(--textarea-h);
  }
  .h-1 {
    height: var(--spacing);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-\[0\.2em\]\! {
    height: 0.2em !important;
  }
  .h-\[0\.35em\]\! {
    height: 0.35em !important;
  }
  .h-\[1em\] {
    height: 1em;
  }
  .h-\[calc\(100dvh-1\.5rem-var\(--snap-offset\,0\)\)\] {
    height: calc(100dvh - 1.5rem - var(--snap-offset,0));
  }
  .h-\[calc\(100dvh-1rem\)\] {
    height: calc(100dvh - 1rem);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-lh {
    height: 1lh;
  }
  .h-px {
    height: 1px;
  }
  .max-h-\(--available-height\) {
    max-height: var(--available-height);
  }
  .max-h-full {
    max-height: 100%;
  }
  .min-h-0 {
    min-height: 0px;
  }
  .min-h-2 {
    min-height: calc(var(--spacing) * 2);
  }
  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }
  .w-\(--active-tab-width\) {
    width: var(--active-tab-width);
  }
  .w-\(--anchor-width\) {
    width: var(--anchor-width);
  }
  .w-\(--popup-width\) {
    width: var(--popup-width);
  }
  .w-\(--positioner-width\) {
    width: var(--positioner-width);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-90 {
    width: calc(var(--spacing) * 90);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-100 {
    width: calc(var(--spacing) * 100);
  }
  .w-150 {
    width: calc(var(--spacing) * 150);
  }
  .w-\[0\.8em\]\! {
    width: 0.8em !important;
  }
  .w-\[1\.4em\]\! {
    width: 1.4em !important;
  }
  .w-\[calc\(100\%-var\(--border-width\)\*2\)\] {
    width: calc(100% - var(--border-width) * 2);
  }
  .w-\[calc\(var\(--anchor-width\)\+1rem\)\] {
    width: calc(var(--anchor-width) + 1rem);
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .max-w-\(--available-width\) {
    max-width: var(--available-width);
  }
  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }
  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-none {
    max-width: none;
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-2 {
    min-width: calc(var(--spacing) * 2);
  }
  .min-w-3\.5 {
    min-width: calc(var(--spacing) * 3.5);
  }
  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }
  .min-w-15 {
    min-width: calc(var(--spacing) * 15);
  }
  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }
  .min-w-50 {
    min-width: calc(var(--spacing) * 50);
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .caption-bottom {
    caption-side: bottom;
  }
  .caption-top {
    caption-side: top;
  }
  .border-separate {
    border-collapse: separate;
  }
  .border-spacing-0 {
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .origin-\(--transform-origin\) {
    transform-origin: var(--transform-origin);
  }
  .origin-bottom {
    transform-origin: bottom;
  }
  .origin-center {
    transform-origin: center;
  }
  .origin-left {
    transform-origin: 0;
  }
  .origin-right {
    transform-origin: 100%;
  }
  .origin-top {
    transform-origin: top;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[calc\(-50\%-2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .\[transform\:translateX\(calc\(var\(--drawer-swipe-movement-x\)\+var\(--stack-offset\)\)\)_scale\(var\(--stack-scale\)\)\] {
    transform: translateX(calc(var(--drawer-swipe-movement-x) + var(--stack-offset))) scale(var(--stack-scale));
  }
  .\[transform\:translateX\(calc\(var\(--drawer-swipe-movement-x\)-var\(--stack-offset\)\)\)_scale\(var\(--stack-scale\)\)\] {
    transform: translateX(calc(var(--drawer-swipe-movement-x) - var(--stack-offset))) scale(var(--stack-scale));
  }
  .\[transform\:translateY\(calc\(var\(--drawer-snap-point-offset\,0px\)\+var\(--drawer-swipe-movement-y\)\)\)\] {
    transform: translateY(calc(var(--drawer-snap-point-offset,0px) + var(--drawer-swipe-movement-y)));
  }
  .\[transform\:translateY\(calc\(var\(--drawer-swipe-movement-y\)\+var\(--stack-offset\)\)\)_scale\(var\(--stack-scale\)\)\] {
    transform: translateY(calc(var(--drawer-swipe-movement-y) + var(--stack-offset))) scale(var(--stack-scale));
  }
  .\[transform\:translateY\(calc\(var\(--drawer-swipe-movement-y\)-var\(--stack-offset\)\)\)_scale\(var\(--stack-scale\)\)\] {
    transform: translateY(calc(var(--drawer-swipe-movement-y) - var(--stack-offset))) scale(var(--stack-scale));
  }
  .transform-gpu {
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-\[toast-progress_linear_forwards\] {
    animation: toast-progress linear forwards;
  }
  .animate-ping-paced {
    animation: ping-paced 2.5s cubic-bezier(0, 0, 0.2, 1) infinite;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .touch-pan-x {
    --tw-pan-x: pan-x;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .touch-pinch-zoom {
    --tw-pinch-zoom: pinch-zoom;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .touch-none {
    touch-action: none;
  }
  .resize-none {
    resize: none;
  }
  .resize-y {
    resize: vertical;
  }
  .scrollbar-none {
    scrollbar-width: none;
  }
  .\[grid-template-columns\:auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
  }
  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
  }
  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-\[3\%\] {
    gap: 3%;
  }
  :where(.-space-y-\(--border-width\) > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--border-width) * -1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--border-width) * -1) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-\(--border-width\) > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--border-width) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--border-width) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-\[-0\.2em\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(-0.2em * var(--tw-space-y-reverse));
    margin-block-end: calc(-0.2em * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-0 {
    column-gap: 0px;
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  :where(.-space-x-\(--border-width\) > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--border-width) * -1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--border-width) * -1) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-\(--border-width\) > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(var(--border-width) * var(--tw-space-x-reverse));
    margin-inline-end: calc(var(--border-width) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-\[-0\.2em\] > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(-0.2em * var(--tw-space-x-reverse));
    margin-inline-end: calc(-0.2em * calc(1 - var(--tw-space-x-reverse)));
  }
  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .self-center {
    align-self: center;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-2xs {
    border-radius: var(--radius-2xs);
  }
  .rounded-3xs {
    border-radius: var(--radius-3xs);
  }
  .rounded-4xs {
    border-radius: var(--radius-4xs);
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[calc\(tan\(atan2\(var\(--radius-3xs\)\,1rem\)\)\*100\%\)\] {
    border-radius: calc(tan(atan2(var(--radius-3xs), 1rem)) * 100%);
  }
  .rounded-\[calc\(tan\(atan2\(var\(--radius-md\)\,2\.5rem\)\)\*100\%\)\] {
    border-radius: calc(tan(atan2(var(--radius-md), 2.5rem)) * 100%);
  }
  .rounded-\[calc\(tan\(atan2\(var\(--radius-sm\)\,2rem\)\)\*100\%\)\] {
    border-radius: calc(tan(atan2(var(--radius-sm), 2rem)) * 100%);
  }
  .rounded-\[calc\(var\(--radius-2xl\)\*5\/6\)\] {
    border-radius: calc(var(--radius-2xl) * 5 / 6);
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .rounded-t-\[min\(var\(--radius-3xs\)\,35\%\)\] {
    border-top-left-radius: min(var(--radius-3xs), 35%);
    border-top-right-radius: min(var(--radius-3xs), 35%);
  }
  .rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .rounded-b-\[inherit\] {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
  }
  .rounded-b-\[min\(var\(--radius-3xs\)\,35\%\)\] {
    border-bottom-right-radius: min(var(--radius-3xs), 35%);
    border-bottom-left-radius: min(var(--radius-3xs), 35%);
  }
  .rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: var(--border-width);
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: var(--border-width);
  }
  .border-border {
    border-color: var(--border);
  }
  .border-border-muted {
    border-color: var(--border-muted);
  }
  .border-border-overlay {
    border-color: var(--border-overlay);
  }
  .border-border-strong {
    border-color: var(--border-strong);
  }
  .border-error-soft {
    border-color: var(--error-soft);
  }
  .border-info-soft {
    border-color: var(--info-soft);
  }
  .border-primary {
    border-color: var(--primary);
  }
  .border-primary-soft {
    border-color: var(--primary-soft);
  }
  .border-secondary-soft {
    border-color: var(--secondary-soft);
  }
  .border-success-soft {
    border-color: var(--success-soft);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-warning-soft {
    border-color: var(--warning-soft);
  }
  .border-white\/15 {
    border-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .bg-\(--progress-color\) {
    background-color: var(--progress-color);
  }
  .bg-\(--sparkline-color\) {
    background-color: var(--sparkline-color);
  }
  .bg-background {
    background-color: var(--background);
  }
  .bg-background-inverse {
    background-color: var(--background-inverse);
  }
  .bg-background-muted {
    background-color: var(--background-muted);
  }
  .bg-background-strong {
    background-color: var(--background-strong);
  }
  .bg-background-subtle {
    background-color: var(--background-subtle);
  }
  .bg-black\/30 {
    background-color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }
  .bg-border {
    background-color: var(--border);
  }
  .bg-border-strong {
    background-color: var(--border-strong);
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-current\/10 {
    background-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, currentcolor 10%, transparent);
    }
  }
  .bg-error {
    background-color: var(--error);
  }
  .bg-error-muted {
    background-color: var(--error-muted);
  }
  .bg-error-subtle {
    background-color: var(--error-subtle);
  }
  .bg-foreground-intense {
    background-color: var(--foreground-intense);
  }
  .bg-info-muted {
    background-color: var(--info-muted);
  }
  .bg-info-subtle {
    background-color: var(--info-subtle);
  }
  .bg-primary {
    background-color: var(--primary);
  }
  .bg-primary-foreground {
    background-color: var(--primary-foreground);
  }
  .bg-primary-subtle {
    background-color: var(--primary-subtle);
  }
  .bg-secondary {
    background-color: var(--secondary);
  }
  .bg-secondary-muted {
    background-color: var(--secondary-muted);
  }
  .bg-secondary-subtle {
    background-color: var(--secondary-subtle);
  }
  .bg-success-muted {
    background-color: var(--success-muted);
  }
  .bg-success-subtle {
    background-color: var(--success-subtle);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-warning-muted {
    background-color: var(--warning-muted);
  }
  .bg-warning-subtle {
    background-color: var(--warning-subtle);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/10 {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-white\/25 {
    background-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .mask-intersect {
    mask-composite: intersect;
  }
  .mask-no-repeat {
    mask-repeat: no-repeat;
  }
  .fill-background-inverse {
    fill: var(--background-inverse);
  }
  .stroke-background-strong {
    stroke: var(--background-strong);
  }
  .stroke-border {
    stroke: var(--border);
  }
  .stroke-border-strong {
    stroke: var(--border-strong);
  }
  .stroke-primary {
    stroke: var(--primary);
  }
  .stroke-white {
    stroke: var(--color-white);
  }
  .stroke-white\/25 {
    stroke: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .stroke-2 {
    stroke-width: 2;
  }
  .stroke-4\! {
    stroke-width: 4 !important;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1 {
    padding: var(--spacing);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-px {
    padding: 1px;
  }
  .px-0 {
    padding-inline: 0px;
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-4\.5 {
    padding-inline: calc(var(--spacing) * 4.5);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-5\.5 {
    padding-inline: calc(var(--spacing) * 5.5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .ps-4\! {
    padding-inline-start: calc(var(--spacing) * 4) !important;
  }
  .pe-4\! {
    padding-inline-end: calc(var(--spacing) * 4) !important;
  }
  .pt-1 {
    padding-top: var(--spacing);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-4\! {
    padding-top: calc(var(--spacing) * 4) !important;
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-4\! {
    padding-bottom: calc(var(--spacing) * 4) !important;
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .text-center {
    text-align: center;
  }
  .text-start {
    text-align: start;
  }
  .align-middle {
    vertical-align: middle;
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-2xl {
    font-size: 1.5rem;
    line-height: var(--tw-leading, 1.875rem);
  }
  .text-base {
    font-size: 1rem;
    line-height: var(--tw-leading, 1.5rem);
  }
  .text-lg {
    font-size: 1.125rem;
    line-height: var(--tw-leading, 1.625rem);
  }
  .text-sm {
    font-size: 0.875rem;
    line-height: var(--tw-leading, 1.25rem);
  }
  .text-xl {
    font-size: 1.25rem;
    line-height: var(--tw-leading, 1.75rem);
  }
  .text-xs {
    font-size: 0.75rem;
    line-height: var(--tw-leading, 1rem);
  }
  .text-\[0\.4em\] {
    font-size: 0.4em;
  }
  .text-\[1\.5rem\] {
    font-size: 1.5rem;
  }
  .text-\[1\.25rem\] {
    font-size: 1.25rem;
  }
  .text-\[2\.5rem\] {
    font-size: 2.5rem;
  }
  .text-\[2rem\] {
    font-size: 2rem;
  }
  .text-\[3rem\] {
    font-size: 3rem;
  }
  .text-\[4rem\] {
    font-size: 4rem;
  }
  .text-\[5rem\] {
    font-size: 5rem;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .wrap-break-word {
    overflow-wrap: break-word;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .text-\(--pattern-color\) {
    color: var(--pattern-color);
  }
  .text-background {
    color: var(--background);
  }
  .text-border {
    color: var(--border);
  }
  .text-border-overlay {
    color: var(--border-overlay);
  }
  .text-border-strong {
    color: var(--border-strong);
  }
  .text-error-emphasis {
    color: var(--error-emphasis);
  }
  .text-error-foreground {
    color: var(--error-foreground);
  }
  .text-foreground {
    color: var(--foreground);
  }
  .text-foreground-emphasis {
    color: var(--foreground-emphasis);
  }
  .text-foreground-intense {
    color: var(--foreground-intense);
  }
  .text-foreground-inverse {
    color: var(--foreground-inverse);
  }
  .text-foreground-muted {
    color: var(--foreground-muted);
  }
  .text-foreground-strong {
    color: var(--foreground-strong);
  }
  .text-foreground-subtle {
    color: var(--foreground-subtle);
  }
  .text-info-foreground {
    color: var(--info-foreground);
  }
  .text-primary {
    color: var(--primary);
  }
  .text-primary-foreground {
    color: var(--primary-foreground);
  }
  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }
  .text-success-emphasis {
    color: var(--success-emphasis);
  }
  .text-success-foreground {
    color: var(--success-foreground);
  }
  .text-warning-foreground {
    color: var(--warning-foreground);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .caret-transparent {
    caret-color: transparent;
  }
  .opacity-\(--gradient-glow-opacity\) {
    opacity: var(--gradient-glow-opacity);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .opacity-\[calc\(1-var\(--drawer-swipe-progress\)\)\] {
    opacity: calc(1 - var(--drawer-swipe-progress));
  }
  .shadow-2xl {
    --tw-shadow: 0 24px 32px -12px var(--tw-shadow-color, var(--shadow-color));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xs {
    --tw-shadow: 0 1px var(--tw-shadow-color, var(--shadow-color));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[-24px_0_32px_-12px_var\(--shadow-color\)\] {
    --tw-shadow: -24px 0 32px -12px var(--tw-shadow-color, var(--shadow-color));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_-8px_16px_-4px_var\(--shadow-color\)\] {
    --tw-shadow: 0 -8px 16px -4px var(--tw-shadow-color, var(--shadow-color));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_-24px_32px_-12px_var\(--shadow-color\)\] {
    --tw-shadow: 0 -24px 32px -12px var(--tw-shadow-color, var(--shadow-color));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[24px_0_32px_-12px_var\(--shadow-color\)\] {
    --tw-shadow: 24px 0 32px -12px var(--tw-shadow-color, var(--shadow-color));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 8px 16px -4px var(--tw-shadow-color, var(--shadow-color));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 8px -2px var(--tw-shadow-color, var(--shadow-color));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 4px 0 var(--tw-shadow-color, var(--shadow-color));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-background {
    --tw-ring-color: var(--background);
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-offset-1 {
    outline-offset: 1px;
  }
  .outline-ring {
    outline-color: var(--focus-ring);
  }
  .outline-ring-error {
    outline-color: var(--focus-ring-error);
  }
  .outline-ring-input {
    outline-color: var(--focus-ring-input);
  }
  .outline-ring-light {
    outline-color: var(--focus-ring-light);
  }
  .outline-ring-primary {
    outline-color: var(--focus-ring-primary);
  }
  .outline-ring-secondary {
    outline-color: var(--focus-ring-secondary);
  }
  .backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--blur-lg));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -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,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,border-color\,box-shadow\] {
    transition-property: background-color,border-color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,color\] {
    transition-property: opacity,color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,filter\] {
    transition-property: opacity,filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,scale\] {
    transition-property: opacity,scale;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[stroke-dashoffset\] {
    transition-property: stroke-dashoffset;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[transform\,border-radius\] {
    transition-property: transform,border-radius;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[translate\,width\,height\] {
    transition-property: translate,width,height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,background-color\] {
    transition-property: width,background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,height\,opacity\] {
    transition-property: width,height,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .delay-150 {
    transition-delay: 150ms;
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-250 {
    --tw-duration: 250ms;
    transition-duration: 250ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-400 {
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\] {
    --tw-ease: cubic-bezier(0.32,0.72,0,1);
    transition-timing-function: cubic-bezier(0.32,0.72,0,1);
  }
  .ease-\[cubic-bezier\(0\.65\,0\,0\.35\,1\)\] {
    --tw-ease: cubic-bezier(0.65,0,0.35,1);
    transition-timing-function: cubic-bezier(0.65,0,0.35,1);
  }
  .ease-\[cubic-bezier\(0\.175\,0\.885\,0\.32\,1\.5\)\] {
    --tw-ease: cubic-bezier(0.175,0.885,0.32,1.5);
    transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.5);
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[--gap\:0\.75rem\] {
    --gap: 0.75rem;
  }
  .\[--gradient-glow-opacity\:1\] {
    --gradient-glow-opacity: 1;
  }
  .\[--indent-transition\:calc\(1-clamp\(0\,calc\(var\(--drawer-swipe-progress\)\*100000\)\,1\)\)\] {
    --indent-transition: calc(1 - clamp(0, calc(var(--drawer-swipe-progress) * 100000), 1));
  }
  .\[--pattern-color\:var\(--color-border-intense\)\] {
    --pattern-color: var(--color-border-intense);
  }
  .\[--pattern-highlight\:var\(--spotlight-size\)\] {
    --pattern-highlight: var(--spotlight-size);
  }
  .\[--peek\:0\.75rem\] {
    --peek: 0.75rem;
  }
  .\[--snap-offset\:var\(--drawer-snap-point-offset\,0px\)\] {
    --snap-offset: var(--drawer-snap-point-offset,0px);
  }
  .\[--spotlight-size\:200px\] {
    --spotlight-size: 200px;
  }
  .\[--stack-count\:max\(0\,calc\(var\(--nested-drawers\,0\)-var\(--stack-progress\)\)\)\] {
    --stack-count: max(0, calc(var(--nested-drawers,0) - var(--stack-progress)));
  }
  .\[--stack-extent\:25rem\] {
    --stack-extent: 25rem;
  }
  .\[--stack-extent\:var\(--drawer-frontmost-height\,var\(--drawer-height\,0px\)\)\] {
    --stack-extent: var(--drawer-frontmost-height,var(--drawer-height,0px));
  }
  .\[--stack-offset\:calc\(var\(--stack-peek\)\+var\(--stack-shrink\)\*var\(--stack-extent\)\)\] {
    --stack-offset: calc(var(--stack-peek) + var(--stack-shrink) * var(--stack-extent));
  }
  .\[--stack-peek\:calc\(var\(--stack-count\)\*1\.5rem\)\] {
    --stack-peek: calc(var(--stack-count) * 1.5rem);
  }
  .\[--stack-progress\:clamp\(0\,var\(--drawer-swipe-progress\,0\)\,1\)\] {
    --stack-progress: clamp(0, var(--drawer-swipe-progress,0), 1);
  }
  .\[--stack-scale\:clamp\(0\,calc\(1-var\(--stack-step\)\*var\(--stack-count\)\)\,1\)\] {
    --stack-scale: clamp(0, calc(1 - var(--stack-step) * var(--stack-count)), 1);
  }
  .\[--stack-shrink\:calc\(1-var\(--stack-scale\)\)\] {
    --stack-shrink: calc(1 - var(--stack-scale));
  }
  .\[--stack-step\:0\.05\] {
    --stack-step: 0.05;
  }
  .\[grid-area\:actions\] {
    grid-area: actions;
  }
  .\[grid-area\:close\] {
    grid-area: close;
  }
  .\[grid-area\:description\] {
    grid-area: description;
  }
  .\[grid-area\:icon\] {
    grid-area: icon;
  }
  .\[grid-area\:title\] {
    grid-area: title;
  }
  .\[grid-template-areas\:\'icon_title_close\'\] {
    grid-template-areas: 'icon title close';
  }
  .\[grid-template-areas\:\'icon_title_close\'_\'\._description_\.\'_\'\._actions_actions\'\] {
    grid-template-areas: 'icon title close' '. description .' '. actions actions';
  }
  .\[stroke-dashoffset\:1\.02\] {
    stroke-dashoffset: 1.02;
  }
  :is(.\*\:relative > *) {
    position: relative;
  }
  :is(.\*\:shrink-0 > *) {
    flex-shrink: 0;
  }
  :is(.\*\:\[grid-area\:1\/1\] > *) {
    grid-area: 1/1;
  }
  .not-placeholder-shown\:text-transparent:not(:placeholder-shown) {
    color: transparent;
  }
  .not-placeholder-shown\:caret-transparent:not(:placeholder-shown) {
    caret-color: transparent;
  }
  .not-has-\[\>\[data-slot\=alert-dialog-footer\]\]\:pb-6:not(:has( > [data-slot=alert-dialog-footer])) {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .not-has-\[\>\[data-slot\=alert-dialog-header\]\]\:pt-6:not(:has( > [data-slot=alert-dialog-header])) {
    padding-top: calc(var(--spacing) * 6);
  }
  .not-has-\[\>\[data-slot\=dialog-footer\]\]\:pb-6:not(:has( > [data-slot=dialog-footer])) {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .not-has-\[\>\[data-slot\=dialog-header\]\]\:pt-6:not(:has( > [data-slot=dialog-header])) {
    padding-top: calc(var(--spacing) * 6);
  }
  .not-has-\[\>\[data-slot\=drawer-footer\]\]\:pb-6:not(:has( > [data-slot=drawer-footer])) {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .not-has-\[\>\[data-slot\=drawer-header\]\]\:pt-6:not(:has( > [data-slot=drawer-header])) {
    padding-top: calc(var(--spacing) * 6);
  }
  .group-focus-within\:scale-110:is(:where(.group):focus-within *) {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .group-focus-within\:scale-125:is(:where(.group):focus-within *) {
    --tw-scale-x: 125%;
    --tw-scale-y: 125%;
    --tw-scale-z: 125%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  @media (hover: hover) {
    .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:scale-125:is(:where(.group):hover *) {
      --tw-scale-x: 125%;
      --tw-scale-y: 125%;
      --tw-scale-z: 125%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\/chip\:opacity-100:is(:where(.group\/chip):hover *) {
      opacity: 100%;
    }
  }
  .group-active\/trigger\:translate-y-px:is(:where(.group\/trigger):active *) {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-active\/trigger\:scale-\[0\.97\]:is(:where(.group\/trigger):active *) {
    scale: 0.97;
  }
  .group-active\/trigger\:duration-100:is(:where(.group\/trigger):active *) {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .group-active\/trigger\:ease-in-out:is(:where(.group\/trigger):active *) {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .group-data-checked\/check\:opacity-100:is(:where(.group\/check)[data-checked] *) {
    opacity: 100%;
  }
  .group-data-checked\/check\:\[stroke-dashoffset\:0\]:is(:where(.group\/check)[data-checked] *) {
    stroke-dashoffset: 0;
  }
  .group-data-copied\/copy\:scale-50:is(:where(.group\/copy)[data-copied] *) {
    --tw-scale-x: 50%;
    --tw-scale-y: 50%;
    --tw-scale-z: 50%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .group-data-copied\/copy\:opacity-0:is(:where(.group\/copy)[data-copied] *) {
    opacity: 0%;
  }
  .group-data-copied\/copy\:delay-0:is(:where(.group\/copy)[data-copied] *) {
    transition-delay: 0ms;
  }
  .group-data-copied\/copy\:delay-100:is(:where(.group\/copy)[data-copied] *) {
    transition-delay: 100ms;
  }
  .group-data-copied\/copy\:duration-350:is(:where(.group\/copy)[data-copied] *) {
    --tw-duration: 350ms;
    transition-duration: 350ms;
  }
  .group-data-copied\/copy\:ease-out:is(:where(.group\/copy)[data-copied] *) {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .group-data-copied\/copy\:\[stroke-dashoffset\:0\]:is(:where(.group\/copy)[data-copied] *) {
    stroke-dashoffset: 0;
  }
  .group-data-empty\/autocomplete-content\:block:is(:where(.group\/autocomplete-content)[data-empty] *) {
    display: block;
  }
  .group-data-empty\/combobox-content\:block:is(:where(.group\/combobox-content)[data-empty] *) {
    display: block;
  }
  .group-data-expanded\/toast\:\[animation-play-state\:paused\]:is(:where(.group\/toast)[data-expanded] *) {
    animation-play-state: paused;
  }
  .group-data-nested\/alert-dialog-popup\:rounded-none:is(:where(.group\/alert-dialog-popup)[data-nested] *) {
    border-radius: 0;
  }
  .group-data-nested\/alert-dialog-popup\:bg-transparent:is(:where(.group\/alert-dialog-popup)[data-nested] *) {
    background-color: transparent;
  }
  .group-data-open\/accordion-item\:rotate-90:is(:where(.group\/accordion-item)[data-open] *) {
    rotate: 90deg;
  }
  .group-data-open\/accordion-item\:rotate-180:is(:where(.group\/accordion-item)[data-open] *) {
    rotate: 180deg;
  }
  .group-data-popup-open\/autocomplete-icon\:rotate-180:is(:where(.group\/autocomplete-icon)[data-popup-open] *) {
    rotate: 180deg;
  }
  .group-data-popup-open\/combobox-toggle\:rotate-180:is(:where(.group\/combobox-toggle)[data-popup-open] *) {
    rotate: 180deg;
  }
  .group-data-popup-open\/combobox-trigger\:rotate-180:is(:where(.group\/combobox-trigger)[data-popup-open] *) {
    rotate: 180deg;
  }
  .group-data-popup-open\/navigation-menu-icon\:rotate-90:is(:where(.group\/navigation-menu-icon)[data-popup-open] *) {
    rotate: 90deg;
  }
  .group-data-popup-open\/navigation-menu-icon\:rotate-180:is(:where(.group\/navigation-menu-icon)[data-popup-open] *) {
    rotate: 180deg;
  }
  .group-data-selected\/check\:opacity-100:is(:where(.group\/check)[data-selected] *) {
    opacity: 100%;
  }
  .group-data-selected\/check\:\[stroke-dashoffset\:0\]:is(:where(.group\/check)[data-selected] *) {
    stroke-dashoffset: 0;
  }
  .group-data-\[side\=bottom\]\/popup\:border-t-2:is(:where(.group\/popup)[data-side="bottom"] *) {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .group-data-\[side\=inline-end\]\/popup\:border-s-2:is(:where(.group\/popup)[data-side="inline-end"] *) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 2px;
  }
  .group-data-\[side\=inline-start\]\/popup\:border-e-2:is(:where(.group\/popup)[data-side="inline-start"] *) {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 2px;
  }
  .group-data-\[side\=left\]\/popup\:border-r-2:is(:where(.group\/popup)[data-side="left"] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }
  .group-data-\[side\=right\]\/popup\:border-l-2:is(:where(.group\/popup)[data-side="right"] *) {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .group-data-\[side\=top\]\/popup\:border-b-2:is(:where(.group\/popup)[data-side="top"] *) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .peer-not-placeholder-shown\:pointer-events-auto:is(:where(.peer):not(:placeholder-shown) ~ *) {
    pointer-events: auto;
  }
  .peer-not-placeholder-shown\:opacity-100:is(:where(.peer):not(:placeholder-shown) ~ *) {
    opacity: 100%;
  }
  .peer-placeholder-shown\:invisible:is(:where(.peer):placeholder-shown ~ *) {
    visibility: hidden;
  }
  .placeholder\:text-foreground-subtle::placeholder {
    color: var(--foreground-subtle);
  }
  .before\:pointer-events-none::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  .before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:inset-0::before {
    content: var(--tw-content);
    inset: 0px;
  }
  .before\:-inset-s-px::before {
    content: var(--tw-content);
    inset-inline-start: -1px;
  }
  .before\:inset-s-1\.5::before {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing) * 1.5);
  }
  .before\:inset-e-1\.5::before {
    content: var(--tw-content);
    inset-inline-end: calc(var(--spacing) * 1.5);
  }
  .before\:top-\(--toc-indicator-top\)::before {
    content: var(--tw-content);
    top: var(--toc-indicator-top);
  }
  .before\:top-1\.5::before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 1.5);
  }
  .before\:top-1\/2::before {
    content: var(--tw-content);
    top: calc(1 / 2 * 100%);
  }
  .before\:bottom-1\.5::before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 1.5);
  }
  .before\:left-1\/2::before {
    content: var(--tw-content);
    left: calc(1 / 2 * 100%);
  }
  .before\:-z-1::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  .before\:-z-10::before {
    content: var(--tw-content);
    z-index: calc(10 * -1);
  }
  .before\:h-\(--toc-indicator-height\)::before {
    content: var(--tw-content);
    height: var(--toc-indicator-height);
  }
  .before\:h-1::before {
    content: var(--tw-content);
    height: var(--spacing);
  }
  .before\:h-11\.5::before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 11.5);
  }
  .before\:w-0\.5::before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 0.5);
  }
  .before\:w-1::before {
    content: var(--tw-content);
    width: var(--spacing);
  }
  .before\:w-11\.5::before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 11.5);
  }
  .before\:-translate-x-1\/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\:-translate-y-1\/2::before {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .before\:rounded-\[inherit\]::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  .before\:rounded-full::before {
    content: var(--tw-content);
    border-radius: calc(infinity * 1px);
  }
  .before\:border::before {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: var(--border-width);
  }
  .before\:border-border::before {
    content: var(--tw-content);
    border-color: var(--border);
  }
  .before\:border-primary::before {
    content: var(--tw-content);
    border-color: var(--primary);
  }
  .before\:border-transparent::before {
    content: var(--tw-content);
    border-color: transparent;
  }
  .before\:border-white\/10::before {
    content: var(--tw-content);
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .before\:bg-background::before {
    content: var(--tw-content);
    background-color: var(--background);
  }
  .before\:bg-background-muted::before {
    content: var(--tw-content);
    background-color: var(--background-muted);
  }
  .before\:bg-background-strong::before {
    content: var(--tw-content);
    background-color: var(--background-strong);
  }
  .before\:bg-foreground-intense::before {
    content: var(--tw-content);
    background-color: var(--foreground-intense);
  }
  .before\:bg-primary::before {
    content: var(--tw-content);
    background-color: var(--primary);
  }
  .before\:bg-white\/10::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .before\:bg-\[radial-gradient\(138\.15\%_78\.13\%_at_52\.05\%_50\%\,var\(--error\)_0\%\,var\(--error-muted\)_95\%\)\]::before {
    content: var(--tw-content);
    background-image: radial-gradient(138.15% 78.13% at 52.05% 50%,var(--error) 0%,var(--error-muted) 95%);
  }
  .before\:bg-\[radial-gradient\(138\.15\%_78\.13\%_at_52\.05\%_50\%\,var\(--primary\)_0\%\,var\(--primary-muted\)_80\%\)\]::before {
    content: var(--tw-content);
    background-image: radial-gradient(138.15% 78.13% at 52.05% 50%,var(--primary) 0%,var(--primary-muted) 80%);
  }
  .before\:bg-\[radial-gradient\(138\.15\%_78\.13\%_at_52\.05\%_50\%\,var\(--secondary\)_0\%\,var\(--secondary-muted\)_95\%\)\]::before {
    content: var(--tw-content);
    background-image: radial-gradient(138.15% 78.13% at 52.05% 50%,var(--secondary) 0%,var(--secondary-muted) 95%);
  }
  .before\:opacity-0::before {
    content: var(--tw-content);
    opacity: 0%;
  }
  .before\:opacity-0\!::before {
    content: var(--tw-content);
    opacity: 0% !important;
  }
  .before\:opacity-100::before {
    content: var(--tw-content);
    opacity: 100%;
  }
  .before\:backdrop-blur-md::before {
    content: var(--tw-content);
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .before\:transition-\[opacity\,background-color\,border-color\]::before {
    content: var(--tw-content);
    transition-property: opacity,background-color,border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .before\:transition-\[top\,height\,opacity\]::before {
    content: var(--tw-content);
    transition-property: top,height,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .before\:transition-all::before {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .before\:transition-colors::before {
    content: var(--tw-content);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .before\:transition-opacity::before {
    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));
  }
  .before\:duration-250::before {
    content: var(--tw-content);
    --tw-duration: 250ms;
    transition-duration: 250ms;
  }
  .before\:duration-300::before {
    content: var(--tw-content);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .before\:ease-out::before {
    content: var(--tw-content);
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  @media (hover: hover) {
    .group-hover\/trigger\:before\:bg-background-subtle:is(:where(.group\/trigger):hover *)::before {
      content: var(--tw-content);
      background-color: var(--background-subtle);
    }
    .hover\:border-border:hover {
      border-color: var(--border);
    }
    .hover\:border-transparent:hover {
      border-color: transparent;
    }
    .hover\:bg-background-muted:hover {
      background-color: var(--background-muted);
    }
    .hover\:font-medium:hover {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
    .hover\:text-foreground:hover {
      color: var(--foreground);
    }
    .hover\:text-foreground-intense:hover {
      color: var(--foreground-intense);
    }
    .hover\:text-primary-foreground:hover {
      color: var(--primary-foreground);
    }
    :is(.\*\:hover\:z-2 > *):hover {
      z-index: 2;
    }
    .hover\:not-data-checked\:not-data-disabled\:not-data-invalid\:border-border-emphasis:hover:not([data-checked]):not([data-disabled]):not([data-invalid]) {
      border-color: var(--border-emphasis);
    }
    .hover\:not-data-checked\:not-data-indeterminate\:not-data-disabled\:not-data-invalid\:border-border-emphasis:hover:not([data-checked]):not([data-indeterminate]):not([data-disabled]):not([data-invalid]) {
      border-color: var(--border-emphasis);
    }
    .hover\:not-focus\:not-focus-visible\:not-has-focus\:not-has-focus-visible\:not-data-popup-open\:not-has-data-popup-open\:not-data-pressed\:not-has-data-pressed\:not-data-invalid\:not-has-data-invalid\:border-border-emphasis:hover:not(:focus):not(:focus-visible):not(:has(:focus)):not(:has(:focus-visible)):not([data-popup-open]):not(:has([data-popup-open])):not([data-pressed]):not(:has([data-pressed])):not([data-invalid]):not(:has([data-invalid])) {
      border-color: var(--border-emphasis);
    }
    .hover\:not-focus\:not-focus-visible\:not-has-focus\:not-has-focus-visible\:not-data-popup-open\:not-has-data-popup-open\:not-data-pressed\:not-has-data-pressed\:not-data-invalid\:not-has-data-invalid\:border-border-strong:hover:not(:focus):not(:focus-visible):not(:has(:focus)):not(:has(:focus-visible)):not([data-popup-open]):not(:has([data-popup-open])):not([data-pressed]):not(:has([data-pressed])):not([data-invalid]):not(:has([data-invalid])) {
      border-color: var(--border-strong);
    }
    .hover\:before\:border-border:hover::before {
      content: var(--tw-content);
      border-color: var(--border);
    }
    .hover\:before\:border-border-strong:hover::before {
      content: var(--tw-content);
      border-color: var(--border-strong);
    }
    .hover\:before\:border-white\/15:hover::before {
      content: var(--tw-content);
      border-color: color-mix(in srgb, #fff 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
    .hover\:before\:bg-background-muted:hover::before {
      content: var(--tw-content);
      background-color: var(--background-muted);
    }
    .hover\:before\:bg-background-subtle:hover::before {
      content: var(--tw-content);
      background-color: var(--background-subtle);
    }
    .hover\:before\:bg-primary:hover::before {
      content: var(--tw-content);
      background-color: var(--primary);
    }
    .hover\:before\:bg-white\/15:hover::before {
      content: var(--tw-content);
      background-color: color-mix(in srgb, #fff 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
    .hover\:before\:opacity-100:hover::before {
      content: var(--tw-content);
      opacity: 100%;
    }
  }
  .focus\:bg-\(--selection-color\):focus {
    background-color: var(--selection-color);
  }
  .focus\:placeholder\:text-transparent:focus::placeholder {
    color: transparent;
  }
  .focus-visible\:border-transparent:focus-visible {
    border-color: transparent;
  }
  .focus-visible\:border-transparent\!:focus-visible {
    border-color: transparent !important;
  }
  .focus-visible\:bg-background:focus-visible {
    background-color: var(--background);
  }
  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:ring-3: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\:ring-ring:focus-visible {
    --tw-ring-color: var(--focus-ring);
  }
  .focus-visible\:ring-ring-input:focus-visible {
    --tw-ring-color: var(--focus-ring-input);
  }
  :is(.\*\:focus-visible\:z-2 > *):focus-visible {
    z-index: 2;
  }
  .active\:translate-y-px:active {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .active\:scale-\[0\.97\]:active {
    scale: 0.97;
  }
  .active\:scale-\[0\.98\]:active {
    scale: 0.98;
  }
  .active\:duration-100:active {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .active\:ease-in-out:active {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  :is(.\*\:active\:z-2 > *):active {
    z-index: 2;
  }
  .not-data-popup-open\:active\:translate-y-px:not([data-popup-open]):active {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .not-data-popup-open\:active\:scale-\[0\.97\]:not([data-popup-open]):active {
    scale: 0.97;
  }
  .not-data-popup-open\:active\:duration-100:not([data-popup-open]):active {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .not-data-popup-open\:active\:ease-in-out:not([data-popup-open]):active {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:opacity-disabled:disabled {
    opacity: var(--opacity-disabled);
  }
  :where([data-slot="tooltip-content"]) .in-data-\[slot\=tooltip-content\]\:border-white\/25 {
    border-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  :where([data-slot="tooltip-content"]) .in-data-\[slot\=tooltip-content\]\:bg-background-inverse {
    background-color: var(--background-inverse);
  }
  :where([data-slot="tooltip-content"]) .in-data-\[slot\=tooltip-content\]\:text-foreground-inverse\/75 {
    color: var(--foreground-inverse);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground-inverse) 75%, transparent);
    }
  }
  .has-focus\:border-transparent:has(:focus) {
    border-color: transparent;
  }
  .has-focus\:bg-background:has(:focus) {
    background-color: var(--background);
  }
  .has-focus\:ring-\[3px\]: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\:ring-ring-input:has(:focus) {
    --tw-ring-color: var(--focus-ring-input);
  }
  .has-focus-visible\:ring-3:has(: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-focus-visible\:ring-ring:has(:focus-visible) {
    --tw-ring-color: var(--focus-ring);
  }
  .has-data-empty\:py-0:has([data-empty]) {
    padding-block: 0px;
  }
  .has-data-invalid\:border-error:has([data-invalid]) {
    border-color: var(--error);
  }
  .has-data-invalid\:bg-error-subtle:has([data-invalid]) {
    background-color: var(--error-subtle);
  }
  .has-data-invalid\:has-focus\:border-transparent:has([data-invalid]):has(:focus) {
    border-color: transparent;
  }
  .has-data-invalid\:has-focus\:bg-background:has([data-invalid]):has(:focus) {
    background-color: var(--background);
  }
  .has-data-invalid\:has-focus\:ring-ring-error:has([data-invalid]):has(:focus) {
    --tw-ring-color: var(--focus-ring-error);
  }
  .has-data-popup-open\:border-transparent:has([data-popup-open]) {
    border-color: transparent;
  }
  .has-data-popup-open\:bg-background:has([data-popup-open]) {
    background-color: var(--background);
  }
  .has-data-popup-open\:ring-3:has([data-popup-open]) {
    --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-data-popup-open\:ring-ring-input:has([data-popup-open]) {
    --tw-ring-color: var(--focus-ring-input);
  }
  .has-data-invalid\:has-data-popup-open\:border-transparent:has([data-invalid]):has([data-popup-open]) {
    border-color: transparent;
  }
  .has-data-invalid\:has-data-popup-open\:bg-background:has([data-invalid]):has([data-popup-open]) {
    background-color: var(--background);
  }
  .has-data-invalid\:has-data-popup-open\:ring-ring-error:has([data-invalid]):has([data-popup-open]) {
    --tw-ring-color: var(--focus-ring-error);
  }
  .has-data-pressed\:border-transparent:has([data-pressed]) {
    border-color: transparent;
  }
  .has-data-pressed\:bg-background:has([data-pressed]) {
    background-color: var(--background);
  }
  .has-data-pressed\:ring-3:has([data-pressed]) {
    --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-data-pressed\:ring-ring-input:has([data-pressed]) {
    --tw-ring-color: var(--focus-ring-input);
  }
  .has-data-invalid\:has-data-pressed\:border-transparent:has([data-invalid]):has([data-pressed]) {
    border-color: transparent;
  }
  .has-data-invalid\:has-data-pressed\:bg-background:has([data-invalid]):has([data-pressed]) {
    background-color: var(--background);
  }
  .has-data-invalid\:has-data-pressed\:ring-ring-error:has([data-invalid]):has([data-pressed]) {
    --tw-ring-color: var(--focus-ring-error);
  }
  .has-data-\[icon\=end\]\:pe-2\.5:has([data-icon="end"]) {
    padding-inline-end: calc(var(--spacing) * 2.5);
  }
  .has-data-\[icon\=end\]\:pe-3:has([data-icon="end"]) {
    padding-inline-end: calc(var(--spacing) * 3);
  }
  .has-data-\[icon\=end\]\:pe-3\.5:has([data-icon="end"]) {
    padding-inline-end: calc(var(--spacing) * 3.5);
  }
  .has-data-\[icon\=end\]\:pe-4:has([data-icon="end"]) {
    padding-inline-end: calc(var(--spacing) * 4);
  }
  .has-data-\[icon\=end\]\:pe-4\.5:has([data-icon="end"]) {
    padding-inline-end: calc(var(--spacing) * 4.5);
  }
  .has-data-\[icon\=start\]\:ps-2\.5:has([data-icon="start"]) {
    padding-inline-start: calc(var(--spacing) * 2.5);
  }
  .has-data-\[icon\=start\]\:ps-3:has([data-icon="start"]) {
    padding-inline-start: calc(var(--spacing) * 3);
  }
  .has-data-\[icon\=start\]\:ps-3\.5:has([data-icon="start"]) {
    padding-inline-start: calc(var(--spacing) * 3.5);
  }
  .has-data-\[icon\=start\]\:ps-4:has([data-icon="start"]) {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .has-data-\[icon\=start\]\:ps-4\.5:has([data-icon="start"]) {
    padding-inline-start: calc(var(--spacing) * 4.5);
  }
  .has-data-\[slot\=combobox-chip\]\:h-auto:has([data-slot="combobox-chip"]) {
    height: auto;
  }
  .has-data-\[slot\=combobox-chip\]\:flex-wrap:has([data-slot="combobox-chip"]) {
    flex-wrap: wrap;
  }
  .has-data-\[slot\=combobox-chip\]\:items-start:has([data-slot="combobox-chip"]) {
    align-items: flex-start;
  }
  .has-data-\[slot\=combobox-chip\]\:p-1:has([data-slot="combobox-chip"]) {
    padding: var(--spacing);
  }
  .has-data-\[slot\=toast-actions\]\:not-has-data-\[slot\=toast-description\]\:\[grid-template-areas\:\'icon_title_close\'_\'icon_actions_actions\'\]:has([data-slot="toast-actions"]):not(:has([data-slot="toast-description"])) {
    grid-template-areas: 'icon title close' 'icon actions actions';
  }
  .has-data-\[slot\=toast-description\]\:\[grid-template-areas\:\'icon_title_close\'_\'icon_description_close\'\]:has([data-slot="toast-description"]) {
    grid-template-areas: 'icon title close' 'icon description close';
  }
  .has-data-\[slot\=toast-actions\]\:has-data-\[slot\=toast-description\]\:\[grid-template-areas\:\'icon_title_close\'_\'icon_description_close\'_\'icon_actions_actions\'\]:has([data-slot="toast-actions"]):has([data-slot="toast-description"]) {
    grid-template-areas: 'icon title close' 'icon description close' 'icon actions actions';
  }
  .has-data-\[slot\=toast-icon\]\:gap-x-3:has([data-slot="toast-icon"]) {
    column-gap: calc(var(--spacing) * 3);
  }
  .has-\[\[data-slot\=field-error\]\:not\(\[data-starting-style\]\)\:not\(\[data-ending-style\]\)\]\:grid-rows-\[1fr\]:has(:is([data-slot=field-error]:not([data-starting-style]):not([data-ending-style]))) {
    grid-template-rows: 1fr;
  }
  .has-\[input\:disabled\]\:cursor-not-allowed:has(:is(input:disabled)) {
    cursor: not-allowed;
  }
  .has-\[input\:disabled\]\:border-dashed:has(:is(input:disabled)) {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .has-\[input\:disabled\]\:border-border-strong\!:has(:is(input:disabled)) {
    border-color: var(--border-strong) !important;
  }
  .has-\[input\:disabled\]\:bg-background-subtle\!:has(:is(input:disabled)) {
    background-color: var(--background-subtle) !important;
  }
  .has-\[input\:disabled\]\:opacity-disabled:has(:is(input:disabled)) {
    opacity: var(--opacity-disabled);
  }
  .has-\[svg\]\:text-\[1em\]:has(:is(svg)) {
    font-size: 1em;
  }
  .has-\[textarea\:disabled\]\:cursor-not-allowed:has(:is(textarea:disabled)) {
    cursor: not-allowed;
  }
  .has-\[textarea\:disabled\]\:border-dashed:has(:is(textarea:disabled)) {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .has-\[textarea\:disabled\]\:border-border-strong\!:has(:is(textarea:disabled)) {
    border-color: var(--border-strong) !important;
  }
  .has-\[textarea\:disabled\]\:bg-background-subtle\!:has(:is(textarea:disabled)) {
    background-color: var(--background-subtle) !important;
  }
  .has-\[textarea\:disabled\]\:opacity-disabled:has(:is(textarea:disabled)) {
    opacity: var(--opacity-disabled);
  }
  .has-\[\>svg\]\:h-lh:has( > svg) {
    height: 1lh;
  }
  .data-active\:pointer-events-none[data-active] {
    pointer-events: none;
  }
  .data-active\:transform-\[scale\(calc\(0\.95\+0\.03\*var\(--drawer-swipe-progress\)\)\)\][data-active] {
    transform: scale(calc(0.95 + 0.03 * var(--drawer-swipe-progress)));
  }
  .data-active\:rounded-2xl[data-active] {
    border-radius: var(--radius-2xl);
  }
  .data-active\:bg-background-strong[data-active] {
    background-color: var(--background-strong);
  }
  .data-active\:text-black[data-active] {
    color: var(--color-black);
  }
  .data-active\:text-foreground-intense[data-active] {
    color: var(--foreground-intense);
  }
  .data-checked\:border-transparent[data-checked] {
    border-color: transparent;
  }
  .data-checked\:bg-primary[data-checked] {
    background-color: var(--primary);
  }
  .data-checked\:bg-primary-foreground[data-checked] {
    background-color: var(--primary-foreground);
  }
  .data-checked\:outline-ring-primary[data-checked] {
    outline-color: var(--focus-ring-primary);
  }
  .data-disabled\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }
  .data-disabled\:cursor-not-allowed[data-disabled] {
    cursor: not-allowed;
  }
  .data-disabled\:border-dashed[data-disabled] {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .data-disabled\:border-border-strong\![data-disabled] {
    border-color: var(--border-strong) !important;
  }
  .data-disabled\:bg-background-subtle\![data-disabled] {
    background-color: var(--background-subtle) !important;
  }
  .data-disabled\:opacity-disabled[data-disabled] {
    opacity: var(--opacity-disabled);
  }
  .data-disabled\:not-data-checked\:border-dashed[data-disabled]:not([data-checked]) {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .data-disabled\:not-data-checked\:border-border-strong[data-disabled]:not([data-checked]) {
    border-color: var(--border-strong);
  }
  .data-disabled\:not-data-checked\:bg-background-subtle[data-disabled]:not([data-checked]) {
    background-color: var(--background-subtle);
  }
  .data-disabled\:not-data-checked\:not-data-indeterminate\:border-dashed[data-disabled]:not([data-checked]):not([data-indeterminate]) {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .data-disabled\:not-data-checked\:not-data-indeterminate\:bg-background-subtle[data-disabled]:not([data-checked]):not([data-indeterminate]) {
    background-color: var(--background-subtle);
  }
  .data-disabled\:data-checked\:opacity-disabled[data-disabled][data-checked] {
    opacity: var(--opacity-disabled);
  }
  .data-ending-style\:h-0[data-ending-style] {
    height: 0px;
  }
  .data-ending-style\:\[transform\:translateX\(calc\(-100\%-0\.5rem\)\)\][data-ending-style] {
    transform: translateX(calc(-100% - 0.5rem));
  }
  .data-ending-style\:\[transform\:translateX\(calc\(100\%\+0\.5rem\)\)\][data-ending-style] {
    transform: translateX(calc(100% + 0.5rem));
  }
  .data-ending-style\:\[transform\:translateY\(calc\(-100\%-0\.5rem\)\)\][data-ending-style] {
    transform: translateY(calc(-100% - 0.5rem));
  }
  .data-ending-style\:\[transform\:translateY\(calc\(100\%\+0\.5rem\)\)\][data-ending-style] {
    transform: translateY(calc(100% + 0.5rem));
  }
  .data-ending-style\:opacity-0[data-ending-style] {
    opacity: 0%;
  }
  .data-expanded\:border-white\/15[data-expanded] {
    border-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .data-expanded\:bg-white\/10[data-expanded] {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .data-expanded\:p-1\.5[data-expanded] {
    padding: calc(var(--spacing) * 1.5);
  }
  .data-expanded\:shadow-none[data-expanded] {
    --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);
  }
  .data-expanded\:backdrop-blur-sm[data-expanded] {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -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,);
  }
  .data-expanded\:before\:bg-background[data-expanded]::before {
    content: var(--tw-content);
    background-color: var(--background);
  }
  .data-highlighted\:not-data-disabled\:text-foreground-intense[data-highlighted]:not([data-disabled]) {
    color: var(--foreground-intense);
  }
  .data-highlighted\:not-data-disabled\:before\:opacity-100[data-highlighted]:not([data-disabled])::before {
    content: var(--tw-content);
    opacity: 100%;
  }
  .data-indeterminate\:border-transparent[data-indeterminate] {
    border-color: transparent;
  }
  .data-indeterminate\:bg-primary[data-indeterminate] {
    background-color: var(--primary);
  }
  .data-indeterminate\:outline-ring-primary[data-indeterminate] {
    outline-color: var(--focus-ring-primary);
  }
  .data-disabled\:data-indeterminate\:opacity-disabled[data-disabled][data-indeterminate] {
    opacity: var(--opacity-disabled);
  }
  .data-invalid\:border-error[data-invalid] {
    border-color: var(--error);
  }
  .data-invalid\:bg-error-subtle[data-invalid] {
    background-color: var(--error-subtle);
  }
  .data-invalid\:outline-ring-error[data-invalid] {
    outline-color: var(--focus-ring-error);
  }
  .data-invalid\:not-data-checked\:bg-error-subtle[data-invalid]:not([data-checked]) {
    background-color: var(--error-subtle);
  }
  .data-invalid\:not-data-checked\:not-data-indeterminate\:bg-error-subtle[data-invalid]:not([data-checked]):not([data-indeterminate]) {
    background-color: var(--error-subtle);
  }
  .data-invalid\:focus-visible\:border-transparent[data-invalid]:focus-visible {
    border-color: transparent;
  }
  .data-invalid\:focus-visible\:bg-background[data-invalid]:focus-visible {
    background-color: var(--background);
  }
  .data-invalid\:focus-visible\:ring-ring-error[data-invalid]:focus-visible {
    --tw-ring-color: var(--focus-ring-error);
  }
  .data-invalid\:has-focus\:border-transparent[data-invalid]:has(:focus) {
    border-color: transparent;
  }
  .data-invalid\:has-focus\:bg-background[data-invalid]:has(:focus) {
    background-color: var(--background);
  }
  .data-invalid\:has-focus\:ring-ring-error[data-invalid]:has(:focus) {
    --tw-ring-color: var(--focus-ring-error);
  }
  .data-invalid\:has-data-popup-open\:border-transparent[data-invalid]:has([data-popup-open]) {
    border-color: transparent;
  }
  .data-invalid\:has-data-popup-open\:bg-background[data-invalid]:has([data-popup-open]) {
    background-color: var(--background);
  }
  .data-invalid\:has-data-popup-open\:ring-ring-error[data-invalid]:has([data-popup-open]) {
    --tw-ring-color: var(--focus-ring-error);
  }
  .data-invalid\:has-data-pressed\:border-transparent[data-invalid]:has([data-pressed]) {
    border-color: transparent;
  }
  .data-invalid\:has-data-pressed\:bg-background[data-invalid]:has([data-pressed]) {
    background-color: var(--background);
  }
  .data-invalid\:has-data-pressed\:ring-ring-error[data-invalid]:has([data-pressed]) {
    --tw-ring-color: var(--focus-ring-error);
  }
  .data-nested\:border-border-overlay[data-nested] {
    border-color: var(--border-overlay);
  }
  .data-nested\:bg-background[data-nested] {
    background-color: var(--background);
  }
  .data-nested\:p-0[data-nested] {
    padding: 0px;
  }
  .data-nested\:shadow-2xl[data-nested] {
    --tw-shadow: 0 24px 32px -12px var(--tw-shadow-color, var(--shadow-color));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .data-nested\:backdrop-blur-none[data-nested] {
    --tw-backdrop-blur:  ;
    -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,);
  }
  .data-nested-dialog-open\:pointer-events-none[data-nested-dialog-open] {
    pointer-events: none;
  }
  .data-nested-dialog-open\:scale-95[data-nested-dialog-open] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .data-nested-dialog-open\:opacity-0[data-nested-dialog-open] {
    opacity: 0%;
  }
  .data-nested-drawer-open\:\[height\:var\(--drawer-frontmost-height\,auto\)\][data-nested-drawer-open] {
    height: var(--drawer-frontmost-height,auto);
  }
  .data-nested-drawer-open\:overflow-hidden[data-nested-drawer-open] {
    overflow: hidden;
  }
  .data-nested-drawer-swiping\:duration-0[data-nested-drawer-swiping] {
    --tw-duration: 0ms;
    transition-duration: 0ms;
  }
  .data-open\:border-border[data-open] {
    border-color: var(--border);
  }
  .data-open\:border-transparent[data-open] {
    border-color: transparent;
  }
  .data-open\:bg-background-muted[data-open] {
    background-color: var(--background-muted);
  }
  .data-placeholder\:text-foreground-subtle[data-placeholder] {
    color: var(--foreground-subtle);
  }
  .data-popup-open\:rotate-180[data-popup-open] {
    rotate: 180deg;
  }
  .data-popup-open\:border-transparent[data-popup-open] {
    border-color: transparent;
  }
  .data-popup-open\:bg-background[data-popup-open] {
    background-color: var(--background);
  }
  .data-popup-open\:text-foreground-intense[data-popup-open] {
    color: var(--foreground-intense);
  }
  .data-popup-open\:text-primary-foreground[data-popup-open] {
    color: var(--primary-foreground);
  }
  .data-popup-open\:ring-3[data-popup-open] {
    --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-popup-open\:ring-ring-input[data-popup-open] {
    --tw-ring-color: var(--focus-ring-input);
  }
  .data-popup-open\:before\:border-border[data-popup-open]::before {
    content: var(--tw-content);
    border-color: var(--border);
  }
  .data-popup-open\:before\:border-border-strong[data-popup-open]::before {
    content: var(--tw-content);
    border-color: var(--border-strong);
  }
  .data-popup-open\:before\:border-white\/15[data-popup-open]::before {
    content: var(--tw-content);
    border-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .data-popup-open\:before\:bg-background-muted[data-popup-open]::before {
    content: var(--tw-content);
    background-color: var(--background-muted);
  }
  .data-popup-open\:before\:bg-background-subtle[data-popup-open]::before {
    content: var(--tw-content);
    background-color: var(--background-subtle);
  }
  .data-popup-open\:before\:bg-primary[data-popup-open]::before {
    content: var(--tw-content);
    background-color: var(--primary);
  }
  .data-popup-open\:before\:bg-white\/15[data-popup-open]::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .data-popup-open\:before\:opacity-100[data-popup-open]::before {
    content: var(--tw-content);
    opacity: 100%;
  }
  .data-invalid\:data-popup-open\:border-transparent[data-invalid][data-popup-open] {
    border-color: transparent;
  }
  .data-invalid\:data-popup-open\:bg-background[data-invalid][data-popup-open] {
    background-color: var(--background);
  }
  .data-invalid\:data-popup-open\:ring-ring-error[data-invalid][data-popup-open] {
    --tw-ring-color: var(--focus-ring-error);
  }
  .data-pressed\:border-transparent[data-pressed] {
    border-color: transparent;
  }
  .data-pressed\:bg-background[data-pressed] {
    background-color: var(--background);
  }
  .data-pressed\:text-foreground-intense[data-pressed] {
    color: var(--foreground-intense);
  }
  .data-pressed\:text-primary-foreground[data-pressed] {
    color: var(--primary-foreground);
  }
  .data-pressed\:ring-3[data-pressed] {
    --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-pressed\:ring-ring-input[data-pressed] {
    --tw-ring-color: var(--focus-ring-input);
  }
  .data-pressed\:before\:border-border[data-pressed]::before {
    content: var(--tw-content);
    border-color: var(--border);
  }
  .data-pressed\:before\:border-border-strong[data-pressed]::before {
    content: var(--tw-content);
    border-color: var(--border-strong);
  }
  .data-pressed\:before\:border-white\/15[data-pressed]::before {
    content: var(--tw-content);
    border-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .data-pressed\:before\:bg-background-muted[data-pressed]::before {
    content: var(--tw-content);
    background-color: var(--background-muted);
  }
  .data-pressed\:before\:bg-background-subtle[data-pressed]::before {
    content: var(--tw-content);
    background-color: var(--background-subtle);
  }
  .data-pressed\:before\:bg-primary[data-pressed]::before {
    content: var(--tw-content);
    background-color: var(--primary);
  }
  .data-pressed\:before\:bg-white\/15[data-pressed]::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .data-pressed\:before\:opacity-100[data-pressed]::before {
    content: var(--tw-content);
    opacity: 100%;
  }
  .data-invalid\:data-pressed\:border-transparent[data-invalid][data-pressed] {
    border-color: transparent;
  }
  .data-invalid\:data-pressed\:bg-background[data-invalid][data-pressed] {
    background-color: var(--background);
  }
  .data-invalid\:data-pressed\:ring-ring-error[data-invalid][data-pressed] {
    --tw-ring-color: var(--focus-ring-error);
  }
  .data-starting-style\:h-0[data-starting-style] {
    height: 0px;
  }
  .data-starting-style\:\[transform\:translateX\(calc\(-100\%-0\.5rem\)\)\][data-starting-style] {
    transform: translateX(calc(-100% - 0.5rem));
  }
  .data-starting-style\:\[transform\:translateX\(calc\(100\%\+0\.5rem\)\)\][data-starting-style] {
    transform: translateX(calc(100% + 0.5rem));
  }
  .data-starting-style\:\[transform\:translateY\(calc\(-100\%-0\.5rem\)\)\][data-starting-style] {
    transform: translateY(calc(-100% - 0.5rem));
  }
  .data-starting-style\:\[transform\:translateY\(calc\(100\%\+0\.5rem\)\)\][data-starting-style] {
    transform: translateY(calc(100% + 0.5rem));
  }
  .data-starting-style\:opacity-0[data-starting-style] {
    opacity: 0%;
  }
  .data-swiping\:duration-0[data-swiping] {
    --tw-duration: 0ms;
    transition-duration: 0ms;
  }
  .data-swiping\:select-none[data-swiping] {
    -webkit-user-select: none;
    user-select: none;
  }
  .data-\[ending-style\]\:hidden[data-ending-style] {
    display: none;
  }
  .data-\[hovering\]\:pointer-events-auto[data-hovering] {
    pointer-events: auto;
  }
  .data-\[hovering\]\:opacity-100[data-hovering] {
    opacity: 100%;
  }
  .data-\[orientation\=horizontal\]\:top-0\.5[data-orientation="horizontal"] {
    top: calc(var(--spacing) * 0.5);
  }
  .data-\[orientation\=horizontal\]\:bottom-0[data-orientation="horizontal"] {
    bottom: 0px;
  }
  .data-\[orientation\=horizontal\]\:bottom-full[data-orientation="horizontal"] {
    bottom: 100%;
  }
  .data-\[orientation\=horizontal\]\:left-1\/2[data-orientation="horizontal"] {
    left: calc(1 / 2 * 100%);
  }
  .data-\[orientation\=horizontal\]\:my-0\.5[data-orientation="horizontal"] {
    margin-block: calc(var(--spacing) * 0.5);
  }
  .data-\[orientation\=horizontal\]\:mb-1[data-orientation="horizontal"] {
    margin-bottom: var(--spacing);
  }
  .data-\[orientation\=horizontal\]\:h-\(--border-width\)[data-orientation="horizontal"] {
    height: var(--border-width);
  }
  .data-\[orientation\=horizontal\]\:h-0\.5[data-orientation="horizontal"] {
    height: calc(var(--spacing) * 0.5);
  }
  .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"] {
    height: calc(var(--spacing) * 1.5);
  }
  .data-\[orientation\=horizontal\]\:h-1\.25[data-orientation="horizontal"] {
    height: calc(var(--spacing) * 1.25);
  }
  .data-\[orientation\=horizontal\]\:h-\[calc\(100\%-0\.25rem\)\][data-orientation="horizontal"] {
    height: calc(100% - 0.25rem);
  }
  .data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"] {
    height: 100%;
  }
  .data-\[orientation\=horizontal\]\:w-\(--active-tab-width\)[data-orientation="horizontal"] {
    width: var(--active-tab-width);
  }
  .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
    width: 100%;
  }
  .data-\[orientation\=horizontal\]\:origin-bottom[data-orientation="horizontal"] {
    transform-origin: bottom;
  }
  .data-\[orientation\=horizontal\]\:-translate-x-1\/2[data-orientation="horizontal"] {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[orientation\=horizontal\]\:flex-col[data-orientation="horizontal"] {
    flex-direction: column;
  }
  .data-\[orientation\=horizontal\]\:items-center[data-orientation="horizontal"] {
    align-items: center;
  }
  .data-\[orientation\=horizontal\]\:justify-center[data-orientation="horizontal"] {
    justify-content: center;
  }
  .data-\[orientation\=horizontal\]\:gap-5[data-orientation="horizontal"] {
    gap: calc(var(--spacing) * 5);
  }
  .data-\[orientation\=horizontal\]\:gap-6[data-orientation="horizontal"] {
    gap: calc(var(--spacing) * 6);
  }
  .data-\[orientation\=horizontal\]\:gap-7[data-orientation="horizontal"] {
    gap: calc(var(--spacing) * 7);
  }
  .data-\[orientation\=horizontal\]\:text-center[data-orientation="horizontal"] {
    text-align: center;
  }
  .data-\[orientation\=horizontal\]\:whitespace-nowrap[data-orientation="horizontal"] {
    white-space: nowrap;
  }
  @media (hover: hover) {
    .data-\[orientation\=horizontal\]\:hover\:h-2[data-orientation="horizontal"]:hover {
      height: calc(var(--spacing) * 2);
    }
  }
  .data-\[orientation\=vertical\]\:inset-s-0\.5[data-orientation="vertical"] {
    inset-inline-start: calc(var(--spacing) * 0.5);
  }
  .data-\[orientation\=vertical\]\:inset-s-full[data-orientation="vertical"] {
    inset-inline-start: 100%;
  }
  .data-\[orientation\=vertical\]\:top-0[data-orientation="vertical"] {
    top: 0px;
  }
  .data-\[orientation\=vertical\]\:top-1\/2[data-orientation="vertical"] {
    top: calc(1 / 2 * 100%);
  }
  .data-\[orientation\=vertical\]\:top-\[calc\(var\(--active-tab-height\)\/4\)\][data-orientation="vertical"] {
    top: calc(var(--active-tab-height) / 4);
  }
  .data-\[orientation\=vertical\]\:bottom-\(--active-tab-bottom\)[data-orientation="vertical"] {
    bottom: var(--active-tab-bottom);
  }
  .data-\[orientation\=vertical\]\:mx-0\.5[data-orientation="vertical"] {
    margin-inline: calc(var(--spacing) * 0.5);
  }
  .data-\[orientation\=vertical\]\:ms-1[data-orientation="vertical"] {
    margin-inline-start: var(--spacing);
  }
  .data-\[orientation\=vertical\]\:h-\(--active-tab-height\)[data-orientation="vertical"] {
    height: var(--active-tab-height);
  }
  .data-\[orientation\=vertical\]\:h-5[data-orientation="vertical"] {
    height: calc(var(--spacing) * 5);
  }
  .data-\[orientation\=vertical\]\:h-\[calc\(var\(--active-tab-height\)\/2\)\][data-orientation="vertical"] {
    height: calc(var(--active-tab-height) / 2);
  }
  .data-\[orientation\=vertical\]\:h-fit[data-orientation="vertical"] {
    height: fit-content;
  }
  .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
    height: 100%;
  }
  .data-\[orientation\=vertical\]\:min-h-40[data-orientation="vertical"] {
    min-height: calc(var(--spacing) * 40);
  }
  .data-\[orientation\=vertical\]\:w-\(--border-width\)[data-orientation="vertical"] {
    width: var(--border-width);
  }
  .data-\[orientation\=vertical\]\:w-0\.5[data-orientation="vertical"] {
    width: calc(var(--spacing) * 0.5);
  }
  .data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"] {
    width: calc(var(--spacing) * 1.5);
  }
  .data-\[orientation\=vertical\]\:w-1\.25[data-orientation="vertical"] {
    width: calc(var(--spacing) * 1.25);
  }
  .data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"] {
    width: auto;
  }
  .data-\[orientation\=vertical\]\:w-fit[data-orientation="vertical"] {
    width: fit-content;
  }
  .data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"] {
    width: 100%;
  }
  .data-\[orientation\=vertical\]\:min-w-32[data-orientation="vertical"] {
    min-width: calc(var(--spacing) * 32);
  }
  .data-\[orientation\=vertical\]\:min-w-36[data-orientation="vertical"] {
    min-width: calc(var(--spacing) * 36);
  }
  .data-\[orientation\=vertical\]\:min-w-40[data-orientation="vertical"] {
    min-width: calc(var(--spacing) * 40);
  }
  .data-\[orientation\=vertical\]\:-translate-y-1\/2[data-orientation="vertical"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[orientation\=vertical\]\:translate-y-\(--active-tab-top\)[data-orientation="vertical"] {
    --tw-translate-y: var(--active-tab-top);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] {
    flex-direction: column;
  }
  .data-\[orientation\=vertical\]\:items-stretch[data-orientation="vertical"] {
    align-items: stretch;
  }
  .data-\[orientation\=vertical\]\:justify-center[data-orientation="vertical"] {
    justify-content: center;
  }
  .data-\[orientation\=vertical\]\:self-stretch[data-orientation="vertical"] {
    align-self: stretch;
  }
  .data-\[orientation\=vertical\]\:ps-3[data-orientation="vertical"] {
    padding-inline-start: calc(var(--spacing) * 3);
  }
  .data-\[orientation\=vertical\]\:ps-4[data-orientation="vertical"] {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .data-\[orientation\=vertical\]\:ps-5[data-orientation="vertical"] {
    padding-inline-start: calc(var(--spacing) * 5);
  }
  .data-\[orientation\=vertical\]\:text-start[data-orientation="vertical"] {
    text-align: start;
  }
  @media (hover: hover) {
    .data-\[orientation\=vertical\]\:hover\:w-2[data-orientation="vertical"]:hover {
      width: calc(var(--spacing) * 2);
    }
  }
  .data-\[orientation\=vertical\]\:has-data-\[icon\=end\]\:pe-2[data-orientation="vertical"]:has([data-icon="end"]) {
    padding-inline-end: calc(var(--spacing) * 2);
  }
  .data-\[orientation\=vertical\]\:has-data-\[icon\=end\]\:pe-3[data-orientation="vertical"]:has([data-icon="end"]) {
    padding-inline-end: calc(var(--spacing) * 3);
  }
  .data-\[orientation\=vertical\]\:has-data-\[icon\=end\]\:pe-4[data-orientation="vertical"]:has([data-icon="end"]) {
    padding-inline-end: calc(var(--spacing) * 4);
  }
  .data-\[orientation\=vertical\]\:has-data-\[icon\=start\]\:ps-2[data-orientation="vertical"]:has([data-icon="start"]) {
    padding-inline-start: calc(var(--spacing) * 2);
  }
  .data-\[orientation\=vertical\]\:has-data-\[icon\=start\]\:ps-3[data-orientation="vertical"]:has([data-icon="start"]) {
    padding-inline-start: calc(var(--spacing) * 3);
  }
  .data-\[orientation\=vertical\]\:has-data-\[icon\=start\]\:ps-4[data-orientation="vertical"]:has([data-icon="start"]) {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .data-\[scrolling\]\:pointer-events-auto[data-scrolling] {
    pointer-events: auto;
  }
  .data-\[scrolling\]\:opacity-100[data-scrolling] {
    opacity: 100%;
  }
  .data-\[scrolling\]\:duration-0[data-scrolling] {
    --tw-duration: 0ms;
    transition-duration: 0ms;
  }
  .data-\[side\=bottom\]\:-top-2\.25[data-side="bottom"] {
    top: calc(var(--spacing) * -2.25);
  }
  .data-\[side\=bottom\]\:top-1[data-side="bottom"] {
    top: var(--spacing);
  }
  .data-\[side\=inline-end\]\:-inset-s-1[data-side="inline-end"] {
    inset-inline-start: calc(var(--spacing) * -1);
  }
  .data-\[side\=inline-end\]\:-inset-s-3\.25[data-side="inline-end"] {
    inset-inline-start: calc(var(--spacing) * -3.25);
  }
  .data-\[side\=inline-end\]\:top-1\/2\![data-side="inline-end"] {
    top: calc(1 / 2 * 100%) !important;
  }
  .data-\[side\=inline-end\]\:-translate-y-1\/2[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\]\:-inset-e-1[data-side="inline-start"] {
    inset-inline-end: calc(var(--spacing) * -1);
  }
  .data-\[side\=inline-start\]\:-inset-e-3\.25[data-side="inline-start"] {
    inset-inline-end: calc(var(--spacing) * -3.25);
  }
  .data-\[side\=inline-start\]\:top-1\/2\![data-side="inline-start"] {
    top: calc(1 / 2 * 100%) !important;
  }
  .data-\[side\=inline-start\]\:-translate-y-1\/2[data-side="inline-start"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=left\]\:top-1\/2\![data-side="left"] {
    top: calc(1 / 2 * 100%) !important;
  }
  .data-\[side\=left\]\:-right-1[data-side="left"] {
    right: calc(var(--spacing) * -1);
  }
  .data-\[side\=left\]\:-right-3\.25[data-side="left"] {
    right: calc(var(--spacing) * -3.25);
  }
  .data-\[side\=left\]\:-translate-y-1\/2[data-side="left"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=left\]\:rotate-90[data-side="left"] {
    rotate: 90deg;
  }
  .data-\[side\=right\]\:top-1\/2\![data-side="right"] {
    top: calc(1 / 2 * 100%) !important;
  }
  .data-\[side\=right\]\:-left-1[data-side="right"] {
    left: calc(var(--spacing) * -1);
  }
  .data-\[side\=right\]\:-left-3\.25[data-side="right"] {
    left: calc(var(--spacing) * -3.25);
  }
  .data-\[side\=right\]\:-translate-y-1\/2[data-side="right"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=right\]\:-rotate-90[data-side="right"] {
    rotate: calc(90deg * -1);
  }
  .data-\[side\=top\]\:-bottom-2\.5[data-side="top"] {
    bottom: calc(var(--spacing) * -2.5);
  }
  .data-\[side\=top\]\:-bottom-2\.25[data-side="top"] {
    bottom: calc(var(--spacing) * -2.25);
  }
  .data-\[side\=top\]\:rotate-180[data-side="top"] {
    rotate: 180deg;
  }
  :is(.\*\:data-\[slot\=avatar\]\:ring-\[calc\(1em\/12\)\] > *)[data-slot="avatar"] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(calc(1em / 12) + 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\]\:ring-background > *)[data-slot="avatar"] {
    --tw-ring-color: var(--background);
  }
  :is(.\*\*\:data-\[slot\=combobox-input-field\]\:px-1 *)[data-slot="combobox-input-field"] {
    padding-inline: var(--spacing);
  }
  :is(.\*\*\:data-\[slot\=meter-label\]\:col-start-1 *)[data-slot="meter-label"] {
    grid-column-start: 1;
  }
  :is(.\*\*\:data-\[slot\=meter-label\]\:row-start-1 *)[data-slot="meter-label"] {
    grid-row-start: 1;
  }
  :is(.\*\*\:data-\[slot\=meter-progress\]\:col-span-2 *)[data-slot="meter-progress"] {
    grid-column: span 2 / span 2;
  }
  :is(.\*\*\:data-\[slot\=meter-value\]\:col-start-2 *)[data-slot="meter-value"] {
    grid-column-start: 2;
  }
  :is(.\*\*\:data-\[slot\=meter-value\]\:row-start-1 *)[data-slot="meter-value"] {
    grid-row-start: 1;
  }
  :is(.\*\*\:data-\[slot\=meter-value\]\:justify-self-end *)[data-slot="meter-value"] {
    justify-self: flex-end;
  }
  .data-\[starting-style\]\:opacity-0[data-starting-style] {
    opacity: 0%;
  }
  .data-\[variant\=bar\]\:grid-cols-\[1fr_auto\][data-variant="bar"] {
    grid-template-columns: 1fr auto;
  }
  :is(.data-\[variant\=bar\]\:\*\*\:data-\[slot\=progress-label\]\:col-start-1[data-variant="bar"] *)[data-slot="progress-label"] {
    grid-column-start: 1;
  }
  :is(.data-\[variant\=bar\]\:\*\*\:data-\[slot\=progress-label\]\:row-start-1[data-variant="bar"] *)[data-slot="progress-label"] {
    grid-row-start: 1;
  }
  :is(.data-\[variant\=bar\]\:\*\*\:data-\[slot\=progress-track\]\:col-span-2[data-variant="bar"] *)[data-slot="progress-track"] {
    grid-column: span 2 / span 2;
  }
  :is(.data-\[variant\=bar\]\:\*\*\:data-\[slot\=progress-value\]\:col-start-2[data-variant="bar"] *)[data-slot="progress-value"] {
    grid-column-start: 2;
  }
  :is(.data-\[variant\=bar\]\:\*\*\:data-\[slot\=progress-value\]\:row-start-1[data-variant="bar"] *)[data-slot="progress-value"] {
    grid-row-start: 1;
  }
  :is(.data-\[variant\=bar\]\:\*\*\:data-\[slot\=progress-value\]\:justify-self-end[data-variant="bar"] *)[data-slot="progress-value"] {
    justify-self: flex-end;
  }
  .data-\[variant\=circular\]\:w-fit[data-variant="circular"] {
    width: fit-content;
  }
  .data-\[variant\=circular\]\:justify-items-center[data-variant="circular"] {
    justify-items: center;
  }
  :is(.data-\[variant\=circular\]\:\*\*\:data-\[slot\=progress-circular\]\:col-start-1[data-variant="circular"] *)[data-slot="progress-circular"] {
    grid-column-start: 1;
  }
  :is(.data-\[variant\=circular\]\:\*\*\:data-\[slot\=progress-circular\]\:row-start-1[data-variant="circular"] *)[data-slot="progress-circular"] {
    grid-row-start: 1;
  }
  :is(.data-\[variant\=circular\]\:\*\*\:data-\[slot\=progress-label\]\:row-start-2[data-variant="circular"] *)[data-slot="progress-label"] {
    grid-row-start: 2;
  }
  :is(.data-\[variant\=circular\]\:\*\*\:data-\[slot\=progress-value\]\:col-start-1[data-variant="circular"] *)[data-slot="progress-value"] {
    grid-column-start: 1;
  }
  :is(.data-\[variant\=circular\]\:\*\*\:data-\[slot\=progress-value\]\:row-start-1[data-variant="circular"] *)[data-slot="progress-value"] {
    grid-row-start: 1;
  }
  :is(.data-\[variant\=circular\]\:\*\*\:data-\[slot\=progress-value\]\:place-self-center[data-variant="circular"] *)[data-slot="progress-value"] {
    place-self: center;
  }
  @supports (-webkit-touch-callout:none) {
    .supports-\[-webkit-touch-callout\:none\]\:absolute {
      position: absolute;
    }
  }
  @supports (font:-apple-system-body) {
    .supports-\[font\:-apple-system-body\]\:before\:hidden::before {
      content: var(--tw-content);
      display: none;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:origin-\(--transform-origin\):not([data-disable-animations] *) {
      transform-origin: var(--transform-origin);
    }
    .motion-safe\:animate-gradient-glow:not([data-disable-animations] *) {
      animation: gradient-glow var(--gradient-glow-duration, 4s) linear infinite;
    }
    .motion-safe\:animate-gradient-glow-aura:not([data-disable-animations] *) {
      animation: gradient-glow var(--gradient-glow-duration, 4s) linear infinite, gradient-glow-pulse var(--gradient-glow-duration, 4s) ease-in-out infinite;
    }
    .motion-safe\:animate-text-caret:not([data-disable-animations] *) {
      animation: text-caret 1s steps(1, end) infinite;
    }
    .motion-safe\:transition:not([data-disable-animations] *) {
      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));
    }
    .motion-safe\:transition-\[grid-template-rows\]:not([data-disable-animations] *) {
      transition-property: grid-template-rows;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .motion-safe\:transition-\[height\]:not([data-disable-animations] *) {
      transition-property: height;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .motion-safe\:transition-\[left\,top\]:not([data-disable-animations] *) {
      transition-property: left,top;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .motion-safe\:transition-\[left\]:not([data-disable-animations] *) {
      transition-property: left;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .motion-safe\:transition-\[opacity\,scale\]:not([data-disable-animations] *) {
      transition-property: opacity,scale;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .motion-safe\:transition-\[opacity\,stroke-dashoffset\]:not([data-disable-animations] *) {
      transition-property: opacity,stroke-dashoffset;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .motion-safe\:transition-\[opacity\,translate\]:not([data-disable-animations] *) {
      transition-property: opacity,translate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .motion-safe\:transition-\[stroke-dashoffset\]:not([data-disable-animations] *) {
      transition-property: stroke-dashoffset;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .motion-safe\:transition-\[top\,left\,right\,bottom\]:not([data-disable-animations] *) {
      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));
    }
    .motion-safe\:transition-\[transform\,height\]:not([data-disable-animations] *) {
      transition-property: transform,height;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .motion-safe\:transition-\[width\,height\,background-color\]:not([data-disable-animations] *) {
      transition-property: width,height,background-color;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .motion-safe\:transition-\[width\]:not([data-disable-animations] *) {
      transition-property: width;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .motion-safe\:transition-all:not([data-disable-animations] *) {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .motion-safe\:transition-colors:not([data-disable-animations] *) {
      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));
    }
    .motion-safe\:transition-opacity:not([data-disable-animations] *) {
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .motion-safe\:transition-transform:not([data-disable-animations] *) {
      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));
    }
    .motion-safe\:delay-\[0ms\,150ms\]:not([data-disable-animations] *) {
      transition-delay: 0ms,150ms;
    }
    .motion-safe\:duration-150:not([data-disable-animations] *) {
      --tw-duration: 150ms;
      transition-duration: 150ms;
    }
    .motion-safe\:duration-200:not([data-disable-animations] *) {
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
    .motion-safe\:duration-250:not([data-disable-animations] *) {
      --tw-duration: 250ms;
      transition-duration: 250ms;
    }
    .motion-safe\:duration-300:not([data-disable-animations] *) {
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
    .motion-safe\:duration-350:not([data-disable-animations] *) {
      --tw-duration: 350ms;
      transition-duration: 350ms;
    }
    .motion-safe\:duration-400:not([data-disable-animations] *) {
      --tw-duration: 400ms;
      transition-duration: 400ms;
    }
    .motion-safe\:duration-\[150ms\,0ms\]:not([data-disable-animations] *) {
      --tw-duration: 150ms,0ms;
      transition-duration: 150ms,0ms;
    }
    .motion-safe\:duration-\[calc\(var\(--indent-transition\)\*400ms\)\]:not([data-disable-animations] *) {
      --tw-duration: calc(var(--indent-transition) * 400ms);
      transition-duration: calc(var(--indent-transition) * 400ms);
    }
    .motion-safe\:ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]:not([data-disable-animations] *) {
      --tw-ease: cubic-bezier(0.22,1,0.36,1);
      transition-timing-function: cubic-bezier(0.22,1,0.36,1);
    }
    .motion-safe\:ease-\[cubic-bezier\(0\.32\,1\.2\,0\.4\,1\)\]:not([data-disable-animations] *) {
      --tw-ease: cubic-bezier(0.32,1.2,0.4,1);
      transition-timing-function: cubic-bezier(0.32,1.2,0.4,1);
    }
    .motion-safe\:ease-\[cubic-bezier\(0\.175\,0\.885\,0\.32\,1\.5\)\]:not([data-disable-animations] *) {
      --tw-ease: cubic-bezier(0.175,0.885,0.32,1.5);
      transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.5);
    }
    .motion-safe\:ease-linear:not([data-disable-animations] *) {
      --tw-ease: linear;
      transition-timing-function: linear;
    }
    .motion-safe\:ease-out:not([data-disable-animations] *) {
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
    }
    .motion-safe\:\[transition\:opacity_300ms_cubic-bezier\(0\.175\,0\.885\,0\.32\,1\.5\)\,scale_300ms_cubic-bezier\(0\.175\,0\.885\,0\.32\,1\.5\)\,width_300ms_cubic-bezier\(0\.22\,1\,0\.36\,1\)\,height_300ms_cubic-bezier\(0\.22\,1\,0\.36\,1\)\]:not([data-disable-animations] *) {
      transition: opacity 300ms cubic-bezier(0.175,0.885,0.32,1.5),scale 300ms cubic-bezier(0.175,0.885,0.32,1.5),width 300ms cubic-bezier(0.22,1,0.36,1),height 300ms cubic-bezier(0.22,1,0.36,1);
    }
    .motion-safe\:group-data-checked\/check\:delay-\[0ms\]:not([data-disable-animations] *):is(:where(.group\/check)[data-checked] *) {
      transition-delay: 0ms;
    }
    .motion-safe\:group-data-checked\/check\:duration-\[0ms\,300ms\]:not([data-disable-animations] *):is(:where(.group\/check)[data-checked] *) {
      --tw-duration: 0ms,300ms;
      transition-duration: 0ms,300ms;
    }
    .group-data-ending-style\/popup\:motion-safe\:scale-95:is(:where(.group\/popup)[data-ending-style] *):not([data-disable-animations] *) {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-data-ending-style\/popup\:motion-safe\:opacity-0:is(:where(.group\/popup)[data-ending-style] *):not([data-disable-animations] *) {
      opacity: 0%;
    }
    .group-data-ending-style\/popup\:motion-safe\:duration-100:is(:where(.group\/popup)[data-ending-style] *):not([data-disable-animations] *) {
      --tw-duration: 100ms;
      transition-duration: 100ms;
    }
    .group-data-ending-style\/popup\:motion-safe\:ease-out:is(:where(.group\/popup)[data-ending-style] *):not([data-disable-animations] *) {
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
    }
    .motion-safe\:group-data-selected\/check\:delay-\[0ms\]:not([data-disable-animations] *):is(:where(.group\/check)[data-selected] *) {
      transition-delay: 0ms;
    }
    .motion-safe\:group-data-selected\/check\:duration-\[0ms\,300ms\]:not([data-disable-animations] *):is(:where(.group\/check)[data-selected] *) {
      --tw-duration: 0ms,300ms;
      transition-duration: 0ms,300ms;
    }
    .group-data-starting-style\/popup\:motion-safe\:scale-90:is(:where(.group\/popup)[data-starting-style] *):not([data-disable-animations] *) {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-data-starting-style\/popup\:motion-safe\:opacity-0:is(:where(.group\/popup)[data-starting-style] *):not([data-disable-animations] *) {
      opacity: 0%;
    }
    .motion-safe\:before\:transition-opacity:not([data-disable-animations] *)::before {
      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));
    }
    .motion-safe\:before\:duration-200:not([data-disable-animations] *)::before {
      content: var(--tw-content);
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
    .motion-safe\:before\:ease-out:not([data-disable-animations] *)::before {
      content: var(--tw-content);
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
    }
    .motion-safe\:active\:duration-100:not([data-disable-animations] *):active {
      --tw-duration: 100ms;
      transition-duration: 100ms;
    }
    .motion-safe\:active\:ease-in-out:not([data-disable-animations] *):active {
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
    .data-ending-style\:motion-safe\:scale-95[data-ending-style]:not([data-disable-animations] *) {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .data-ending-style\:motion-safe\:opacity-0[data-ending-style]:not([data-disable-animations] *) {
      opacity: 0%;
    }
    .data-ending-style\:motion-safe\:duration-100[data-ending-style]:not([data-disable-animations] *) {
      --tw-duration: 100ms;
      transition-duration: 100ms;
    }
    .data-ending-style\:motion-safe\:duration-150[data-ending-style]:not([data-disable-animations] *) {
      --tw-duration: 150ms;
      transition-duration: 150ms;
    }
    .data-ending-style\:motion-safe\:duration-300[data-ending-style]:not([data-disable-animations] *) {
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
    .data-ending-style\:motion-safe\:ease-out[data-ending-style]:not([data-disable-animations] *) {
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
    }
    .data-instant\:motion-safe\:transition-none[data-instant]:not([data-disable-animations] *) {
      transition-property: none;
    }
    .data-starting-style\:motion-safe\:scale-90[data-starting-style]:not([data-disable-animations] *) {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .data-starting-style\:motion-safe\:scale-95[data-starting-style]:not([data-disable-animations] *) {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .data-starting-style\:motion-safe\:opacity-0[data-starting-style]:not([data-disable-animations] *) {
      opacity: 0%;
    }
    .data-\[activation-direction\=down\]\:data-ending-style\:motion-safe\:-translate-y-4[data-activation-direction="down"][data-ending-style]:not([data-disable-animations] *) {
      --tw-translate-y: calc(var(--spacing) * -4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .data-\[activation-direction\=down\]\:data-starting-style\:motion-safe\:translate-y-4[data-activation-direction="down"][data-starting-style]:not([data-disable-animations] *) {
      --tw-translate-y: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .data-\[activation-direction\=left\]\:data-ending-style\:motion-safe\:translate-x-4[data-activation-direction="left"][data-ending-style]:not([data-disable-animations] *) {
      --tw-translate-x: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .data-\[activation-direction\=left\]\:data-starting-style\:motion-safe\:-translate-x-4[data-activation-direction="left"][data-starting-style]:not([data-disable-animations] *) {
      --tw-translate-x: calc(var(--spacing) * -4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .data-\[activation-direction\=right\]\:data-ending-style\:motion-safe\:-translate-x-4[data-activation-direction="right"][data-ending-style]:not([data-disable-animations] *) {
      --tw-translate-x: calc(var(--spacing) * -4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .data-\[activation-direction\=right\]\:data-starting-style\:motion-safe\:translate-x-4[data-activation-direction="right"][data-starting-style]:not([data-disable-animations] *) {
      --tw-translate-x: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .data-\[activation-direction\=up\]\:data-ending-style\:motion-safe\:translate-y-4[data-activation-direction="up"][data-ending-style]:not([data-disable-animations] *) {
      --tw-translate-y: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .data-\[activation-direction\=up\]\:data-starting-style\:motion-safe\:-translate-y-4[data-activation-direction="up"][data-starting-style]:not([data-disable-animations] *) {
      --tw-translate-y: calc(var(--spacing) * -4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:hidden {
      display: none;
    }
  }
  .motion-reduce\:hidden:is([data-disable-animations] *) {
    display: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-none {
      animation: none;
    }
  }
  .motion-reduce\:animate-none:is([data-disable-animations] *) {
    animation: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }
  .motion-reduce\:transition-none:is([data-disable-animations] *) {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:before\:transition-none::before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
  .motion-reduce\:before\:transition-none:is([data-disable-animations] *)::before {
    content: var(--tw-content);
    transition-property: none;
  }
  @media (width >= 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:justify-end {
      justify-content: flex-end;
    }
  }
  @container (width >= 460px) {
    .\@min-\[460px\]\:group-data-\[layout\=inline\]\/alert\:my-0:is(:where(.group\/alert)[data-layout="inline"] *) {
      margin-block: 0px;
    }
    .\@min-\[460px\]\:group-data-\[layout\=inline\]\/alert\:ms-3:is(:where(.group\/alert)[data-layout="inline"] *) {
      margin-inline-start: calc(var(--spacing) * 3);
    }
    .\@min-\[460px\]\:group-data-\[layout\=inline\]\/alert\:me-3:is(:where(.group\/alert)[data-layout="inline"] *) {
      margin-inline-end: calc(var(--spacing) * 3);
    }
    .\@min-\[460px\]\:group-data-\[layout\=inline\]\/alert\:mt-0:is(:where(.group\/alert)[data-layout="inline"] *) {
      margin-top: 0px;
    }
    .\@min-\[460px\]\:group-data-\[layout\=inline\]\/alert\:self-center:is(:where(.group\/alert)[data-layout="inline"] *) {
      align-self: center;
    }
    .\@min-\[460px\]\:group-data-\[layout\=inline\]\/alert\:pt-0:is(:where(.group\/alert)[data-layout="inline"] *) {
      padding-top: 0px;
    }
    .\@min-\[460px\]\:group-data-\[layout\=inline\]\/alert\:text-sm:is(:where(.group\/alert)[data-layout="inline"] *) {
      font-size: 0.875rem;
      line-height: var(--tw-leading, 1.25rem);
    }
    .\@min-\[460px\]\:data-\[layout\=inline\]\:\[grid-template-columns\:auto_auto_1fr_auto_auto\][data-layout="inline"] {
      grid-template-columns: auto auto 1fr auto auto;
    }
    .\@min-\[460px\]\:data-\[layout\=inline\]\:items-center[data-layout="inline"] {
      align-items: center;
    }
    .\@min-\[460px\]\:data-\[layout\=inline\]\:\[grid-template-areas\:\'icon_title_description_actions_close\'\][data-layout="inline"] {
      grid-template-areas: 'icon title description actions close';
    }
  }
  .ltr\:\[mask-image\:linear-gradient\(to_bottom\,transparent_0\,black_min\(40px\,var\(--scroll-area-overflow-y-start\)\)\,black_calc\(100\%_-_min\(40px\,var\(--scroll-area-overflow-y-end\,40px\)\)\)\,transparent_100\%\)\,linear-gradient\(to_right\,transparent_0\,black_min\(40px\,var\(--scroll-area-overflow-x-start\)\)\,black_calc\(100\%_-_min\(40px\,var\(--scroll-area-overflow-x-end\,40px\)\)\)\,transparent_100\%\)\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    mask-image: linear-gradient(to bottom,transparent 0,black min(40px, var(--scroll-area-overflow-y-start)),black calc(100% - min(40px, var(--scroll-area-overflow-y-end,40px))),transparent 100%),linear-gradient(to right,transparent 0,black min(40px, var(--scroll-area-overflow-x-start)),black calc(100% - min(40px, var(--scroll-area-overflow-x-end,40px))),transparent 100%);
  }
  .data-\[orientation\=horizontal\]\:ltr\:translate-x-\(--active-tab-left\)[data-orientation="horizontal"]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    --tw-translate-x: var(--active-tab-left);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[orientation\=vertical\]\:ltr\:origin-left[data-orientation="vertical"]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    transform-origin: 0;
  }
  .data-\[side\=inline-end\]\:ltr\:-rotate-90[data-side="inline-end"]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    rotate: calc(90deg * -1);
  }
  .data-\[side\=inline-start\]\:ltr\:rotate-90[data-side="inline-start"]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    rotate: 90deg;
  }
  .rtl\:origin-right:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    transform-origin: 100%;
  }
  .rtl\:rotate-90:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    rotate: 90deg;
  }
  .rtl\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    rotate: 180deg;
  }
  .rtl\:\[mask-image\:linear-gradient\(to_bottom\,transparent_0\,black_min\(40px\,var\(--scroll-area-overflow-y-start\)\)\,black_calc\(100\%_-_min\(40px\,var\(--scroll-area-overflow-y-end\,40px\)\)\)\,transparent_100\%\)\,linear-gradient\(to_left\,transparent_0\,black_min\(40px\,var\(--scroll-area-overflow-x-start\)\)\,black_calc\(100\%_-_min\(40px\,var\(--scroll-area-overflow-x-end\,40px\)\)\)\,transparent_100\%\)\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    mask-image: linear-gradient(to bottom,transparent 0,black min(40px, var(--scroll-area-overflow-y-start)),black calc(100% - min(40px, var(--scroll-area-overflow-y-end,40px))),transparent 100%),linear-gradient(to left,transparent 0,black min(40px, var(--scroll-area-overflow-x-start)),black calc(100% - min(40px, var(--scroll-area-overflow-x-end,40px))),transparent 100%);
  }
  .data-\[orientation\=horizontal\]\:rtl\:-translate-x-\(--active-tab-right\)[data-orientation="horizontal"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(var(--active-tab-right) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[orientation\=vertical\]\:rtl\:origin-right[data-orientation="vertical"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    transform-origin: 100%;
  }
  .data-\[side\=inline-end\]\:rtl\:rotate-90[data-side="inline-end"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    rotate: 90deg;
  }
  .data-\[side\=inline-start\]\:rtl\:-rotate-90[data-side="inline-start"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    rotate: calc(90deg * -1);
  }
  .dark\:\[--gradient-glow-opacity\:0\.6\]:is(.dark *) {
    --gradient-glow-opacity: 0.6;
  }
  :where([data-slot="tooltip-content"]) .dark\:in-data-\[slot\=tooltip-content\]\:border-border-intense\/20:is(.dark *) {
    border-color: var(--border-intense);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border-intense) 20%, transparent);
    }
  }
  @media (pointer: coarse) {
    .pointer-coarse\:text-base {
      font-size: 1rem;
      line-height: var(--tw-leading, 1.5rem);
    }
  }
  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }
  .\[\&_svg\]\:size-4\.5\! svg {
    width: calc(var(--spacing) * 4.5) !important;
    height: calc(var(--spacing) * 4.5) !important;
  }
  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*='size-']) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 svg:not([class*='size-']) {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5\.5 svg:not([class*='size-']) {
    width: calc(var(--spacing) * 5.5);
    height: calc(var(--spacing) * 5.5);
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-\[0\.5em\] svg:not([class*='size-']) {
    width: 0.5em;
    height: 0.5em;
  }
  .\[\&_svg\:not\(\[class\*\=\'stroke-\'\]\)\]\:stroke-\[1\.65\] svg:not([class*='stroke-']) {
    stroke-width: 1.65;
  }
  .\[\&_svg\:not\(\[class\*\=\'stroke-\'\]\)\]\:stroke-\[1\.75\] svg:not([class*='stroke-']) {
    stroke-width: 1.75;
  }
  .\[\&_svg\:not\(\[class\*\=\'stroke-\'\]\)\]\:stroke-\[1\.85\] svg:not([class*='stroke-']) {
    stroke-width: 1.85;
  }
  .\[\&_td\]\:border-b td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: var(--border-width);
  }
  .\[\&_td\]\:align-middle td {
    vertical-align: middle;
  }
  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }
  .\[\&\>\*\:not\(\:first-of-type\)\]\:rounded-s-none > :not(:first-of-type) {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  .\[\&\>\*\:not\(\:first-of-type\)\]\:rounded-t-none > :not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .\[\&\>\*\:not\(\:last-of-type\)\]\:rounded-e-none > :not(:last-of-type) {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
  .\[\&\>\*\:not\(\:last-of-type\)\]\:rounded-b-none > :not(:last-of-type) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .\[\&\>\:not\(\[data-slot\=drawer-close-button\]\)\]\:-ms-4 > :not([data-slot=drawer-close-button]) {
    margin-inline-start: calc(var(--spacing) * -4);
  }
  .\[\&\>\:not\(\[data-slot\=drawer-close-button\]\)\]\:-me-4 > :not([data-slot=drawer-close-button]) {
    margin-inline-end: calc(var(--spacing) * -4);
  }
  .\[\&\>\[data-slot\=alert-dialog-header\]\+\[data-slot\=alert-dialog-footer\]\]\:pt-0 > [data-slot=alert-dialog-header] + [data-slot=alert-dialog-footer] {
    padding-top: 0px;
  }
  .\[\&\>\[data-slot\=dialog-header\]\+\[data-slot\=dialog-footer\]\]\:pt-0 > [data-slot=dialog-header] + [data-slot=dialog-footer] {
    padding-top: 0px;
  }
  .\[\&\>\[data-slot\=drawer-close-button\]\]\:inset-e-0 > [data-slot=drawer-close-button] {
    inset-inline-end: 0px;
  }
  .\[\&\>\[data-slot\=drawer-close-button\]\]\:top-0 > [data-slot=drawer-close-button] {
    top: 0px;
  }
  .\[\&\>\[data-slot\=drawer-footer\]\]\:-mb-4 > [data-slot=drawer-footer] {
    margin-bottom: calc(var(--spacing) * -4);
  }
  .\[\&\>\[data-slot\=drawer-header\]\]\:-mt-4 > [data-slot=drawer-header] {
    margin-top: calc(var(--spacing) * -4);
  }
  .\[\&\>\[data-slot\=drawer-header\]\+\[data-slot\=drawer-footer\]\]\:pt-0 > [data-slot=drawer-header] + [data-slot=drawer-footer] {
    padding-top: 0px;
  }
  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 > svg:not([class*='size-']) {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .\[\&\>tbody_th\]\:border-b > tbody th {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: var(--border-width);
  }
  .\[\&\>tbody_th\]\:font-medium > tbody th {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[\&\>tbody_th\]\:text-foreground-intense > tbody th {
    color: var(--foreground-intense);
  }
  .\[\&\>tbody\:last-of-type\>tr\:last-child\>td\]\:border-b-0 > tbody:last-of-type > tr:last-child > td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .\[\&\>tbody\:last-of-type\>tr\:last-child\>th\]\:border-b-0 > tbody:last-of-type > tr:last-child > th {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .\[\&\>tbody\>tr\]\:transition-colors > tbody > tr {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .\[\&\>tbody\>tr\]\:duration-200 > tbody > tr {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:\[\&\>tbody\>tr\]\:transition-none > tbody > tr {
      transition-property: none;
    }
  }
  .motion-reduce\:\[\&\>tbody\>tr\]\:transition-none:is([data-disable-animations] *) > tbody > tr {
    transition-property: none;
  }
  .\[\&\>tbody\>tr\:hover\]\:bg-background-subtle > tbody > tr:hover {
    background-color: var(--background-subtle);
  }
  .\[\&\>tbody\>tr\:nth-child\(2n\)\]\:bg-background-subtle > tbody > tr:nth-child(2n) {
    background-color: var(--background-subtle);
  }
  .\[\&\>tbody\>tr\>\:nth-child\(2n\)\]\:bg-background-subtle > tbody > tr > :nth-child(2n) {
    background-color: var(--background-subtle);
  }
  .\[\&\>tbody\>tr\[data-highlighted\]\]\:bg-background-subtle > tbody > tr[data-highlighted] {
    background-color: var(--background-subtle);
  }
  .\[\&\>thead\>tr\>th\]\:bg-background-muted > thead > tr > th {
    background-color: var(--background-muted);
  }
  .\[\&\>thead\>tr\>th\]\:font-medium > thead > tr > th {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[\&\>thead\>tr\>th\]\:text-foreground-intense > thead > tr > th {
    color: var(--foreground-intense);
  }
}
:root, .light {
  --foreground: oklch(0.446 0.03 256.802);
  --foreground-subtle: oklch(0.707 0.022 261.325);
  --foreground-muted: oklch(0.551 0.027 264.364);
  --foreground-strong: oklch(0.373 0.034 259.733);
  --foreground-emphasis: oklch(0.278 0.033 256.848);
  --foreground-intense: oklch(0.21 0.034 264.665);
  --foreground-inverse: oklch(1 0 0);
  --background: oklch(1 0 0);
  --background-subtle: oklch(0.985 0.002 247.839);
  --background-muted: oklch(0.967 0.003 264.542);
  --background-strong: oklch(0.928 0.006 264.531);
  --background-inverse: oklch(0.13 0.028 261.692);
  --border: oklch(0.928 0.006 264.531);
  --border-muted: oklch(0.967 0.003 264.542);
  --border-strong: oklch(0.872 0.01 258.338);
  --border-emphasis: oklch(0.707 0.022 261.325);
  --border-intense: oklch(0.551 0.027 264.364);
  --border-inverse: oklch(0.278 0.033 256.848);
  --border-overlay: oklch(0.967 0.003 264.542);
  --primary: oklch(0.21 0.034 264.665);
  --primary-subtle: oklch(0.967 0.003 264.542);
  --primary-soft: oklch(0.928 0.006 264.531);
  --primary-muted: oklch(0.373 0.034 259.733);
  --primary-strong: oklch(0.13 0.028 261.692);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.809 0.105 251.813);
  --secondary-subtle: oklch(0.623 0.214 259.815 / 10%);
  --secondary-soft: oklch(0.623 0.214 259.815 / 20%);
  --secondary-muted: oklch(0.882 0.059 254.128);
  --secondary-strong: oklch(0.707 0.165 254.624);
  --secondary-emphasis: oklch(0.623 0.214 259.815);
  --secondary-intense: oklch(0.546 0.245 262.881);
  --secondary-foreground: oklch(0.13 0.028 261.692);
  --error: oklch(0.808 0.114 19.571);
  --error-subtle: oklch(0.637 0.237 25.331 / 10%);
  --error-soft: oklch(0.637 0.237 25.331 / 20%);
  --error-muted: oklch(0.885 0.062 18.334);
  --error-strong: oklch(0.704 0.191 22.216);
  --error-emphasis: oklch(0.637 0.237 25.331);
  --error-intense: oklch(0.577 0.245 27.325);
  --error-foreground: oklch(0.13 0.028 261.692);
  --success: oklch(0.845 0.143 164.978);
  --success-subtle: oklch(0.696 0.17 162.48 / 10%);
  --success-soft: oklch(0.696 0.17 162.48 / 20%);
  --success-muted: oklch(0.905 0.093 164.15);
  --success-strong: oklch(0.765 0.177 163.223);
  --success-emphasis: oklch(0.696 0.17 162.48);
  --success-intense: oklch(0.596 0.145 163.225);
  --success-foreground: oklch(0.13 0.028 261.692);
  --warning: oklch(0.837 0.128 66.29);
  --warning-subtle: oklch(0.705 0.213 47.604 / 10%);
  --warning-soft: oklch(0.705 0.213 47.604 / 20%);
  --warning-muted: oklch(0.901 0.076 70.697);
  --warning-strong: oklch(0.75 0.183 55.934);
  --warning-emphasis: oklch(0.705 0.213 47.604);
  --warning-intense: oklch(0.646 0.222 41.116);
  --warning-foreground: oklch(0.13 0.028 261.692);
  --info: oklch(0.828 0.111 230.318);
  --info-subtle: oklch(0.685 0.169 237.323 / 10%);
  --info-soft: oklch(0.685 0.169 237.323 / 20%);
  --info-muted: oklch(0.901 0.058 230.902);
  --info-strong: oklch(0.746 0.16 232.661);
  --info-emphasis: oklch(0.685 0.169 237.323);
  --info-intense: oklch(0.588 0.158 241.966);
  --info-foreground: oklch(0.13 0.028 261.692);
  --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --focus-ring: oklch(0.872 0.01 258.338);
  --focus-ring-input: oklch(0.928 0.006 264.531);
  --focus-ring-primary: oklch(0.872 0.01 258.338);
  --focus-ring-secondary: oklch(0.623 0.214 259.815 / 30%);
  --focus-ring-error: oklch(0.637 0.237 25.331 / 30%);
  --focus-ring-success: oklch(0.696 0.17 162.48 / 30%);
  --focus-ring-warning: oklch(0.705 0.213 47.604 / 30%);
  --focus-ring-info: oklch(0.685 0.169 237.323 / 30%);
  --focus-ring-light: oklch(1 0 0 / 25%);
  --border-width: 1px;
  --radius: 0.875rem;
  --radius-4xs: calc(var(--radius) * 2 / 7);
  --radius-3xs: calc(var(--radius) * 3 / 7);
  --radius-2xs: calc(var(--radius) * 4 / 7);
  --radius-xs: calc(var(--radius) * 5 / 7);
  --radius-sm: calc(var(--radius) * 6 / 7);
  --radius-md: var(--radius);
  --radius-lg: calc(var(--radius) * 8 / 7);
  --radius-xl: calc(var(--radius) * 9 / 7);
  --radius-2xl: calc(var(--radius) * 12 / 7);
  --radius-3xl: calc(var(--radius) * 16 / 7);
  --radius-4xl: calc(var(--radius) * 20 / 7);
  --shadow-color: oklch(0.551 0.027 264.364 / 18%);
  --selection-color: oklch(0.13 0.028 261.692 / 10%);
  --opacity-disabled: 0.65;
}
.dark {
  --foreground: oklch(0.872 0.01 258.338);
  --foreground-subtle: oklch(0.551 0.027 264.364);
  --foreground-muted: oklch(0.707 0.022 261.325);
  --foreground-strong: oklch(0.928 0.006 264.531);
  --foreground-emphasis: oklch(0.967 0.003 264.542);
  --foreground-intense: oklch(1 0 0);
  --foreground-inverse: oklch(0.21 0.034 264.665);
  --background: oklch(0.13 0.028 261.692);
  --background-subtle: oklch(0.551 0.027 264.364 / 8%);
  --background-muted: oklch(0.21 0.034 264.665);
  --background-strong: oklch(0.278 0.033 256.848);
  --background-inverse: oklch(1 0 0);
  --border: oklch(0.278 0.033 256.848);
  --border-muted: oklch(0.21 0.034 264.665);
  --border-strong: oklch(0.373 0.034 259.733);
  --border-emphasis: oklch(0.446 0.03 256.802);
  --border-intense: oklch(0.551 0.027 264.364);
  --border-inverse: oklch(0.928 0.006 264.531);
  --border-overlay: oklch(0.278 0.033 256.848);
  --primary: oklch(1 0 0);
  --primary-subtle: oklch(0.21 0.034 264.665);
  --primary-soft: oklch(0.278 0.033 256.848);
  --primary-muted: oklch(0.928 0.006 264.531);
  --primary-strong: oklch(1 0 0);
  --primary-foreground: oklch(0.21 0.034 264.665);
  --secondary: oklch(0.707 0.165 254.624);
  --secondary-subtle: oklch(0.623 0.214 259.815 / 10%);
  --secondary-soft: oklch(0.623 0.214 259.815 / 20%);
  --secondary-muted: oklch(0.809 0.105 251.813);
  --secondary-strong: oklch(0.707 0.165 254.624);
  --secondary-emphasis: oklch(0.623 0.214 259.815);
  --secondary-intense: oklch(0.546 0.245 262.881);
  --secondary-foreground: oklch(0.13 0.028 261.692);
  --error: oklch(0.704 0.191 22.216);
  --error-subtle: oklch(0.637 0.237 25.331 / 10%);
  --error-soft: oklch(0.637 0.237 25.331 / 20%);
  --error-muted: oklch(0.808 0.114 19.571);
  --error-strong: oklch(0.704 0.191 22.216);
  --error-emphasis: oklch(0.637 0.237 25.331);
  --error-intense: oklch(0.577 0.245 27.325);
  --error-foreground: oklch(0.13 0.028 261.692);
  --success: oklch(0.765 0.177 163.223);
  --success-subtle: oklch(0.696 0.17 162.48 / 10%);
  --success-soft: oklch(0.696 0.17 162.48 / 20%);
  --success-muted: oklch(0.845 0.143 164.978);
  --success-strong: oklch(0.765 0.177 163.223);
  --success-emphasis: oklch(0.696 0.17 162.48);
  --success-intense: oklch(0.596 0.145 163.225);
  --success-foreground: oklch(0.13 0.028 261.692);
  --warning: oklch(0.75 0.183 55.934);
  --warning-subtle: oklch(0.705 0.213 47.604 / 10%);
  --warning-soft: oklch(0.705 0.213 47.604 / 20%);
  --warning-muted: oklch(0.837 0.128 66.29);
  --warning-strong: oklch(0.75 0.183 55.934);
  --warning-emphasis: oklch(0.705 0.213 47.604);
  --warning-intense: oklch(0.646 0.222 41.116);
  --warning-foreground: oklch(0.13 0.028 261.692);
  --info: oklch(0.746 0.16 232.661);
  --info-subtle: oklch(0.685 0.169 237.323 / 10%);
  --info-soft: oklch(0.685 0.169 237.323 / 20%);
  --info-muted: oklch(0.828 0.111 230.318);
  --info-strong: oklch(0.746 0.16 232.661);
  --info-emphasis: oklch(0.685 0.169 237.323);
  --info-intense: oklch(0.588 0.158 241.966);
  --info-foreground: oklch(0.13 0.028 261.692);
  --focus-ring: oklch(0.373 0.034 259.733);
  --focus-ring-input: oklch(0.278 0.033 256.848);
  --focus-ring-primary: oklch(0.373 0.034 259.733);
  --focus-ring-secondary: oklch(0.623 0.214 259.815 / 50%);
  --focus-ring-error: oklch(0.637 0.237 25.331 / 50%);
  --focus-ring-success: oklch(0.696 0.17 162.48 / 50%);
  --focus-ring-warning: oklch(0.705 0.213 47.604 / 50%);
  --focus-ring-info: oklch(0.685 0.169 237.323 / 50%);
  --focus-ring-light: oklch(1 0 0 / 25%);
  --shadow-color: oklch(0 0 0 / 30%);
  --selection-color: oklch(1 0 0 / 15%);
}
@layer base {
  * {
    border-color: var(--border);
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 3px;
    }
  }
  ::selection {
    background-color: var(--selection-color);
  }
  body {
    position: relative;
    min-height: 100dvh;
    background-color: var(--background);
    color: var(--foreground);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@keyframes ping-paced {
  25%, 100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .skeleton-shimmer::after {
    animation: none;
  }
}
[data-disable-animations] .skeleton-shimmer::after {
  animation: none;
}
[dir='rtl'] .skeleton-shimmer::after {
  animation-direction: reverse;
}
@keyframes skeleton-shimmer {
  100% {
    transform: translateX(100%);
  }
}
[data-disable-animations] [data-slot='toast-progress-indicator'] {
  animation: none;
}
@keyframes toast-progress {
  from {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes text-caret {
  50% {
    opacity: 0;
  }
}
@property --gradient-glow-rotation {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}
@keyframes gradient-glow {
  to {
    --gradient-glow-rotation: 360deg;
  }
}
@keyframes gradient-glow-pulse {
  0%, 100% {
    transform: scale(0.94);
  }
  50% {
    transform: scale(1.03);
  }
}
.app-accordion:has(:focus-visible) {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--focus-ring);
}
.app-accordion[data-disabled] {
  pointer-events: none;
  opacity: var(--opacity-disabled);
}
.app-accordion-default {
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: var(--border-width);
  border-color: var(--border-muted);
  background-color: var(--background-subtle);
  padding-inline: calc(var(--spacing) * 5);
  padding-bottom: calc(var(--spacing) * 5);
  --tw-backdrop-blur: blur(var(--blur-lg));
  -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,);
  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: 300ms;
  transition-duration: 300ms;
  &:hover {
    @media (hover: hover) {
      border-color: transparent;
    }
  }
  &:hover {
    @media (hover: hover) {
      background-color: var(--background-muted);
    }
  }
  &[data-open] {
    border-color: transparent;
  }
  &[data-open] {
    background-color: var(--background-muted);
  }
  @media (prefers-reduced-motion: reduce) {
    transition-property: none;
  }
  &:is([data-disable-animations] *) {
    transition-property: none;
  }
}
.app-accordion-alt {
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: var(--border-width);
  border-color: transparent;
  background-color: var(--background);
  padding-inline: calc(var(--spacing) * 5);
  padding-bottom: calc(var(--spacing) * 5);
  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: 300ms;
  transition-duration: 300ms;
  &:hover {
    @media (hover: hover) {
      border-color: var(--border);
    }
  }
  &[data-open] {
    border-color: var(--border);
  }
  @media (prefers-reduced-motion: reduce) {
    transition-property: none;
  }
  &:is([data-disable-animations] *) {
    transition-property: none;
  }
}
.app-accordion-flush {
  padding-bottom: calc(var(--spacing) * 3.5);
}
.app-accordion {
  display: flex;
  flex: 1;
  cursor: pointer;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(var(--spacing) * 3.5);
  font-size: 1.125rem;
  line-height: var(--tw-leading, 1.625rem);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--foreground-intense);
  --tw-outline-style: none;
  outline-style: none;
  & svg {
    pointer-events: none;
  }
  & svg {
    flex-shrink: 0;
  }
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 5.5);
    height: calc(var(--spacing) * 5.5);
  }
  & svg:not([class*='stroke-']) {
    stroke-width: 1.85;
  }
}
.app-accordion-default {
  margin-inline: calc(var(--spacing) * -5);
  margin-bottom: calc(var(--spacing) * -5);
  padding: calc(var(--spacing) * 5);
}
.app-accordion-alt {
  margin-inline: calc(var(--spacing) * -5);
  margin-bottom: calc(var(--spacing) * -5);
  padding: calc(var(--spacing) * 5);
}
.app-accordion-flush {
  margin-bottom: calc(var(--spacing) * -3.5);
  padding-block: calc(var(--spacing) * 3.5);
}
.app-accordion {
  display: inline-flex;
  width: 1.778em;
  height: 1.778em;
  align-items: center;
  justify-content: center;
  border-radius: calc(tan(atan2(var(--radius-sm), 2rem)) * 100%);
}
.app-accordion-default {
  border-style: var(--tw-border-style);
  border-width: var(--border-width);
  border-color: var(--border);
  background-color: var(--background);
}
.app-accordion-alt {
  background-color: var(--background-muted);
}
.app-accordion-flush {
  border-style: var(--tw-border-style);
  border-width: var(--border-width);
  border-color: var(--border);
  background-color: var(--background);
}
.app-alert {
  position: relative;
  display: grid;
  width: 100%;
  grid-template-columns: auto 1fr auto;
  align-items: flex-start;
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: var(--border-width);
  padding: calc(var(--spacing) * 5);
  color: var(--foreground);
  --tw-backdrop-blur: blur(var(--blur-xl));
  -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,);
  grid-template-areas: 'icon title close' '. description .' '. actions actions';
  @container (width >= 460px) {
    &[data-layout="inline"] {
      grid-template-columns: auto auto 1fr auto auto;
    }
  }
  @container (width >= 460px) {
    &[data-layout="inline"] {
      align-items: center;
    }
  }
  @container (width >= 460px) {
    &[data-layout="inline"] {
      grid-template-areas: 'icon title description actions close';
    }
  }
}
.app-alert-default {
  border-color: var(--border);
  background-color: var(--background);
}
.app-alert-primary {
  border-color: var(--primary-soft);
  background-color: var(--primary-subtle);
}
.app-alert-secondary {
  border-color: var(--secondary-soft);
  background-color: var(--secondary-subtle);
}
.app-alert-error {
  border-color: var(--error-soft);
  background-color: var(--error-subtle);
}
.app-alert-success {
  border-color: var(--success-soft);
  background-color: var(--success-subtle);
}
.app-alert-warning {
  border-color: var(--warning-soft);
  background-color: var(--warning-subtle);
}
.app-alert-info {
  border-color: var(--info-soft);
  background-color: var(--info-subtle);
}
.app-avatar {
  position: relative;
  display: flex;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: var(--background-strong);
  text-align: center;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--foreground-emphasis);
  & svg:not([class*='size-']) {
    width: 0.5em;
    height: 0.5em;
  }
}
.app-avatar-2xs {
  font-size: 1.25rem;
}
.app-avatar-xs {
  font-size: 1.5rem;
}
.app-avatar-sm {
  font-size: 2rem;
}
.app-avatar-md {
  font-size: 2.5rem;
}
.app-avatar-lg {
  font-size: 3rem;
}
.app-avatar-xl {
  font-size: 4rem;
}
.app-avatar-2xl {
  font-size: 5rem;
}
.app-avatar-shape-rounded {
  border-radius: calc(tan(atan2(var(--radius-md), 2.5rem)) * 100%);
}
.app-avatar-shape-circle {
  border-radius: calc(infinity * 1px);
}
.app-badge {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  white-space: nowrap;
  outline-offset: 1px;
  -webkit-user-select: none;
  user-select: none;
  & svg {
    flex-shrink: 0;
  }
  &:is(a,button) {
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  &:is(a,button) {
    cursor: pointer;
  }
  &:is(a,button) {
    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));
  }
  &:is(a,button) {
    --tw-duration: 250ms;
    transition-duration: 250ms;
  }
  &:is(a,button) {
    --tw-ease: cubic-bezier(0.175,0.885,0.32,1.5);
    transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.5);
  }
  &:is(a,button) {
    &:not(*[data-popup-open]) {
      &:active {
        --tw-translate-y: 1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  &:is(a,button) {
    &:not(*[data-popup-open]) {
      &:active {
        scale: 0.97;
      }
    }
  }
  &:is(a,button) {
    &:not(*[data-popup-open]) {
      &:active {
        --tw-duration: 100ms;
        transition-duration: 100ms;
      }
    }
  }
  &:is(a,button) {
    &:not(*[data-popup-open]) {
      &:active {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out);
      }
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &:is(a,button) {
      transition-property: none;
    }
  }
  &:is([data-disable-animations] *) {
    &:is(a,button) {
      transition-property: none;
    }
  }
}
.app-badge-primary {
  background-color: var(--primary);
  color: var(--primary-foreground);
  outline-color: var(--focus-ring-primary);
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    inset: 0px;
  }
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      background-image: radial-gradient(138.15% 78.13% at 52.05% 50%,var(--primary) 0%,var(--primary-muted) 75%);
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      opacity: 0%;
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      transition-property: opacity,background-color,border-color;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      --tw-duration: 250ms;
      transition-duration: 250ms;
    }
  }
  &:is(a,button) {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          opacity: 100%;
        }
      }
    }
  }
  &:is(a,button) {
    &[data-popup-open] {
      &::before {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
  &:is(a,button) {
    &[data-pressed] {
      &::before {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
  &:is([data-disable-animations] *) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
}
.app-badge-primary-outline {
  color: var(--primary);
  outline-color: var(--focus-ring-primary);
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    inset: 0px;
  }
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  &::before {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: var(--border-width);
  }
  &::before {
    content: var(--tw-content);
    border-color: var(--primary);
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      transition-property: opacity,background-color,border-color;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      --tw-duration: 250ms;
      transition-duration: 250ms;
    }
  }
  &:is(a,button) {
    &:hover {
      @media (hover: hover) {
        color: var(--primary-foreground);
      }
    }
  }
  &:is(a,button) {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          background-color: var(--primary);
        }
      }
    }
  }
  &:is(a,button) {
    &[data-popup-open] {
      color: var(--primary-foreground);
    }
  }
  &:is(a,button) {
    &[data-popup-open] {
      &::before {
        content: var(--tw-content);
        background-color: var(--primary);
      }
    }
  }
  &:is(a,button) {
    &[data-pressed] {
      color: var(--primary-foreground);
    }
  }
  &:is(a,button) {
    &[data-pressed] {
      &::before {
        content: var(--tw-content);
        background-color: var(--primary);
      }
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
  &:is([data-disable-animations] *) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
}
.app-badge-secondary {
  background-color: var(--secondary-muted);
  color: var(--secondary-foreground);
  outline-color: var(--focus-ring-secondary);
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    inset: 0px;
  }
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      background-image: radial-gradient(138.15% 78.13% at 52.05% 50%,var(--secondary) 0%,var(--secondary-muted) 95%);
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      opacity: 0%;
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      transition-property: opacity,background-color,border-color;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      --tw-duration: 250ms;
      transition-duration: 250ms;
    }
  }
  &:is(a,button) {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          opacity: 100%;
        }
      }
    }
  }
  &:is(a,button) {
    &[data-popup-open] {
      &::before {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
  &:is(a,button) {
    &[data-pressed] {
      &::before {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
  &:is([data-disable-animations] *) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
}
.app-badge-soft {
  color: var(--foreground-intense);
  outline-color: var(--focus-ring);
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    inset: 0px;
  }
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  &::before {
    content: var(--tw-content);
    background-color: var(--background-muted);
  }
  &::before {
    content: var(--tw-content);
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  &[data-active] {
    border-style: var(--tw-border-style);
    border-width: var(--border-width);
  }
  &[data-active] {
    &::before {
      content: var(--tw-content);
      border-color: var(--border);
    }
  }
  &[data-active] {
    &::before {
      content: var(--tw-content);
      background-color: var(--background-subtle);
    }
  }
  &[data-slot="breadcrumb-link"] {
    &:not(*[data-active]) {
      color: var(--foreground-muted);
    }
  }
  &[data-slot="breadcrumb-link"] {
    &:hover {
      @media (hover: hover) {
        color: var(--foreground-intense);
      }
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      border-style: var(--tw-border-style);
      border-width: var(--border-width);
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      border-color: transparent;
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      transition-property: opacity,background-color,border-color;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      --tw-duration: 250ms;
      transition-duration: 250ms;
    }
  }
  &:is(a,button) {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          border-color: var(--border);
        }
      }
    }
  }
  &:is(a,button) {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          background-color: var(--background-subtle);
        }
      }
    }
  }
  &:is(a,button) {
    &[data-popup-open] {
      &::before {
        content: var(--tw-content);
        border-color: var(--border);
      }
    }
  }
  &:is(a,button) {
    &[data-popup-open] {
      &::before {
        content: var(--tw-content);
        background-color: var(--background-subtle);
      }
    }
  }
  &:is(a,button) {
    &[data-pressed] {
      &::before {
        content: var(--tw-content);
        border-color: var(--border);
      }
    }
  }
  &:is(a,button) {
    &[data-pressed] {
      &::before {
        content: var(--tw-content);
        background-color: var(--background-subtle);
      }
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
  &:is([data-disable-animations] *) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
}
.app-badge-outline {
  background-color: var(--background);
  color: var(--foreground-intense);
  outline-color: var(--focus-ring);
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    inset: 0px;
  }
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  &::before {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: var(--border-width);
  }
  &::before {
    content: var(--tw-content);
    border-color: var(--border);
  }
  &::before {
    content: var(--tw-content);
    background-color: var(--background);
  }
  &[data-active] {
    &::before {
      content: var(--tw-content);
      border-color: var(--border-strong);
    }
  }
  &[data-active] {
    &::before {
      content: var(--tw-content);
      background-color: var(--background-subtle);
    }
  }
  &[data-slot="breadcrumb-link"] {
    &:not(*[data-active]) {
      color: var(--foreground-muted);
    }
  }
  &[data-slot="breadcrumb-link"] {
    &:hover {
      @media (hover: hover) {
        color: var(--foreground-intense);
      }
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      transition-property: opacity,background-color,border-color;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      --tw-duration: 250ms;
      transition-duration: 250ms;
    }
  }
  &:is(a,button) {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          border-color: var(--border-strong);
        }
      }
    }
  }
  &:is(a,button) {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          background-color: var(--background-subtle);
        }
      }
    }
  }
  &:is(a,button) {
    &[data-popup-open] {
      &::before {
        content: var(--tw-content);
        border-color: var(--border-strong);
      }
    }
  }
  &:is(a,button) {
    &[data-popup-open] {
      &::before {
        content: var(--tw-content);
        background-color: var(--background-subtle);
      }
    }
  }
  &:is(a,button) {
    &[data-pressed] {
      &::before {
        content: var(--tw-content);
        border-color: var(--border-strong);
      }
    }
  }
  &:is(a,button) {
    &[data-pressed] {
      &::before {
        content: var(--tw-content);
        background-color: var(--background-subtle);
      }
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
  &:is([data-disable-animations] *) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
}
.app-badge-error {
  background-color: var(--error-muted);
  color: var(--error-foreground);
  outline-color: var(--focus-ring-error);
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    inset: 0px;
  }
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      background-image: radial-gradient(138.15% 78.13% at 52.05% 50%,var(--error-muted) 0%,rgba(255,255,255,.5) 95%);
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      opacity: 0%;
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      transition-property: opacity,background-color,border-color;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      --tw-duration: 250ms;
      transition-duration: 250ms;
    }
  }
  &:is(a,button) {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          opacity: 100%;
        }
      }
    }
  }
  &:is(a,button) {
    &[data-popup-open] {
      &::before {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
  &:is(a,button) {
    &[data-pressed] {
      &::before {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
  &:is([data-disable-animations] *) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
}
.app-badge-success {
  background-color: var(--success-muted);
  color: var(--success-foreground);
  outline-color: var(--focus-ring-success);
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    inset: 0px;
  }
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      background-image: radial-gradient(138.15% 78.13% at 52.05% 50%,var(--success-muted) 0%,rgba(255,255,255,.5) 95%);
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      opacity: 0%;
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      transition-property: opacity,background-color,border-color;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      --tw-duration: 250ms;
      transition-duration: 250ms;
    }
  }
  &:is(a,button) {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          opacity: 100%;
        }
      }
    }
  }
  &:is(a,button) {
    &[data-popup-open] {
      &::before {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
  &:is(a,button) {
    &[data-pressed] {
      &::before {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
  &:is([data-disable-animations] *) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
}
.app-badge-warning {
  background-color: var(--warning-muted);
  color: var(--warning-foreground);
  outline-color: var(--focus-ring-warning);
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    inset: 0px;
  }
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      background-image: radial-gradient(138.15% 78.13% at 52.05% 50%,var(--warning-muted) 0%,rgba(255,255,255,.5) 95%);
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      opacity: 0%;
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      transition-property: opacity,background-color,border-color;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      --tw-duration: 250ms;
      transition-duration: 250ms;
    }
  }
  &:is(a,button) {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          opacity: 100%;
        }
      }
    }
  }
  &:is(a,button) {
    &[data-popup-open] {
      &::before {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
  &:is(a,button) {
    &[data-pressed] {
      &::before {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
  &:is([data-disable-animations] *) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
}
.app-badge-info {
  background-color: var(--info-muted);
  color: var(--info-foreground);
  outline-color: var(--focus-ring-info);
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    inset: 0px;
  }
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      background-image: radial-gradient(138.15% 78.13% at 52.05% 50%,var(--info-muted) 0%,rgba(255,255,255,.5) 95%);
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      opacity: 0%;
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      transition-property: opacity,background-color,border-color;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      --tw-duration: 250ms;
      transition-duration: 250ms;
    }
  }
  &:is(a,button) {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          opacity: 100%;
        }
      }
    }
  }
  &:is(a,button) {
    &[data-popup-open] {
      &::before {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
  &:is(a,button) {
    &[data-pressed] {
      &::before {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
  &:is([data-disable-animations] *) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
}
.app-badge-light {
  color: var(--color-white);
  outline-color: var(--focus-ring-light);
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    inset: 0px;
  }
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  &::before {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: var(--border-width);
  }
  &::before {
    content: var(--tw-content);
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  &::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  &::before {
    content: var(--tw-content);
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  &[data-active] {
    &::before {
      content: var(--tw-content);
      border-color: color-mix(in srgb, #fff 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
  }
  &[data-active] {
    &::before {
      content: var(--tw-content);
      background-color: color-mix(in srgb, #fff 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      transition-property: opacity,background-color,border-color;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  &:is(a,button) {
    &::before {
      content: var(--tw-content);
      --tw-duration: 250ms;
      transition-duration: 250ms;
    }
  }
  &:is(a,button) {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          border-color: color-mix(in srgb, #fff 15%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
          }
        }
      }
    }
  }
  &:is(a,button) {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          background-color: color-mix(in srgb, #fff 15%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
          }
        }
      }
    }
  }
  &:is(a,button) {
    &[data-popup-open] {
      &::before {
        content: var(--tw-content);
        border-color: color-mix(in srgb, #fff 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
      }
    }
  }
  &:is(a,button) {
    &[data-popup-open] {
      &::before {
        content: var(--tw-content);
        background-color: color-mix(in srgb, #fff 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
      }
    }
  }
  &:is(a,button) {
    &[data-pressed] {
      &::before {
        content: var(--tw-content);
        border-color: color-mix(in srgb, #fff 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
      }
    }
  }
  &:is(a,button) {
    &[data-pressed] {
      &::before {
        content: var(--tw-content);
        background-color: color-mix(in srgb, #fff 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
      }
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
  &:is([data-disable-animations] *) {
    &:is(a,button) {
      &::before {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
}
.app-badge-xs {
  height: calc(var(--spacing) * 4);
  width: fit-content;
  gap: calc(var(--spacing) * 0.5);
  padding-inline: calc(var(--spacing) * 1.5);
  font-size: .625rem;
  &:has(*[data-icon="end"]) {
    padding-inline-end: calc(var(--spacing) * 1.25);
  }
  &:has(*[data-icon="start"]) {
    padding-inline-start: calc(var(--spacing) * 1.25);
  }
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  & svg:not([class*='stroke-']) {
    stroke-width: 2;
  }
}
.app-badge-sm {
  height: calc(var(--spacing) * 5);
  width: fit-content;
  gap: calc(var(--spacing) * 0.5);
  padding-inline: calc(var(--spacing) * 2);
  font-size: 0.75rem;
  line-height: var(--tw-leading, 1rem);
  &:has(*[data-icon="end"]) {
    padding-inline-end: calc(var(--spacing) * 1.5);
  }
  &:has(*[data-icon="start"]) {
    padding-inline-start: calc(var(--spacing) * 1.5);
  }
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  & svg:not([class*='stroke-']) {
    stroke-width: 1.85;
  }
}
.app-badge-md {
  height: calc(var(--spacing) * 6);
  width: fit-content;
  gap: calc(var(--spacing) * 0.75);
  padding-inline: calc(var(--spacing) * 2.5);
  font-size: 0.75rem;
  line-height: var(--tw-leading, 1rem);
  &:has(*[data-icon="end"]) {
    padding-inline-end: calc(var(--spacing) * 1.75);
  }
  &:has(*[data-icon="start"]) {
    padding-inline-start: calc(var(--spacing) * 1.75);
  }
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  & svg:not([class*='stroke-']) {
    stroke-width: 1.75;
  }
}
.app-badge-lg {
  height: calc(var(--spacing) * 7);
  width: fit-content;
  gap: var(--spacing);
  padding-inline: calc(var(--spacing) * 3);
  font-size: 0.875rem;
  line-height: var(--tw-leading, 1.25rem);
  &:has(*[data-icon="end"]) {
    padding-inline-end: calc(var(--spacing) * 2.25);
  }
  &:has(*[data-icon="start"]) {
    padding-inline-start: calc(var(--spacing) * 2.25);
  }
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  & svg:not([class*='stroke-']) {
    stroke-width: 1.75;
  }
}
.app-badge-icon-sm {
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  & svg:not([class*='stroke-']) {
    stroke-width: 1.85;
  }
}
.app-badge-icon-md {
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  & svg:not([class*='stroke-']) {
    stroke-width: 1.75;
  }
}
.app-badge-icon-lg {
  height: calc(var(--spacing) * 7);
  width: calc(var(--spacing) * 7);
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  & svg:not([class*='stroke-']) {
    stroke-width: 1.75;
  }
}
.app-button {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  flex-shrink: 0;
  transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  outline-offset: 1px;
  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: 250ms;
  transition-duration: 250ms;
  --tw-ease: cubic-bezier(0.175,0.885,0.32,1.5);
  transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.5);
  -webkit-user-select: none;
  user-select: none;
  &:not(*[data-popup-open]) {
    &:active {
      --tw-translate-y: 1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  &:not(*[data-popup-open]) {
    &:active {
      scale: 0.97;
    }
  }
  &:not(*[data-popup-open]) {
    &:active {
      --tw-duration: 100ms;
      transition-duration: 100ms;
    }
  }
  &:not(*[data-popup-open]) {
    &:active {
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
  }
  &[data-disabled] {
    pointer-events: none;
  }
  &[data-disabled] {
    opacity: var(--opacity-disabled);
  }
  @media (prefers-reduced-motion: reduce) {
    transition-property: none;
  }
  &:is([data-disable-animations] *) {
    transition-property: none;
  }
  & svg {
    pointer-events: none;
  }
  & svg {
    flex-shrink: 0;
  }
  & svg:not([class*='stroke-']) {
    stroke-width: 1.85;
  }
}
.app-button-primary {
  background-color: var(--primary);
  color: var(--primary-foreground);
  outline-color: var(--focus-ring-primary);
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    inset: 0px;
  }
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  &::before {
    content: var(--tw-content);
    background-image: radial-gradient(138.15% 78.13% at 52.05% 50%,var(--primary) 0%,var(--primary-muted) 80%);
  }
  &::before {
    content: var(--tw-content);
    opacity: 0%;
  }
  &::before {
    content: var(--tw-content);
    transition-property: opacity,background-color,border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  &::before {
    content: var(--tw-content);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
  &[data-popup-open] {
    &::before {
      content: var(--tw-content);
      opacity: 100%;
    }
  }
  &[data-pressed] {
    &::before {
      content: var(--tw-content);
      opacity: 100%;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &::before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
  &:is([data-disable-animations] *) {
    &::before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
}
.app-button-primary-outline {
  color: var(--primary);
  outline-color: var(--focus-ring-primary);
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    inset: 0px;
  }
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  &::before {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: var(--border-width);
  }
  &::before {
    content: var(--tw-content);
    border-color: var(--primary);
  }
  &::before {
    content: var(--tw-content);
    transition-property: opacity,background-color,border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  &::before {
    content: var(--tw-content);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  &:hover {
    @media (hover: hover) {
      color: var(--primary-foreground);
    }
  }
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        background-color: var(--primary);
      }
    }
  }
  &[data-popup-open] {
    color: var(--primary-foreground);
  }
  &[data-popup-open] {
    &::before {
      content: var(--tw-content);
      background-color: var(--primary);
    }
  }
  &[data-pressed] {
    color: var(--primary-foreground);
  }
  &[data-pressed] {
    &::before {
      content: var(--tw-content);
      background-color: var(--primary);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &::before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
  &:is([data-disable-animations] *) {
    &::before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
}
.app-button-secondary {
  background-color: var(--secondary);
  color: var(--secondary-foreground);
  outline-color: var(--focus-ring-secondary);
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    inset: 0px;
  }
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  &::before {
    content: var(--tw-content);
    background-image: radial-gradient(138.15% 78.13% at 52.05% 50%,var(--secondary) 0%,var(--secondary-muted) 95%);
  }
  &::before {
    content: var(--tw-content);
    opacity: 0%;
  }
  &::before {
    content: var(--tw-content);
    transition-property: opacity,background-color,border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  &::before {
    content: var(--tw-content);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
  &[data-popup-open] {
    &::before {
      content: var(--tw-content);
      opacity: 100%;
    }
  }
  &[data-pressed] {
    &::before {
      content: var(--tw-content);
      opacity: 100%;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &::before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
  &:is([data-disable-animations] *) {
    &::before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
}
.app-button-soft {
  color: var(--foreground-emphasis);
  outline-color: var(--focus-ring);
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    inset: 0px;
  }
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  &::before {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: var(--border-width);
  }
  &::before {
    content: var(--tw-content);
    border-color: transparent;
  }
  &::before {
    content: var(--tw-content);
    background-color: var(--background-muted);
  }
  &::before {
    content: var(--tw-content);
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  &::before {
    content: var(--tw-content);
    transition-property: opacity,background-color,border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  &::before {
    content: var(--tw-content);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  &:hover {
    @media (hover: hover) {
      color: var(--foreground-intense);
    }
  }
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        border-color: var(--border);
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        background-color: var(--background-subtle);
      }
    }
  }
  &[data-popup-open] {
    color: var(--foreground-intense);
  }
  &[data-popup-open] {
    &::before {
      content: var(--tw-content);
      border-color: var(--border);
    }
  }
  &[data-popup-open] {
    &::before {
      content: var(--tw-content);
      background-color: var(--background-subtle);
    }
  }
  &[data-pressed] {
    color: var(--foreground-intense);
  }
  &[data-pressed] {
    &::before {
      content: var(--tw-content);
      border-color: var(--border);
    }
  }
  &[data-pressed] {
    &::before {
      content: var(--tw-content);
      background-color: var(--background-subtle);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &::before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
  &:is([data-disable-animations] *) {
    &::before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
}
.app-button-outline {
  background-color: var(--background);
  color: var(--foreground-emphasis);
  outline-color: var(--focus-ring);
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    inset: 0px;
  }
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  &::before {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: var(--border-width);
  }
  &::before {
    content: var(--tw-content);
    border-color: var(--border);
  }
  &::before {
    content: var(--tw-content);
    background-color: var(--background);
  }
  &::before {
    content: var(--tw-content);
    transition-property: opacity,background-color,border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  &::before {
    content: var(--tw-content);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  &:hover {
    @media (hover: hover) {
      color: var(--foreground-intense);
    }
  }
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        border-color: var(--border-strong);
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        background-color: var(--background-subtle);
      }
    }
  }
  &[data-popup-open] {
    color: var(--foreground-intense);
  }
  &[data-popup-open] {
    &::before {
      content: var(--tw-content);
      border-color: var(--border-strong);
    }
  }
  &[data-popup-open] {
    &::before {
      content: var(--tw-content);
      background-color: var(--background-subtle);
    }
  }
  &[data-pressed] {
    color: var(--foreground-intense);
  }
  &[data-pressed] {
    &::before {
      content: var(--tw-content);
      border-color: var(--border-strong);
    }
  }
  &[data-pressed] {
    &::before {
      content: var(--tw-content);
      background-color: var(--background-subtle);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &::before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
  &:is([data-disable-animations] *) {
    &::before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
}
.app-button-ghost {
  color: var(--foreground-emphasis);
  outline-color: var(--focus-ring);
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    inset: 0px;
  }
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  &::before {
    content: var(--tw-content);
    transition-property: opacity,background-color,border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  &::before {
    content: var(--tw-content);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  &:hover {
    @media (hover: hover) {
      color: var(--foreground-intense);
    }
  }
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        background-color: var(--background-muted);
      }
    }
  }
  &[data-popup-open] {
    color: var(--foreground-intense);
  }
  &[data-popup-open] {
    &::before {
      content: var(--tw-content);
      background-color: var(--background-muted);
    }
  }
  &[data-pressed] {
    color: var(--foreground-intense);
  }
  &[data-pressed] {
    &::before {
      content: var(--tw-content);
      background-color: var(--background-muted);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &::before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
  &:is([data-disable-animations] *) {
    &::before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
}
.app-button-destructive {
  background-color: var(--error);
  color: var(--error-foreground);
  outline-color: var(--focus-ring-error);
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    inset: 0px;
  }
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  &::before {
    content: var(--tw-content);
    background-image: radial-gradient(138.15% 78.13% at 52.05% 50%,var(--error) 0%,var(--error-muted) 95%);
  }
  &::before {
    content: var(--tw-content);
    opacity: 0%;
  }
  &::before {
    content: var(--tw-content);
    transition-property: opacity,background-color,border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  &::before {
    content: var(--tw-content);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
  &[data-popup-open] {
    &::before {
      content: var(--tw-content);
      opacity: 100%;
    }
  }
  &[data-pressed] {
    &::before {
      content: var(--tw-content);
      opacity: 100%;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &::before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
  &:is([data-disable-animations] *) {
    &::before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
}
.app-button-light {
  color: var(--color-white);
  outline-color: var(--focus-ring-light);
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    inset: 0px;
  }
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  &::before {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: var(--border-width);
  }
  &::before {
    content: var(--tw-content);
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  &::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  &::before {
    content: var(--tw-content);
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  &::before {
    content: var(--tw-content);
    transition-property: opacity,background-color,border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  &::before {
    content: var(--tw-content);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        border-color: color-mix(in srgb, #fff 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        background-color: color-mix(in srgb, #fff 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
      }
    }
  }
  &[data-popup-open] {
    &::before {
      content: var(--tw-content);
      border-color: color-mix(in srgb, #fff 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
  }
  &[data-popup-open] {
    &::before {
      content: var(--tw-content);
      background-color: color-mix(in srgb, #fff 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
  }
  &[data-pressed] {
    &::before {
      content: var(--tw-content);
      border-color: color-mix(in srgb, #fff 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
  }
  &[data-pressed] {
    &::before {
      content: var(--tw-content);
      background-color: color-mix(in srgb, #fff 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &::before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
  &:is([data-disable-animations] *) {
    &::before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
}
.app-button-sm {
  height: calc(var(--spacing) * 8);
  gap: var(--spacing);
  border-radius: var(--radius-sm);
  padding-inline: calc(var(--spacing) * 4);
  font-size: 0.75rem;
  line-height: var(--tw-leading, 1rem);
  &:has(*[data-icon="end"]) {
    padding-inline-end: calc(var(--spacing) * 3);
  }
  &:has(*[data-icon="start"]) {
    padding-inline-start: calc(var(--spacing) * 3);
  }
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}
.app-button-md {
  height: calc(var(--spacing) * 10);
  gap: calc(var(--spacing) * 1.5);
  border-radius: var(--radius-md);
  padding-inline: calc(var(--spacing) * 5);
  font-size: 0.875rem;
  line-height: var(--tw-leading, 1.25rem);
  &:has(*[data-icon="end"]) {
    padding-inline-end: calc(var(--spacing) * 3.5);
  }
  &:has(*[data-icon="start"]) {
    padding-inline-start: calc(var(--spacing) * 3.5);
  }
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
}
.app-button-lg {
  height: calc(var(--spacing) * 12);
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-lg);
  padding-inline: calc(var(--spacing) * 6);
  font-size: 1rem;
  line-height: var(--tw-leading, 1.5rem);
  &:has(*[data-icon="end"]) {
    padding-inline-end: calc(var(--spacing) * 4.5);
  }
  &:has(*[data-icon="start"]) {
    padding-inline-start: calc(var(--spacing) * 4.5);
  }
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
}
.app-button-icon-sm {
  width: calc(var(--spacing) * 8);
  height: calc(var(--spacing) * 8);
  border-radius: var(--radius-sm);
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}
.app-button-icon-md {
  width: calc(var(--spacing) * 10);
  height: calc(var(--spacing) * 10);
  border-radius: var(--radius-md);
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
}
.app-button-icon-lg {
  width: calc(var(--spacing) * 12);
  height: calc(var(--spacing) * 12);
  border-radius: var(--radius-lg);
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
}
.app-chip-sm {
  height: calc(var(--spacing) * 6);
  gap: calc(var(--spacing) * 0.75);
  border-radius: var(--radius-xs);
  padding-inline: calc(var(--spacing) * 2);
  font-size: 0.75rem;
  line-height: var(--tw-leading, 1rem);
  &:has(*[data-icon="end"]) {
    padding-inline-end: calc(var(--spacing) * 1.5);
  }
  &:has(*[data-icon="start"]) {
    padding-inline-start: calc(var(--spacing) * 1.5);
  }
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
}
.app-chip-md {
  height: calc(var(--spacing) * 8);
  gap: var(--spacing);
  border-radius: var(--radius-sm);
  padding-inline: calc(var(--spacing) * 3);
  font-size: 0.875rem;
  line-height: var(--tw-leading, 1.25rem);
  &:has(*[data-icon="end"]) {
    padding-inline-end: calc(var(--spacing) * 2);
  }
  &:has(*[data-icon="start"]) {
    padding-inline-start: calc(var(--spacing) * 2);
  }
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}
.app-chip-lg {
  height: calc(var(--spacing) * 10);
  gap: calc(var(--spacing) * 1.25);
  border-radius: var(--radius-md);
  padding-inline: calc(var(--spacing) * 3.5);
  font-size: 1rem;
  line-height: var(--tw-leading, 1.5rem);
  &:has(*[data-icon="end"]) {
    padding-inline-end: calc(var(--spacing) * 2.5);
  }
  &:has(*[data-icon="start"]) {
    padding-inline-start: calc(var(--spacing) * 2.5);
  }
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
}
.app-input {
  width: 100%;
  border-style: var(--tw-border-style);
  border-width: var(--border-width);
  color: var(--foreground);
  transition-property: background-color,border-color,box-shadow;
  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-outline-style: none;
  outline-style: none;
  @media (prefers-reduced-motion: reduce) {
    transition-property: none;
  }
  &:is([data-disable-animations] *) {
    transition-property: none;
  }
  & svg {
    pointer-events: none;
  }
  & svg {
    flex-shrink: 0;
  }
}
.app-input-outline {
  border-color: var(--border-strong);
  background-color: var(--background);
  &:hover {
    @media (hover: hover) {
      &:not(*:focus) {
        &:not(*:focus-visible) {
          &:not(*:has(*:focus)) {
            &:not(*:has(*:focus-visible)) {
              &:not(*[data-popup-open]) {
                &:not(*:has(*[data-popup-open])) {
                  &:not(*[data-pressed]) {
                    &:not(*:has(*[data-pressed])) {
                      &:not(*[data-invalid]) {
                        &:not(*:has(*[data-invalid])) {
                          border-color: var(--border-emphasis);
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
.app-input-soft {
  border-color: transparent;
  background-color: var(--background-muted);
  &:hover {
    @media (hover: hover) {
      &:not(*:focus) {
        &:not(*:focus-visible) {
          &:not(*:has(*:focus)) {
            &:not(*:has(*:focus-visible)) {
              &:not(*[data-popup-open]) {
                &:not(*:has(*[data-popup-open])) {
                  &:not(*[data-pressed]) {
                    &:not(*:has(*[data-pressed])) {
                      &:not(*[data-invalid]) {
                        &:not(*:has(*[data-invalid])) {
                          border-color: var(--border-strong);
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
.app-input-sm {
  height: calc(var(--spacing) * 8);
  gap: calc(var(--spacing) * 1.5);
  border-radius: var(--radius-sm);
  padding-inline: calc(var(--spacing) * 3);
  font-size: 0.75rem;
  line-height: var(--tw-leading, 1rem);
  @media (pointer: coarse) {
    font-size: 1rem;
    line-height: var(--tw-leading, 1.5rem);
  }
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  & svg:not([class*='stroke-']) {
    stroke-width: 1.75;
  }
}
.app-input-md {
  height: calc(var(--spacing) * 10);
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  padding-inline: calc(var(--spacing) * 3.5);
  font-size: 0.875rem;
  line-height: var(--tw-leading, 1.25rem);
  @media (pointer: coarse) {
    font-size: 1rem;
    line-height: var(--tw-leading, 1.5rem);
  }
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
  & svg:not([class*='stroke-']) {
    stroke-width: 1.65;
  }
}
.app-input-lg {
  height: calc(var(--spacing) * 12);
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-lg);
  padding-inline: calc(var(--spacing) * 4);
  font-size: 1rem;
  line-height: var(--tw-leading, 1.5rem);
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  & svg:not([class*='stroke-']) {
    stroke-width: 1.65;
  }
}
.app-input-state-self:focus-visible {
  border-color: transparent;
  background-color: var(--background);
  --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(--focus-ring-input);
}
.app-input-state-self[data-disabled] {
  cursor: not-allowed;
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: var(--border-strong) !important;
  background-color: var(--background-subtle) !important;
  opacity: var(--opacity-disabled);
}
.app-input-state-self[data-invalid] {
  border-color: var(--error);
  background-color: var(--error-subtle);
}
.app-input-state-self[data-invalid]:focus-visible {
  border-color: transparent;
  background-color: var(--background);
  --tw-ring-color: var(--focus-ring-error);
}
.app-input-state-self[data-popup-open] {
  border-color: transparent;
  background-color: var(--background);
  --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(--focus-ring-input);
}
.app-input-state-self[data-invalid][data-popup-open] {
  border-color: transparent;
  background-color: var(--background);
  --tw-ring-color: var(--focus-ring-error);
}
.app-input-state-self[data-pressed] {
  border-color: transparent;
  background-color: var(--background);
  --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(--focus-ring-input);
}
.app-input-state-self[data-invalid][data-pressed] {
  border-color: transparent;
  background-color: var(--background);
  --tw-ring-color: var(--focus-ring-error);
}
.app-input-state-within {
  display: flex;
  align-items: center;
  &:has(*:focus) {
    border-color: transparent;
  }
  &:has(*:focus) {
    background-color: var(--background);
  }
  &: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(--focus-ring-input);
  }
  &:has(*[data-invalid]) {
    border-color: var(--error);
  }
  &:has(*[data-invalid]) {
    background-color: var(--error-subtle);
  }
  &:has(*[data-invalid]) {
    &:has(*:focus) {
      border-color: transparent;
    }
  }
  &:has(*[data-invalid]) {
    &:has(*:focus) {
      background-color: var(--background);
    }
  }
  &:has(*[data-invalid]) {
    &:has(*:focus) {
      --tw-ring-color: var(--focus-ring-error);
    }
  }
  &:has(*[data-popup-open]) {
    border-color: transparent;
  }
  &:has(*[data-popup-open]) {
    background-color: var(--background);
  }
  &:has(*[data-popup-open]) {
    --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(*[data-popup-open]) {
    --tw-ring-color: var(--focus-ring-input);
  }
  &:has(*[data-invalid]) {
    &:has(*[data-popup-open]) {
      border-color: transparent;
    }
  }
  &:has(*[data-invalid]) {
    &:has(*[data-popup-open]) {
      background-color: var(--background);
    }
  }
  &:has(*[data-invalid]) {
    &:has(*[data-popup-open]) {
      --tw-ring-color: var(--focus-ring-error);
    }
  }
  &:has(*[data-pressed]) {
    border-color: transparent;
  }
  &:has(*[data-pressed]) {
    background-color: var(--background);
  }
  &:has(*[data-pressed]) {
    --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(*[data-pressed]) {
    --tw-ring-color: var(--focus-ring-input);
  }
  &:has(*[data-invalid]) {
    &:has(*[data-pressed]) {
      border-color: transparent;
    }
  }
  &:has(*[data-invalid]) {
    &:has(*[data-pressed]) {
      background-color: var(--background);
    }
  }
  &:has(*[data-invalid]) {
    &:has(*[data-pressed]) {
      --tw-ring-color: var(--focus-ring-error);
    }
  }
  &:has(*:is(input:disabled)) {
    cursor: not-allowed;
  }
  &:has(*:is(input:disabled)) {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  &:has(*:is(input:disabled)) {
    border-color: var(--border-strong) !important;
  }
  &:has(*:is(input:disabled)) {
    background-color: var(--background-subtle) !important;
  }
  &:has(*:is(input:disabled)) {
    opacity: var(--opacity-disabled);
  }
  &[data-invalid] {
    border-color: var(--error);
  }
  &[data-invalid] {
    background-color: var(--error-subtle);
  }
  &[data-invalid] {
    &:has(*:focus) {
      border-color: transparent;
    }
  }
  &[data-invalid] {
    &:has(*:focus) {
      background-color: var(--background);
    }
  }
  &[data-invalid] {
    &:has(*:focus) {
      --tw-ring-color: var(--focus-ring-error);
    }
  }
  &[data-invalid] {
    &:has(*[data-popup-open]) {
      border-color: transparent;
    }
  }
  &[data-invalid] {
    &:has(*[data-popup-open]) {
      background-color: var(--background);
    }
  }
  &[data-invalid] {
    &:has(*[data-popup-open]) {
      --tw-ring-color: var(--focus-ring-error);
    }
  }
  &[data-invalid] {
    &:has(*[data-pressed]) {
      border-color: transparent;
    }
  }
  &[data-invalid] {
    &:has(*[data-pressed]) {
      background-color: var(--background);
    }
  }
  &[data-invalid] {
    &:has(*[data-pressed]) {
      --tw-ring-color: var(--focus-ring-error);
    }
  }
}
.app-navigation {
  position: relative;
  display: inline-flex;
  transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  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: 250ms;
  transition-duration: 250ms;
  --tw-ease: cubic-bezier(0.175,0.885,0.32,1.5);
  transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.5);
  --tw-outline-style: none;
  outline-style: none;
  -webkit-user-select: none;
  user-select: none;
  &:is(:where(.group\/submenu-trigger)[data-disabled] *) {
    pointer-events: none;
  }
  &:is(:where(.group\/submenu-trigger)[data-disabled] *) {
    opacity: var(--opacity-disabled);
  }
  &:not(*[data-popup-open]) {
    &:active {
      --tw-translate-y: 1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  &:not(*[data-popup-open]) {
    &:active {
      scale: 0.97;
    }
  }
  &:not(*[data-popup-open]) {
    &:active {
      --tw-duration: 100ms;
      transition-duration: 100ms;
    }
  }
  &:not(*[data-popup-open]) {
    &:active {
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
  }
  &[data-disabled] {
    pointer-events: none;
  }
  &[data-disabled] {
    opacity: var(--opacity-disabled);
  }
  &[data-orientation="vertical"] {
    text-align: start;
  }
  @media (prefers-reduced-motion: reduce) {
    transition-property: none;
  }
  &:is([data-disable-animations] *) {
    transition-property: none;
  }
  & svg {
    pointer-events: none;
  }
  & svg {
    flex-shrink: 0;
  }
  & svg:not([class*='stroke-']) {
    stroke-width: 1.85;
  }
}
.app-navigation-pill {
  color: var(--foreground-strong);
  &:is(:where(.group\/submenu-trigger)[data-highlighted] *) {
    &:not(*[data-disabled]) {
      color: var(--foreground-intense);
    }
  }
  &:is(:where(.group\/submenu-trigger)[data-popup-open] *) {
    &:not(*[data-disabled]) {
      color: var(--foreground-intense);
    }
  }
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    inset: 0px;
  }
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  &::before {
    content: var(--tw-content);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  &::before {
    content: var(--tw-content);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  &:is(:where(.group\/submenu-trigger)[data-highlighted] *) {
    &:not(*[data-disabled]) {
      &::before {
        content: var(--tw-content);
        background-color: var(--background-muted);
      }
    }
  }
  &:is(:where(.group\/submenu-trigger)[data-popup-open] *) {
    &:not(*[data-disabled]) {
      &::before {
        content: var(--tw-content);
        background-color: var(--background-muted);
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--foreground-intense);
    }
  }
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        background-color: var(--background-muted);
      }
    }
  }
  &:focus-visible {
    color: var(--foreground-intense);
  }
  &:focus-visible {
    &::before {
      content: var(--tw-content);
      background-color: var(--background-muted);
    }
  }
  &[data-active] {
    color: var(--foreground-intense);
  }
  &[data-active] {
    &::before {
      content: var(--tw-content);
      background-color: var(--background-muted);
    }
  }
  &[data-highlighted] {
    &:not(*[data-disabled]) {
      color: var(--foreground-intense);
    }
  }
  &[data-highlighted] {
    &:not(*[data-disabled]) {
      &::before {
        content: var(--tw-content);
        background-color: var(--background-muted);
      }
    }
  }
  &[data-popup-open] {
    color: var(--foreground-intense);
  }
  &[data-popup-open] {
    &::before {
      content: var(--tw-content);
      background-color: var(--background-muted);
    }
  }
  &[data-pressed] {
    color: var(--foreground-intense);
  }
  &[data-pressed] {
    &::before {
      content: var(--tw-content);
      background-color: var(--background-muted);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &::before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
  &:is([data-disable-animations] *) {
    &::before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
}
.app-navigation-line {
  color: var(--foreground-strong);
  &::after {
    content: var(--tw-content);
    position: absolute;
  }
  &::after {
    content: var(--tw-content);
    border-radius: calc(infinity * 1px);
  }
  &::after {
    content: var(--tw-content);
    background-image: linear-gradient(0deg,currentColor,currentColor);
  }
  &::after {
    content: var(--tw-content);
    background-repeat: no-repeat;
  }
  &::after {
    content: var(--tw-content);
    transition-property: background-size;
    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);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  &:hover {
    @media (hover: hover) {
      color: var(--foreground-intense);
    }
  }
  &:focus-visible {
    color: var(--foreground-intense);
  }
  &[data-active] {
    color: var(--foreground-intense);
  }
  &[data-popup-open] {
    color: var(--foreground-intense);
  }
  &[data-pressed] {
    color: var(--foreground-intense);
  }
  &[data-orientation="horizontal"] {
    &::after {
      content: var(--tw-content);
      inset-inline: 0px;
    }
  }
  &[data-orientation="horizontal"] {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 0.5);
    }
  }
  &[data-orientation="horizontal"] {
    &::after {
      content: var(--tw-content);
      background-size: 0 2px;
    }
  }
  &:hover {
    @media (hover: hover) {
      &[data-orientation="horizontal"] {
        &::after {
          content: var(--tw-content);
          background-size: 100% 2px;
        }
      }
    }
  }
  &:focus-visible {
    &[data-orientation="horizontal"] {
      &::after {
        content: var(--tw-content);
        background-size: 100% 2px;
      }
    }
  }
  &[data-active] {
    &[data-orientation="horizontal"] {
      &::after {
        content: var(--tw-content);
        background-size: 100% 2px;
      }
    }
  }
  &[data-popup-open] {
    &[data-orientation="horizontal"] {
      &::after {
        content: var(--tw-content);
        background-size: 100% 2px;
      }
    }
  }
  &[data-pressed] {
    &[data-orientation="horizontal"] {
      &::after {
        content: var(--tw-content);
        background-size: 100% 2px;
      }
    }
  }
  &[data-orientation="vertical"] {
    &::after {
      content: var(--tw-content);
      inset-inline-start: 0px;
    }
  }
  &[data-orientation="vertical"] {
    &::after {
      content: var(--tw-content);
      top: 25%;
    }
  }
  &[data-orientation="vertical"] {
    &::after {
      content: var(--tw-content);
      bottom: 25%;
    }
  }
  &[data-orientation="vertical"] {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 0.5);
    }
  }
  &[data-orientation="vertical"] {
    &::after {
      content: var(--tw-content);
      background-size: 2px 0;
    }
  }
  &[data-orientation="vertical"] {
    &::after {
      content: var(--tw-content);
      background-position-y: bottom;
    }
  }
  &:hover {
    @media (hover: hover) {
      &[data-orientation="vertical"] {
        &::after {
          content: var(--tw-content);
          background-size: 2px 100%;
        }
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      &[data-orientation="vertical"] {
        &::after {
          content: var(--tw-content);
          background-position-y: top;
        }
      }
    }
  }
  &:focus-visible {
    &[data-orientation="vertical"] {
      &::after {
        content: var(--tw-content);
        background-size: 2px 100%;
      }
    }
  }
  &:focus-visible {
    &[data-orientation="vertical"] {
      &::after {
        content: var(--tw-content);
        background-position-y: top;
      }
    }
  }
  &[data-active] {
    &[data-orientation="vertical"] {
      &::after {
        content: var(--tw-content);
        background-size: 2px 100%;
      }
    }
  }
  &[data-active] {
    &[data-orientation="vertical"] {
      &::after {
        content: var(--tw-content);
        background-position-y: top;
      }
    }
  }
  &[data-popup-open] {
    &[data-orientation="vertical"] {
      &::after {
        content: var(--tw-content);
        background-size: 2px 100%;
      }
    }
  }
  &[data-popup-open] {
    &[data-orientation="vertical"] {
      &::after {
        content: var(--tw-content);
        background-position-y: top;
      }
    }
  }
  &[data-pressed] {
    &[data-orientation="vertical"] {
      &::after {
        content: var(--tw-content);
        background-size: 2px 100%;
      }
    }
  }
  &[data-pressed] {
    &[data-orientation="vertical"] {
      &::after {
        content: var(--tw-content);
        background-position-y: top;
      }
    }
  }
  @media (prefers-reduced-motion: reduce) {
    &::after {
      content: var(--tw-content);
      transition-property: none;
    }
  }
  &:is([data-disable-animations] *) {
    &::after {
      content: var(--tw-content);
      transition-property: none;
    }
  }
  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    &[data-orientation="horizontal"] {
      &::after {
        content: var(--tw-content);
        background-position: right;
      }
    }
  }
  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    &:hover {
      @media (hover: hover) {
        &[data-orientation="horizontal"] {
          &::after {
            content: var(--tw-content);
            background-position: left;
          }
        }
      }
    }
  }
  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    &:focus-visible {
      &[data-orientation="horizontal"] {
        &::after {
          content: var(--tw-content);
          background-position: left;
        }
      }
    }
  }
  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    &[data-active] {
      &[data-orientation="horizontal"] {
        &::after {
          content: var(--tw-content);
          background-position: left;
        }
      }
    }
  }
  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    &[data-popup-open] {
      &[data-orientation="horizontal"] {
        &::after {
          content: var(--tw-content);
          background-position: left;
        }
      }
    }
  }
  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    &[data-pressed] {
      &[data-orientation="horizontal"] {
        &::after {
          content: var(--tw-content);
          background-position: left;
        }
      }
    }
  }
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    &[data-orientation="horizontal"] {
      &::after {
        content: var(--tw-content);
        background-position: left;
      }
    }
  }
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    &:hover {
      @media (hover: hover) {
        &[data-orientation="horizontal"] {
          &::after {
            content: var(--tw-content);
            background-position: right;
          }
        }
      }
    }
  }
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    &:focus-visible {
      &[data-orientation="horizontal"] {
        &::after {
          content: var(--tw-content);
          background-position: right;
        }
      }
    }
  }
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    &[data-active] {
      &[data-orientation="horizontal"] {
        &::after {
          content: var(--tw-content);
          background-position: right;
        }
      }
    }
  }
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    &[data-popup-open] {
      &[data-orientation="horizontal"] {
        &::after {
          content: var(--tw-content);
          background-position: right;
        }
      }
    }
  }
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    &[data-pressed] {
      &[data-orientation="horizontal"] {
        &::after {
          content: var(--tw-content);
          background-position: right;
        }
      }
    }
  }
}
.app-navigation-indicator {
  max-width: 100%;
  color: var(--foreground-strong);
  &:hover {
    @media (hover: hover) {
      color: var(--foreground-intense);
    }
  }
  &:focus-visible {
    color: var(--foreground-intense);
  }
  &[data-active] {
    color: var(--foreground-intense);
  }
  &[data-popup-open] {
    color: var(--foreground-intense);
  }
  &[data-pressed] {
    color: var(--foreground-intense);
  }
  :is(& *) {
    &[data-slot="navigation-link-indicator"] {
      display: inline-flex;
    }
  }
  :is(& *) {
    &[data-slot="navigation-link-indicator"] {
      width: 0px;
    }
  }
  :is(& *) {
    &[data-slot="navigation-link-indicator"] {
      flex-shrink: 0;
    }
  }
  :is(& *) {
    &[data-slot="navigation-link-indicator"] {
      align-items: center;
    }
  }
  :is(& *) {
    &[data-slot="navigation-link-indicator"] {
      justify-content: center;
    }
  }
  :is(& *) {
    &[data-slot="navigation-link-indicator"] {
      overflow: hidden;
    }
  }
  :is(& *) {
    &[data-slot="navigation-link-indicator"] {
      opacity: 0%;
    }
  }
  :is(& *) {
    &[data-slot="navigation-link-indicator"] {
      transition-property: width,opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  :is(& *) {
    &[data-slot="navigation-link-indicator"] {
      --tw-duration: 250ms;
      transition-duration: 250ms;
    }
  }
  :is(& *) {
    &[data-slot="navigation-link-indicator"] {
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
    }
  }
  &:hover {
    @media (hover: hover) {
      :is(& *) {
        &[data-slot="navigation-link-indicator"] {
          opacity: 100%;
        }
      }
    }
  }
  &:focus-visible {
    :is(& *) {
      &[data-slot="navigation-link-indicator"] {
        opacity: 100%;
      }
    }
  }
  &[data-active] {
    :is(& *) {
      &[data-slot="navigation-link-indicator"] {
        opacity: 100%;
      }
    }
  }
  :is(& *) {
    &[data-slot="navigation-link-label"] {
      min-width: 0px;
    }
  }
  :is(& *) {
    &[data-slot="navigation-link-label"] {
      flex: 1;
    }
  }
  :is(& *) {
    &[data-slot="navigation-link-label"] {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    :is(& *) {
      &[data-slot="navigation-link-indicator"] {
        transition-property: none;
      }
    }
  }
  &:is([data-disable-animations] *) {
    :is(& *) {
      &[data-slot="navigation-link-indicator"] {
        transition-property: none;
      }
    }
  }
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    :is(& *) {
      &[data-slot="navigation-link-indicator"] {
        rotate: 180deg;
      }
    }
  }
}
.app-navigation-sm {
  font-size: 0.75rem;
  line-height: var(--tw-leading, 1rem);
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}
.app-navigation-md {
  font-size: 0.875rem;
  line-height: var(--tw-leading, 1.25rem);
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
}
.app-navigation-lg {
  font-size: 1rem;
  line-height: var(--tw-leading, 1.5rem);
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
}
.app-tabs {
  position: relative;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  &[data-orientation="vertical"] {
    height: fit-content;
  }
  &[data-orientation="vertical"] {
    flex-direction: column;
  }
}
.app-tabs-pill {
  gap: calc(var(--spacing) * 0.5);
  background-color: var(--background-muted);
  padding: calc(var(--spacing) * 0.5);
}
.app-tabs-sm[data-orientation="vertical"] {
  min-width: calc(var(--spacing) * 32);
}
.app-tabs-md[data-orientation="vertical"] {
  min-width: calc(var(--spacing) * 36);
}
.app-tabs-lg[data-orientation="vertical"] {
  min-width: calc(var(--spacing) * 40);
}
.app-tabs {
  position: absolute;
  inset-inline-start: 0px;
  z-index: 0;
  transition-property: translate,width,height;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 250ms;
  transition-duration: 250ms;
  &[data-orientation="vertical"] {
    --tw-translate-y: var(--active-tab-top);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @media (prefers-reduced-motion: reduce) {
    transition-property: none;
  }
  &:is([data-disable-animations] *) {
    transition-property: none;
  }
  &[data-orientation="horizontal"] {
    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      --tw-translate-x: var(--active-tab-left);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  &[data-orientation="horizontal"] {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      --tw-translate-x: calc(var(--active-tab-right) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.app-tabs-pill {
  width: var(--active-tab-width);
  border-radius: inherit;
  background-color: var(--color-white);
  --tw-shadow: 0 8px 16px -4px var(--tw-shadow-color, var(--shadow-color));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &[data-orientation="horizontal"] {
    top: calc(var(--spacing) * 0.5);
  }
  &[data-orientation="horizontal"] {
    height: calc(100% - 0.25rem);
  }
  &[data-orientation="vertical"] {
    inset-inline-start: calc(var(--spacing) * 0.5);
  }
  &[data-orientation="vertical"] {
    top: 0px;
  }
  &[data-orientation="vertical"] {
    bottom: var(--active-tab-bottom);
  }
  &[data-orientation="vertical"] {
    height: var(--active-tab-height);
  }
}
.app-tabs-line {
  border-radius: calc(infinity * 1px);
  background-color: var(--foreground-intense);
  &[data-orientation="horizontal"] {
    bottom: 0px;
  }
  &[data-orientation="horizontal"] {
    height: calc(var(--spacing) * 0.5);
  }
  &[data-orientation="horizontal"] {
    width: var(--active-tab-width);
  }
  &[data-orientation="vertical"] {
    top: calc(var(--active-tab-height) / 4);
  }
  &[data-orientation="vertical"] {
    height: calc(var(--active-tab-height) / 2);
  }
  &[data-orientation="vertical"] {
    width: calc(var(--spacing) * 0.5);
  }
}
.app-tabs {
  position: relative;
  display: flex;
  flex-shrink: 0;
  cursor: pointer;
  align-items: stretch;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--foreground-strong);
  outline-color: var(--focus-ring);
  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: 250ms;
  transition-duration: 250ms;
  -webkit-user-select: none;
  user-select: none;
  &:hover {
    @media (hover: hover) {
      color: var(--foreground-intense);
    }
  }
  &[data-active] {
    pointer-events: none;
  }
  &[data-disabled] {
    pointer-events: none;
  }
  &[data-disabled] {
    opacity: var(--opacity-disabled);
  }
  &[data-orientation="vertical"] {
    width: 100%;
  }
  @media (prefers-reduced-motion: reduce) {
    transition-property: none;
  }
  &:is([data-disable-animations] *) {
    transition-property: none;
  }
  & svg {
    pointer-events: none;
  }
  & svg {
    flex-shrink: 0;
  }
  & svg:not([class*='stroke-']) {
    stroke-width: 1.85;
  }
}
.app-tabs-pill[data-active] {
  color: var(--color-black);
}
.app-tabs-line[data-active] {
  color: var(--foreground-intense);
}
.app-tabs-sm {
  font-size: 0.75rem;
  line-height: var(--tw-leading, 1rem);
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}
.app-tabs-md {
  font-size: 0.875rem;
  line-height: var(--tw-leading, 1.25rem);
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
}
.app-tabs-lg {
  font-size: 1rem;
  line-height: var(--tw-leading, 1.5rem);
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
}
.app-tabs-icon-sm {
  font-size: 0.75rem;
  line-height: var(--tw-leading, 1rem);
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}
.app-tabs-icon-md {
  font-size: 0.875rem;
  line-height: var(--tw-leading, 1.25rem);
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
}
.app-tabs-icon-lg {
  font-size: 1rem;
  line-height: var(--tw-leading, 1.5rem);
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
}
.app-tabs {
  position: relative;
  isolation: isolate;
  display: flex;
  transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  align-items: center;
  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));
  --tw-duration: 250ms;
  transition-duration: 250ms;
  --tw-ease: cubic-bezier(0.175,0.885,0.32,1.5);
  transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.5);
  &:is(:where(.group\/trigger):active *) {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  &:is(:where(.group\/trigger):active *) {
    scale: 0.97;
  }
  &:is(:where(.group\/trigger):active *) {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  &:is(:where(.group\/trigger):active *) {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  &[data-orientation="horizontal"] {
    justify-content: center;
  }
  &[data-orientation="horizontal"] {
    text-align: center;
  }
  &[data-orientation="horizontal"] {
    white-space: nowrap;
  }
  &[data-orientation="vertical"] {
    width: 100%;
  }
  &[data-orientation="vertical"] {
    text-align: start;
  }
  @media (prefers-reduced-motion: reduce) {
    transition-property: none;
  }
  &:is([data-disable-animations] *) {
    transition-property: none;
  }
}
.app-tabs-pill::before {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  z-index: calc(1 * -1);
  border-radius: inherit;
  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));
  content: var(--tw-content);
  --tw-duration: 250ms;
  transition-duration: 250ms;
}
@media (hover: hover) {
  .app-tabs-pill:is(:where(.group\/trigger):hover *)::before {
    content: var(--tw-content);
    background-color: var(--background-subtle);
  }
}
@supports (font:-apple-system-body) {
  .app-tabs-pill::before {
    content: var(--tw-content);
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .app-tabs-pill::before {
    content: var(--tw-content);
    transition-property: none;
  }
}
.app-tabs-pill:is([data-disable-animations] *)::before {
  content: var(--tw-content);
  transition-property: none;
}
.app-tabs-sm {
  gap: var(--spacing);
  padding-block: calc(var(--spacing) * 2);
}
.app-tabs-md {
  gap: calc(var(--spacing) * 1.5);
  padding-block: calc(var(--spacing) * 2.5);
}
.app-tabs-lg {
  gap: calc(var(--spacing) * 1.5);
  padding-block: calc(var(--spacing) * 3);
}
.app-tabs-icon-sm {
  width: calc(var(--spacing) * 8);
  height: calc(var(--spacing) * 8);
}
.app-tabs-icon-md {
  width: calc(var(--spacing) * 10);
  height: calc(var(--spacing) * 10);
}
.app-tabs-icon-lg {
  width: calc(var(--spacing) * 12);
  height: calc(var(--spacing) * 12);
}
.app-thumbnail {
  position: relative;
  display: inline-flex;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  & svg:not([class*='size-']) {
    width: 0.5em;
    height: 0.5em;
  }
}
.app-thumbnail-2xs {
  font-size: 1.25rem;
}
.app-thumbnail-xs {
  font-size: 1.5rem;
}
.app-thumbnail-sm {
  font-size: 2rem;
}
.app-thumbnail-md {
  font-size: 2.5rem;
}
.app-thumbnail-lg {
  font-size: 3rem;
}
.app-thumbnail-xl {
  font-size: 4rem;
}
.app-thumbnail-2xl {
  font-size: 5rem;
}
.app-thumbnail-shape-rounded {
  border-radius: calc(tan(atan2(var(--radius-md), 2.5rem)) * 100%);
}
.app-thumbnail-shape-circle {
  border-radius: calc(infinity * 1px);
}
.app-thumbnail-image {
  background-color: var(--background-muted);
}
.app-thumbnail-icon-soft {
  background-color: var(--background-muted);
  color: var(--foreground-intense);
}
.app-thumbnail-icon-outline {
  border-style: var(--tw-border-style);
  border-width: var(--border-width);
  border-color: var(--border);
  background-color: var(--background);
  color: var(--foreground-intense);
}
.app-thumbnail-icon-primary {
  background-color: var(--primary);
  color: var(--primary-foreground);
}
.app-thumbnail-icon-primary-outline {
  border-style: var(--tw-border-style);
  border-width: var(--border-width);
  border-color: var(--primary);
  color: var(--primary);
}
.app-thumbnail-icon-secondary {
  background-color: var(--secondary-muted);
  color: var(--secondary-foreground);
}
.app-thumbnail-icon-error {
  background-color: var(--error-muted);
  color: var(--error-foreground);
}
.app-thumbnail-icon-success {
  background-color: var(--success-muted);
  color: var(--success-foreground);
}
.app-thumbnail-icon-warning {
  background-color: var(--warning-muted);
  color: var(--warning-foreground);
}
.app-thumbnail-icon-info {
  background-color: var(--info-muted);
  color: var(--info-foreground);
}
@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-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-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --gradient-glow-rotation: 0deg;
    }
  }
}