@xjur-ui/react 1.0.4 → 2.0.0

package/dist/index.css

@@ -1,2319 +1,3 @@
-/* src/index.css */
-@layer properties;
-@layer theme, base, components, utilities;
-@layer theme {
-  :root,
-  :host {
-    --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;
-    --color-black: #000;
-    --color-white: #fff;
-    --spacing: 0.25rem;
-    --container-sm: 24rem;
-    --font-weight-thin: 100;
-    --font-weight-extralight: 200;
-    --font-weight-light: 300;
-    --font-weight-normal: 400;
-    --font-weight-medium: 500;
-    --font-weight-semibold: 600;
-    --font-weight-bold: 700;
-    --font-weight-extrabold: 800;
-    --font-weight-black: 900;
-    --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);
-    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-    --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);
-    --font-inter:
-      Inter,
-      ui-sans-serif,
-      system-ui,
-      sans-serif,
-      "Apple Color Emoji",
-      "Segoe UI Emoji",
-      "Segoe UI Symbol",
-      "Noto Color Emoji";
-    --spacing-none: 0;
-    --spacing-small-2x: 2px;
-    --spacing-small-1x: 4px;
-    --spacing-small_1x-alt: 6px;
-    --spacing-small: 8px;
-    --spacing-medium: 12px;
-    --spacing-large: 16px;
-    --spacing-large-alt: 18px;
-    --spacing-large-1x: 20px;
-    --spacing-large-2x: 24px;
-    --spacing-large-3x: 28px;
-    --spacing-large-4x: 32px;
-    --spacing-large-6x: 40px;
-    --spacing-large-7x: 44px;
-    --spacing-large-8x: 48px;
-    --radius-none: 0;
-    --radius-small-1x: 4px;
-    --radius-small: 8px;
-    --radius-circle: 999px;
-    --shadow-2x-small: 1px;
-    --shadow-1x-small: 2px;
-    --shadow-medium: 4px;
-    --shadow-large-1x: 8px;
-    --color-shadow-lightest: #0000000A;
-    --color-shadow-light: #0000000F;
-    --color-neutral-dark: #3D3D47;
-    --color-neutral-placeholder: #9C9CAD;
-    --color-neutral-label: #FFFFFF;
-    --color-icon-neutral-3: #69697A;
-    --color-icon-neutral-5: #FFFFFF;
-    --color-layer-1-idle: #F7F7FA;
-    --color-layer-1-hover: #F0F0F2;
-    --color-layer-1-pressed: #E7E7EB;
-    --color-layer-1-active: #DEDEE3;
-    --color-layer-2-idle: #FFFFFF;
-    --color-layer-2-hover: #F8F8FA;
-    --color-layer-2-pressed: #F0F0F2;
-    --color-layer-2-active: #E7E7EB;
-    --color-layer-skeleton: #E5E7EB;
-    --color-alt-1: #17171A;
-    --color-alt-2: #3D3D47;
-    --color-alt-4: #9C9CAD;
-    --color-border-layer-1: #D6D6DC;
-    --color-border-layer-2: #DEDEE3;
-    --color-border-layer-3: #9C9CAD;
-    --color-primary-idle: #E87D30;
-    --color-primary-hover: #C7631C;
-    --color-primary-pressed: #AE5413;
-    --color-primary-active: #E87D30;
-    --color-primary-alt-idle: #F9EEE6;
-    --color-primary-alt-hover: #F7E6D9;
-    --color-primary-alt-pressed: #F4DCCD;
-    --color-primary-alt-active: #F9EEE6;
-    --color-primary-label-idle: #E87D30;
-    --color-primary-label-active: #E87D30;
-    --color-danger-idle: #E83040;
-    --color-danger-hover: #C71C2B;
-    --color-danger-pressed: #AE1320;
-    --color-danger-alt-idle: #F9E6E8;
-    --color-danger-alt-hover: #F7D9DC;
-    --color-danger-alt-pressed: #F4CDCD;
-    --color-danger-label-idle: #E83040;
-    --color-success-idle: #169C55;
-    --color-warning-idle: #DF9F20;
-    --text-size-body-sm-1x: 12px;
-    --text-size-body-sm-1x--line-height: 16px;
-    --text-size-body-sm: 13px;
-    --text-size-body-sm--line-height: 16px;
-    --text-size-body-md: 14px;
-    --text-size-body-md--line-height: 20px;
-    --text-size-body-lg: 16px;
-    --text-size-body-lg--line-height: 24px;
-    --text-size-label-sm-2x: 10px;
-    --text-size-label-sm-2x--line-height: 14px;
-    --text-size-label-sm-1x: 12px;
-    --text-size-label-sm-1x--line-height: 16px;
-    --text-size-label-sm: 13px;
-    --text-size-label-sm--line-height: 16px;
-    --text-size-label-md: 14px;
-    --text-size-label-md--line-height: 20px;
-    --text-size-label-lg: 16px;
-    --text-size-label-lg--line-height: 24px;
-    --text-size-title-sm: 14px;
-    --text-size-title-sm--line-height: 20px;
-    --text-size-title-md: 16px;
-    --text-size-title-md--line-height: 24px;
-    --text-size-title-lg: 20px;
-    --text-size-title-lg--line-height: 28px;
-    --text-size-headline-sm: 24px;
-    --text-size-headline-sm--line-height: 32px;
-    --text-size-headline-md: 28px;
-    --text-size-headline-md--line-height: 40px;
-    --text-size-headline-lg: 32px;
-    --text-size-headline-lg--line-height: 48px;
-  }
-}
-@layer base {
-  *,
-  ::after,
-  ::before,
-  ::backdrop,
-  ::file-selector-button {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-    border: 0 solid;
-  }
-  html,
-  :host {
-    line-height: 1.5;
-    -webkit-text-size-adjust: 100%;
-    tab-size: 4;
-    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
-    font-feature-settings: var(--default-font-feature-settings, normal);
-    font-variation-settings: var(--default-font-variation-settings, normal);
-    -webkit-tap-highlight-color: transparent;
-  }
-  hr {
-    height: 0;
-    color: inherit;
-    border-top-width: 1px;
-  }
-  abbr:where([title]) {
-    -webkit-text-decoration: underline dotted;
-    text-decoration: underline dotted;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-size: inherit;
-    font-weight: inherit;
-  }
-  a {
-    color: inherit;
-    -webkit-text-decoration: inherit;
-    text-decoration: inherit;
-  }
-  b,
-  strong {
-    font-weight: bolder;
-  }
-  code,
-  kbd,
-  samp,
-  pre {
-    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
-    font-feature-settings: var(--default-mono-font-feature-settings, normal);
-    font-variation-settings: var(--default-mono-font-variation-settings, normal);
-    font-size: 1em;
-  }
-  small {
-    font-size: 80%;
-  }
-  sub,
-  sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-  }
-  sub {
-    bottom: -0.25em;
-  }
-  sup {
-    top: -0.5em;
-  }
-  table {
-    text-indent: 0;
-    border-color: inherit;
-    border-collapse: collapse;
-  }
-  :-moz-focusring {
-    outline: auto;
-  }
-  progress {
-    vertical-align: baseline;
-  }
-  summary {
-    display: list-item;
-  }
-  ol,
-  ul,
-  menu {
-    list-style: none;
-  }
-  img,
-  svg,
-  video,
-  canvas,
-  audio,
-  iframe,
-  embed,
-  object {
-    display: block;
-    vertical-align: middle;
-  }
-  img,
-  video {
-    max-width: 100%;
-    height: auto;
-  }
-  button,
-  input,
-  select,
-  optgroup,
-  textarea,
-  ::file-selector-button {
-    font: inherit;
-    font-feature-settings: inherit;
-    font-variation-settings: inherit;
-    letter-spacing: inherit;
-    color: inherit;
-    border-radius: 0;
-    background-color: transparent;
-    opacity: 1;
-  }
-  :where(select:is([multiple], [size])) optgroup {
-    font-weight: bolder;
-  }
-  :where(select:is([multiple], [size])) optgroup option {
-    padding-inline-start: 20px;
-  }
-  ::file-selector-button {
-    margin-inline-end: 4px;
-  }
-  ::placeholder {
-    opacity: 1;
-  }
-  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
-    ::placeholder {
-      color: currentcolor;
-      @supports (color: color-mix(in lab, red, red)) {
-        color: color-mix(in oklab, currentcolor 50%, transparent);
-      }
-    }
-  }
-  textarea {
-    resize: vertical;
-  }
-  ::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-  ::-webkit-date-and-time-value {
-    min-height: 1lh;
-    text-align: inherit;
-  }
-  ::-webkit-datetime-edit {
-    display: inline-flex;
-  }
-  ::-webkit-datetime-edit-fields-wrapper {
-    padding: 0;
-  }
-  ::-webkit-datetime-edit,
-  ::-webkit-datetime-edit-year-field,
-  ::-webkit-datetime-edit-month-field,
-  ::-webkit-datetime-edit-day-field,
-  ::-webkit-datetime-edit-hour-field,
-  ::-webkit-datetime-edit-minute-field,
-  ::-webkit-datetime-edit-second-field,
-  ::-webkit-datetime-edit-millisecond-field,
-  ::-webkit-datetime-edit-meridiem-field {
-    padding-block: 0;
-  }
-  :-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 {
-  .pointer-events-none {
-    pointer-events: none;
-  }
-  .invisible {
-    visibility: hidden;
-  }
-  .absolute {
-    position: absolute;
-  }
-  .fixed {
-    position: fixed;
-  }
-  .relative {
-    position: relative;
-  }
-  .inset-0 {
-    inset: calc(var(--spacing) * 0);
-  }
-  .inset-x-0 {
-    inset-inline: calc(var(--spacing) * 0);
-  }
-  .inset-y-0 {
-    inset-block: calc(var(--spacing) * 0);
-  }
-  .-top-\[22px\] {
-    top: calc(22px * -1);
-  }
-  .top-0 {
-    top: calc(var(--spacing) * 0);
-  }
-  .top-1\/2 {
-    top: calc(1/2 * 100%);
-  }
-  .right-0 {
-    right: calc(var(--spacing) * 0);
-  }
-  .right-small {
-    right: var(--spacing-small);
-  }
-  .bottom-0 {
-    bottom: calc(var(--spacing) * 0);
-  }
-  .left-0 {
-    left: calc(var(--spacing) * 0);
-  }
-  .left-small {
-    left: var(--spacing-small);
-  }
-  .z-10 {
-    z-index: 10;
-  }
-  .z-50 {
-    z-index: 50;
-  }
-  .mt-auto {
-    margin-top: auto;
-  }
-  .mt-small {
-    margin-top: var(--spacing-small);
-  }
-  .ml-small-1x {
-    margin-left: var(--spacing-small-1x);
-  }
-  .scrollbar-thin {
-    &::-webkit-scrollbar-track {
-      background-color: var(--scrollbar-track);
-      border-radius: var(--scrollbar-track-radius);
-    }
-    &::-webkit-scrollbar-thumb {
-      background-color: var(--scrollbar-thumb);
-      border-radius: var(--scrollbar-thumb-radius);
-    }
-    &::-webkit-scrollbar-corner {
-      background-color: var(--scrollbar-corner);
-      border-radius: var(--scrollbar-corner-radius);
-    }
-    scrollbar-width: thin;
-    scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
-    &::-webkit-scrollbar {
-      display: block;
-      width: 8px;
-      height: 8px;
-    }
-  }
-  .scrollbar-hide {
-    -ms-overflow-style: none;
-    scrollbar-width: none;
-    &::-webkit-scrollbar {
-      display: none;
-    }
-  }
-  .flex {
-    display: flex;
-  }
-  .hidden {
-    display: none;
-  }
-  .inline-block {
-    display: inline-block;
-  }
-  .inline-flex {
-    display: inline-flex;
-  }
-  .table {
-    display: table;
-  }
-  .table-cell {
-    display: table-cell;
-  }
-  .table-row {
-    display: table-row;
-  }
-  .aspect-square {
-    aspect-ratio: 1 / 1;
-  }
-  .size-full {
-    width: 100%;
-    height: 100%;
-  }
-  .size-large {
-    width: var(--spacing-large);
-    height: var(--spacing-large);
-  }
-  .size-large-1x {
-    width: var(--spacing-large-1x);
-    height: var(--spacing-large-1x);
-  }
-  .size-large-alt {
-    width: var(--spacing-large-alt);
-    height: var(--spacing-large-alt);
-  }
-  .size-medium {
-    width: var(--spacing-medium);
-    height: var(--spacing-medium);
-  }
-  .h-auto {
-    height: auto;
-  }
-  .h-full {
-    height: 100%;
-  }
-  .h-large {
-    height: var(--spacing-large);
-  }
-  .h-large-2x {
-    height: var(--spacing-large-2x);
-  }
-  .h-large-4x {
-    height: var(--spacing-large-4x);
-  }
-  .h-large-6x {
-    height: var(--spacing-large-6x);
-  }
-  .h-large-7x {
-    height: var(--spacing-large-7x);
-  }
-  .h-large-8x {
-    height: var(--spacing-large-8x);
-  }
-  .max-h-\[116px\] {
-    max-height: 116px;
-  }
-  .max-h-\[400px\] {
-    max-height: 400px;
-  }
-  .max-h-\[var\(--radix-popover-content-available-height\)\] {
-    max-height: var(--radix-popover-content-available-height);
-  }
-  .min-h-\[116px\] {
-    min-height: 116px;
-  }
-  .w-3\/4 {
-    width: calc(3/4 * 100%);
-  }
-  .w-fit {
-    width: fit-content;
-  }
-  .w-full {
-    width: 100%;
-  }
-  .w-large-2x {
-    width: var(--spacing-large-2x);
-  }
-  .w-large-3x {
-    width: var(--spacing-large-3x);
-  }
-  .w-large-4x {
-    width: var(--spacing-large-4x);
-  }
-  .max-w-\[var\(--radix-popover-content-available-width\)\] {
-    max-width: var(--radix-popover-content-available-width);
-  }
-  .max-w-\[var\(--radix-popover-trigger-width\)\] {
-    max-width: var(--radix-popover-trigger-width);
-  }
-  .max-w-full {
-    max-width: 100%;
-  }
-  .min-w-\[var\(--radix-popover-trigger-width\)\] {
-    min-width: var(--radix-popover-trigger-width);
-  }
-  .flex-1 {
-    flex: 1;
-  }
-  .shrink-0 {
-    flex-shrink: 0;
-  }
-  .caption-bottom {
-    caption-side: bottom;
-  }
-  .origin-\(--radix-tooltip-content-transform-origin\) {
-    transform-origin: var(--radix-tooltip-content-transform-origin);
-  }
-  .-translate-y-1\/2 {
-    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-  .animate-in {
-    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
-  }
-  .animate-pulse {
-    animation: var(--animate-pulse);
-  }
-  .cursor-pointer {
-    cursor: pointer;
-  }
-  .list-outside {
-    list-style-position: outside;
-  }
-  .list-decimal {
-    list-style-type: decimal;
-  }
-  .list-disc {
-    list-style-type: disc;
-  }
-  .list-none {
-    list-style-type: none;
-  }
-  .flex-col {
-    flex-direction: column;
-  }
-  .flex-nowrap {
-    flex-wrap: nowrap;
-  }
-  .items-center {
-    align-items: center;
-  }
-  .justify-between {
-    justify-content: space-between;
-  }
-  .justify-center {
-    justify-content: center;
-  }
-  .gap-4 {
-    gap: calc(var(--spacing) * 4);
-  }
-  .gap-small {
-    gap: var(--spacing-small);
-  }
-  .gap-small-1x {
-    gap: var(--spacing-small-1x);
-  }
-  .gap-small_1x-alt {
-    gap: var(--spacing-small_1x-alt);
-  }
-  .-space-x-small-1x {
-    :where(& > :not(:last-child)) {
-      --tw-space-x-reverse: 0;
-      margin-inline-start: calc(calc(var(--spacing-small-1x) * -1) * var(--tw-space-x-reverse));
-      margin-inline-end: calc(calc(var(--spacing-small-1x) * -1) * calc(1 - var(--tw-space-x-reverse)));
-    }
-  }
-  .truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .overflow-hidden {
-    overflow: hidden;
-  }
-  .overflow-x-auto {
-    overflow-x: auto;
-  }
-  .overflow-x-hidden {
-    overflow-x: hidden;
-  }
-  .overflow-y-auto {
-    overflow-y: auto;
-  }
-  .overflow-y-hidden {
-    overflow-y: hidden;
-  }
-  .rounded-\[6px\] {
-    border-radius: 6px;
-  }
-  .rounded-circle {
-    border-radius: var(--radius-circle);
-  }
-  .rounded-full {
-    border-radius: calc(infinity * 1px);
-  }
-  .rounded-none {
-    border-radius: 0;
-  }
-  .rounded-none {
-    border-radius: var(--radius-none);
-  }
-  .rounded-small {
-    border-radius: var(--radius-small);
-  }
-  .rounded-small-1x {
-    border-radius: var(--radius-small-1x);
-  }
-  .rounded-tr-circle {
-    border-top-right-radius: var(--radius-circle);
-  }
-  .rounded-tr-none {
-    border-top-right-radius: 0;
-  }
-  .rounded-tr-none {
-    border-top-right-radius: var(--radius-none);
-  }
-  .rounded-br-circle {
-    border-bottom-right-radius: var(--radius-circle);
-  }
-  .rounded-br-none {
-    border-bottom-right-radius: 0;
-  }
-  .rounded-br-none {
-    border-bottom-right-radius: var(--radius-none);
-  }
-  .rounded-bl-none {
-    border-bottom-left-radius: 0;
-  }
-  .rounded-bl-none {
-    border-bottom-left-radius: var(--radius-none);
-  }
-  .border {
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-  }
-  .border-2 {
-    border-style: var(--tw-border-style);
-    border-width: 2px;
-  }
-  .border-x-0 {
-    border-inline-style: var(--tw-border-style);
-    border-inline-width: 0px;
-  }
-  .border-t {
-    border-top-style: var(--tw-border-style);
-    border-top-width: 1px;
-  }
-  .border-t-0 {
-    border-top-style: var(--tw-border-style);
-    border-top-width: 0px;
-  }
-  .border-r {
-    border-right-style: var(--tw-border-style);
-    border-right-width: 1px;
-  }
-  .border-r-0 {
-    border-right-style: var(--tw-border-style);
-    border-right-width: 0px;
-  }
-  .border-b {
-    border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 1px;
-  }
-  .border-b-1 {
-    border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 1px;
-  }
-  .border-l {
-    border-left-style: var(--tw-border-style);
-    border-left-width: 1px;
-  }
-  .border-border-layer-2 {
-    border-color: var(--color-border-layer-2);
-  }
-  .border-icon-neutral-5 {
-    border-color: var(--color-icon-neutral-5);
-  }
-  .border-transparent {
-    border-color: transparent;
-  }
-  .border-t-border-layer-2 {
-    border-top-color: var(--color-border-layer-2);
-  }
-  .border-b-border-layer-2 {
-    border-bottom-color: var(--color-border-layer-2);
-  }
-  .\!bg-layer-2-hover {
-    background-color: var(--color-layer-2-hover) !important;
-  }
-  .bg-alt-1 {
-    background-color: var(--color-alt-1);
-  }
-  .bg-black\/50 {
-    background-color: color-mix(in srgb, #000 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
-    }
-  }
-  .bg-border-layer-2 {
-    background-color: var(--color-border-layer-2);
-  }
-  .bg-danger-alt-idle {
-    background-color: var(--color-danger-alt-idle);
-  }
-  .bg-danger-idle {
-    background-color: var(--color-danger-idle);
-  }
-  .bg-inherit {
-    background-color: inherit;
-  }
-  .bg-layer-1-hover {
-    background-color: var(--color-layer-1-hover);
-  }
-  .bg-layer-1-idle {
-    background-color: var(--color-layer-1-idle);
-  }
-  .bg-layer-2-hover {
-    background-color: var(--color-layer-2-hover);
-  }
-  .bg-layer-2-idle {
-    background-color: var(--color-layer-2-idle);
-  }
-  .bg-layer-skeleton {
-    background-color: var(--color-layer-skeleton);
-  }
-  .bg-primary-alt-active {
-    background-color: var(--color-primary-alt-active);
-  }
-  .bg-primary-alt-idle {
-    background-color: var(--color-primary-alt-idle);
-  }
-  .bg-primary-idle {
-    background-color: var(--color-primary-idle);
-  }
-  .bg-success-idle {
-    background-color: var(--color-success-idle);
-  }
-  .bg-transparent {
-    background-color: transparent;
-  }
-  .bg-warning-idle {
-    background-color: var(--color-warning-idle);
-  }
-  .p-\[2px\] {
-    padding: 2px;
-  }
-  .p-small {
-    padding: var(--spacing-small);
-  }
-  .p-small-1x {
-    padding: var(--spacing-small-1x);
-  }
-  .p-small-2x {
-    padding: var(--spacing-small-2x);
-  }
-  .px-large {
-    padding-inline: var(--spacing-large);
-  }
-  .px-large-2x {
-    padding-inline: var(--spacing-large-2x);
-  }
-  .px-medium {
-    padding-inline: var(--spacing-medium);
-  }
-  .px-small {
-    padding-inline: var(--spacing-small);
-  }
-  .py-large {
-    padding-block: var(--spacing-large);
-  }
-  .py-medium {
-    padding-block: var(--spacing-medium);
-  }
-  .py-none {
-    padding-block: var(--spacing-none);
-  }
-  .py-small {
-    padding-block: var(--spacing-small);
-  }
-  .py-small-1x {
-    padding-block: var(--spacing-small-1x);
-  }
-  .py-small_1x-alt {
-    padding-block: var(--spacing-small_1x-alt);
-  }
-  .pt-small-1x {
-    padding-top: var(--spacing-small-1x);
-  }
-  .pr-large-2x {
-    padding-right: var(--spacing-large-2x);
-  }
-  .pr-large-3x {
-    padding-right: var(--spacing-large-3x);
-  }
-  .pl-large-1x {
-    padding-left: var(--spacing-large-1x);
-  }
-  .text-center {
-    text-align: center;
-  }
-  .text-left {
-    text-align: left;
-  }
-  .align-middle {
-    vertical-align: middle;
-  }
-  .font-inter {
-    font-family: var(--font-inter);
-  }
-  .text-size-body-lg {
-    font-size: var(--text-size-body-lg);
-    line-height: var(--tw-leading, var(--text-size-body-lg--line-height));
-  }
-  .text-size-body-md {
-    font-size: var(--text-size-body-md);
-    line-height: var(--tw-leading, var(--text-size-body-md--line-height));
-  }
-  .text-size-body-sm {
-    font-size: var(--text-size-body-sm);
-    line-height: var(--tw-leading, var(--text-size-body-sm--line-height));
-  }
-  .text-size-body-sm-1x {
-    font-size: var(--text-size-body-sm-1x);
-    line-height: var(--tw-leading, var(--text-size-body-sm-1x--line-height));
-  }
-  .text-size-headline-lg {
-    font-size: var(--text-size-headline-lg);
-    line-height: var(--tw-leading, var(--text-size-headline-lg--line-height));
-  }
-  .text-size-headline-md {
-    font-size: var(--text-size-headline-md);
-    line-height: var(--tw-leading, var(--text-size-headline-md--line-height));
-  }
-  .text-size-headline-sm {
-    font-size: var(--text-size-headline-sm);
-    line-height: var(--tw-leading, var(--text-size-headline-sm--line-height));
-  }
-  .text-size-label-lg {
-    font-size: var(--text-size-label-lg);
-    line-height: var(--tw-leading, var(--text-size-label-lg--line-height));
-  }
-  .text-size-label-md {
-    font-size: var(--text-size-label-md);
-    line-height: var(--tw-leading, var(--text-size-label-md--line-height));
-  }
-  .text-size-label-sm {
-    font-size: var(--text-size-label-sm);
-    line-height: var(--tw-leading, var(--text-size-label-sm--line-height));
-  }
-  .text-size-label-sm-1x {
-    font-size: var(--text-size-label-sm-1x);
-    line-height: var(--tw-leading, var(--text-size-label-sm-1x--line-height));
-  }
-  .text-size-label-sm-2x {
-    font-size: var(--text-size-label-sm-2x);
-    line-height: var(--tw-leading, var(--text-size-label-sm-2x--line-height));
-  }
-  .text-size-title-lg {
-    font-size: var(--text-size-title-lg);
-    line-height: var(--tw-leading, var(--text-size-title-lg--line-height));
-  }
-  .text-size-title-md {
-    font-size: var(--text-size-title-md);
-    line-height: var(--tw-leading, var(--text-size-title-md--line-height));
-  }
-  .text-size-title-sm {
-    font-size: var(--text-size-title-sm);
-    line-height: var(--tw-leading, var(--text-size-title-sm--line-height));
-  }
-  .font-black {
-    --tw-font-weight: var(--font-weight-black);
-    font-weight: var(--font-weight-black);
-  }
-  .font-bold {
-    --tw-font-weight: var(--font-weight-bold);
-    font-weight: var(--font-weight-bold);
-  }
-  .font-extrabold {
-    --tw-font-weight: var(--font-weight-extrabold);
-    font-weight: var(--font-weight-extrabold);
-  }
-  .font-extralight {
-    --tw-font-weight: var(--font-weight-extralight);
-    font-weight: var(--font-weight-extralight);
-  }
-  .font-light {
-    --tw-font-weight: var(--font-weight-light);
-    font-weight: var(--font-weight-light);
-  }
-  .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);
-  }
-  .font-thin {
-    --tw-font-weight: var(--font-weight-thin);
-    font-weight: var(--font-weight-thin);
-  }
-  .text-balance {
-    text-wrap: balance;
-  }
-  .whitespace-nowrap {
-    white-space: nowrap;
-  }
-  .\!text-primary-label-active {
-    color: var(--color-primary-label-active) !important;
-  }
-  .text-danger-label-idle {
-    color: var(--color-danger-label-idle);
-  }
-  .text-icon-neutral-3 {
-    color: var(--color-icon-neutral-3);
-  }
-  .text-inherit {
-    color: inherit;
-  }
-  .text-neutral-dark {
-    color: var(--color-neutral-dark);
-  }
-  .text-neutral-label {
-    color: var(--color-neutral-label);
-  }
-  .text-neutral-placeholder {
-    color: var(--color-neutral-placeholder);
-  }
-  .text-primary-idle {
-    color: var(--color-primary-idle);
-  }
-  .text-primary-label-active {
-    color: var(--color-primary-label-active);
-  }
-  .text-primary-label-idle {
-    color: var(--color-primary-label-idle);
-  }
-  .text-white {
-    color: var(--color-white);
-  }
-  .italic {
-    font-style: italic;
-  }
-  .underline {
-    text-decoration-line: underline;
-  }
-  .opacity-60 {
-    opacity: 60%;
-  }
-  .shadow-elevation-2 {
-    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, var(--color-shadow-light, #0000000F)), 0 4px 8px 0 var(--tw-shadow-color, var(--color-shadow-light, #0000000F));
-    box-shadow:
-      var(--tw-inset-shadow),
-      var(--tw-inset-ring-shadow),
-      var(--tw-ring-offset-shadow),
-      var(--tw-ring-shadow),
-      var(--tw-shadow);
-  }
-  .shadow-elevation-3 {
-    --tw-shadow:
-      0 var(--shadow-2x-small, 1px) var(--shadow-1x-small, 2px) var(--color-shadow-lightest, #0000000A),
-      0 var(--shadow-medium, 4px) var(--shadow-large-1x, 8px) var(--color-shadow-lightest, #0000000A),
-      0 var(--shadow-large-1x, 4px) var(--shadow-large3x, 16px) var(--color-shadow-lightest, #0000000A);
-    box-shadow:
-      var(--tw-inset-shadow),
-      var(--tw-inset-ring-shadow),
-      var(--tw-ring-offset-shadow),
-      var(--tw-ring-shadow),
-      var(--tw-shadow);
-  }
-  .ring-0 {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-    box-shadow:
-      var(--tw-inset-shadow),
-      var(--tw-inset-ring-shadow),
-      var(--tw-ring-offset-shadow),
-      var(--tw-ring-shadow),
-      var(--tw-shadow);
-  }
-  .outline-0 {
-    outline-style: var(--tw-outline-style);
-    outline-width: 0px;
-  }
-  .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,
-      visibility,
-      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-\[border-color\,box-shadow\,background-color\] {
-    transition-property:
-      border-color,
-      box-shadow,
-      background-color;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
-  .transition-\[visibility\] {
-    transition-property: visibility;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
-  .transition-all {
-    transition-property: all;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
-  .transition-colors {
-    transition-property:
-      color,
-      background-color,
-      border-color,
-      outline-color,
-      text-decoration-color,
-      fill,
-      stroke,
-      --tw-gradient-from,
-      --tw-gradient-via,
-      --tw-gradient-to;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
-  .transition-transform {
-    transition-property:
-      transform,
-      translate,
-      scale,
-      rotate;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
-  .duration-100 {
-    --tw-duration: 100ms;
-    transition-duration: 100ms;
-  }
-  .duration-200 {
-    --tw-duration: 200ms;
-    transition-duration: 200ms;
-  }
-  .duration-250 {
-    --tw-duration: 250ms;
-    transition-duration: 250ms;
-  }
-  .ease-in {
-    --tw-ease: var(--ease-in);
-    transition-timing-function: var(--ease-in);
-  }
-  .ease-in-out {
-    --tw-ease: var(--ease-in-out);
-    transition-timing-function: var(--ease-in-out);
-  }
-  .ease-out {
-    --tw-ease: var(--ease-out);
-    transition-timing-function: var(--ease-out);
-  }
-  .fade-in-0 {
-    --tw-enter-opacity: calc(0/100);
-    --tw-enter-opacity: 0;
-  }
-  .outline-none {
-    --tw-outline-style: none;
-    outline-style: none;
-  }
-  .zoom-in-95 {
-    --tw-enter-scale: calc(95*1%);
-    --tw-enter-scale: .95;
-  }
-  .fade-in {
-    --tw-enter-opacity: 0;
-  }
-  .\*\:h-full {
-    :is(& > *) {
-      height: 100%;
-    }
-  }
-  .\*\:w-full {
-    :is(& > *) {
-      width: 100%;
-    }
-  }
-  .\*\:outline-0 {
-    :is(& > *) {
-      outline-style: var(--tw-outline-style);
-      outline-width: 0px;
-    }
-  }
-  .group-focus-within\:-top-\[3px\] {
-    &:is(:where(.group):focus-within *) {
-      top: calc(3px * -1);
-    }
-  }
-  .group-focus-within\:animate-in {
-    &:is(:where(.group):focus-within *) {
-      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
-    }
-  }
-  .group-focus-within\:text-size-label-sm-1x {
-    &:is(:where(.group):focus-within *) {
-      font-size: var(--text-size-label-sm-1x);
-      line-height: var(--tw-leading, var(--text-size-label-sm-1x--line-height));
-    }
-  }
-  .group-focus-within\:font-medium {
-    &:is(:where(.group):focus-within *) {
-      --tw-font-weight: var(--font-weight-medium);
-      font-weight: var(--font-weight-medium);
-    }
-  }
-  .group-focus-within\:text-primary-idle {
-    &:is(:where(.group):focus-within *) {
-      color: var(--color-primary-idle);
-    }
-  }
-  .group-hover\:border-1 {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        border-style: var(--tw-border-style);
-        border-width: 1px;
-      }
-    }
-  }
-  .group-hover\:border-border-layer-1 {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        border-color: var(--color-border-layer-1);
-      }
-    }
-  }
-  .group-hover\:border-border-layer-3 {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        border-color: var(--color-border-layer-3);
-      }
-    }
-  }
-  .group-hover\/chip\:visible {
-    &:is(:where(.group\/chip):hover *) {
-      @media (hover: hover) {
-        visibility: visible;
-      }
-    }
-  }
-  .group-hover\/tag\:visible {
-    &:is(:where(.group\/tag):hover *) {
-      @media (hover: hover) {
-        visibility: visible;
-      }
-    }
-  }
-  .group-hover\/th\:flex {
-    &:is(:where(.group\/th):hover *) {
-      @media (hover: hover) {
-        display: flex;
-      }
-    }
-  }
-  .group-has-\[div\[data-slot\=date-picker-left-slot\]\]\:left-large-4x {
-    &:is(:where(.group):has(*:is(div[data-slot=date-picker-left-slot])) *) {
-      left: var(--spacing-large-4x);
-    }
-  }
-  .group-has-\[div\[data-slot\=date-picker-left-slot\]\]\:pl-large-1x {
-    &:is(:where(.group):has(*:is(div[data-slot=date-picker-left-slot])) *) {
-      padding-left: var(--spacing-large-1x);
-    }
-  }
-  .group-has-\[div\[data-slot\=date-picker-right-slot\]\]\:right-large-4x {
-    &:is(:where(.group):has(*:is(div[data-slot=date-picker-right-slot])) *) {
-      right: var(--spacing-large-4x);
-    }
-  }
-  .group-has-\[div\[data-slot\=input-left-action-slot\]\]\:rounded-l-none {
-    &:is(:where(.group):has(*:is(div[data-slot=input-left-action-slot])) *) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-    }
-  }
-  .group-has-\[div\[data-slot\=input-left-action-slot\]\]\:rounded-l-none {
-    &:is(:where(.group):has(*:is(div[data-slot=input-left-action-slot])) *) {
-      border-top-left-radius: var(--radius-none);
-      border-bottom-left-radius: var(--radius-none);
-    }
-  }
-  .group-has-\[div\[data-slot\=input-left-slot\]\]\:left-large-4x {
-    &:is(:where(.group):has(*:is(div[data-slot=input-left-slot])) *) {
-      left: var(--spacing-large-4x);
-    }
-  }
-  .group-has-\[div\[data-slot\=input-left-slot\]\]\:pl-large-1x {
-    &:is(:where(.group):has(*:is(div[data-slot=input-left-slot])) *) {
-      padding-left: var(--spacing-large-1x);
-    }
-  }
-  .group-has-\[div\[data-slot\=input-left-slot\]\]\:group-focus-within\:left-small {
-    &:is(:where(.group):has(*:is(div[data-slot=input-left-slot])) *) {
-      &:is(:where(.group):focus-within *) {
-        left: var(--spacing-small);
-      }
-    }
-  }
-  .group-has-\[div\[data-slot\=input-right-action-slot\]\]\:rounded-r-none {
-    &:is(:where(.group):has(*:is(div[data-slot=input-right-action-slot])) *) {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-  }
-  .group-has-\[div\[data-slot\=input-right-action-slot\]\]\:rounded-r-none {
-    &:is(:where(.group):has(*:is(div[data-slot=input-right-action-slot])) *) {
-      border-top-right-radius: var(--radius-none);
-      border-bottom-right-radius: var(--radius-none);
-    }
-  }
-  .group-has-\[div\[data-slot\=input-right-slot\]\]\:right-large-4x {
-    &:is(:where(.group):has(*:is(div[data-slot=input-right-slot])) *) {
-      right: var(--spacing-large-4x);
-    }
-  }
-  .group-has-\[div\[data-slot\=input-right-slot\]\]\:group-focus-within\:right-small {
-    &:is(:where(.group):has(*:is(div[data-slot=input-right-slot])) *) {
-      &:is(:where(.group):focus-within *) {
-        right: var(--spacing-small);
-      }
-    }
-  }
-  .group-has-\[div\[data-slot\=select-left-slot\]\]\:left-large-4x {
-    &:is(:where(.group):has(*:is(div[data-slot=select-left-slot])) *) {
-      left: var(--spacing-large-4x);
-    }
-  }
-  .group-has-\[div\[data-slot\=select-left-slot\]\]\:pl-large-1x {
-    &:is(:where(.group):has(*:is(div[data-slot=select-left-slot])) *) {
-      padding-left: var(--spacing-large-1x);
-    }
-  }
-  .group-has-\[div\[data-slot\=select-right-slot\]\]\:right-large-4x {
-    &:is(:where(.group):has(*:is(div[data-slot=select-right-slot])) *) {
-      right: var(--spacing-large-4x);
-    }
-  }
-  .group-has-\[input\:not\(\:placeholder-shown\)\]\:-top-\[3px\] {
-    &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
-      top: calc(3px * -1);
-    }
-  }
-  .group-has-\[input\:not\(\:placeholder-shown\)\]\:animate-out {
-    &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
-      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
-    }
-  }
-  .group-has-\[input\:not\(\:placeholder-shown\)\]\:text-size-label-sm-1x {
-    &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
-      font-size: var(--text-size-label-sm-1x);
-      line-height: var(--tw-leading, var(--text-size-label-sm-1x--line-height));
-    }
-  }
-  .group-has-\[input\:not\(\:placeholder-shown\)\]\:font-medium {
-    &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
-      --tw-font-weight: var(--font-weight-medium);
-      font-weight: var(--font-weight-medium);
-    }
-  }
-  .group-has-\[input\:not\(\:placeholder-shown\)\]\:text-primary-idle {
-    &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
-      color: var(--color-primary-idle);
-    }
-  }
-  .group-has-\[div\[data-slot\=date-picker-left-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:left-small {
-    &:is(:where(.group):has(*:is(div[data-slot=date-picker-left-slot])) *) {
-      &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
-        left: var(--spacing-small);
-      }
-    }
-  }
-  .group-has-\[div\[data-slot\=date-picker-right-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:right-small {
-    &:is(:where(.group):has(*:is(div[data-slot=date-picker-right-slot])) *) {
-      &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
-        right: var(--spacing-small);
-      }
-    }
-  }
-  .group-has-\[div\[data-slot\=input-left-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:left-small {
-    &:is(:where(.group):has(*:is(div[data-slot=input-left-slot])) *) {
-      &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
-        left: var(--spacing-small);
-      }
-    }
-  }
-  .group-has-\[div\[data-slot\=input-right-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:right-small {
-    &:is(:where(.group):has(*:is(div[data-slot=input-right-slot])) *) {
-      &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
-        right: var(--spacing-small);
-      }
-    }
-  }
-  .group-has-\[div\[data-slot\=select-left-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:left-small {
-    &:is(:where(.group):has(*:is(div[data-slot=select-left-slot])) *) {
-      &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
-        left: var(--spacing-small);
-      }
-    }
-  }
-  .group-has-\[div\[data-slot\=select-right-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:right-small {
-    &:is(:where(.group):has(*:is(div[data-slot=select-right-slot])) *) {
-      &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
-        right: var(--spacing-small);
-      }
-    }
-  }
-  .group-data-\[state\=closed\]\:animate-out {
-    &:is(:where(.group)[data-state=closed] *) {
-      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
-    }
-  }
-  .group-data-\[state\=open\]\:-top-\[3px\] {
-    &:is(:where(.group)[data-state=open] *) {
-      top: calc(3px * -1);
-    }
-  }
-  .group-data-\[state\=open\]\:animate-in {
-    &:is(:where(.group)[data-state=open] *) {
-      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
-    }
-  }
-  .group-data-\[state\=open\]\:text-size-label-sm-1x {
-    &:is(:where(.group)[data-state=open] *) {
-      font-size: var(--text-size-label-sm-1x);
-      line-height: var(--tw-leading, var(--text-size-label-sm-1x--line-height));
-    }
-  }
-  .group-data-\[state\=open\]\:font-medium {
-    &:is(:where(.group)[data-state=open] *) {
-      --tw-font-weight: var(--font-weight-medium);
-      font-weight: var(--font-weight-medium);
-    }
-  }
-  .group-data-\[state\=open\]\:text-primary-idle {
-    &:is(:where(.group)[data-state=open] *) {
-      color: var(--color-primary-idle);
-    }
-  }
-  .group-has-\[div\[data-slot\=date-picker-left-slot\]\]\:group-data-\[state\=open\]\:left-small {
-    &:is(:where(.group):has(*:is(div[data-slot=date-picker-left-slot])) *) {
-      &:is(:where(.group)[data-state=open] *) {
-        left: var(--spacing-small);
-      }
-    }
-  }
-  .group-has-\[div\[data-slot\=date-picker-right-slot\]\]\:group-data-\[state\=open\]\:right-small {
-    &:is(:where(.group):has(*:is(div[data-slot=date-picker-right-slot])) *) {
-      &:is(:where(.group)[data-state=open] *) {
-        right: var(--spacing-small);
-      }
-    }
-  }
-  .group-has-\[div\[data-slot\=select-left-slot\]\]\:group-data-\[state\=open\]\:left-small {
-    &:is(:where(.group):has(*:is(div[data-slot=select-left-slot])) *) {
-      &:is(:where(.group)[data-state=open] *) {
-        left: var(--spacing-small);
-      }
-    }
-  }
-  .group-has-\[div\[data-slot\=select-right-slot\]\]\:group-data-\[state\=open\]\:right-small {
-    &:is(:where(.group):has(*:is(div[data-slot=select-right-slot])) *) {
-      &:is(:where(.group)[data-state=open] *) {
-        right: var(--spacing-small);
-      }
-    }
-  }
-  .group-data-\[variant\=danger\]\:text-danger-label-idle {
-    &:is(:where(.group)[data-variant=danger] *) {
-      color: var(--color-danger-label-idle);
-    }
-  }
-  .group-data-\[variant\=filled\]\:bg-layer-2-hover {
-    &:is(:where(.group)[data-variant=filled] *) {
-      background-color: var(--color-layer-2-hover);
-    }
-  }
-  .group-data-\[variant\=filled\]\:group-focus-within\:bg-layer-2-hover {
-    &:is(:where(.group)[data-variant=filled] *) {
-      &:is(:where(.group):focus-within *) {
-        background-color: var(--color-layer-2-hover);
-      }
-    }
-  }
-  .group-data-\[variant\=neutral\]\:text-icon-neutral-3 {
-    &:is(:where(.group)[data-variant=neutral] *) {
-      color: var(--color-icon-neutral-3);
-    }
-  }
-  .group-data-\[variant\=outlined\]\:bg-layer-2-idle {
-    &:is(:where(.group)[data-variant=outlined] *) {
-      background-color: var(--color-layer-2-idle);
-    }
-  }
-  .group-data-\[variant\=outlined\]\:group-focus-within\:bg-layer-2-idle {
-    &:is(:where(.group)[data-variant=outlined] *) {
-      &:is(:where(.group):focus-within *) {
-        background-color: var(--color-layer-2-idle);
-      }
-    }
-  }
-  .group-data-\[variant\=primary\]\:text-primary-label-idle {
-    &:is(:where(.group)[data-variant=primary] *) {
-      color: var(--color-primary-label-idle);
-    }
-  }
-  .placeholder\:placeholder-neutral-placeholder {
-    &::placeholder {
-      &::placeholder {
-        color: var(--color-neutral-placeholder);
-      }
-    }
-  }
-  .before\:absolute {
-    &::before {
-      content: var(--tw-content);
-      position: absolute;
-    }
-  }
-  .before\:top-0 {
-    &::before {
-      content: var(--tw-content);
-      top: calc(var(--spacing) * 0);
-    }
-  }
-  .before\:left-0 {
-    &::before {
-      content: var(--tw-content);
-      left: calc(var(--spacing) * 0);
-    }
-  }
-  .before\:text-neutral-placeholder {
-    &::before {
-      content: var(--tw-content);
-      color: var(--color-neutral-placeholder);
-    }
-  }
-  .before\:content-\[attr\(data-placeholder\)\] {
-    &::before {
-      content: var(--tw-content);
-      --tw-content: attr(data-placeholder);
-      content: var(--tw-content);
-    }
-  }
-  .first\:before\:pointer-events-none {
-    &:first-child {
-      &::before {
-        content: var(--tw-content);
-        pointer-events: none;
-      }
-    }
-  }
-  .first\:before\:float-left {
-    &:first-child {
-      &::before {
-        content: var(--tw-content);
-        float: left;
-      }
-    }
-  }
-  .first\:before\:content-\[attr\(data-placeholder\)\] {
-    &:first-child {
-      &::before {
-        content: var(--tw-content);
-        --tw-content: attr(data-placeholder);
-        content: var(--tw-content);
-      }
-    }
-  }
-  .focus-within\:border {
-    &:focus-within {
-      border-style: var(--tw-border-style);
-      border-width: 1px;
-    }
-  }
-  .focus-within\:border-primary-idle {
-    &:focus-within {
-      border-color: var(--color-primary-idle);
-    }
-  }
-  .hover\:overflow-x-auto {
-    &:hover {
-      @media (hover: hover) {
-        overflow-x: auto;
-      }
-    }
-  }
-  .hover\:border-border-layer-2 {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--color-border-layer-2);
-      }
-    }
-  }
-  .hover\:border-border-layer-3 {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--color-border-layer-3);
-      }
-    }
-  }
-  .hover\:border-primary-idle {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--color-primary-idle);
-      }
-    }
-  }
-  .hover\:bg-danger-alt-hover {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-danger-alt-hover);
-      }
-    }
-  }
-  .hover\:bg-danger-alt-idle {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-danger-alt-idle);
-      }
-    }
-  }
-  .hover\:bg-danger-hover {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-danger-hover);
-      }
-    }
-  }
-  .hover\:bg-layer-1-hover {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-layer-1-hover);
-      }
-    }
-  }
-  .hover\:bg-layer-1-pressed {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-layer-1-pressed);
-      }
-    }
-  }
-  .hover\:bg-layer-2-hover {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-layer-2-hover);
-      }
-    }
-  }
-  .hover\:bg-layer-2-pressed {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-layer-2-pressed);
-      }
-    }
-  }
-  .hover\:bg-primary-alt-active {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-primary-alt-active);
-      }
-    }
-  }
-  .hover\:bg-primary-alt-hover {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-primary-alt-hover);
-      }
-    }
-  }
-  .hover\:bg-primary-alt-idle {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-primary-alt-idle);
-      }
-    }
-  }
-  .hover\:bg-primary-hover {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-primary-hover);
-      }
-    }
-  }
-  .hover\:shadow-focus-primary {
-    &:hover {
-      @media (hover: hover) {
-        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--shadow-medium, 4px)) rgba(232, 125, 48, 0.16);
-        box-shadow:
-          var(--tw-inset-shadow),
-          var(--tw-inset-ring-shadow),
-          var(--tw-ring-offset-shadow),
-          var(--tw-ring-shadow),
-          var(--tw-shadow);
-      }
-    }
-  }
-  .hover\:group-has-\[input\:not\(\:focus-within\)\]\:border-border-layer-3 {
-    &:hover {
-      @media (hover: hover) {
-        &:is(:where(.group):has(*:is(input:not(:focus-within))) *) {
-          border-color: var(--color-border-layer-3);
-        }
-      }
-    }
-  }
-  .focus\:border-primary-idle {
-    &:focus {
-      border-color: var(--color-primary-idle);
-    }
-  }
-  .focus\:shadow-focus-primary {
-    &:focus {
-      --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--shadow-medium, 4px)) rgba(232, 125, 48, 0.16);
-      box-shadow:
-        var(--tw-inset-shadow),
-        var(--tw-inset-ring-shadow),
-        var(--tw-ring-offset-shadow),
-        var(--tw-ring-shadow),
-        var(--tw-shadow);
-    }
-  }
-  .active\:bg-danger-alt-pressed {
-    &:active {
-      background-color: var(--color-danger-alt-pressed);
-    }
-  }
-  .active\:bg-danger-pressed {
-    &:active {
-      background-color: var(--color-danger-pressed);
-    }
-  }
-  .active\:bg-layer-1-active {
-    &:active {
-      background-color: var(--color-layer-1-active);
-    }
-  }
-  .active\:bg-layer-1-pressed {
-    &:active {
-      background-color: var(--color-layer-1-pressed);
-    }
-  }
-  .active\:bg-layer-2-active {
-    &:active {
-      background-color: var(--color-layer-2-active);
-    }
-  }
-  .active\:bg-layer-2-pressed {
-    &:active {
-      background-color: var(--color-layer-2-pressed);
-    }
-  }
-  .active\:bg-primary-alt-pressed {
-    &:active {
-      background-color: var(--color-primary-alt-pressed);
-    }
-  }
-  .active\:bg-primary-pressed {
-    &:active {
-      background-color: var(--color-primary-pressed);
-    }
-  }
-  .disabled\:pointer-events-none {
-    &:disabled {
-      pointer-events: none;
-    }
-  }
-  .disabled\:cursor-not-allowed {
-    &:disabled {
-      cursor: not-allowed;
-    }
-  }
-  .disabled\:opacity-38 {
-    &:disabled {
-      opacity: 38%;
-    }
-  }
-  .disabled\:opacity-50 {
-    &:disabled {
-      opacity: 50%;
-    }
-  }
-  .disabled\:opacity-60 {
-    &:disabled {
-      opacity: 60%;
-    }
-  }
-  .disabled\:opacity-\[38\%\] {
-    &:disabled {
-      opacity: 38%;
-    }
-  }
-  .disabled\:hover\:border-border-layer-2 {
-    &:disabled {
-      &:hover {
-        @media (hover: hover) {
-          border-color: var(--color-border-layer-2);
-        }
-      }
-    }
-  }
-  .has-\[input\:not\(\:placeholder-shown\)\]\:border-primary-idle {
-    &:has(*:is(input:not(:placeholder-shown))) {
-      border-color: var(--color-primary-idle);
-    }
-  }
-  .has-\[input\:not\(\:placeholder-shown\)\]\:text-primary-idle {
-    &:has(*:is(input:not(:placeholder-shown))) {
-      color: var(--color-primary-idle);
-    }
-  }
-  .data-\[disabled\=true\]\:opacity-38 {
-    &[data-disabled=true] {
-      opacity: 38%;
-    }
-  }
-  .data-\[orientation\=horizontal\]\:h-px {
-    &[data-orientation=horizontal] {
-      height: 1px;
-    }
-  }
-  .data-\[orientation\=horizontal\]\:w-full {
-    &[data-orientation=horizontal] {
-      width: 100%;
-    }
-  }
-  .data-\[orientation\=horizontal\]\:flex-row {
-    &[data-orientation=horizontal] {
-      flex-direction: row;
-    }
-  }
-  .data-\[orientation\=vertical\]\:h-full {
-    &[data-orientation=vertical] {
-      height: 100%;
-    }
-  }
-  .data-\[orientation\=vertical\]\:w-px {
-    &[data-orientation=vertical] {
-      width: 1px;
-    }
-  }
-  .data-\[orientation\=vertical\]\:flex-col {
-    &[data-orientation=vertical] {
-      flex-direction: column;
-    }
-  }
-  .data-\[selected\=true\]\:bg-primary-alt-active {
-    &[data-selected=true] {
-      background-color: var(--color-primary-alt-active);
-    }
-  }
-  .data-\[side\=bottom\]\:slide-in-from-top-2 {
-    &[data-side=bottom] {
-      --tw-enter-translate-y: calc(2*var(--spacing)*-1);
-    }
-  }
-  .data-\[side\=left\]\:slide-in-from-right-2 {
-    &[data-side=left] {
-      --tw-enter-translate-x: calc(2*var(--spacing));
-    }
-  }
-  .data-\[side\=right\]\:slide-in-from-left-2 {
-    &[data-side=right] {
-      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
-    }
-  }
-  .data-\[side\=top\]\:slide-in-from-bottom-2 {
-    &[data-side=top] {
-      --tw-enter-translate-y: calc(2*var(--spacing));
-    }
-  }
-  .data-\[size\=lg\]\:size-large-8x {
-    &[data-size=lg] {
-      width: var(--spacing-large-8x);
-      height: var(--spacing-large-8x);
-    }
-  }
-  .data-\[size\=lg\]\:text-size-headline-md {
-    &[data-size=lg] {
-      font-size: var(--text-size-headline-md);
-      line-height: var(--tw-leading, var(--text-size-headline-md--line-height));
-    }
-  }
-  .data-\[size\=md\]\:size-large-4x {
-    &[data-size=md] {
-      width: var(--spacing-large-4x);
-      height: var(--spacing-large-4x);
-    }
-  }
-  .data-\[size\=md\]\:text-size-label-lg {
-    &[data-size=md] {
-      font-size: var(--text-size-label-lg);
-      line-height: var(--tw-leading, var(--text-size-label-lg--line-height));
-    }
-  }
-  .data-\[size\=sm\]\:size-large-2x {
-    &[data-size=sm] {
-      width: var(--spacing-large-2x);
-      height: var(--spacing-large-2x);
-    }
-  }
-  .data-\[size\=sm\]\:text-size-label-sm {
-    &[data-size=sm] {
-      font-size: var(--text-size-label-sm);
-      line-height: var(--tw-leading, var(--text-size-label-sm--line-height));
-    }
-  }
-  .data-\[size\=xs\]\:size-large-1x {
-    &[data-size=xs] {
-      width: var(--spacing-large-1x);
-      height: var(--spacing-large-1x);
-    }
-  }
-  .data-\[size\=xs\]\:text-size-label-sm {
-    &[data-size=xs] {
-      font-size: var(--text-size-label-sm);
-      line-height: var(--tw-leading, var(--text-size-label-sm--line-height));
-    }
-  }
-  .data-\[sorted\=true\]\:flex {
-    &[data-sorted=true] {
-      display: flex;
-    }
-  }
-  .data-\[sorted\=true\]\:bg-primary-alt-active {
-    &[data-sorted=true] {
-      background-color: var(--color-primary-alt-active);
-    }
-  }
-  .data-\[sorted\=true\]\:text-primary-label-active {
-    &[data-sorted=true] {
-      color: var(--color-primary-label-active);
-    }
-  }
-  .data-\[state\=active\]\:rounded-none {
-    &[data-state=active] {
-      border-radius: 0;
-    }
-  }
-  .data-\[state\=active\]\:rounded-none {
-    &[data-state=active] {
-      border-radius: var(--radius-none);
-    }
-  }
-  .data-\[state\=active\]\:border-b-\[3px\] {
-    &[data-state=active] {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 3px;
-    }
-  }
-  .data-\[state\=active\]\:border-b-primary-active {
-    &[data-state=active] {
-      border-bottom-color: var(--color-primary-active);
-    }
-  }
-  .data-\[state\=active\]\:bg-layer-2-idle {
-    &[data-state=active] {
-      background-color: var(--color-layer-2-idle);
-    }
-  }
-  .data-\[state\=active\]\:text-primary-label-active {
-    &[data-state=active] {
-      color: var(--color-primary-label-active);
-    }
-  }
-  .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\] {
-    &[data-state=checked] {
-      --tw-translate-x: calc(100% - 2px);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-  }
-  .data-\[state\=checked\]\:border-primary-active {
-    &[data-state=checked] {
-      border-color: var(--color-primary-active);
-    }
-  }
-  .data-\[state\=checked\]\:bg-primary-active {
-    &[data-state=checked] {
-      background-color: var(--color-primary-active);
-    }
-  }
-  .data-\[state\=checked\]\:bg-primary-idle {
-    &[data-state=checked] {
-      background-color: var(--color-primary-idle);
-    }
-  }
-  .data-\[state\=checked\]\:hover\:border-primary-idle {
-    &[data-state=checked] {
-      &:hover {
-        @media (hover: hover) {
-          border-color: var(--color-primary-idle);
-        }
-      }
-    }
-  }
-  .data-\[state\=closed\]\:animate-collapsible-up {
-    &[data-state=closed] {
-      animation: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
-    }
-  }
-  .data-\[state\=closed\]\:animate-out {
-    &[data-state=closed] {
-      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
-    }
-  }
-  .data-\[state\=closed\]\:duration-300 {
-    &[data-state=closed] {
-      --tw-duration: 300ms;
-      transition-duration: 300ms;
-    }
-  }
-  .data-\[state\=closed\]\:fade-out-0 {
-    &[data-state=closed] {
-      --tw-exit-opacity: calc(0/100);
-      --tw-exit-opacity: 0;
-    }
-  }
-  .data-\[state\=closed\]\:zoom-out-95 {
-    &[data-state=closed] {
-      --tw-exit-scale: calc(95*1%);
-      --tw-exit-scale: .95;
-    }
-  }
-  .data-\[state\=closed\]\:slide-out-to-bottom {
-    &[data-state=closed] {
-      --tw-exit-translate-y: 100%;
-    }
-  }
-  .data-\[state\=closed\]\:slide-out-to-left {
-    &[data-state=closed] {
-      --tw-exit-translate-x: -100%;
-    }
-  }
-  .data-\[state\=closed\]\:slide-out-to-right {
-    &[data-state=closed] {
-      --tw-exit-translate-x: 100%;
-    }
-  }
-  .data-\[state\=closed\]\:slide-out-to-top {
-    &[data-state=closed] {
-      --tw-exit-translate-y: -100%;
-    }
-  }
-  .data-\[state\=open\]\:animate-collapsible-down {
-    &[data-state=open] {
-      animation: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
-    }
-  }
-  .data-\[state\=open\]\:animate-in {
-    &[data-state=open] {
-      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
-    }
-  }
-  .data-\[state\=open\]\:border-primary-idle {
-    &[data-state=open] {
-      border-color: var(--color-primary-idle);
-    }
-  }
-  .data-\[state\=open\]\:duration-500 {
-    &[data-state=open] {
-      --tw-duration: 500ms;
-      transition-duration: 500ms;
-    }
-  }
-  .data-\[state\=open\]\:fade-in-0 {
-    &[data-state=open] {
-      --tw-enter-opacity: calc(0/100);
-      --tw-enter-opacity: 0;
-    }
-  }
-  .data-\[state\=open\]\:slide-in-from-bottom {
-    &[data-state=open] {
-      --tw-enter-translate-y: 100%;
-    }
-  }
-  .data-\[state\=open\]\:slide-in-from-left {
-    &[data-state=open] {
-      --tw-enter-translate-x: -100%;
-    }
-  }
-  .data-\[state\=open\]\:slide-in-from-right {
-    &[data-state=open] {
-      --tw-enter-translate-x: 100%;
-    }
-  }
-  .data-\[state\=open\]\:slide-in-from-top {
-    &[data-state=open] {
-      --tw-enter-translate-y: -100%;
-    }
-  }
-  .data-\[state\=unchecked\]\:translate-x-0 {
-    &[data-state=unchecked] {
-      --tw-translate-x: calc(var(--spacing) * 0);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-  }
-  .data-\[state\=unchecked\]\:bg-alt-4 {
-    &[data-state=unchecked] {
-      background-color: var(--color-alt-4);
-    }
-  }
-  .data-\[variant\=outlined\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:text-primary-idle {
-    &[data-variant=outlined] {
-      &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
-        color: var(--color-primary-idle);
-      }
-    }
-  }
-  .data-\[variant\=rich\]\:rounded-small {
-    &[data-variant=rich] {
-      border-radius: var(--radius-small);
-    }
-  }
-  .data-\[variant\=rich\]\:border {
-    &[data-variant=rich] {
-      border-style: var(--tw-border-style);
-      border-width: 1px;
-    }
-  }
-  .data-\[variant\=rich\]\:border-border-layer-2 {
-    &[data-variant=rich] {
-      border-color: var(--color-border-layer-2);
-    }
-  }
-  .data-\[variant\=rich\]\:bg-layer-2-idle {
-    &[data-variant=rich] {
-      background-color: var(--color-layer-2-idle);
-    }
-  }
-  .data-\[variant\=rich\]\:p-large {
-    &[data-variant=rich] {
-      padding: var(--spacing-large);
-    }
-  }
-  .data-\[variant\=rich\]\:text-neutral-dark {
-    &[data-variant=rich] {
-      color: var(--color-neutral-dark);
-    }
-  }
-  .data-\[variant\=simple\]\:rounded-small-1x {
-    &[data-variant=simple] {
-      border-radius: var(--radius-small-1x);
-    }
-  }
-  .data-\[variant\=simple\]\:bg-alt-2 {
-    &[data-variant=simple] {
-      background-color: var(--color-alt-2);
-    }
-  }
-  .data-\[variant\=simple\]\:px-small {
-    &[data-variant=simple] {
-      padding-inline: var(--spacing-small);
-    }
-  }
-  .data-\[variant\=simple\]\:py-small-1x {
-    &[data-variant=simple] {
-      padding-block: var(--spacing-small-1x);
-    }
-  }
-  .data-\[variant\=simple\]\:text-neutral-label {
-    &[data-variant=simple] {
-      color: var(--color-neutral-label);
-    }
-  }
-  .sm\:max-w-sm {
-    @media (width >= 40rem) {
-      max-width: var(--container-sm);
-    }
-  }
-  .\[\&_ol_ol\]\:list-\[lower-alpha\] {
-    & ol ol {
-      list-style-type: lower-alpha;
-    }
-  }
-  .\[\&_ol_ol_ol\]\:list-\[lower-roman\] {
-    & ol ol ol {
-      list-style-type: lower-roman;
-    }
-  }
-  .\[\&_tr\]\:border-b {
-    & tr {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 1px;
-    }
-  }
-  .\[\&_tr\]\:border-border-layer-2 {
-    & tr {
-      border-color: var(--color-border-layer-2);
-    }
-  }
-  .\[\&_tr\:last-child\]\:border-0 {
-    & tr:last-child {
-      border-style: var(--tw-border-style);
-      border-width: 0px;
-    }
-  }
-  .\[\&_ul_ul\]\:list-\[circle\] {
-    & ul ul {
-      list-style-type: circle;
-    }
-  }
-  .\[\&_ul_ul_ul\]\:list-\[square\] {
-    & ul ul ul {
-      list-style-type: square;
-    }
-  }
-  .\[\&\>tr\]\:last\:border-b-0 {
-    & > tr {
-      &:last-child {
-        border-bottom-style: var(--tw-border-style);
-        border-bottom-width: 0px;
-      }
-    }
-  }
-}
-@property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
-@property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
-@property --tw-animation-duration { syntax: "*"; inherits: false; }
-@property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; }
-@property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
-@property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
-@property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }
-@property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
-@property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }
-@property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
-@layer base {
-  * {
-    scrollbar-color: initial;
-    scrollbar-width: initial;
-  }
-}
-@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-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
-@property --tw-font-weight { 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-duration { syntax: "*"; inherits: false; }
-@property --tw-ease { syntax: "*"; inherits: false; }
-@property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
-@keyframes pulse {
-  50% {
-    opacity: 0.5;
-  }
-}
-@keyframes enter {
-  from {
-    opacity: var(--tw-enter-opacity,1);
-    transform: translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0)scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
-    filter: blur(var(--tw-enter-blur,0));
-  }
-}
-@keyframes exit {
-  to {
-    opacity: var(--tw-exit-opacity,1);
-    transform: translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0)scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
-    filter: blur(var(--tw-exit-blur,0));
-  }
-}
-@keyframes collapsible-down {
-  from {
-    height: 0;
-  }
-  to {
-    height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))));
-  }
-}
-@keyframes collapsible-up {
-  from {
-    height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))));
-  }
-  to {
-    height: 0;
-  }
-}
-@layer properties {
-  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
-    *,
-    ::before,
-    ::after,
-    ::backdrop {
-      --tw-translate-x: 0;
-      --tw-translate-y: 0;
-      --tw-translate-z: 0;
-      --tw-space-x-reverse: 0;
-      --tw-border-style: solid;
-      --tw-font-weight: 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-duration: initial;
-      --tw-ease: initial;
-      --tw-content: "";
-      --tw-animation-delay: 0s;
-      --tw-animation-direction: normal;
-      --tw-animation-duration: initial;
-      --tw-animation-fill-mode: none;
-      --tw-animation-iteration-count: 1;
-      --tw-enter-blur: 0;
-      --tw-enter-opacity: 1;
-      --tw-enter-rotate: 0;
-      --tw-enter-scale: 1;
-      --tw-enter-translate-x: 0;
-      --tw-enter-translate-y: 0;
-      --tw-exit-blur: 0;
-      --tw-exit-opacity: 1;
-      --tw-exit-rotate: 0;
-      --tw-exit-scale: 1;
-      --tw-exit-translate-x: 0;
-      --tw-exit-translate-y: 0;
-    }
-  }
-}
+@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--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;--color-gray-200: oklch(92.8% .006 264.531);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-sm: 24rem;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono);--font-inter: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--spacing-none: 0;--spacing-small-2x: 2px;--spacing-small-1x: 4px;--spacing-small_1x-alt: 6px;--spacing-small: 8px;--spacing-medium: 12px;--spacing-large: 16px;--spacing-large-alt: 18px;--spacing-large-1x: 20px;--spacing-large-2x: 24px;--spacing-large-3x: 28px;--spacing-large-4x: 32px;--spacing-large-6x: 40px;--spacing-large-7x: 44px;--spacing-large-8x: 48px;--radius-none: 0;--radius-small-1x: 4px;--radius-small: 8px;--radius-circle: 999px;--shadow-2x-small: 1px;--shadow-1x-small: 2px;--shadow-medium: 4px;--shadow-large-1x: 8px;--color-shadow-lightest: #0000000A;--color-shadow-light: #0000000F;--color-neutral-dark: #3D3D47;--color-neutral-placeholder: #9C9CAD;--color-neutral-label: #FFFFFF;--color-icon-neutral-3: #69697A;--color-icon-neutral-5: #FFFFFF;--color-layer-1-idle: #F7F7FA;--color-layer-1-hover: #F0F0F2;--color-layer-1-pressed: #E7E7EB;--color-layer-1-active: #DEDEE3;--color-layer-2-idle: #FFFFFF;--color-layer-2-hover: #F8F8FA;--color-layer-2-pressed: #F0F0F2;--color-layer-2-active: #E7E7EB;--color-layer-skeleton: #E5E7EB;--color-alt-1: #17171A;--color-alt-2: #3D3D47;--color-alt-3: #69697A;--color-alt-4: #9C9CAD;--color-border-layer-1: #D6D6DC;--color-border-layer-2: #DEDEE3;--color-border-layer-3: #9C9CAD;--color-primary-idle: #E87D30;--color-primary-hover: #C7631C;--color-primary-pressed: #AE5413;--color-primary-active: #E87D30;--color-primary-alt-idle: #F9EEE6;--color-primary-alt-hover: #F7E6D9;--color-primary-alt-pressed: #F4DCCD;--color-primary-alt-active: #F9EEE6;--color-primary-label-idle: #E87D30;--color-primary-label-active: #E87D30;--color-danger-idle: #E83040;--color-danger-hover: #C71C2B;--color-danger-pressed: #AE1320;--color-danger-alt-idle: #F9E6E8;--color-danger-alt-hover: #F7D9DC;--color-danger-alt-pressed: #F4CDCD;--color-danger-label-idle: #E83040;--color-danger-label-active: #E83040;--color-success-idle: #169C55;--color-warning-idle: #DF9F20;--text-size-body-sm-1x: 12px;--text-size-body-sm-1x--line-height: 16px;--text-size-body-sm: 13px;--text-size-body-sm--line-height: 16px;--text-size-body-md: 14px;--text-size-body-md--line-height: 20px;--text-size-body-lg: 16px;--text-size-body-lg--line-height: 24px;--text-size-label-sm-2x: 10px;--text-size-label-sm-2x--line-height: 14px;--text-size-label-sm-1x: 12px;--text-size-label-sm-1x--line-height: 16px;--text-size-label-sm: 13px;--text-size-label-sm--line-height: 16px;--text-size-label-md: 14px;--text-size-label-md--line-height: 20px;--text-size-label-lg: 16px;--text-size-label-lg--line-height: 24px;--text-size-title-sm: 14px;--text-size-title-sm--line-height: 20px;--text-size-title-md: 16px;--text-size-title-md--line-height: 24px;--text-size-title-lg: 20px;--text-size-title-lg--line-height: 28px;--text-size-headline-sm: 24px;--text-size-headline-sm--line-height: 32px;--text-size-headline-md: 28px;--text-size-headline-md--line-height: 40px;--text-size-headline-lg: 32px;--text-size-headline-lg--line-height: 48px}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}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}:-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{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.-top-\[22px\]{top:-22px}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.right-0{right:calc(var(--spacing) * 0)}.right-small{right:var(--spacing-small)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.left-small{left:var(--spacing-small)}.z-10{z-index:10}.z-50{z-index:50}.mt-auto{margin-top:auto}.mt-small{margin-top:var(--spacing-small)}.mt-small-1x{margin-top:var(--spacing-small-1x)}.ml-small-1x{margin-left:var(--spacing-small-1x)}.scrollbar{&::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}&::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}&::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);&::-webkit-scrollbar{display:block;width:var(--scrollbar-width, 16px);height:var(--scrollbar-height, 16px)}}.scrollbar-thin{&::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}&::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}&::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);&::-webkit-scrollbar{display:block;width:8px;height:8px}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-square{aspect-ratio:1 / 1}.size-full{width:100%;height:100%}.size-large{width:var(--spacing-large);height:var(--spacing-large)}.size-large-1x{width:var(--spacing-large-1x);height:var(--spacing-large-1x)}.size-large-alt{width:var(--spacing-large-alt);height:var(--spacing-large-alt)}.size-medium{width:var(--spacing-medium);height:var(--spacing-medium)}.h-auto{height:auto}.h-full{height:100%}.h-large{height:var(--spacing-large)}.h-large-2x{height:var(--spacing-large-2x)}.h-large-4x{height:var(--spacing-large-4x)}.h-large-6x{height:var(--spacing-large-6x)}.h-large-7x{height:var(--spacing-large-7x)}.h-large-8x{height:var(--spacing-large-8x)}.max-h-\[116px\]{max-height:116px}.max-h-\[400px\]{max-height:400px}.max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height)}.min-h-\[116px\]{min-height:116px}.w-3\/4{width:75%}.w-fit{width:fit-content}.w-full{width:100%}.w-large-2x{width:var(--spacing-large-2x)}.w-large-3x{width:var(--spacing-large-3x)}.w-large-4x{width:var(--spacing-large-4x)}.max-w-\[var\(--radix-popover-content-available-width\)\]{max-width:var(--radix-popover-content-available-width)}.max-w-\[var\(--radix-popover-trigger-width\)\]{max-width:var(--radix-popover-trigger-width)}.max-w-full{max-width:100%}.min-w-\[var\(--radix-popover-trigger-width\)\]{min-width:var(--radix-popover-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:calc(var(--spacing) * 0)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-small{gap:var(--spacing-small)}.gap-small-1x{gap:var(--spacing-small-1x)}.gap-small_1x-alt{gap:var(--spacing-small_1x-alt)}.-space-x-small-1x{:where(&>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing-small-1x) * -1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing-small-1x) * -1) * calc(1 - var(--tw-space-x-reverse)))}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-\[6px\]{border-radius:6px}.rounded-circle{border-radius:var(--radius-circle)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-none{border-radius:0}.rounded-none{border-radius:var(--radius-none)}.rounded-small{border-radius:var(--radius-small)}.rounded-small-1x{border-radius:var(--radius-small-1x)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-l-none{border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}.rounded-tl-small-1x{border-top-left-radius:var(--radius-small-1x)}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-r-none{border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}.rounded-tr-circle{border-top-right-radius:var(--radius-circle)}.rounded-tr-none{border-top-right-radius:0}.rounded-tr-none{border-top-right-radius:var(--radius-none)}.rounded-tr-small-1x{border-top-right-radius:var(--radius-small-1x)}.rounded-br-circle{border-bottom-right-radius:var(--radius-circle)}.rounded-br-none{border-bottom-right-radius:0}.rounded-br-none{border-bottom-right-radius:var(--radius-none)}.rounded-bl-none{border-bottom-left-radius:0}.rounded-bl-none{border-bottom-left-radius:var(--radius-none)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0px}.border-b,.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-\[3px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style: none;border-style:none}.border-border-layer-2{border-color:var(--color-border-layer-2)}.border-danger-idle{border-color:var(--color-danger-idle)}.border-icon-neutral-5{border-color:var(--color-icon-neutral-5)}.border-transparent{border-color:transparent}.border-t-border-layer-2{border-top-color:var(--color-border-layer-2)}.border-b-border-layer-2{border-bottom-color:var(--color-border-layer-2)}.border-b-transparent{border-bottom-color:transparent}.\!bg-primary-alt-active{background-color:var(--color-primary-alt-active)!important}.bg-alt-1{background-color:var(--color-alt-1)}.bg-alt-3{background-color:var(--color-alt-3)}.bg-black\/50{background-color:color-mix(in srgb,#000 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-border-layer-2{background-color:var(--color-border-layer-2)}.bg-danger-alt-idle{background-color:var(--color-danger-alt-idle)}.bg-danger-idle{background-color:var(--color-danger-idle)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-inherit{background-color:inherit}.bg-layer-1-hover{background-color:var(--color-layer-1-hover)}.bg-layer-1-idle{background-color:var(--color-layer-1-idle)}.bg-layer-2-active{background-color:var(--color-layer-2-active)}.bg-layer-2-hover{background-color:var(--color-layer-2-hover)}.bg-layer-2-idle{background-color:var(--color-layer-2-idle)}.bg-layer-skeleton{background-color:var(--color-layer-skeleton)}.bg-primary-alt-active{background-color:var(--color-primary-alt-active)}.bg-primary-alt-idle{background-color:var(--color-primary-alt-idle)}.bg-primary-idle{background-color:var(--color-primary-idle)}.bg-success-idle{background-color:var(--color-success-idle)}.bg-transparent{background-color:transparent}.bg-warning-idle{background-color:var(--color-warning-idle)}.p-\[2px\]{padding:2px}.p-small{padding:var(--spacing-small)}.p-small-1x{padding:var(--spacing-small-1x)}.p-small-2x{padding:var(--spacing-small-2x)}.px-large{padding-inline:var(--spacing-large)}.px-large-2x{padding-inline:var(--spacing-large-2x)}.px-medium{padding-inline:var(--spacing-medium)}.px-small{padding-inline:var(--spacing-small)}.py-large{padding-block:var(--spacing-large)}.py-medium{padding-block:var(--spacing-medium)}.py-none{padding-block:var(--spacing-none)}.py-small{padding-block:var(--spacing-small)}.py-small-1x{padding-block:var(--spacing-small-1x)}.py-small_1x-alt{padding-block:var(--spacing-small_1x-alt)}.pt-small-1x{padding-top:var(--spacing-small-1x)}.pr-large-2x{padding-right:var(--spacing-large-2x)}.pr-large-3x{padding-right:var(--spacing-large-3x)}.pl-large-1x{padding-left:var(--spacing-large-1x)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-inter{font-family:var(--font-inter)}.\!text-size-body-md{font-size:var(--text-size-body-md)!important;line-height:var(--tw-leading, var(--text-size-body-md--line-height))!important}.\!text-size-label-md{font-size:var(--text-size-label-md)!important;line-height:var(--tw-leading, var(--text-size-label-md--line-height))!important}.text-size-body-lg{font-size:var(--text-size-body-lg);line-height:var(--tw-leading, var(--text-size-body-lg--line-height))}.text-size-body-md{font-size:var(--text-size-body-md);line-height:var(--tw-leading, var(--text-size-body-md--line-height))}.text-size-body-sm{font-size:var(--text-size-body-sm);line-height:var(--tw-leading, var(--text-size-body-sm--line-height))}.text-size-body-sm-1x{font-size:var(--text-size-body-sm-1x);line-height:var(--tw-leading, var(--text-size-body-sm-1x--line-height))}.text-size-headline-lg{font-size:var(--text-size-headline-lg);line-height:var(--tw-leading, var(--text-size-headline-lg--line-height))}.text-size-headline-md{font-size:var(--text-size-headline-md);line-height:var(--tw-leading, var(--text-size-headline-md--line-height))}.text-size-headline-sm{font-size:var(--text-size-headline-sm);line-height:var(--tw-leading, var(--text-size-headline-sm--line-height))}.text-size-label-lg{font-size:var(--text-size-label-lg);line-height:var(--tw-leading, var(--text-size-label-lg--line-height))}.text-size-label-md{font-size:var(--text-size-label-md);line-height:var(--tw-leading, var(--text-size-label-md--line-height))}.text-size-label-sm{font-size:var(--text-size-label-sm);line-height:var(--tw-leading, var(--text-size-label-sm--line-height))}.text-size-label-sm-1x{font-size:var(--text-size-label-sm-1x);line-height:var(--tw-leading, var(--text-size-label-sm-1x--line-height))}.text-size-label-sm-2x{font-size:var(--text-size-label-sm-2x);line-height:var(--tw-leading, var(--text-size-label-sm-2x--line-height))}.text-size-title-lg{font-size:var(--text-size-title-lg);line-height:var(--tw-leading, var(--text-size-title-lg--line-height))}.text-size-title-md{font-size:var(--text-size-title-md);line-height:var(--tw-leading, var(--text-size-title-md--line-height))}.text-size-title-sm{font-size:var(--text-size-title-sm);line-height:var(--tw-leading, var(--text-size-title-sm--line-height))}.font-black{--tw-font-weight: var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight: var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight: var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight: var(--font-weight-light);font-weight:var(--font-weight-light)}.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)}.font-thin{--tw-font-weight: var(--font-weight-thin);font-weight:var(--font-weight-thin)}.text-balance{text-wrap:balance}.whitespace-nowrap{white-space:nowrap}.\!text-primary-label-active{color:var(--color-primary-label-active)!important}.text-danger-label-active{color:var(--color-danger-label-active)}.text-danger-label-idle{color:var(--color-danger-label-idle)}.text-icon-neutral-3{color:var(--color-icon-neutral-3)}.text-inherit{color:inherit}.text-neutral-dark{color:var(--color-neutral-dark)}.text-neutral-label{color:var(--color-neutral-label)}.text-neutral-placeholder{color:var(--color-neutral-placeholder)}.text-primary-idle{color:var(--color-primary-idle)}.text-primary-label-active{color:var(--color-primary-label-active)}.text-primary-label-idle{color:var(--color-primary-label-idle)}.text-white{color:var(--color-white)}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-60{opacity:60%}.shadow-elevation-2{--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, var(--color-shadow-light, #0000000F)), 0 4px 8px 0 var(--tw-shadow-color, var(--color-shadow-light, #0000000F));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-elevation-3{--tw-shadow: 0 var(--shadow-2x-small, 1px) var(--shadow-1x-small, 2px) var(--color-shadow-lightest, #0000000A), 0 var(--shadow-medium, 4px) var(--shadow-large-1x, 8px) var(--color-shadow-lightest, #0000000A), 0 var(--shadow-large-1x, 4px) var(--shadow-large3x, 16px) var(--color-shadow-lightest, #0000000A);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-0{outline-style:var(--tw-outline-style);outline-width:0px}.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,visibility,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-\[border-color\,box-shadow\,background-color\]{transition-property:border-color,box-shadow,background-color;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[visibility\]{transition-property:visibility;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-100{--tw-duration: .1s;transition-duration:.1s}.duration-200{--tw-duration: .2s;transition-duration:.2s}.duration-250{--tw-duration: .25s;transition-duration:.25s}.ease-in{--tw-ease: var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease: var(--ease-out);transition-timing-function:var(--ease-out)}.fade-in-0{--tw-enter-opacity: 0 ;--tw-enter-opacity: 0}.outline-none{--tw-outline-style: none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.zoom-in-95{--tw-enter-scale: 95% ;--tw-enter-scale: .95}.fade-in{--tw-enter-opacity: 0}.\*\:h-full{:is(&>*){height:100%}}.\*\:w-full{:is(&>*){width:100%}}.\*\:outline-0{:is(&>*){outline-style:var(--tw-outline-style);outline-width:0px}}.group-focus-within\:-top-\[3px\]{&:is(:where(.group):focus-within *){top:-3px}}.group-focus-within\:animate-in{&:is(:where(.group):focus-within *){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.group-focus-within\:text-size-label-sm-1x{&:is(:where(.group):focus-within *){font-size:var(--text-size-label-sm-1x);line-height:var(--tw-leading, var(--text-size-label-sm-1x--line-height))}}.group-focus-within\:font-medium{&:is(:where(.group):focus-within *){--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}}.group-focus-within\:\!text-primary-idle{&:is(:where(.group):focus-within *){color:var(--color-primary-idle)!important}}.group-hover\:border-border-layer-3{&:is(:where(.group):hover *){@media (hover: hover){border-color:var(--color-border-layer-3)}}}.group-hover\/th\:flex{&:is(:where(.group\/th):hover *){@media (hover: hover){display:flex}}}.group-disabled\:hidden{&:is(:where(.group):disabled *){display:none}}.group-disabled\:\!pl-0{&:is(:where(.group):disabled *){padding-left:calc(var(--spacing) * 0)!important}}.group-has-\[div\[data-slot\=date-picker-left-slot\]\]\:left-large-4x{&:is(:where(.group):has(*:is(div[data-slot=date-picker-left-slot])) *){left:var(--spacing-large-4x)}}.group-has-\[div\[data-slot\=date-picker-left-slot\]\]\:pl-large-1x{&:is(:where(.group):has(*:is(div[data-slot=date-picker-left-slot])) *){padding-left:var(--spacing-large-1x)}}.group-has-\[div\[data-slot\=date-picker-right-slot\]\]\:right-large-4x{&:is(:where(.group):has(*:is(div[data-slot=date-picker-right-slot])) *){right:var(--spacing-large-4x)}}.group-has-\[div\[data-slot\=input-left-action-slot\]\]\:rounded-l-none{&:is(:where(.group):has(*:is(div[data-slot=input-left-action-slot])) *){border-top-left-radius:0;border-bottom-left-radius:0}}.group-has-\[div\[data-slot\=input-left-action-slot\]\]\:rounded-l-none{&:is(:where(.group):has(*:is(div[data-slot=input-left-action-slot])) *){border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}}.group-has-\[div\[data-slot\=input-left-slot\]\]\:left-large-4x{&:is(:where(.group):has(*:is(div[data-slot=input-left-slot])) *){left:var(--spacing-large-4x)}}.group-has-\[div\[data-slot\=input-left-slot\]\]\:pl-large-1x{&:is(:where(.group):has(*:is(div[data-slot=input-left-slot])) *){padding-left:var(--spacing-large-1x)}}.group-has-\[div\[data-slot\=input-left-slot\]\]\:group-focus-within\:left-small{&:is(:where(.group):has(*:is(div[data-slot=input-left-slot])) *){&:is(:where(.group):focus-within *){left:var(--spacing-small)}}}.group-has-\[div\[data-slot\=input-right-action-slot\]\]\:rounded-r-none{&:is(:where(.group):has(*:is(div[data-slot=input-right-action-slot])) *){border-top-right-radius:0;border-bottom-right-radius:0}}.group-has-\[div\[data-slot\=input-right-action-slot\]\]\:rounded-r-none{&:is(:where(.group):has(*:is(div[data-slot=input-right-action-slot])) *){border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}}.group-has-\[div\[data-slot\=input-right-slot\]\]\:right-large-4x{&:is(:where(.group):has(*:is(div[data-slot=input-right-slot])) *){right:var(--spacing-large-4x)}}.group-has-\[div\[data-slot\=input-right-slot\]\]\:group-focus-within\:right-small{&:is(:where(.group):has(*:is(div[data-slot=input-right-slot])) *){&:is(:where(.group):focus-within *){right:var(--spacing-small)}}}.group-has-\[div\[data-slot\=select-left-slot\]\]\:left-large-4x{&:is(:where(.group):has(*:is(div[data-slot=select-left-slot])) *){left:var(--spacing-large-4x)}}.group-has-\[div\[data-slot\=select-left-slot\]\]\:pl-large-1x{&:is(:where(.group):has(*:is(div[data-slot=select-left-slot])) *){padding-left:var(--spacing-large-1x)}}.group-has-\[div\[data-slot\=select-right-slot\]\]\:right-large-4x{&:is(:where(.group):has(*:is(div[data-slot=select-right-slot])) *){right:var(--spacing-large-4x)}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:-top-\[3px\]{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){top:-3px}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:animate-out{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:text-size-label-sm-1x{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){font-size:var(--text-size-label-sm-1x);line-height:var(--tw-leading, var(--text-size-label-sm-1x--line-height))}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:font-medium{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:\!text-danger-label-active{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){color:var(--color-danger-label-active)!important}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:\!text-primary-idle{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){color:var(--color-primary-idle)!important}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:text-primary-idle{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){color:var(--color-primary-idle)}}.group-has-\[div\[data-slot\=date-picker-left-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:left-small{&:is(:where(.group):has(*:is(div[data-slot=date-picker-left-slot])) *){&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){left:var(--spacing-small)}}}.group-has-\[div\[data-slot\=date-picker-right-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:right-small{&:is(:where(.group):has(*:is(div[data-slot=date-picker-right-slot])) *){&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){right:var(--spacing-small)}}}.group-has-\[div\[data-slot\=input-left-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:left-small{&:is(:where(.group):has(*:is(div[data-slot=input-left-slot])) *){&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){left:var(--spacing-small)}}}.group-has-\[div\[data-slot\=input-right-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:right-small{&:is(:where(.group):has(*:is(div[data-slot=input-right-slot])) *){&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){right:var(--spacing-small)}}}.group-has-\[div\[data-slot\=select-left-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:left-small{&:is(:where(.group):has(*:is(div[data-slot=select-left-slot])) *){&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){left:var(--spacing-small)}}}.group-has-\[div\[data-slot\=select-right-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:right-small{&:is(:where(.group):has(*:is(div[data-slot=select-right-slot])) *){&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){right:var(--spacing-small)}}}.group-data-\[state\=closed\]\:animate-out{&:is(:where(.group)[data-state=closed] *){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.group-data-\[state\=open\]\:-top-\[3px\]{&:is(:where(.group)[data-state=open] *){top:-3px}}.group-data-\[state\=open\]\:animate-in{&:is(:where(.group)[data-state=open] *){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.group-data-\[state\=open\]\:text-size-label-sm-1x{&:is(:where(.group)[data-state=open] *){font-size:var(--text-size-label-sm-1x);line-height:var(--tw-leading, var(--text-size-label-sm-1x--line-height))}}.group-data-\[state\=open\]\:font-medium{&:is(:where(.group)[data-state=open] *){--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}}.group-data-\[state\=open\]\:\!text-primary-idle{&:is(:where(.group)[data-state=open] *){color:var(--color-primary-idle)!important}}.group-data-\[state\=open\]\:text-primary-idle{&:is(:where(.group)[data-state=open] *){color:var(--color-primary-idle)}}.group-has-\[div\[data-slot\=date-picker-left-slot\]\]\:group-data-\[state\=open\]\:left-small{&:is(:where(.group):has(*:is(div[data-slot=date-picker-left-slot])) *){&:is(:where(.group)[data-state=open] *){left:var(--spacing-small)}}}.group-has-\[div\[data-slot\=date-picker-right-slot\]\]\:group-data-\[state\=open\]\:right-small{&:is(:where(.group):has(*:is(div[data-slot=date-picker-right-slot])) *){&:is(:where(.group)[data-state=open] *){right:var(--spacing-small)}}}.group-has-\[div\[data-slot\=select-left-slot\]\]\:group-data-\[state\=open\]\:left-small{&:is(:where(.group):has(*:is(div[data-slot=select-left-slot])) *){&:is(:where(.group)[data-state=open] *){left:var(--spacing-small)}}}.group-has-\[div\[data-slot\=select-right-slot\]\]\:group-data-\[state\=open\]\:right-small{&:is(:where(.group):has(*:is(div[data-slot=select-right-slot])) *){&:is(:where(.group)[data-state=open] *){right:var(--spacing-small)}}}.group-data-\[variant\=danger\]\:text-danger-label-idle{&:is(:where(.group)[data-variant=danger] *){color:var(--color-danger-label-idle)}}.group-data-\[variant\=filled\]\:bg-layer-2-hover{&:is(:where(.group)[data-variant=filled] *){background-color:var(--color-layer-2-hover)}}.group-data-\[variant\=filled\]\:group-focus-within\:bg-layer-2-hover{&:is(:where(.group)[data-variant=filled] *){&:is(:where(.group):focus-within *){background-color:var(--color-layer-2-hover)}}}.group-data-\[variant\=neutral\]\:text-icon-neutral-3{&:is(:where(.group)[data-variant=neutral] *){color:var(--color-icon-neutral-3)}}.group-data-\[variant\=outlined\]\:bg-layer-2-idle{&:is(:where(.group)[data-variant=outlined] *){background-color:var(--color-layer-2-idle)}}.group-data-\[variant\=outlined\]\:group-focus-within\:bg-layer-2-idle{&:is(:where(.group)[data-variant=outlined] *){&:is(:where(.group):focus-within *){background-color:var(--color-layer-2-idle)}}}.group-data-\[variant\=primary\]\:text-primary-label-idle{&:is(:where(.group)[data-variant=primary] *){color:var(--color-primary-label-idle)}}.placeholder\:placeholder-neutral-placeholder{&::placeholder{&::placeholder{color:var(--color-neutral-placeholder)}}}.before\:absolute{&:before{content:var(--tw-content);position:absolute}}.before\:top-0{&:before{content:var(--tw-content);top:calc(var(--spacing) * 0)}}.before\:left-0{&:before{content:var(--tw-content);left:calc(var(--spacing) * 0)}}.before\:text-neutral-placeholder{&:before{content:var(--tw-content);color:var(--color-neutral-placeholder)}}.before\:content-\[attr\(data-placeholder\)\]{&:before{--tw-content: attr(data-placeholder);content:var(--tw-content)}}.first\:before\:pointer-events-none{&:first-child{&:before{content:var(--tw-content);pointer-events:none}}}.first\:before\:float-left{&:first-child{&:before{content:var(--tw-content);float:left}}}.first\:before\:content-\[attr\(data-placeholder\)\]{&:first-child{&:before{--tw-content: attr(data-placeholder);content:var(--tw-content)}}}.focus-within\:border{&:focus-within{border-style:var(--tw-border-style);border-width:1px}}.focus-within\:border-danger-idle{&:focus-within{border-color:var(--color-danger-idle)}}.focus-within\:border-primary-idle{&:focus-within{border-color:var(--color-primary-idle)}}.hover\:overflow-x-auto{&:hover{@media (hover: hover){overflow-x:auto}}}.hover\:border-border-layer-1{&:hover{@media (hover: hover){border-color:var(--color-border-layer-1)}}}.hover\:border-border-layer-2{&:hover{@media (hover: hover){border-color:var(--color-border-layer-2)}}}.hover\:border-border-layer-3{&:hover{@media (hover: hover){border-color:var(--color-border-layer-3)}}}.hover\:border-danger-idle{&:hover{@media (hover: hover){border-color:var(--color-danger-idle)}}}.hover\:border-primary-idle{&:hover{@media (hover: hover){border-color:var(--color-primary-idle)}}}.hover\:border-transparent{&:hover{@media (hover: hover){border-color:transparent}}}.hover\:\!bg-layer-2-active{&:hover{@media (hover: hover){background-color:var(--color-layer-2-active)!important}}}.hover\:\!bg-primary-alt-active{&:hover{@media (hover: hover){background-color:var(--color-primary-alt-active)!important}}}.hover\:bg-danger-alt-hover{&:hover{@media (hover: hover){background-color:var(--color-danger-alt-hover)}}}.hover\:bg-danger-alt-idle{&:hover{@media (hover: hover){background-color:var(--color-danger-alt-idle)}}}.hover\:bg-danger-hover{&:hover{@media (hover: hover){background-color:var(--color-danger-hover)}}}.hover\:bg-layer-1-hover{&:hover{@media (hover: hover){background-color:var(--color-layer-1-hover)}}}.hover\:bg-layer-1-pressed{&:hover{@media (hover: hover){background-color:var(--color-layer-1-pressed)}}}.hover\:bg-layer-2-hover{&:hover{@media (hover: hover){background-color:var(--color-layer-2-hover)}}}.hover\:bg-layer-2-pressed{&:hover{@media (hover: hover){background-color:var(--color-layer-2-pressed)}}}.hover\:bg-primary-alt-hover{&:hover{@media (hover: hover){background-color:var(--color-primary-alt-hover)}}}.hover\:bg-primary-alt-idle{&:hover{@media (hover: hover){background-color:var(--color-primary-alt-idle)}}}.hover\:bg-primary-hover{&:hover{@media (hover: hover){background-color:var(--color-primary-hover)}}}.hover\:shadow-focus-primary{&:hover{@media (hover: hover){--tw-shadow: 0 0 0 var(--tw-shadow-color, var(--shadow-medium, 4px)) rgba(232, 125, 48, .16);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.focus-within\:hover\:border-danger-idle{&:focus-within{&:hover{@media (hover: hover){border-color:var(--color-danger-idle)}}}}.focus-within\:hover\:border-primary-idle{&:focus-within{&:hover{@media (hover: hover){border-color:var(--color-primary-idle)}}}}.focus\:border-primary-idle{&:focus{border-color:var(--color-primary-idle)}}.focus\:shadow-focus-primary{&:focus{--tw-shadow: 0 0 0 var(--tw-shadow-color, var(--shadow-medium, 4px)) rgba(232, 125, 48, .16);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.active\:bg-danger-alt-pressed{&:active{background-color:var(--color-danger-alt-pressed)}}.active\:bg-danger-pressed{&:active{background-color:var(--color-danger-pressed)}}.active\:bg-layer-1-active{&:active{background-color:var(--color-layer-1-active)}}.active\:bg-layer-1-pressed{&:active{background-color:var(--color-layer-1-pressed)}}.active\:bg-layer-2-active{&:active{background-color:var(--color-layer-2-active)}}.active\:bg-layer-2-pressed{&:active{background-color:var(--color-layer-2-pressed)}}.active\:bg-primary-alt-pressed{&:active{background-color:var(--color-primary-alt-pressed)}}.active\:bg-primary-pressed{&:active{background-color:var(--color-primary-pressed)}}.disabled\:pointer-events-none{&:disabled{pointer-events:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:cursor-text{&:disabled{cursor:text}}.disabled\:border-none{&:disabled{--tw-border-style: none;border-style:none}}.disabled\:bg-layer-2-idle{&:disabled{background-color:var(--color-layer-2-idle)}}.disabled\:opacity-38{&:disabled{opacity:38%}}.disabled\:opacity-50{&:disabled{opacity:50%}}.disabled\:opacity-60{&:disabled{opacity:60%}}.disabled\:opacity-\[38\%\]{&:disabled{opacity:38%}}.disabled\:select-text{&:disabled{-webkit-user-select:text;user-select:text}}.disabled\:hover\:border-border-layer-2{&:disabled{&:hover{@media (hover: hover){border-color:var(--color-border-layer-2)}}}}.has-\[input\:not\(\:placeholder-shown\)\]\:border-danger-idle{&:has(*:is(input:not(:placeholder-shown))){border-color:var(--color-danger-idle)}}.has-\[input\:not\(\:placeholder-shown\)\]\:border-primary-idle{&:has(*:is(input:not(:placeholder-shown))){border-color:var(--color-primary-idle)}}.has-\[input\:not\(\:placeholder-shown\)\]\:text-primary-idle{&:has(*:is(input:not(:placeholder-shown))){color:var(--color-primary-idle)}}.group-hover\/chip\:data-\[disabled\=false\]\:visible{&:is(:where(.group\/chip):hover *){@media (hover: hover){&[data-disabled=false]{visibility:visible}}}}.group-hover\/tag\:data-\[disabled\=false\]\:visible{&:is(:where(.group\/tag):hover *){@media (hover: hover){&[data-disabled=false]{visibility:visible}}}}.data-\[disabled\=true\]\:hidden{&[data-disabled=true]{display:none}}.data-\[disabled\=true\]\:opacity-38{&[data-disabled=true]{opacity:38%}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:data-\[error\=true\]\:text-danger-label-active{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){&[data-error=true]{color:var(--color-danger-label-active)}}}.group-data-\[state\=open\]\:data-\[error\=true\]\:text-danger-label-active{&:is(:where(.group)[data-state=open] *){&[data-error=true]{color:var(--color-danger-label-active)}}}.data-\[has-error\=true\]\:border-danger-idle{&[data-has-error=true]{border-color:var(--color-danger-idle)}}.group-focus-within\:data-\[has-error\=true\]\:\!text-danger-label-active{&:is(:where(.group):focus-within *){&[data-has-error=true]{color:var(--color-danger-label-active)!important}}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:data-\[has-error\=true\]\:\!text-danger-label-active{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){&[data-has-error=true]{color:var(--color-danger-label-active)!important}}}.group-data-\[state\=open\]\:data-\[has-error\=true\]\:\!text-danger-label-active{&:is(:where(.group)[data-state=open] *){&[data-has-error=true]{color:var(--color-danger-label-active)!important}}}.data-\[has-error\=true\]\:hover\:border-danger-idle{&[data-has-error=true]{&:hover{@media (hover: hover){border-color:var(--color-danger-idle)}}}}.has-\[input\:not\(\:placeholder-shown\)\]\:data-\[has-error\=true\]\:border-danger-label-active{&:has(*:is(input:not(:placeholder-shown))){&[data-has-error=true]{border-color:var(--color-danger-label-active)}}}.has-\[input\:not\(\:placeholder-shown\)\]\:data-\[has-error\=true\]\:text-danger-label-active{&:has(*:is(input:not(:placeholder-shown))){&[data-has-error=true]{color:var(--color-danger-label-active)}}}.data-\[orientation\=horizontal\]\:h-px{&[data-orientation=horizontal]{height:1px}}.data-\[orientation\=horizontal\]\:w-full{&[data-orientation=horizontal]{width:100%}}.data-\[orientation\=horizontal\]\:flex-row{&[data-orientation=horizontal]{flex-direction:row}}.data-\[orientation\=vertical\]\:h-full{&[data-orientation=vertical]{height:100%}}.data-\[orientation\=vertical\]\:w-px{&[data-orientation=vertical]{width:1px}}.data-\[orientation\=vertical\]\:flex-col{&[data-orientation=vertical]{flex-direction:column}}.data-\[selected\=true\]\:bg-primary-alt-active{&[data-selected=true]{background-color:var(--color-primary-alt-active)}}.data-\[side\=bottom\]\:slide-in-from-top-2{&[data-side=bottom]{--tw-enter-translate-y: calc(var(--spacing) * 2*-1)}}.data-\[side\=left\]\:slide-in-from-right-2{&[data-side=left]{--tw-enter-translate-x: calc(var(--spacing) * 2)}}.data-\[side\=right\]\:slide-in-from-left-2{&[data-side=right]{--tw-enter-translate-x: calc(var(--spacing) * 2*-1)}}.data-\[side\=top\]\:slide-in-from-bottom-2{&[data-side=top]{--tw-enter-translate-y: calc(var(--spacing) * 2)}}.data-\[size\=lg\]\:size-large-8x{&[data-size=lg]{width:var(--spacing-large-8x);height:var(--spacing-large-8x)}}.data-\[size\=lg\]\:text-size-headline-md{&[data-size=lg]{font-size:var(--text-size-headline-md);line-height:var(--tw-leading, var(--text-size-headline-md--line-height))}}.data-\[size\=md\]\:size-large-4x{&[data-size=md]{width:var(--spacing-large-4x);height:var(--spacing-large-4x)}}.data-\[size\=md\]\:text-size-label-lg{&[data-size=md]{font-size:var(--text-size-label-lg);line-height:var(--tw-leading, var(--text-size-label-lg--line-height))}}.data-\[size\=sm\]\:size-large-2x{&[data-size=sm]{width:var(--spacing-large-2x);height:var(--spacing-large-2x)}}.data-\[size\=sm\]\:text-size-label-sm{&[data-size=sm]{font-size:var(--text-size-label-sm);line-height:var(--tw-leading, var(--text-size-label-sm--line-height))}}.data-\[size\=xs\]\:size-large-1x{&[data-size=xs]{width:var(--spacing-large-1x);height:var(--spacing-large-1x)}}.data-\[size\=xs\]\:text-size-label-sm{&[data-size=xs]{font-size:var(--text-size-label-sm);line-height:var(--tw-leading, var(--text-size-label-sm--line-height))}}.data-\[sorted\=true\]\:flex{&[data-sorted=true]{display:flex}}.data-\[sorted\=true\]\:bg-primary-alt-active{&[data-sorted=true]{background-color:var(--color-primary-alt-active)}}.data-\[sorted\=true\]\:text-primary-label-active{&[data-sorted=true]{color:var(--color-primary-label-active)}}.data-\[state\=active\]\:rounded-none{&[data-state=active]{border-radius:0}}.data-\[state\=active\]\:rounded-none{&[data-state=active]{border-radius:var(--radius-none)}}.data-\[state\=active\]\:border-b-primary-active{&[data-state=active]{border-bottom-color:var(--color-primary-active)}}.data-\[state\=active\]\:bg-layer-2-idle{&[data-state=active]{background-color:var(--color-layer-2-idle)}}.data-\[state\=active\]\:bg-transparent{&[data-state=active]{background-color:transparent}}.data-\[state\=active\]\:text-primary-active{&[data-state=active]{color:var(--color-primary-active)}}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\]{&[data-state=checked]{--tw-translate-x: calc(100% - 2px) ;translate:var(--tw-translate-x) var(--tw-translate-y)}}.data-\[state\=checked\]\:border-primary-active{&[data-state=checked]{border-color:var(--color-primary-active)}}.data-\[state\=checked\]\:bg-primary-active{&[data-state=checked]{background-color:var(--color-primary-active)}}.data-\[state\=checked\]\:bg-primary-idle{&[data-state=checked]{background-color:var(--color-primary-idle)}}.data-\[state\=checked\]\:hover\:border-primary-idle{&[data-state=checked]{&:hover{@media (hover: hover){border-color:var(--color-primary-idle)}}}}.data-\[state\=closed\]\:animate-collapsible-up{&[data-state=closed]{animation:collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\[state\=closed\]\:animate-out{&[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\[state\=closed\]\:duration-300{&[data-state=closed]{--tw-duration: .3s;transition-duration:.3s}}.data-\[state\=closed\]\:fade-out-0{&[data-state=closed]{--tw-exit-opacity: 0 ;--tw-exit-opacity: 0}}.data-\[state\=closed\]\:zoom-out-95{&[data-state=closed]{--tw-exit-scale: 95% ;--tw-exit-scale: .95}}.data-\[state\=closed\]\:slide-out-to-bottom{&[data-state=closed]{--tw-exit-translate-y: 100%}}.data-\[state\=closed\]\:slide-out-to-left{&[data-state=closed]{--tw-exit-translate-x: -100%}}.data-\[state\=closed\]\:slide-out-to-right{&[data-state=closed]{--tw-exit-translate-x: 100%}}.data-\[state\=closed\]\:slide-out-to-top{&[data-state=closed]{--tw-exit-translate-y: -100%}}.data-\[state\=open\]\:animate-collapsible-down{&[data-state=open]{animation:collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\[state\=open\]\:animate-in{&[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\[state\=open\]\:border-danger-idle{&[data-state=open]{border-color:var(--color-danger-idle)}}.data-\[state\=open\]\:border-primary-idle{&[data-state=open]{border-color:var(--color-primary-idle)}}.data-\[state\=open\]\:duration-500{&[data-state=open]{--tw-duration: .5s;transition-duration:.5s}}.data-\[state\=open\]\:fade-in-0{&[data-state=open]{--tw-enter-opacity: 0 ;--tw-enter-opacity: 0}}.data-\[state\=open\]\:slide-in-from-bottom{&[data-state=open]{--tw-enter-translate-y: 100%}}.data-\[state\=open\]\:slide-in-from-left{&[data-state=open]{--tw-enter-translate-x: -100%}}.data-\[state\=open\]\:slide-in-from-right{&[data-state=open]{--tw-enter-translate-x: 100%}}.data-\[state\=open\]\:slide-in-from-top{&[data-state=open]{--tw-enter-translate-y: -100%}}.data-\[state\=open\]\:data-\[has-error\=true\]\:border-danger-label-active{&[data-state=open]{&[data-has-error=true]{border-color:var(--color-danger-label-active)}}}.data-\[state\=unchecked\]\:translate-x-0{&[data-state=unchecked]{--tw-translate-x: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}.data-\[state\=unchecked\]\:bg-alt-4{&[data-state=unchecked]{background-color:var(--color-alt-4)}}.data-\[variant\=rich\]\:rounded-small{&[data-variant=rich]{border-radius:var(--radius-small)}}.data-\[variant\=rich\]\:border{&[data-variant=rich]{border-style:var(--tw-border-style);border-width:1px}}.data-\[variant\=rich\]\:border-border-layer-2{&[data-variant=rich]{border-color:var(--color-border-layer-2)}}.data-\[variant\=rich\]\:bg-layer-2-idle{&[data-variant=rich]{background-color:var(--color-layer-2-idle)}}.data-\[variant\=rich\]\:p-large{&[data-variant=rich]{padding:var(--spacing-large)}}.data-\[variant\=rich\]\:text-neutral-dark{&[data-variant=rich]{color:var(--color-neutral-dark)}}.data-\[variant\=simple\]\:rounded-small-1x{&[data-variant=simple]{border-radius:var(--radius-small-1x)}}.data-\[variant\=simple\]\:bg-alt-2{&[data-variant=simple]{background-color:var(--color-alt-2)}}.data-\[variant\=simple\]\:px-small{&[data-variant=simple]{padding-inline:var(--spacing-small)}}.data-\[variant\=simple\]\:py-small-1x{&[data-variant=simple]{padding-block:var(--spacing-small-1x)}}.data-\[variant\=simple\]\:text-neutral-label{&[data-variant=simple]{color:var(--color-neutral-label)}}.sm\:max-w-sm{@media (width >= 40rem){max-width:var(--container-sm)}}.\[\&_ol_ol\]\:list-\[lower-alpha\]{& ol ol{list-style-type:lower-alpha}}.\[\&_ol_ol_ol\]\:list-\[lower-roman\]{& ol ol ol{list-style-type:lower-roman}}.\[\&_tr\]\:border-b{& tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}}.\[\&_tr\]\:border-border-layer-2{& tr{border-color:var(--color-border-layer-2)}}.\[\&_tr\:last-child\]\:border-0{& tr:last-child{border-style:var(--tw-border-style);border-width:0px}}.\[\&_ul_ul\]\:list-\[circle\]{& ul ul{list-style-type:circle}}.\[\&_ul_ul_ul\]\:list-\[square\]{& ul ul ul{list-style-type:square}}.\[\&\>tr\]\:last\:border-b-0{>tr{&:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0px}}}}@property --tw-animation-delay{syntax: "*"; inherits: false; initial-value: 0s;}@property --tw-animation-direction{syntax: "*"; inherits: false; initial-value: normal;}@property --tw-animation-duration{syntax: "*"; inherits: false;}@property --tw-animation-fill-mode{syntax: "*"; inherits: false; initial-value: none;}@property --tw-animation-iteration-count{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@layer base{*{scrollbar-color:initial;scrollbar-width:initial}}@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-space-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-font-weight{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-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@property --tw-content{syntax: "*"; initial-value: ""; inherits: false;}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes collapsible-down{0%{height:0}to{height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))))}}@keyframes collapsible-up{0%{height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))))}to{height:0}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-space-x-reverse: 0;--tw-border-style: solid;--tw-font-weight: 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-duration: initial;--tw-ease: initial;--tw-content: "";--tw-animation-delay: 0s;--tw-animation-direction: normal;--tw-animation-duration: initial;--tw-animation-fill-mode: none;--tw-animation-iteration-count: 1;--tw-enter-blur: 0;--tw-enter-opacity: 1;--tw-enter-rotate: 0;--tw-enter-scale: 1;--tw-enter-translate-x: 0;--tw-enter-translate-y: 0;--tw-exit-blur: 0;--tw-exit-opacity: 1;--tw-exit-rotate: 0;--tw-exit-scale: 1;--tw-exit-translate-x: 0;--tw-exit-translate-y: 0}}}
 /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
+/*# sourceMappingURL=index.css.map */