/* @scys/design-ui 编译样式：变量＋已加 .sc-ui 作用域的工具类，适用于未使用 Tailwind 4 的宿主。 */
/* @scys/design-ui 主题变量，来源：设计规范 0.23.0-preview tokens.css。由 scripts/build.mjs 生成。 */
:root,
[data-sc-theme] {
  --sc-color-brand: #007062;
  --sc-color-action-primary: #007062;
  --sc-color-action-primary-hover: #006659;
  --sc-color-action-primary-pressed: #004f46;
  --sc-color-on-primary: #ffffff;
  --sc-color-action-danger: #d83931;
  --sc-color-action-danger-hover: #c42c26;
  --sc-color-action-danger-pressed: #a8241f;
  --sc-color-on-danger: #ffffff;
  --sc-color-surface-canvas: #f2f3f5;
  --sc-color-surface-primary: #ffffff;
  --sc-color-surface-subtle: #fafbfc;
  --sc-color-surface-control: #f5f6f7;
  --sc-color-surface-control-hover: #e8ebed;
  --sc-color-surface-control-pressed: #d2d5db;
  --sc-color-surface-control-disabled: #bdc1c7;
  --sc-color-surface-selected: #f2f8f7;
  --sc-color-text-primary: #242528;
  --sc-color-text-secondary: #3b3d40;
  --sc-color-text-tertiary: #5d6065;
  --sc-color-text-disabled: #979ca3;
  --sc-color-text-placeholder: #838d99;
  --sc-color-text-link: #586e93;
  --sc-color-text-link-hover: #335080;
  --sc-color-border-hairline: #f5f6f7;
  --sc-color-border-subtle: #e8ebed;
  --sc-color-border-default: #e8ebed;
  --sc-color-border-strong: #d2d5db;
  --sc-color-border-control: #838d99;
  --sc-color-focus: #007062;
  --sc-color-success-surface: #f4ffe8;
  --sc-color-success-text: #237804;
  --sc-color-warning-surface: #fff9e8;
  --sc-color-warning-text: #8a4b00;
  --sc-color-danger-surface: #ffede8;
  --sc-color-danger-text: #c42c26;
  --sc-color-info-surface: #e8f4ff;
  --sc-color-info-text: #085ef0;
  --sc-color-success-icon: #389e0d;
  --sc-color-warning-icon: #d46b08;
  --sc-color-danger-icon: #d83931;
  --sc-color-info-icon: #327cfb;
  --sc-color-overlay-subtle: rgba(0, 0, 0, 0.4);
  --sc-color-overlay-modal: rgba(0, 0, 0, 0.6);
  --sc-color-inverse-primary: #ffffff;
  --sc-color-inverse-secondary: rgba(255, 255, 255, 0.8);
  --sc-color-inverse-tertiary: rgba(255, 255, 255, 0.6);
  --sc-color-theme-light-surface: #ffffff;
  --sc-color-theme-light-text: #242528;
  --sc-color-theme-light-muted: #5d6065;
  --sc-color-theme-dark-surface: #0d0e10;
  --sc-color-theme-dark-text: #f5f6f7;
  --sc-color-theme-dark-muted: #bdc1c7;
  --sc-space-0: 0px;
  --sc-space-1: 2px;
  --sc-space-2: 4px;
  --sc-space-3: 8px;
  --sc-space-4: 12px;
  --sc-space-5: 16px;
  --sc-space-6: 20px;
  --sc-space-7: 24px;
  --sc-space-8: 32px;
  --sc-space-9: 40px;
  --sc-space-10: 48px;
  --sc-space-11: 64px;
  --sc-typography-family-ui:
    'PingFang SC', Tahoma, Helvetica, Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'Heiti SC',
    'WenQuanYi Micro Hei', sans-serif;
  --sc-typography-family-reading:
    'PingFang SC', Tahoma, Helvetica, Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'Heiti SC',
    'WenQuanYi Micro Hei', sans-serif;
  --sc-typography-family-editorial: 'Noto Serif SC', 'Songti SC', serif;
  --sc-typography-family-data: DIN, Outfit, 'Helvetica Neue', sans-serif;
  --sc-typography-family-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --sc-typography-weight-regular: 400;
  --sc-typography-weight-medium: 500;
  --sc-typography-weight-semibold: 600;
  --sc-typography-weight-bold: 700;
  --sc-typography-weight-display: 900;
  --sc-typography-role-page-title-pc-font-size: 24px;
  --sc-typography-role-page-title-pc-line-height: 32px;
  --sc-typography-role-page-title-pc-font-weight: 600;
  --sc-typography-role-page-title-pc-letter-spacing: 0px;
  --sc-typography-role-page-title-mobile-font-size: 20px;
  --sc-typography-role-page-title-mobile-line-height: 28px;
  --sc-typography-role-page-title-mobile-font-weight: 600;
  --sc-typography-role-page-title-mobile-letter-spacing: 0px;
  --sc-typography-role-section-title-pc-font-size: 20px;
  --sc-typography-role-section-title-pc-line-height: 28px;
  --sc-typography-role-section-title-pc-font-weight: 600;
  --sc-typography-role-section-title-pc-letter-spacing: 0px;
  --sc-typography-role-section-title-mobile-font-size: 18px;
  --sc-typography-role-section-title-mobile-line-height: 26px;
  --sc-typography-role-section-title-mobile-font-weight: 600;
  --sc-typography-role-section-title-mobile-letter-spacing: 0px;
  --sc-typography-role-object-title-pc-font-size: 18px;
  --sc-typography-role-object-title-pc-line-height: 28px;
  --sc-typography-role-object-title-pc-font-weight: 600;
  --sc-typography-role-object-title-pc-letter-spacing: 0px;
  --sc-typography-role-object-title-mobile-font-size: 16px;
  --sc-typography-role-object-title-mobile-line-height: 24px;
  --sc-typography-role-object-title-mobile-font-weight: 500;
  --sc-typography-role-object-title-mobile-letter-spacing: 0px;
  --sc-typography-role-body-pc-font-size: 14px;
  --sc-typography-role-body-pc-line-height: 22px;
  --sc-typography-role-body-pc-font-weight: 400;
  --sc-typography-role-body-pc-letter-spacing: 0px;
  --sc-typography-role-body-mobile-font-size: 14px;
  --sc-typography-role-body-mobile-line-height: 22px;
  --sc-typography-role-body-mobile-font-weight: 400;
  --sc-typography-role-body-mobile-letter-spacing: 0px;
  --sc-typography-role-reading-body-pc-font-size: 15px;
  --sc-typography-role-reading-body-pc-line-height: 24px;
  --sc-typography-role-reading-body-pc-font-weight: 400;
  --sc-typography-role-reading-body-pc-letter-spacing: 0px;
  --sc-typography-role-reading-body-mobile-font-size: 15px;
  --sc-typography-role-reading-body-mobile-line-height: 24px;
  --sc-typography-role-reading-body-mobile-font-weight: 400;
  --sc-typography-role-reading-body-mobile-letter-spacing: 0px;
  --sc-typography-role-course-body-pc-font-size: 16px;
  --sc-typography-role-course-body-pc-line-height: 29px;
  --sc-typography-role-course-body-pc-font-weight: 400;
  --sc-typography-role-course-body-pc-letter-spacing: 0px;
  --sc-typography-role-course-body-mobile-font-size: 16px;
  --sc-typography-role-course-body-mobile-line-height: 29px;
  --sc-typography-role-course-body-mobile-font-weight: 400;
  --sc-typography-role-course-body-mobile-letter-spacing: 0px;
  --sc-typography-role-label-pc-font-size: 14px;
  --sc-typography-role-label-pc-line-height: 20px;
  --sc-typography-role-label-pc-font-weight: 500;
  --sc-typography-role-label-pc-letter-spacing: 0px;
  --sc-typography-role-label-mobile-font-size: 14px;
  --sc-typography-role-label-mobile-line-height: 20px;
  --sc-typography-role-label-mobile-font-weight: 500;
  --sc-typography-role-label-mobile-letter-spacing: 0px;
  --sc-typography-role-caption-pc-font-size: 12px;
  --sc-typography-role-caption-pc-line-height: 18px;
  --sc-typography-role-caption-pc-font-weight: 400;
  --sc-typography-role-caption-pc-letter-spacing: 0px;
  --sc-typography-role-caption-mobile-font-size: 12px;
  --sc-typography-role-caption-mobile-line-height: 18px;
  --sc-typography-role-caption-mobile-font-weight: 400;
  --sc-typography-role-caption-mobile-letter-spacing: 0px;
  --sc-radius-none: 0px;
  --sc-radius-xsmall: 2px;
  --sc-radius-small: 4px;
  --sc-radius-control: 6px;
  --sc-radius-medium: 8px;
  --sc-radius-large: 12px;
  --sc-radius-xlarge: 16px;
  --sc-radius-full: 9999px;
  --sc-border-width-hairline: 0.5px;
  --sc-border-width-default: 1px;
  --sc-border-width-strong: 2px;
  --sc-border-style-default: solid;
  --sc-elevation-raised: 0px 1px 4px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
  --sc-elevation-floating: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);
  --sc-elevation-modal: 0px 16px 48px 0px rgba(0, 0, 0, 0.16);
  --sc-elevation-upward: 0px -4px 16px 0px rgba(0, 0, 0, 0.08);
  --sc-elevation-dark-raised: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
  --sc-elevation-dark-floating: 0px 8px 24px 0px rgba(0, 0, 0, 0.48);
  --sc-elevation-dark-modal: 0px 16px 48px 0px rgba(0, 0, 0, 0.6);
  --sc-elevation-dark-upward: 0px -4px 16px 0px rgba(0, 0, 0, 0.48);
  --sc-control-small: 28px;
  --sc-control-compact: 32px;
  --sc-control-default: 40px;
  --sc-control-mobile: 44px;
  --sc-control-touch: 48px;
  --sc-control-navigation: 48px;
  --sc-icon-size-compact: 16px;
  --sc-icon-size-default: 20px;
  --sc-icon-size-status: 24px;
  --sc-icon-size-large: 32px;
  --sc-icon-stroke-subtle: 1.75px;
  --sc-icon-stroke-default: 2px;
  --sc-layout-content-max: 1050px;
  --sc-layout-community-max: 1240px;
  --sc-layout-workspace-max: 1200px;
  --sc-layout-reading-max: 720px;
  --sc-layout-gutter-compact: 16px;
  --sc-layout-gutter-medium: 24px;
  --sc-layout-gutter-wide: 32px;
  --sc-breakpoint-compact-max: 767px;
  --sc-breakpoint-medium-min: 768px;
  --sc-breakpoint-medium-max: 1199px;
  --sc-breakpoint-wide-min: 1200px;
  --sc-layer-base: 1;
  --sc-layer-dropdown: 200;
  --sc-layer-sticky: 100;
  --sc-layer-popover: 300;
  --sc-layer-modal: 1000;
  --sc-layer-toast: 2000;
  --sc-opacity-disabled: 0.5;
  --sc-opacity-muted: 0.6;
  --sc-opacity-pressed: 0.8;
  --sc-opacity-hover: 0.9;
  --sc-opacity-focus-ring: 0.26;
  --sc-motion-feedback: 100ms;
  --sc-motion-fast: 150ms;
  --sc-motion-standard: 200ms;
  --sc-motion-slow: 300ms;
  --sc-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --sc-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --sc-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --sc-motion-easing-linear: cubic-bezier(0, 0, 1, 1);
  --sc-interaction-focus-ring-width: 2px;
  --sc-interaction-focus-ring-offset: 2px;
  --sc-interaction-target-minimum: 44px;
  color-scheme: light;
}


[data-sc-theme='dark'] {
  --sc-color-action-primary: #51b7a1;
  --sc-color-action-primary-hover: #72c9b3;
  --sc-color-on-primary: #0a0a0a;
  --sc-color-action-danger: #d83931;
  --sc-color-action-danger-hover: #c42c26;
  --sc-color-on-danger: #ffffff;
  --sc-color-surface-canvas: #0d0e10;
  --sc-color-surface-primary: #1a1b1e;
  --sc-color-surface-subtle: #141517;
  --sc-color-surface-control: #3b3d40;
  --sc-color-surface-control-hover: #5d6065;
  --sc-color-surface-control-pressed: #757980;
  --sc-color-surface-control-disabled: #757980;
  --sc-color-surface-selected: #123c35;
  --sc-color-text-primary: #f5f6f7;
  --sc-color-text-secondary: #e8ebed;
  --sc-color-text-tertiary: #bdc1c7;
  --sc-color-text-disabled: #757980;
  --sc-color-text-placeholder: #979ca3;
  --sc-color-text-link: #72c9b3;
  --sc-color-text-link-hover: #c5ebde;
  --sc-color-border-hairline: #3b3d40;
  --sc-color-border-subtle: #5d6065;
  --sc-color-border-default: #5d6065;
  --sc-color-border-strong: #757980;
  --sc-color-border-control: #757980;
  --sc-color-focus: #72c9b3;
  --sc-color-success-surface: #20331b;
  --sc-color-success-text: #91dc61;
  --sc-color-warning-surface: #3b2c1a;
  --sc-color-warning-text: #fcc86d;
  --sc-color-danger-surface: #382021;
  --sc-color-danger-text: #f99085;
  --sc-color-info-surface: #172640;
  --sc-color-info-text: #79b3fd;
  --sc-color-success-icon: #91dc61;
  --sc-color-warning-icon: #fcc86d;
  --sc-color-danger-icon: #f99085;
  --sc-color-info-icon: #79b3fd;
  --sc-color-overlay-subtle: rgba(0, 0, 0, 0.5);
  --sc-color-overlay-modal: rgba(0, 0, 0, 0.75);
  --sc-color-inverse-primary: #ffffff;
  --sc-color-inverse-secondary: rgba(255, 255, 255, 0.8);
  --sc-color-inverse-tertiary: rgba(255, 255, 255, 0.6);
  --sc-elevation-raised: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
  --sc-elevation-floating: 0px 8px 24px 0px rgba(0, 0, 0, 0.48);
  --sc-elevation-modal: 0px 16px 48px 0px rgba(0, 0, 0, 0.6);
  --sc-elevation-upward: 0px -4px 16px 0px rgba(0, 0, 0, 0.48);
  /* G010 暗色按下候选与默认同色。 */
  --sc-color-action-primary-pressed: var(--sc-color-action-primary);
  color-scheme: dark;
}

/* 组件包补充的规范变量：带 sc 前缀，不会与宿主冲突。 */
:root,
[data-sc-theme] {
  /* 文字提示深色底：浅色主题沿用官网 #1D2129；暗色用控件面，和页面底色拉开。 */
  --sc-ui-tooltip: #1d2129;
}

[data-sc-theme='dark'] {
  --sc-ui-tooltip: var(--sc-color-surface-control);
}

/* 标题字号随设备切换（G004、G005、G008）：手机为默认值，电脑在下方覆盖。
   只声明在根元素上：局部主题容器不重复声明，避免把电脑字号改回手机字号。 */
:root {
  --sc-ui-text-page-title: 20px;
  --sc-ui-text-page-title-line-height: 28px;
  --sc-ui-text-section-title: 18px;
  --sc-ui-text-section-title-line-height: 26px;
  --sc-ui-text-object-title: 16px;
  --sc-ui-text-object-title-line-height: 24px;
  --sc-ui-text-object-title-weight: 500;
}

:root[data-sc-device='desktop'] {
  --sc-ui-text-page-title: 24px;
  --sc-ui-text-page-title-line-height: 32px;
  --sc-ui-text-section-title: 20px;
  --sc-ui-text-section-title-line-height: 28px;
  --sc-ui-text-object-title: 18px;
  --sc-ui-text-object-title-line-height: 28px;
  --sc-ui-text-object-title-weight: 600;
}

@media (min-width: 768px) {
  :root:not([data-sc-device='mobile']) {
    --sc-ui-text-page-title: 24px;
    --sc-ui-text-page-title-line-height: 32px;
    --sc-ui-text-section-title: 20px;
    --sc-ui-text-section-title-line-height: 28px;
    --sc-ui-text-object-title: 18px;
    --sc-ui-text-object-title-line-height: 28px;
    --sc-ui-text-object-title-weight: 600;
  }
}

/* shadcn-vue 语义变量映射到生财设计规范变量。只声明在组件根 .sc-ui 上，不占用宿主页面的同名变量；
   规范变量随根元素主题切换，这里在组件上重新取值，暗色自动生效。 */
.sc-ui {
  --background: var(--sc-color-surface-primary);
  --foreground: var(--sc-color-text-primary);
  --card: var(--sc-color-surface-primary);
  --card-foreground: var(--sc-color-text-primary);
  --popover: var(--sc-color-surface-primary);
  --popover-foreground: var(--sc-color-text-primary);
  --primary: var(--sc-color-action-primary);
  --primary-foreground: var(--sc-color-on-primary);
  --secondary: var(--sc-color-surface-control);
  --secondary-foreground: var(--sc-color-text-primary);
  --muted: var(--sc-color-surface-subtle);
  --muted-foreground: var(--sc-color-text-tertiary);
  --accent: var(--sc-color-surface-control);
  --accent-foreground: var(--sc-color-text-primary);
  --destructive: var(--sc-color-danger-text);
  --border: var(--sc-color-border-default);
  --input: var(--sc-color-border-control);
  --ring: var(--sc-color-focus);
  --radius: var(--sc-radius-control);
}

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
:root, :host {
    --color-black: #000;
    --color-white: #fff;
    --spacing: 4px;
    --container-sm: 384px;
    --container-lg: 512px;
    --text-xs: 12px;
    --text-xs--line-height: 16px;
    --text-sm: 14px;
    --text-sm--line-height: 20px;
    --text-base: 16px;
    --text-base--line-height: 24px;
    --text-lg: 18px;
    --text-lg--line-height: 28px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-tight: -0.025em;
    --tracking-widest: 0.1em;
    --leading-relaxed: 1.625;
    --radius-xs: 2px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --color-sc-surface: var(--sc-color-surface-primary);
  }
.sc-ui.sc-ui .\@container\/card-header, .sc-ui.sc-ui.\@container\/card-header {
    container-type: inline-size;
    container-name: card-header;
  }
.sc-ui.sc-ui .pointer-events-auto, .sc-ui.sc-ui.pointer-events-auto {
    pointer-events: auto;
  }
.sc-ui.sc-ui .pointer-events-none, .sc-ui.sc-ui.pointer-events-none {
    pointer-events: none;
  }
.sc-ui.sc-ui .invisible, .sc-ui.sc-ui.invisible {
    visibility: hidden;
  }
.sc-ui.sc-ui .sr-only, .sc-ui.sc-ui.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
.sc-ui.sc-ui .absolute, .sc-ui.sc-ui.absolute {
    position: absolute;
  }
.sc-ui.sc-ui .fixed, .sc-ui.sc-ui.fixed {
    position: fixed;
  }
.sc-ui.sc-ui .relative, .sc-ui.sc-ui.relative {
    position: relative;
  }
.sc-ui.sc-ui .static, .sc-ui.sc-ui.static {
    position: static;
  }
.sc-ui.sc-ui .sticky, .sc-ui.sc-ui.sticky {
    position: sticky;
  }
.sc-ui.sc-ui .inset-0, .sc-ui.sc-ui.inset-0 {
    inset: 0px;
  }
.sc-ui.sc-ui .inset-x-0, .sc-ui.sc-ui.inset-x-0 {
    inset-inline: 0px;
  }
.sc-ui.sc-ui .inset-y-0, .sc-ui.sc-ui.inset-y-0 {
    inset-block: 0px;
  }
.sc-ui.sc-ui .top-0, .sc-ui.sc-ui.top-0 {
    top: 0px;
  }
.sc-ui.sc-ui .top-1\/2, .sc-ui.sc-ui.top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
.sc-ui.sc-ui .top-3, .sc-ui.sc-ui.top-3 {
    top: calc(var(--spacing) * 3);
  }
.sc-ui.sc-ui .top-4, .sc-ui.sc-ui.top-4 {
    top: calc(var(--spacing) * 4);
  }
.sc-ui.sc-ui .top-\[40\%\], .sc-ui.sc-ui.top-\[40\%\] {
    top: 40%;
  }
.sc-ui.sc-ui .top-\[50\%\], .sc-ui.sc-ui.top-\[50\%\] {
    top: 50%;
  }
.sc-ui.sc-ui .right-0, .sc-ui.sc-ui.right-0 {
    right: 0px;
  }
.sc-ui.sc-ui .right-1, .sc-ui.sc-ui.right-1 {
    right: var(--spacing);
  }
.sc-ui.sc-ui .right-2, .sc-ui.sc-ui.right-2 {
    right: calc(var(--spacing) * 2);
  }
.sc-ui.sc-ui .right-3, .sc-ui.sc-ui.right-3 {
    right: calc(var(--spacing) * 3);
  }
.sc-ui.sc-ui .right-4, .sc-ui.sc-ui.right-4 {
    right: calc(var(--spacing) * 4);
  }
.sc-ui.sc-ui .right-5, .sc-ui.sc-ui.right-5 {
    right: calc(var(--spacing) * 5);
  }
.sc-ui.sc-ui .right-8, .sc-ui.sc-ui.right-8 {
    right: calc(var(--spacing) * 8);
  }
.sc-ui.sc-ui .right-10, .sc-ui.sc-ui.right-10 {
    right: calc(var(--spacing) * 10);
  }
.sc-ui.sc-ui .bottom-0, .sc-ui.sc-ui.bottom-0 {
    bottom: 0px;
  }
.sc-ui.sc-ui .bottom-\[46px\], .sc-ui.sc-ui.bottom-\[46px\] {
    bottom: 46px;
  }
.sc-ui.sc-ui .left-0, .sc-ui.sc-ui.left-0 {
    left: 0px;
  }
.sc-ui.sc-ui .left-1, .sc-ui.sc-ui.left-1 {
    left: var(--spacing);
  }
.sc-ui.sc-ui .left-1\/2, .sc-ui.sc-ui.left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
.sc-ui.sc-ui .left-2, .sc-ui.sc-ui.left-2 {
    left: calc(var(--spacing) * 2);
  }
.sc-ui.sc-ui .left-5, .sc-ui.sc-ui.left-5 {
    left: calc(var(--spacing) * 5);
  }
.sc-ui.sc-ui .left-\[50\%\], .sc-ui.sc-ui.left-\[50\%\] {
    left: 50%;
  }
.sc-ui.sc-ui .z-\(--sc-layer-modal\), .sc-ui.sc-ui.z-\(--sc-layer-modal\) {
    z-index: var(--sc-layer-modal);
  }
.sc-ui.sc-ui .z-\(--sc-layer-toast\), .sc-ui.sc-ui.z-\(--sc-layer-toast\) {
    z-index: var(--sc-layer-toast);
  }
.sc-ui.sc-ui .z-10, .sc-ui.sc-ui.z-10 {
    z-index: 10;
  }
.sc-ui.sc-ui .z-50, .sc-ui.sc-ui.z-50 {
    z-index: 50;
  }
.sc-ui.sc-ui .col-start-2, .sc-ui.sc-ui.col-start-2 {
    grid-column-start: 2;
  }
.sc-ui.sc-ui .row-span-2, .sc-ui.sc-ui.row-span-2 {
    grid-row: span 2 / span 2;
  }
.sc-ui.sc-ui .row-start-1, .sc-ui.sc-ui.row-start-1 {
    grid-row-start: 1;
  }
.sc-ui.sc-ui .float-left, .sc-ui.sc-ui.float-left {
    float: left;
  }
.sc-ui.sc-ui .clear-left, .sc-ui.sc-ui.clear-left {
    clear: left;
  }
.sc-ui.sc-ui .m-0, .sc-ui.sc-ui.m-0 {
    margin: 0px;
  }
.sc-ui.sc-ui .-mx-1, .sc-ui.sc-ui.-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
.sc-ui.sc-ui .-mx-5, .sc-ui.sc-ui.-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }
.sc-ui.sc-ui .mx-auto, .sc-ui.sc-ui.mx-auto {
    margin-inline: auto;
  }
.sc-ui.sc-ui .-my-1\.5, .sc-ui.sc-ui.-my-1\.5 {
    margin-block: calc(var(--spacing) * -1.5);
  }
.sc-ui.sc-ui .my-1, .sc-ui.sc-ui.my-1 {
    margin-block: var(--spacing);
  }
.sc-ui.sc-ui .my-8, .sc-ui.sc-ui.my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
.sc-ui.sc-ui .-mt-1, .sc-ui.sc-ui.-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
.sc-ui.sc-ui .mt-0\.5, .sc-ui.sc-ui.mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
.sc-ui.sc-ui .mt-1, .sc-ui.sc-ui.mt-1 {
    margin-top: var(--spacing);
  }
.sc-ui.sc-ui .mt-2, .sc-ui.sc-ui.mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
.sc-ui.sc-ui .mt-3, .sc-ui.sc-ui.mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
.sc-ui.sc-ui .mt-4, .sc-ui.sc-ui.mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
.sc-ui.sc-ui .mt-auto, .sc-ui.sc-ui.mt-auto {
    margin-top: auto;
  }
.sc-ui.sc-ui .-mr-1, .sc-ui.sc-ui.-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
.sc-ui.sc-ui .-mr-2, .sc-ui.sc-ui.-mr-2 {
    margin-right: calc(var(--spacing) * -2);
  }
.sc-ui.sc-ui .mr-auto, .sc-ui.sc-ui.mr-auto {
    margin-right: auto;
  }
.sc-ui.sc-ui .mb-0, .sc-ui.sc-ui.mb-0 {
    margin-bottom: 0px;
  }
.sc-ui.sc-ui .mb-1, .sc-ui.sc-ui.mb-1 {
    margin-bottom: var(--spacing);
  }
.sc-ui.sc-ui .mb-2, .sc-ui.sc-ui.mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
.sc-ui.sc-ui .mb-4, .sc-ui.sc-ui.mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
.sc-ui.sc-ui .ml-1, .sc-ui.sc-ui.ml-1 {
    margin-left: var(--spacing);
  }
.sc-ui.sc-ui .ml-2, .sc-ui.sc-ui.ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
.sc-ui.sc-ui .ml-7\.5, .sc-ui.sc-ui.ml-7\.5 {
    margin-left: calc(var(--spacing) * 7.5);
  }
.sc-ui.sc-ui .ml-auto, .sc-ui.sc-ui.ml-auto {
    margin-left: auto;
  }
.sc-ui.sc-ui .box-border, .sc-ui.sc-ui.box-border {
    box-sizing: border-box;
  }
.sc-ui.sc-ui .line-clamp-1, .sc-ui.sc-ui.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
.sc-ui.sc-ui .block, .sc-ui.sc-ui.block {
    display: block;
  }
.sc-ui.sc-ui .contents, .sc-ui.sc-ui.contents {
    display: contents;
  }
.sc-ui.sc-ui .flex, .sc-ui.sc-ui.flex {
    display: flex;
  }
.sc-ui.sc-ui .grid, .sc-ui.sc-ui.grid {
    display: grid;
  }
.sc-ui.sc-ui .hidden, .sc-ui.sc-ui.hidden {
    display: none;
  }
.sc-ui.sc-ui .inline, .sc-ui.sc-ui.inline {
    display: inline;
  }
.sc-ui.sc-ui .inline-block, .sc-ui.sc-ui.inline-block {
    display: inline-block;
  }
.sc-ui.sc-ui .inline-flex, .sc-ui.sc-ui.inline-flex {
    display: inline-flex;
  }
.sc-ui.sc-ui .inline-grid, .sc-ui.sc-ui.inline-grid {
    display: inline-grid;
  }
.sc-ui.sc-ui .field-sizing-content, .sc-ui.sc-ui.field-sizing-content {
    field-sizing: content;
  }
.sc-ui.sc-ui .field-sizing-fixed, .sc-ui.sc-ui.field-sizing-fixed {
    field-sizing: fixed;
  }
.sc-ui.sc-ui .aspect-square, .sc-ui.sc-ui.aspect-square {
    aspect-ratio: 1 / 1;
  }
.sc-ui.sc-ui .size-1\.5, .sc-ui.sc-ui.size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }
.sc-ui.sc-ui .size-2, .sc-ui.sc-ui.size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
.sc-ui.sc-ui .size-2\.5, .sc-ui.sc-ui.size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
.sc-ui.sc-ui .size-3, .sc-ui.sc-ui.size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
.sc-ui.sc-ui .size-3\.5, .sc-ui.sc-ui.size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
.sc-ui.sc-ui .size-4, .sc-ui.sc-ui.size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
.sc-ui.sc-ui .size-4\.5, .sc-ui.sc-ui.size-4\.5 {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
.sc-ui.sc-ui .size-5, .sc-ui.sc-ui.size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
.sc-ui.sc-ui .size-6, .sc-ui.sc-ui.size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
.sc-ui.sc-ui .size-7, .sc-ui.sc-ui.size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
.sc-ui.sc-ui .size-8, .sc-ui.sc-ui.size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
.sc-ui.sc-ui .size-9, .sc-ui.sc-ui.size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
.sc-ui.sc-ui .size-10, .sc-ui.sc-ui.size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
.sc-ui.sc-ui .size-11, .sc-ui.sc-ui.size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
.sc-ui.sc-ui .size-12, .sc-ui.sc-ui.size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
.sc-ui.sc-ui .size-16, .sc-ui.sc-ui.size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
.sc-ui.sc-ui .size-full, .sc-ui.sc-ui.size-full {
    width: 100%;
    height: 100%;
  }
.sc-ui.sc-ui .h-\(--reka-select-trigger-height\), .sc-ui.sc-ui.h-\(--reka-select-trigger-height\) {
    height: var(--reka-select-trigger-height);
  }
.sc-ui.sc-ui .h-1, .sc-ui.sc-ui.h-1 {
    height: var(--spacing);
  }
.sc-ui.sc-ui .h-4, .sc-ui.sc-ui.h-4 {
    height: calc(var(--spacing) * 4);
  }
.sc-ui.sc-ui .h-5, .sc-ui.sc-ui.h-5 {
    height: calc(var(--spacing) * 5);
  }
.sc-ui.sc-ui .h-6, .sc-ui.sc-ui.h-6 {
    height: calc(var(--spacing) * 6);
  }
.sc-ui.sc-ui .h-7, .sc-ui.sc-ui.h-7 {
    height: calc(var(--spacing) * 7);
  }
.sc-ui.sc-ui .h-8, .sc-ui.sc-ui.h-8 {
    height: calc(var(--spacing) * 8);
  }
.sc-ui.sc-ui .h-9, .sc-ui.sc-ui.h-9 {
    height: calc(var(--spacing) * 9);
  }
.sc-ui.sc-ui .h-10, .sc-ui.sc-ui.h-10 {
    height: calc(var(--spacing) * 10);
  }
.sc-ui.sc-ui .h-11, .sc-ui.sc-ui.h-11 {
    height: calc(var(--spacing) * 11);
  }
.sc-ui.sc-ui .h-12, .sc-ui.sc-ui.h-12 {
    height: calc(var(--spacing) * 12);
  }
.sc-ui.sc-ui .h-\[18px\], .sc-ui.sc-ui.h-\[18px\] {
    height: 18px;
  }
.sc-ui.sc-ui .h-\[22px\], .sc-ui.sc-ui.h-\[22px\] {
    height: 22px;
  }
.sc-ui.sc-ui .h-\[calc\(100\%-1px\)\], .sc-ui.sc-ui.h-\[calc\(100\%-1px\)\] {
    height: calc(100% - 1px);
  }
.sc-ui.sc-ui .h-auto, .sc-ui.sc-ui.h-auto {
    height: auto;
  }
.sc-ui.sc-ui .h-full, .sc-ui.sc-ui.h-full {
    height: 100%;
  }
.sc-ui.sc-ui .h-px, .sc-ui.sc-ui.h-px {
    height: 1px;
  }
.sc-ui.sc-ui .max-h-\(--reka-dropdown-menu-content-available-height\), .sc-ui.sc-ui.max-h-\(--reka-dropdown-menu-content-available-height\) {
    max-height: var(--reka-dropdown-menu-content-available-height);
  }
.sc-ui.sc-ui .max-h-\(--reka-select-content-available-height\), .sc-ui.sc-ui.max-h-\(--reka-select-content-available-height\) {
    max-height: var(--reka-select-content-available-height);
  }
.sc-ui.sc-ui .max-h-80, .sc-ui.sc-ui.max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
.sc-ui.sc-ui .max-h-\[88dvh\], .sc-ui.sc-ui.max-h-\[88dvh\] {
    max-height: 88dvh;
  }
.sc-ui.sc-ui .max-h-\[calc\(100dvh-48px\)\], .sc-ui.sc-ui.max-h-\[calc\(100dvh-48px\)\] {
    max-height: calc(100dvh - 48px);
  }
.sc-ui.sc-ui .max-h-\[min\(360px\,var\(--reka-popover-content-available-height\)\)\],.sc-ui.sc-ui.max-h-\[min\(360px\,var\(--reka-popover-content-available-height\)\)\] {
    max-height: min(360px, var(--reka-popover-content-available-height));
  }
.sc-ui.sc-ui .max-h-\[min\(360px\,var\(--reka-popper-available-height\)\)\],.sc-ui.sc-ui.max-h-\[min\(360px\,var\(--reka-popper-available-height\)\)\] {
    max-height: min(360px, var(--reka-popper-available-height));
  }
.sc-ui.sc-ui .min-h-0, .sc-ui.sc-ui.min-h-0 {
    min-height: 0px;
  }
.sc-ui.sc-ui .min-h-4, .sc-ui.sc-ui.min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }
.sc-ui.sc-ui .min-h-11, .sc-ui.sc-ui.min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
.sc-ui.sc-ui .min-h-16, .sc-ui.sc-ui.min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
.sc-ui.sc-ui .min-h-55, .sc-ui.sc-ui.min-h-55 {
    min-height: calc(var(--spacing) * 55);
  }
.sc-ui.sc-ui .min-h-\[86px\], .sc-ui.sc-ui.min-h-\[86px\] {
    min-height: 86px;
  }
.sc-ui.sc-ui .w-\(--reka-popover-trigger-width\), .sc-ui.sc-ui.w-\(--reka-popover-trigger-width\) {
    width: var(--reka-popover-trigger-width);
  }
.sc-ui.sc-ui .w-\(--reka-popper-anchor-width\), .sc-ui.sc-ui.w-\(--reka-popper-anchor-width\) {
    width: var(--reka-popper-anchor-width);
  }
.sc-ui.sc-ui .w-3\/4, .sc-ui.sc-ui.w-3\/4 {
    width: calc(3 / 4 * 100%);
  }
.sc-ui.sc-ui .w-4, .sc-ui.sc-ui.w-4 {
    width: calc(var(--spacing) * 4);
  }
.sc-ui.sc-ui .w-6, .sc-ui.sc-ui.w-6 {
    width: calc(var(--spacing) * 6);
  }
.sc-ui.sc-ui .w-8, .sc-ui.sc-ui.w-8 {
    width: calc(var(--spacing) * 8);
  }
.sc-ui.sc-ui .w-9, .sc-ui.sc-ui.w-9 {
    width: calc(var(--spacing) * 9);
  }
.sc-ui.sc-ui .w-11, .sc-ui.sc-ui.w-11 {
    width: calc(var(--spacing) * 11);
  }
.sc-ui.sc-ui .w-12, .sc-ui.sc-ui.w-12 {
    width: calc(var(--spacing) * 12);
  }
.sc-ui.sc-ui .w-55, .sc-ui.sc-ui.w-55 {
    width: calc(var(--spacing) * 55);
  }
.sc-ui.sc-ui .w-72, .sc-ui.sc-ui.w-72 {
    width: calc(var(--spacing) * 72);
  }
.sc-ui.sc-ui .w-\[calc\(100vw-48px\)\], .sc-ui.sc-ui.w-\[calc\(100vw-48px\)\] {
    width: calc(100vw - 48px);
  }
.sc-ui.sc-ui .w-\[min\(416px\,calc\(100vw-48px\)\)\],.sc-ui.sc-ui.w-\[min\(416px\,calc\(100vw-48px\)\)\] {
    width: min(416px, calc(100vw - 48px));
  }
.sc-ui.sc-ui .w-auto, .sc-ui.sc-ui.w-auto {
    width: auto;
  }
.sc-ui.sc-ui .w-fit, .sc-ui.sc-ui.w-fit {
    width: fit-content;
  }
.sc-ui.sc-ui .w-full, .sc-ui.sc-ui.w-full {
    width: 100%;
  }
.sc-ui.sc-ui .w-max, .sc-ui.sc-ui.w-max {
    width: max-content;
  }
.sc-ui.sc-ui .max-w-\(--reka-dropdown-menu-content-available-width\), .sc-ui.sc-ui.max-w-\(--reka-dropdown-menu-content-available-width\) {
    max-width: var(--reka-dropdown-menu-content-available-width);
  }
.sc-ui.sc-ui .max-w-\(--reka-popover-content-available-width\), .sc-ui.sc-ui.max-w-\(--reka-popover-content-available-width\) {
    max-width: var(--reka-popover-content-available-width);
  }
.sc-ui.sc-ui .max-w-105, .sc-ui.sc-ui.max-w-105 {
    max-width: calc(var(--spacing) * 105);
  }
.sc-ui.sc-ui .max-w-\[200px\], .sc-ui.sc-ui.max-w-\[200px\] {
    max-width: 200px;
  }
.sc-ui.sc-ui .max-w-\[400px\], .sc-ui.sc-ui.max-w-\[400px\] {
    max-width: 400px;
  }
.sc-ui.sc-ui .max-w-\[calc\(100\%-32px\)\], .sc-ui.sc-ui.max-w-\[calc\(100\%-32px\)\] {
    max-width: calc(100% - 32px);
  }
.sc-ui.sc-ui .max-w-\[calc\(100vw-24px\)\], .sc-ui.sc-ui.max-w-\[calc\(100vw-24px\)\] {
    max-width: calc(100vw - 24px);
  }
.sc-ui.sc-ui .max-w-\[calc\(100vw-32px\)\], .sc-ui.sc-ui.max-w-\[calc\(100vw-32px\)\] {
    max-width: calc(100vw - 32px);
  }
.sc-ui.sc-ui .max-w-\[min\(350px\,calc\(100vw-24px\)\)\],.sc-ui.sc-ui.max-w-\[min\(350px\,calc\(100vw-24px\)\)\] {
    max-width: min(350px, calc(100vw - 24px));
  }
.sc-ui.sc-ui .max-w-full, .sc-ui.sc-ui.max-w-full {
    max-width: 100%;
  }
.sc-ui.sc-ui .max-w-lg, .sc-ui.sc-ui.max-w-lg {
    max-width: var(--container-lg);
  }
.sc-ui.sc-ui .max-w-none, .sc-ui.sc-ui.max-w-none {
    max-width: none;
  }
.sc-ui.sc-ui .max-w-sm, .sc-ui.sc-ui.max-w-sm {
    max-width: var(--container-sm);
  }
.sc-ui.sc-ui .min-w-\(--reka-select-trigger-width\), .sc-ui.sc-ui.min-w-\(--reka-select-trigger-width\) {
    min-width: var(--reka-select-trigger-width);
  }
.sc-ui.sc-ui .min-w-0, .sc-ui.sc-ui.min-w-0 {
    min-width: 0px;
  }
.sc-ui.sc-ui .min-w-8, .sc-ui.sc-ui.min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
.sc-ui.sc-ui .min-w-11, .sc-ui.sc-ui.min-w-11 {
    min-width: calc(var(--spacing) * 11);
  }
.sc-ui.sc-ui .min-w-\[100px\], .sc-ui.sc-ui.min-w-\[100px\] {
    min-width: 100px;
  }
.sc-ui.sc-ui .min-w-\[128px\], .sc-ui.sc-ui.min-w-\[128px\] {
    min-width: 128px;
  }
.sc-ui.sc-ui .flex-1, .sc-ui.sc-ui.flex-1 {
    flex: 1;
  }
.sc-ui.sc-ui .flex-initial, .sc-ui.sc-ui.flex-initial {
    flex: 0 auto;
  }
.sc-ui.sc-ui .flex-none, .sc-ui.sc-ui.flex-none {
    flex: none;
  }
.sc-ui.sc-ui .shrink-0, .sc-ui.sc-ui.shrink-0 {
    flex-shrink: 0;
  }
.sc-ui.sc-ui .border-collapse, .sc-ui.sc-ui.border-collapse {
    border-collapse: collapse;
  }
.sc-ui.sc-ui .origin-\(--reka-dropdown-menu-content-transform-origin\), .sc-ui.sc-ui.origin-\(--reka-dropdown-menu-content-transform-origin\) {
    transform-origin: var(--reka-dropdown-menu-content-transform-origin);
  }
.sc-ui.sc-ui .origin-\(--reka-popover-content-transform-origin\), .sc-ui.sc-ui.origin-\(--reka-popover-content-transform-origin\) {
    transform-origin: var(--reka-popover-content-transform-origin);
  }
.sc-ui.sc-ui .-translate-x-1\/2, .sc-ui.sc-ui.-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.sc-ui.sc-ui .translate-x-\[-50\%\], .sc-ui.sc-ui.translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.sc-ui.sc-ui .-translate-y-1\/2, .sc-ui.sc-ui.-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.sc-ui.sc-ui .translate-y-\[-50\%\], .sc-ui.sc-ui.translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.sc-ui.sc-ui .translate-y-\[calc\(-50\%_-_2px\)\], .sc-ui.sc-ui.translate-y-\[calc\(-50\%_-_2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.sc-ui.sc-ui .rotate-45, .sc-ui.sc-ui.rotate-45 {
    rotate: 45deg;
  }
.sc-ui.sc-ui .transform, .sc-ui.sc-ui.transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
.sc-ui.sc-ui .animate-none, .sc-ui.sc-ui.animate-none {
    animation: none;
  }
.sc-ui.sc-ui .animate-pulse, .sc-ui.sc-ui.animate-pulse {
    animation: var(--animate-pulse);
  }
.sc-ui.sc-ui .animate-spin, .sc-ui.sc-ui.animate-spin {
    animation: var(--animate-spin);
  }
.sc-ui.sc-ui .cursor-\[inherit\], .sc-ui.sc-ui.cursor-\[inherit\] {
    cursor: inherit;
  }
.sc-ui.sc-ui .cursor-default, .sc-ui.sc-ui.cursor-default {
    cursor: default;
  }
.sc-ui.sc-ui .cursor-grab, .sc-ui.sc-ui.cursor-grab {
    cursor: grab;
  }
.sc-ui.sc-ui .cursor-grabbing, .sc-ui.sc-ui.cursor-grabbing {
    cursor: grabbing;
  }
.sc-ui.sc-ui .cursor-help, .sc-ui.sc-ui.cursor-help {
    cursor: help;
  }
.sc-ui.sc-ui .cursor-not-allowed, .sc-ui.sc-ui.cursor-not-allowed {
    cursor: not-allowed;
  }
.sc-ui.sc-ui .cursor-pointer, .sc-ui.sc-ui.cursor-pointer {
    cursor: pointer;
  }
.sc-ui.sc-ui .cursor-progress, .sc-ui.sc-ui.cursor-progress {
    cursor: progress;
  }
.sc-ui.sc-ui .cursor-zoom-in, .sc-ui.sc-ui.cursor-zoom-in {
    cursor: zoom-in;
  }
.sc-ui.sc-ui .touch-none, .sc-ui.sc-ui.touch-none {
    touch-action: none;
  }
.sc-ui.sc-ui .resize, .sc-ui.sc-ui.resize {
    resize: both;
  }
.sc-ui.sc-ui .resize-y, .sc-ui.sc-ui.resize-y {
    resize: vertical;
  }
.sc-ui.sc-ui .scroll-my-1, .sc-ui.sc-ui.scroll-my-1 {
    scroll-margin-block: var(--spacing);
  }
.sc-ui.sc-ui .\[scrollbar-width\:none\], .sc-ui.sc-ui.\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
.sc-ui.sc-ui .list-none, .sc-ui.sc-ui.list-none {
    list-style-type: none;
  }
.sc-ui.sc-ui .appearance-none, .sc-ui.sc-ui.appearance-none {
    appearance: none;
  }
.sc-ui.sc-ui .auto-rows-min, .sc-ui.sc-ui.auto-rows-min {
    grid-auto-rows: min-content;
  }
.sc-ui.sc-ui .grid-cols-4, .sc-ui.sc-ui.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
.sc-ui.sc-ui .grid-cols-\[0_1fr\], .sc-ui.sc-ui.grid-cols-\[0_1fr\] {
    grid-template-columns: 0 1fr;
  }
.sc-ui.sc-ui .grid-cols-\[auto_1fr\], .sc-ui.sc-ui.grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
.sc-ui.sc-ui .grid-rows-\[auto_auto\], .sc-ui.sc-ui.grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }
.sc-ui.sc-ui .flex-col, .sc-ui.sc-ui.flex-col {
    flex-direction: column;
  }
.sc-ui.sc-ui .flex-col-reverse, .sc-ui.sc-ui.flex-col-reverse {
    flex-direction: column-reverse;
  }
.sc-ui.sc-ui .flex-row, .sc-ui.sc-ui.flex-row {
    flex-direction: row;
  }
.sc-ui.sc-ui .flex-wrap, .sc-ui.sc-ui.flex-wrap {
    flex-wrap: wrap;
  }
.sc-ui.sc-ui .place-content-center, .sc-ui.sc-ui.place-content-center {
    place-content: center;
  }
.sc-ui.sc-ui .place-items-center, .sc-ui.sc-ui.place-items-center {
    place-items: center;
  }
.sc-ui.sc-ui .content-center, .sc-ui.sc-ui.content-center {
    align-content: center;
  }
.sc-ui.sc-ui .items-center, .sc-ui.sc-ui.items-center {
    align-items: center;
  }
.sc-ui.sc-ui .items-end, .sc-ui.sc-ui.items-end {
    align-items: flex-end;
  }
.sc-ui.sc-ui .items-start, .sc-ui.sc-ui.items-start {
    align-items: flex-start;
  }
.sc-ui.sc-ui .justify-between, .sc-ui.sc-ui.justify-between {
    justify-content: space-between;
  }
.sc-ui.sc-ui .justify-center, .sc-ui.sc-ui.justify-center {
    justify-content: center;
  }
.sc-ui.sc-ui .justify-end, .sc-ui.sc-ui.justify-end {
    justify-content: flex-end;
  }
.sc-ui.sc-ui .gap-0, .sc-ui.sc-ui.gap-0 {
    gap: 0px;
  }
.sc-ui.sc-ui .gap-0\.5, .sc-ui.sc-ui.gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
.sc-ui.sc-ui .gap-1, .sc-ui.sc-ui.gap-1 {
    gap: var(--spacing);
  }
.sc-ui.sc-ui .gap-1\.5, .sc-ui.sc-ui.gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
.sc-ui.sc-ui .gap-2, .sc-ui.sc-ui.gap-2 {
    gap: calc(var(--spacing) * 2);
  }
.sc-ui.sc-ui .gap-3, .sc-ui.sc-ui.gap-3 {
    gap: calc(var(--spacing) * 3);
  }
.sc-ui.sc-ui .gap-4, .sc-ui.sc-ui.gap-4 {
    gap: calc(var(--spacing) * 4);
  }
.sc-ui.sc-ui .gap-5, .sc-ui.sc-ui.gap-5 {
    gap: calc(var(--spacing) * 5);
  }
.sc-ui.sc-ui .gap-6, .sc-ui.sc-ui.gap-6 {
    gap: calc(var(--spacing) * 6);
  }
.sc-ui.sc-ui :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }
.sc-ui.sc-ui .gap-x-2, .sc-ui.sc-ui.gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
.sc-ui.sc-ui .gap-x-3, .sc-ui.sc-ui.gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
.sc-ui.sc-ui .gap-x-6, .sc-ui.sc-ui.gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
.sc-ui.sc-ui :where(.-space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse)));
  }
.sc-ui.sc-ui :where(.-space-x-1\.5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)));
  }
.sc-ui.sc-ui :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }
.sc-ui.sc-ui :where(.-space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse)));
  }
.sc-ui.sc-ui :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(var(--spacing) * var(--tw-space-x-reverse));
    margin-inline-end: calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)));
  }
.sc-ui.sc-ui .gap-y-0\.5, .sc-ui.sc-ui.gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
.sc-ui.sc-ui .gap-y-2, .sc-ui.sc-ui.gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
.sc-ui.sc-ui .gap-y-4, .sc-ui.sc-ui.gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
.sc-ui.sc-ui .self-start, .sc-ui.sc-ui.self-start {
    align-self: flex-start;
  }
.sc-ui.sc-ui .self-stretch, .sc-ui.sc-ui.self-stretch {
    align-self: stretch;
  }
.sc-ui.sc-ui .justify-self-end, .sc-ui.sc-ui.justify-self-end {
    justify-self: flex-end;
  }
.sc-ui.sc-ui .truncate, .sc-ui.sc-ui.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
.sc-ui.sc-ui .overflow-auto, .sc-ui.sc-ui.overflow-auto {
    overflow: auto;
  }
.sc-ui.sc-ui .overflow-hidden, .sc-ui.sc-ui.overflow-hidden {
    overflow: hidden;
  }
.sc-ui.sc-ui .overflow-x-auto, .sc-ui.sc-ui.overflow-x-auto {
    overflow-x: auto;
  }
.sc-ui.sc-ui .overflow-x-hidden, .sc-ui.sc-ui.overflow-x-hidden {
    overflow-x: hidden;
  }
.sc-ui.sc-ui .overflow-y-auto, .sc-ui.sc-ui.overflow-y-auto {
    overflow-y: auto;
  }
.sc-ui.sc-ui .overscroll-contain, .sc-ui.sc-ui.overscroll-contain {
    overscroll-behavior: contain;
  }
.sc-ui.sc-ui .scroll-smooth, .sc-ui.sc-ui.scroll-smooth {
    scroll-behavior: smooth;
  }
.sc-ui.sc-ui .rounded-\[4px\], .sc-ui.sc-ui.rounded-\[4px\] {
    border-radius: 4px;
  }
.sc-ui.sc-ui .rounded-\[22px\], .sc-ui.sc-ui.rounded-\[22px\] {
    border-radius: 22px;
  }
.sc-ui.sc-ui .rounded-\[inherit\], .sc-ui.sc-ui.rounded-\[inherit\] {
    border-radius: inherit;
  }
.sc-ui.sc-ui .rounded-full, .sc-ui.sc-ui.rounded-full {
    border-radius: calc(infinity * 1px);
  }
.sc-ui.sc-ui .rounded-lg, .sc-ui.sc-ui.rounded-lg {
    border-radius: var(--radius-lg);
  }
.sc-ui.sc-ui .rounded-md, .sc-ui.sc-ui.rounded-md {
    border-radius: var(--radius-md);
  }
.sc-ui.sc-ui .rounded-none, .sc-ui.sc-ui.rounded-none {
    border-radius: 0;
  }
.sc-ui.sc-ui .rounded-sc-control, .sc-ui.sc-ui.rounded-sc-control {
    border-radius: var(--sc-radius-control);
  }
.sc-ui.sc-ui .rounded-sc-lg, .sc-ui.sc-ui.rounded-sc-lg {
    border-radius: var(--sc-radius-large);
  }
.sc-ui.sc-ui .rounded-sc-md, .sc-ui.sc-ui.rounded-sc-md {
    border-radius: var(--sc-radius-medium);
  }
.sc-ui.sc-ui .rounded-sc-sm, .sc-ui.sc-ui.rounded-sc-sm {
    border-radius: var(--sc-radius-small);
  }
.sc-ui.sc-ui .rounded-sm, .sc-ui.sc-ui.rounded-sm {
    border-radius: var(--radius-sm);
  }
.sc-ui.sc-ui .rounded-xl, .sc-ui.sc-ui.rounded-xl {
    border-radius: var(--radius-xl);
  }
.sc-ui.sc-ui .rounded-xs, .sc-ui.sc-ui.rounded-xs {
    border-radius: var(--radius-xs);
  }
.sc-ui.sc-ui .rounded-t-sc-xl, .sc-ui.sc-ui.rounded-t-sc-xl {
    border-top-left-radius: var(--sc-radius-xlarge);
    border-top-right-radius: var(--sc-radius-xlarge);
  }
.sc-ui.sc-ui .border, .sc-ui.sc-ui.border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
.sc-ui.sc-ui .border-0, .sc-ui.sc-ui.border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
.sc-ui.sc-ui .border-2, .sc-ui.sc-ui.border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
.sc-ui.sc-ui .border-t, .sc-ui.sc-ui.border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
.sc-ui.sc-ui .border-r, .sc-ui.sc-ui.border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
.sc-ui.sc-ui .border-b, .sc-ui.sc-ui.border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
.sc-ui.sc-ui .border-l, .sc-ui.sc-ui.border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
.sc-ui.sc-ui .border-dashed, .sc-ui.sc-ui.border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
.sc-ui.sc-ui .border-solid, .sc-ui.sc-ui.border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
.sc-ui.sc-ui .border-border, .sc-ui.sc-ui.border-border {
    border-color: var(--border);
  }
.sc-ui.sc-ui .border-current, .sc-ui.sc-ui.border-current {
    border-color: currentcolor;
  }
.sc-ui.sc-ui .border-current\/20, .sc-ui.sc-ui.border-current\/20 {
    border-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentcolor 20%, transparent);
    }
  }
.sc-ui.sc-ui .border-input, .sc-ui.sc-ui.border-input {
    border-color: var(--input);
  }
.sc-ui.sc-ui .border-primary, .sc-ui.sc-ui.border-primary {
    border-color: var(--primary);
  }
.sc-ui.sc-ui .border-sc-border, .sc-ui.sc-ui.border-sc-border {
    border-color: var(--sc-color-border-default);
  }
.sc-ui.sc-ui .border-sc-border-control, .sc-ui.sc-ui.border-sc-border-control {
    border-color: var(--sc-color-border-control);
  }
.sc-ui.sc-ui .border-sc-border-strong, .sc-ui.sc-ui.border-sc-border-strong {
    border-color: var(--sc-color-border-strong);
  }
.sc-ui.sc-ui .border-sc-danger, .sc-ui.sc-ui.border-sc-danger {
    border-color: var(--sc-color-danger-text);
  }
.sc-ui.sc-ui .border-sc-danger\/30, .sc-ui.sc-ui.border-sc-danger\/30 {
    border-color: var(--sc-color-danger-text);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--sc-color-danger-text) 30%, transparent);
    }
  }
.sc-ui.sc-ui .border-sc-primary\/20, .sc-ui.sc-ui.border-sc-primary\/20 {
    border-color: var(--sc-color-action-primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--sc-color-action-primary) 20%, transparent);
    }
  }
.sc-ui.sc-ui .border-transparent, .sc-ui.sc-ui.border-transparent {
    border-color: transparent;
  }
.sc-ui.sc-ui .border-white\/40, .sc-ui.sc-ui.border-white\/40 {
    border-color: color-mix(in srgb, #fff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
.sc-ui.sc-ui .border-t-current, .sc-ui.sc-ui.border-t-current {
    border-top-color: currentcolor;
  }
.sc-ui.sc-ui .bg-\[\#393B44\], .sc-ui.sc-ui.bg-\[\#393B44\] {
    background-color: #393B44;
  }
.sc-ui.sc-ui .bg-background, .sc-ui.sc-ui.bg-background {
    background-color: var(--background);
  }
.sc-ui.sc-ui .bg-black, .sc-ui.sc-ui.bg-black {
    background-color: var(--color-black);
  }
.sc-ui.sc-ui .bg-black\/50, .sc-ui.sc-ui.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);
    }
  }
.sc-ui.sc-ui .bg-black\/70, .sc-ui.sc-ui.bg-black\/70 {
    background-color: color-mix(in srgb, #000 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }
.sc-ui.sc-ui .bg-black\/80, .sc-ui.sc-ui.bg-black\/80 {
    background-color: color-mix(in srgb, #000 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }
.sc-ui.sc-ui .bg-border, .sc-ui.sc-ui.bg-border {
    background-color: var(--border);
  }
.sc-ui.sc-ui .bg-card, .sc-ui.sc-ui.bg-card {
    background-color: var(--card);
  }
.sc-ui.sc-ui .bg-current, .sc-ui.sc-ui.bg-current {
    background-color: currentcolor;
  }
.sc-ui.sc-ui .bg-destructive, .sc-ui.sc-ui.bg-destructive {
    background-color: var(--destructive);
  }
.sc-ui.sc-ui .bg-foreground, .sc-ui.sc-ui.bg-foreground {
    background-color: var(--foreground);
  }
.sc-ui.sc-ui .bg-muted, .sc-ui.sc-ui.bg-muted {
    background-color: var(--muted);
  }
.sc-ui.sc-ui .bg-popover, .sc-ui.sc-ui.bg-popover {
    background-color: var(--popover);
  }
.sc-ui.sc-ui .bg-primary, .sc-ui.sc-ui.bg-primary {
    background-color: var(--primary);
  }
.sc-ui.sc-ui .bg-primary\/10, .sc-ui.sc-ui.bg-primary\/10 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
.sc-ui.sc-ui .bg-sc-control, .sc-ui.sc-ui.bg-sc-control {
    background-color: var(--sc-color-surface-control);
  }
.sc-ui.sc-ui .bg-sc-control-hover, .sc-ui.sc-ui.bg-sc-control-hover {
    background-color: var(--sc-color-surface-control-hover);
  }
.sc-ui.sc-ui .bg-sc-control-hover\/20, .sc-ui.sc-ui.bg-sc-control-hover\/20 {
    background-color: var(--sc-color-surface-control-hover);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--sc-color-surface-control-hover) 20%, transparent);
    }
  }
.sc-ui.sc-ui .bg-sc-danger-bg, .sc-ui.sc-ui.bg-sc-danger-bg {
    background-color: var(--sc-color-danger-surface);
  }
.sc-ui.sc-ui .bg-sc-danger-solid, .sc-ui.sc-ui.bg-sc-danger-solid {
    background-color: var(--sc-color-action-danger);
  }
.sc-ui.sc-ui .bg-sc-info-bg, .sc-ui.sc-ui.bg-sc-info-bg {
    background-color: var(--sc-color-info-surface);
  }
.sc-ui.sc-ui .bg-sc-overlay, .sc-ui.sc-ui.bg-sc-overlay {
    background-color: var(--sc-color-overlay-modal);
  }
.sc-ui.sc-ui .bg-sc-overlay-subtle, .sc-ui.sc-ui.bg-sc-overlay-subtle {
    background-color: var(--sc-color-overlay-subtle);
  }
.sc-ui.sc-ui .bg-sc-primary, .sc-ui.sc-ui.bg-sc-primary {
    background-color: var(--sc-color-action-primary);
  }
.sc-ui.sc-ui .bg-sc-selected, .sc-ui.sc-ui.bg-sc-selected {
    background-color: var(--sc-color-surface-selected);
  }
.sc-ui.sc-ui .bg-sc-subtle, .sc-ui.sc-ui.bg-sc-subtle {
    background-color: var(--sc-color-surface-subtle);
  }
.sc-ui.sc-ui .bg-sc-success-bg, .sc-ui.sc-ui.bg-sc-success-bg {
    background-color: var(--sc-color-success-surface);
  }
.sc-ui.sc-ui .bg-sc-surface, .sc-ui.sc-ui.bg-sc-surface {
    background-color: var(--sc-color-surface-primary);
  }
.sc-ui.sc-ui .bg-sc-tooltip, .sc-ui.sc-ui.bg-sc-tooltip {
    background-color: var(--sc-ui-tooltip);
  }
.sc-ui.sc-ui .bg-sc-warning-bg, .sc-ui.sc-ui.bg-sc-warning-bg {
    background-color: var(--sc-color-warning-surface);
  }
.sc-ui.sc-ui .bg-secondary, .sc-ui.sc-ui.bg-secondary {
    background-color: var(--secondary);
  }
.sc-ui.sc-ui .bg-transparent, .sc-ui.sc-ui.bg-transparent {
    background-color: transparent;
  }
.sc-ui.sc-ui .bg-white, .sc-ui.sc-ui.bg-white {
    background-color: var(--color-white);
  }
.sc-ui.sc-ui .bg-white\/30, .sc-ui.sc-ui.bg-white\/30 {
    background-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
.sc-ui.sc-ui .fill-current, .sc-ui.sc-ui.fill-current {
    fill: currentcolor;
  }
.sc-ui.sc-ui .fill-foreground, .sc-ui.sc-ui.fill-foreground {
    fill: var(--foreground);
  }
.sc-ui.sc-ui .fill-primary, .sc-ui.sc-ui.fill-primary {
    fill: var(--primary);
  }
.sc-ui.sc-ui .fill-sc-tooltip, .sc-ui.sc-ui.fill-sc-tooltip {
    fill: var(--sc-ui-tooltip);
  }
.sc-ui.sc-ui .object-cover, .sc-ui.sc-ui.object-cover {
    object-fit: cover;
  }
.sc-ui.sc-ui .p-0, .sc-ui.sc-ui.p-0 {
    padding: 0px;
  }
.sc-ui.sc-ui .p-0\.5, .sc-ui.sc-ui.p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
.sc-ui.sc-ui .p-0\.75, .sc-ui.sc-ui.p-0\.75 {
    padding: calc(var(--spacing) * 0.75);
  }
.sc-ui.sc-ui .p-1, .sc-ui.sc-ui.p-1 {
    padding: var(--spacing);
  }
.sc-ui.sc-ui .p-2, .sc-ui.sc-ui.p-2 {
    padding: calc(var(--spacing) * 2);
  }
.sc-ui.sc-ui .p-3, .sc-ui.sc-ui.p-3 {
    padding: calc(var(--spacing) * 3);
  }
.sc-ui.sc-ui .p-4, .sc-ui.sc-ui.p-4 {
    padding: calc(var(--spacing) * 4);
  }
.sc-ui.sc-ui .p-5, .sc-ui.sc-ui.p-5 {
    padding: calc(var(--spacing) * 5);
  }
.sc-ui.sc-ui .p-6, .sc-ui.sc-ui.p-6 {
    padding: calc(var(--spacing) * 6);
  }
.sc-ui.sc-ui .p-8, .sc-ui.sc-ui.p-8 {
    padding: calc(var(--spacing) * 8);
  }
.sc-ui.sc-ui .px-0, .sc-ui.sc-ui.px-0 {
    padding-inline: 0px;
  }
.sc-ui.sc-ui .px-0\.5, .sc-ui.sc-ui.px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
.sc-ui.sc-ui .px-1, .sc-ui.sc-ui.px-1 {
    padding-inline: var(--spacing);
  }
.sc-ui.sc-ui .px-1\.5, .sc-ui.sc-ui.px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
.sc-ui.sc-ui .px-2, .sc-ui.sc-ui.px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
.sc-ui.sc-ui .px-2\.5, .sc-ui.sc-ui.px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
.sc-ui.sc-ui .px-3, .sc-ui.sc-ui.px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
.sc-ui.sc-ui .px-4, .sc-ui.sc-ui.px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
.sc-ui.sc-ui .px-5, .sc-ui.sc-ui.px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
.sc-ui.sc-ui .px-6, .sc-ui.sc-ui.px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
.sc-ui.sc-ui .px-\[18px\], .sc-ui.sc-ui.px-\[18px\] {
    padding-inline: 18px;
  }
.sc-ui.sc-ui .py-0, .sc-ui.sc-ui.py-0 {
    padding-block: 0px;
  }
.sc-ui.sc-ui .py-0\.5, .sc-ui.sc-ui.py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
.sc-ui.sc-ui .py-1, .sc-ui.sc-ui.py-1 {
    padding-block: var(--spacing);
  }
.sc-ui.sc-ui .py-1\.5, .sc-ui.sc-ui.py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
.sc-ui.sc-ui .py-2, .sc-ui.sc-ui.py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
.sc-ui.sc-ui .py-3, .sc-ui.sc-ui.py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
.sc-ui.sc-ui .py-4, .sc-ui.sc-ui.py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
.sc-ui.sc-ui .py-6, .sc-ui.sc-ui.py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
.sc-ui.sc-ui .py-\[9px\], .sc-ui.sc-ui.py-\[9px\] {
    padding-block: 9px;
  }
.sc-ui.sc-ui .pt-1, .sc-ui.sc-ui.pt-1 {
    padding-top: var(--spacing);
  }
.sc-ui.sc-ui .pt-2, .sc-ui.sc-ui.pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
.sc-ui.sc-ui .pt-3, .sc-ui.sc-ui.pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
.sc-ui.sc-ui .pt-4, .sc-ui.sc-ui.pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
.sc-ui.sc-ui .pt-5, .sc-ui.sc-ui.pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
.sc-ui.sc-ui .pr-2, .sc-ui.sc-ui.pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
.sc-ui.sc-ui .pr-8, .sc-ui.sc-ui.pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
.sc-ui.sc-ui .pr-9, .sc-ui.sc-ui.pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }
.sc-ui.sc-ui .pr-16, .sc-ui.sc-ui.pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }
.sc-ui.sc-ui .pb-1, .sc-ui.sc-ui.pb-1 {
    padding-bottom: var(--spacing);
  }
.sc-ui.sc-ui .pb-3, .sc-ui.sc-ui.pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
.sc-ui.sc-ui .pb-4, .sc-ui.sc-ui.pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
.sc-ui.sc-ui .pb-5, .sc-ui.sc-ui.pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
.sc-ui.sc-ui .pb-\[calc\(12px\+env\(safe-area-inset-bottom\)\)\], .sc-ui.sc-ui.pb-\[calc\(12px\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(12px + env(safe-area-inset-bottom));
  }
.sc-ui.sc-ui .pb-\[calc\(20px\+env\(safe-area-inset-bottom\)\)\], .sc-ui.sc-ui.pb-\[calc\(20px\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(20px + env(safe-area-inset-bottom));
  }
.sc-ui.sc-ui .pl-2, .sc-ui.sc-ui.pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
.sc-ui.sc-ui .pl-8, .sc-ui.sc-ui.pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
.sc-ui.sc-ui .text-center, .sc-ui.sc-ui.text-center {
    text-align: center;
  }
.sc-ui.sc-ui .text-left, .sc-ui.sc-ui.text-left {
    text-align: left;
  }
.sc-ui.sc-ui .align-\[-3px\], .sc-ui.sc-ui.align-\[-3px\] {
    vertical-align: -3px;
  }
.sc-ui.sc-ui .font-sc-ui, .sc-ui.sc-ui.font-sc-ui {
    font-family: var(--sc-typography-family-ui);
  }
.sc-ui.sc-ui .text-sc-label, .sc-ui.sc-ui.text-sc-label {
    font-size: 14px;
    line-height: var(--tw-leading, 20px);
    font-weight: var(--tw-font-weight, 500);
  }
.sc-ui.sc-ui .text-sc-object-title, .sc-ui.sc-ui.text-sc-object-title {
    font-size: var(--sc-ui-text-object-title);
    line-height: var(--tw-leading, var(--sc-ui-text-object-title-line-height));
    font-weight: var(--tw-font-weight, var(--sc-ui-text-object-title-weight));
  }
.sc-ui.sc-ui .text-base, .sc-ui.sc-ui.text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
.sc-ui.sc-ui .text-lg, .sc-ui.sc-ui.text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
.sc-ui.sc-ui .text-sc-body, .sc-ui.sc-ui.text-sc-body {
    font-size: 14px;
    line-height: var(--tw-leading, 22px);
  }
.sc-ui.sc-ui .text-sc-caption, .sc-ui.sc-ui.text-sc-caption {
    font-size: 12px;
    line-height: var(--tw-leading, 18px);
  }
.sc-ui.sc-ui .text-sm, .sc-ui.sc-ui.text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
.sc-ui.sc-ui .text-sm\/relaxed, .sc-ui.sc-ui.text-sm\/relaxed {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
  }
.sc-ui.sc-ui .text-xs, .sc-ui.sc-ui.text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
.sc-ui.sc-ui .text-\[24px\], .sc-ui.sc-ui.text-\[24px\] {
    font-size: 24px;
  }
.sc-ui.sc-ui .leading-4, .sc-ui.sc-ui.leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
.sc-ui.sc-ui .leading-5, .sc-ui.sc-ui.leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
.sc-ui.sc-ui .leading-8, .sc-ui.sc-ui.leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
.sc-ui.sc-ui .leading-none, .sc-ui.sc-ui.leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
.sc-ui.sc-ui .font-medium, .sc-ui.sc-ui.font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
.sc-ui.sc-ui .font-normal, .sc-ui.sc-ui.font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
.sc-ui.sc-ui .font-semibold, .sc-ui.sc-ui.font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
.sc-ui.sc-ui .tracking-tight, .sc-ui.sc-ui.tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
.sc-ui.sc-ui .tracking-widest, .sc-ui.sc-ui.tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
.sc-ui.sc-ui .text-balance, .sc-ui.sc-ui.text-balance {
    text-wrap: balance;
  }
.sc-ui.sc-ui .break-words, .sc-ui.sc-ui.break-words {
    overflow-wrap: break-word;
  }
.sc-ui.sc-ui .whitespace-nowrap, .sc-ui.sc-ui.whitespace-nowrap {
    white-space: nowrap;
  }
.sc-ui.sc-ui .text-background, .sc-ui.sc-ui.text-background {
    color: var(--background);
  }
.sc-ui.sc-ui .text-card-foreground, .sc-ui.sc-ui.text-card-foreground {
    color: var(--card-foreground);
  }
.sc-ui.sc-ui .text-current, .sc-ui.sc-ui.text-current {
    color: currentcolor;
  }
.sc-ui.sc-ui .text-destructive, .sc-ui.sc-ui.text-destructive {
    color: var(--destructive);
  }
.sc-ui.sc-ui .text-foreground, .sc-ui.sc-ui.text-foreground {
    color: var(--foreground);
  }
.sc-ui.sc-ui .text-inherit, .sc-ui.sc-ui.text-inherit {
    color: inherit;
  }
.sc-ui.sc-ui .text-muted-foreground, .sc-ui.sc-ui.text-muted-foreground {
    color: var(--muted-foreground);
  }
.sc-ui.sc-ui .text-popover-foreground, .sc-ui.sc-ui.text-popover-foreground {
    color: var(--popover-foreground);
  }
.sc-ui.sc-ui .text-primary, .sc-ui.sc-ui.text-primary {
    color: var(--primary);
  }
.sc-ui.sc-ui .text-primary-foreground, .sc-ui.sc-ui.text-primary-foreground {
    color: var(--primary-foreground);
  }
.sc-ui.sc-ui .text-sc-danger, .sc-ui.sc-ui.text-sc-danger {
    color: var(--sc-color-danger-text);
  }
.sc-ui.sc-ui .text-sc-danger-icon, .sc-ui.sc-ui.text-sc-danger-icon {
    color: var(--sc-color-danger-icon);
  }
.sc-ui.sc-ui .text-sc-info, .sc-ui.sc-ui.text-sc-info {
    color: var(--sc-color-info-text);
  }
.sc-ui.sc-ui .text-sc-info-icon, .sc-ui.sc-ui.text-sc-info-icon {
    color: var(--sc-color-info-icon);
  }
.sc-ui.sc-ui .text-sc-on-danger, .sc-ui.sc-ui.text-sc-on-danger {
    color: var(--sc-color-on-danger);
  }
.sc-ui.sc-ui .text-sc-on-primary, .sc-ui.sc-ui.text-sc-on-primary {
    color: var(--sc-color-on-primary);
  }
.sc-ui.sc-ui .text-sc-placeholder, .sc-ui.sc-ui.text-sc-placeholder {
    color: var(--sc-color-text-placeholder);
  }
.sc-ui.sc-ui .text-sc-primary, .sc-ui.sc-ui.text-sc-primary {
    color: var(--sc-color-action-primary);
  }
.sc-ui.sc-ui .text-sc-success, .sc-ui.sc-ui.text-sc-success {
    color: var(--sc-color-success-text);
  }
.sc-ui.sc-ui .text-sc-success-icon, .sc-ui.sc-ui.text-sc-success-icon {
    color: var(--sc-color-success-icon);
  }
.sc-ui.sc-ui .text-sc-text, .sc-ui.sc-ui.text-sc-text {
    color: var(--sc-color-text-primary);
  }
.sc-ui.sc-ui .text-sc-text-2, .sc-ui.sc-ui.text-sc-text-2 {
    color: var(--sc-color-text-secondary);
  }
.sc-ui.sc-ui .text-sc-text-3, .sc-ui.sc-ui.text-sc-text-3 {
    color: var(--sc-color-text-tertiary);
  }
.sc-ui.sc-ui .text-sc-text-disabled, .sc-ui.sc-ui.text-sc-text-disabled {
    color: var(--sc-color-text-disabled);
  }
.sc-ui.sc-ui .text-sc-warning, .sc-ui.sc-ui.text-sc-warning {
    color: var(--sc-color-warning-text);
  }
.sc-ui.sc-ui .text-sc-warning-icon, .sc-ui.sc-ui.text-sc-warning-icon {
    color: var(--sc-color-warning-icon);
  }
.sc-ui.sc-ui .text-secondary-foreground, .sc-ui.sc-ui.text-secondary-foreground {
    color: var(--secondary-foreground);
  }
.sc-ui.sc-ui .text-white, .sc-ui.sc-ui.text-white {
    color: var(--color-white);
  }
.sc-ui.sc-ui .text-white\/70, .sc-ui.sc-ui.text-white\/70 {
    color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
.sc-ui.sc-ui .text-white\/80, .sc-ui.sc-ui.text-white\/80 {
    color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
.sc-ui.sc-ui .tabular-nums, .sc-ui.sc-ui.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
.sc-ui.sc-ui .no-underline, .sc-ui.sc-ui.no-underline {
    text-decoration-line: none;
  }
.sc-ui.sc-ui .underline, .sc-ui.sc-ui.underline {
    text-decoration-line: underline;
  }
.sc-ui.sc-ui .underline-offset-2, .sc-ui.sc-ui.underline-offset-2 {
    text-underline-offset: 2px;
  }
.sc-ui.sc-ui .underline-offset-4, .sc-ui.sc-ui.underline-offset-4 {
    text-underline-offset: 4px;
  }
.sc-ui.sc-ui .opacity-0, .sc-ui.sc-ui.opacity-0 {
    opacity: 0%;
  }
.sc-ui.sc-ui .opacity-50, .sc-ui.sc-ui.opacity-50 {
    opacity: 50%;
  }
.sc-ui.sc-ui .opacity-55, .sc-ui.sc-ui.opacity-55 {
    opacity: 55%;
  }
.sc-ui.sc-ui .opacity-70, .sc-ui.sc-ui.opacity-70 {
    opacity: 70%;
  }
.sc-ui.sc-ui .shadow, .sc-ui.sc-ui.shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.sc-ui.sc-ui .shadow-lg, .sc-ui.sc-ui.shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.sc-ui.sc-ui .shadow-md, .sc-ui.sc-ui.shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.sc-ui.sc-ui .shadow-none, .sc-ui.sc-ui.shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.sc-ui.sc-ui .shadow-sc-floating, .sc-ui.sc-ui.shadow-sc-floating {
    --tw-shadow: var(--sc-elevation-floating);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.sc-ui.sc-ui .shadow-sc-modal, .sc-ui.sc-ui.shadow-sc-modal {
    --tw-shadow: var(--sc-elevation-modal);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.sc-ui.sc-ui .shadow-sc-raised, .sc-ui.sc-ui.shadow-sc-raised {
    --tw-shadow: var(--sc-elevation-raised);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.sc-ui.sc-ui .shadow-sm, .sc-ui.sc-ui.shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.sc-ui.sc-ui .shadow-xs, .sc-ui.sc-ui.shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.sc-ui.sc-ui .ring-0, .sc-ui.sc-ui.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);
  }
.sc-ui.sc-ui .ring-2, .sc-ui.sc-ui.ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.sc-ui.sc-ui .ring-sc-surface, .sc-ui.sc-ui.ring-sc-surface {
    --tw-ring-color: var(--sc-color-surface-primary);
  }
.sc-ui.sc-ui .ring-offset-background, .sc-ui.sc-ui.ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }
.sc-ui.sc-ui .outline-hidden, .sc-ui.sc-ui.outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
.sc-ui.sc-ui .outline, .sc-ui.sc-ui.outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
.sc-ui.sc-ui .transition, .sc-ui.sc-ui.transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.sc-ui.sc-ui .transition-\[background-color\,border-color\,color\,transform\],.sc-ui.sc-ui.transition-\[background-color\,border-color\,color\,transform\] {
    transition-property: background-color,border-color,color,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.sc-ui.sc-ui .transition-\[background-color\,color\,opacity\],.sc-ui.sc-ui.transition-\[background-color\,color\,opacity\] {
    transition-property: background-color,color,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.sc-ui.sc-ui .transition-\[background-color\,color\],.sc-ui.sc-ui.transition-\[background-color\,color\] {
    transition-property: background-color,color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.sc-ui.sc-ui .transition-\[background-color\], .sc-ui.sc-ui.transition-\[background-color\] {
    transition-property: background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.sc-ui.sc-ui .transition-\[border-color\,box-shadow\],.sc-ui.sc-ui.transition-\[border-color\,box-shadow\] {
    transition-property: border-color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.sc-ui.sc-ui .transition-\[color\,box-shadow\],.sc-ui.sc-ui.transition-\[color\,box-shadow\] {
    transition-property: color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.sc-ui.sc-ui .transition-all, .sc-ui.sc-ui.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));
  }
.sc-ui.sc-ui .transition-colors, .sc-ui.sc-ui.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));
  }
.sc-ui.sc-ui .transition-opacity, .sc-ui.sc-ui.transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.sc-ui.sc-ui .transition-shadow, .sc-ui.sc-ui.transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.sc-ui.sc-ui .transition-transform, .sc-ui.sc-ui.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));
  }
.sc-ui.sc-ui .transition-none, .sc-ui.sc-ui.transition-none {
    transition-property: none;
  }
.sc-ui.sc-ui .duration-150, .sc-ui.sc-ui.duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
.sc-ui.sc-ui .duration-200, .sc-ui.sc-ui.duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
.sc-ui.sc-ui .duration-300, .sc-ui.sc-ui.duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
.sc-ui.sc-ui .ease-\[cubic-bezier\(0\.2\,0\,0\,1\)\],.sc-ui.sc-ui.ease-\[cubic-bezier\(0\.2\,0\,0\,1\)\] {
    --tw-ease: cubic-bezier(0.2,0,0,1);
    transition-timing-function: cubic-bezier(0.2,0,0,1);
  }
.sc-ui.sc-ui .ease-in-out, .sc-ui.sc-ui.ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
.sc-ui.sc-ui .ease-sc-standard, .sc-ui.sc-ui.ease-sc-standard {
    --tw-ease: var(--sc-motion-easing-standard);
    transition-timing-function: var(--sc-motion-easing-standard);
  }
.sc-ui.sc-ui .outline-none, .sc-ui.sc-ui.outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
.sc-ui.sc-ui .select-none, .sc-ui.sc-ui.select-none {
    -webkit-user-select: none;
    user-select: none;
  }
.sc-ui.sc-ui .\[font\:inherit\], .sc-ui.sc-ui.\[font\:inherit\] {
    font: inherit;
  }
.sc-ui.sc-ui :is(.\*\:flex-1 > *) {
    flex: 1;
  }
@media (hover: hover) {
    .sc-ui.sc-ui .group-hover\:opacity-100:is(:where(.group):hover *), .sc-ui.sc-ui.group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 100%;
    }
  }
.sc-ui.sc-ui .group-focus-visible\:opacity-100:is(:where(.group):focus-visible *), .sc-ui.sc-ui.group-focus-visible\:opacity-100:is(:where(.group):focus-visible *) {
    opacity: 100%;
  }
.sc-ui.sc-ui .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *), .sc-ui.sc-ui.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }
.sc-ui.sc-ui .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *), .sc-ui.sc-ui.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
    opacity: 50%;
  }
.sc-ui.sc-ui .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *), .sc-ui.sc-ui.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }
.sc-ui.sc-ui .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *), .sc-ui.sc-ui.peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: 50%;
  }
.sc-ui.sc-ui .selection\:bg-primary ::selection, .sc-ui.sc-ui.selection\:bg-primary ::selection {
    background-color: var(--primary);
  }
.sc-ui.sc-ui .selection\:bg-primary::selection, .sc-ui.sc-ui.selection\:bg-primary::selection {
    background-color: var(--primary);
  }
.sc-ui.sc-ui .selection\:text-primary-foreground ::selection, .sc-ui.sc-ui.selection\:text-primary-foreground ::selection {
    color: var(--primary-foreground);
  }
.sc-ui.sc-ui .selection\:text-primary-foreground::selection, .sc-ui.sc-ui.selection\:text-primary-foreground::selection {
    color: var(--primary-foreground);
  }
.sc-ui.sc-ui .file\:inline-flex::file-selector-button, .sc-ui.sc-ui.file\:inline-flex::file-selector-button {
    display: inline-flex;
  }
.sc-ui.sc-ui .file\:h-7::file-selector-button, .sc-ui.sc-ui.file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7);
  }
.sc-ui.sc-ui .file\:border-0::file-selector-button, .sc-ui.sc-ui.file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
.sc-ui.sc-ui .file\:bg-transparent::file-selector-button, .sc-ui.sc-ui.file\:bg-transparent::file-selector-button {
    background-color: transparent;
  }
.sc-ui.sc-ui .file\:text-sm::file-selector-button, .sc-ui.sc-ui.file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
.sc-ui.sc-ui .file\:font-medium::file-selector-button, .sc-ui.sc-ui.file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
.sc-ui.sc-ui .file\:text-foreground::file-selector-button, .sc-ui.sc-ui.file\:text-foreground::file-selector-button {
    color: var(--foreground);
  }
.sc-ui.sc-ui .placeholder\:text-muted-foreground::placeholder, .sc-ui.sc-ui.placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }
.sc-ui.sc-ui .placeholder\:text-sc-placeholder::placeholder, .sc-ui.sc-ui.placeholder\:text-sc-placeholder::placeholder {
    color: var(--sc-color-text-placeholder);
  }
.sc-ui.sc-ui .before\:absolute::before, .sc-ui.sc-ui.before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
  }
.sc-ui.sc-ui .before\:-inset-1\.5::before, .sc-ui.sc-ui.before\:-inset-1\.5::before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -1.5);
  }
.sc-ui.sc-ui .before\:inset-0::before, .sc-ui.sc-ui.before\:inset-0::before {
    content: var(--tw-content);
    inset: 0px;
  }
.sc-ui.sc-ui .before\:-inset-x-1::before, .sc-ui.sc-ui.before\:-inset-x-1::before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * -1);
  }
.sc-ui.sc-ui .before\:inset-x-0::before, .sc-ui.sc-ui.before\:inset-x-0::before {
    content: var(--tw-content);
    inset-inline: 0px;
  }
.sc-ui.sc-ui .before\:top-1\/2::before, .sc-ui.sc-ui.before\:top-1\/2::before {
    content: var(--tw-content);
    top: calc(1 / 2 * 100%);
  }
.sc-ui.sc-ui .before\:h-11::before, .sc-ui.sc-ui.before\:h-11::before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 11);
  }
.sc-ui.sc-ui .before\:-translate-y-1\/2::before, .sc-ui.sc-ui.before\:-translate-y-1\/2::before {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.sc-ui.sc-ui .before\:animate-pulse::before, .sc-ui.sc-ui.before\:animate-pulse::before {
    content: var(--tw-content);
    animation: var(--animate-pulse);
  }
.sc-ui.sc-ui .before\:rounded-\[inherit\]::before, .sc-ui.sc-ui.before\:rounded-\[inherit\]::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
.sc-ui.sc-ui .before\:bg-sc-control-hover::before, .sc-ui.sc-ui.before\:bg-sc-control-hover::before {
    content: var(--tw-content);
    background-color: var(--sc-color-surface-control-hover);
  }
.sc-ui.sc-ui .after\:pointer-events-none::after, .sc-ui.sc-ui.after\:pointer-events-none::after {
    content: var(--tw-content);
    pointer-events: none;
  }
.sc-ui.sc-ui .after\:absolute::after, .sc-ui.sc-ui.after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
.sc-ui.sc-ui .after\:bottom-0::after, .sc-ui.sc-ui.after\:bottom-0::after {
    content: var(--tw-content);
    bottom: 0px;
  }
.sc-ui.sc-ui .after\:left-1\/2::after, .sc-ui.sc-ui.after\:left-1\/2::after {
    content: var(--tw-content);
    left: calc(1 / 2 * 100%);
  }
.sc-ui.sc-ui .after\:h-\[3px\]::after, .sc-ui.sc-ui.after\:h-\[3px\]::after {
    content: var(--tw-content);
    height: 3px;
  }
.sc-ui.sc-ui .after\:w-6::after, .sc-ui.sc-ui.after\:w-6::after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 6);
  }
.sc-ui.sc-ui .after\:-translate-x-1\/2::after, .sc-ui.sc-ui.after\:-translate-x-1\/2::after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.sc-ui.sc-ui .after\:rounded-full::after, .sc-ui.sc-ui.after\:rounded-full::after {
    content: var(--tw-content);
    border-radius: calc(infinity * 1px);
  }
.sc-ui.sc-ui .after\:bg-sc-primary::after, .sc-ui.sc-ui.after\:bg-sc-primary::after {
    content: var(--tw-content);
    background-color: var(--sc-color-action-primary);
  }
.sc-ui.sc-ui .after\:opacity-0::after, .sc-ui.sc-ui.after\:opacity-0::after {
    content: var(--tw-content);
    opacity: 0%;
  }
.sc-ui.sc-ui .checked\:border-sc-primary:checked, .sc-ui.sc-ui.checked\:border-sc-primary:checked {
    border-color: var(--sc-color-action-primary);
  }
.sc-ui.sc-ui .checked\:bg-sc-primary:checked, .sc-ui.sc-ui.checked\:bg-sc-primary:checked {
    background-color: var(--sc-color-action-primary);
  }
.sc-ui.sc-ui .checked\:shadow-\[inset_0_0_0_3px_var\(--color-sc-surface\)\]:checked, .sc-ui.sc-ui.checked\:shadow-\[inset_0_0_0_3px_var\(--color-sc-surface\)\]:checked {
    --tw-shadow: inset 0 0 0 3px var(--tw-shadow-color, var(--color-sc-surface));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.sc-ui.sc-ui .focus-within\:relative:focus-within, .sc-ui.sc-ui.focus-within\:relative:focus-within {
    position: relative;
  }
.sc-ui.sc-ui .focus-within\:z-20:focus-within, .sc-ui.sc-ui.focus-within\:z-20:focus-within {
    z-index: 20;
  }
.sc-ui.sc-ui .focus-within\:border-sc-danger:focus-within, .sc-ui.sc-ui.focus-within\:border-sc-danger:focus-within {
    border-color: var(--sc-color-danger-text);
  }
.sc-ui.sc-ui .focus-within\:border-sc-focus:focus-within, .sc-ui.sc-ui.focus-within\:border-sc-focus:focus-within {
    border-color: var(--sc-color-focus);
  }
.sc-ui.sc-ui .focus-within\:ring-1:focus-within, .sc-ui.sc-ui.focus-within\:ring-1:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.sc-ui.sc-ui .focus-within\:ring-sc-danger:focus-within, .sc-ui.sc-ui.focus-within\:ring-sc-danger:focus-within {
    --tw-ring-color: var(--sc-color-danger-text);
  }
.sc-ui.sc-ui .focus-within\:ring-sc-focus:focus-within, .sc-ui.sc-ui.focus-within\:ring-sc-focus:focus-within {
    --tw-ring-color: var(--sc-color-focus);
  }
@media (hover: hover) {
    .sc-ui.sc-ui .hover\:border-sc-border:hover, .sc-ui.sc-ui.hover\:border-sc-border:hover {
      border-color: var(--sc-color-border-default);
    }
    .sc-ui.sc-ui .hover\:border-sc-border-control:hover, .sc-ui.sc-ui.hover\:border-sc-border-control:hover {
      border-color: var(--sc-color-border-control);
    }
    .sc-ui.sc-ui .hover\:border-sc-border-strong:hover, .sc-ui.sc-ui.hover\:border-sc-border-strong:hover {
      border-color: var(--sc-color-border-strong);
    }
    .sc-ui.sc-ui .hover\:border-sc-danger:hover, .sc-ui.sc-ui.hover\:border-sc-danger:hover {
      border-color: var(--sc-color-danger-text);
    }
    .sc-ui.sc-ui .hover\:border-sc-danger\/60:hover, .sc-ui.sc-ui.hover\:border-sc-danger\/60:hover {
      border-color: var(--sc-color-danger-text);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .sc-ui.sc-ui .hover\:border-sc-danger\/60:hover, .sc-ui.sc-ui.hover\:border-sc-danger\/60:hover {
        border-color: color-mix(in oklab, var(--sc-color-danger-text) 60%, transparent);
      }
    }
    .sc-ui.sc-ui .hover\:bg-accent:hover, .sc-ui.sc-ui.hover\:bg-accent:hover {
      background-color: var(--accent);
    }
    .sc-ui.sc-ui .hover\:bg-black\/70:hover, .sc-ui.sc-ui.hover\:bg-black\/70:hover {
      background-color: color-mix(in srgb, #000 70%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .sc-ui.sc-ui .hover\:bg-black\/70:hover, .sc-ui.sc-ui.hover\:bg-black\/70:hover {
        background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
      }
    }
    .sc-ui.sc-ui .hover\:bg-destructive\/90:hover, .sc-ui.sc-ui.hover\:bg-destructive\/90:hover {
      background-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .sc-ui.sc-ui .hover\:bg-destructive\/90:hover, .sc-ui.sc-ui.hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
      }
    }
    .sc-ui.sc-ui .hover\:bg-primary\/90:hover, .sc-ui.sc-ui.hover\:bg-primary\/90:hover {
      background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .sc-ui.sc-ui .hover\:bg-primary\/90:hover, .sc-ui.sc-ui.hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }
    .sc-ui.sc-ui .hover\:bg-sc-control:hover, .sc-ui.sc-ui.hover\:bg-sc-control:hover {
      background-color: var(--sc-color-surface-control);
    }
    .sc-ui.sc-ui .hover\:bg-sc-danger-solid-hover:hover, .sc-ui.sc-ui.hover\:bg-sc-danger-solid-hover:hover {
      background-color: var(--sc-color-action-danger-hover);
    }
    .sc-ui.sc-ui .hover\:bg-sc-primary-hover:hover, .sc-ui.sc-ui.hover\:bg-sc-primary-hover:hover {
      background-color: var(--sc-color-action-primary-hover);
    }
    .sc-ui.sc-ui .hover\:bg-sc-subtle:hover, .sc-ui.sc-ui.hover\:bg-sc-subtle:hover {
      background-color: var(--sc-color-surface-subtle);
    }
    .sc-ui.sc-ui .hover\:bg-secondary:hover, .sc-ui.sc-ui.hover\:bg-secondary:hover {
      background-color: var(--secondary);
    }
    .sc-ui.sc-ui .hover\:bg-secondary\/80:hover, .sc-ui.sc-ui.hover\:bg-secondary\/80:hover {
      background-color: var(--secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .sc-ui.sc-ui .hover\:bg-secondary\/80:hover, .sc-ui.sc-ui.hover\:bg-secondary\/80:hover {
        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
      }
    }
    .sc-ui.sc-ui .hover\:bg-white\/15:hover, .sc-ui.sc-ui.hover\:bg-white\/15:hover {
      background-color: color-mix(in srgb, #fff 15%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .sc-ui.sc-ui .hover\:bg-white\/15:hover, .sc-ui.sc-ui.hover\:bg-white\/15:hover {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
    .sc-ui.sc-ui .hover\:bg-white\/20:hover, .sc-ui.sc-ui.hover\:bg-white\/20:hover {
      background-color: color-mix(in srgb, #fff 20%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .sc-ui.sc-ui .hover\:bg-white\/20:hover, .sc-ui.sc-ui.hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
    .sc-ui.sc-ui .hover\:bg-white\/50:hover, .sc-ui.sc-ui.hover\:bg-white\/50:hover {
      background-color: color-mix(in srgb, #fff 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .sc-ui.sc-ui .hover\:bg-white\/50:hover, .sc-ui.sc-ui.hover\:bg-white\/50:hover {
        background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
    }
    .sc-ui.sc-ui .hover\:text-accent-foreground:hover, .sc-ui.sc-ui.hover\:text-accent-foreground:hover {
      color: var(--accent-foreground);
    }
    .sc-ui.sc-ui .hover\:text-sc-text:hover, .sc-ui.sc-ui.hover\:text-sc-text:hover {
      color: var(--sc-color-text-primary);
    }
    .sc-ui.sc-ui .hover\:text-sc-text-2:hover, .sc-ui.sc-ui.hover\:text-sc-text-2:hover {
      color: var(--sc-color-text-secondary);
    }
    .sc-ui.sc-ui .hover\:underline:hover, .sc-ui.sc-ui.hover\:underline:hover {
      text-decoration-line: underline;
    }
    .sc-ui.sc-ui .hover\:opacity-100:hover, .sc-ui.sc-ui.hover\:opacity-100:hover {
      opacity: 100%;
    }
    .sc-ui.sc-ui .hover\:shadow-sc-raised:hover, .sc-ui.sc-ui.hover\:shadow-sc-raised:hover {
      --tw-shadow: var(--sc-elevation-raised);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
.sc-ui.sc-ui .focus\:bg-accent:focus, .sc-ui.sc-ui.focus\:bg-accent:focus {
    background-color: var(--accent);
  }
.sc-ui.sc-ui .focus\:bg-sc-subtle:focus, .sc-ui.sc-ui.focus\:bg-sc-subtle:focus {
    background-color: var(--sc-color-surface-subtle);
  }
.sc-ui.sc-ui .focus\:text-accent-foreground:focus, .sc-ui.sc-ui.focus\:text-accent-foreground:focus {
    color: var(--accent-foreground);
  }
.sc-ui.sc-ui .focus\:text-sc-text:focus, .sc-ui.sc-ui.focus\:text-sc-text:focus {
    color: var(--sc-color-text-primary);
  }
.sc-ui.sc-ui .focus\:ring-2:focus, .sc-ui.sc-ui.focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.sc-ui.sc-ui .focus\:ring-ring:focus, .sc-ui.sc-ui.focus\:ring-ring:focus {
    --tw-ring-color: var(--ring);
  }
.sc-ui.sc-ui .focus\:ring-offset-2:focus, .sc-ui.sc-ui.focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
.sc-ui.sc-ui .focus\:outline-hidden:focus, .sc-ui.sc-ui.focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
.sc-ui.sc-ui .focus-visible\:border-ring:focus-visible, .sc-ui.sc-ui.focus-visible\:border-ring:focus-visible {
    border-color: var(--ring);
  }
.sc-ui.sc-ui .focus-visible\:border-sc-focus:focus-visible, .sc-ui.sc-ui.focus-visible\:border-sc-focus:focus-visible {
    border-color: var(--sc-color-focus);
  }
.sc-ui.sc-ui .focus-visible\:ring-0:focus-visible, .sc-ui.sc-ui.focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.sc-ui.sc-ui .focus-visible\:ring-1:focus-visible, .sc-ui.sc-ui.focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.sc-ui.sc-ui .focus-visible\:ring-3:focus-visible, .sc-ui.sc-ui.focus-visible\:ring-3:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.sc-ui.sc-ui .focus-visible\:ring-destructive\/20:focus-visible, .sc-ui.sc-ui.focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
.sc-ui.sc-ui .focus-visible\:ring-ring\/50:focus-visible, .sc-ui.sc-ui.focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
.sc-ui.sc-ui .focus-visible\:ring-sc-focus:focus-visible, .sc-ui.sc-ui.focus-visible\:ring-sc-focus:focus-visible {
    --tw-ring-color: var(--sc-color-focus);
  }
.sc-ui.sc-ui .focus-visible\:outline-1:focus-visible, .sc-ui.sc-ui.focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
.sc-ui.sc-ui .focus-visible\:outline-2:focus-visible, .sc-ui.sc-ui.focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
.sc-ui.sc-ui .focus-visible\:-outline-offset-2:focus-visible, .sc-ui.sc-ui.focus-visible\:-outline-offset-2:focus-visible {
    outline-offset: calc(2px * -1);
  }
.sc-ui.sc-ui .focus-visible\:-outline-offset-3:focus-visible, .sc-ui.sc-ui.focus-visible\:-outline-offset-3:focus-visible {
    outline-offset: calc(3px * -1);
  }
.sc-ui.sc-ui .focus-visible\:outline-offset-1:focus-visible, .sc-ui.sc-ui.focus-visible\:outline-offset-1:focus-visible {
    outline-offset: 1px;
  }
.sc-ui.sc-ui .focus-visible\:outline-offset-2:focus-visible, .sc-ui.sc-ui.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }
.sc-ui.sc-ui .focus-visible\:outline-ring:focus-visible, .sc-ui.sc-ui.focus-visible\:outline-ring:focus-visible {
    outline-color: var(--ring);
  }
.sc-ui.sc-ui .focus-visible\:outline-sc-focus:focus-visible, .sc-ui.sc-ui.focus-visible\:outline-sc-focus:focus-visible {
    outline-color: var(--sc-color-focus);
  }
.sc-ui.sc-ui .focus-visible\:outline-white:focus-visible, .sc-ui.sc-ui.focus-visible\:outline-white:focus-visible {
    outline-color: var(--color-white);
  }
.sc-ui.sc-ui .focus-visible\:outline-solid:focus-visible, .sc-ui.sc-ui.focus-visible\:outline-solid:focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }
.sc-ui.sc-ui .active\:scale-\[0\.98\]:active, .sc-ui.sc-ui.active\:scale-\[0\.98\]:active {
    scale: 0.98;
  }
.sc-ui.sc-ui .active\:border-sc-danger:active, .sc-ui.sc-ui.active\:border-sc-danger:active {
    border-color: var(--sc-color-danger-text);
  }
.sc-ui.sc-ui .active\:bg-sc-control-hover:active, .sc-ui.sc-ui.active\:bg-sc-control-hover:active {
    background-color: var(--sc-color-surface-control-hover);
  }
.sc-ui.sc-ui .active\:bg-sc-control-pressed:active, .sc-ui.sc-ui.active\:bg-sc-control-pressed:active {
    background-color: var(--sc-color-surface-control-pressed);
  }
.sc-ui.sc-ui .active\:bg-sc-danger-solid-pressed:active, .sc-ui.sc-ui.active\:bg-sc-danger-solid-pressed:active {
    background-color: var(--sc-color-action-danger-pressed);
  }
.sc-ui.sc-ui .active\:bg-sc-primary-pressed:active, .sc-ui.sc-ui.active\:bg-sc-primary-pressed:active {
    background-color: var(--sc-color-action-primary-pressed);
  }
.sc-ui.sc-ui .active\:shadow-none:active, .sc-ui.sc-ui.active\:shadow-none:active {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
@media (hover: hover) {
    .sc-ui.sc-ui .enabled\:hover\:text-sc-text:enabled:hover, .sc-ui.sc-ui.enabled\:hover\:text-sc-text:enabled:hover {
      color: var(--sc-color-text-primary);
    }
    .sc-ui.sc-ui .enabled\:hover\:not-data-\[selected\=true\]\:bg-sc-control:enabled:hover:not([data-selected="true"]), .sc-ui.sc-ui.enabled\:hover\:not-data-\[selected\=true\]\:bg-sc-control:enabled:hover:not([data-selected="true"]) {
      background-color: var(--sc-color-surface-control);
    }
  }
.sc-ui.sc-ui .enabled\:active\:opacity-80:enabled:active, .sc-ui.sc-ui.enabled\:active\:opacity-80:enabled:active {
    opacity: 80%;
  }
.sc-ui.sc-ui .enabled\:active\:not-data-\[selected\=true\]\:bg-sc-control-pressed:enabled:active:not([data-selected="true"]), .sc-ui.sc-ui.enabled\:active\:not-data-\[selected\=true\]\:bg-sc-control-pressed:enabled:active:not([data-selected="true"]) {
    background-color: var(--sc-color-surface-control-pressed);
  }
.sc-ui.sc-ui .disabled\:pointer-events-none:disabled, .sc-ui.sc-ui.disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
.sc-ui.sc-ui .disabled\:cursor-not-allowed:disabled, .sc-ui.sc-ui.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
.sc-ui.sc-ui .disabled\:cursor-wait:disabled, .sc-ui.sc-ui.disabled\:cursor-wait:disabled {
    cursor: wait;
  }
.sc-ui.sc-ui .disabled\:border-sc-border:disabled, .sc-ui.sc-ui.disabled\:border-sc-border:disabled {
    border-color: var(--sc-color-border-default);
  }
.sc-ui.sc-ui .disabled\:bg-sc-control:disabled, .sc-ui.sc-ui.disabled\:bg-sc-control:disabled {
    background-color: var(--sc-color-surface-control);
  }
.sc-ui.sc-ui .disabled\:bg-sc-control-disabled:disabled, .sc-ui.sc-ui.disabled\:bg-sc-control-disabled:disabled {
    background-color: var(--sc-color-surface-control-disabled);
  }
.sc-ui.sc-ui .disabled\:bg-sc-surface:disabled, .sc-ui.sc-ui.disabled\:bg-sc-surface:disabled {
    background-color: var(--sc-color-surface-primary);
  }
.sc-ui.sc-ui .disabled\:bg-transparent:disabled, .sc-ui.sc-ui.disabled\:bg-transparent:disabled {
    background-color: transparent;
  }
.sc-ui.sc-ui .disabled\:text-sc-text-disabled:disabled, .sc-ui.sc-ui.disabled\:text-sc-text-disabled:disabled {
    color: var(--sc-color-text-disabled);
  }
.sc-ui.sc-ui .disabled\:text-white:disabled, .sc-ui.sc-ui.disabled\:text-white:disabled {
    color: var(--color-white);
  }
.sc-ui.sc-ui .disabled\:text-white\/30:disabled, .sc-ui.sc-ui.disabled\:text-white\/30:disabled {
    color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
.sc-ui.sc-ui .disabled\:opacity-40:disabled, .sc-ui.sc-ui.disabled\:opacity-40:disabled {
    opacity: 40%;
  }
.sc-ui.sc-ui .disabled\:opacity-50:disabled, .sc-ui.sc-ui.disabled\:opacity-50:disabled {
    opacity: 50%;
  }
.sc-ui.sc-ui .disabled\:opacity-55:disabled, .sc-ui.sc-ui.disabled\:opacity-55:disabled {
    opacity: 55%;
  }
.sc-ui.sc-ui .disabled\:checked\:border-sc-control-disabled:disabled:checked, .sc-ui.sc-ui.disabled\:checked\:border-sc-control-disabled:disabled:checked {
    border-color: var(--sc-color-surface-control-disabled);
  }
.sc-ui.sc-ui .disabled\:checked\:bg-sc-control-disabled:disabled:checked, .sc-ui.sc-ui.disabled\:checked\:bg-sc-control-disabled:disabled:checked {
    background-color: var(--sc-color-surface-control-disabled);
  }
@media (hover: hover) {
    .sc-ui.sc-ui .disabled\:hover\:bg-transparent:disabled:hover, .sc-ui.sc-ui.disabled\:hover\:bg-transparent:disabled:hover {
      background-color: transparent;
    }
  }
.sc-ui.sc-ui .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]), .sc-ui.sc-ui.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }
.sc-ui.sc-ui .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has( > svg), .sc-ui.sc-ui.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has( > svg) {
    grid-template-columns: calc(var(--spacing) * 4) 1fr;
  }
.sc-ui.sc-ui .has-\[\>svg\]\:gap-x-3:has( > svg), .sc-ui.sc-ui.has-\[\>svg\]\:gap-x-3:has( > svg) {
    column-gap: calc(var(--spacing) * 3);
  }
.sc-ui.sc-ui .has-\[\>svg\]\:px-0:has( > svg), .sc-ui.sc-ui.has-\[\>svg\]\:px-0:has( > svg) {
    padding-inline: 0px;
  }
.sc-ui.sc-ui .has-\[\>svg\]\:px-1\.5:has( > svg), .sc-ui.sc-ui.has-\[\>svg\]\:px-1\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 1.5);
  }
.sc-ui.sc-ui .has-\[\>svg\]\:px-2\.5:has( > svg), .sc-ui.sc-ui.has-\[\>svg\]\:px-2\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 2.5);
  }
.sc-ui.sc-ui .has-\[\>svg\]\:px-3:has( > svg), .sc-ui.sc-ui.has-\[\>svg\]\:px-3:has( > svg) {
    padding-inline: calc(var(--spacing) * 3);
  }
.sc-ui.sc-ui .has-\[\>svg\]\:px-4:has( > svg), .sc-ui.sc-ui.has-\[\>svg\]\:px-4:has( > svg) {
    padding-inline: calc(var(--spacing) * 4);
  }
.sc-ui.sc-ui .has-\[\>svg\]\:px-5:has( > svg), .sc-ui.sc-ui.has-\[\>svg\]\:px-5:has( > svg) {
    padding-inline: calc(var(--spacing) * 5);
  }
.sc-ui.sc-ui .aria-invalid\:border-destructive[aria-invalid="true"], .sc-ui.sc-ui.aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--destructive);
  }
.sc-ui.sc-ui .aria-invalid\:border-sc-danger[aria-invalid="true"], .sc-ui.sc-ui.aria-invalid\:border-sc-danger[aria-invalid="true"] {
    border-color: var(--sc-color-danger-text);
  }
.sc-ui.sc-ui .aria-invalid\:ring-destructive\/20[aria-invalid="true"], .sc-ui.sc-ui.aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
.sc-ui.sc-ui .aria-invalid\:focus-visible\:border-sc-danger[aria-invalid="true"]:focus-visible, .sc-ui.sc-ui.aria-invalid\:focus-visible\:border-sc-danger[aria-invalid="true"]:focus-visible {
    border-color: var(--sc-color-danger-text);
  }
.sc-ui.sc-ui .aria-invalid\:focus-visible\:ring-sc-danger[aria-invalid="true"]:focus-visible, .sc-ui.sc-ui.aria-invalid\:focus-visible\:ring-sc-danger[aria-invalid="true"]:focus-visible {
    --tw-ring-color: var(--sc-color-danger-text);
  }
.sc-ui.sc-ui .data-\[danger\]\:text-sc-danger[data-danger], .sc-ui.sc-ui.data-\[danger\]\:text-sc-danger[data-danger] {
    color: var(--sc-color-danger-text);
  }
.sc-ui.sc-ui .data-\[disabled\]\:pointer-events-none[data-disabled], .sc-ui.sc-ui.data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }
.sc-ui.sc-ui .data-\[disabled\]\:cursor-not-allowed[data-disabled], .sc-ui.sc-ui.data-\[disabled\]\:cursor-not-allowed[data-disabled] {
    cursor: not-allowed;
  }
.sc-ui.sc-ui .data-\[disabled\]\:bg-transparent[data-disabled], .sc-ui.sc-ui.data-\[disabled\]\:bg-transparent[data-disabled] {
    background-color: transparent;
  }
.sc-ui.sc-ui .data-\[disabled\]\:text-muted-foreground[data-disabled], .sc-ui.sc-ui.data-\[disabled\]\:text-muted-foreground[data-disabled] {
    color: var(--muted-foreground);
  }
.sc-ui.sc-ui .data-\[disabled\]\:text-sc-text-disabled[data-disabled], .sc-ui.sc-ui.data-\[disabled\]\:text-sc-text-disabled[data-disabled] {
    color: var(--sc-color-text-disabled);
  }
.sc-ui.sc-ui .data-\[disabled\]\:opacity-50[data-disabled], .sc-ui.sc-ui.data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: 50%;
  }
@media (hover: hover) {
    .sc-ui.sc-ui .data-\[disabled\]\:hover\:bg-transparent[data-disabled]:hover, .sc-ui.sc-ui.data-\[disabled\]\:hover\:bg-transparent[data-disabled]:hover {
      background-color: transparent;
    }
  }
.sc-ui.sc-ui .data-\[highlighted\]\:bg-sc-control[data-highlighted], .sc-ui.sc-ui.data-\[highlighted\]\:bg-sc-control[data-highlighted] {
    background-color: var(--sc-color-surface-control);
  }
.sc-ui.sc-ui .data-\[highlighted\]\:bg-sc-selected[data-highlighted], .sc-ui.sc-ui.data-\[highlighted\]\:bg-sc-selected[data-highlighted] {
    background-color: var(--sc-color-surface-selected);
  }
.sc-ui.sc-ui .data-\[highlighted\]\:bg-sc-subtle[data-highlighted], .sc-ui.sc-ui.data-\[highlighted\]\:bg-sc-subtle[data-highlighted] {
    background-color: var(--sc-color-surface-subtle);
  }
.sc-ui.sc-ui .data-\[danger\]\:data-\[highlighted\]\:bg-sc-danger-bg[data-danger][data-highlighted], .sc-ui.sc-ui.data-\[danger\]\:data-\[highlighted\]\:bg-sc-danger-bg[data-danger][data-highlighted] {
    background-color: var(--sc-color-danger-surface);
  }
.sc-ui.sc-ui .data-\[inset\]\:pl-8[data-inset], .sc-ui.sc-ui.data-\[inset\]\:pl-8[data-inset] {
    padding-left: calc(var(--spacing) * 8);
  }
.sc-ui.sc-ui .data-\[outside-view\]\:invisible[data-outside-view], .sc-ui.sc-ui.data-\[outside-view\]\:invisible[data-outside-view] {
    visibility: hidden;
  }
.sc-ui.sc-ui .data-\[outside-view\]\:text-muted-foreground[data-outside-view], .sc-ui.sc-ui.data-\[outside-view\]\:text-muted-foreground[data-outside-view] {
    color: var(--muted-foreground);
  }
.sc-ui.sc-ui .data-\[placeholder\]\:text-muted-foreground[data-placeholder], .sc-ui.sc-ui.data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
    color: var(--muted-foreground);
  }
.sc-ui.sc-ui .data-\[placeholder\]\:text-sc-placeholder[data-placeholder], .sc-ui.sc-ui.data-\[placeholder\]\:text-sc-placeholder[data-placeholder] {
    color: var(--sc-color-text-placeholder);
  }
.sc-ui.sc-ui .data-\[selected\]\:bg-primary[data-selected], .sc-ui.sc-ui.data-\[selected\]\:bg-primary[data-selected] {
    background-color: var(--primary);
  }
.sc-ui.sc-ui .data-\[selected\]\:bg-sc-primary[data-selected], .sc-ui.sc-ui.data-\[selected\]\:bg-sc-primary[data-selected] {
    background-color: var(--sc-color-action-primary);
  }
.sc-ui.sc-ui .data-\[selected\]\:bg-sc-selected[data-selected], .sc-ui.sc-ui.data-\[selected\]\:bg-sc-selected[data-selected] {
    background-color: var(--sc-color-surface-selected);
  }
.sc-ui.sc-ui .data-\[selected\]\:text-primary-foreground[data-selected], .sc-ui.sc-ui.data-\[selected\]\:text-primary-foreground[data-selected] {
    color: var(--primary-foreground);
  }
.sc-ui.sc-ui .data-\[selected\]\:text-sc-on-primary[data-selected], .sc-ui.sc-ui.data-\[selected\]\:text-sc-on-primary[data-selected] {
    color: var(--sc-color-on-primary);
  }
.sc-ui.sc-ui .data-\[selected\]\:opacity-100[data-selected], .sc-ui.sc-ui.data-\[selected\]\:opacity-100[data-selected] {
    opacity: 100%;
  }
@media (hover: hover) {
    .sc-ui.sc-ui .data-\[selected\]\:hover\:bg-primary[data-selected]:hover, .sc-ui.sc-ui.data-\[selected\]\:hover\:bg-primary[data-selected]:hover {
      background-color: var(--primary);
    }
    .sc-ui.sc-ui .data-\[selected\]\:hover\:bg-sc-primary[data-selected]:hover, .sc-ui.sc-ui.data-\[selected\]\:hover\:bg-sc-primary[data-selected]:hover {
      background-color: var(--sc-color-action-primary);
    }
    .sc-ui.sc-ui .data-\[selected\]\:hover\:text-primary-foreground[data-selected]:hover, .sc-ui.sc-ui.data-\[selected\]\:hover\:text-primary-foreground[data-selected]:hover {
      color: var(--primary-foreground);
    }
  }
.sc-ui.sc-ui .data-\[selected\]\:focus\:bg-primary[data-selected]:focus, .sc-ui.sc-ui.data-\[selected\]\:focus\:bg-primary[data-selected]:focus {
    background-color: var(--primary);
  }
.sc-ui.sc-ui .data-\[selected\]\:focus\:bg-sc-primary[data-selected]:focus, .sc-ui.sc-ui.data-\[selected\]\:focus\:bg-sc-primary[data-selected]:focus {
    background-color: var(--sc-color-action-primary);
  }
.sc-ui.sc-ui .data-\[selected\]\:focus\:text-primary-foreground[data-selected]:focus, .sc-ui.sc-ui.data-\[selected\]\:focus\:text-primary-foreground[data-selected]:focus {
    color: var(--primary-foreground);
  }
.sc-ui.sc-ui .data-\[selected\]\:focus\:text-sc-on-primary[data-selected]:focus, .sc-ui.sc-ui.data-\[selected\]\:focus\:text-sc-on-primary[data-selected]:focus {
    color: var(--sc-color-on-primary);
  }
.sc-ui.sc-ui .data-\[selected\=true\]\:border-primary[data-selected="true"], .sc-ui.sc-ui.data-\[selected\=true\]\:border-primary[data-selected="true"] {
    border-color: var(--primary);
  }
.sc-ui.sc-ui .data-\[selected\=true\]\:bg-sc-selected[data-selected="true"], .sc-ui.sc-ui.data-\[selected\=true\]\:bg-sc-selected[data-selected="true"] {
    background-color: var(--sc-color-surface-selected);
  }
.sc-ui.sc-ui .data-\[selected\=true\]\:text-primary[data-selected="true"], .sc-ui.sc-ui.data-\[selected\=true\]\:text-primary[data-selected="true"] {
    color: var(--primary);
  }
.sc-ui.sc-ui .data-\[selection-end\]\:bg-primary[data-selection-end], .sc-ui.sc-ui.data-\[selection-end\]\:bg-primary[data-selection-end] {
    background-color: var(--primary);
  }
.sc-ui.sc-ui .data-\[selection-end\]\:text-primary-foreground[data-selection-end], .sc-ui.sc-ui.data-\[selection-end\]\:text-primary-foreground[data-selection-end] {
    color: var(--primary-foreground);
  }
@media (hover: hover) {
    .sc-ui.sc-ui .data-\[selection-end\]\:hover\:bg-primary[data-selection-end]:hover, .sc-ui.sc-ui.data-\[selection-end\]\:hover\:bg-primary[data-selection-end]:hover {
      background-color: var(--primary);
    }
    .sc-ui.sc-ui .data-\[selection-end\]\:hover\:text-primary-foreground[data-selection-end]:hover, .sc-ui.sc-ui.data-\[selection-end\]\:hover\:text-primary-foreground[data-selection-end]:hover {
      color: var(--primary-foreground);
    }
  }
.sc-ui.sc-ui .data-\[selection-end\]\:focus\:bg-primary[data-selection-end]:focus, .sc-ui.sc-ui.data-\[selection-end\]\:focus\:bg-primary[data-selection-end]:focus {
    background-color: var(--primary);
  }
.sc-ui.sc-ui .data-\[selection-end\]\:focus\:text-primary-foreground[data-selection-end]:focus, .sc-ui.sc-ui.data-\[selection-end\]\:focus\:text-primary-foreground[data-selection-end]:focus {
    color: var(--primary-foreground);
  }
.sc-ui.sc-ui .data-\[selection-start\]\:bg-primary[data-selection-start], .sc-ui.sc-ui.data-\[selection-start\]\:bg-primary[data-selection-start] {
    background-color: var(--primary);
  }
.sc-ui.sc-ui .data-\[selection-start\]\:text-primary-foreground[data-selection-start], .sc-ui.sc-ui.data-\[selection-start\]\:text-primary-foreground[data-selection-start] {
    color: var(--primary-foreground);
  }
@media (hover: hover) {
    .sc-ui.sc-ui .data-\[selection-start\]\:hover\:bg-primary[data-selection-start]:hover, .sc-ui.sc-ui.data-\[selection-start\]\:hover\:bg-primary[data-selection-start]:hover {
      background-color: var(--primary);
    }
    .sc-ui.sc-ui .data-\[selection-start\]\:hover\:text-primary-foreground[data-selection-start]:hover, .sc-ui.sc-ui.data-\[selection-start\]\:hover\:text-primary-foreground[data-selection-start]:hover {
      color: var(--primary-foreground);
    }
  }
.sc-ui.sc-ui .data-\[selection-start\]\:focus\:bg-primary[data-selection-start]:focus, .sc-ui.sc-ui.data-\[selection-start\]\:focus\:bg-primary[data-selection-start]:focus {
    background-color: var(--primary);
  }
.sc-ui.sc-ui .data-\[selection-start\]\:focus\:text-primary-foreground[data-selection-start]:focus, .sc-ui.sc-ui.data-\[selection-start\]\:focus\:text-primary-foreground[data-selection-start]:focus {
    color: var(--primary-foreground);
  }
.sc-ui.sc-ui .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"], .sc-ui.sc-ui.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.sc-ui.sc-ui .data-\[side\=left\]\:-translate-x-1[data-side="left"], .sc-ui.sc-ui.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.sc-ui.sc-ui .data-\[side\=right\]\:translate-x-1[data-side="right"], .sc-ui.sc-ui.data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.sc-ui.sc-ui .data-\[side\=top\]\:-translate-y-1[data-side="top"], .sc-ui.sc-ui.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.sc-ui.sc-ui :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
    color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--destructive) 90%, transparent);
    }
  }
.sc-ui.sc-ui :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
.sc-ui.sc-ui :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }
.sc-ui.sc-ui :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items: center;
  }
.sc-ui.sc-ui :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing) * 2);
  }
.sc-ui.sc-ui .data-\[state\=active\]\:bg-background[data-state="active"], .sc-ui.sc-ui.data-\[state\=active\]\:bg-background[data-state="active"] {
    background-color: var(--background);
  }
.sc-ui.sc-ui .data-\[state\=active\]\:bg-sc-surface[data-state="active"], .sc-ui.sc-ui.data-\[state\=active\]\:bg-sc-surface[data-state="active"] {
    background-color: var(--sc-color-surface-primary);
  }
.sc-ui.sc-ui .data-\[state\=active\]\:font-medium[data-state="active"], .sc-ui.sc-ui.data-\[state\=active\]\:font-medium[data-state="active"] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
.sc-ui.sc-ui .data-\[state\=active\]\:text-sc-text[data-state="active"], .sc-ui.sc-ui.data-\[state\=active\]\:text-sc-text[data-state="active"] {
    color: var(--sc-color-text-primary);
  }
.sc-ui.sc-ui .data-\[state\=active\]\:shadow-sc-raised[data-state="active"], .sc-ui.sc-ui.data-\[state\=active\]\:shadow-sc-raised[data-state="active"] {
    --tw-shadow: var(--sc-elevation-raised);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.sc-ui.sc-ui .data-\[state\=active\]\:shadow-sm[data-state="active"], .sc-ui.sc-ui.data-\[state\=active\]\:shadow-sm[data-state="active"] {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.sc-ui.sc-ui .data-\[state\=active\]\:after\:opacity-100[data-state="active"]::after, .sc-ui.sc-ui.data-\[state\=active\]\:after\:opacity-100[data-state="active"]::after {
    content: var(--tw-content);
    opacity: 100%;
  }
.sc-ui.sc-ui .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"], .sc-ui.sc-ui.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);
  }
.sc-ui.sc-ui .data-\[state\=checked\]\:border-primary[data-state="checked"], .sc-ui.sc-ui.data-\[state\=checked\]\:border-primary[data-state="checked"] {
    border-color: var(--primary);
  }
.sc-ui.sc-ui .data-\[state\=checked\]\:border-sc-primary[data-state="checked"], .sc-ui.sc-ui.data-\[state\=checked\]\:border-sc-primary[data-state="checked"] {
    border-color: var(--sc-color-action-primary);
  }
.sc-ui.sc-ui .data-\[state\=checked\]\:bg-primary[data-state="checked"], .sc-ui.sc-ui.data-\[state\=checked\]\:bg-primary[data-state="checked"] {
    background-color: var(--primary);
  }
.sc-ui.sc-ui .data-\[state\=checked\]\:bg-sc-control-disabled[data-state="checked"], .sc-ui.sc-ui.data-\[state\=checked\]\:bg-sc-control-disabled[data-state="checked"] {
    background-color: var(--sc-color-surface-control-disabled);
  }
.sc-ui.sc-ui .data-\[state\=checked\]\:bg-sc-primary[data-state="checked"], .sc-ui.sc-ui.data-\[state\=checked\]\:bg-sc-primary[data-state="checked"] {
    background-color: var(--sc-color-action-primary);
  }
.sc-ui.sc-ui .data-\[state\=checked\]\:bg-sc-selected[data-state="checked"], .sc-ui.sc-ui.data-\[state\=checked\]\:bg-sc-selected[data-state="checked"] {
    background-color: var(--sc-color-surface-selected);
  }
.sc-ui.sc-ui .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"], .sc-ui.sc-ui.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
    color: var(--primary-foreground);
  }
.sc-ui.sc-ui .data-\[state\=checked\]\:text-sc-on-primary[data-state="checked"], .sc-ui.sc-ui.data-\[state\=checked\]\:text-sc-on-primary[data-state="checked"] {
    color: var(--sc-color-on-primary);
  }
.sc-ui.sc-ui .data-\[state\=checked\]\:text-sc-primary[data-state="checked"], .sc-ui.sc-ui.data-\[state\=checked\]\:text-sc-primary[data-state="checked"] {
    color: var(--sc-color-action-primary);
  }
.sc-ui.sc-ui .data-\[state\=checked\]\:focus\:text-sc-primary[data-state="checked"]:focus, .sc-ui.sc-ui.data-\[state\=checked\]\:focus\:text-sc-primary[data-state="checked"]:focus {
    color: var(--sc-color-action-primary);
  }
.sc-ui.sc-ui .disabled\:data-\[state\=checked\]\:border-sc-control-disabled:disabled[data-state="checked"], .sc-ui.sc-ui.disabled\:data-\[state\=checked\]\:border-sc-control-disabled:disabled[data-state="checked"] {
    border-color: var(--sc-color-surface-control-disabled);
  }
.sc-ui.sc-ui .disabled\:data-\[state\=checked\]\:bg-sc-control-disabled:disabled[data-state="checked"], .sc-ui.sc-ui.disabled\:data-\[state\=checked\]\:bg-sc-control-disabled:disabled[data-state="checked"] {
    background-color: var(--sc-color-surface-control-disabled);
  }
.sc-ui.sc-ui .disabled\:data-\[state\=checked\]\:text-white:disabled[data-state="checked"], .sc-ui.sc-ui.disabled\:data-\[state\=checked\]\:text-white:disabled[data-state="checked"] {
    color: var(--color-white);
  }
.sc-ui.sc-ui .data-\[state\=closed\]\:animate-sc-fade-out[data-state="closed"], .sc-ui.sc-ui.data-\[state\=closed\]\:animate-sc-fade-out[data-state="closed"] {
    animation: sc-fade-out 150ms var(--sc-motion-easing-exit);
  }
.sc-ui.sc-ui .data-\[state\=closed\]\:animate-sc-pop-out[data-state="closed"], .sc-ui.sc-ui.data-\[state\=closed\]\:animate-sc-pop-out[data-state="closed"] {
    animation: sc-pop-out 100ms var(--sc-motion-easing-exit);
  }
.sc-ui.sc-ui .data-\[state\=closed\]\:animate-sc-slide-out-bottom[data-state="closed"], .sc-ui.sc-ui.data-\[state\=closed\]\:animate-sc-slide-out-bottom[data-state="closed"] {
    animation: sc-slide-out-bottom 200ms var(--sc-motion-easing-exit);
  }
.sc-ui.sc-ui .data-\[state\=closed\]\:animate-sc-zoom-out[data-state="closed"], .sc-ui.sc-ui.data-\[state\=closed\]\:animate-sc-zoom-out[data-state="closed"] {
    animation: sc-zoom-out 150ms var(--sc-motion-easing-exit);
  }
.sc-ui.sc-ui .data-\[state\=closed\]\:duration-300[data-state="closed"], .sc-ui.sc-ui.data-\[state\=closed\]\:duration-300[data-state="closed"] {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
.sc-ui.sc-ui .data-\[state\=delayed-open\]\:animate-sc-pop-in[data-state="delayed-open"], .sc-ui.sc-ui.data-\[state\=delayed-open\]\:animate-sc-pop-in[data-state="delayed-open"] {
    animation: sc-pop-in 150ms var(--sc-motion-easing-enter);
  }
.sc-ui.sc-ui .data-\[state\=indeterminate\]\:border-sc-primary[data-state="indeterminate"], .sc-ui.sc-ui.data-\[state\=indeterminate\]\:border-sc-primary[data-state="indeterminate"] {
    border-color: var(--sc-color-action-primary);
  }
.sc-ui.sc-ui .data-\[state\=indeterminate\]\:bg-sc-primary[data-state="indeterminate"], .sc-ui.sc-ui.data-\[state\=indeterminate\]\:bg-sc-primary[data-state="indeterminate"] {
    background-color: var(--sc-color-action-primary);
  }
.sc-ui.sc-ui .data-\[state\=indeterminate\]\:text-sc-on-primary[data-state="indeterminate"], .sc-ui.sc-ui.data-\[state\=indeterminate\]\:text-sc-on-primary[data-state="indeterminate"] {
    color: var(--sc-color-on-primary);
  }
.sc-ui.sc-ui .disabled\:data-\[state\=indeterminate\]\:border-sc-control-disabled:disabled[data-state="indeterminate"], .sc-ui.sc-ui.disabled\:data-\[state\=indeterminate\]\:border-sc-control-disabled:disabled[data-state="indeterminate"] {
    border-color: var(--sc-color-surface-control-disabled);
  }
.sc-ui.sc-ui .disabled\:data-\[state\=indeterminate\]\:bg-sc-control-disabled:disabled[data-state="indeterminate"], .sc-ui.sc-ui.disabled\:data-\[state\=indeterminate\]\:bg-sc-control-disabled:disabled[data-state="indeterminate"] {
    background-color: var(--sc-color-surface-control-disabled);
  }
.sc-ui.sc-ui .disabled\:data-\[state\=indeterminate\]\:text-white:disabled[data-state="indeterminate"], .sc-ui.sc-ui.disabled\:data-\[state\=indeterminate\]\:text-white:disabled[data-state="indeterminate"] {
    color: var(--color-white);
  }
.sc-ui.sc-ui .data-\[state\=instant-open\]\:animate-sc-pop-in[data-state="instant-open"], .sc-ui.sc-ui.data-\[state\=instant-open\]\:animate-sc-pop-in[data-state="instant-open"] {
    animation: sc-pop-in 150ms var(--sc-motion-easing-enter);
  }
.sc-ui.sc-ui .data-\[state\=open\]\:animate-sc-fade-in[data-state="open"], .sc-ui.sc-ui.data-\[state\=open\]\:animate-sc-fade-in[data-state="open"] {
    animation: sc-fade-in 200ms var(--sc-motion-easing-enter);
  }
.sc-ui.sc-ui .data-\[state\=open\]\:animate-sc-pop-in[data-state="open"], .sc-ui.sc-ui.data-\[state\=open\]\:animate-sc-pop-in[data-state="open"] {
    animation: sc-pop-in 150ms var(--sc-motion-easing-enter);
  }
.sc-ui.sc-ui .data-\[state\=open\]\:animate-sc-slide-in-bottom[data-state="open"], .sc-ui.sc-ui.data-\[state\=open\]\:animate-sc-slide-in-bottom[data-state="open"] {
    animation: sc-slide-in-bottom 300ms var(--sc-motion-easing-enter);
  }
.sc-ui.sc-ui .data-\[state\=open\]\:animate-sc-zoom-in[data-state="open"], .sc-ui.sc-ui.data-\[state\=open\]\:animate-sc-zoom-in[data-state="open"] {
    animation: sc-zoom-in 200ms var(--sc-motion-easing-enter);
  }
.sc-ui.sc-ui .data-\[state\=open\]\:border-sc-focus[data-state="open"], .sc-ui.sc-ui.data-\[state\=open\]\:border-sc-focus[data-state="open"] {
    border-color: var(--sc-color-focus);
  }
.sc-ui.sc-ui .data-\[state\=open\]\:bg-accent[data-state="open"], .sc-ui.sc-ui.data-\[state\=open\]\:bg-accent[data-state="open"] {
    background-color: var(--accent);
  }
.sc-ui.sc-ui .data-\[state\=open\]\:bg-sc-control[data-state="open"], .sc-ui.sc-ui.data-\[state\=open\]\:bg-sc-control[data-state="open"] {
    background-color: var(--sc-color-surface-control);
  }
.sc-ui.sc-ui .data-\[state\=open\]\:bg-secondary[data-state="open"], .sc-ui.sc-ui.data-\[state\=open\]\:bg-secondary[data-state="open"] {
    background-color: var(--secondary);
  }
.sc-ui.sc-ui .data-\[state\=open\]\:text-muted-foreground[data-state="open"], .sc-ui.sc-ui.data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
    color: var(--muted-foreground);
  }
.sc-ui.sc-ui .data-\[state\=open\]\:text-sc-text[data-state="open"], .sc-ui.sc-ui.data-\[state\=open\]\:text-sc-text[data-state="open"] {
    color: var(--sc-color-text-primary);
  }
.sc-ui.sc-ui .data-\[state\=open\]\:ring-1[data-state="open"], .sc-ui.sc-ui.data-\[state\=open\]\:ring-1[data-state="open"] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.sc-ui.sc-ui .data-\[state\=open\]\:ring-sc-focus[data-state="open"], .sc-ui.sc-ui.data-\[state\=open\]\:ring-sc-focus[data-state="open"] {
    --tw-ring-color: var(--sc-color-focus);
  }
.sc-ui.sc-ui .data-\[state\=open\]\:duration-500[data-state="open"], .sc-ui.sc-ui.data-\[state\=open\]\:duration-500[data-state="open"] {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
.sc-ui.sc-ui .aria-invalid\:data-\[state\=open\]\:border-sc-danger[aria-invalid="true"][data-state="open"], .sc-ui.sc-ui.aria-invalid\:data-\[state\=open\]\:border-sc-danger[aria-invalid="true"][data-state="open"] {
    border-color: var(--sc-color-danger-text);
  }
.sc-ui.sc-ui .aria-invalid\:data-\[state\=open\]\:ring-sc-danger[aria-invalid="true"][data-state="open"], .sc-ui.sc-ui.aria-invalid\:data-\[state\=open\]\:ring-sc-danger[aria-invalid="true"][data-state="open"] {
    --tw-ring-color: var(--sc-color-danger-text);
  }
.sc-ui.sc-ui .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"], .sc-ui.sc-ui.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.sc-ui.sc-ui .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"], .sc-ui.sc-ui.data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
    background-color: var(--input);
  }
.sc-ui.sc-ui .data-\[state\=unchecked\]\:bg-sc-control[data-state="unchecked"], .sc-ui.sc-ui.data-\[state\=unchecked\]\:bg-sc-control[data-state="unchecked"] {
    background-color: var(--sc-color-surface-control);
  }
.sc-ui.sc-ui .data-\[state\=unchecked\]\:bg-sc-control-hover[data-state="unchecked"], .sc-ui.sc-ui.data-\[state\=unchecked\]\:bg-sc-control-hover[data-state="unchecked"] {
    background-color: var(--sc-color-surface-control-hover);
  }
.sc-ui.sc-ui .data-\[today\]\:font-semibold[data-today], .sc-ui.sc-ui.data-\[today\]\:font-semibold[data-today] {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
.sc-ui.sc-ui .data-\[unavailable\]\:line-through[data-unavailable], .sc-ui.sc-ui.data-\[unavailable\]\:line-through[data-unavailable] {
    text-decoration-line: line-through;
  }
.sc-ui.sc-ui .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"], .sc-ui.sc-ui.data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
    color: var(--destructive);
  }
.sc-ui.sc-ui .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus, .sc-ui.sc-ui.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }
.sc-ui.sc-ui .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus, .sc-ui.sc-ui.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
    color: var(--destructive);
  }
@media (prefers-reduced-motion: reduce) {
    .sc-ui.sc-ui .motion-reduce\:animate-none, .sc-ui.sc-ui.motion-reduce\:animate-none {
      animation: none;
    }
    .sc-ui.sc-ui .motion-reduce\:scroll-auto, .sc-ui.sc-ui.motion-reduce\:scroll-auto {
      scroll-behavior: auto;
    }
    .sc-ui.sc-ui .motion-reduce\:transition-none, .sc-ui.sc-ui.motion-reduce\:transition-none {
      transition-property: none;
    }
    .sc-ui.sc-ui .motion-reduce\:before\:animate-none::before, .sc-ui.sc-ui.motion-reduce\:before\:animate-none::before {
      content: var(--tw-content);
      animation: none;
    }
    .sc-ui.sc-ui .motion-reduce\:active\:scale-100:active, .sc-ui.sc-ui.motion-reduce\:active\:scale-100:active {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
@media (width >= 40rem) {
    .sc-ui.sc-ui .sm\:block, .sc-ui.sc-ui.sm\:block {
      display: block;
    }
    .sc-ui.sc-ui .sm\:max-w-lg, .sc-ui.sc-ui.sm\:max-w-lg {
      max-width: var(--container-lg);
    }
    .sc-ui.sc-ui .sm\:max-w-sm, .sc-ui.sc-ui.sm\:max-w-sm {
      max-width: var(--container-sm);
    }
    .sc-ui.sc-ui .sm\:flex-row, .sc-ui.sc-ui.sm\:flex-row {
      flex-direction: row;
    }
    .sc-ui.sc-ui .sm\:justify-end, .sc-ui.sc-ui.sm\:justify-end {
      justify-content: flex-end;
    }
    .sc-ui.sc-ui .sm\:gap-x-4, .sc-ui.sc-ui.sm\:gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }
    .sc-ui.sc-ui .sm\:gap-y-0, .sc-ui.sc-ui.sm\:gap-y-0 {
      row-gap: 0px;
    }
    .sc-ui.sc-ui .sm\:rounded-lg, .sc-ui.sc-ui.sm\:rounded-lg {
      border-radius: var(--radius-lg);
    }
    .sc-ui.sc-ui .sm\:pr-2\.5, .sc-ui.sc-ui.sm\:pr-2\.5 {
      padding-right: calc(var(--spacing) * 2.5);
    }
    .sc-ui.sc-ui .sm\:text-left, .sc-ui.sc-ui.sm\:text-left {
      text-align: left;
    }
  }
.sc-ui.sc-ui .md\:invisible:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:invisible:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    visibility: hidden;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:invisible:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:invisible:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      visibility: hidden;
    }
  }
.sc-ui.sc-ui .md\:inset-auto:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:inset-auto:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    inset: auto;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:inset-auto:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:inset-auto:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      inset: auto;
    }
  }
.sc-ui.sc-ui .md\:inset-y-0:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:inset-y-0:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    inset-block: 0px;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:inset-y-0:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:inset-y-0:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      inset-block: 0px;
    }
  }
.sc-ui.sc-ui .md\:top-1\/2:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:top-1\/2:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    top: calc(1 / 2 * 100%);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:top-1\/2:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:top-1\/2:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      top: calc(1 / 2 * 100%);
    }
  }
.sc-ui.sc-ui .md\:top-9:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:top-9:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    top: calc(var(--spacing) * 9);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:top-9:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:top-9:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      top: calc(var(--spacing) * 9);
    }
  }
.sc-ui.sc-ui .md\:top-\[68px\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:top-\[68px\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    top: 68px;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:top-\[68px\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:top-\[68px\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      top: 68px;
    }
  }
.sc-ui.sc-ui .md\:right-0:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:right-0:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    right: 0px;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:right-0:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:right-0:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      right: 0px;
    }
  }
.sc-ui.sc-ui .md\:right-9:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:right-9:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    right: calc(var(--spacing) * 9);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:right-9:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:right-9:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      right: calc(var(--spacing) * 9);
    }
  }
.sc-ui.sc-ui .md\:right-auto:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:right-auto:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    right: auto;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:right-auto:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:right-auto:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      right: auto;
    }
  }
.sc-ui.sc-ui .md\:left-1\/2:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:left-1\/2:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    left: calc(1 / 2 * 100%);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:left-1\/2:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:left-1\/2:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      left: calc(1 / 2 * 100%);
    }
  }
.sc-ui.sc-ui .md\:left-auto:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:left-auto:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    left: auto;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:left-auto:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:left-auto:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      left: auto;
    }
  }
.sc-ui.sc-ui .md\:-m-1:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:-m-1:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    margin: calc(var(--spacing) * -1);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:-m-1:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:-m-1:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      margin: calc(var(--spacing) * -1);
    }
  }
.sc-ui.sc-ui .md\:mx-0:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:mx-0:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    margin-inline: 0px;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:mx-0:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:mx-0:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      margin-inline: 0px;
    }
  }
.sc-ui.sc-ui .md\:mt-px:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:mt-px:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    margin-top: 1px;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:mt-px:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:mt-px:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      margin-top: 1px;
    }
  }
.sc-ui.sc-ui .md\:ml-0:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:ml-0:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    margin-left: 0px;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:ml-0:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:ml-0:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      margin-left: 0px;
    }
  }
.sc-ui.sc-ui .md\:contents:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:contents:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    display: contents;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:contents:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:contents:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      display: contents;
    }
  }
.sc-ui.sc-ui .md\:flex:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:flex:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    display: flex;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:flex:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:flex:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      display: flex;
    }
  }
.sc-ui.sc-ui .md\:hidden:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:hidden:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    display: none;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:hidden:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:hidden:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      display: none;
    }
  }
.sc-ui.sc-ui .md\:inline:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:inline:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    display: inline;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:inline:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:inline:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      display: inline;
    }
  }
.sc-ui.sc-ui .md\:size-5:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:size-5:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:size-5:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:size-5:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
  }
.sc-ui.sc-ui .md\:size-6:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:size-6:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:size-6:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:size-6:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
  }
.sc-ui.sc-ui .md\:size-8:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:size-8:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:size-8:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:size-8:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }
.sc-ui.sc-ui .md\:size-9:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:size-9:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:size-9:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:size-9:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }
  }
.sc-ui.sc-ui .md\:size-12:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:size-12:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:size-12:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:size-12:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
  }
.sc-ui.sc-ui .md\:h-5:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:h-5:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    height: calc(var(--spacing) * 5);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:h-5:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:h-5:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      height: calc(var(--spacing) * 5);
    }
  }
.sc-ui.sc-ui .md\:h-6:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:h-6:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    height: calc(var(--spacing) * 6);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:h-6:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:h-6:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      height: calc(var(--spacing) * 6);
    }
  }
.sc-ui.sc-ui .md\:h-7:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:h-7:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    height: calc(var(--spacing) * 7);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:h-7:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:h-7:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      height: calc(var(--spacing) * 7);
    }
  }
.sc-ui.sc-ui .md\:h-8:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:h-8:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    height: calc(var(--spacing) * 8);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:h-8:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:h-8:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      height: calc(var(--spacing) * 8);
    }
  }
.sc-ui.sc-ui .md\:h-9:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:h-9:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    height: calc(var(--spacing) * 9);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:h-9:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:h-9:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      height: calc(var(--spacing) * 9);
    }
  }
.sc-ui.sc-ui .md\:h-10:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:h-10:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    height: calc(var(--spacing) * 10);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:h-10:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:h-10:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      height: calc(var(--spacing) * 10);
    }
  }
.sc-ui.sc-ui .md\:h-\[18px\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:h-\[18px\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    height: 18px;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:h-\[18px\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:h-\[18px\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      height: 18px;
    }
  }
.sc-ui.sc-ui .md\:h-dvh:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:h-dvh:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    height: 100dvh;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:h-dvh:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:h-dvh:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      height: 100dvh;
    }
  }
.sc-ui.sc-ui .md\:max-h-\[calc\(100dvh-48px\)\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:max-h-\[calc\(100dvh-48px\)\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    max-height: calc(100dvh - 48px);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:max-h-\[calc\(100dvh-48px\)\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:max-h-\[calc\(100dvh-48px\)\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      max-height: calc(100dvh - 48px);
    }
  }
.sc-ui.sc-ui .md\:max-h-dvh:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:max-h-dvh:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    max-height: 100dvh;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:max-h-dvh:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:max-h-dvh:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      max-height: 100dvh;
    }
  }
.sc-ui.sc-ui .md\:min-h-0:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:min-h-0:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    min-height: 0px;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:min-h-0:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:min-h-0:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      min-height: 0px;
    }
  }
.sc-ui.sc-ui .md\:min-h-8:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:min-h-8:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    min-height: calc(var(--spacing) * 8);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:min-h-8:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:min-h-8:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      min-height: calc(var(--spacing) * 8);
    }
  }
.sc-ui.sc-ui .md\:w-7:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:w-7:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    width: calc(var(--spacing) * 7);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:w-7:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:w-7:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      width: calc(var(--spacing) * 7);
    }
  }
.sc-ui.sc-ui .md\:w-8:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:w-8:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    width: calc(var(--spacing) * 8);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:w-8:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:w-8:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      width: calc(var(--spacing) * 8);
    }
  }
.sc-ui.sc-ui .md\:w-9:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:w-9:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    width: calc(var(--spacing) * 9);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:w-9:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:w-9:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      width: calc(var(--spacing) * 9);
    }
  }
.sc-ui.sc-ui .md\:w-10:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:w-10:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    width: calc(var(--spacing) * 10);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:w-10:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:w-10:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      width: calc(var(--spacing) * 10);
    }
  }
.sc-ui.sc-ui .md\:w-\[288px\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:w-\[288px\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    width: 288px;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:w-\[288px\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:w-\[288px\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      width: 288px;
    }
  }
.sc-ui.sc-ui .md\:w-\[min\(520px\,100vw\)\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *),.sc-ui.sc-ui.md\:w-\[min\(520px\,100vw\)\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    width: min(520px, 100vw);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:w-\[min\(520px\,100vw\)\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)),.sc-ui.sc-ui.md\:w-\[min\(520px\,100vw\)\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      width: min(520px, 100vw);
    }
  }
.sc-ui.sc-ui .md\:w-\[min\(520px\,calc\(100vw-48px\)\)\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *),.sc-ui.sc-ui.md\:w-\[min\(520px\,calc\(100vw-48px\)\)\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    width: min(520px, calc(100vw - 48px));
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:w-\[min\(520px\,calc\(100vw-48px\)\)\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)),.sc-ui.sc-ui.md\:w-\[min\(520px\,calc\(100vw-48px\)\)\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      width: min(520px, calc(100vw - 48px));
    }
  }
.sc-ui.sc-ui .md\:w-\[min\(640px\,100vw\)\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *),.sc-ui.sc-ui.md\:w-\[min\(640px\,100vw\)\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    width: min(640px, 100vw);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:w-\[min\(640px\,100vw\)\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)),.sc-ui.sc-ui.md\:w-\[min\(640px\,100vw\)\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      width: min(640px, 100vw);
    }
  }
.sc-ui.sc-ui .md\:w-\[min\(720px\,100vw\)\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *),.sc-ui.sc-ui.md\:w-\[min\(720px\,100vw\)\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    width: min(720px, 100vw);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:w-\[min\(720px\,100vw\)\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)),.sc-ui.sc-ui.md\:w-\[min\(720px\,100vw\)\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      width: min(720px, 100vw);
    }
  }
.sc-ui.sc-ui .md\:w-\[min\(960px\,calc\(100vw-48px\)\)\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *),.sc-ui.sc-ui.md\:w-\[min\(960px\,calc\(100vw-48px\)\)\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    width: min(960px, calc(100vw - 48px));
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:w-\[min\(960px\,calc\(100vw-48px\)\)\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)),.sc-ui.sc-ui.md\:w-\[min\(960px\,calc\(100vw-48px\)\)\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      width: min(960px, calc(100vw - 48px));
    }
  }
.sc-ui.sc-ui .md\:w-auto:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:w-auto:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    width: auto;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:w-auto:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:w-auto:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      width: auto;
    }
  }
.sc-ui.sc-ui .md\:w-full:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:w-full:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    width: 100%;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:w-full:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:w-full:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      width: 100%;
    }
  }
.sc-ui.sc-ui .md\:max-w-\[480px\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:max-w-\[480px\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    max-width: 480px;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:max-w-\[480px\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:max-w-\[480px\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      max-width: 480px;
    }
  }
.sc-ui.sc-ui .md\:max-w-none:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:max-w-none:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    max-width: none;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:max-w-none:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:max-w-none:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      max-width: none;
    }
  }
.sc-ui.sc-ui .md\:min-w-0:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:min-w-0:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    min-width: 0px;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:min-w-0:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:min-w-0:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      min-width: 0px;
    }
  }
.sc-ui.sc-ui .md\:min-w-8:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:min-w-8:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    min-width: calc(var(--spacing) * 8);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:min-w-8:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:min-w-8:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      min-width: calc(var(--spacing) * 8);
    }
  }
.sc-ui.sc-ui .md\:flex-1:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:flex-1:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    flex: 1;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:flex-1:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:flex-1:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      flex: 1;
    }
  }
.sc-ui.sc-ui .md\:flex-none:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:flex-none:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    flex: none;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:flex-none:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:flex-none:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      flex: none;
    }
  }
.sc-ui.sc-ui .md\:-translate-x-1\/2:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:-translate-x-1\/2:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:-translate-x-1\/2:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:-translate-x-1\/2:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
.sc-ui.sc-ui .md\:-translate-y-1\/2:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:-translate-y-1\/2:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:-translate-y-1\/2:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:-translate-y-1\/2:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
.sc-ui.sc-ui .md\:-translate-y-4:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:-translate-y-4:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    --tw-translate-y: calc(var(--spacing) * -4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:-translate-y-4:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:-translate-y-4:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      --tw-translate-y: calc(var(--spacing) * -4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
.sc-ui.sc-ui .md\:flex-row:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:flex-row:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    flex-direction: row;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:flex-row:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:flex-row:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      flex-direction: row;
    }
  }
.sc-ui.sc-ui .md\:flex-nowrap:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:flex-nowrap:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    flex-wrap: nowrap;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:flex-nowrap:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:flex-nowrap:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      flex-wrap: nowrap;
    }
  }
.sc-ui.sc-ui .md\:flex-wrap:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:flex-wrap:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    flex-wrap: wrap;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:flex-wrap:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:flex-wrap:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      flex-wrap: wrap;
    }
  }
.sc-ui.sc-ui .md\:items-start:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:items-start:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    align-items: flex-start;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:items-start:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:items-start:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      align-items: flex-start;
    }
  }
.sc-ui.sc-ui .md\:justify-end:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:justify-end:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    justify-content: flex-end;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:justify-end:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:justify-end:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      justify-content: flex-end;
    }
  }
.sc-ui.sc-ui .md\:justify-start:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:justify-start:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    justify-content: flex-start;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:justify-start:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:justify-start:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      justify-content: flex-start;
    }
  }
.sc-ui.sc-ui .md\:gap-2:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:gap-2:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    gap: calc(var(--spacing) * 2);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:gap-2:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:gap-2:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      gap: calc(var(--spacing) * 2);
    }
  }
.sc-ui.sc-ui .md\:gap-6:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:gap-6:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    gap: calc(var(--spacing) * 6);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:gap-6:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:gap-6:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      gap: calc(var(--spacing) * 6);
    }
  }
.sc-ui.sc-ui .md\:gap-8:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:gap-8:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    gap: calc(var(--spacing) * 8);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:gap-8:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:gap-8:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      gap: calc(var(--spacing) * 8);
    }
  }
.sc-ui.sc-ui .md\:overflow-visible:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:overflow-visible:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    overflow: visible;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:overflow-visible:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:overflow-visible:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      overflow: visible;
    }
  }
.sc-ui.sc-ui .md\:rounded-none:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:rounded-none:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    border-radius: 0;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:rounded-none:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:rounded-none:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      border-radius: 0;
    }
  }
.sc-ui.sc-ui .md\:rounded-sc-control:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:rounded-sc-control:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    border-radius: var(--sc-radius-control);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:rounded-sc-control:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:rounded-sc-control:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      border-radius: var(--sc-radius-control);
    }
  }
.sc-ui.sc-ui .md\:rounded-sc-lg:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:rounded-sc-lg:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    border-radius: var(--sc-radius-large);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:rounded-sc-lg:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:rounded-sc-lg:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      border-radius: var(--sc-radius-large);
    }
  }
.sc-ui.sc-ui .md\:rounded-sc-md:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:rounded-sc-md:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    border-radius: var(--sc-radius-medium);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:rounded-sc-md:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:rounded-sc-md:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      border-radius: var(--sc-radius-medium);
    }
  }
.sc-ui.sc-ui .md\:rounded-l-sc-lg:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:rounded-l-sc-lg:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    border-top-left-radius: var(--sc-radius-large);
    border-bottom-left-radius: var(--sc-radius-large);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:rounded-l-sc-lg:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:rounded-l-sc-lg:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      border-top-left-radius: var(--sc-radius-large);
      border-bottom-left-radius: var(--sc-radius-large);
    }
  }
.sc-ui.sc-ui .md\:bg-sc-overlay:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:bg-sc-overlay:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    background-color: var(--sc-color-overlay-modal);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:bg-sc-overlay:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:bg-sc-overlay:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      background-color: var(--sc-color-overlay-modal);
    }
  }
.sc-ui.sc-ui .md\:bg-sc-surface:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:bg-sc-surface:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    background-color: var(--sc-color-surface-primary);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:bg-sc-surface:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:bg-sc-surface:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      background-color: var(--sc-color-surface-primary);
    }
  }
.sc-ui.sc-ui .md\:p-0:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:p-0:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    padding: 0px;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:p-0:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:p-0:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      padding: 0px;
    }
  }
.sc-ui.sc-ui .md\:p-6:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:p-6:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    padding: calc(var(--spacing) * 6);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:p-6:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:p-6:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      padding: calc(var(--spacing) * 6);
    }
  }
.sc-ui.sc-ui .md\:p-8:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:p-8:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    padding: calc(var(--spacing) * 8);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:p-8:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:p-8:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      padding: calc(var(--spacing) * 8);
    }
  }
.sc-ui.sc-ui .md\:p-12:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:p-12:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    padding: calc(var(--spacing) * 12);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:p-12:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:p-12:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      padding: calc(var(--spacing) * 12);
    }
  }
.sc-ui.sc-ui .md\:px-0:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:px-0:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    padding-inline: 0px;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:px-0:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:px-0:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      padding-inline: 0px;
    }
  }
.sc-ui.sc-ui .md\:px-1:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:px-1:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    padding-inline: var(--spacing);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:px-1:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:px-1:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      padding-inline: var(--spacing);
    }
  }
.sc-ui.sc-ui .md\:px-1\.5:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:px-1\.5:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    padding-inline: calc(var(--spacing) * 1.5);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:px-1\.5:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:px-1\.5:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      padding-inline: calc(var(--spacing) * 1.5);
    }
  }
.sc-ui.sc-ui .md\:px-4:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:px-4:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    padding-inline: calc(var(--spacing) * 4);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:px-4:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:px-4:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
.sc-ui.sc-ui .md\:px-6:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:px-6:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    padding-inline: calc(var(--spacing) * 6);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:px-6:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:px-6:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
.sc-ui.sc-ui .md\:py-\[9px\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:py-\[9px\]:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    padding-block: 9px;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:py-\[9px\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:py-\[9px\]:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      padding-block: 9px;
    }
  }
.sc-ui.sc-ui .md\:pt-5:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:pt-5:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    padding-top: calc(var(--spacing) * 5);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:pt-5:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:pt-5:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      padding-top: calc(var(--spacing) * 5);
    }
  }
.sc-ui.sc-ui .md\:pt-6:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:pt-6:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    padding-top: calc(var(--spacing) * 6);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:pt-6:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:pt-6:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      padding-top: calc(var(--spacing) * 6);
    }
  }
.sc-ui.sc-ui .md\:pb-0:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:pb-0:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    padding-bottom: 0px;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:pb-0:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:pb-0:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      padding-bottom: 0px;
    }
  }
.sc-ui.sc-ui .md\:pb-3:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:pb-3:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    padding-bottom: calc(var(--spacing) * 3);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:pb-3:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:pb-3:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      padding-bottom: calc(var(--spacing) * 3);
    }
  }
.sc-ui.sc-ui .md\:pb-6:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:pb-6:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    padding-bottom: calc(var(--spacing) * 6);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:pb-6:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:pb-6:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
.sc-ui.sc-ui .md\:text-left:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:text-left:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    text-align: left;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:text-left:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:text-left:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      text-align: left;
    }
  }
.sc-ui.sc-ui .md\:text-sc-body:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:text-sc-body:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    font-size: 14px;
    line-height: var(--tw-leading, 22px);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:text-sc-body:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:text-sc-body:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      font-size: 14px;
      line-height: var(--tw-leading, 22px);
    }
  }
.sc-ui.sc-ui .md\:text-sm:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:text-sm:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:text-sm:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:text-sm:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
.sc-ui.sc-ui .md\:text-sc-danger-icon:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:text-sc-danger-icon:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    color: var(--sc-color-danger-icon);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:text-sc-danger-icon:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:text-sc-danger-icon:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      color: var(--sc-color-danger-icon);
    }
  }
.sc-ui.sc-ui .md\:text-sc-info-icon:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:text-sc-info-icon:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    color: var(--sc-color-info-icon);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:text-sc-info-icon:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:text-sc-info-icon:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      color: var(--sc-color-info-icon);
    }
  }
.sc-ui.sc-ui .md\:text-sc-link:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:text-sc-link:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    color: var(--sc-color-text-link);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:text-sc-link:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:text-sc-link:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      color: var(--sc-color-text-link);
    }
  }
.sc-ui.sc-ui .md\:text-sc-success-icon:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:text-sc-success-icon:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    color: var(--sc-color-success-icon);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:text-sc-success-icon:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:text-sc-success-icon:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      color: var(--sc-color-success-icon);
    }
  }
.sc-ui.sc-ui .md\:text-sc-text:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:text-sc-text:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    color: var(--sc-color-text-primary);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:text-sc-text:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:text-sc-text:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      color: var(--sc-color-text-primary);
    }
  }
.sc-ui.sc-ui .md\:text-sc-text-2:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:text-sc-text-2:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    color: var(--sc-color-text-secondary);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:text-sc-text-2:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:text-sc-text-2:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      color: var(--sc-color-text-secondary);
    }
  }
.sc-ui.sc-ui .md\:text-sc-warning-icon:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:text-sc-warning-icon:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    color: var(--sc-color-warning-icon);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:text-sc-warning-icon:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:text-sc-warning-icon:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      color: var(--sc-color-warning-icon);
    }
  }
.sc-ui.sc-ui .md\:no-underline:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:no-underline:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    text-decoration-line: none;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:no-underline:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:no-underline:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      text-decoration-line: none;
    }
  }
.sc-ui.sc-ui .md\:shadow-sc-floating:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:shadow-sc-floating:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    --tw-shadow: var(--sc-elevation-floating);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:shadow-sc-floating:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:shadow-sc-floating:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      --tw-shadow: var(--sc-elevation-floating);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
.sc-ui.sc-ui .md\:shadow-sc-modal:where([data-sc-device='desktop'], [data-sc-device='desktop'] *), .sc-ui.sc-ui.md\:shadow-sc-modal:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) {
    --tw-shadow: var(--sc-elevation-modal);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:shadow-sc-modal:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)), .sc-ui.sc-ui.md\:shadow-sc-modal:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) {
      --tw-shadow: var(--sc-elevation-modal);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
.sc-ui.sc-ui :is(.md\:\*\:flex-none:where([data-sc-device='desktop'], [data-sc-device='desktop'] *) > *) {
    flex: none;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui :is(.md\:\*\:flex-none:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)) > *) {
      flex: none;
    }
  }
.sc-ui.sc-ui .md\:group-focus-within\:visible:where([data-sc-device='desktop'], [data-sc-device='desktop'] *):is(:where(.group):focus-within *), .sc-ui.sc-ui.md\:group-focus-within\:visible:where([data-sc-device='desktop'], [data-sc-device='desktop'] *):is(:where(.group):focus-within *) {
    visibility: visible;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:group-focus-within\:visible:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)):is(:where(.group):focus-within *), .sc-ui.sc-ui.md\:group-focus-within\:visible:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)):is(:where(.group):focus-within *) {
      visibility: visible;
    }
  }
@media (hover: hover) {
    .sc-ui.sc-ui .md\:group-hover\:visible:where([data-sc-device='desktop'], [data-sc-device='desktop'] *):is(:where(.group):hover *), .sc-ui.sc-ui.md\:group-hover\:visible:where([data-sc-device='desktop'], [data-sc-device='desktop'] *):is(:where(.group):hover *) {
      visibility: visible;
    }
  }
@media (width >= 48rem) {
    @media (hover: hover) {
      .sc-ui.sc-ui .md\:group-hover\:visible:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)):is(:where(.group):hover *), .sc-ui.sc-ui.md\:group-hover\:visible:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)):is(:where(.group):hover *) {
        visibility: visible;
      }
    }
  }
.sc-ui.sc-ui .md\:before\:hidden:where([data-sc-device='desktop'], [data-sc-device='desktop'] *)::before, .sc-ui.sc-ui.md\:before\:hidden:where([data-sc-device='desktop'], [data-sc-device='desktop'] *)::before {
    content: var(--tw-content);
    display: none;
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:before\:hidden:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *))::before, .sc-ui.sc-ui.md\:before\:hidden:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *))::before {
      content: var(--tw-content);
      display: none;
    }
  }
@media (hover: hover) {
    .sc-ui.sc-ui .md\:hover\:text-sc-text:where([data-sc-device='desktop'], [data-sc-device='desktop'] *):hover, .sc-ui.sc-ui.md\:hover\:text-sc-text:where([data-sc-device='desktop'], [data-sc-device='desktop'] *):hover {
      color: var(--sc-color-text-primary);
    }
  }
@media (width >= 48rem) {
    @media (hover: hover) {
      .sc-ui.sc-ui .md\:hover\:text-sc-text:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)):hover, .sc-ui.sc-ui.md\:hover\:text-sc-text:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)):hover {
        color: var(--sc-color-text-primary);
      }
    }
  }
@media (hover: hover) {
    .sc-ui.sc-ui .md\:hover\:underline:where([data-sc-device='desktop'], [data-sc-device='desktop'] *):hover, .sc-ui.sc-ui.md\:hover\:underline:where([data-sc-device='desktop'], [data-sc-device='desktop'] *):hover {
      text-decoration-line: underline;
    }
  }
@media (width >= 48rem) {
    @media (hover: hover) {
      .sc-ui.sc-ui .md\:hover\:underline:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)):hover, .sc-ui.sc-ui.md\:hover\:underline:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *)):hover {
        text-decoration-line: underline;
      }
    }
  }
.sc-ui.sc-ui .md\:data-\[state\=closed\]\:animate-sc-slide-out-right:where([data-sc-device='desktop'], [data-sc-device='desktop'] *)[data-state="closed"], .sc-ui.sc-ui.md\:data-\[state\=closed\]\:animate-sc-slide-out-right:where([data-sc-device='desktop'], [data-sc-device='desktop'] *)[data-state="closed"] {
    animation: sc-slide-out-right 200ms var(--sc-motion-easing-exit);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:data-\[state\=closed\]\:animate-sc-slide-out-right:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *))[data-state="closed"], .sc-ui.sc-ui.md\:data-\[state\=closed\]\:animate-sc-slide-out-right:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *))[data-state="closed"] {
      animation: sc-slide-out-right 200ms var(--sc-motion-easing-exit);
    }
  }
.sc-ui.sc-ui .md\:data-\[state\=closed\]\:animate-sc-zoom-out:where([data-sc-device='desktop'], [data-sc-device='desktop'] *)[data-state="closed"], .sc-ui.sc-ui.md\:data-\[state\=closed\]\:animate-sc-zoom-out:where([data-sc-device='desktop'], [data-sc-device='desktop'] *)[data-state="closed"] {
    animation: sc-zoom-out 150ms var(--sc-motion-easing-exit);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:data-\[state\=closed\]\:animate-sc-zoom-out:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *))[data-state="closed"], .sc-ui.sc-ui.md\:data-\[state\=closed\]\:animate-sc-zoom-out:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *))[data-state="closed"] {
      animation: sc-zoom-out 150ms var(--sc-motion-easing-exit);
    }
  }
.sc-ui.sc-ui .md\:data-\[state\=open\]\:animate-sc-slide-in-right:where([data-sc-device='desktop'], [data-sc-device='desktop'] *)[data-state="open"], .sc-ui.sc-ui.md\:data-\[state\=open\]\:animate-sc-slide-in-right:where([data-sc-device='desktop'], [data-sc-device='desktop'] *)[data-state="open"] {
    animation: sc-slide-in-right 300ms var(--sc-motion-easing-enter);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:data-\[state\=open\]\:animate-sc-slide-in-right:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *))[data-state="open"], .sc-ui.sc-ui.md\:data-\[state\=open\]\:animate-sc-slide-in-right:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *))[data-state="open"] {
      animation: sc-slide-in-right 300ms var(--sc-motion-easing-enter);
    }
  }
.sc-ui.sc-ui .md\:data-\[state\=open\]\:animate-sc-zoom-in:where([data-sc-device='desktop'], [data-sc-device='desktop'] *)[data-state="open"], .sc-ui.sc-ui.md\:data-\[state\=open\]\:animate-sc-zoom-in:where([data-sc-device='desktop'], [data-sc-device='desktop'] *)[data-state="open"] {
    animation: sc-zoom-in 200ms var(--sc-motion-easing-enter);
  }
@media (width >= 48rem) {
    .sc-ui.sc-ui .md\:data-\[state\=open\]\:animate-sc-zoom-in:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *))[data-state="open"], .sc-ui.sc-ui.md\:data-\[state\=open\]\:animate-sc-zoom-in:where(:not([data-sc-device='mobile'], [data-sc-device='mobile'] *))[data-state="open"] {
      animation: sc-zoom-in 200ms var(--sc-motion-easing-enter);
    }
  }
.sc-ui.sc-ui .dark\:border:where([data-sc-theme='dark'], [data-sc-theme='dark'] *), .sc-ui.sc-ui.dark\:border:where([data-sc-theme='dark'], [data-sc-theme='dark'] *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
.sc-ui.sc-ui .dark\:border-input:where([data-sc-theme='dark'], [data-sc-theme='dark'] *), .sc-ui.sc-ui.dark\:border-input:where([data-sc-theme='dark'], [data-sc-theme='dark'] *) {
    border-color: var(--input);
  }
.sc-ui.sc-ui .dark\:border-sc-border:where([data-sc-theme='dark'], [data-sc-theme='dark'] *), .sc-ui.sc-ui.dark\:border-sc-border:where([data-sc-theme='dark'], [data-sc-theme='dark'] *) {
    border-color: var(--sc-color-border-default);
  }
.sc-ui.sc-ui .dark\:bg-destructive\/60:where([data-sc-theme='dark'], [data-sc-theme='dark'] *), .sc-ui.sc-ui.dark\:bg-destructive\/60:where([data-sc-theme='dark'], [data-sc-theme='dark'] *) {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
    }
  }
.sc-ui.sc-ui .dark\:bg-input\/30:where([data-sc-theme='dark'], [data-sc-theme='dark'] *), .sc-ui.sc-ui.dark\:bg-input\/30:where([data-sc-theme='dark'], [data-sc-theme='dark'] *) {
    background-color: var(--input);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }
.sc-ui.sc-ui .dark\:text-muted-foreground:where([data-sc-theme='dark'], [data-sc-theme='dark'] *), .sc-ui.sc-ui.dark\:text-muted-foreground:where([data-sc-theme='dark'], [data-sc-theme='dark'] *) {
    color: var(--muted-foreground);
  }
@media (hover: hover) {
    .sc-ui.sc-ui .dark\:hover\:bg-accent\/50:where([data-sc-theme='dark'], [data-sc-theme='dark'] *):hover, .sc-ui.sc-ui.dark\:hover\:bg-accent\/50:where([data-sc-theme='dark'], [data-sc-theme='dark'] *):hover {
      background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .sc-ui.sc-ui .dark\:hover\:bg-accent\/50:where([data-sc-theme='dark'], [data-sc-theme='dark'] *):hover, .sc-ui.sc-ui.dark\:hover\:bg-accent\/50:where([data-sc-theme='dark'], [data-sc-theme='dark'] *):hover {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }
    .sc-ui.sc-ui .dark\:hover\:bg-input\/50:where([data-sc-theme='dark'], [data-sc-theme='dark'] *):hover, .sc-ui.sc-ui.dark\:hover\:bg-input\/50:where([data-sc-theme='dark'], [data-sc-theme='dark'] *):hover {
      background-color: var(--input);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .sc-ui.sc-ui .dark\:hover\:bg-input\/50:where([data-sc-theme='dark'], [data-sc-theme='dark'] *):hover, .sc-ui.sc-ui.dark\:hover\:bg-input\/50:where([data-sc-theme='dark'], [data-sc-theme='dark'] *):hover {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
  }
.sc-ui.sc-ui .dark\:focus-visible\:ring-destructive\/40:where([data-sc-theme='dark'], [data-sc-theme='dark'] *):focus-visible, .sc-ui.sc-ui.dark\:focus-visible\:ring-destructive\/40:where([data-sc-theme='dark'], [data-sc-theme='dark'] *):focus-visible {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }
.sc-ui.sc-ui .dark\:aria-invalid\:ring-destructive\/40:where([data-sc-theme='dark'], [data-sc-theme='dark'] *)[aria-invalid="true"], .sc-ui.sc-ui.dark\:aria-invalid\:ring-destructive\/40:where([data-sc-theme='dark'], [data-sc-theme='dark'] *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }
.sc-ui.sc-ui .dark\:data-\[state\=active\]\:border-input:where([data-sc-theme='dark'], [data-sc-theme='dark'] *)[data-state="active"], .sc-ui.sc-ui.dark\:data-\[state\=active\]\:border-input:where([data-sc-theme='dark'], [data-sc-theme='dark'] *)[data-state="active"] {
    border-color: var(--input);
  }
.sc-ui.sc-ui .dark\:data-\[state\=active\]\:bg-input\/30:where([data-sc-theme='dark'], [data-sc-theme='dark'] *)[data-state="active"], .sc-ui.sc-ui.dark\:data-\[state\=active\]\:bg-input\/30:where([data-sc-theme='dark'], [data-sc-theme='dark'] *)[data-state="active"] {
    background-color: var(--input);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }
.sc-ui.sc-ui .dark\:data-\[state\=active\]\:text-foreground:where([data-sc-theme='dark'], [data-sc-theme='dark'] *)[data-state="active"], .sc-ui.sc-ui.dark\:data-\[state\=active\]\:text-foreground:where([data-sc-theme='dark'], [data-sc-theme='dark'] *)[data-state="active"] {
    color: var(--foreground);
  }
.sc-ui.sc-ui .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where([data-sc-theme='dark'], [data-sc-theme='dark'] *)[data-variant="destructive"]:focus, .sc-ui.sc-ui.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where([data-sc-theme='dark'], [data-sc-theme='dark'] *)[data-variant="destructive"]:focus {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
.sc-ui.sc-ui .\[\&_p\]\:leading-relaxed p, .sc-ui.sc-ui.\[\&_p\]\:leading-relaxed p {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
.sc-ui.sc-ui .\[\&_svg\]\:pointer-events-none svg, .sc-ui.sc-ui.\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }
.sc-ui.sc-ui .\[\&_svg\]\:shrink-0 svg, .sc-ui.sc-ui.\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }
.sc-ui.sc-ui .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*='size-']), .sc-ui.sc-ui.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*='size-']) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
.sc-ui.sc-ui .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']), .sc-ui.sc-ui.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
.sc-ui.sc-ui .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*='size-']), .sc-ui.sc-ui.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*='size-']) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
.sc-ui.sc-ui .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*='text-']), .sc-ui.sc-ui.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*='text-']) {
    color: var(--muted-foreground);
  }
.sc-ui.sc-ui .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar, .sc-ui.sc-ui.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }
.sc-ui.sc-ui .\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button, .sc-ui.sc-ui.\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button {
    appearance: none;
  }
.sc-ui.sc-ui .\[\&\:has\(\[data-selected\]\)\]\:rounded-md:has([data-selected]), .sc-ui.sc-ui.\[\&\:has\(\[data-selected\]\)\]\:rounded-md:has([data-selected]) {
    border-radius: var(--radius-md);
  }
.sc-ui.sc-ui .\[\&\:has\(\[data-selected\]\)\]\:bg-accent:has([data-selected]), .sc-ui.sc-ui.\[\&\:has\(\[data-selected\]\)\]\:bg-accent:has([data-selected]) {
    background-color: var(--accent);
  }
.sc-ui.sc-ui .\[\&\:has\(\[data-selected\]\)\]\:bg-transparent:has([data-selected]), .sc-ui.sc-ui.\[\&\:has\(\[data-selected\]\)\]\:bg-transparent:has([data-selected]) {
    background-color: transparent;
  }
.sc-ui.sc-ui .first\:\[\&\:has\(\[data-selected\]\)\]\:rounded-l-md:first-child:has([data-selected]), .sc-ui.sc-ui.first\:\[\&\:has\(\[data-selected\]\)\]\:rounded-l-md:first-child:has([data-selected]) {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
.sc-ui.sc-ui .last\:\[\&\:has\(\[data-selected\]\)\]\:rounded-r-md:last-child:has([data-selected]), .sc-ui.sc-ui.last\:\[\&\:has\(\[data-selected\]\)\]\:rounded-r-md:last-child:has([data-selected]) {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }
.sc-ui.sc-ui .\[\&\:has\(\[data-selected\]\[data-selection-end\]\)\]\:rounded-r-md:has([data-selected][data-selection-end]), .sc-ui.sc-ui.\[\&\:has\(\[data-selected\]\[data-selection-end\]\)\]\:rounded-r-md:has([data-selected][data-selection-end]) {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }
.sc-ui.sc-ui .\[\&\:has\(\[data-selected\]\[data-selection-start\]\)\]\:rounded-l-md:has([data-selected][data-selection-start]), .sc-ui.sc-ui.\[\&\:has\(\[data-selected\]\[data-selection-start\]\)\]\:rounded-l-md:has([data-selected][data-selection-start]) {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
.sc-ui.sc-ui .\[\.border-b\]\:pb-6:is(.border-b), .sc-ui.sc-ui.\[\.border-b\]\:pb-6:is(.border-b) {
    padding-bottom: calc(var(--spacing) * 6);
  }
.sc-ui.sc-ui .\[\.border-t\]\:pt-6:is(.border-t), .sc-ui.sc-ui.\[\.border-t\]\:pt-6:is(.border-t) {
    padding-top: calc(var(--spacing) * 6);
  }
.sc-ui.sc-ui :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }
.sc-ui.sc-ui :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }
.sc-ui.sc-ui :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing) * 2);
  }
.sc-ui.sc-ui :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\![data-variant="destructive"] > *):is(svg) {
    color: var(--destructive) !important;
  }
.sc-ui.sc-ui .\[\&\>a\]\:underline > a, .sc-ui.sc-ui.\[\&\>a\]\:underline > a {
    text-decoration-line: underline;
  }
.sc-ui.sc-ui .\[\&\>a\]\:underline-offset-4 > a, .sc-ui.sc-ui.\[\&\>a\]\:underline-offset-4 > a {
    text-underline-offset: 4px;
  }
.sc-ui.sc-ui .\[\&\>a\:hover\]\:text-primary > a:hover, .sc-ui.sc-ui.\[\&\>a\:hover\]\:text-primary > a:hover {
    color: var(--primary);
  }
.sc-ui.sc-ui .\[\&\>svg\]\:pointer-events-none > svg, .sc-ui.sc-ui.\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }
.sc-ui.sc-ui .\[\&\>svg\]\:size-3 > svg, .sc-ui.sc-ui.\[\&\>svg\]\:size-3 > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
.sc-ui.sc-ui .\[\&\>svg\]\:size-4 > svg, .sc-ui.sc-ui.\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
.sc-ui.sc-ui .\[\&\>svg\]\:translate-y-0\.5 > svg, .sc-ui.sc-ui.\[\&\>svg\]\:translate-y-0\.5 > svg {
    --tw-translate-y: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.sc-ui.sc-ui .\[\&\>svg\]\:text-current > svg, .sc-ui.sc-ui.\[\&\>svg\]\:text-current > svg {
    color: currentcolor;
  }
.sc-ui.sc-ui .\[\&\[data-selection-end\]\:hover\]\:bg-primary[data-selection-end]:hover, .sc-ui.sc-ui.\[\&\[data-selection-end\]\:hover\]\:bg-primary[data-selection-end]:hover {
    background-color: var(--primary);
  }
.sc-ui.sc-ui .\[\&\[data-selection-start\]\:hover\]\:bg-primary[data-selection-start]:hover, .sc-ui.sc-ui.\[\&\[data-selection-start\]\:hover\]\:bg-primary[data-selection-start]:hover {
    background-color: var(--primary);
  }
.sc-ui.sc-ui .\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:bg-accent[data-today]:not([data-selected]), .sc-ui.sc-ui.\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:bg-accent[data-today]:not([data-selected]) {
    background-color: var(--accent);
  }
.sc-ui.sc-ui .\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:bg-transparent[data-today]:not([data-selected]), .sc-ui.sc-ui.\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:bg-transparent[data-today]:not([data-selected]) {
    background-color: transparent;
  }
.sc-ui.sc-ui .\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:text-accent-foreground[data-today]:not([data-selected]), .sc-ui.sc-ui.\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:text-accent-foreground[data-today]:not([data-selected]) {
    color: var(--accent-foreground);
  }
.sc-ui.sc-ui .\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:text-primary[data-today]:not([data-selected]), .sc-ui.sc-ui.\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:text-primary[data-today]:not([data-selected]) {
    color: var(--primary);
  }
.sc-ui.sc-ui .\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:text-sc-primary[data-today]:not([data-selected]), .sc-ui.sc-ui.\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:text-sc-primary[data-today]:not([data-selected]) {
    color: var(--sc-color-action-primary);
  }
@media (hover: hover) {
    .sc-ui.sc-ui .\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:hover\:bg-sc-subtle[data-today]:not([data-selected]):hover, .sc-ui.sc-ui.\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:hover\:bg-sc-subtle[data-today]:not([data-selected]):hover {
      background-color: var(--sc-color-surface-subtle);
    }
    .sc-ui.sc-ui a.\[a\&\]\:hover\:bg-accent:hover {
      background-color: var(--accent);
    }
    .sc-ui.sc-ui a.\[a\&\]\:hover\:bg-destructive\/90:hover {
      background-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .sc-ui.sc-ui a.\[a\&\]\:hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
      }
    }
    .sc-ui.sc-ui a.\[a\&\]\:hover\:bg-primary\/90:hover {
      background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .sc-ui.sc-ui a.\[a\&\]\:hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }
    .sc-ui.sc-ui a.\[a\&\]\:hover\:bg-secondary\/90:hover {
      background-color: var(--secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .sc-ui.sc-ui a.\[a\&\]\:hover\:bg-secondary\/90:hover {
        background-color: color-mix(in oklab, var(--secondary) 90%, transparent);
      }
    }
    .sc-ui.sc-ui a.\[a\&\]\:hover\:text-accent-foreground:hover {
      color: var(--accent-foreground);
    }
  }
.sc-ui, .sc-ui *, .sc-ui ::before, .sc-ui ::after {
    border-color: var(--border);
  }
@media (prefers-reduced-motion: reduce) {
  .sc-ui[class*='animate-sc-'], .sc-ui [class*='animate-sc-'] {
    animation-name: sc-fade-in !important;
  }
  .sc-ui[data-state='closed'][class*='animate-sc-'], .sc-ui [data-state='closed'][class*='animate-sc-'] {
    animation-name: sc-fade-out !important;
  }
}
@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-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes sc-fade-in {
  from {
    opacity: 0;
  }
}
@keyframes sc-fade-out {
  to {
    opacity: 0;
  }
}
@keyframes sc-zoom-in {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
}
@keyframes sc-zoom-out {
  to {
    opacity: 0;
    transform: scale(0.95);
  }
}
@keyframes sc-slide-in-right {
  from {
    transform: translateX(100%);
  }
}
@keyframes sc-slide-out-right {
  to {
    transform: translateX(100%);
  }
}
@keyframes sc-slide-in-bottom {
  from {
    transform: translateY(100%);
  }
}
@keyframes sc-slide-out-bottom {
  to {
    transform: translateY(100%);
  }
}
@keyframes sc-pop-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
@keyframes sc-pop-out {
  to {
    opacity: 0;
  }
}
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }