@property --og-font-sans {
  syntax: "*";
  inherits: true;
  initial-value: "Inter Variable", "Inter", "Noto Sans JP Variable", "Noto Sans Arabic Variable", ui-sans-serif, system-ui, sans-serif;
}
@property --og-font-mono {
  syntax: "*";
  inherits: true;
  initial-value: "JetBrains Mono Variable", "JetBrains Mono", "Noto Sans JP Variable", "Noto Sans Arabic Variable", ui-monospace, SFMono-Regular, Menlo, monospace;
}
@property --og-font-features {
  syntax: "*";
  inherits: true;
  initial-value: "cv11", "ss01", "ss03";
}
@property --og-font-size-xs {
  syntax: "*";
  inherits: true;
  initial-value: 11px;
}
@property --og-line-height-xs {
  syntax: "*";
  inherits: true;
  initial-value: 1.45;
}
@property --og-font-size-sm {
  syntax: "*";
  inherits: true;
  initial-value: 12px;
}
@property --og-line-height-sm {
  syntax: "*";
  inherits: true;
  initial-value: 1.5;
}
@property --og-font-size-base {
  syntax: "*";
  inherits: true;
  initial-value: 13px;
}
@property --og-line-height-base {
  syntax: "*";
  inherits: true;
  initial-value: 1.55;
}
@property --og-font-size-md {
  syntax: "*";
  inherits: true;
  initial-value: 15px;
}
@property --og-line-height-md {
  syntax: "*";
  inherits: true;
  initial-value: 1.6;
}
@property --og-font-size-control {
  syntax: "*";
  inherits: true;
  initial-value: 12px;
}
@property --og-line-height-control {
  syntax: "*";
  inherits: true;
  initial-value: 16px;
}
@property --og-font-size-menu {
  syntax: "*";
  inherits: true;
  initial-value: 14px;
}
@property --og-line-height-menu {
  syntax: "*";
  inherits: true;
  initial-value: 20px;
}
@property --og-font-size-composer {
  syntax: "*";
  inherits: true;
  initial-value: 16px;
}
@property --og-line-height-composer {
  syntax: "*";
  inherits: true;
  initial-value: 24px;
}
@property --og-font-size-composer-wide {
  syntax: "*";
  inherits: true;
  initial-value: 15px;
}
@property --og-line-height-composer-wide {
  syntax: "*";
  inherits: true;
  initial-value: 24px;
}
@property --og-code-font-size {
  syntax: "*";
  inherits: true;
  initial-value: 12px;
}
@property --og-code-line-height {
  syntax: "*";
  inherits: true;
  initial-value: 18px;
}
@property --og-model-picker-trigger-height {
  syntax: "*";
  inherits: true;
  initial-value: 2rem;
}
@property --og-model-picker-trigger-height-mobile {
  syntax: "*";
  inherits: true;
  initial-value: 1.75rem;
}
@property --og-model-picker-menu-width {
  syntax: "*";
  inherits: true;
  initial-value: 22rem;
}
@property --og-model-picker-menu-padding {
  syntax: "*";
  inherits: true;
  initial-value: 0.375rem;
}
@property --og-model-picker-row-padding-x {
  syntax: "*";
  inherits: true;
  initial-value: 0.625rem;
}
@property --og-model-picker-row-padding-y {
  syntax: "*";
  inherits: true;
  initial-value: 0.375rem;
}
@property --og-model-picker-effort-height {
  syntax: "*";
  inherits: true;
  initial-value: 2rem;
}
@property --og-realtime-menu-width {
  syntax: "*";
  inherits: true;
  initial-value: 18rem;
}
@property --og-radius-xs {
  syntax: "*";
  inherits: true;
  initial-value: 4px;
}
@property --og-radius-sm {
  syntax: "*";
  inherits: true;
  initial-value: 6px;
}
@property --og-radius-md {
  syntax: "*";
  inherits: true;
  initial-value: 10px;
}
@property --og-radius-lg {
  syntax: "*";
  inherits: true;
  initial-value: 14px;
}
@property --og-radius-xl {
  syntax: "*";
  inherits: true;
  initial-value: 20px;
}
@property --og-radius-full {
  syntax: "*";
  inherits: true;
  initial-value: 9999px;
}
@property --og-motion-inspect-scale {
  syntax: "*";
  inherits: true;
  initial-value: 1;
}
@property --og-ease-out {
  syntax: "*";
  inherits: true;
  initial-value: cubic-bezier(0.22, 1, 0.36, 1);
}
@property --og-ease-in-out {
  syntax: "*";
  inherits: true;
  initial-value: cubic-bezier(0.65, 0, 0.35, 1);
}
@property --og-ease-stream {
  syntax: "*";
  inherits: true;
  initial-value: cubic-bezier(0.16, 1, 0.3, 1);
}
@property --og-ease-spring {
  syntax: "*";
  inherits: true;
  initial-value: cubic-bezier(0.34, 1.3, 0.64, 1);
}
@property --og-color-bg {
  syntax: "*";
  inherits: true;
  initial-value: #303030;
}
@property --og-color-canvas {
  syntax: "*";
  inherits: true;
  initial-value: #202020;
}
@property --og-color-surface-1 {
  syntax: "*";
  inherits: true;
  initial-value: #333333;
}
@property --og-color-surface-2 {
  syntax: "*";
  inherits: true;
  initial-value: #383838;
}
@property --og-color-surface-3 {
  syntax: "*";
  inherits: true;
  initial-value: #404040;
}
@property --og-color-selection {
  syntax: "*";
  inherits: true;
  initial-value: #484848;
}
@property --og-color-hover {
  syntax: "*";
  inherits: true;
  initial-value: rgb(230 230 230 / 0.08);
}
@property --og-color-border {
  syntax: "*";
  inherits: true;
  initial-value: #454545;
}
@property --og-color-border-strong {
  syntax: "*";
  inherits: true;
  initial-value: #555555;
}
@property --og-color-fg {
  syntax: "*";
  inherits: true;
  initial-value: #e6e6e6;
}
@property --og-color-fg-label {
  syntax: "*";
  inherits: true;
  initial-value: #d4d4d4;
}
@property --og-color-fg-muted {
  syntax: "*";
  inherits: true;
  initial-value: #b8b8b8;
}
@property --og-color-fg-subtle {
  syntax: "*";
  inherits: true;
  initial-value: #a3a3a3;
}
@property --og-color-accent {
  syntax: "*";
  inherits: true;
  initial-value: #c4c4c4;
}
@property --og-color-accent-strong {
  syntax: "*";
  inherits: true;
  initial-value: #dcdcdc;
}
@property --og-color-accent-deep {
  syntax: "*";
  inherits: true;
  initial-value: #d5d5d5;
}
@property --og-color-accent-fg {
  syntax: "*";
  inherits: true;
  initial-value: #242424;
}
@property --og-color-primary {
  syntax: "*";
  inherits: true;
  initial-value: #2b3432;
}
@property --og-color-primary-fg {
  syntax: "*";
  inherits: true;
  initial-value: #eeeeee;
}
@property --og-color-primary-border {
  syntax: "*";
  inherits: true;
  initial-value: #4e5e59;
}
@property --og-color-switch-track {
  syntax: "*";
  inherits: true;
  initial-value: #454545;
}
@property --og-color-switch-thumb {
  syntax: "*";
  inherits: true;
  initial-value: #a3a3a3;
}
@property --og-glow-teal {
  syntax: "*";
  inherits: true;
  initial-value: #79d9c125;
}
@property --og-glow-peach {
  syntax: "*";
  inherits: true;
  initial-value: #ffb78724;
}
@property --og-glow-teal-quiet {
  syntax: "*";
  inherits: true;
  initial-value: #79d9c115;
}
@property --og-glow-peach-quiet {
  syntax: "*";
  inherits: true;
  initial-value: #ffb78714;
}
@property --og-color-status-queued {
  syntax: "*";
  inherits: true;
  initial-value: #a3a3a3;
}
@property --og-color-status-running {
  syntax: "*";
  inherits: true;
  initial-value: #d5bd72;
}
@property --og-color-status-idle {
  syntax: "*";
  inherits: true;
  initial-value: #83cbb0;
}
@property --og-color-status-waiting {
  syntax: "*";
  inherits: true;
  initial-value: #e9ab77;
}
@property --og-color-status-failed {
  syntax: "*";
  inherits: true;
  initial-value: oklch(0.77 0.12 22);
}
@property --og-color-status-cancelled {
  syntax: "*";
  inherits: true;
  initial-value: #a3a3a3;
}
@property --og-color-danger {
  syntax: "*";
  inherits: true;
  initial-value: oklch(0.76 0.13 22);
}
@property --og-color-danger-fill {
  syntax: "*";
  inherits: true;
  initial-value: oklch(0.52 0.16 22);
}
@property --og-color-danger-fg {
  syntax: "*";
  inherits: true;
  initial-value: #ffffff;
}
@property --og-shadow-sm {
  syntax: "*";
  inherits: true;
  initial-value: 0 1px 2px oklch(0 0 0 / 0.28);
}
@property --og-shadow-md {
  syntax: "*";
  inherits: true;
  initial-value: 0 2px 8px oklch(0 0 0 / 0.32), 0 1px 2px oklch(0 0 0 / 0.24);
}
@property --og-shadow-lg {
  syntax: "*";
  inherits: true;
  initial-value: 0 8px 28px oklch(0 0 0 / 0.42), 0 2px 8px oklch(0 0 0 / 0.28);
}
@property --og-session-chrome-shadow {
  syntax: "*";
  inherits: true;
  initial-value: 0 6px 22px -14px oklch(0 0 0 / 0.42);
}
@property --og-session-chrome-shadow-open {
  syntax: "*";
  inherits: true;
  initial-value: 0 10px 28px -16px oklch(0 0 0 / 0.5);
}
@property --og-session-chrome-chip-min-height {
  syntax: "*";
  inherits: true;
  initial-value: 1.75rem;
}
@property --og-session-chrome-chip-pad-x {
  syntax: "*";
  inherits: true;
  initial-value: 0.5rem;
}
@property --og-session-chrome-chip-gap {
  syntax: "*";
  inherits: true;
  initial-value: 0.125rem;
}
@property --og-session-chrome-rail-pad {
  syntax: "*";
  inherits: true;
  initial-value: 0.15rem;
}
@property --og-session-chrome-panel-pad-x {
  syntax: "*";
  inherits: true;
  initial-value: 0.45rem;
}
@property --og-session-chrome-panel-pad-y {
  syntax: "*";
  inherits: true;
  initial-value: 0.3rem;
}
@property --og-session-chrome-panel-max-height {
  syntax: "*";
  inherits: true;
  initial-value: min(18rem, 40dvh);
}
@property --og-session-chrome-duration {
  syntax: "*";
  inherits: true;
  initial-value: 220ms;
}
@property --og-session-chrome-crossfade-duration {
  syntax: "*";
  inherits: true;
  initial-value: 180ms;
}
:where(.og-root),:where(.og-root) *,:where(.og-root)::before,:where(.og-root)::after,:where(.og-root) *::before,:where(.og-root) *::after,:where(.og-root)::backdrop,:where(.og-root) *::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-translate-z: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scale-z: 1;
  --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-divide-y-reverse: 0;
  --tw-border-style: solid;
  --tw-gradient-position: initial;
  --tw-gradient-from: #0000;
  --tw-gradient-via: #0000;
  --tw-gradient-to: #0000;
  --tw-gradient-stops: initial;
  --tw-gradient-via-stops: initial;
  --tw-gradient-from-position: 0%;
  --tw-gradient-via-position: 50%;
  --tw-gradient-to-position: 100%;
  --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-blur: initial;
  --tw-brightness: initial;
  --tw-contrast: initial;
  --tw-grayscale: initial;
  --tw-hue-rotate: initial;
  --tw-invert: initial;
  --tw-opacity: initial;
  --tw-saturate: initial;
  --tw-sepia: initial;
  --tw-drop-shadow: initial;
  --tw-drop-shadow-color: initial;
  --tw-drop-shadow-alpha: 100%;
  --tw-drop-shadow-size: initial;
  --tw-backdrop-blur: initial;
  --tw-backdrop-brightness: initial;
  --tw-backdrop-contrast: initial;
  --tw-backdrop-grayscale: initial;
  --tw-backdrop-hue-rotate: initial;
  --tw-backdrop-invert: initial;
  --tw-backdrop-opacity: initial;
  --tw-backdrop-saturate: initial;
  --tw-backdrop-sepia: initial;
  --tw-duration: initial;
  --tw-ease: initial;
  --tw-content: "";
  --tw-divide-x-reverse: 0;
}
:where(.og-root) {
    --font-sans: "Inter Variable", "Noto Sans JP Variable", "Noto Sans Arabic Variable",
    ui-sans-serif, system-ui, sans-serif;
    --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular,
    "Noto Sans JP Variable", "Noto Sans Arabic Variable", Menlo, monospace;
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-xs: 0.125rem;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --blur-sm: 8px;
    --blur-md: 12px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --radius: var(--radius-md);
    --text-2xs: 0.6875rem;
    --text-2xs--line-height: 1rem;
    --color-og-surface-1: var(--og-color-surface-1);
    --color-bg: var(--og-color-bg);
    --color-canvas: var(--og-color-canvas);
    --color-selection: var(--og-color-selection);
    --color-hover: var(--og-color-hover);
    --color-surface: var(--og-color-surface-1);
    --color-surface-2: var(--og-color-surface-2);
    --color-surface-3: var(--og-color-surface-3);
    --color-border: var(--og-color-border);
    --color-border-strong: var(--og-color-border-strong);
    --color-fg: var(--og-color-fg);
    --color-fg-label: var(--og-color-fg-label);
    --color-fg-muted: var(--og-color-fg-muted);
    --color-fg-subtle: var(--og-color-fg-subtle);
    --color-brand: var(--og-color-accent);
    --color-brand-strong: var(--og-color-accent-deep);
    --color-brand-fg: var(--og-color-accent-fg);
    --color-status-queued: var(--og-color-status-queued);
    --color-status-running: var(--og-color-status-running);
    --color-status-idle: var(--og-color-status-idle);
    --color-status-waiting: var(--og-color-status-waiting);
    --color-status-success: var(--og-color-status-idle);
    --color-status-failed: var(--og-color-status-failed);
    --color-status-cancelled: var(--og-color-status-cancelled);
    --color-danger: var(--og-color-danger);
    --color-background: var(--color-bg);
    --color-foreground: var(--color-fg);
    --color-card: var(--color-surface);
    --color-card-foreground: var(--color-fg);
    --color-primary: var(--og-color-primary);
    --color-primary-foreground: var(--og-color-primary-fg);
    --color-primary-border: var(--og-color-primary-border);
    --color-primary-hover: var(--_og-color-primary-hover);
    --color-secondary: var(--color-selection);
    --color-secondary-foreground: var(--color-fg-muted);
    --color-muted: var(--color-surface-2);
    --color-muted-foreground: var(--color-fg-muted);
    --color-accent: var(--color-surface-2);
    --color-accent-foreground: var(--color-fg);
    --color-destructive: var(--og-color-danger);
    --color-destructive-filled: var(--og-color-danger-fill);
    --color-destructive-foreground: var(--og-color-danger-fg);
    --color-input: var(--color-surface-2);
    --color-ring: var(--color-brand);
    --animate-og-row-enter: og-row-enter var(--_og-duration-slow) var(--og-ease-stream) both;
    --animate-og-markdown-settle: og-markdown-settle var(--_og-duration-markdown-crystallize)
    var(--og-ease-stream) both;
    --font-display: "DM Sans Variable", "Inter Variable", ui-sans-serif, system-ui, sans-serif;
    --color-switch-track: var(--og-color-switch-track);
    --color-switch-thumb: var(--og-color-switch-thumb);
    --color-session-update: light-dark(#0f766e, #5ad4c5);
  }
.og-root :where([hidden]:not([hidden="until-found"])) {
    display: none !important;
  }
.og-root :where(button, input, textarea, select) {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
    border-radius: 0;
    background-color: transparent;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
  }
.og-root :where(button, input[type="button"], input[type="submit"], input[type="reset"]) {
    appearance: button;
  }
.og-root :where(ul, ol, menu) {
    list-style: none;
    margin: 0;
    padding: 0;
  }
.og-root :where(li, p, blockquote, figure, dl, dd, pre, h1, h2, h3, h4, h5, h6) {
    margin: 0;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
  }
.og-root :where(h1, h2, h3, h4, h5, h6) {
    font-weight: inherit;
  }
:where(.og-root.og-session-app) :where(a) {
    color: inherit;
    text-decoration: inherit;
  }
:where(.og-root.og-session-app) :where(b, strong) {
    font-weight: bolder;
  }
:where(.og-root.og-session-app) :where(img, svg, video, canvas, audio, iframe, embed, object) {
    display: block;
    vertical-align: middle;
  }
:where(.og-root.og-session-app) :where(img, video) {
    max-width: 100%;
    height: auto;
  }
:where(.og-root.og-session-app) :where(table) {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
.og-root, .og-root :where(*, ::before, ::after) {
    box-sizing: border-box;
  }
*:where(.og-root),:where(.og-root) * {
    border-color: var(--color-border);
  }
:where(.og-root):where( button, a, input, textarea, [role="button"], [tabindex]:not([tabindex="-1"]) ):focus-visible:not(.og-root textarea):not(.og-model-policy-search-input):not([data-slot="button"]):not(.connector-control):not([role^="menuitem"]),:where(.og-root) :where( button, a, input, textarea, [role="button"], [tabindex]:not([tabindex="-1"]) ):focus-visible:not(.og-root textarea):not(.og-model-policy-search-input):not([data-slot="button"]):not(.connector-control):not([role^="menuitem"]) {
    border-radius: var(--radius-sm);
  }
:where(.og-root).\@container\/access,:where(.og-root) .\@container\/access {
    container-type: inline-size;
    container-name: access;
  }
:where(.og-root).\@container\/cadence-text,:where(.og-root) .\@container\/cadence-text {
    container-type: inline-size;
    container-name: cadence-text;
  }
:where(.og-root).\@container\/card-header,:where(.og-root) .\@container\/card-header {
    container-type: inline-size;
    container-name: card-header;
  }
:where(.og-root).\@container\/computer-viewer,:where(.og-root) .\@container\/computer-viewer {
    container-type: inline-size;
    container-name: computer-viewer;
  }
:where(.og-root).\@container\/detail,:where(.og-root) .\@container\/detail {
    container-type: inline-size;
    container-name: detail;
  }
:where(.og-root).\@container\/diff,:where(.og-root) .\@container\/diff {
    container-type: inline-size;
    container-name: diff;
  }
:where(.og-root).\@container\/form,:where(.og-root) .\@container\/form {
    container-type: inline-size;
    container-name: form;
  }
:where(.og-root).\@container\/history,:where(.og-root) .\@container\/history {
    container-type: inline-size;
    container-name: history;
  }
:where(.og-root).\@container\/list,:where(.og-root) .\@container\/list {
    container-type: inline-size;
    container-name: list;
  }
:where(.og-root).\@container\/model-controls,:where(.og-root) .\@container\/model-controls {
    container-type: inline-size;
    container-name: model-controls;
  }
:where(.og-root).\@container\/notice,:where(.og-root) .\@container\/notice {
    container-type: inline-size;
    container-name: notice;
  }
:where(.og-root).\@container\/page-header,:where(.og-root) .\@container\/page-header {
    container-type: inline-size;
    container-name: page-header;
  }
:where(.og-root).\@container\/section-header,:where(.og-root) .\@container\/section-header {
    container-type: inline-size;
    container-name: section-header;
  }
:where(.og-root).\@container\/setting-row,:where(.og-root) .\@container\/setting-row {
    container-type: inline-size;
    container-name: setting-row;
  }
:where(.og-root).\@container\/templates,:where(.og-root) .\@container\/templates {
    container-type: inline-size;
    container-name: templates;
  }
:where(.og-root).\@container\/titlebar,:where(.og-root) .\@container\/titlebar {
    container-type: inline-size;
    container-name: titlebar;
  }
:where(.og-root).\@container\/toolbar,:where(.og-root) .\@container\/toolbar {
    container-type: inline-size;
    container-name: toolbar;
  }
:where(.og-root).\@container,:where(.og-root) .\@container {
    container-type: inline-size;
  }
:where(.og-root).pointer-events-auto,:where(.og-root) .pointer-events-auto {
    pointer-events: auto;
  }
:where(.og-root).pointer-events-none,:where(.og-root) .pointer-events-none {
    pointer-events: none;
  }
:where(.og-root).invisible,:where(.og-root) .invisible {
    visibility: hidden;
  }
:where(.og-root).visible,:where(.og-root) .visible {
    visibility: visible;
  }
:where(.og-root).sr-only,:where(.og-root) .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
:where(.og-root).absolute,:where(.og-root) .absolute {
    position: absolute;
  }
:where(.og-root).fixed,:where(.og-root) .fixed {
    position: fixed;
  }
:where(.og-root).relative,:where(.og-root) .relative {
    position: relative;
  }
:where(.og-root).static,:where(.og-root) .static {
    position: static;
  }
:where(.og-root).sticky,:where(.og-root) .sticky {
    position: sticky;
  }
:where(.og-root).-inset-px,:where(.og-root) .-inset-px {
    inset: -1px;
  }
:where(.og-root).inset-0,:where(.og-root) .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
:where(.og-root).inset-x-0,:where(.og-root) .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
:where(.og-root).inset-y-0,:where(.og-root) .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
:where(.og-root).inset-y-\[-2px\],:where(.og-root) .inset-y-\[-2px\] {
    inset-block: -2px;
  }
:where(.og-root).start,:where(.og-root) .start {
    inset-inline-start: var(--spacing);
  }
:where(.og-root).end,:where(.og-root) .end {
    inset-inline-end: var(--spacing);
  }
:where(.og-root).-top-0\.5,:where(.og-root) .-top-0\.5 {
    top: calc(var(--spacing) * -0.5);
  }
:where(.og-root).-top-3,:where(.og-root) .-top-3 {
    top: calc(var(--spacing) * -3);
  }
:where(.og-root).-top-11,:where(.og-root) .-top-11 {
    top: calc(var(--spacing) * -11);
  }
:where(.og-root).-top-16,:where(.og-root) .-top-16 {
    top: calc(var(--spacing) * -16);
  }
:where(.og-root).top-0,:where(.og-root) .top-0 {
    top: calc(var(--spacing) * 0);
  }
:where(.og-root).top-0\.5,:where(.og-root) .top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
:where(.og-root).top-1\.5,:where(.og-root) .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
:where(.og-root).top-1\/2,:where(.og-root) .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
:where(.og-root).top-2,:where(.og-root) .top-2 {
    top: calc(var(--spacing) * 2);
  }
:where(.og-root).top-2\.5,:where(.og-root) .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }
:where(.og-root).top-3,:where(.og-root) .top-3 {
    top: calc(var(--spacing) * 3);
  }
:where(.og-root).top-4,:where(.og-root) .top-4 {
    top: calc(var(--spacing) * 4);
  }
:where(.og-root).top-5,:where(.og-root) .top-5 {
    top: calc(var(--spacing) * 5);
  }
:where(.og-root).top-8,:where(.og-root) .top-8 {
    top: calc(var(--spacing) * 8);
  }
:where(.og-root).top-10,:where(.og-root) .top-10 {
    top: calc(var(--spacing) * 10);
  }
:where(.og-root).top-\[12dvh\],:where(.og-root) .top-\[12dvh\] {
    top: 12dvh;
  }
:where(.og-root).top-\[30px\],:where(.og-root) .top-\[30px\] {
    top: 30px;
  }
:where(.og-root).top-\[var\(--og-work-header-top\,0px\)\],:where(.og-root) .top-\[var\(--og-work-header-top\,0px\)\] {
    top: var(--og-work-header-top,0px);
  }
:where(.og-root).top-full,:where(.og-root) .top-full {
    top: 100%;
  }
:where(.og-root).-right-0\.5,:where(.og-root) .-right-0\.5 {
    right: calc(var(--spacing) * -0.5);
  }
:where(.og-root).-right-1,:where(.og-root) .-right-1 {
    right: calc(var(--spacing) * -1);
  }
:where(.og-root).-right-2\.5,:where(.og-root) .-right-2\.5 {
    right: calc(var(--spacing) * -2.5);
  }
:where(.og-root).-right-3,:where(.og-root) .-right-3 {
    right: calc(var(--spacing) * -3);
  }
:where(.og-root).right-0,:where(.og-root) .right-0 {
    right: calc(var(--spacing) * 0);
  }
:where(.og-root).right-0\.5,:where(.og-root) .right-0\.5 {
    right: calc(var(--spacing) * 0.5);
  }
:where(.og-root).right-1,:where(.og-root) .right-1 {
    right: calc(var(--spacing) * 1);
  }
:where(.og-root).right-1\.5,:where(.og-root) .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }
:where(.og-root).right-2,:where(.og-root) .right-2 {
    right: calc(var(--spacing) * 2);
  }
:where(.og-root).right-2\.5,:where(.og-root) .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }
:where(.og-root).right-3,:where(.og-root) .right-3 {
    right: calc(var(--spacing) * 3);
  }
:where(.og-root).right-4,:where(.og-root) .right-4 {
    right: calc(var(--spacing) * 4);
  }
:where(.og-root).right-5,:where(.og-root) .right-5 {
    right: calc(var(--spacing) * 5);
  }
:where(.og-root).right-7,:where(.og-root) .right-7 {
    right: calc(var(--spacing) * 7);
  }
:where(.og-root).right-8,:where(.og-root) .right-8 {
    right: calc(var(--spacing) * 8);
  }
:where(.og-root).right-12,:where(.og-root) .right-12 {
    right: calc(var(--spacing) * 12);
  }
:where(.og-root).bottom-0,:where(.og-root) .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
:where(.og-root).bottom-1,:where(.og-root) .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }
:where(.og-root).bottom-2,:where(.og-root) .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
:where(.og-root).bottom-3,:where(.og-root) .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }
:where(.og-root).bottom-4,:where(.og-root) .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
:where(.og-root).bottom-full,:where(.og-root) .bottom-full {
    bottom: 100%;
  }
:where(.og-root).-left-2\.5,:where(.og-root) .-left-2\.5 {
    left: calc(var(--spacing) * -2.5);
  }
:where(.og-root).-left-\[0\.6rem\],:where(.og-root) .-left-\[0\.6rem\] {
    left: calc(0.6rem * -1);
  }
:where(.og-root).left-0,:where(.og-root) .left-0 {
    left: calc(var(--spacing) * 0);
  }
:where(.og-root).left-0\.5,:where(.og-root) .left-0\.5 {
    left: calc(var(--spacing) * 0.5);
  }
:where(.og-root).left-1\/2,:where(.og-root) .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
:where(.og-root).left-2,:where(.og-root) .left-2 {
    left: calc(var(--spacing) * 2);
  }
:where(.og-root).left-2\.5,:where(.og-root) .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }
:where(.og-root).left-3,:where(.og-root) .left-3 {
    left: calc(var(--spacing) * 3);
  }
:where(.og-root).left-4,:where(.og-root) .left-4 {
    left: calc(var(--spacing) * 4);
  }
:where(.og-root).left-6,:where(.og-root) .left-6 {
    left: calc(var(--spacing) * 6);
  }
:where(.og-root).left-\[38\%\],:where(.og-root) .left-\[38\%\] {
    left: 38%;
  }
:where(.og-root).isolate,:where(.og-root) .isolate {
    isolation: isolate;
  }
:where(.og-root).-z-10,:where(.og-root) .-z-10 {
    z-index: calc(10 * -1);
  }
:where(.og-root).z-0,:where(.og-root) .z-0 {
    z-index: 0;
  }
:where(.og-root).z-10,:where(.og-root) .z-10 {
    z-index: 10;
  }
:where(.og-root).z-20,:where(.og-root) .z-20 {
    z-index: 20;
  }
:where(.og-root).z-30,:where(.og-root) .z-30 {
    z-index: 30;
  }
:where(.og-root).z-40,:where(.og-root) .z-40 {
    z-index: 40;
  }
:where(.og-root).z-50,:where(.og-root) .z-50 {
    z-index: 50;
  }
:where(.og-root).z-\[1\],:where(.og-root) .z-\[1\] {
    z-index: 1;
  }
:where(.og-root).z-\[35\],:where(.og-root) .z-\[35\] {
    z-index: 35;
  }
:where(.og-root).z-\[60\],:where(.og-root) .z-\[60\] {
    z-index: 60;
  }
:where(.og-root).z-\[75\],:where(.og-root) .z-\[75\] {
    z-index: 75;
  }
:where(.og-root).z-\[80\],:where(.og-root) .z-\[80\] {
    z-index: 80;
  }
:where(.og-root).z-\[100\],:where(.og-root) .z-\[100\] {
    z-index: 100;
  }
:where(.og-root).z-\[101\],:where(.og-root) .z-\[101\] {
    z-index: 101;
  }
:where(.og-root).z-\[2147483647\],:where(.og-root) .z-\[2147483647\] {
    z-index: 2147483647;
  }
:where(.og-root).order-last,:where(.og-root) .order-last {
    order: 9999;
  }
:where(.og-root).col-span-2,:where(.og-root) .col-span-2 {
    grid-column: span 2 / span 2;
  }
:where(.og-root).col-span-full,:where(.og-root) .col-span-full {
    grid-column: 1 / -1;
  }
:where(.og-root).col-start-1,:where(.og-root) .col-start-1 {
    grid-column-start: 1;
  }
:where(.og-root).col-start-2,:where(.og-root) .col-start-2 {
    grid-column-start: 2;
  }
:where(.og-root).col-start-3,:where(.og-root) .col-start-3 {
    grid-column-start: 3;
  }
:where(.og-root).row-span-2,:where(.og-root) .row-span-2 {
    grid-row: span 2 / span 2;
  }
:where(.og-root).row-start-1,:where(.og-root) .row-start-1 {
    grid-row-start: 1;
  }
:where(.og-root).row-start-2,:where(.og-root) .row-start-2 {
    grid-row-start: 2;
  }
:where(.og-root).row-start-3,:where(.og-root) .row-start-3 {
    grid-row-start: 3;
  }
:where(.og-root).container,:where(.og-root) .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
:where(.og-root).-m-1,:where(.og-root) .-m-1 {
    margin: calc(var(--spacing) * -1);
  }
:where(.og-root).m-0,:where(.og-root) .m-0 {
    margin: calc(var(--spacing) * 0);
  }
:where(.og-root).m-auto,:where(.og-root) .m-auto {
    margin: auto;
  }
:where(.og-root).-mx-1,:where(.og-root) .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
:where(.og-root).-mx-1\.5,:where(.og-root) .-mx-1\.5 {
    margin-inline: calc(var(--spacing) * -1.5);
  }
:where(.og-root).-mx-2,:where(.og-root) .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
:where(.og-root).-mx-3,:where(.og-root) .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }
:where(.og-root).mx-0\.5,:where(.og-root) .mx-0\.5 {
    margin-inline: calc(var(--spacing) * 0.5);
  }
:where(.og-root).mx-1,:where(.og-root) .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
:where(.og-root).mx-3,:where(.og-root) .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
:where(.og-root).mx-4,:where(.og-root) .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
:where(.og-root).mx-auto,:where(.og-root) .mx-auto {
    margin-inline: auto;
  }
:where(.og-root).-my-0\.5,:where(.og-root) .-my-0\.5 {
    margin-block: calc(var(--spacing) * -0.5);
  }
:where(.og-root).-my-1,:where(.og-root) .-my-1 {
    margin-block: calc(var(--spacing) * -1);
  }
:where(.og-root).my-1,:where(.og-root) .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
:where(.og-root).my-1\.5,:where(.og-root) .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
:where(.og-root).my-2,:where(.og-root) .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
:where(.og-root).my-2\.5,:where(.og-root) .my-2\.5 {
    margin-block: calc(var(--spacing) * 2.5);
  }
:where(.og-root).my-3,:where(.og-root) .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
:where(.og-root).my-4,:where(.og-root) .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
:where(.og-root).ms-auto,:where(.og-root) .ms-auto {
    margin-inline-start: auto;
  }
:where(.og-root).-mt-0\.5,:where(.og-root) .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -0.5);
  }
:where(.og-root).-mt-1,:where(.og-root) .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
:where(.og-root).-mt-1\.5,:where(.og-root) .-mt-1\.5 {
    margin-top: calc(var(--spacing) * -1.5);
  }
:where(.og-root).-mt-3,:where(.og-root) .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }
:where(.og-root).-mt-5,:where(.og-root) .-mt-5 {
    margin-top: calc(var(--spacing) * -5);
  }
:where(.og-root).mt-0\.5,:where(.og-root) .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
:where(.og-root).mt-1,:where(.og-root) .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
:where(.og-root).mt-1\.5,:where(.og-root) .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
:where(.og-root).mt-2,:where(.og-root) .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
:where(.og-root).mt-2\.5,:where(.og-root) .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
:where(.og-root).mt-3,:where(.og-root) .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
:where(.og-root).mt-4,:where(.og-root) .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
:where(.og-root).mt-5,:where(.og-root) .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
:where(.og-root).mt-6,:where(.og-root) .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
:where(.og-root).mt-8,:where(.og-root) .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
:where(.og-root).mt-10,:where(.og-root) .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
:where(.og-root).mt-12,:where(.og-root) .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
:where(.og-root).mt-\[0\.55em\],:where(.og-root) .mt-\[0\.55em\] {
    margin-top: 0.55em;
  }
:where(.og-root).mt-\[3px\],:where(.og-root) .mt-\[3px\] {
    margin-top: 3px;
  }
:where(.og-root).mt-\[18px\],:where(.og-root) .mt-\[18px\] {
    margin-top: 18px;
  }
:where(.og-root).mt-auto,:where(.og-root) .mt-auto {
    margin-top: auto;
  }
:where(.og-root).mt-px,:where(.og-root) .mt-px {
    margin-top: 1px;
  }
:where(.og-root).-mr-1,:where(.og-root) .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
:where(.og-root).-mr-1\.5,:where(.og-root) .-mr-1\.5 {
    margin-right: calc(var(--spacing) * -1.5);
  }
:where(.og-root).-mr-2,:where(.og-root) .-mr-2 {
    margin-right: calc(var(--spacing) * -2);
  }
:where(.og-root).mr-1,:where(.og-root) .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
:where(.og-root).mr-1\.5,:where(.og-root) .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
:where(.og-root).mr-2,:where(.og-root) .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
:where(.og-root).mr-11,:where(.og-root) .mr-11 {
    margin-right: calc(var(--spacing) * 11);
  }
:where(.og-root).mr-auto,:where(.og-root) .mr-auto {
    margin-right: auto;
  }
:where(.og-root).mb-0,:where(.og-root) .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
:where(.og-root).mb-0\.5,:where(.og-root) .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
:where(.og-root).mb-1,:where(.og-root) .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
:where(.og-root).mb-1\.5,:where(.og-root) .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
:where(.og-root).mb-2,:where(.og-root) .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
:where(.og-root).mb-2\.5,:where(.og-root) .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
:where(.og-root).mb-3,:where(.og-root) .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
:where(.og-root).mb-4,:where(.og-root) .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
:where(.og-root).mb-5,:where(.og-root) .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
:where(.og-root).-ml-1,:where(.og-root) .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }
:where(.og-root).-ml-2,:where(.og-root) .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }
:where(.og-root).-ml-2\.5,:where(.og-root) .-ml-2\.5 {
    margin-left: calc(var(--spacing) * -2.5);
  }
:where(.og-root).-ml-4,:where(.og-root) .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }
:where(.og-root).-ml-px,:where(.og-root) .-ml-px {
    margin-left: -1px;
  }
:where(.og-root).ml-0,:where(.og-root) .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }
:where(.og-root).ml-0\.5,:where(.og-root) .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
:where(.og-root).ml-1,:where(.og-root) .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
:where(.og-root).ml-1\.5,:where(.og-root) .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
:where(.og-root).ml-2,:where(.og-root) .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
:where(.og-root).ml-4,:where(.og-root) .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
:where(.og-root).ml-5,:where(.og-root) .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }
:where(.og-root).ml-7,:where(.og-root) .ml-7 {
    margin-left: calc(var(--spacing) * 7);
  }
:where(.og-root).ml-\[2\.125rem\],:where(.og-root) .ml-\[2\.125rem\] {
    margin-left: 2.125rem;
  }
:where(.og-root).ml-auto,:where(.og-root) .ml-auto {
    margin-left: auto;
  }
:where(.og-root).ml-px,:where(.og-root) .ml-px {
    margin-left: 1px;
  }
:where(.og-root).box-border,:where(.og-root) .box-border {
    box-sizing: border-box;
  }
:where(.og-root).line-clamp-1,:where(.og-root) .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
:where(.og-root).line-clamp-2,:where(.og-root) .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
:where(.og-root).line-clamp-3,:where(.og-root) .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
:where(.og-root).line-clamp-4,:where(.og-root) .line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
:where(.og-root).\!inline,:where(.og-root) .\!inline {
    display: inline !important;
  }
:where(.og-root).\!table,:where(.og-root) .\!table {
    display: table !important;
  }
:where(.og-root).block,:where(.og-root) .block {
    display: block;
  }
:where(.og-root).contents,:where(.og-root) .contents {
    display: contents;
  }
:where(.og-root).flex,:where(.og-root) .flex {
    display: flex;
  }
:where(.og-root).grid,:where(.og-root) .grid {
    display: grid;
  }
:where(.og-root).hidden,:where(.og-root) .hidden {
    display: none;
  }
:where(.og-root).inline,:where(.og-root) .inline {
    display: inline;
  }
:where(.og-root).inline-block,:where(.og-root) .inline-block {
    display: inline-block;
  }
:where(.og-root).inline-flex,:where(.og-root) .inline-flex {
    display: inline-flex;
  }
:where(.og-root).inline-grid,:where(.og-root) .inline-grid {
    display: inline-grid;
  }
:where(.og-root).table,:where(.og-root) .table {
    display: table;
  }
:where(.og-root).field-sizing-content,:where(.og-root) .field-sizing-content {
    field-sizing: content;
  }
:where(.og-root).aspect-\[16\/10\],:where(.og-root) .aspect-\[16\/10\] {
    aspect-ratio: 16/10;
  }
:where(.og-root).aspect-square,:where(.og-root) .aspect-square {
    aspect-ratio: 1 / 1;
  }
:where(.og-root).aspect-video,:where(.og-root) .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
:where(.og-root).size-1,:where(.og-root) .size-1 {
    width: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 1);
  }
:where(.og-root).size-1\.5,:where(.og-root) .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }
:where(.og-root).size-2,:where(.og-root) .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
:where(.og-root).size-2\.5,:where(.og-root) .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
:where(.og-root).size-3,:where(.og-root) .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
:where(.og-root).size-3\.5,:where(.og-root) .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
:where(.og-root).size-4,:where(.og-root) .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
:where(.og-root).size-4\.5,:where(.og-root) .size-4\.5 {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
:where(.og-root).size-5,:where(.og-root) .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
:where(.og-root).size-6,:where(.og-root) .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
:where(.og-root).size-7,:where(.og-root) .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
:where(.og-root).size-8,:where(.og-root) .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
:where(.og-root).size-9,:where(.og-root) .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
:where(.og-root).size-10,:where(.og-root) .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
:where(.og-root).size-11,:where(.og-root) .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
:where(.og-root).size-12,:where(.og-root) .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
:where(.og-root).size-\[1em\],:where(.og-root) .size-\[1em\] {
    width: 1em;
    height: 1em;
  }
:where(.og-root).size-\[18px\],:where(.og-root) .size-\[18px\] {
    width: 18px;
    height: 18px;
  }
:where(.og-root).size-full,:where(.og-root) .size-full {
    width: 100%;
    height: 100%;
  }
:where(.og-root).size-px,:where(.og-root) .size-px {
    width: 1px;
    height: 1px;
  }
:where(.og-root).\!h-auto,:where(.og-root) .\!h-auto {
    height: auto !important;
  }
:where(.og-root).h-0,:where(.og-root) .h-0 {
    height: calc(var(--spacing) * 0);
  }
:where(.og-root).h-1,:where(.og-root) .h-1 {
    height: calc(var(--spacing) * 1);
  }
:where(.og-root).h-1\.5,:where(.og-root) .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
:where(.og-root).h-2,:where(.og-root) .h-2 {
    height: calc(var(--spacing) * 2);
  }
:where(.og-root).h-2\.5,:where(.og-root) .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
:where(.og-root).h-3,:where(.og-root) .h-3 {
    height: calc(var(--spacing) * 3);
  }
:where(.og-root).h-3\.5,:where(.og-root) .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
:where(.og-root).h-4,:where(.og-root) .h-4 {
    height: calc(var(--spacing) * 4);
  }
:where(.og-root).h-4\.5,:where(.og-root) .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }
:where(.og-root).h-5,:where(.og-root) .h-5 {
    height: calc(var(--spacing) * 5);
  }
:where(.og-root).h-5\.5,:where(.og-root) .h-5\.5 {
    height: calc(var(--spacing) * 5.5);
  }
:where(.og-root).h-6,:where(.og-root) .h-6 {
    height: calc(var(--spacing) * 6);
  }
:where(.og-root).h-6\.5,:where(.og-root) .h-6\.5 {
    height: calc(var(--spacing) * 6.5);
  }
:where(.og-root).h-7,:where(.og-root) .h-7 {
    height: calc(var(--spacing) * 7);
  }
:where(.og-root).h-7\.5,:where(.og-root) .h-7\.5 {
    height: calc(var(--spacing) * 7.5);
  }
:where(.og-root).h-8,:where(.og-root) .h-8 {
    height: calc(var(--spacing) * 8);
  }
:where(.og-root).h-9,:where(.og-root) .h-9 {
    height: calc(var(--spacing) * 9);
  }
:where(.og-root).h-10,:where(.og-root) .h-10 {
    height: calc(var(--spacing) * 10);
  }
:where(.og-root).h-11,:where(.og-root) .h-11 {
    height: calc(var(--spacing) * 11);
  }
:where(.og-root).h-12,:where(.og-root) .h-12 {
    height: calc(var(--spacing) * 12);
  }
:where(.og-root).h-13,:where(.og-root) .h-13 {
    height: calc(var(--spacing) * 13);
  }
:where(.og-root).h-16,:where(.og-root) .h-16 {
    height: calc(var(--spacing) * 16);
  }
:where(.og-root).h-36,:where(.og-root) .h-36 {
    height: calc(var(--spacing) * 36);
  }
:where(.og-root).h-40,:where(.og-root) .h-40 {
    height: calc(var(--spacing) * 40);
  }
:where(.og-root).h-48,:where(.og-root) .h-48 {
    height: calc(var(--spacing) * 48);
  }
:where(.og-root).h-56,:where(.og-root) .h-56 {
    height: calc(var(--spacing) * 56);
  }
:where(.og-root).h-96,:where(.og-root) .h-96 {
    height: calc(var(--spacing) * 96);
  }
:where(.og-root).h-\[1em\],:where(.og-root) .h-\[1em\] {
    height: 1em;
  }
:where(.og-root).h-\[18px\],:where(.og-root) .h-\[18px\] {
    height: 18px;
  }
:where(.og-root).h-\[22px\],:where(.og-root) .h-\[22px\] {
    height: 22px;
  }
:where(.og-root).h-\[300\%\],:where(.og-root) .h-\[300\%\] {
    height: 300%;
  }
:where(.og-root).h-\[400px\],:where(.og-root) .h-\[400px\] {
    height: 400px;
  }
:where(.og-root).h-\[calc\(100\%-1px\)\],:where(.og-root) .h-\[calc\(100\%-1px\)\] {
    height: calc(100% - 1px);
  }
:where(.og-root).h-\[clamp\(30rem\,62vh\,48rem\)\],:where(.og-root) .h-\[clamp\(30rem\,62vh\,48rem\)\] {
    height: clamp(30rem, 62vh, 48rem);
  }
:where(.og-root).h-\[min\(28rem\,50dvh\)\],:where(.og-root) .h-\[min\(28rem\,50dvh\)\] {
    height: min(28rem, 50dvh);
  }
:where(.og-root).h-\[min\(760px\,85dvh\)\],:where(.og-root) .h-\[min\(760px\,85dvh\)\] {
    height: min(760px, 85dvh);
  }
:where(.og-root).h-\[var\(--og-model-picker-trigger-height\)\],:where(.og-root) .h-\[var\(--og-model-picker-trigger-height\)\] {
    height: var(--og-model-picker-trigger-height);
  }
:where(.og-root).h-auto,:where(.og-root) .h-auto {
    height: auto;
  }
:where(.og-root).h-dvh,:where(.og-root) .h-dvh {
    height: 100dvh;
  }
:where(.og-root).h-full,:where(.og-root) .h-full {
    height: 100%;
  }
:where(.og-root).h-px,:where(.og-root) .h-px {
    height: 1px;
  }
:where(.og-root).max-h-\(--radix-context-menu-content-available-height\),:where(.og-root) .max-h-\(--radix-context-menu-content-available-height\) {
    max-height: var(--radix-context-menu-content-available-height);
  }
:where(.og-root).max-h-\(--radix-dropdown-menu-content-available-height\),:where(.og-root) .max-h-\(--radix-dropdown-menu-content-available-height\) {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }
:where(.og-root).max-h-\(--radix-select-content-available-height\),:where(.og-root) .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }
:where(.og-root).max-h-20,:where(.og-root) .max-h-20 {
    max-height: calc(var(--spacing) * 20);
  }
:where(.og-root).max-h-28,:where(.og-root) .max-h-28 {
    max-height: calc(var(--spacing) * 28);
  }
:where(.og-root).max-h-32,:where(.og-root) .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }
:where(.og-root).max-h-36,:where(.og-root) .max-h-36 {
    max-height: calc(var(--spacing) * 36);
  }
:where(.og-root).max-h-40,:where(.og-root) .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
:where(.og-root).max-h-48,:where(.og-root) .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }
:where(.og-root).max-h-56,:where(.og-root) .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }
:where(.og-root).max-h-60,:where(.og-root) .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }
:where(.og-root).max-h-64,:where(.og-root) .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
:where(.og-root).max-h-72,:where(.og-root) .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }
:where(.og-root).max-h-80,:where(.og-root) .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
:where(.og-root).max-h-96,:where(.og-root) .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }
:where(.og-root).max-h-\[26rem\],:where(.og-root) .max-h-\[26rem\] {
    max-height: 26rem;
  }
:where(.og-root).max-h-\[32rem\],:where(.og-root) .max-h-\[32rem\] {
    max-height: 32rem;
  }
:where(.og-root).max-h-\[40\%\],:where(.og-root) .max-h-\[40\%\] {
    max-height: 40%;
  }
:where(.og-root).max-h-\[82vh\],:where(.og-root) .max-h-\[82vh\] {
    max-height: 82vh;
  }
:where(.og-root).max-h-\[85dvh\],:where(.og-root) .max-h-\[85dvh\] {
    max-height: 85dvh;
  }
:where(.og-root).max-h-\[90dvh\],:where(.og-root) .max-h-\[90dvh\] {
    max-height: 90dvh;
  }
:where(.og-root).max-h-\[92dvh\],:where(.og-root) .max-h-\[92dvh\] {
    max-height: 92dvh;
  }
:where(.og-root).max-h-\[172px\],:where(.og-root) .max-h-\[172px\] {
    max-height: 172px;
  }
:where(.og-root).max-h-\[480px\],:where(.og-root) .max-h-\[480px\] {
    max-height: 480px;
  }
:where(.og-root).max-h-\[560px\],:where(.og-root) .max-h-\[560px\] {
    max-height: 560px;
  }
:where(.og-root).max-h-\[calc\(100\%-3rem\)\],:where(.og-root) .max-h-\[calc\(100\%-3rem\)\] {
    max-height: calc(100% - 3rem);
  }
:where(.og-root).max-h-\[calc\(100dvh-2rem\)\],:where(.og-root) .max-h-\[calc\(100dvh-2rem\)\] {
    max-height: calc(100dvh - 2rem);
  }
:where(.og-root).max-h-\[calc\(100dvh-12rem\)\],:where(.og-root) .max-h-\[calc\(100dvh-12rem\)\] {
    max-height: calc(100dvh - 12rem);
  }
:where(.og-root).max-h-\[min\(5rem\,20dvh\)\],:where(.og-root) .max-h-\[min\(5rem\,20dvh\)\] {
    max-height: min(5rem, 20dvh);
  }
:where(.og-root).max-h-\[min\(20rem\,var\(--radix-dropdown-menu-content-available-height\)\)\],:where(.og-root) .max-h-\[min\(20rem\,var\(--radix-dropdown-menu-content-available-height\)\)\] {
    max-height: min(20rem, var(--radix-dropdown-menu-content-available-height));
  }
:where(.og-root).max-h-\[min\(22rem\,var\(--radix-popover-content-available-height\)\)\],:where(.og-root) .max-h-\[min\(22rem\,var\(--radix-popover-content-available-height\)\)\] {
    max-height: min(22rem, var(--radix-popover-content-available-height));
  }
:where(.og-root).max-h-\[min\(28rem\,50dvh\)\],:where(.og-root) .max-h-\[min\(28rem\,50dvh\)\] {
    max-height: min(28rem, 50dvh);
  }
:where(.og-root).max-h-\[min\(28rem\,55vh\)\],:where(.og-root) .max-h-\[min\(28rem\,55vh\)\] {
    max-height: min(28rem, 55vh);
  }
:where(.og-root).max-h-\[min\(28rem\,var\(--radix-popover-content-available-height\)\)\],:where(.og-root) .max-h-\[min\(28rem\,var\(--radix-popover-content-available-height\)\)\] {
    max-height: min(28rem, var(--radix-popover-content-available-height));
  }
:where(.og-root).max-h-\[min\(30rem\,60dvh\)\],:where(.og-root) .max-h-\[min\(30rem\,60dvh\)\] {
    max-height: min(30rem, 60dvh);
  }
:where(.og-root).max-h-\[min\(32rem\,var\(--radix-dropdown-menu-content-available-height\)\)\],:where(.og-root) .max-h-\[min\(32rem\,var\(--radix-dropdown-menu-content-available-height\)\)\] {
    max-height: min(32rem, var(--radix-dropdown-menu-content-available-height));
  }
:where(.og-root).max-h-\[min\(32rem\,var\(--radix-popover-content-available-height\)\)\],:where(.og-root) .max-h-\[min\(32rem\,var\(--radix-popover-content-available-height\)\)\] {
    max-height: min(32rem, var(--radix-popover-content-available-height));
  }
:where(.og-root).max-h-\[min\(480px\,70dvh\)\],:where(.og-root) .max-h-\[min\(480px\,70dvh\)\] {
    max-height: min(480px, 70dvh);
  }
:where(.og-root).max-h-\[min\(560px\,76dvh\)\],:where(.og-root) .max-h-\[min\(560px\,76dvh\)\] {
    max-height: min(560px, 76dvh);
  }
:where(.og-root).max-h-\[min\(calc\(var\(--radix-dropdown-menu-content-available-height\,70vh\)-3\.5rem\)\,620px\)\],:where(.og-root) .max-h-\[min\(calc\(var\(--radix-dropdown-menu-content-available-height\,70vh\)-3\.5rem\)\,620px\)\] {
    max-height: min(calc(var(--radix-dropdown-menu-content-available-height,70vh) - 3.5rem), 620px);
  }
:where(.og-root).max-h-full,:where(.og-root) .max-h-full {
    max-height: 100%;
  }
:where(.og-root).max-h-none,:where(.og-root) .max-h-none {
    max-height: none;
  }
:where(.og-root).min-h-0,:where(.og-root) .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
:where(.og-root).min-h-2,:where(.og-root) .min-h-2 {
    min-height: calc(var(--spacing) * 2);
  }
:where(.og-root).min-h-6,:where(.og-root) .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }
:where(.og-root).min-h-7,:where(.og-root) .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }
:where(.og-root).min-h-8,:where(.og-root) .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
:where(.og-root).min-h-9,:where(.og-root) .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }
:where(.og-root).min-h-10,:where(.og-root) .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
:where(.og-root).min-h-11,:where(.og-root) .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
:where(.og-root).min-h-12,:where(.og-root) .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
:where(.og-root).min-h-13,:where(.og-root) .min-h-13 {
    min-height: calc(var(--spacing) * 13);
  }
:where(.og-root).min-h-14,:where(.og-root) .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }
:where(.og-root).min-h-16,:where(.og-root) .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
:where(.og-root).min-h-32,:where(.og-root) .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }
:where(.og-root).min-h-48,:where(.og-root) .min-h-48 {
    min-height: calc(var(--spacing) * 48);
  }
:where(.og-root).min-h-56,:where(.og-root) .min-h-56 {
    min-height: calc(var(--spacing) * 56);
  }
:where(.og-root).min-h-72,:where(.og-root) .min-h-72 {
    min-height: calc(var(--spacing) * 72);
  }
:where(.og-root).min-h-\[18rem\],:where(.og-root) .min-h-\[18rem\] {
    min-height: 18rem;
  }
:where(.og-root).min-h-\[24rem\],:where(.og-root) .min-h-\[24rem\] {
    min-height: 24rem;
  }
:where(.og-root).min-h-\[28rem\],:where(.og-root) .min-h-\[28rem\] {
    min-height: 28rem;
  }
:where(.og-root).min-h-\[76px\],:where(.og-root) .min-h-\[76px\] {
    min-height: 76px;
  }
:where(.og-root).min-h-\[var\(--og-session-chrome-chip-min-height\)\],:where(.og-root) .min-h-\[var\(--og-session-chrome-chip-min-height\)\] {
    min-height: var(--og-session-chrome-chip-min-height);
  }
:where(.og-root).min-h-full,:where(.og-root) .min-h-full {
    min-height: 100%;
  }
:where(.og-root).w-0,:where(.og-root) .w-0 {
    width: calc(var(--spacing) * 0);
  }
:where(.og-root).w-0\.5,:where(.og-root) .w-0\.5 {
    width: calc(var(--spacing) * 0.5);
  }
:where(.og-root).w-1,:where(.og-root) .w-1 {
    width: calc(var(--spacing) * 1);
  }
:where(.og-root).w-1\.5,:where(.og-root) .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
:where(.og-root).w-1\/2,:where(.og-root) .w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
:where(.og-root).w-1\/3,:where(.og-root) .w-1\/3 {
    width: calc(1 / 3 * 100%);
  }
:where(.og-root).w-1\/4,:where(.og-root) .w-1\/4 {
    width: calc(1 / 4 * 100%);
  }
:where(.og-root).w-2,:where(.og-root) .w-2 {
    width: calc(var(--spacing) * 2);
  }
:where(.og-root).w-2\.5,:where(.og-root) .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
:where(.og-root).w-2\/3,:where(.og-root) .w-2\/3 {
    width: calc(2 / 3 * 100%);
  }
:where(.og-root).w-2\/5,:where(.og-root) .w-2\/5 {
    width: calc(2 / 5 * 100%);
  }
:where(.og-root).w-3,:where(.og-root) .w-3 {
    width: calc(var(--spacing) * 3);
  }
:where(.og-root).w-3\/4,:where(.og-root) .w-3\/4 {
    width: calc(3 / 4 * 100%);
  }
:where(.og-root).w-3\/5,:where(.og-root) .w-3\/5 {
    width: calc(3 / 5 * 100%);
  }
:where(.og-root).w-4,:where(.og-root) .w-4 {
    width: calc(var(--spacing) * 4);
  }
:where(.og-root).w-4\/5,:where(.og-root) .w-4\/5 {
    width: calc(4 / 5 * 100%);
  }
:where(.og-root).w-5,:where(.og-root) .w-5 {
    width: calc(var(--spacing) * 5);
  }
:where(.og-root).w-6,:where(.og-root) .w-6 {
    width: calc(var(--spacing) * 6);
  }
:where(.og-root).w-7,:where(.og-root) .w-7 {
    width: calc(var(--spacing) * 7);
  }
:where(.og-root).w-8,:where(.og-root) .w-8 {
    width: calc(var(--spacing) * 8);
  }
:where(.og-root).w-9,:where(.og-root) .w-9 {
    width: calc(var(--spacing) * 9);
  }
:where(.og-root).w-10,:where(.og-root) .w-10 {
    width: calc(var(--spacing) * 10);
  }
:where(.og-root).w-11,:where(.og-root) .w-11 {
    width: calc(var(--spacing) * 11);
  }
:where(.og-root).w-12,:where(.og-root) .w-12 {
    width: calc(var(--spacing) * 12);
  }
:where(.og-root).w-14,:where(.og-root) .w-14 {
    width: calc(var(--spacing) * 14);
  }
:where(.og-root).w-16,:where(.og-root) .w-16 {
    width: calc(var(--spacing) * 16);
  }
:where(.og-root).w-20,:where(.og-root) .w-20 {
    width: calc(var(--spacing) * 20);
  }
:where(.og-root).w-24,:where(.og-root) .w-24 {
    width: calc(var(--spacing) * 24);
  }
:where(.og-root).w-28,:where(.og-root) .w-28 {
    width: calc(var(--spacing) * 28);
  }
:where(.og-root).w-32,:where(.og-root) .w-32 {
    width: calc(var(--spacing) * 32);
  }
:where(.og-root).w-36,:where(.og-root) .w-36 {
    width: calc(var(--spacing) * 36);
  }
:where(.og-root).w-40,:where(.og-root) .w-40 {
    width: calc(var(--spacing) * 40);
  }
:where(.og-root).w-44,:where(.og-root) .w-44 {
    width: calc(var(--spacing) * 44);
  }
:where(.og-root).w-48,:where(.og-root) .w-48 {
    width: calc(var(--spacing) * 48);
  }
:where(.og-root).w-52,:where(.og-root) .w-52 {
    width: calc(var(--spacing) * 52);
  }
:where(.og-root).w-56,:where(.og-root) .w-56 {
    width: calc(var(--spacing) * 56);
  }
:where(.og-root).w-60,:where(.og-root) .w-60 {
    width: calc(var(--spacing) * 60);
  }
:where(.og-root).w-64,:where(.og-root) .w-64 {
    width: calc(var(--spacing) * 64);
  }
:where(.og-root).w-72,:where(.og-root) .w-72 {
    width: calc(var(--spacing) * 72);
  }
:where(.og-root).w-80,:where(.og-root) .w-80 {
    width: calc(var(--spacing) * 80);
  }
:where(.og-root).w-\[2px\],:where(.og-root) .w-\[2px\] {
    width: 2px;
  }
:where(.og-root).w-\[3\.75rem\],:where(.og-root) .w-\[3\.75rem\] {
    width: 3.75rem;
  }
:where(.og-root).w-\[4\.5rem\],:where(.og-root) .w-\[4\.5rem\] {
    width: 4.5rem;
  }
:where(.og-root).w-\[4\.75rem\],:where(.og-root) .w-\[4\.75rem\] {
    width: 4.75rem;
  }
:where(.og-root).w-\[6\.5rem\],:where(.og-root) .w-\[6\.5rem\] {
    width: 6.5rem;
  }
:where(.og-root).w-\[12\.5rem\],:where(.og-root) .w-\[12\.5rem\] {
    width: 12.5rem;
  }
:where(.og-root).w-\[17\.5rem\],:where(.og-root) .w-\[17\.5rem\] {
    width: 17.5rem;
  }
:where(.og-root).w-\[22rem\],:where(.og-root) .w-\[22rem\] {
    width: 22rem;
  }
:where(.og-root).w-\[52px\],:where(.og-root) .w-\[52px\] {
    width: 52px;
  }
:where(.og-root).w-\[56px\],:where(.og-root) .w-\[56px\] {
    width: 56px;
  }
:where(.og-root).w-\[150px\],:where(.og-root) .w-\[150px\] {
    width: 150px;
  }
:where(.og-root).w-\[174px\],:where(.og-root) .w-\[174px\] {
    width: 174px;
  }
:where(.og-root).w-\[180px\],:where(.og-root) .w-\[180px\] {
    width: 180px;
  }
:where(.og-root).w-\[200px\],:where(.og-root) .w-\[200px\] {
    width: 200px;
  }
:where(.og-root).w-\[300\%\],:where(.og-root) .w-\[300\%\] {
    width: 300%;
  }
:where(.og-root).w-\[400px\],:where(.og-root) .w-\[400px\] {
    width: 400px;
  }
:where(.og-root).w-\[calc\(100\%\+1\.5rem\)\],:where(.og-root) .w-\[calc\(100\%\+1\.5rem\)\] {
    width: calc(100% + 1.5rem);
  }
:where(.og-root).w-\[calc\(100\%\+1rem\)\],:where(.og-root) .w-\[calc\(100\%\+1rem\)\] {
    width: calc(100% + 1rem);
  }
:where(.og-root).w-\[calc\(100\%-2rem\)\],:where(.og-root) .w-\[calc\(100\%-2rem\)\] {
    width: calc(100% - 2rem);
  }
:where(.og-root).w-\[calc\(100vw-1\.5rem\)\],:where(.og-root) .w-\[calc\(100vw-1\.5rem\)\] {
    width: calc(100vw - 1.5rem);
  }
:where(.og-root).w-\[clamp\(12rem\,28\%\,15rem\)\],:where(.og-root) .w-\[clamp\(12rem\,28\%\,15rem\)\] {
    width: clamp(12rem, 28%, 15rem);
  }
:where(.og-root).w-\[max\(var\(--radix-popover-trigger-width\)\,22rem\)\],:where(.og-root) .w-\[max\(var\(--radix-popover-trigger-width\)\,22rem\)\] {
    width: max(var(--radix-popover-trigger-width), 22rem);
  }
:where(.og-root).w-\[min\(19rem\,calc\(100vw-24px\)\)\],:where(.og-root) .w-\[min\(19rem\,calc\(100vw-24px\)\)\] {
    width: min(19rem, calc(100vw - 24px));
  }
:where(.og-root).w-\[min\(20rem\,85\%\)\],:where(.og-root) .w-\[min\(20rem\,85\%\)\] {
    width: min(20rem, 85%);
  }
:where(.og-root).w-\[min\(20rem\,calc\(100vw-24px\)\)\],:where(.og-root) .w-\[min\(20rem\,calc\(100vw-24px\)\)\] {
    width: min(20rem, calc(100vw - 24px));
  }
:where(.og-root).w-\[min\(22rem\,calc\(100vw-2rem\)\)\],:where(.og-root) .w-\[min\(22rem\,calc\(100vw-2rem\)\)\] {
    width: min(22rem, calc(100vw - 2rem));
  }
:where(.og-root).w-\[min\(24rem\,calc\(100vw-1\.5rem\)\)\],:where(.og-root) .w-\[min\(24rem\,calc\(100vw-1\.5rem\)\)\] {
    width: min(24rem, calc(100vw - 1.5rem));
  }
:where(.og-root).w-\[min\(25rem\,calc\(100vw-1\.5rem\)\)\],:where(.og-root) .w-\[min\(25rem\,calc\(100vw-1\.5rem\)\)\] {
    width: min(25rem, calc(100vw - 1.5rem));
  }
:where(.og-root).w-\[min\(36rem\,calc\(100vw-2rem\)\)\],:where(.og-root) .w-\[min\(36rem\,calc\(100vw-2rem\)\)\] {
    width: min(36rem, calc(100vw - 2rem));
  }
:where(.og-root).w-auto,:where(.og-root) .w-auto {
    width: auto;
  }
:where(.og-root).w-dvw,:where(.og-root) .w-dvw {
    width: 100dvw;
  }
:where(.og-root).w-fit,:where(.og-root) .w-fit {
    width: fit-content;
  }
:where(.og-root).w-full,:where(.og-root) .w-full {
    width: 100%;
  }
:where(.og-root).w-max,:where(.og-root) .w-max {
    width: max-content;
  }
:where(.og-root).w-px,:where(.og-root) .w-px {
    width: 1px;
  }
:where(.og-root).w-screen,:where(.og-root) .w-screen {
    width: 100vw;
  }
:where(.og-root).max-w-2xl,:where(.og-root) .max-w-2xl {
    max-width: var(--container-2xl);
  }
:where(.og-root).max-w-3xl,:where(.og-root) .max-w-3xl {
    max-width: var(--container-3xl);
  }
:where(.og-root).max-w-5xl,:where(.og-root) .max-w-5xl {
    max-width: var(--container-5xl);
  }
:where(.og-root).max-w-6xl,:where(.og-root) .max-w-6xl {
    max-width: var(--container-6xl);
  }
:where(.og-root).max-w-7xl,:where(.og-root) .max-w-7xl {
    max-width: var(--container-7xl);
  }
:where(.og-root).max-w-28,:where(.og-root) .max-w-28 {
    max-width: calc(var(--spacing) * 28);
  }
:where(.og-root).max-w-32,:where(.og-root) .max-w-32 {
    max-width: calc(var(--spacing) * 32);
  }
:where(.og-root).max-w-40,:where(.og-root) .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }
:where(.og-root).max-w-44,:where(.og-root) .max-w-44 {
    max-width: calc(var(--spacing) * 44);
  }
:where(.og-root).max-w-48,:where(.og-root) .max-w-48 {
    max-width: calc(var(--spacing) * 48);
  }
:where(.og-root).max-w-52,:where(.og-root) .max-w-52 {
    max-width: calc(var(--spacing) * 52);
  }
:where(.og-root).max-w-56,:where(.og-root) .max-w-56 {
    max-width: calc(var(--spacing) * 56);
  }
:where(.og-root).max-w-60,:where(.og-root) .max-w-60 {
    max-width: calc(var(--spacing) * 60);
  }
:where(.og-root).max-w-64,:where(.og-root) .max-w-64 {
    max-width: calc(var(--spacing) * 64);
  }
:where(.og-root).max-w-72,:where(.og-root) .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }
:where(.og-root).max-w-80,:where(.og-root) .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }
:where(.og-root).max-w-\[7rem\],:where(.og-root) .max-w-\[7rem\] {
    max-width: 7rem;
  }
:where(.og-root).max-w-\[9rem\],:where(.og-root) .max-w-\[9rem\] {
    max-width: 9rem;
  }
:where(.og-root).max-w-\[11rem\],:where(.og-root) .max-w-\[11rem\] {
    max-width: 11rem;
  }
:where(.og-root).max-w-\[12\.5rem\],:where(.og-root) .max-w-\[12\.5rem\] {
    max-width: 12.5rem;
  }
:where(.og-root).max-w-\[12rem\],:where(.og-root) .max-w-\[12rem\] {
    max-width: 12rem;
  }
:where(.og-root).max-w-\[13rem\],:where(.og-root) .max-w-\[13rem\] {
    max-width: 13rem;
  }
:where(.og-root).max-w-\[18em\],:where(.og-root) .max-w-\[18em\] {
    max-width: 18em;
  }
:where(.og-root).max-w-\[40\%\],:where(.og-root) .max-w-\[40\%\] {
    max-width: 40%;
  }
:where(.og-root).max-w-\[45\%\],:where(.og-root) .max-w-\[45\%\] {
    max-width: 45%;
  }
:where(.og-root).max-w-\[48ch\],:where(.og-root) .max-w-\[48ch\] {
    max-width: 48ch;
  }
:where(.og-root).max-w-\[50\%\],:where(.og-root) .max-w-\[50\%\] {
    max-width: 50%;
  }
:where(.og-root).max-w-\[60\%\],:where(.og-root) .max-w-\[60\%\] {
    max-width: 60%;
  }
:where(.og-root).max-w-\[70\%\],:where(.og-root) .max-w-\[70\%\] {
    max-width: 70%;
  }
:where(.og-root).max-w-\[72ch\],:where(.og-root) .max-w-\[72ch\] {
    max-width: 72ch;
  }
:where(.og-root).max-w-\[80\%\],:where(.og-root) .max-w-\[80\%\] {
    max-width: 80%;
  }
:where(.og-root).max-w-\[85\%\],:where(.og-root) .max-w-\[85\%\] {
    max-width: 85%;
  }
:where(.og-root).max-w-\[85vw\],:where(.og-root) .max-w-\[85vw\] {
    max-width: 85vw;
  }
:where(.og-root).max-w-\[90\%\],:where(.og-root) .max-w-\[90\%\] {
    max-width: 90%;
  }
:where(.og-root).max-w-\[180px\],:where(.og-root) .max-w-\[180px\] {
    max-width: 180px;
  }
:where(.og-root).max-w-\[220px\],:where(.og-root) .max-w-\[220px\] {
    max-width: 220px;
  }
:where(.og-root).max-w-\[240px\],:where(.og-root) .max-w-\[240px\] {
    max-width: 240px;
  }
:where(.og-root).max-w-\[320px\],:where(.og-root) .max-w-\[320px\] {
    max-width: 320px;
  }
:where(.og-root).max-w-\[380px\],:where(.og-root) .max-w-\[380px\] {
    max-width: 380px;
  }
:where(.og-root).max-w-\[440px\],:where(.og-root) .max-w-\[440px\] {
    max-width: 440px;
  }
:where(.og-root).max-w-\[480px\],:where(.og-root) .max-w-\[480px\] {
    max-width: 480px;
  }
:where(.og-root).max-w-\[520px\],:where(.og-root) .max-w-\[520px\] {
    max-width: 520px;
  }
:where(.og-root).max-w-\[560px\],:where(.og-root) .max-w-\[560px\] {
    max-width: 560px;
  }
:where(.og-root).max-w-\[640px\],:where(.og-root) .max-w-\[640px\] {
    max-width: 640px;
  }
:where(.og-root).max-w-\[720px\],:where(.og-root) .max-w-\[720px\] {
    max-width: 720px;
  }
:where(.og-root).max-w-\[760px\],:where(.og-root) .max-w-\[760px\] {
    max-width: 760px;
  }
:where(.og-root).max-w-\[960px\],:where(.og-root) .max-w-\[960px\] {
    max-width: 960px;
  }
:where(.og-root).max-w-\[calc\(100\%-1\.5rem\)\],:where(.og-root) .max-w-\[calc\(100\%-1\.5rem\)\] {
    max-width: calc(100% - 1.5rem);
  }
:where(.og-root).max-w-\[calc\(100\%-1rem\)\],:where(.og-root) .max-w-\[calc\(100\%-1rem\)\] {
    max-width: calc(100% - 1rem);
  }
:where(.og-root).max-w-\[calc\(100vw-2rem\)\],:where(.og-root) .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }
:where(.og-root).max-w-\[calc\(100vw-16px\)\],:where(.og-root) .max-w-\[calc\(100vw-16px\)\] {
    max-width: calc(100vw - 16px);
  }
:where(.og-root).max-w-\[calc\(100vw-24px\)\],:where(.og-root) .max-w-\[calc\(100vw-24px\)\] {
    max-width: calc(100vw - 24px);
  }
:where(.og-root).max-w-\[min\(18rem\,calc\(100vw-1\.5rem\)\)\],:where(.og-root) .max-w-\[min\(18rem\,calc\(100vw-1\.5rem\)\)\] {
    max-width: min(18rem, calc(100vw - 1.5rem));
  }
:where(.og-root).max-w-\[min\(24rem\,60vw\)\],:where(.og-root) .max-w-\[min\(24rem\,60vw\)\] {
    max-width: min(24rem, 60vw);
  }
:where(.og-root).max-w-\[min\(100\%\,18rem\)\],:where(.og-root) .max-w-\[min\(100\%\,18rem\)\] {
    max-width: min(100%, 18rem);
  }
:where(.og-root).max-w-full,:where(.og-root) .max-w-full {
    max-width: 100%;
  }
:where(.og-root).max-w-lg,:where(.og-root) .max-w-lg {
    max-width: var(--container-lg);
  }
:where(.og-root).max-w-md,:where(.og-root) .max-w-md {
    max-width: var(--container-md);
  }
:where(.og-root).max-w-none,:where(.og-root) .max-w-none {
    max-width: none;
  }
:where(.og-root).max-w-prose,:where(.og-root) .max-w-prose {
    max-width: 65ch;
  }
:where(.og-root).max-w-sm,:where(.og-root) .max-w-sm {
    max-width: var(--container-sm);
  }
:where(.og-root).max-w-xs,:where(.og-root) .max-w-xs {
    max-width: var(--container-xs);
  }
:where(.og-root).min-w-\(--radix-select-trigger-width\),:where(.og-root) .min-w-\(--radix-select-trigger-width\) {
    min-width: var(--radix-select-trigger-width);
  }
:where(.og-root).min-w-0,:where(.og-root) .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
:where(.og-root).min-w-3\.5,:where(.og-root) .min-w-3\.5 {
    min-width: calc(var(--spacing) * 3.5);
  }
:where(.og-root).min-w-4,:where(.og-root) .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }
:where(.og-root).min-w-4\.5,:where(.og-root) .min-w-4\.5 {
    min-width: calc(var(--spacing) * 4.5);
  }
:where(.og-root).min-w-5,:where(.og-root) .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
:where(.og-root).min-w-6,:where(.og-root) .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }
:where(.og-root).min-w-7,:where(.og-root) .min-w-7 {
    min-width: calc(var(--spacing) * 7);
  }
:where(.og-root).min-w-8,:where(.og-root) .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
:where(.og-root).min-w-9,:where(.og-root) .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }
:where(.og-root).min-w-10,:where(.og-root) .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }
:where(.og-root).min-w-11,:where(.og-root) .min-w-11 {
    min-width: calc(var(--spacing) * 11);
  }
:where(.og-root).min-w-12,:where(.og-root) .min-w-12 {
    min-width: calc(var(--spacing) * 12);
  }
:where(.og-root).min-w-16,:where(.og-root) .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }
:where(.og-root).min-w-20,:where(.og-root) .min-w-20 {
    min-width: calc(var(--spacing) * 20);
  }
:where(.og-root).min-w-22,:where(.og-root) .min-w-22 {
    min-width: calc(var(--spacing) * 22);
  }
:where(.og-root).min-w-24,:where(.og-root) .min-w-24 {
    min-width: calc(var(--spacing) * 24);
  }
:where(.og-root).min-w-40,:where(.og-root) .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }
:where(.og-root).min-w-44,:where(.og-root) .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }
:where(.og-root).min-w-48,:where(.og-root) .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }
:where(.og-root).min-w-\[2\.25rem\],:where(.og-root) .min-w-\[2\.25rem\] {
    min-width: 2.25rem;
  }
:where(.og-root).min-w-\[8rem\],:where(.og-root) .min-w-\[8rem\] {
    min-width: 8rem;
  }
:where(.og-root).min-w-\[10rem\],:where(.og-root) .min-w-\[10rem\] {
    min-width: 10rem;
  }
:where(.og-root).min-w-\[12rem\],:where(.og-root) .min-w-\[12rem\] {
    min-width: 12rem;
  }
:where(.og-root).min-w-\[180px\],:where(.og-root) .min-w-\[180px\] {
    min-width: 180px;
  }
:where(.og-root).min-w-full,:where(.og-root) .min-w-full {
    min-width: 100%;
  }
:where(.og-root).min-w-max,:where(.og-root) .min-w-max {
    min-width: max-content;
  }
:where(.og-root).flex-1,:where(.og-root) .flex-1 {
    flex: 1;
  }
:where(.og-root).flex-\[1_1_5rem\],:where(.og-root) .flex-\[1_1_5rem\] {
    flex: 1 1 5rem;
  }
:where(.og-root).flex-\[2\],:where(.og-root) .flex-\[2\] {
    flex: 2;
  }
:where(.og-root).flex-\[3\],:where(.og-root) .flex-\[3\] {
    flex: 3;
  }
:where(.og-root).flex-none,:where(.og-root) .flex-none {
    flex: none;
  }
:where(.og-root).shrink,:where(.og-root) .shrink {
    flex-shrink: 1;
  }
:where(.og-root).shrink-0,:where(.og-root) .shrink-0 {
    flex-shrink: 0;
  }
:where(.og-root).shrink-\[2\],:where(.og-root) .shrink-\[2\] {
    flex-shrink: 2;
  }
:where(.og-root).shrink-\[9999\],:where(.og-root) .shrink-\[9999\] {
    flex-shrink: 9999;
  }
:where(.og-root).grow,:where(.og-root) .grow {
    flex-grow: 1;
  }
:where(.og-root).basis-48,:where(.og-root) .basis-48 {
    flex-basis: calc(var(--spacing) * 48);
  }
:where(.og-root).basis-56,:where(.og-root) .basis-56 {
    flex-basis: calc(var(--spacing) * 56);
  }
:where(.og-root).basis-72,:where(.og-root) .basis-72 {
    flex-basis: calc(var(--spacing) * 72);
  }
:where(.og-root).basis-full,:where(.og-root) .basis-full {
    flex-basis: 100%;
  }
:where(.og-root).table-fixed,:where(.og-root) .table-fixed {
    table-layout: fixed;
  }
:where(.og-root).border-collapse,:where(.og-root) .border-collapse {
    border-collapse: collapse;
  }
:where(.og-root).border-separate,:where(.og-root) .border-separate {
    border-collapse: separate;
  }
:where(.og-root).border-spacing-0,:where(.og-root) .border-spacing-0 {
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
:where(.og-root).origin-\(--radix-context-menu-content-transform-origin\),:where(.og-root) .origin-\(--radix-context-menu-content-transform-origin\) {
    transform-origin: var(--radix-context-menu-content-transform-origin);
  }
:where(.og-root).origin-\(--radix-dropdown-menu-content-transform-origin\),:where(.og-root) .origin-\(--radix-dropdown-menu-content-transform-origin\) {
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  }
:where(.og-root).origin-\(--radix-hover-card-content-transform-origin\),:where(.og-root) .origin-\(--radix-hover-card-content-transform-origin\) {
    transform-origin: var(--radix-hover-card-content-transform-origin);
  }
:where(.og-root).origin-\(--radix-tooltip-content-transform-origin\),:where(.og-root) .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }
:where(.og-root).origin-\[var\(--radix-tooltip-content-transform-origin\)\],:where(.og-root) .origin-\[var\(--radix-tooltip-content-transform-origin\)\] {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }
:where(.og-root).origin-center,:where(.og-root) .origin-center {
    transform-origin: center;
  }
:where(.og-root).origin-top-left,:where(.og-root) .origin-top-left {
    transform-origin: 0 0;
  }
:where(.og-root).-translate-x-1\/2,:where(.og-root) .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
:where(.og-root).translate-x-0\.5,:where(.og-root) .translate-x-0\.5 {
    --tw-translate-x: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
:where(.og-root).translate-x-3,:where(.og-root) .translate-x-3 {
    --tw-translate-x: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
:where(.og-root).translate-x-4,:where(.og-root) .translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
:where(.og-root).-translate-y-1\/2,:where(.og-root) .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
:where(.og-root).-translate-y-\[110\%\],:where(.og-root) .-translate-y-\[110\%\] {
    --tw-translate-y: calc(110% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
:where(.og-root).-translate-y-full,:where(.og-root) .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
:where(.og-root).translate-y-\[2px\],:where(.og-root) .translate-y-\[2px\] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
:where(.og-root).translate-y-\[calc\(-50\%_-_2px\)\],:where(.og-root) .translate-y-\[calc\(-50\%_-_2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
:where(.og-root).scale-90,:where(.og-root) .scale-90 {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
:where(.og-root).scale-\[0\.3333\],:where(.og-root) .scale-\[0\.3333\] {
    scale: 0.3333;
  }
:where(.og-root).-rotate-90,:where(.og-root) .-rotate-90 {
    rotate: calc(90deg * -1);
  }
:where(.og-root).rotate-45,:where(.og-root) .rotate-45 {
    rotate: 45deg;
  }
:where(.og-root).rotate-90,:where(.og-root) .rotate-90 {
    rotate: 90deg;
  }
:where(.og-root).rotate-180,:where(.og-root) .rotate-180 {
    rotate: 180deg;
  }
:where(.og-root).transform,:where(.og-root) .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
:where(.og-root).animate-og-blink,:where(.og-root) .animate-og-blink {
    animation: og-blink 1s steps(2, start) infinite;
  }
:where(.og-root).animate-og-enter,:where(.og-root) .animate-og-enter {
    animation: og-enter var(--_og-duration-base) var(--og-ease-out) both;
  }
:where(.og-root).animate-og-expand,:where(.og-root) .animate-og-expand {
    animation: og-expand var(--_og-duration-disclose) var(--og-ease-in-out);
  }
:where(.og-root).animate-og-pulse,:where(.og-root) .animate-og-pulse {
    animation: og-pulse 2s var(--og-ease-in-out) infinite;
  }
:where(.og-root).animate-og-row-enter,:where(.og-root) .animate-og-row-enter {
    animation: og-row-enter var(--_og-duration-slow) var(--og-ease-stream) both;
  }
:where(.og-root).animate-og-settle-chip,:where(.og-root) .animate-og-settle-chip {
    animation: og-settle-chip var(--_og-duration-slow) var(--og-ease-out) both;
  }
:where(.og-root).animate-og-spin,:where(.og-root) .animate-og-spin {
    animation: og-spin 0.9s linear infinite;
  }
:where(.og-root).animate-og-waveform,:where(.og-root) .animate-og-waveform {
    animation: og-waveform 1.15s var(--og-ease-in-out) infinite;
  }
:where(.og-root).animate-pulse,:where(.og-root) .animate-pulse {
    animation: og-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
:where(.og-root).animate-spin,:where(.og-root) .animate-spin {
    animation: og-spin 1s linear infinite;
  }
:where(.og-root).cursor-col-resize,:where(.og-root) .cursor-col-resize {
    cursor: col-resize;
  }
:where(.og-root).cursor-default,:where(.og-root) .cursor-default {
    cursor: default;
  }
:where(.og-root).cursor-grab,:where(.og-root) .cursor-grab {
    cursor: grab;
  }
:where(.og-root).cursor-help,:where(.og-root) .cursor-help {
    cursor: help;
  }
:where(.og-root).cursor-not-allowed,:where(.og-root) .cursor-not-allowed {
    cursor: not-allowed;
  }
:where(.og-root).cursor-nwse-resize,:where(.og-root) .cursor-nwse-resize {
    cursor: nwse-resize;
  }
:where(.og-root).cursor-pointer,:where(.og-root) .cursor-pointer {
    cursor: pointer;
  }
:where(.og-root).cursor-progress,:where(.og-root) .cursor-progress {
    cursor: progress;
  }
:where(.og-root).cursor-row-resize,:where(.og-root) .cursor-row-resize {
    cursor: row-resize;
  }
:where(.og-root).cursor-text,:where(.og-root) .cursor-text {
    cursor: text;
  }
:where(.og-root).cursor-zoom-in,:where(.og-root) .cursor-zoom-in {
    cursor: zoom-in;
  }
:where(.og-root).touch-none,:where(.og-root) .touch-none {
    touch-action: none;
  }
:where(.og-root).resize,:where(.og-root) .resize {
    resize: both;
  }
:where(.og-root).resize-none,:where(.og-root) .resize-none {
    resize: none;
  }
:where(.og-root).resize-y,:where(.og-root) .resize-y {
    resize: vertical;
  }
:where(.og-root).scroll-mt-4,:where(.og-root) .scroll-mt-4 {
    scroll-margin-top: calc(var(--spacing) * 4);
  }
:where(.og-root).list-decimal,:where(.og-root) .list-decimal {
    list-style-type: decimal;
  }
:where(.og-root).list-disc,:where(.og-root) .list-disc {
    list-style-type: disc;
  }
:where(.og-root).list-none,:where(.og-root) .list-none {
    list-style-type: none;
  }
:where(.og-root).appearance-none,:where(.og-root) .appearance-none {
    appearance: none;
  }
:where(.og-root).auto-rows-fr,:where(.og-root) .auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }
:where(.og-root).auto-rows-min,:where(.og-root) .auto-rows-min {
    grid-auto-rows: min-content;
  }
:where(.og-root).grid-cols-1,:where(.og-root) .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
:where(.og-root).grid-cols-2,:where(.og-root) .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
:where(.og-root).grid-cols-7,:where(.og-root) .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
:where(.og-root).grid-cols-\[1\.25rem_minmax\(0\,1fr\)\],:where(.og-root) .grid-cols-\[1\.25rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1.25rem minmax(0,1fr);
  }
:where(.og-root).grid-cols-\[1rem_minmax\(0\,1fr\)\],:where(.og-root) .grid-cols-\[1rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1rem minmax(0,1fr);
  }
:where(.og-root).grid-cols-\[2rem_minmax\(0\,1fr\)_auto\],:where(.og-root) .grid-cols-\[2rem_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 2rem minmax(0,1fr) auto;
  }
:where(.og-root).grid-cols-\[5\.25rem_minmax\(0\,1fr\)\],:where(.og-root) .grid-cols-\[5\.25rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 5.25rem minmax(0,1fr);
  }
:where(.og-root).grid-cols-\[6rem_minmax\(0\,1fr\)\],:where(.og-root) .grid-cols-\[6rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 6rem minmax(0,1fr);
  }
:where(.og-root).grid-cols-\[7rem_minmax\(0\,1fr\)\],:where(.og-root) .grid-cols-\[7rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 7rem minmax(0,1fr);
  }
:where(.og-root).grid-cols-\[auto_minmax\(0\,1fr\)\],:where(.og-root) .grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0,1fr);
  }
:where(.og-root).grid-cols-\[auto_minmax\(0\,1fr\)_auto\],:where(.og-root) .grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: auto minmax(0,1fr) auto;
  }
:where(.og-root).grid-cols-\[minmax\(0\,1fr\)\],:where(.og-root) .grid-cols-\[minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,1fr);
  }
:where(.og-root).grid-cols-\[minmax\(0\,1fr\)_auto\],:where(.og-root) .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) auto;
  }
:where(.og-root).grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\],:where(.og-root) .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  }
:where(.og-root).grid-cols-\[minmax\(2\.25rem\,auto\)_minmax\(0\,1fr\)\],:where(.og-root) .grid-cols-\[minmax\(2\.25rem\,auto\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(2.25rem,auto) minmax(0,1fr);
  }
:where(.og-root).grid-cols-subgrid,:where(.og-root) .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
:where(.og-root).grid-rows-\[auto_auto\],:where(.og-root) .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }
:where(.og-root).flex-col,:where(.og-root) .flex-col {
    flex-direction: column;
  }
:where(.og-root).flex-col-reverse,:where(.og-root) .flex-col-reverse {
    flex-direction: column-reverse;
  }
:where(.og-root).flex-row,:where(.og-root) .flex-row {
    flex-direction: row;
  }
:where(.og-root).flex-row-reverse,:where(.og-root) .flex-row-reverse {
    flex-direction: row-reverse;
  }
:where(.og-root).flex-nowrap,:where(.og-root) .flex-nowrap {
    flex-wrap: nowrap;
  }
:where(.og-root).flex-wrap,:where(.og-root) .flex-wrap {
    flex-wrap: wrap;
  }
:where(.og-root).place-items-center,:where(.og-root) .place-items-center {
    place-items: center;
  }
:where(.og-root).content-center,:where(.og-root) .content-center {
    align-content: center;
  }
:where(.og-root).items-baseline,:where(.og-root) .items-baseline {
    align-items: baseline;
  }
:where(.og-root).items-center,:where(.og-root) .items-center {
    align-items: center;
  }
:where(.og-root).items-end,:where(.og-root) .items-end {
    align-items: flex-end;
  }
:where(.og-root).items-start,:where(.og-root) .items-start {
    align-items: flex-start;
  }
:where(.og-root).items-stretch,:where(.og-root) .items-stretch {
    align-items: stretch;
  }
:where(.og-root).justify-between,:where(.og-root) .justify-between {
    justify-content: space-between;
  }
:where(.og-root).justify-center,:where(.og-root) .justify-center {
    justify-content: center;
  }
:where(.og-root).justify-end,:where(.og-root) .justify-end {
    justify-content: flex-end;
  }
:where(.og-root).justify-start,:where(.og-root) .justify-start {
    justify-content: flex-start;
  }
:where(.og-root).justify-items-center,:where(.og-root) .justify-items-center {
    justify-items: center;
  }
:where(.og-root).gap-0,:where(.og-root) .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
:where(.og-root).gap-0\.5,:where(.og-root) .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
:where(.og-root).gap-1,:where(.og-root) .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
:where(.og-root).gap-1\.5,:where(.og-root) .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
:where(.og-root).gap-2,:where(.og-root) .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
:where(.og-root).gap-2\.5,:where(.og-root) .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
:where(.og-root).gap-3,:where(.og-root) .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
:where(.og-root).gap-4,:where(.og-root) .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
:where(.og-root).gap-5,:where(.og-root) .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
:where(.og-root).gap-6,:where(.og-root) .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
:where(.og-root).gap-8,:where(.og-root) .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
:where(.og-root).gap-\[0\.3em\],:where(.og-root) .gap-\[0\.3em\] {
    gap: 0.3em;
  }
:where(.og-root).gap-px,:where(.og-root) .gap-px {
    gap: 1px;
  }
:where(.og-root).space-y-0\.5,:where(.og-root) .space-y-0\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
:where(.og-root).space-y-1,:where(.og-root) .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
:where(.og-root).space-y-1\.5,:where(.og-root) .space-y-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
:where(.og-root).space-y-2,:where(.og-root) .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
:where(.og-root).space-y-2\.5,:where(.og-root) .space-y-2\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
:where(.og-root).space-y-3,:where(.og-root) .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
:where(.og-root).space-y-4,:where(.og-root) .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
:where(.og-root).space-y-5,:where(.og-root) .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
:where(.og-root).space-y-6,:where(.og-root) .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
:where(.og-root).gap-x-1,:where(.og-root) .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }
:where(.og-root).gap-x-1\.5,:where(.og-root) .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }
:where(.og-root).gap-x-2,:where(.og-root) .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
:where(.og-root).gap-x-3,:where(.og-root) .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
:where(.og-root).gap-x-4,:where(.og-root) .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
:where(.og-root).gap-x-5,:where(.og-root) .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
:where(.og-root).gap-x-6,:where(.og-root) .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
:where(.og-root).gap-x-8,:where(.og-root) .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
:where(.og-root).gap-x-10,:where(.og-root) .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }
:where(.og-root).-space-x-1\.5,:where(.og-root) .-space-x-1\.5 {
    :where(& > :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)));
    }
  }
:where(.og-root).-space-x-2,:where(.og-root) .-space-x-2 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
:where(.og-root).gap-y-0\.5,:where(.og-root) .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
:where(.og-root).gap-y-1,:where(.og-root) .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
:where(.og-root).gap-y-1\.5,:where(.og-root) .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }
:where(.og-root).gap-y-2,:where(.og-root) .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
:where(.og-root).gap-y-2\.5,:where(.og-root) .gap-y-2\.5 {
    row-gap: calc(var(--spacing) * 2.5);
  }
:where(.og-root).gap-y-3,:where(.og-root) .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
:where(.og-root).gap-y-4,:where(.og-root) .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
:where(.og-root).divide-y,:where(.og-root) .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
:where(.og-root).divide-border,:where(.og-root) .divide-border {
    :where(& > :not(:last-child)) {
      border-color: var(--color-border);
    }
  }
:where(.og-root).divide-border\/60,:where(.og-root) .divide-border\/60 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-border);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
      }
    }
  }
:where(.og-root).divide-border\/70,:where(.og-root) .divide-border\/70 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-border);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
      }
    }
  }
:where(.og-root).divide-og-border,:where(.og-root) .divide-og-border {
    :where(& > :not(:last-child)) {
      border-color: var(--og-color-border);
    }
  }
:where(.og-root).divide-og-border\/40,:where(.og-root) .divide-og-border\/40 {
    :where(& > :not(:last-child)) {
      border-color: var(--og-color-border);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--og-color-border) 40%, transparent);
      }
    }
  }
:where(.og-root).self-center,:where(.og-root) .self-center {
    align-self: center;
  }
:where(.og-root).self-start,:where(.og-root) .self-start {
    align-self: flex-start;
  }
:where(.og-root).justify-self-end,:where(.og-root) .justify-self-end {
    justify-self: flex-end;
  }
:where(.og-root).truncate,:where(.og-root) .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
:where(.og-root).overflow-auto,:where(.og-root) .overflow-auto {
    overflow: auto;
  }
:where(.og-root).overflow-hidden,:where(.og-root) .overflow-hidden {
    overflow: hidden;
  }
:where(.og-root).overflow-visible,:where(.og-root) .overflow-visible {
    overflow: visible;
  }
:where(.og-root).overflow-x-auto,:where(.og-root) .overflow-x-auto {
    overflow-x: auto;
  }
:where(.og-root).overflow-x-clip,:where(.og-root) .overflow-x-clip {
    overflow-x: clip;
  }
:where(.og-root).overflow-x-hidden,:where(.og-root) .overflow-x-hidden {
    overflow-x: hidden;
  }
:where(.og-root).overflow-y-auto,:where(.og-root) .overflow-y-auto {
    overflow-y: auto;
  }
:where(.og-root).overflow-y-hidden,:where(.og-root) .overflow-y-hidden {
    overflow-y: hidden;
  }
:where(.og-root).overscroll-contain,:where(.og-root) .overscroll-contain {
    overscroll-behavior: contain;
  }
:where(.og-root).overscroll-x-contain,:where(.og-root) .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }
:where(.og-root).overscroll-y-contain,:where(.og-root) .overscroll-y-contain {
    overscroll-behavior-y: contain;
  }
:where(.og-root).og-link,:where(.og-root) .og-link {
    color: var(--og-color-accent-strong);
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklch, currentColor 45%, transparent);
    }
    text-underline-offset: 0.18em;
    text-decoration-skip-ink: auto;
    transition: text-decoration-color var(--_og-duration-fast) var(--og-ease-out);
    @media (hover: hover) {
      &:hover {
        text-decoration-color: currentColor;
      }
    }
    &:focus-visible {
      text-decoration-color: currentColor;
      outline: 2px solid var(--og-color-accent);
      @supports (color: color-mix(in lab, red, red)) {
        outline: 2px solid color-mix(in oklch, var(--og-color-accent) 70%, transparent);
      }
      outline-offset: 2px;
      border-radius: var(--og-radius-xs);
    }
  }
:where(.og-root).rounded,:where(.og-root) .rounded {
    border-radius: var(--radius);
  }
:where(.og-root).rounded-2xl,:where(.og-root) .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
:where(.og-root).rounded-\[2px\],:where(.og-root) .rounded-\[2px\] {
    border-radius: 2px;
  }
:where(.og-root).rounded-\[3px\],:where(.og-root) .rounded-\[3px\] {
    border-radius: 3px;
  }
:where(.og-root).rounded-\[4px\],:where(.og-root) .rounded-\[4px\] {
    border-radius: 4px;
  }
:where(.og-root).rounded-\[4px\]\!,:where(.og-root) .rounded-\[4px\]\! {
    border-radius: 4px !important;
  }
:where(.og-root).rounded-\[5px\],:where(.og-root) .rounded-\[5px\] {
    border-radius: 5px;
  }
:where(.og-root).rounded-\[6px\],:where(.og-root) .rounded-\[6px\] {
    border-radius: 6px;
  }
:where(.og-root).rounded-\[10px\],:where(.og-root) .rounded-\[10px\] {
    border-radius: 10px;
  }
:where(.og-root).rounded-\[14px\],:where(.og-root) .rounded-\[14px\] {
    border-radius: 14px;
  }
:where(.og-root).rounded-\[inherit\],:where(.og-root) .rounded-\[inherit\] {
    border-radius: inherit;
  }
:where(.og-root).rounded-full,:where(.og-root) .rounded-full {
    border-radius: calc(infinity * 1px);
  }
:where(.og-root).rounded-full\!,:where(.og-root) .rounded-full\! {
    border-radius: calc(infinity * 1px) !important;
  }
:where(.og-root).rounded-lg,:where(.og-root) .rounded-lg {
    border-radius: var(--radius-lg);
  }
:where(.og-root).rounded-md,:where(.og-root) .rounded-md {
    border-radius: var(--radius-md);
  }
:where(.og-root).rounded-md\!,:where(.og-root) .rounded-md\! {
    border-radius: var(--radius-md) !important;
  }
:where(.og-root).rounded-none,:where(.og-root) .rounded-none {
    border-radius: 0;
  }
:where(.og-root).rounded-og-lg,:where(.og-root) .rounded-og-lg {
    border-radius: var(--og-radius-lg);
  }
:where(.og-root).rounded-og-md,:where(.og-root) .rounded-og-md {
    border-radius: var(--og-radius-md);
  }
:where(.og-root).rounded-og-sm,:where(.og-root) .rounded-og-sm {
    border-radius: var(--og-radius-sm);
  }
:where(.og-root).rounded-og-xs,:where(.og-root) .rounded-og-xs {
    border-radius: var(--og-radius-xs);
  }
:where(.og-root).rounded-sm,:where(.og-root) .rounded-sm {
    border-radius: var(--radius-sm);
  }
:where(.og-root).rounded-xl,:where(.og-root) .rounded-xl {
    border-radius: var(--radius-xl);
  }
:where(.og-root).rounded-xs,:where(.og-root) .rounded-xs {
    border-radius: var(--radius-xs);
  }
:where(.og-root).rounded-t-lg,:where(.og-root) .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
:where(.og-root).rounded-t-og-lg,:where(.og-root) .rounded-t-og-lg {
    border-top-left-radius: var(--og-radius-lg);
    border-top-right-radius: var(--og-radius-lg);
  }
:where(.og-root).rounded-t-og-sm,:where(.og-root) .rounded-t-og-sm {
    border-top-left-radius: var(--og-radius-sm);
    border-top-right-radius: var(--og-radius-sm);
  }
:where(.og-root).rounded-l-og-md,:where(.og-root) .rounded-l-og-md {
    border-top-left-radius: var(--og-radius-md);
    border-bottom-left-radius: var(--og-radius-md);
  }
:where(.og-root).rounded-r-none,:where(.og-root) .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
:where(.og-root).rounded-r-og-md,:where(.og-root) .rounded-r-og-md {
    border-top-right-radius: var(--og-radius-md);
    border-bottom-right-radius: var(--og-radius-md);
  }
:where(.og-root).rounded-b-og-lg,:where(.og-root) .rounded-b-og-lg {
    border-bottom-right-radius: var(--og-radius-lg);
    border-bottom-left-radius: var(--og-radius-lg);
  }
:where(.og-root).rounded-br-og-xs,:where(.og-root) .rounded-br-og-xs {
    border-bottom-right-radius: var(--og-radius-xs);
  }
:where(.og-root).rounded-bl-og-xs,:where(.og-root) .rounded-bl-og-xs {
    border-bottom-left-radius: var(--og-radius-xs);
  }
:where(.og-root).border,:where(.og-root) .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
:where(.og-root).border-0,:where(.og-root) .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
:where(.og-root).border-2,:where(.og-root) .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
:where(.og-root).border-\[1\.5px\],:where(.og-root) .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
:where(.og-root).border-x-0,:where(.og-root) .border-x-0 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0px;
  }
:where(.og-root).border-y,:where(.og-root) .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
:where(.og-root).border-t,:where(.og-root) .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
:where(.og-root).border-t-0,:where(.og-root) .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
:where(.og-root).border-r,:where(.og-root) .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
:where(.og-root).border-b,:where(.og-root) .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
:where(.og-root).border-b-0,:where(.og-root) .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
:where(.og-root).border-l,:where(.og-root) .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
:where(.og-root).border-l-0,:where(.og-root) .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
:where(.og-root).border-l-2,:where(.og-root) .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
:where(.og-root).border-dashed,:where(.og-root) .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
:where(.og-root).border-border,:where(.og-root) .border-border {
    border-color: var(--color-border);
  }
:where(.og-root).border-border-strong,:where(.og-root) .border-border-strong {
    border-color: var(--color-border-strong);
  }
:where(.og-root).border-border\/60,:where(.og-root) .border-border\/60 {
    border-color: var(--color-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
    }
  }
:where(.og-root).border-border\/70,:where(.og-root) .border-border\/70 {
    border-color: var(--color-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
  }
:where(.og-root).border-border\/80,:where(.og-root) .border-border\/80 {
    border-color: var(--color-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 80%, transparent);
    }
  }
:where(.og-root).border-brand,:where(.og-root) .border-brand {
    border-color: var(--color-brand);
  }
:where(.og-root).border-brand\/20,:where(.og-root) .border-brand\/20 {
    border-color: var(--color-brand);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-brand) 20%, transparent);
    }
  }
:where(.og-root).border-brand\/25,:where(.og-root) .border-brand\/25 {
    border-color: var(--color-brand);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-brand) 25%, transparent);
    }
  }
:where(.og-root).border-brand\/30,:where(.og-root) .border-brand\/30 {
    border-color: var(--color-brand);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-brand) 30%, transparent);
    }
  }
:where(.og-root).border-brand\/35,:where(.og-root) .border-brand\/35 {
    border-color: var(--color-brand);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-brand) 35%, transparent);
    }
  }
:where(.og-root).border-brand\/40,:where(.og-root) .border-brand\/40 {
    border-color: var(--color-brand);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-brand) 40%, transparent);
    }
  }
:where(.og-root).border-brand\/45,:where(.og-root) .border-brand\/45 {
    border-color: var(--color-brand);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-brand) 45%, transparent);
    }
  }
:where(.og-root).border-brand\/70,:where(.og-root) .border-brand\/70 {
    border-color: var(--color-brand);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-brand) 70%, transparent);
    }
  }
:where(.og-root).border-current,:where(.og-root) .border-current {
    border-color: currentcolor;
  }
:where(.og-root).border-current\/25,:where(.og-root) .border-current\/25 {
    border-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentcolor 25%, transparent);
    }
  }
:where(.og-root).border-danger,:where(.og-root) .border-danger {
    border-color: var(--color-danger);
  }
:where(.og-root).border-danger\/25,:where(.og-root) .border-danger\/25 {
    border-color: var(--color-danger);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-danger) 25%, transparent);
    }
  }
:where(.og-root).border-danger\/50,:where(.og-root) .border-danger\/50 {
    border-color: var(--color-danger);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-danger) 50%, transparent);
    }
  }
:where(.og-root).border-danger\/70,:where(.og-root) .border-danger\/70 {
    border-color: var(--color-danger);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-danger) 70%, transparent);
    }
  }
:where(.og-root).border-fg-subtle\/40,:where(.og-root) .border-fg-subtle\/40 {
    border-color: var(--color-fg-subtle);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-fg-subtle) 40%, transparent);
    }
  }
:where(.og-root).border-og-accent,:where(.og-root) .border-og-accent {
    border-color: var(--og-color-accent);
  }
:where(.og-root).border-og-accent\/25,:where(.og-root) .border-og-accent\/25 {
    border-color: var(--og-color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-accent) 25%, transparent);
    }
  }
:where(.og-root).border-og-accent\/30,:where(.og-root) .border-og-accent\/30 {
    border-color: var(--og-color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-accent) 30%, transparent);
    }
  }
:where(.og-root).border-og-accent\/35,:where(.og-root) .border-og-accent\/35 {
    border-color: var(--og-color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-accent) 35%, transparent);
    }
  }
:where(.og-root).border-og-accent\/40,:where(.og-root) .border-og-accent\/40 {
    border-color: var(--og-color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-accent) 40%, transparent);
    }
  }
:where(.og-root).border-og-accent\/45,:where(.og-root) .border-og-accent\/45 {
    border-color: var(--og-color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-accent) 45%, transparent);
    }
  }
:where(.og-root).border-og-border,:where(.og-root) .border-og-border {
    border-color: var(--og-color-border);
  }
:where(.og-root).border-og-border-strong,:where(.og-root) .border-og-border-strong {
    border-color: var(--og-color-border-strong);
  }
:where(.og-root).border-og-border\/40,:where(.og-root) .border-og-border\/40 {
    border-color: var(--og-color-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-border) 40%, transparent);
    }
  }
:where(.og-root).border-og-border\/50,:where(.og-root) .border-og-border\/50 {
    border-color: var(--og-color-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-border) 50%, transparent);
    }
  }
:where(.og-root).border-og-border\/70,:where(.og-root) .border-og-border\/70 {
    border-color: var(--og-color-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-border) 70%, transparent);
    }
  }
:where(.og-root).border-og-border\/80,:where(.og-root) .border-og-border\/80 {
    border-color: var(--og-color-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-border) 80%, transparent);
    }
  }
:where(.og-root).border-og-border\/90,:where(.og-root) .border-og-border\/90 {
    border-color: var(--og-color-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-border) 90%, transparent);
    }
  }
:where(.og-root).border-og-danger\/30,:where(.og-root) .border-og-danger\/30 {
    border-color: var(--og-color-danger);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-danger) 30%, transparent);
    }
  }
:where(.og-root).border-og-primary-border,:where(.og-root) .border-og-primary-border {
    border-color: var(--og-color-primary-border);
  }
:where(.og-root).border-og-status-failed\/25,:where(.og-root) .border-og-status-failed\/25 {
    border-color: var(--og-color-status-failed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-status-failed) 25%, transparent);
    }
  }
:where(.og-root).border-og-status-failed\/30,:where(.og-root) .border-og-status-failed\/30 {
    border-color: var(--og-color-status-failed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-status-failed) 30%, transparent);
    }
  }
:where(.og-root).border-og-status-failed\/35,:where(.og-root) .border-og-status-failed\/35 {
    border-color: var(--og-color-status-failed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-status-failed) 35%, transparent);
    }
  }
:where(.og-root).border-og-status-failed\/40,:where(.og-root) .border-og-status-failed\/40 {
    border-color: var(--og-color-status-failed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-status-failed) 40%, transparent);
    }
  }
:where(.og-root).border-og-status-failed\/50,:where(.og-root) .border-og-status-failed\/50 {
    border-color: var(--og-color-status-failed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-status-failed) 50%, transparent);
    }
  }
:where(.og-root).border-og-status-idle\/25,:where(.og-root) .border-og-status-idle\/25 {
    border-color: var(--og-color-status-idle);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-status-idle) 25%, transparent);
    }
  }
:where(.og-root).border-og-status-idle\/30,:where(.og-root) .border-og-status-idle\/30 {
    border-color: var(--og-color-status-idle);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-status-idle) 30%, transparent);
    }
  }
:where(.og-root).border-og-status-running\/25,:where(.og-root) .border-og-status-running\/25 {
    border-color: var(--og-color-status-running);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-status-running) 25%, transparent);
    }
  }
:where(.og-root).border-og-status-running\/30,:where(.og-root) .border-og-status-running\/30 {
    border-color: var(--og-color-status-running);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-status-running) 30%, transparent);
    }
  }
:where(.og-root).border-og-status-running\/50,:where(.og-root) .border-og-status-running\/50 {
    border-color: var(--og-color-status-running);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-status-running) 50%, transparent);
    }
  }
:where(.og-root).border-og-status-waiting\/20,:where(.og-root) .border-og-status-waiting\/20 {
    border-color: var(--og-color-status-waiting);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-status-waiting) 20%, transparent);
    }
  }
:where(.og-root).border-og-status-waiting\/25,:where(.og-root) .border-og-status-waiting\/25 {
    border-color: var(--og-color-status-waiting);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-status-waiting) 25%, transparent);
    }
  }
:where(.og-root).border-og-status-waiting\/30,:where(.og-root) .border-og-status-waiting\/30 {
    border-color: var(--og-color-status-waiting);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-status-waiting) 30%, transparent);
    }
  }
:where(.og-root).border-og-status-waiting\/35,:where(.og-root) .border-og-status-waiting\/35 {
    border-color: var(--og-color-status-waiting);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--og-color-status-waiting) 35%, transparent);
    }
  }
:where(.og-root).border-primary-border,:where(.og-root) .border-primary-border {
    border-color: var(--color-primary-border);
  }
:where(.og-root).border-status-cancelled\/30,:where(.og-root) .border-status-cancelled\/30 {
    border-color: var(--color-status-cancelled);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-status-cancelled) 30%, transparent);
    }
  }
:where(.og-root).border-status-failed\/30,:where(.og-root) .border-status-failed\/30 {
    border-color: var(--color-status-failed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-status-failed) 30%, transparent);
    }
  }
:where(.og-root).border-status-failed\/40,:where(.og-root) .border-status-failed\/40 {
    border-color: var(--color-status-failed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-status-failed) 40%, transparent);
    }
  }
:where(.og-root).border-status-failed\/50,:where(.og-root) .border-status-failed\/50 {
    border-color: var(--color-status-failed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-status-failed) 50%, transparent);
    }
  }
:where(.og-root).border-status-idle\/25,:where(.og-root) .border-status-idle\/25 {
    border-color: var(--color-status-idle);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-status-idle) 25%, transparent);
    }
  }
:where(.og-root).border-status-idle\/30,:where(.og-root) .border-status-idle\/30 {
    border-color: var(--color-status-idle);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-status-idle) 30%, transparent);
    }
  }
:where(.og-root).border-status-running\/25,:where(.og-root) .border-status-running\/25 {
    border-color: var(--color-status-running);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-status-running) 25%, transparent);
    }
  }
:where(.og-root).border-status-waiting\/20,:where(.og-root) .border-status-waiting\/20 {
    border-color: var(--color-status-waiting);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-status-waiting) 20%, transparent);
    }
  }
:where(.og-root).border-status-waiting\/25,:where(.og-root) .border-status-waiting\/25 {
    border-color: var(--color-status-waiting);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-status-waiting) 25%, transparent);
    }
  }
:where(.og-root).border-status-waiting\/30,:where(.og-root) .border-status-waiting\/30 {
    border-color: var(--color-status-waiting);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-status-waiting) 30%, transparent);
    }
  }
:where(.og-root).border-status-waiting\/35,:where(.og-root) .border-status-waiting\/35 {
    border-color: var(--color-status-waiting);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-status-waiting) 35%, transparent);
    }
  }
:where(.og-root).border-transparent,:where(.og-root) .border-transparent {
    border-color: transparent;
  }
:where(.og-root).border-white\/10,:where(.og-root) .border-white\/10 {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
:where(.og-root).border-white\/15,:where(.og-root) .border-white\/15 {
    border-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
:where(.og-root).border-t-fg-muted,:where(.og-root) .border-t-fg-muted {
    border-top-color: var(--color-fg-muted);
  }
:where(.og-root).border-t-transparent,:where(.og-root) .border-t-transparent {
    border-top-color: transparent;
  }
:where(.og-root).border-l-transparent,:where(.og-root) .border-l-transparent {
    border-left-color: transparent;
  }
:where(.og-root).bg-accent,:where(.og-root) .bg-accent {
    background-color: var(--color-accent);
  }
:where(.og-root).bg-amber-300\/25,:where(.og-root) .bg-amber-300\/25 {
    background-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-300) 25%, transparent);
    }
  }
:where(.og-root).bg-background,:where(.og-root) .bg-background {
    background-color: var(--color-background);
  }
:where(.og-root).bg-bg,:where(.og-root) .bg-bg {
    background-color: var(--color-bg);
  }
:where(.og-root).bg-bg\/25,:where(.og-root) .bg-bg\/25 {
    background-color: var(--color-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-bg) 25%, transparent);
    }
  }
:where(.og-root).bg-bg\/35,:where(.og-root) .bg-bg\/35 {
    background-color: var(--color-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-bg) 35%, transparent);
    }
  }
:where(.og-root).bg-black,:where(.og-root) .bg-black {
    background-color: var(--color-black);
  }
:where(.og-root).bg-black\/15,:where(.og-root) .bg-black\/15 {
    background-color: color-mix(in srgb, #000 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
    }
  }
:where(.og-root).bg-black\/25,:where(.og-root) .bg-black\/25 {
    background-color: color-mix(in srgb, #000 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }
:where(.og-root).bg-black\/45,:where(.og-root) .bg-black\/45 {
    background-color: color-mix(in srgb, #000 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
  }
:where(.og-root).bg-black\/50,:where(.og-root) .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);
    }
  }
:where(.og-root).bg-black\/60,:where(.og-root) .bg-black\/60 {
    background-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
:where(.og-root).bg-black\/65,:where(.og-root) .bg-black\/65 {
    background-color: color-mix(in srgb, #000 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 65%, transparent);
    }
  }
:where(.og-root).bg-black\/70,:where(.og-root) .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);
    }
  }
:where(.og-root).bg-black\/90,:where(.og-root) .bg-black\/90 {
    background-color: color-mix(in srgb, #000 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
    }
  }
:where(.og-root).bg-border,:where(.og-root) .bg-border {
    background-color: var(--color-border);
  }
:where(.og-root).bg-brand,:where(.og-root) .bg-brand {
    background-color: var(--color-brand);
  }
:where(.og-root).bg-brand-strong,:where(.og-root) .bg-brand-strong {
    background-color: var(--color-brand-strong);
  }
:where(.og-root).bg-brand-strong\/10,:where(.og-root) .bg-brand-strong\/10 {
    background-color: var(--color-brand-strong);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-brand-strong) 10%, transparent);
    }
  }
:where(.og-root).bg-brand-strong\/25,:where(.og-root) .bg-brand-strong\/25 {
    background-color: var(--color-brand-strong);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-brand-strong) 25%, transparent);
    }
  }
:where(.og-root).bg-brand\/5,:where(.og-root) .bg-brand\/5 {
    background-color: var(--color-brand);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-brand) 5%, transparent);
    }
  }
:where(.og-root).bg-brand\/10,:where(.og-root) .bg-brand\/10 {
    background-color: var(--color-brand);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-brand) 10%, transparent);
    }
  }
:where(.og-root).bg-brand\/15,:where(.og-root) .bg-brand\/15 {
    background-color: var(--color-brand);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-brand) 15%, transparent);
    }
  }
:where(.og-root).bg-brand\/20,:where(.og-root) .bg-brand\/20 {
    background-color: var(--color-brand);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-brand) 20%, transparent);
    }
  }
:where(.og-root).bg-brand\/70,:where(.og-root) .bg-brand\/70 {
    background-color: var(--color-brand);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-brand) 70%, transparent);
    }
  }
:where(.og-root).bg-brand\/\[0\.06\],:where(.og-root) .bg-brand\/\[0\.06\] {
    background-color: var(--color-brand);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-brand) 6%, transparent);
    }
  }
:where(.og-root).bg-canvas\/75,:where(.og-root) .bg-canvas\/75 {
    background-color: var(--color-canvas);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-canvas) 75%, transparent);
    }
  }
:where(.og-root).bg-canvas\/80,:where(.og-root) .bg-canvas\/80 {
    background-color: var(--color-canvas);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-canvas) 80%, transparent);
    }
  }
:where(.og-root).bg-card,:where(.og-root) .bg-card {
    background-color: var(--color-card);
  }
:where(.og-root).bg-current,:where(.og-root) .bg-current {
    background-color: currentcolor;
  }
:where(.og-root).bg-danger,:where(.og-root) .bg-danger {
    background-color: var(--color-danger);
  }
:where(.og-root).bg-danger\/5,:where(.og-root) .bg-danger\/5 {
    background-color: var(--color-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-danger) 5%, transparent);
    }
  }
:where(.og-root).bg-danger\/10,:where(.og-root) .bg-danger\/10 {
    background-color: var(--color-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
    }
  }
:where(.og-root).bg-danger\/15,:where(.og-root) .bg-danger\/15 {
    background-color: var(--color-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-danger) 15%, transparent);
    }
  }
:where(.og-root).bg-danger\/25,:where(.og-root) .bg-danger\/25 {
    background-color: var(--color-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-danger) 25%, transparent);
    }
  }
:where(.og-root).bg-danger\/\[0\.07\],:where(.og-root) .bg-danger\/\[0\.07\] {
    background-color: var(--color-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-danger) 7.000000000000001%, transparent);
    }
  }
:where(.og-root).bg-destructive,:where(.og-root) .bg-destructive {
    background-color: var(--color-destructive);
  }
:where(.og-root).bg-destructive-filled,:where(.og-root) .bg-destructive-filled {
    background-color: var(--color-destructive-filled);
  }
:where(.og-root).bg-fg,:where(.og-root) .bg-fg {
    background-color: var(--color-fg);
  }
:where(.og-root).bg-fg-subtle,:where(.og-root) .bg-fg-subtle {
    background-color: var(--color-fg-subtle);
  }
:where(.og-root).bg-foreground,:where(.og-root) .bg-foreground {
    background-color: var(--color-foreground);
  }
:where(.og-root).bg-hover,:where(.og-root) .bg-hover {
    background-color: var(--color-hover);
  }
:where(.og-root).bg-muted,:where(.og-root) .bg-muted {
    background-color: var(--color-muted);
  }
:where(.og-root).bg-og-accent,:where(.og-root) .bg-og-accent {
    background-color: var(--og-color-accent);
  }
:where(.og-root).bg-og-accent-soft,:where(.og-root) .bg-og-accent-soft {
    background-color: var(--_og-color-accent-soft);
  }
:where(.og-root).bg-og-accent-soft\/45,:where(.og-root) .bg-og-accent-soft\/45 {
    background-color: var(--_og-color-accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--_og-color-accent-soft) 45%, transparent);
    }
  }
:where(.og-root).bg-og-accent-soft\/50,:where(.og-root) .bg-og-accent-soft\/50 {
    background-color: var(--_og-color-accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--_og-color-accent-soft) 50%, transparent);
    }
  }
:where(.og-root).bg-og-accent\/10,:where(.og-root) .bg-og-accent\/10 {
    background-color: var(--og-color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-accent) 10%, transparent);
    }
  }
:where(.og-root).bg-og-accent\/15,:where(.og-root) .bg-og-accent\/15 {
    background-color: var(--og-color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-accent) 15%, transparent);
    }
  }
:where(.og-root).bg-og-accent\/55,:where(.og-root) .bg-og-accent\/55 {
    background-color: var(--og-color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-accent) 55%, transparent);
    }
  }
:where(.og-root).bg-og-accent\/70,:where(.og-root) .bg-og-accent\/70 {
    background-color: var(--og-color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-accent) 70%, transparent);
    }
  }
:where(.og-root).bg-og-bg,:where(.og-root) .bg-og-bg {
    background-color: var(--og-color-bg);
  }
:where(.og-root).bg-og-bg\/60,:where(.og-root) .bg-og-bg\/60 {
    background-color: var(--og-color-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-bg) 60%, transparent);
    }
  }
:where(.og-root).bg-og-bg\/85,:where(.og-root) .bg-og-bg\/85 {
    background-color: var(--og-color-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-bg) 85%, transparent);
    }
  }
:where(.og-root).bg-og-bg\/90,:where(.og-root) .bg-og-bg\/90 {
    background-color: var(--og-color-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-bg) 90%, transparent);
    }
  }
:where(.og-root).bg-og-bg\/95,:where(.og-root) .bg-og-bg\/95 {
    background-color: var(--og-color-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-bg) 95%, transparent);
    }
  }
:where(.og-root).bg-og-border,:where(.og-root) .bg-og-border {
    background-color: var(--og-color-border);
  }
:where(.og-root).bg-og-danger,:where(.og-root) .bg-og-danger {
    background-color: var(--og-color-danger);
  }
:where(.og-root).bg-og-danger-fill,:where(.og-root) .bg-og-danger-fill {
    background-color: var(--og-color-danger-fill);
  }
:where(.og-root).bg-og-danger\/8,:where(.og-root) .bg-og-danger\/8 {
    background-color: var(--og-color-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-danger) 8%, transparent);
    }
  }
:where(.og-root).bg-og-danger\/15,:where(.og-root) .bg-og-danger\/15 {
    background-color: var(--og-color-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-danger) 15%, transparent);
    }
  }
:where(.og-root).bg-og-fg,:where(.og-root) .bg-og-fg {
    background-color: var(--og-color-fg);
  }
:where(.og-root).bg-og-fg-muted,:where(.og-root) .bg-og-fg-muted {
    background-color: var(--og-color-fg-muted);
  }
:where(.og-root).bg-og-fg-muted\/90,:where(.og-root) .bg-og-fg-muted\/90 {
    background-color: var(--og-color-fg-muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-fg-muted) 90%, transparent);
    }
  }
:where(.og-root).bg-og-fg-subtle,:where(.og-root) .bg-og-fg-subtle {
    background-color: var(--og-color-fg-subtle);
  }
:where(.og-root).bg-og-fg\/5,:where(.og-root) .bg-og-fg\/5 {
    background-color: var(--og-color-fg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-fg) 5%, transparent);
    }
  }
:where(.og-root).bg-og-fg\/8,:where(.og-root) .bg-og-fg\/8 {
    background-color: var(--og-color-fg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-fg) 8%, transparent);
    }
  }
:where(.og-root).bg-og-primary,:where(.og-root) .bg-og-primary {
    background-color: var(--og-color-primary);
  }
:where(.og-root).bg-og-status-cancelled,:where(.og-root) .bg-og-status-cancelled {
    background-color: var(--og-color-status-cancelled);
  }
:where(.og-root).bg-og-status-cancelled\/10,:where(.og-root) .bg-og-status-cancelled\/10 {
    background-color: var(--og-color-status-cancelled);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-status-cancelled) 10%, transparent);
    }
  }
:where(.og-root).bg-og-status-failed,:where(.og-root) .bg-og-status-failed {
    background-color: var(--og-color-status-failed);
  }
:where(.og-root).bg-og-status-failed\/5,:where(.og-root) .bg-og-status-failed\/5 {
    background-color: var(--og-color-status-failed);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-status-failed) 5%, transparent);
    }
  }
:where(.og-root).bg-og-status-failed\/8,:where(.og-root) .bg-og-status-failed\/8 {
    background-color: var(--og-color-status-failed);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-status-failed) 8%, transparent);
    }
  }
:where(.og-root).bg-og-status-failed\/10,:where(.og-root) .bg-og-status-failed\/10 {
    background-color: var(--og-color-status-failed);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-status-failed) 10%, transparent);
    }
  }
:where(.og-root).bg-og-status-failed\/12,:where(.og-root) .bg-og-status-failed\/12 {
    background-color: var(--og-color-status-failed);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-status-failed) 12%, transparent);
    }
  }
:where(.og-root).bg-og-status-failed\/15,:where(.og-root) .bg-og-status-failed\/15 {
    background-color: var(--og-color-status-failed);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-status-failed) 15%, transparent);
    }
  }
:where(.og-root).bg-og-status-failed\/85,:where(.og-root) .bg-og-status-failed\/85 {
    background-color: var(--og-color-status-failed);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-status-failed) 85%, transparent);
    }
  }
:where(.og-root).bg-og-status-idle,:where(.og-root) .bg-og-status-idle {
    background-color: var(--og-color-status-idle);
  }
:where(.og-root).bg-og-status-idle\/10,:where(.og-root) .bg-og-status-idle\/10 {
    background-color: var(--og-color-status-idle);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-status-idle) 10%, transparent);
    }
  }
:where(.og-root).bg-og-status-queued,:where(.og-root) .bg-og-status-queued {
    background-color: var(--og-color-status-queued);
  }
:where(.og-root).bg-og-status-queued\/10,:where(.og-root) .bg-og-status-queued\/10 {
    background-color: var(--og-color-status-queued);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-status-queued) 10%, transparent);
    }
  }
:where(.og-root).bg-og-status-running,:where(.og-root) .bg-og-status-running {
    background-color: var(--og-color-status-running);
  }
:where(.og-root).bg-og-status-running\/10,:where(.og-root) .bg-og-status-running\/10 {
    background-color: var(--og-color-status-running);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-status-running) 10%, transparent);
    }
  }
:where(.og-root).bg-og-status-waiting,:where(.og-root) .bg-og-status-waiting {
    background-color: var(--og-color-status-waiting);
  }
:where(.og-root).bg-og-status-waiting\/5,:where(.og-root) .bg-og-status-waiting\/5 {
    background-color: var(--og-color-status-waiting);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-status-waiting) 5%, transparent);
    }
  }
:where(.og-root).bg-og-status-waiting\/8,:where(.og-root) .bg-og-status-waiting\/8 {
    background-color: var(--og-color-status-waiting);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-status-waiting) 8%, transparent);
    }
  }
:where(.og-root).bg-og-status-waiting\/10,:where(.og-root) .bg-og-status-waiting\/10 {
    background-color: var(--og-color-status-waiting);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-status-waiting) 10%, transparent);
    }
  }
:where(.og-root).bg-og-status-waiting\/12,:where(.og-root) .bg-og-status-waiting\/12 {
    background-color: var(--og-color-status-waiting);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-status-waiting) 12%, transparent);
    }
  }
:where(.og-root).bg-og-status-waiting\/\[0\.07\],:where(.og-root) .bg-og-status-waiting\/\[0\.07\] {
    background-color: var(--og-color-status-waiting);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-status-waiting) 7.000000000000001%, transparent);
    }
  }
:where(.og-root).bg-og-surface-1,:where(.og-root) .bg-og-surface-1 {
    background-color: var(--og-color-surface-1);
  }
:where(.og-root).bg-og-surface-1\/35,:where(.og-root) .bg-og-surface-1\/35 {
    background-color: var(--og-color-surface-1);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-surface-1) 35%, transparent);
    }
  }
:where(.og-root).bg-og-surface-1\/45,:where(.og-root) .bg-og-surface-1\/45 {
    background-color: var(--og-color-surface-1);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-surface-1) 45%, transparent);
    }
  }
:where(.og-root).bg-og-surface-1\/70,:where(.og-root) .bg-og-surface-1\/70 {
    background-color: var(--og-color-surface-1);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-surface-1) 70%, transparent);
    }
  }
:where(.og-root).bg-og-surface-1\/85,:where(.og-root) .bg-og-surface-1\/85 {
    background-color: var(--og-color-surface-1);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-surface-1) 85%, transparent);
    }
  }
:where(.og-root).bg-og-surface-1\/95,:where(.og-root) .bg-og-surface-1\/95 {
    background-color: var(--og-color-surface-1);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-surface-1) 95%, transparent);
    }
  }
:where(.og-root).bg-og-surface-2,:where(.og-root) .bg-og-surface-2 {
    background-color: var(--og-color-surface-2);
  }
:where(.og-root).bg-og-surface-2\/35,:where(.og-root) .bg-og-surface-2\/35 {
    background-color: var(--og-color-surface-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-surface-2) 35%, transparent);
    }
  }
:where(.og-root).bg-og-surface-2\/40,:where(.og-root) .bg-og-surface-2\/40 {
    background-color: var(--og-color-surface-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-surface-2) 40%, transparent);
    }
  }
:where(.og-root).bg-og-surface-2\/50,:where(.og-root) .bg-og-surface-2\/50 {
    background-color: var(--og-color-surface-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-surface-2) 50%, transparent);
    }
  }
:where(.og-root).bg-og-surface-2\/60,:where(.og-root) .bg-og-surface-2\/60 {
    background-color: var(--og-color-surface-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-surface-2) 60%, transparent);
    }
  }
:where(.og-root).bg-og-surface-2\/70,:where(.og-root) .bg-og-surface-2\/70 {
    background-color: var(--og-color-surface-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-surface-2) 70%, transparent);
    }
  }
:where(.og-root).bg-og-surface-3,:where(.og-root) .bg-og-surface-3 {
    background-color: var(--og-color-surface-3);
  }
:where(.og-root).bg-og-surface-3\/50,:where(.og-root) .bg-og-surface-3\/50 {
    background-color: var(--og-color-surface-3);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-surface-3) 50%, transparent);
    }
  }
:where(.og-root).bg-og-surface-3\/60,:where(.og-root) .bg-og-surface-3\/60 {
    background-color: var(--og-color-surface-3);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-surface-3) 60%, transparent);
    }
  }
:where(.og-root).bg-og-surface-3\/70,:where(.og-root) .bg-og-surface-3\/70 {
    background-color: var(--og-color-surface-3);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-surface-3) 70%, transparent);
    }
  }
:where(.og-root).bg-og-surface-3\/80,:where(.og-root) .bg-og-surface-3\/80 {
    background-color: var(--og-color-surface-3);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-surface-3) 80%, transparent);
    }
  }
:where(.og-root).bg-og-surface-3\/90,:where(.og-root) .bg-og-surface-3\/90 {
    background-color: var(--og-color-surface-3);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-surface-3) 90%, transparent);
    }
  }
:where(.og-root).bg-og-surface-3\/95,:where(.og-root) .bg-og-surface-3\/95 {
    background-color: var(--og-color-surface-3);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--og-color-surface-3) 95%, transparent);
    }
  }
:where(.og-root).bg-primary,:where(.og-root) .bg-primary {
    background-color: var(--color-primary);
  }
:where(.og-root).bg-primary-foreground,:where(.og-root) .bg-primary-foreground {
    background-color: var(--color-primary-foreground);
  }
:where(.og-root).bg-secondary,:where(.og-root) .bg-secondary {
    background-color: var(--color-secondary);
  }
:where(.og-root).bg-selection,:where(.og-root) .bg-selection {
    background-color: var(--color-selection);
  }
:where(.og-root).bg-session-update,:where(.og-root) .bg-session-update {
    background-color: var(--color-session-update);
  }
:where(.og-root).bg-status-cancelled,:where(.og-root) .bg-status-cancelled {
    background-color: var(--color-status-cancelled);
  }
:where(.og-root).bg-status-cancelled\/10,:where(.og-root) .bg-status-cancelled\/10 {
    background-color: var(--color-status-cancelled);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-status-cancelled) 10%, transparent);
    }
  }
:where(.og-root).bg-status-failed,:where(.og-root) .bg-status-failed {
    background-color: var(--color-status-failed);
  }
:where(.og-root).bg-status-failed\/10,:where(.og-root) .bg-status-failed\/10 {
    background-color: var(--color-status-failed);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-status-failed) 10%, transparent);
    }
  }
:where(.og-root).bg-status-failed\/\[0\.06\],:where(.og-root) .bg-status-failed\/\[0\.06\] {
    background-color: var(--color-status-failed);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-status-failed) 6%, transparent);
    }
  }
:where(.og-root).bg-status-idle,:where(.og-root) .bg-status-idle {
    background-color: var(--color-status-idle);
  }
:where(.og-root).bg-status-idle\/10,:where(.og-root) .bg-status-idle\/10 {
    background-color: var(--color-status-idle);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-status-idle) 10%, transparent);
    }
  }
:where(.og-root).bg-status-idle\/20,:where(.og-root) .bg-status-idle\/20 {
    background-color: var(--color-status-idle);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-status-idle) 20%, transparent);
    }
  }
:where(.og-root).bg-status-idle\/25,:where(.og-root) .bg-status-idle\/25 {
    background-color: var(--color-status-idle);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-status-idle) 25%, transparent);
    }
  }
:where(.og-root).bg-status-idle\/\[0\.06\],:where(.og-root) .bg-status-idle\/\[0\.06\] {
    background-color: var(--color-status-idle);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-status-idle) 6%, transparent);
    }
  }
:where(.og-root).bg-status-idle\/\[0\.08\],:where(.og-root) .bg-status-idle\/\[0\.08\] {
    background-color: var(--color-status-idle);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-status-idle) 8%, transparent);
    }
  }
:where(.og-root).bg-status-queued,:where(.og-root) .bg-status-queued {
    background-color: var(--color-status-queued);
  }
:where(.og-root).bg-status-running,:where(.og-root) .bg-status-running {
    background-color: var(--color-status-running);
  }
:where(.og-root).bg-status-running\/10,:where(.og-root) .bg-status-running\/10 {
    background-color: var(--color-status-running);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-status-running) 10%, transparent);
    }
  }
:where(.og-root).bg-status-success,:where(.og-root) .bg-status-success {
    background-color: var(--color-status-success);
  }
:where(.og-root).bg-status-waiting,:where(.og-root) .bg-status-waiting {
    background-color: var(--color-status-waiting);
  }
:where(.og-root).bg-status-waiting\/10,:where(.og-root) .bg-status-waiting\/10 {
    background-color: var(--color-status-waiting);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-status-waiting) 10%, transparent);
    }
  }
:where(.og-root).bg-status-waiting\/12,:where(.og-root) .bg-status-waiting\/12 {
    background-color: var(--color-status-waiting);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-status-waiting) 12%, transparent);
    }
  }
:where(.og-root).bg-status-waiting\/\[0\.06\],:where(.og-root) .bg-status-waiting\/\[0\.06\] {
    background-color: var(--color-status-waiting);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-status-waiting) 6%, transparent);
    }
  }
:where(.og-root).bg-status-waiting\/\[0\.07\],:where(.og-root) .bg-status-waiting\/\[0\.07\] {
    background-color: var(--color-status-waiting);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-status-waiting) 7.000000000000001%, transparent);
    }
  }
:where(.og-root).bg-surface,:where(.og-root) .bg-surface {
    background-color: var(--color-surface);
  }
:where(.og-root).bg-surface-2,:where(.og-root) .bg-surface-2 {
    background-color: var(--color-surface-2);
  }
:where(.og-root).bg-surface-2\/40,:where(.og-root) .bg-surface-2\/40 {
    background-color: var(--color-surface-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface-2) 40%, transparent);
    }
  }
:where(.og-root).bg-surface-2\/50,:where(.og-root) .bg-surface-2\/50 {
    background-color: var(--color-surface-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface-2) 50%, transparent);
    }
  }
:where(.og-root).bg-surface-2\/60,:where(.og-root) .bg-surface-2\/60 {
    background-color: var(--color-surface-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface-2) 60%, transparent);
    }
  }
:where(.og-root).bg-surface-2\/70,:where(.og-root) .bg-surface-2\/70 {
    background-color: var(--color-surface-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface-2) 70%, transparent);
    }
  }
:where(.og-root).bg-surface-3,:where(.og-root) .bg-surface-3 {
    background-color: var(--color-surface-3);
  }
:where(.og-root).bg-surface\/40,:where(.og-root) .bg-surface\/40 {
    background-color: var(--color-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 40%, transparent);
    }
  }
:where(.og-root).bg-surface\/45,:where(.og-root) .bg-surface\/45 {
    background-color: var(--color-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 45%, transparent);
    }
  }
:where(.og-root).bg-surface\/55,:where(.og-root) .bg-surface\/55 {
    background-color: var(--color-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 55%, transparent);
    }
  }
:where(.og-root).bg-surface\/80,:where(.og-root) .bg-surface\/80 {
    background-color: var(--color-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 80%, transparent);
    }
  }
:where(.og-root).bg-surface\/90,:where(.og-root) .bg-surface\/90 {
    background-color: var(--color-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 90%, transparent);
    }
  }
:where(.og-root).bg-surface\/95,:where(.og-root) .bg-surface\/95 {
    background-color: var(--color-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 95%, transparent);
    }
  }
:where(.og-root).bg-switch-thumb,:where(.og-root) .bg-switch-thumb {
    background-color: var(--color-switch-thumb);
  }
:where(.og-root).bg-switch-track,:where(.og-root) .bg-switch-track {
    background-color: var(--color-switch-track);
  }
:where(.og-root).bg-transparent,:where(.og-root) .bg-transparent {
    background-color: transparent;
  }
:where(.og-root).bg-white,:where(.og-root) .bg-white {
    background-color: var(--color-white);
  }
:where(.og-root).bg-white\/10,:where(.og-root) .bg-white\/10 {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
:where(.og-root).bg-gradient-to-r,:where(.og-root) .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
:where(.og-root).bg-gradient-to-t,:where(.og-root) .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
:where(.og-root).bg-\[radial-gradient\(ellipse_60\%_70\%_at_0\%_0\%\,var\(--og-glow-teal\)\,transparent_70\%\)\,radial-gradient\(ellipse_60\%_70\%_at_100\%_100\%\,var\(--og-glow-peach\)\,transparent_70\%\)\],:where(.og-root) .bg-\[radial-gradient\(ellipse_60\%_70\%_at_0\%_0\%\,var\(--og-glow-teal\)\,transparent_70\%\)\,radial-gradient\(ellipse_60\%_70\%_at_100\%_100\%\,var\(--og-glow-peach\)\,transparent_70\%\)\] {
    background-image: radial-gradient(ellipse 60% 70% at 0% 0%,var(--og-glow-teal),transparent 70%),radial-gradient(ellipse 60% 70% at 100% 100%,var(--og-glow-peach),transparent 70%);
  }
:where(.og-root).bg-\[radial-gradient\(ellipse_80\%_90\%_at_0\%_0\%\,var\(--og-glow-teal\)\,transparent_70\%\)\,radial-gradient\(ellipse_80\%_90\%_at_100\%_100\%\,var\(--og-glow-peach\)\,transparent_70\%\)\],:where(.og-root) .bg-\[radial-gradient\(ellipse_80\%_90\%_at_0\%_0\%\,var\(--og-glow-teal\)\,transparent_70\%\)\,radial-gradient\(ellipse_80\%_90\%_at_100\%_100\%\,var\(--og-glow-peach\)\,transparent_70\%\)\] {
    background-image: radial-gradient(ellipse 80% 90% at 0% 0%,var(--og-glow-teal),transparent 70%),radial-gradient(ellipse 80% 90% at 100% 100%,var(--og-glow-peach),transparent 70%);
  }
:where(.og-root).from-og-surface-1,:where(.og-root) .from-og-surface-1 {
    --tw-gradient-from: var(--og-color-surface-1);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
:where(.og-root).from-og-surface-2,:where(.og-root) .from-og-surface-2 {
    --tw-gradient-from: var(--og-color-surface-2);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
:where(.og-root).from-transparent,:where(.og-root) .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
:where(.og-root).via-og-surface-1\/85,:where(.og-root) .via-og-surface-1\/85 {
    --tw-gradient-via: var(--og-color-surface-1);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--og-color-surface-1) 85%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
:where(.og-root).via-og-surface-2\/90,:where(.og-root) .via-og-surface-2\/90 {
    --tw-gradient-via: var(--og-color-surface-2);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--og-color-surface-2) 90%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
:where(.og-root).via-white\/45,:where(.og-root) .via-white\/45 {
    --tw-gradient-via: color-mix(in srgb, #fff 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 45%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
:where(.og-root).to-transparent,:where(.og-root) .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
:where(.og-root).fill-current,:where(.og-root) .fill-current {
    fill: currentcolor;
  }
:where(.og-root).fill-fg,:where(.og-root) .fill-fg {
    fill: var(--color-fg);
  }
:where(.og-root).fill-foreground,:where(.og-root) .fill-foreground {
    fill: var(--color-foreground);
  }
:where(.og-root).stroke-current,:where(.og-root) .stroke-current {
    stroke: currentcolor;
  }
:where(.og-root).stroke-danger\/20,:where(.og-root) .stroke-danger\/20 {
    stroke: var(--color-danger);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-danger) 20%, transparent);
    }
  }
:where(.og-root).stroke-surface-3,:where(.og-root) .stroke-surface-3 {
    stroke: var(--color-surface-3);
  }
:where(.og-root).object-contain,:where(.og-root) .object-contain {
    object-fit: contain;
  }
:where(.og-root).object-cover,:where(.og-root) .object-cover {
    object-fit: cover;
  }
:where(.og-root).object-top,:where(.og-root) .object-top {
    object-position: top;
  }
:where(.og-root).p-0,:where(.og-root) .p-0 {
    padding: calc(var(--spacing) * 0);
  }
:where(.og-root).p-0\.5,:where(.og-root) .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
:where(.og-root).p-0\.75,:where(.og-root) .p-0\.75 {
    padding: calc(var(--spacing) * 0.75);
  }
:where(.og-root).p-1,:where(.og-root) .p-1 {
    padding: calc(var(--spacing) * 1);
  }
:where(.og-root).p-1\.5,:where(.og-root) .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
:where(.og-root).p-2,:where(.og-root) .p-2 {
    padding: calc(var(--spacing) * 2);
  }
:where(.og-root).p-2\.5,:where(.og-root) .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
:where(.og-root).p-3,:where(.og-root) .p-3 {
    padding: calc(var(--spacing) * 3);
  }
:where(.og-root).p-3\.5,:where(.og-root) .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
:where(.og-root).p-4,:where(.og-root) .p-4 {
    padding: calc(var(--spacing) * 4);
  }
:where(.og-root).p-5,:where(.og-root) .p-5 {
    padding: calc(var(--spacing) * 5);
  }
:where(.og-root).p-6,:where(.og-root) .p-6 {
    padding: calc(var(--spacing) * 6);
  }
:where(.og-root).p-8,:where(.og-root) .p-8 {
    padding: calc(var(--spacing) * 8);
  }
:where(.og-root).p-\[3px\],:where(.og-root) .p-\[3px\] {
    padding: 3px;
  }
:where(.og-root).p-\[var\(--og-model-picker-menu-padding\)\],:where(.og-root) .p-\[var\(--og-model-picker-menu-padding\)\] {
    padding: var(--og-model-picker-menu-padding);
  }
:where(.og-root).p-px,:where(.og-root) .p-px {
    padding: 1px;
  }
:where(.og-root).px-0,:where(.og-root) .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
:where(.og-root).px-0\.5,:where(.og-root) .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
:where(.og-root).px-1,:where(.og-root) .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
:where(.og-root).px-1\.5,:where(.og-root) .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
:where(.og-root).px-2,:where(.og-root) .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
:where(.og-root).px-2\.5,:where(.og-root) .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
:where(.og-root).px-3,:where(.og-root) .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
:where(.og-root).px-3\.5,:where(.og-root) .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
:where(.og-root).px-4,:where(.og-root) .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
:where(.og-root).px-5,:where(.og-root) .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
:where(.og-root).px-6,:where(.og-root) .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
:where(.og-root).px-8,:where(.og-root) .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
:where(.og-root).px-\[0\.5em\],:where(.og-root) .px-\[0\.5em\] {
    padding-inline: 0.5em;
  }
:where(.og-root).px-\[19px\],:where(.og-root) .px-\[19px\] {
    padding-inline: 19px;
  }
:where(.og-root).px-\[var\(--og-model-picker-row-padding-x\)\],:where(.og-root) .px-\[var\(--og-model-picker-row-padding-x\)\] {
    padding-inline: var(--og-model-picker-row-padding-x);
  }
:where(.og-root).py-0,:where(.og-root) .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
:where(.og-root).py-0\.5,:where(.og-root) .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
:where(.og-root).py-1,:where(.og-root) .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
:where(.og-root).py-1\.5,:where(.og-root) .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
:where(.og-root).py-2,:where(.og-root) .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
:where(.og-root).py-2\.5,:where(.og-root) .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
:where(.og-root).py-3,:where(.og-root) .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
:where(.og-root).py-3\.5,:where(.og-root) .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
:where(.og-root).py-4,:where(.og-root) .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
:where(.og-root).py-5,:where(.og-root) .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
:where(.og-root).py-6,:where(.og-root) .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
:where(.og-root).py-8,:where(.og-root) .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
:where(.og-root).py-10,:where(.og-root) .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
:where(.og-root).py-12,:where(.og-root) .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
:where(.og-root).py-\[3px\],:where(.og-root) .py-\[3px\] {
    padding-block: 3px;
  }
:where(.og-root).py-\[var\(--og-model-picker-row-padding-y\)\],:where(.og-root) .py-\[var\(--og-model-picker-row-padding-y\)\] {
    padding-block: var(--og-model-picker-row-padding-y);
  }
:where(.og-root).py-px,:where(.og-root) .py-px {
    padding-block: 1px;
  }
:where(.og-root).pt-0,:where(.og-root) .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
:where(.og-root).pt-0\.5,:where(.og-root) .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
:where(.og-root).pt-1,:where(.og-root) .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
:where(.og-root).pt-1\.5,:where(.og-root) .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
:where(.og-root).pt-2,:where(.og-root) .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
:where(.og-root).pt-2\.5,:where(.og-root) .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
:where(.og-root).pt-3,:where(.og-root) .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
:where(.og-root).pt-4,:where(.og-root) .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
:where(.og-root).pt-5,:where(.og-root) .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
:where(.og-root).pt-6,:where(.og-root) .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
:where(.og-root).pt-10,:where(.og-root) .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
:where(.og-root).pt-16,:where(.og-root) .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
:where(.og-root).pt-\[env\(safe-area-inset-top\)\],:where(.og-root) .pt-\[env\(safe-area-inset-top\)\] {
    padding-top: env(safe-area-inset-top);
  }
:where(.og-root).pt-\[max\(0\.375rem\,env\(safe-area-inset-top\)\)\],:where(.og-root) .pt-\[max\(0\.375rem\,env\(safe-area-inset-top\)\)\] {
    padding-top: max(0.375rem, env(safe-area-inset-top));
  }
:where(.og-root).pr-0\.5,:where(.og-root) .pr-0\.5 {
    padding-right: calc(var(--spacing) * 0.5);
  }
:where(.og-root).pr-1,:where(.og-root) .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
:where(.og-root).pr-1\.5,:where(.og-root) .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }
:where(.og-root).pr-2,:where(.og-root) .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
:where(.og-root).pr-2\.5,:where(.og-root) .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }
:where(.og-root).pr-3,:where(.og-root) .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
:where(.og-root).pr-4,:where(.og-root) .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
:where(.og-root).pr-6,:where(.og-root) .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
:where(.og-root).pr-8,:where(.og-root) .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
:where(.og-root).pr-9,:where(.og-root) .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }
:where(.og-root).pr-11,:where(.og-root) .pr-11 {
    padding-right: calc(var(--spacing) * 11);
  }
:where(.og-root).pr-12,:where(.og-root) .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
:where(.og-root).pr-\[max\(clamp\(0\.5rem\,2\.5vw\,1\.25rem\)\,env\(safe-area-inset-right\)\)\],:where(.og-root) .pr-\[max\(clamp\(0\.5rem\,2\.5vw\,1\.25rem\)\,env\(safe-area-inset-right\)\)\] {
    padding-right: max(clamp(0.5rem, 2.5vw, 1.25rem), env(safe-area-inset-right));
  }
:where(.og-root).pb-0,:where(.og-root) .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
:where(.og-root).pb-0\.5,:where(.og-root) .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
:where(.og-root).pb-1,:where(.og-root) .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
:where(.og-root).pb-1\.5,:where(.og-root) .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
:where(.og-root).pb-2,:where(.og-root) .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
:where(.og-root).pb-2\.5,:where(.og-root) .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
:where(.og-root).pb-3,:where(.og-root) .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
:where(.og-root).pb-3\.5,:where(.og-root) .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }
:where(.og-root).pb-4,:where(.og-root) .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
:where(.og-root).pb-5,:where(.og-root) .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
:where(.og-root).pb-6,:where(.og-root) .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
:where(.og-root).pb-12,:where(.og-root) .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
:where(.og-root).pb-16,:where(.og-root) .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
:where(.og-root).pb-\[8\%\],:where(.og-root) .pb-\[8\%\] {
    padding-bottom: 8%;
  }
:where(.og-root).pb-\[max\(1\.25rem\,env\(safe-area-inset-bottom\)\)\],:where(.og-root) .pb-\[max\(1\.25rem\,env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(1.25rem, env(safe-area-inset-bottom));
  }
:where(.og-root).pl-0,:where(.og-root) .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
:where(.og-root).pl-0\.5,:where(.og-root) .pl-0\.5 {
    padding-left: calc(var(--spacing) * 0.5);
  }
:where(.og-root).pl-1,:where(.og-root) .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
:where(.og-root).pl-1\.5,:where(.og-root) .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }
:where(.og-root).pl-2,:where(.og-root) .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
:where(.og-root).pl-2\.5,:where(.og-root) .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }
:where(.og-root).pl-3,:where(.og-root) .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
:where(.og-root).pl-3\.5,:where(.og-root) .pl-3\.5 {
    padding-left: calc(var(--spacing) * 3.5);
  }
:where(.og-root).pl-4,:where(.og-root) .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
:where(.og-root).pl-5,:where(.og-root) .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
:where(.og-root).pl-6,:where(.og-root) .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
:where(.og-root).pl-7,:where(.og-root) .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }
:where(.og-root).pl-9,:where(.og-root) .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }
:where(.og-root).pl-11,:where(.og-root) .pl-11 {
    padding-left: calc(var(--spacing) * 11);
  }
:where(.og-root).pl-12,:where(.og-root) .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
:where(.og-root).pl-14,:where(.og-root) .pl-14 {
    padding-left: calc(var(--spacing) * 14);
  }
:where(.og-root).pl-16,:where(.og-root) .pl-16 {
    padding-left: calc(var(--spacing) * 16);
  }
:where(.og-root).pl-\[18px\],:where(.og-root) .pl-\[18px\] {
    padding-left: 18px;
  }
:where(.og-root).pl-\[max\(clamp\(0\.5rem\,2\.5vw\,1\.25rem\)\,env\(safe-area-inset-left\)\)\],:where(.og-root) .pl-\[max\(clamp\(0\.5rem\,2\.5vw\,1\.25rem\)\,env\(safe-area-inset-left\)\)\] {
    padding-left: max(clamp(0.5rem, 2.5vw, 1.25rem), env(safe-area-inset-left));
  }
:where(.og-root).text-center,:where(.og-root) .text-center {
    text-align: center;
  }
:where(.og-root).text-left,:where(.og-root) .text-left {
    text-align: left;
  }
:where(.og-root).text-right,:where(.og-root) .text-right {
    text-align: right;
  }
:where(.og-root).align-\[-0\.125em\],:where(.og-root) .align-\[-0\.125em\] {
    vertical-align: -0.125em;
  }
:where(.og-root).align-\[-0\.125rem\],:where(.og-root) .align-\[-0\.125rem\] {
    vertical-align: -0.125rem;
  }
:where(.og-root).align-\[-4px\],:where(.og-root) .align-\[-4px\] {
    vertical-align: -4px;
  }
:where(.og-root).align-baseline,:where(.og-root) .align-baseline {
    vertical-align: baseline;
  }
:where(.og-root).align-middle,:where(.og-root) .align-middle {
    vertical-align: middle;
  }
:where(.og-root).align-top,:where(.og-root) .align-top {
    vertical-align: top;
  }
:where(.og-root).font-display,:where(.og-root) .font-display {
    font-family: var(--font-display);
  }
:where(.og-root).font-mono,:where(.og-root) .font-mono {
    font-family: var(--font-mono);
  }
:where(.og-root).font-og-mono,:where(.og-root) .font-og-mono {
    font-family: var(--og-font-mono);
  }
:where(.og-root).font-og-sans,:where(.og-root) .font-og-sans {
    font-family: var(--og-font-sans);
  }
:where(.og-root).font-sans,:where(.og-root) .font-sans {
    font-family: var(--font-sans);
  }
:where(.og-root).text-2xl,:where(.og-root) .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
:where(.og-root).text-2xs,:where(.og-root) .text-2xs {
    font-size: var(--text-2xs);
    line-height: var(--tw-leading, var(--text-2xs--line-height));
  }
:where(.og-root).text-5xl,:where(.og-root) .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
:where(.og-root).text-base,:where(.og-root) .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
:where(.og-root).text-lg,:where(.og-root) .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
:where(.og-root).text-og-base,:where(.og-root) .text-og-base {
    font-size: var(--og-font-size-base);
    line-height: var(--tw-leading, var(--og-line-height-base));
  }
:where(.og-root).text-og-composer,:where(.og-root) .text-og-composer {
    font-size: var(--og-font-size-composer);
    line-height: var(--tw-leading, var(--og-line-height-composer));
  }
:where(.og-root).text-og-control,:where(.og-root) .text-og-control {
    font-size: var(--og-font-size-control);
    line-height: var(--tw-leading, var(--og-line-height-control));
  }
:where(.og-root).text-og-md,:where(.og-root) .text-og-md {
    font-size: var(--og-font-size-md);
    line-height: var(--tw-leading, var(--og-line-height-md));
  }
:where(.og-root).text-og-menu,:where(.og-root) .text-og-menu {
    font-size: var(--og-font-size-menu);
    line-height: var(--tw-leading, var(--og-line-height-menu));
  }
:where(.og-root).text-og-sm,:where(.og-root) .text-og-sm {
    font-size: var(--og-font-size-sm);
    line-height: var(--tw-leading, var(--og-line-height-sm));
  }
:where(.og-root).text-og-xs,:where(.og-root) .text-og-xs {
    font-size: var(--og-font-size-xs);
    line-height: var(--tw-leading, var(--og-line-height-xs));
  }
:where(.og-root).text-sm,:where(.og-root) .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
:where(.og-root).text-xl,:where(.og-root) .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
:where(.og-root).text-xs,:where(.og-root) .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
:where(.og-root).text-\[0\.9em\],:where(.og-root) .text-\[0\.9em\] {
    font-size: 0.9em;
  }
:where(.og-root).text-\[8px\],:where(.og-root) .text-\[8px\] {
    font-size: 8px;
  }
:where(.og-root).text-\[10px\],:where(.og-root) .text-\[10px\] {
    font-size: 10px;
  }
:where(.og-root).text-\[11px\],:where(.og-root) .text-\[11px\] {
    font-size: 11px;
  }
:where(.og-root).text-\[12px\],:where(.og-root) .text-\[12px\] {
    font-size: 12px;
  }
:where(.og-root).text-\[13px\],:where(.og-root) .text-\[13px\] {
    font-size: 13px;
  }
:where(.og-root).text-\[15px\],:where(.og-root) .text-\[15px\] {
    font-size: 15px;
  }
:where(.og-root).text-\[17px\],:where(.og-root) .text-\[17px\] {
    font-size: 17px;
  }
:where(.og-root).text-\[18px\],:where(.og-root) .text-\[18px\] {
    font-size: 18px;
  }
:where(.og-root).leading-4,:where(.og-root) .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
:where(.og-root).leading-4\.5,:where(.og-root) .leading-4\.5 {
    --tw-leading: calc(var(--spacing) * 4.5);
    line-height: calc(var(--spacing) * 4.5);
  }
:where(.og-root).leading-5,:where(.og-root) .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
:where(.og-root).leading-6,:where(.og-root) .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
:where(.og-root).leading-6\.5,:where(.og-root) .leading-6\.5 {
    --tw-leading: calc(var(--spacing) * 6.5);
    line-height: calc(var(--spacing) * 6.5);
  }
:where(.og-root).leading-7,:where(.og-root) .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
:where(.og-root).leading-8,:where(.og-root) .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
:where(.og-root).leading-\[1\.6\],:where(.og-root) .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
:where(.og-root).leading-\[1\.7\],:where(.og-root) .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }
:where(.og-root).leading-\[1\.45\],:where(.og-root) .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
:where(.og-root).leading-\[18px\],:where(.og-root) .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }
:where(.og-root).leading-\[21px\],:where(.og-root) .leading-\[21px\] {
    --tw-leading: 21px;
    line-height: 21px;
  }
:where(.og-root).leading-none,:where(.og-root) .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
:where(.og-root).leading-relaxed,:where(.og-root) .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
:where(.og-root).leading-snug,:where(.og-root) .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
:where(.og-root).leading-tight,:where(.og-root) .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
:where(.og-root).font-\[550\],:where(.og-root) .font-\[550\] {
    --tw-font-weight: 550;
    font-weight: 550;
  }
:where(.og-root).font-medium,:where(.og-root) .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
:where(.og-root).font-normal,:where(.og-root) .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
:where(.og-root).font-semibold,:where(.og-root) .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
:where(.og-root).tracking-\[-0\.01em\],:where(.og-root) .tracking-\[-0\.01em\] {
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
:where(.og-root).tracking-\[-0\.2px\],:where(.og-root) .tracking-\[-0\.2px\] {
    --tw-tracking: -0.2px;
    letter-spacing: -0.2px;
  }
:where(.og-root).tracking-\[-0\.5px\],:where(.og-root) .tracking-\[-0\.5px\] {
    --tw-tracking: -0.5px;
    letter-spacing: -0.5px;
  }
:where(.og-root).tracking-\[-0\.25px\],:where(.og-root) .tracking-\[-0\.25px\] {
    --tw-tracking: -0.25px;
    letter-spacing: -0.25px;
  }
:where(.og-root).tracking-\[-0\.055em\],:where(.og-root) .tracking-\[-0\.055em\] {
    --tw-tracking: -0.055em;
    letter-spacing: -0.055em;
  }
:where(.og-root).tracking-\[0\.1em\],:where(.og-root) .tracking-\[0\.1em\] {
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
  }
:where(.og-root).tracking-\[0\.04em\],:where(.og-root) .tracking-\[0\.04em\] {
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
  }
:where(.og-root).tracking-\[0\.08em\],:where(.og-root) .tracking-\[0\.08em\] {
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
:where(.og-root).tracking-\[0\.12em\],:where(.og-root) .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
:where(.og-root).tracking-\[0\.14em\],:where(.og-root) .tracking-\[0\.14em\] {
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
  }
:where(.og-root).tracking-\[0\.25em\],:where(.og-root) .tracking-\[0\.25em\] {
    --tw-tracking: 0.25em;
    letter-spacing: 0.25em;
  }
:where(.og-root).tracking-normal,:where(.og-root) .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
:where(.og-root).tracking-tight,:where(.og-root) .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
:where(.og-root).tracking-wide,:where(.og-root) .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
:where(.og-root).tracking-wider,:where(.og-root) .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
:where(.og-root).tracking-widest,:where(.og-root) .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
:where(.og-root).text-balance,:where(.og-root) .text-balance {
    text-wrap: balance;
  }
:where(.og-root).text-pretty,:where(.og-root) .text-pretty {
    text-wrap: pretty;
  }
:where(.og-root).\[overflow-wrap\:anywhere\],:where(.og-root) .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
:where(.og-root).\[overflow-wrap\:normal\],:where(.og-root) .\[overflow-wrap\:normal\] {
    overflow-wrap: normal;
  }
:where(.og-root).break-words,:where(.og-root) .break-words {
    overflow-wrap: break-word;
  }
:where(.og-root).wrap-anywhere,:where(.og-root) .wrap-anywhere {
    overflow-wrap: anywhere;
  }
:where(.og-root).wrap-break-word,:where(.og-root) .wrap-break-word {
    overflow-wrap: break-word;
  }
:where(.og-root).\[word-break\:normal\],:where(.og-root) .\[word-break\:normal\] {
    word-break: normal;
  }
:where(.og-root).break-all,:where(.og-root) .break-all {
    word-break: break-all;
  }
:where(.og-root).text-ellipsis,:where(.og-root) .text-ellipsis {
    text-overflow: ellipsis;
  }
:where(.og-root).whitespace-normal,:where(.og-root) .whitespace-normal {
    white-space: normal;
  }
:where(.og-root).whitespace-nowrap,:where(.og-root) .whitespace-nowrap {
    white-space: nowrap;
  }
:where(.og-root).whitespace-pre,:where(.og-root) .whitespace-pre {
    white-space: pre;
  }
:where(.og-root).whitespace-pre-wrap,:where(.og-root) .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
:where(.og-root).text-accent-foreground,:where(.og-root) .text-accent-foreground {
    color: var(--color-accent-foreground);
  }
:where(.og-root).text-background,:where(.og-root) .text-background {
    color: var(--color-background);
  }
:where(.og-root).text-bg,:where(.og-root) .text-bg {
    color: var(--color-bg);
  }
:where(.og-root).text-brand,:where(.og-root) .text-brand {
    color: var(--color-brand);
  }
:where(.og-root).text-brand-fg,:where(.og-root) .text-brand-fg {
    color: var(--color-brand-fg);
  }
:where(.og-root).text-brand\/80,:where(.og-root) .text-brand\/80 {
    color: var(--color-brand);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-brand) 80%, transparent);
    }
  }
:where(.og-root).text-card-foreground,:where(.og-root) .text-card-foreground {
    color: var(--color-card-foreground);
  }
:where(.og-root).text-current,:where(.og-root) .text-current {
    color: currentcolor;
  }
:where(.og-root).text-danger,:where(.og-root) .text-danger {
    color: var(--color-danger);
  }
:where(.og-root).text-destructive,:where(.og-root) .text-destructive {
    color: var(--color-destructive);
  }
:where(.og-root).text-destructive-foreground,:where(.og-root) .text-destructive-foreground {
    color: var(--color-destructive-foreground);
  }
:where(.og-root).text-fg,:where(.og-root) .text-fg {
    color: var(--color-fg);
  }
:where(.og-root).text-fg-label,:where(.og-root) .text-fg-label {
    color: var(--color-fg-label);
  }
:where(.og-root).text-fg-muted,:where(.og-root) .text-fg-muted {
    color: var(--color-fg-muted);
  }
:where(.og-root).text-fg-subtle,:where(.og-root) .text-fg-subtle {
    color: var(--color-fg-subtle);
  }
:where(.og-root).text-fg-subtle\/50,:where(.og-root) .text-fg-subtle\/50 {
    color: var(--color-fg-subtle);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-fg-subtle) 50%, transparent);
    }
  }
:where(.og-root).text-fg-subtle\/60,:where(.og-root) .text-fg-subtle\/60 {
    color: var(--color-fg-subtle);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-fg-subtle) 60%, transparent);
    }
  }
:where(.og-root).text-foreground,:where(.og-root) .text-foreground {
    color: var(--color-foreground);
  }
:where(.og-root).text-inherit,:where(.og-root) .text-inherit {
    color: inherit;
  }
:where(.og-root).text-input,:where(.og-root) .text-input {
    color: var(--color-input);
  }
:where(.og-root).text-muted-foreground,:where(.og-root) .text-muted-foreground {
    color: var(--color-muted-foreground);
  }
:where(.og-root).text-og-accent,:where(.og-root) .text-og-accent {
    color: var(--og-color-accent);
  }
:where(.og-root).text-og-accent-fg,:where(.og-root) .text-og-accent-fg {
    color: var(--og-color-accent-fg);
  }
:where(.og-root).text-og-accent-strong,:where(.og-root) .text-og-accent-strong {
    color: var(--og-color-accent-strong);
  }
:where(.og-root).text-og-danger,:where(.og-root) .text-og-danger {
    color: var(--og-color-danger);
  }
:where(.og-root).text-og-danger-fg,:where(.og-root) .text-og-danger-fg {
    color: var(--og-color-danger-fg);
  }
:where(.og-root).text-og-fg,:where(.og-root) .text-og-fg {
    color: var(--og-color-fg);
  }
:where(.og-root).text-og-fg-muted,:where(.og-root) .text-og-fg-muted {
    color: var(--og-color-fg-muted);
  }
:where(.og-root).text-og-fg-subtle,:where(.og-root) .text-og-fg-subtle {
    color: var(--og-color-fg-subtle);
  }
:where(.og-root).text-og-fg-subtle\/70,:where(.og-root) .text-og-fg-subtle\/70 {
    color: var(--og-color-fg-subtle);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--og-color-fg-subtle) 70%, transparent);
    }
  }
:where(.og-root).text-og-fg-subtle\/80,:where(.og-root) .text-og-fg-subtle\/80 {
    color: var(--og-color-fg-subtle);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--og-color-fg-subtle) 80%, transparent);
    }
  }
:where(.og-root).text-og-primary-fg,:where(.og-root) .text-og-primary-fg {
    color: var(--og-color-primary-fg);
  }
:where(.og-root).text-og-status-failed,:where(.og-root) .text-og-status-failed {
    color: var(--og-color-status-failed);
  }
:where(.og-root).text-og-status-idle,:where(.og-root) .text-og-status-idle {
    color: var(--og-color-status-idle);
  }
:where(.og-root).text-og-status-running,:where(.og-root) .text-og-status-running {
    color: var(--og-color-status-running);
  }
:where(.og-root).text-og-status-waiting,:where(.og-root) .text-og-status-waiting {
    color: var(--og-color-status-waiting);
  }
:where(.og-root).text-primary-border,:where(.og-root) .text-primary-border {
    color: var(--color-primary-border);
  }
:where(.og-root).text-primary-foreground,:where(.og-root) .text-primary-foreground {
    color: var(--color-primary-foreground);
  }
:where(.og-root).text-secondary-foreground,:where(.og-root) .text-secondary-foreground {
    color: var(--color-secondary-foreground);
  }
:where(.og-root).text-session-update,:where(.og-root) .text-session-update {
    color: var(--color-session-update);
  }
:where(.og-root).text-status-cancelled,:where(.og-root) .text-status-cancelled {
    color: var(--color-status-cancelled);
  }
:where(.og-root).text-status-failed,:where(.og-root) .text-status-failed {
    color: var(--color-status-failed);
  }
:where(.og-root).text-status-idle,:where(.og-root) .text-status-idle {
    color: var(--color-status-idle);
  }
:where(.og-root).text-status-queued,:where(.og-root) .text-status-queued {
    color: var(--color-status-queued);
  }
:where(.og-root).text-status-running,:where(.og-root) .text-status-running {
    color: var(--color-status-running);
  }
:where(.og-root).text-status-waiting,:where(.og-root) .text-status-waiting {
    color: var(--color-status-waiting);
  }
:where(.og-root).text-surface,:where(.og-root) .text-surface {
    color: var(--color-surface);
  }
:where(.og-root).text-transparent,:where(.og-root) .text-transparent {
    color: transparent;
  }
:where(.og-root).text-white,:where(.og-root) .text-white {
    color: var(--color-white);
  }
:where(.og-root).text-white\/35,:where(.og-root) .text-white\/35 {
    color: color-mix(in srgb, #fff 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }
:where(.og-root).text-white\/55,:where(.og-root) .text-white\/55 {
    color: color-mix(in srgb, #fff 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }
:where(.og-root).text-white\/70,:where(.og-root) .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);
    }
  }
:where(.og-root).text-white\/80,:where(.og-root) .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);
    }
  }
:where(.og-root).text-white\/90,:where(.og-root) .text-white\/90 {
    color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
:where(.og-root).capitalize,:where(.og-root) .capitalize {
    text-transform: capitalize;
  }
:where(.og-root).normal-case,:where(.og-root) .normal-case {
    text-transform: none;
  }
:where(.og-root).uppercase,:where(.og-root) .uppercase {
    text-transform: uppercase;
  }
:where(.og-root).italic,:where(.og-root) .italic {
    font-style: italic;
  }
:where(.og-root).not-italic,:where(.og-root) .not-italic {
    font-style: normal;
  }
:where(.og-root).ordinal,:where(.og-root) .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
:where(.og-root).tabular-nums,:where(.og-root) .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,);
  }
:where(.og-root).line-through,:where(.og-root) .line-through {
    text-decoration-line: line-through;
  }
:where(.og-root).no-underline,:where(.og-root) .no-underline {
    text-decoration-line: none;
  }
:where(.og-root).underline,:where(.og-root) .underline {
    text-decoration-line: underline;
  }
:where(.og-root).decoration-brand\/60,:where(.og-root) .decoration-brand\/60 {
    text-decoration-color: var(--color-brand);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-brand) 60%, transparent);
    }
  }
:where(.og-root).decoration-danger\/60,:where(.og-root) .decoration-danger\/60 {
    text-decoration-color: var(--color-danger);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-danger) 60%, transparent);
    }
  }
:where(.og-root).decoration-og-border,:where(.og-root) .decoration-og-border {
    text-decoration-color: var(--og-color-border);
  }
:where(.og-root).decoration-og-border-strong,:where(.og-root) .decoration-og-border-strong {
    text-decoration-color: var(--og-color-border-strong);
  }
:where(.og-root).decoration-og-status-failed\/50,:where(.og-root) .decoration-og-status-failed\/50 {
    text-decoration-color: var(--og-color-status-failed);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--og-color-status-failed) 50%, transparent);
    }
  }
:where(.og-root).decoration-transparent,:where(.og-root) .decoration-transparent {
    text-decoration-color: transparent;
  }
:where(.og-root).decoration-dotted,:where(.og-root) .decoration-dotted {
    text-decoration-style: dotted;
  }
:where(.og-root).underline-offset-2,:where(.og-root) .underline-offset-2 {
    text-underline-offset: 2px;
  }
:where(.og-root).underline-offset-4,:where(.og-root) .underline-offset-4 {
    text-underline-offset: 4px;
  }
:where(.og-root).accent-current,:where(.og-root) .accent-current {
    accent-color: currentcolor;
  }
:where(.og-root).accent-og-accent,:where(.og-root) .accent-og-accent {
    accent-color: var(--og-color-accent);
  }
:where(.og-root).opacity-0,:where(.og-root) .opacity-0 {
    opacity: 0%;
  }
:where(.og-root).opacity-30,:where(.og-root) .opacity-30 {
    opacity: 30%;
  }
:where(.og-root).opacity-45,:where(.og-root) .opacity-45 {
    opacity: 45%;
  }
:where(.og-root).opacity-50,:where(.og-root) .opacity-50 {
    opacity: 50%;
  }
:where(.og-root).opacity-55,:where(.og-root) .opacity-55 {
    opacity: 55%;
  }
:where(.og-root).opacity-60,:where(.og-root) .opacity-60 {
    opacity: 60%;
  }
:where(.og-root).opacity-70,:where(.og-root) .opacity-70 {
    opacity: 70%;
  }
:where(.og-root).opacity-75,:where(.og-root) .opacity-75 {
    opacity: 75%;
  }
:where(.og-root).opacity-80,:where(.og-root) .opacity-80 {
    opacity: 80%;
  }
:where(.og-root).opacity-90,:where(.og-root) .opacity-90 {
    opacity: 90%;
  }
:where(.og-root).opacity-100,:where(.og-root) .opacity-100 {
    opacity: 100%;
  }
:where(.og-root).shadow,:where(.og-root) .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);
  }
:where(.og-root).shadow-2xl,:where(.og-root) .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
:where(.og-root).shadow-\[inset_2px_0_0_var\(--og-color-accent\)\],:where(.og-root) .shadow-\[inset_2px_0_0_var\(--og-color-accent\)\] {
    --tw-shadow: inset 2px 0 0 var(--tw-shadow-color, var(--og-color-accent));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
:where(.og-root).shadow-\[var\(--og-shadow-lg\)\],:where(.og-root) .shadow-\[var\(--og-shadow-lg\)\] {
    --tw-shadow: var(--og-shadow-lg);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
:where(.og-root).shadow-\[var\(--og-shadow-md\)\],:where(.og-root) .shadow-\[var\(--og-shadow-md\)\] {
    --tw-shadow: var(--og-shadow-md);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
:where(.og-root).shadow-lg,:where(.og-root) .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);
  }
:where(.og-root).shadow-md,:where(.og-root) .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);
  }
:where(.og-root).shadow-none,:where(.og-root) .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);
  }
:where(.og-root).shadow-og-glow,:where(.og-root) .shadow-og-glow {
    --tw-shadow: var(--_og-shadow-glow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
:where(.og-root).shadow-og-lg,:where(.og-root) .shadow-og-lg {
    --tw-shadow: var(--og-shadow-lg);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
:where(.og-root).shadow-og-md,:where(.og-root) .shadow-og-md {
    --tw-shadow: var(--og-shadow-md);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
:where(.og-root).shadow-og-sm,:where(.og-root) .shadow-og-sm {
    --tw-shadow: var(--og-shadow-sm);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
:where(.og-root).shadow-sm,:where(.og-root) .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);
  }
:where(.og-root).shadow-xl,:where(.og-root) .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
:where(.og-root).shadow-xs,:where(.og-root) .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);
  }
:where(.og-root).ring-1,:where(.og-root) .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
:where(.og-root).ring-2,:where(.og-root) .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);
  }
:where(.og-root).ring-4,:where(.og-root) .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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);
  }
:where(.og-root).ring-accent,:where(.og-root) .ring-accent {
    --tw-ring-color: var(--color-accent);
  }
:where(.og-root).ring-background,:where(.og-root) .ring-background {
    --tw-ring-color: var(--color-background);
  }
:where(.og-root).ring-border-strong,:where(.og-root) .ring-border-strong {
    --tw-ring-color: var(--color-border-strong);
  }
:where(.og-root).ring-brand\/40,:where(.og-root) .ring-brand\/40 {
    --tw-ring-color: var(--color-brand);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-brand) 40%, transparent);
    }
  }
:where(.og-root).ring-og-accent,:where(.og-root) .ring-og-accent {
    --tw-ring-color: var(--og-color-accent);
  }
:where(.og-root).ring-og-accent-fg\/35,:where(.og-root) .ring-og-accent-fg\/35 {
    --tw-ring-color: var(--og-color-accent-fg);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--og-color-accent-fg) 35%, transparent);
    }
  }
:where(.og-root).ring-og-accent\/45,:where(.og-root) .ring-og-accent\/45 {
    --tw-ring-color: var(--og-color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--og-color-accent) 45%, transparent);
    }
  }
:where(.og-root).ring-og-border\/60,:where(.og-root) .ring-og-border\/60 {
    --tw-ring-color: var(--og-color-border);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--og-color-border) 60%, transparent);
    }
  }
:where(.og-root).ring-og-status-running\/50,:where(.og-root) .ring-og-status-running\/50 {
    --tw-ring-color: var(--og-color-status-running);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--og-color-status-running) 50%, transparent);
    }
  }
:where(.og-root).ring-og-status-waiting\/45,:where(.og-root) .ring-og-status-waiting\/45 {
    --tw-ring-color: var(--og-color-status-waiting);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--og-color-status-waiting) 45%, transparent);
    }
  }
:where(.og-root).ring-ring,:where(.og-root) .ring-ring {
    --tw-ring-color: var(--color-ring);
  }
:where(.og-root).ring-ring\/40,:where(.og-root) .ring-ring\/40 {
    --tw-ring-color: var(--color-ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 40%, transparent);
    }
  }
:where(.og-root).ring-status-success\/10,:where(.og-root) .ring-status-success\/10 {
    --tw-ring-color: var(--color-status-success);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-status-success) 10%, transparent);
    }
  }
:where(.og-root).ring-surface,:where(.og-root) .ring-surface {
    --tw-ring-color: var(--color-surface);
  }
:where(.og-root).ring-offset-background,:where(.og-root) .ring-offset-background {
    --tw-ring-offset-color: var(--color-background);
  }
:where(.og-root).outline-hidden,:where(.og-root) .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
:where(.og-root).outline-hidden\!,:where(.og-root) .outline-hidden\! {
    --tw-outline-style: none !important;
    outline-style: none !important;
    @media (forced-colors: active) {
      outline: 2px solid transparent !important;
      outline-offset: 2px !important;
    }
  }
:where(.og-root).outline,:where(.og-root) .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
:where(.og-root).outline-1,:where(.og-root) .outline-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
:where(.og-root).-outline-offset-1,:where(.og-root) .-outline-offset-1 {
    outline-offset: calc(1px * -1);
  }
:where(.og-root).outline-offset-2,:where(.og-root) .outline-offset-2 {
    outline-offset: 2px;
  }
:where(.og-root).outline-og-accent,:where(.og-root) .outline-og-accent {
    outline-color: var(--og-color-accent);
  }
:where(.og-root).grayscale,:where(.og-root) .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
:where(.og-root).backdrop-blur,:where(.og-root) .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
:where(.og-root).backdrop-blur-\[1px\],:where(.og-root) .backdrop-blur-\[1px\] {
    --tw-backdrop-blur: blur(1px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
:where(.og-root).backdrop-blur-\[2px\],:where(.og-root) .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
:where(.og-root).backdrop-blur-md,:where(.og-root) .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
:where(.og-root).backdrop-blur-sm,:where(.og-root) .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
:where(.og-root).transition,:where(.og-root) .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));
  }
:where(.og-root).transition-\[background-color\,border-color\,box-shadow\],:where(.og-root) .transition-\[background-color\,border-color\,box-shadow\] {
    transition-property: background-color,border-color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
:where(.og-root).transition-\[background-color\,border-color\,color\,box-shadow\],:where(.og-root) .transition-\[background-color\,border-color\,color\,box-shadow\] {
    transition-property: background-color,border-color,color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
:where(.og-root).transition-\[background-color\,border-color\,color\],:where(.og-root) .transition-\[background-color\,border-color\,color\] {
    transition-property: background-color,border-color,color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
:where(.og-root).transition-\[background-color\,transform\,opacity\],:where(.og-root) .transition-\[background-color\,transform\,opacity\] {
    transition-property: background-color,transform,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
:where(.og-root).transition-\[background-color\],:where(.og-root) .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));
  }
:where(.og-root).transition-\[border-color\,background-color\,box-shadow\,transform\],:where(.og-root) .transition-\[border-color\,background-color\,box-shadow\,transform\] {
    transition-property: border-color,background-color,box-shadow,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
:where(.og-root).transition-\[border-color\,box-shadow\],:where(.og-root) .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));
  }
:where(.og-root).transition-\[color\,background-color\,opacity\],:where(.og-root) .transition-\[color\,background-color\,opacity\] {
    transition-property: color,background-color,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
:where(.og-root).transition-\[color\,box-shadow\],:where(.og-root) .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));
  }
:where(.og-root).transition-\[opacity\,color\,background-color\],:where(.og-root) .transition-\[opacity\,color\,background-color\] {
    transition-property: opacity,color,background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
:where(.og-root).transition-\[opacity\,transform\],:where(.og-root) .transition-\[opacity\,transform\] {
    transition-property: opacity,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
:where(.og-root).transition-\[text-decoration-color\],:where(.og-root) .transition-\[text-decoration-color\] {
    transition-property: text-decoration-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
:where(.og-root).transition-\[width\,background-color\],:where(.og-root) .transition-\[width\,background-color\] {
    transition-property: width,background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
:where(.og-root).transition-\[width\],:where(.og-root) .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
:where(.og-root).transition-all,:where(.og-root) .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));
  }
:where(.og-root).transition-colors,:where(.og-root) .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));
  }
:where(.og-root).transition-opacity,:where(.og-root) .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));
  }
:where(.og-root).transition-transform,:where(.og-root) .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));
  }
:where(.og-root).duration-100,:where(.og-root) .duration-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
:where(.og-root).duration-150,:where(.og-root) .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
:where(.og-root).duration-200,:where(.og-root) .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
:where(.og-root).duration-300,:where(.og-root) .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
:where(.og-root).duration-500,:where(.og-root) .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
:where(.og-root).duration-\[100ms\],:where(.og-root) .duration-\[100ms\] {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
:where(.og-root).duration-\[120ms\],:where(.og-root) .duration-\[120ms\] {
    --tw-duration: 120ms;
    transition-duration: 120ms;
  }
:where(.og-root).duration-\[var\(--_og-duration-disclose\)\],:where(.og-root) .duration-\[var\(--_og-duration-disclose\)\] {
    --tw-duration: var(--_og-duration-disclose);
    transition-duration: var(--_og-duration-disclose);
  }
:where(.og-root).duration-\[var\(--_og-duration-disclose-settle\)\],:where(.og-root) .duration-\[var\(--_og-duration-disclose-settle\)\] {
    --tw-duration: var(--_og-duration-disclose-settle);
    transition-duration: var(--_og-duration-disclose-settle);
  }
:where(.og-root).ease-in-out,:where(.og-root) .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
:where(.og-root).ease-og-in-out,:where(.og-root) .ease-og-in-out {
    --tw-ease: var(--og-ease-in-out);
    transition-timing-function: var(--og-ease-in-out);
  }
:where(.og-root).ease-og-out,:where(.og-root) .ease-og-out {
    --tw-ease: var(--og-ease-out);
    transition-timing-function: var(--og-ease-out);
  }
:where(.og-root).ease-og-spring,:where(.og-root) .ease-og-spring {
    --tw-ease: var(--og-ease-spring);
    transition-timing-function: var(--og-ease-spring);
  }
:where(.og-root).ease-out,:where(.og-root) .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
:where(.og-root).select-all,:where(.og-root) .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
:where(.og-root).select-none,:where(.og-root) .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
:where(.og-root).text-og-base,:where(.og-root) .text-og-base {
    --og-component-font-size: var(--og-font-size-base);
    --og-component-line-height: var(--og-line-height-base);
  }
:where(.og-root).text-og-composer,:where(.og-root) .text-og-composer {
    --og-component-font-size: var(--og-font-size-composer);
    --og-component-line-height: var(--og-line-height-composer);
  }
:where(.og-root).text-og-control,:where(.og-root) .text-og-control {
    --og-component-font-size: var(--og-font-size-control);
    --og-component-line-height: var(--og-line-height-control);
  }
:where(.og-root).text-og-md,:where(.og-root) .text-og-md {
    --og-component-font-size: var(--og-font-size-md);
    --og-component-line-height: var(--og-line-height-md);
  }
:where(.og-root).text-og-menu,:where(.og-root) .text-og-menu {
    --og-component-font-size: var(--og-font-size-menu);
    --og-component-line-height: var(--og-line-height-menu);
  }
:where(.og-root).text-og-sm,:where(.og-root) .text-og-sm {
    --og-component-font-size: var(--og-font-size-sm);
    --og-component-line-height: var(--og-line-height-sm);
  }
:where(.og-root).text-og-xs,:where(.og-root) .text-og-xs {
    --og-component-font-size: var(--og-font-size-xs);
    --og-component-line-height: var(--og-line-height-xs);
  }
:where(.og-root).\[overflow-anchor\:auto\],:where(.og-root) .\[overflow-anchor\:auto\] {
    overflow-anchor: auto;
  }
:where(.og-root).\[overflow-anchor\:none\],:where(.og-root) .\[overflow-anchor\:none\] {
    overflow-anchor: none;
  }
:where(.og-root).\[scrollbar-gutter\:stable\],:where(.og-root) .\[scrollbar-gutter\:stable\] {
    scrollbar-gutter: stable;
  }
:where(.og-root).\[scrollbar-width\:none\],:where(.og-root) .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
:where(.og-root).\[unicode-bidi\:plaintext\],:where(.og-root) .\[unicode-bidi\:plaintext\] {
    unicode-bidi: plaintext;
  }
:where(.og-root).ring-inset,:where(.og-root) .ring-inset {
    --tw-ring-inset: inset;
  }
:where(.og-root).\*\:col-start-2,:where(.og-root) .\*\:col-start-2 {
    :is(& > *) {
      grid-column-start: 2;
    }
  }
:where(.og-root).\*\:w-full,:where(.og-root) .\*\:w-full {
    :is(& > *) {
      width: 100%;
    }
  }
:where(.og-root).not-first\:pt-2\.5,:where(.og-root) .not-first\:pt-2\.5 {
    &:not(*:first-child) {
      padding-top: calc(var(--spacing) * 2.5);
    }
  }
:where(.og-root).not-first\:not-last\:rounded-none\!,:where(.og-root) .not-first\:not-last\:rounded-none\! {
    &:not(*:first-child) {
      &:not(*:last-child) {
        border-radius: 0 !important;
      }
    }
  }
:where(.og-root).group-open\:rotate-90,:where(.og-root) .group-open\:rotate-90 {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      rotate: 90deg;
    }
  }
:where(.og-root).group-open\/command\:rotate-90,:where(.og-root) .group-open\/command\:rotate-90 {
    &:is(:where(.group\/command):is([open], :popover-open, :open) *) {
      rotate: 90deg;
    }
  }
:where(.og-root).group-focus-within\:flex,:where(.og-root) .group-focus-within\:flex {
    &:is(:where(.group):focus-within *) {
      display: flex;
    }
  }
:where(.og-root).group-focus-within\:opacity-100,:where(.og-root) .group-focus-within\:opacity-100 {
    &:is(:where(.group):focus-within *) {
      opacity: 100%;
    }
  }
:where(.og-root).group-focus-within\/copy\:opacity-100,:where(.og-root) .group-focus-within\/copy\:opacity-100 {
    &:is(:where(.group\/copy):focus-within *) {
      opacity: 100%;
    }
  }
:where(.og-root).group-focus-within\/section\:invisible,:where(.og-root) .group-focus-within\/section\:invisible {
    &:is(:where(.group\/section):focus-within *) {
      visibility: hidden;
    }
  }
:where(.og-root).group-hover\:flex,:where(.og-root) .group-hover\:flex {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: flex;
      }
    }
  }
:where(.og-root).group-hover\:inline,:where(.og-root) .group-hover\:inline {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: inline;
      }
    }
  }
:where(.og-root).group-hover\:w-0\.5,:where(.og-root) .group-hover\:w-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        width: calc(var(--spacing) * 0.5);
      }
    }
  }
:where(.og-root).group-hover\:scale-105,:where(.og-root) .group-hover\:scale-105 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
:where(.og-root).group-hover\:bg-border-strong,:where(.og-root) .group-hover\:bg-border-strong {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-border-strong);
      }
    }
  }
:where(.og-root).group-hover\:bg-og-accent,:where(.og-root) .group-hover\:bg-og-accent {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--og-color-accent);
      }
    }
  }
:where(.og-root).group-hover\:text-fg,:where(.og-root) .group-hover\:text-fg {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-fg);
      }
    }
  }
:where(.og-root).group-hover\:opacity-100,:where(.og-root) .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
:where(.og-root).group-hover\/account\:opacity-100,:where(.og-root) .group-hover\/account\:opacity-100 {
    &:is(:where(.group\/account):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
:where(.og-root).group-hover\/copy\:opacity-100,:where(.og-root) .group-hover\/copy\:opacity-100 {
    &:is(:where(.group\/copy):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
:where(.og-root).group-hover\/memlink\:translate-x-0\.5,:where(.og-root) .group-hover\/memlink\:translate-x-0\.5 {
    &:is(:where(.group\/memlink):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
:where(.og-root).group-hover\/nav-item\:text-fg-muted,:where(.og-root) .group-hover\/nav-item\:text-fg-muted {
    &:is(:where(.group\/nav-item):hover *) {
      @media (hover: hover) {
        color: var(--color-fg-muted);
      }
    }
  }
:where(.og-root).group-hover\/role\:opacity-100,:where(.og-root) .group-hover\/role\:opacity-100 {
    &:is(:where(.group\/role):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
:where(.og-root).group-hover\/row\:text-fg,:where(.og-root) .group-hover\/row\:text-fg {
    &:is(:where(.group\/row):hover *) {
      @media (hover: hover) {
        color: var(--color-fg);
      }
    }
  }
:where(.og-root).group-hover\/row\:text-fg-subtle,:where(.og-root) .group-hover\/row\:text-fg-subtle {
    &:is(:where(.group\/row):hover *) {
      @media (hover: hover) {
        color: var(--color-fg-subtle);
      }
    }
  }
:where(.og-root).group-hover\/section\:invisible,:where(.og-root) .group-hover\/section\:invisible {
    &:is(:where(.group\/section):hover *) {
      @media (hover: hover) {
        visibility: hidden;
      }
    }
  }
:where(.og-root).group-hover\/section\:opacity-100,:where(.og-root) .group-hover\/section\:opacity-100 {
    &:is(:where(.group\/section):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
:where(.og-root).group-hover\/thumb\:opacity-80,:where(.og-root) .group-hover\/thumb\:opacity-80 {
    &:is(:where(.group\/thumb):hover *) {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
:where(.og-root).group-hover\/title\:opacity-100,:where(.og-root) .group-hover\/title\:opacity-100 {
    &:is(:where(.group\/title):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
:where(.og-root).group-hover\/trigger\:underline,:where(.og-root) .group-hover\/trigger\:underline {
    &:is(:where(.group\/trigger):hover *) {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
:where(.og-root).group-focus-visible\:bg-og-accent,:where(.og-root) .group-focus-visible\:bg-og-accent {
    &:is(:where(.group):focus-visible *) {
      background-color: var(--og-color-accent);
    }
  }
:where(.og-root).group-focus-visible\/role\:opacity-100,:where(.og-root) .group-focus-visible\/role\:opacity-100 {
    &:is(:where(.group\/role):focus-visible *) {
      opacity: 100%;
    }
  }
:where(.og-root).group-disabled\/choice\:border-border,:where(.og-root) .group-disabled\/choice\:border-border {
    &:is(:where(.group\/choice):disabled *) {
      border-color: var(--color-border);
    }
  }
:where(.og-root).group-disabled\/choice\:bg-surface-2,:where(.og-root) .group-disabled\/choice\:bg-surface-2 {
    &:is(:where(.group\/choice):disabled *) {
      background-color: var(--color-surface-2);
    }
  }
:where(.og-root).group-disabled\/choice\:text-fg-muted,:where(.og-root) .group-disabled\/choice\:text-fg-muted {
    &:is(:where(.group\/choice):disabled *) {
      color: var(--color-fg-muted);
    }
  }
:where(.og-root).group-disabled\/choice\:text-fg-subtle,:where(.og-root) .group-disabled\/choice\:text-fg-subtle {
    &:is(:where(.group\/choice):disabled *) {
      color: var(--color-fg-subtle);
    }
  }
:where(.og-root).group-disabled\/option\:opacity-50,:where(.og-root) .group-disabled\/option\:opacity-50 {
    &:is(:where(.group\/option):disabled *) {
      opacity: 50%;
    }
  }
:where(.og-root).group-disabled\/select-trigger\:text-fg-subtle,:where(.og-root) .group-disabled\/select-trigger\:text-fg-subtle {
    &:is(:where(.group\/select-trigger):disabled *) {
      color: var(--color-fg-subtle);
    }
  }
:where(.og-root).group-aria-expanded\/select-trigger\:rotate-180,:where(.og-root) .group-aria-expanded\/select-trigger\:rotate-180 {
    &:is(:where(.group\/select-trigger)[aria-expanded="true"] *) {
      rotate: 180deg;
    }
  }
:where(.og-root).group-data-\[active\=true\]\/nav-item\:opacity-100,:where(.og-root) .group-data-\[active\=true\]\/nav-item\:opacity-100 {
    &:is(:where(.group\/nav-item)[data-active="true"] *) {
      opacity: 100%;
    }
  }
:where(.og-root).group-data-\[disabled\]\/disclosure\:text-border-strong,:where(.og-root) .group-data-\[disabled\]\/disclosure\:text-border-strong {
    &:is(:where(.group\/disclosure)[data-disabled] *) {
      color: var(--color-border-strong);
    }
  }
:where(.og-root).group-data-\[disabled\]\/disclosure\:text-fg-muted,:where(.og-root) .group-data-\[disabled\]\/disclosure\:text-fg-muted {
    &:is(:where(.group\/disclosure)[data-disabled] *) {
      color: var(--color-fg-muted);
    }
  }
:where(.og-root).group-data-\[disabled\=true\]\:pointer-events-none,:where(.og-root) .group-data-\[disabled\=true\]\:pointer-events-none {
    &:is(:where(.group)[data-disabled="true"] *) {
      pointer-events: none;
    }
  }
:where(.og-root).group-data-\[disabled\=true\]\:opacity-50,:where(.og-root) .group-data-\[disabled\=true\]\:opacity-50 {
    &:is(:where(.group)[data-disabled="true"] *) {
      opacity: 50%;
    }
  }
:where(.og-root).group-data-\[orientation\=horizontal\]\/tabs\:h-9,:where(.og-root) .group-data-\[orientation\=horizontal\]\/tabs\:h-9 {
    &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
      height: calc(var(--spacing) * 9);
    }
  }
:where(.og-root).group-data-\[orientation\=vertical\]\/tabs\:h-fit,:where(.og-root) .group-data-\[orientation\=vertical\]\/tabs\:h-fit {
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      height: fit-content;
    }
  }
:where(.og-root).group-data-\[orientation\=vertical\]\/tabs\:w-full,:where(.og-root) .group-data-\[orientation\=vertical\]\/tabs\:w-full {
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      width: 100%;
    }
  }
:where(.og-root).group-data-\[orientation\=vertical\]\/tabs\:flex-col,:where(.og-root) .group-data-\[orientation\=vertical\]\/tabs\:flex-col {
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      flex-direction: column;
    }
  }
:where(.og-root).group-data-\[orientation\=vertical\]\/tabs\:justify-start,:where(.og-root) .group-data-\[orientation\=vertical\]\/tabs\:justify-start {
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      justify-content: flex-start;
    }
  }
:where(.og-root).group-data-\[separator-state\=dragging\]\:bg-og-accent,:where(.og-root) .group-data-\[separator-state\=dragging\]\:bg-og-accent {
    &:is(:where(.group)[data-separator-state="dragging"] *) {
      background-color: var(--og-color-accent);
    }
  }
:where(.og-root).group-data-\[size\=default\]\/avatar\:size-2\.5,:where(.og-root) .group-data-\[size\=default\]\/avatar\:size-2\.5 {
    &:is(:where(.group\/avatar)[data-size="default"] *) {
      width: calc(var(--spacing) * 2.5);
      height: calc(var(--spacing) * 2.5);
    }
  }
:where(.og-root).group-data-\[size\=lg\]\/avatar\:size-3,:where(.og-root) .group-data-\[size\=lg\]\/avatar\:size-3 {
    &:is(:where(.group\/avatar)[data-size="lg"] *) {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
:where(.og-root).group-data-\[size\=sm\]\/avatar\:size-2,:where(.og-root) .group-data-\[size\=sm\]\/avatar\:size-2 {
    &:is(:where(.group\/avatar)[data-size="sm"] *) {
      width: calc(var(--spacing) * 2);
      height: calc(var(--spacing) * 2);
    }
  }
:where(.og-root).group-data-\[size\=sm\]\/avatar\:text-xs,:where(.og-root) .group-data-\[size\=sm\]\/avatar\:text-xs {
    &:is(:where(.group\/avatar)[data-size="sm"] *) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
:where(.og-root).group-data-\[state\=active\]\/line-tab\:bg-bg\/20,:where(.og-root) .group-data-\[state\=active\]\/line-tab\:bg-bg\/20 {
    &:is(:where(.group\/line-tab)[data-state="active"] *) {
      background-color: var(--color-bg);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-bg) 20%, transparent);
      }
    }
  }
:where(.og-root).group-data-\[state\=active\]\/line-tab\:bg-surface-3,:where(.og-root) .group-data-\[state\=active\]\/line-tab\:bg-surface-3 {
    &:is(:where(.group\/line-tab)[data-state="active"] *) {
      background-color: var(--color-surface-3);
    }
  }
:where(.og-root).group-data-\[state\=active\]\/line-tab\:text-bg,:where(.og-root) .group-data-\[state\=active\]\/line-tab\:text-bg {
    &:is(:where(.group\/line-tab)[data-state="active"] *) {
      color: var(--color-bg);
    }
  }
:where(.og-root).group-data-\[state\=active\]\/line-tab\:text-fg,:where(.og-root) .group-data-\[state\=active\]\/line-tab\:text-fg {
    &:is(:where(.group\/line-tab)[data-state="active"] *) {
      color: var(--color-fg);
    }
  }
:where(.og-root).group-data-\[state\=checked\]\/choice\:border-brand,:where(.og-root) .group-data-\[state\=checked\]\/choice\:border-brand {
    &:is(:where(.group\/choice)[data-state="checked"] *) {
      border-color: var(--color-brand);
    }
  }
:where(.og-root).group-data-\[state\=checked\]\/choice\:bg-brand,:where(.og-root) .group-data-\[state\=checked\]\/choice\:bg-brand {
    &:is(:where(.group\/choice)[data-state="checked"] *) {
      background-color: var(--color-brand);
    }
  }
:where(.og-root).group-data-\[state\=checked\]\/choice\:text-brand,:where(.og-root) .group-data-\[state\=checked\]\/choice\:text-brand {
    &:is(:where(.group\/choice)[data-state="checked"] *) {
      color: var(--color-brand);
    }
  }
:where(.og-root).group-data-\[state\=checked\]\/choice\:opacity-100,:where(.og-root) .group-data-\[state\=checked\]\/choice\:opacity-100 {
    &:is(:where(.group\/choice)[data-state="checked"] *) {
      opacity: 100%;
    }
  }
:where(.og-root).group-data-\[state\=checked\]\/option\:border-brand,:where(.og-root) .group-data-\[state\=checked\]\/option\:border-brand {
    &:is(:where(.group\/option)[data-state="checked"] *) {
      border-color: var(--color-brand);
    }
  }
:where(.og-root).group-data-\[state\=open\]\:rotate-90,:where(.og-root) .group-data-\[state\=open\]\:rotate-90 {
    &:is(:where(.group)[data-state="open"] *) {
      rotate: 90deg;
    }
  }
:where(.og-root).group-data-\[state\=open\]\/agent\:rotate-90,:where(.og-root) .group-data-\[state\=open\]\/agent\:rotate-90 {
    &:is(:where(.group\/agent)[data-state="open"] *) {
      rotate: 90deg;
    }
  }
:where(.og-root).group-data-\[state\=open\]\/disclosure\:hidden,:where(.og-root) .group-data-\[state\=open\]\/disclosure\:hidden {
    &:is(:where(.group\/disclosure)[data-state="open"] *) {
      display: none;
    }
  }
:where(.og-root).group-data-\[state\=open\]\/disclosure\:rotate-90,:where(.og-root) .group-data-\[state\=open\]\/disclosure\:rotate-90 {
    &:is(:where(.group\/disclosure)[data-state="open"] *) {
      rotate: 90deg;
    }
  }
:where(.og-root).group-data-\[state\=open\]\/disclosure\:rotate-180,:where(.og-root) .group-data-\[state\=open\]\/disclosure\:rotate-180 {
    &:is(:where(.group\/disclosure)[data-state="open"] *) {
      rotate: 180deg;
    }
  }
:where(.og-root).group-data-\[state\=open\]\/role\:rotate-180,:where(.og-root) .group-data-\[state\=open\]\/role\:rotate-180 {
    &:is(:where(.group\/role)[data-state="open"] *) {
      rotate: 180deg;
    }
  }
:where(.og-root).group-data-\[state\=open\]\/role\:opacity-100,:where(.og-root) .group-data-\[state\=open\]\/role\:opacity-100 {
    &:is(:where(.group\/role)[data-state="open"] *) {
      opacity: 100%;
    }
  }
:where(.og-root).group-data-\[state\=open\]\/value-select\:rotate-180,:where(.og-root) .group-data-\[state\=open\]\/value-select\:rotate-180 {
    &:is(:where(.group\/value-select)[data-state="open"] *) {
      rotate: 180deg;
    }
  }
:where(.og-root).group-data-\[state\=open\]\/zone\:rotate-180,:where(.og-root) .group-data-\[state\=open\]\/zone\:rotate-180 {
    &:is(:where(.group\/zone)[data-state="open"] *) {
      rotate: 180deg;
    }
  }
:where(.og-root).group-data-\[variant\=line\]\/tabs-list\:bg-transparent,:where(.og-root) .group-data-\[variant\=line\]\/tabs-list\:bg-transparent {
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      background-color: transparent;
    }
  }
:where(.og-root).peer-checked\:bg-surface-2,:where(.og-root) .peer-checked\:bg-surface-2 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-surface-2);
    }
  }
:where(.og-root).peer-checked\:text-fg,:where(.og-root) .peer-checked\:text-fg {
    &:is(:where(.peer):checked ~ *) {
      color: var(--color-fg);
    }
  }
:where(.og-root).peer-checked\:opacity-100,:where(.og-root) .peer-checked\:opacity-100 {
    &:is(:where(.peer):checked ~ *) {
      opacity: 100%;
    }
  }
:where(.og-root).peer-focus-visible\:ring-2,:where(.og-root) .peer-focus-visible\:ring-2 {
    &:is(:where(.peer):focus-visible ~ *) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
:where(.og-root).peer-focus-visible\:ring-ring,:where(.og-root) .peer-focus-visible\:ring-ring {
    &:is(:where(.peer):focus-visible ~ *) {
      --tw-ring-color: var(--color-ring);
    }
  }
:where(.og-root).peer-disabled\:cursor-not-allowed,:where(.og-root) .peer-disabled\:cursor-not-allowed {
    &:is(:where(.peer):disabled ~ *) {
      cursor: not-allowed;
    }
  }
:where(.og-root).peer-disabled\:opacity-50,:where(.og-root) .peer-disabled\:opacity-50 {
    &:is(:where(.peer):disabled ~ *) {
      opacity: 50%;
    }
  }
:where(.og-root).marker\:text-og-fg-subtle,:where(.og-root) .marker\:text-og-fg-subtle {
    & *::marker {
      color: var(--og-color-fg-subtle);
    }
    &::marker {
      color: var(--og-color-fg-subtle);
    }
    & *::-webkit-details-marker {
      color: var(--og-color-fg-subtle);
    }
    &::-webkit-details-marker {
      color: var(--og-color-fg-subtle);
    }
  }
:where(.og-root).selection\:bg-brand\/25,:where(.og-root) .selection\:bg-brand\/25 {
    & *::selection {
      background-color: var(--color-brand);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-brand) 25%, transparent);
      }
    }
    &::selection {
      background-color: var(--color-brand);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-brand) 25%, transparent);
      }
    }
  }
:where(.og-root).selection\:bg-primary,:where(.og-root) .selection\:bg-primary {
    & *::selection {
      background-color: var(--color-primary);
    }
    &::selection {
      background-color: var(--color-primary);
    }
  }
:where(.og-root).selection\:text-primary-foreground,:where(.og-root) .selection\:text-primary-foreground {
    & *::selection {
      color: var(--color-primary-foreground);
    }
    &::selection {
      color: var(--color-primary-foreground);
    }
  }
:where(.og-root).file\:inline-flex,:where(.og-root) .file\:inline-flex {
    &::file-selector-button {
      display: inline-flex;
    }
  }
:where(.og-root).file\:h-7,:where(.og-root) .file\:h-7 {
    &::file-selector-button {
      height: calc(var(--spacing) * 7);
    }
  }
:where(.og-root).file\:border-0,:where(.og-root) .file\:border-0 {
    &::file-selector-button {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
:where(.og-root).file\:bg-transparent,:where(.og-root) .file\:bg-transparent {
    &::file-selector-button {
      background-color: transparent;
    }
  }
:where(.og-root).file\:text-sm,:where(.og-root) .file\:text-sm {
    &::file-selector-button {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
:where(.og-root).file\:font-medium,:where(.og-root) .file\:font-medium {
    &::file-selector-button {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
:where(.og-root).file\:text-foreground,:where(.og-root) .file\:text-foreground {
    &::file-selector-button {
      color: var(--color-foreground);
    }
  }
:where(.og-root).placeholder\:font-sans,:where(.og-root) .placeholder\:font-sans {
    &::placeholder {
      font-family: var(--font-sans);
    }
  }
:where(.og-root).placeholder\:text-fg-subtle,:where(.og-root) .placeholder\:text-fg-subtle {
    &::placeholder {
      color: var(--color-fg-subtle);
    }
  }
:where(.og-root).placeholder\:text-muted-foreground,:where(.og-root) .placeholder\:text-muted-foreground {
    &::placeholder {
      color: var(--color-muted-foreground);
    }
  }
:where(.og-root).placeholder\:text-og-fg-subtle,:where(.og-root) .placeholder\:text-og-fg-subtle {
    &::placeholder {
      color: var(--og-color-fg-subtle);
    }
  }
:where(.og-root).placeholder\:normal-case,:where(.og-root) .placeholder\:normal-case {
    &::placeholder {
      text-transform: none;
    }
  }
:where(.og-root).before\:absolute,:where(.og-root) .before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
:where(.og-root).before\:inset-x-0,:where(.og-root) .before\:inset-x-0 {
    &::before {
      content: var(--tw-content);
      inset-inline: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).before\:inset-y-1,:where(.og-root) .before\:inset-y-1 {
    &::before {
      content: var(--tw-content);
      inset-block: calc(var(--spacing) * 1);
    }
  }
:where(.og-root).before\:top-1\/2,:where(.og-root) .before\:top-1\/2 {
    &::before {
      content: var(--tw-content);
      top: calc(1 / 2 * 100%);
    }
  }
:where(.og-root).before\:bottom-0,:where(.og-root) .before\:bottom-0 {
    &::before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).before\:left-0,:where(.og-root) .before\:left-0 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).before\:h-0\.5,:where(.og-root) .before\:h-0\.5 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 0.5);
    }
  }
:where(.og-root).before\:h-4,:where(.og-root) .before\:h-4 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 4);
    }
  }
:where(.og-root).before\:w-0\.5,:where(.og-root) .before\:w-0\.5 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 0.5);
    }
  }
:where(.og-root).before\:-translate-y-1\/2,:where(.og-root) .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);
    }
  }
:where(.og-root).before\:rounded-full,:where(.og-root) .before\:rounded-full {
    &::before {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }
:where(.og-root).before\:rounded-r-full,:where(.og-root) .before\:rounded-r-full {
    &::before {
      content: var(--tw-content);
      border-top-right-radius: calc(infinity * 1px);
      border-bottom-right-radius: calc(infinity * 1px);
    }
  }
:where(.og-root).before\:bg-brand,:where(.og-root) .before\:bg-brand {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-brand);
    }
  }
:where(.og-root).before\:bg-og-accent,:where(.og-root) .before\:bg-og-accent {
    &::before {
      content: var(--tw-content);
      background-color: var(--og-color-accent);
    }
  }
:where(.og-root).before\:bg-transparent,:where(.og-root) .before\:bg-transparent {
    &::before {
      content: var(--tw-content);
      background-color: transparent;
    }
  }
:where(.og-root).before\:transition-colors,:where(.og-root) .before\:transition-colors {
    &::before {
      content: var(--tw-content);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
:where(.og-root).before\:duration-\[120ms\],:where(.og-root) .before\:duration-\[120ms\] {
    &::before {
      content: var(--tw-content);
      --tw-duration: 120ms;
      transition-duration: 120ms;
    }
  }
:where(.og-root).before\:content-\[\'\'\],:where(.og-root) .before\:content-\[\'\'\] {
    &::before {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
:where(.og-root).after\:pointer-events-none,:where(.og-root) .after\:pointer-events-none {
    &::after {
      content: var(--tw-content);
      pointer-events: none;
    }
  }
:where(.og-root).after\:absolute,:where(.og-root) .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
:where(.og-root).after\:-inset-1\.5,:where(.og-root) .after\:-inset-1\.5 {
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * -1.5);
    }
  }
:where(.og-root).after\:-inset-2,:where(.og-root) .after\:-inset-2 {
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * -2);
    }
  }
:where(.og-root).after\:inset-0,:where(.og-root) .after\:inset-0 {
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).after\:inset-x-0,:where(.og-root) .after\:inset-x-0 {
    &::after {
      content: var(--tw-content);
      inset-inline: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).after\:inset-x-1,:where(.og-root) .after\:inset-x-1 {
    &::after {
      content: var(--tw-content);
      inset-inline: calc(var(--spacing) * 1);
    }
  }
:where(.og-root).after\:inset-y-0,:where(.og-root) .after\:inset-y-0 {
    &::after {
      content: var(--tw-content);
      inset-block: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).after\:inset-y-auto,:where(.og-root) .after\:inset-y-auto {
    &::after {
      content: var(--tw-content);
      inset-block: auto;
    }
  }
:where(.og-root).after\:top-1\/2,:where(.og-root) .after\:top-1\/2 {
    &::after {
      content: var(--tw-content);
      top: calc(1 / 2 * 100%);
    }
  }
:where(.og-root).after\:-bottom-px,:where(.og-root) .after\:-bottom-px {
    &::after {
      content: var(--tw-content);
      bottom: -1px;
    }
  }
:where(.og-root).after\:bottom-0,:where(.og-root) .after\:bottom-0 {
    &::after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).after\:left-1\/2,:where(.og-root) .after\:left-1\/2 {
    &::after {
      content: var(--tw-content);
      left: calc(1 / 2 * 100%);
    }
  }
:where(.og-root).after\:z-0,:where(.og-root) .after\:z-0 {
    &::after {
      content: var(--tw-content);
      z-index: 0;
    }
  }
:where(.og-root).after\:h-0\.5,:where(.og-root) .after\:h-0\.5 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 0.5);
    }
  }
:where(.og-root).after\:h-3,:where(.og-root) .after\:h-3 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 3);
    }
  }
:where(.og-root).after\:h-px,:where(.og-root) .after\:h-px {
    &::after {
      content: var(--tw-content);
      height: 1px;
    }
  }
:where(.og-root).after\:w-3,:where(.og-root) .after\:w-3 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 3);
    }
  }
:where(.og-root).after\:w-full,:where(.og-root) .after\:w-full {
    &::after {
      content: var(--tw-content);
      width: 100%;
    }
  }
:where(.og-root).after\:-translate-x-0,:where(.og-root) .after\:-translate-x-0 {
    &::after {
      content: var(--tw-content);
      --tw-translate-x: calc(var(--spacing) * -0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
:where(.og-root).after\:-translate-x-1\/2,:where(.og-root) .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);
    }
  }
:where(.og-root).after\:-translate-y-1\/2,:where(.og-root) .after\:-translate-y-1\/2 {
    &::after {
      content: var(--tw-content);
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
:where(.og-root).after\:animate-pulse,:where(.og-root) .after\:animate-pulse {
    &::after {
      content: var(--tw-content);
      animation: og-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }
  }
:where(.og-root).after\:rounded-\[14px\],:where(.og-root) .after\:rounded-\[14px\] {
    &::after {
      content: var(--tw-content);
      border-radius: 14px;
    }
  }
:where(.og-root).after\:rounded-\[inherit\],:where(.og-root) .after\:rounded-\[inherit\] {
    &::after {
      content: var(--tw-content);
      border-radius: inherit;
    }
  }
:where(.og-root).after\:rounded-full,:where(.og-root) .after\:rounded-full {
    &::after {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }
:where(.og-root).after\:border,:where(.og-root) .after\:border {
    &::after {
      content: var(--tw-content);
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
:where(.og-root).after\:border-border,:where(.og-root) .after\:border-border {
    &::after {
      content: var(--tw-content);
      border-color: var(--color-border);
    }
  }
:where(.og-root).after\:bg-fg,:where(.og-root) .after\:bg-fg {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-fg);
    }
  }
:where(.og-root).after\:bg-foreground,:where(.og-root) .after\:bg-foreground {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-foreground);
    }
  }
:where(.og-root).after\:bg-og-accent-soft,:where(.og-root) .after\:bg-og-accent-soft {
    &::after {
      content: var(--tw-content);
      background-color: var(--_og-color-accent-soft);
    }
  }
:where(.og-root).after\:opacity-0,:where(.og-root) .after\:opacity-0 {
    &::after {
      content: var(--tw-content);
      opacity: 0%;
    }
  }
:where(.og-root).after\:transition-opacity,:where(.og-root) .after\:transition-opacity {
    &::after {
      content: var(--tw-content);
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
:where(.og-root).after\:duration-\[120ms\],:where(.og-root) .after\:duration-\[120ms\] {
    &::after {
      content: var(--tw-content);
      --tw-duration: 120ms;
      transition-duration: 120ms;
    }
  }
:where(.og-root).after\:content-\[\'\'\],:where(.og-root) .after\:content-\[\'\'\] {
    &::after {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
:where(.og-root).group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0,:where(.og-root) .group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0 {
    &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
      &::after {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing) * 0);
      }
    }
  }
:where(.og-root).group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\],:where(.og-root) .group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\] {
    &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
      &::after {
        content: var(--tw-content);
        bottom: -5px;
      }
    }
  }
:where(.og-root).group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5,:where(.og-root) .group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5 {
    &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
      &::after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 0.5);
      }
    }
  }
:where(.og-root).group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0,:where(.og-root) .group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0 {
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      &::after {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * 0);
      }
    }
  }
:where(.og-root).group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1,:where(.og-root) .group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1 {
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      &::after {
        content: var(--tw-content);
        right: calc(var(--spacing) * -1);
      }
    }
  }
:where(.og-root).group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5,:where(.og-root) .group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5 {
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      &::after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 0.5);
      }
    }
  }
:where(.og-root).first\:mt-0,:where(.og-root) .first\:mt-0 {
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).first\:ml-0,:where(.og-root) .first\:ml-0 {
    &:first-child {
      margin-left: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).first\:rounded-l-\[10px\]\!,:where(.og-root) .first\:rounded-l-\[10px\]\! {
    &:first-child {
      border-top-left-radius: 10px !important;
      border-bottom-left-radius: 10px !important;
    }
  }
:where(.og-root).first\:border-t-0,:where(.og-root) .first\:border-t-0 {
    &:first-child {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
:where(.og-root).first\:pt-0,:where(.og-root) .first\:pt-0 {
    &:first-child {
      padding-top: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).first\:pl-0,:where(.og-root) .first\:pl-0 {
    &:first-child {
      padding-left: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).last\:mb-0,:where(.og-root) .last\:mb-0 {
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).last\:min-w-10,:where(.og-root) .last\:min-w-10 {
    &:last-child {
      min-width: calc(var(--spacing) * 10);
    }
  }
:where(.og-root).last\:rounded-r-\[10px\]\!,:where(.og-root) .last\:rounded-r-\[10px\]\! {
    &:last-child {
      border-top-right-radius: 10px !important;
      border-bottom-right-radius: 10px !important;
    }
  }
:where(.og-root).last\:border-b-0,:where(.og-root) .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
:where(.og-root).last\:pb-0,:where(.og-root) .last\:pb-0 {
    &:last-child {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).open\:basis-full,:where(.og-root) .open\:basis-full {
    &:is([open], :popover-open, :open) {
      flex-basis: 100%;
    }
  }
:where(.og-root).checked\:border-brand-strong,:where(.og-root) .checked\:border-brand-strong {
    &:checked {
      border-color: var(--color-brand-strong);
    }
  }
:where(.og-root).checked\:bg-brand-strong,:where(.og-root) .checked\:bg-brand-strong {
    &:checked {
      background-color: var(--color-brand-strong);
    }
  }
:where(.og-root).indeterminate\:border-brand-strong,:where(.og-root) .indeterminate\:border-brand-strong {
    &:indeterminate {
      border-color: var(--color-brand-strong);
    }
  }
:where(.og-root).indeterminate\:bg-brand-strong,:where(.og-root) .indeterminate\:bg-brand-strong {
    &:indeterminate {
      background-color: var(--color-brand-strong);
    }
  }
:where(.og-root).read-only\:bg-surface-2,:where(.og-root) .read-only\:bg-surface-2 {
    &:read-only {
      background-color: var(--color-surface-2);
    }
  }
:where(.og-root).empty\:hidden,:where(.og-root) .empty\:hidden {
    &:empty {
      display: none;
    }
  }
:where(.og-root).empty\:min-w-0,:where(.og-root) .empty\:min-w-0 {
    &:empty {
      min-width: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).focus-within\:border-brand,:where(.og-root) .focus-within\:border-brand {
    &:focus-within {
      border-color: var(--color-brand);
    }
  }
:where(.og-root).focus-within\:border-og-accent\/50,:where(.og-root) .focus-within\:border-og-accent\/50 {
    &:focus-within {
      border-color: var(--og-color-accent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--og-color-accent) 50%, transparent);
      }
    }
  }
:where(.og-root).focus-within\:border-og-accent\/60,:where(.og-root) .focus-within\:border-og-accent\/60 {
    &:focus-within {
      border-color: var(--og-color-accent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--og-color-accent) 60%, transparent);
      }
    }
  }
:where(.og-root).focus-within\:opacity-100,:where(.og-root) .focus-within\:opacity-100 {
    &:focus-within {
      opacity: 100%;
    }
  }
:where(.og-root).focus-within\:shadow-og-glow,:where(.og-root) .focus-within\:shadow-og-glow {
    &:focus-within {
      --tw-shadow: var(--_og-shadow-glow);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
:where(.og-root).focus-within\:outline-2,:where(.og-root) .focus-within\:outline-2 {
    &:focus-within {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
:where(.og-root).focus-within\:outline-offset-2,:where(.og-root) .focus-within\:outline-offset-2 {
    &:focus-within {
      outline-offset: 2px;
    }
  }
:where(.og-root).focus-within\:outline-brand\/55,:where(.og-root) .focus-within\:outline-brand\/55 {
    &:focus-within {
      outline-color: var(--color-brand);
      @supports (color: color-mix(in lab, red, red)) {
        outline-color: color-mix(in oklab, var(--color-brand) 55%, transparent);
      }
    }
  }
:where(.og-root).hover\:-translate-y-0\.5,:where(.og-root) .hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
:where(.og-root).hover\:-translate-y-px,:where(.og-root) .hover\:-translate-y-px {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: -1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
:where(.og-root).hover\:border-border,:where(.og-root) .hover\:border-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-border);
      }
    }
  }
:where(.og-root).hover\:border-border-strong,:where(.og-root) .hover\:border-border-strong {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-border-strong);
      }
    }
  }
:where(.og-root).hover\:border-brand\/40,:where(.og-root) .hover\:border-brand\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-brand);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-brand) 40%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:border-danger,:where(.og-root) .hover\:border-danger {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-danger);
      }
    }
  }
:where(.og-root).hover\:border-fg-subtle,:where(.og-root) .hover\:border-fg-subtle {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-fg-subtle);
      }
    }
  }
:where(.og-root).hover\:border-og-accent,:where(.og-root) .hover\:border-og-accent {
    &:hover {
      @media (hover: hover) {
        border-color: var(--og-color-accent);
      }
    }
  }
:where(.og-root).hover\:border-og-accent\/40,:where(.og-root) .hover\:border-og-accent\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--og-color-accent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--og-color-accent) 40%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:border-og-border,:where(.og-root) .hover\:border-og-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--og-color-border);
      }
    }
  }
:where(.og-root).hover\:border-og-border-strong,:where(.og-root) .hover\:border-og-border-strong {
    &:hover {
      @media (hover: hover) {
        border-color: var(--og-color-border-strong);
      }
    }
  }
:where(.og-root).hover\:border-og-status-failed\/50,:where(.og-root) .hover\:border-og-status-failed\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--og-color-status-failed);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--og-color-status-failed) 50%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:border-og-status-waiting\/50,:where(.og-root) .hover\:border-og-status-waiting\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--og-color-status-waiting);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--og-color-status-waiting) 50%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:border-transparent,:where(.og-root) .hover\:border-transparent {
    &:hover {
      @media (hover: hover) {
        border-color: transparent;
      }
    }
  }
:where(.og-root).hover\:border-white\/30,:where(.og-root) .hover\:border-white\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-\[var\(--_og-session-chrome-row-hover\)\],:where(.og-root) .hover\:bg-\[var\(--_og-session-chrome-row-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--_og-session-chrome-row-hover);
      }
    }
  }
:where(.og-root).hover\:bg-accent,:where(.og-root) .hover\:bg-accent {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent);
      }
    }
  }
:where(.og-root).hover\:bg-brand-strong\/15,:where(.og-root) .hover\:bg-brand-strong\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-brand-strong);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-brand-strong) 15%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-brand\/8,:where(.og-root) .hover\:bg-brand\/8 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-brand);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-brand) 8%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-brand\/10,:where(.og-root) .hover\:bg-brand\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-brand);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-brand) 10%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-current\/10,:where(.og-root) .hover\:bg-current\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: currentcolor;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, currentcolor 10%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-danger\/10,:where(.og-root) .hover\:bg-danger\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-danger);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-destructive-filled\/90,:where(.og-root) .hover\:bg-destructive-filled\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-destructive-filled);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-destructive-filled) 90%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-hover,:where(.og-root) .hover\:bg-hover {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-hover);
      }
    }
  }
:where(.og-root).hover\:bg-og-accent,:where(.og-root) .hover\:bg-og-accent {
    &:hover {
      @media (hover: hover) {
        background-color: var(--og-color-accent);
      }
    }
  }
:where(.og-root).hover\:bg-og-accent-soft,:where(.og-root) .hover\:bg-og-accent-soft {
    &:hover {
      @media (hover: hover) {
        background-color: var(--_og-color-accent-soft);
      }
    }
  }
:where(.og-root).hover\:bg-og-accent\/10,:where(.og-root) .hover\:bg-og-accent\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--og-color-accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--og-color-accent) 10%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-og-accent\/20,:where(.og-root) .hover\:bg-og-accent\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--og-color-accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--og-color-accent) 20%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-og-hover,:where(.og-root) .hover\:bg-og-hover {
    &:hover {
      @media (hover: hover) {
        background-color: var(--og-color-hover);
      }
    }
  }
:where(.og-root).hover\:bg-og-primary-hover,:where(.og-root) .hover\:bg-og-primary-hover {
    &:hover {
      @media (hover: hover) {
        background-color: var(--_og-color-primary-hover);
      }
    }
  }
:where(.og-root).hover\:bg-og-status-failed\/10,:where(.og-root) .hover\:bg-og-status-failed\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--og-color-status-failed);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--og-color-status-failed) 10%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-og-status-failed\/25,:where(.og-root) .hover\:bg-og-status-failed\/25 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--og-color-status-failed);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--og-color-status-failed) 25%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-og-status-failed\/\[0\.06\],:where(.og-root) .hover\:bg-og-status-failed\/\[0\.06\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--og-color-status-failed);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--og-color-status-failed) 6%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-og-status-waiting\/15,:where(.og-root) .hover\:bg-og-status-waiting\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--og-color-status-waiting);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--og-color-status-waiting) 15%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-og-surface-1,:where(.og-root) .hover\:bg-og-surface-1 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--og-color-surface-1);
      }
    }
  }
:where(.og-root).hover\:bg-og-surface-1\/80,:where(.og-root) .hover\:bg-og-surface-1\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--og-color-surface-1);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--og-color-surface-1) 80%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-og-surface-2,:where(.og-root) .hover\:bg-og-surface-2 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--og-color-surface-2);
      }
    }
  }
:where(.og-root).hover\:bg-og-surface-2\/80,:where(.og-root) .hover\:bg-og-surface-2\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--og-color-surface-2);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--og-color-surface-2) 80%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-og-surface-3,:where(.og-root) .hover\:bg-og-surface-3 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--og-color-surface-3);
      }
    }
  }
:where(.og-root).hover\:bg-og-surface-3\/60,:where(.og-root) .hover\:bg-og-surface-3\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--og-color-surface-3);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--og-color-surface-3) 60%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-og-surface-3\/70,:where(.og-root) .hover\:bg-og-surface-3\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--og-color-surface-3);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--og-color-surface-3) 70%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-primary-hover,:where(.og-root) .hover\:bg-primary-hover {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-hover);
      }
    }
  }
:where(.og-root).hover\:bg-selection,:where(.og-root) .hover\:bg-selection {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-selection);
      }
    }
  }
:where(.og-root).hover\:bg-status-failed\/10,:where(.og-root) .hover\:bg-status-failed\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-status-failed);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-status-failed) 10%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-status-failed\/20,:where(.og-root) .hover\:bg-status-failed\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-status-failed);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-status-failed) 20%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-status-waiting\/15,:where(.og-root) .hover\:bg-status-waiting\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-status-waiting);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-status-waiting) 15%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-surface,:where(.og-root) .hover\:bg-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-surface);
      }
    }
  }
:where(.og-root).hover\:bg-surface-2,:where(.og-root) .hover\:bg-surface-2 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-surface-2);
      }
    }
  }
:where(.og-root).hover\:bg-surface-2\/60,:where(.og-root) .hover\:bg-surface-2\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-surface-2);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-surface-2) 60%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-surface-2\/70,:where(.og-root) .hover\:bg-surface-2\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-surface-2);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-surface-2) 70%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:bg-surface-3,:where(.og-root) .hover\:bg-surface-3 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-surface-3);
      }
    }
  }
:where(.og-root).hover\:bg-transparent,:where(.og-root) .hover\:bg-transparent {
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
:where(.og-root).hover\:bg-white\/20,:where(.og-root) .hover\:bg-white\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
:where(.og-root).hover\:hover-layer,:where(.og-root) .hover\:hover-layer {
    &:hover {
      @media (hover: hover) {
        background-image: linear-gradient(var(--color-hover), var(--color-hover));
      }
    }
  }
:where(.og-root).hover\:text-accent-foreground,:where(.og-root) .hover\:text-accent-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--color-accent-foreground);
      }
    }
  }
:where(.og-root).hover\:text-brand,:where(.og-root) .hover\:text-brand {
    &:hover {
      @media (hover: hover) {
        color: var(--color-brand);
      }
    }
  }
:where(.og-root).hover\:text-danger,:where(.og-root) .hover\:text-danger {
    &:hover {
      @media (hover: hover) {
        color: var(--color-danger);
      }
    }
  }
:where(.og-root).hover\:text-fg,:where(.og-root) .hover\:text-fg {
    &:hover {
      @media (hover: hover) {
        color: var(--color-fg);
      }
    }
  }
:where(.og-root).hover\:text-fg-muted,:where(.og-root) .hover\:text-fg-muted {
    &:hover {
      @media (hover: hover) {
        color: var(--color-fg-muted);
      }
    }
  }
:where(.og-root).hover\:text-foreground,:where(.og-root) .hover\:text-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--color-foreground);
      }
    }
  }
:where(.og-root).hover\:text-og-accent,:where(.og-root) .hover\:text-og-accent {
    &:hover {
      @media (hover: hover) {
        color: var(--og-color-accent);
      }
    }
  }
:where(.og-root).hover\:text-og-accent-fg,:where(.og-root) .hover\:text-og-accent-fg {
    &:hover {
      @media (hover: hover) {
        color: var(--og-color-accent-fg);
      }
    }
  }
:where(.og-root).hover\:text-og-danger,:where(.og-root) .hover\:text-og-danger {
    &:hover {
      @media (hover: hover) {
        color: var(--og-color-danger);
      }
    }
  }
:where(.og-root).hover\:text-og-fg,:where(.og-root) .hover\:text-og-fg {
    &:hover {
      @media (hover: hover) {
        color: var(--og-color-fg);
      }
    }
  }
:where(.og-root).hover\:text-og-fg-muted,:where(.og-root) .hover\:text-og-fg-muted {
    &:hover {
      @media (hover: hover) {
        color: var(--og-color-fg-muted);
      }
    }
  }
:where(.og-root).hover\:text-og-status-failed,:where(.og-root) .hover\:text-og-status-failed {
    &:hover {
      @media (hover: hover) {
        color: var(--og-color-status-failed);
      }
    }
  }
:where(.og-root).hover\:text-og-status-waiting,:where(.og-root) .hover\:text-og-status-waiting {
    &:hover {
      @media (hover: hover) {
        color: var(--og-color-status-waiting);
      }
    }
  }
:where(.og-root).hover\:text-status-failed,:where(.og-root) .hover\:text-status-failed {
    &:hover {
      @media (hover: hover) {
        color: var(--color-status-failed);
      }
    }
  }
:where(.og-root).hover\:text-status-idle,:where(.og-root) .hover\:text-status-idle {
    &:hover {
      @media (hover: hover) {
        color: var(--color-status-idle);
      }
    }
  }
:where(.og-root).hover\:text-white,:where(.og-root) .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
:where(.og-root).hover\:underline,:where(.og-root) .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
:where(.og-root).hover\:decoration-current,:where(.og-root) .hover\:decoration-current {
    &:hover {
      @media (hover: hover) {
        text-decoration-color: currentcolor;
      }
    }
  }
:where(.og-root).hover\:opacity-80,:where(.og-root) .hover\:opacity-80 {
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
:where(.og-root).hover\:opacity-90,:where(.og-root) .hover\:opacity-90 {
    &:hover {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
  }
:where(.og-root).hover\:opacity-100,:where(.og-root) .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
:where(.og-root).hover\:shadow-og-md,:where(.og-root) .hover\:shadow-og-md {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: var(--og-shadow-md);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
:where(.og-root).hover\:brightness-110,:where(.og-root) .hover\:brightness-110 {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(110%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
:where(.og-root).read-only\:hover\:border-border,:where(.og-root) .read-only\:hover\:border-border {
    &:read-only {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-border);
        }
      }
    }
  }
:where(.og-root).focus-within\:hover\:border-brand,:where(.og-root) .focus-within\:hover\:border-brand {
    &:focus-within {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-brand);
        }
      }
    }
  }
:where(.og-root).focus\:border-og-accent,:where(.og-root) .focus\:border-og-accent {
    &:focus {
      border-color: var(--og-color-accent);
    }
  }
:where(.og-root).focus\:bg-hover,:where(.og-root) .focus\:bg-hover {
    &:focus {
      background-color: var(--color-hover);
    }
  }
:where(.og-root).focus\:bg-og-hover,:where(.og-root) .focus\:bg-og-hover {
    &:focus {
      background-color: var(--og-color-hover);
    }
  }
:where(.og-root).focus\:opacity-100,:where(.og-root) .focus\:opacity-100 {
    &:focus {
      opacity: 100%;
    }
  }
:where(.og-root).focus\:ring-2,:where(.og-root) .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);
    }
  }
:where(.og-root).focus\:ring-og-accent-soft,:where(.og-root) .focus\:ring-og-accent-soft {
    &:focus {
      --tw-ring-color: var(--_og-color-accent-soft);
    }
  }
:where(.og-root).focus\:ring-ring,:where(.og-root) .focus\:ring-ring {
    &:focus {
      --tw-ring-color: var(--color-ring);
    }
  }
:where(.og-root).focus\:ring-offset-2,:where(.og-root) .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);
    }
  }
:where(.og-root).focus\:outline-hidden,:where(.og-root) .focus\:outline-hidden {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
:where(.og-root).focus-visible\:z-10,:where(.og-root) .focus-visible\:z-10 {
    &:focus-visible {
      z-index: 10;
    }
  }
:where(.og-root).focus-visible\:z-20,:where(.og-root) .focus-visible\:z-20 {
    &:focus-visible {
      z-index: 20;
    }
  }
:where(.og-root).focus-visible\:border-brand,:where(.og-root) .focus-visible\:border-brand {
    &:focus-visible {
      border-color: var(--color-brand);
    }
  }
:where(.og-root).focus-visible\:border-og-accent\/60,:where(.og-root) .focus-visible\:border-og-accent\/60 {
    &:focus-visible {
      border-color: var(--og-color-accent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--og-color-accent) 60%, transparent);
      }
    }
  }
:where(.og-root).focus-visible\:border-ring,:where(.og-root) .focus-visible\:border-ring {
    &:focus-visible {
      border-color: var(--color-ring);
    }
  }
:where(.og-root).focus-visible\:bg-hover,:where(.og-root) .focus-visible\:bg-hover {
    &:focus-visible {
      background-color: var(--color-hover);
    }
  }
:where(.og-root).focus-visible\:bg-og-accent,:where(.og-root) .focus-visible\:bg-og-accent {
    &:focus-visible {
      background-color: var(--og-color-accent);
    }
  }
:where(.og-root).focus-visible\:bg-og-hover,:where(.og-root) .focus-visible\:bg-og-hover {
    &:focus-visible {
      background-color: var(--og-color-hover);
    }
  }
:where(.og-root).focus-visible\:bg-og-surface-3\/50,:where(.og-root) .focus-visible\:bg-og-surface-3\/50 {
    &:focus-visible {
      background-color: var(--og-color-surface-3);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--og-color-surface-3) 50%, transparent);
      }
    }
  }
:where(.og-root).focus-visible\:bg-surface-2\/60,:where(.og-root) .focus-visible\:bg-surface-2\/60 {
    &:focus-visible {
      background-color: var(--color-surface-2);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-surface-2) 60%, transparent);
      }
    }
  }
:where(.og-root).focus-visible\:text-fg,:where(.og-root) .focus-visible\:text-fg {
    &:focus-visible {
      color: var(--color-fg);
    }
  }
:where(.og-root).focus-visible\:decoration-current,:where(.og-root) .focus-visible\:decoration-current {
    &:focus-visible {
      text-decoration-color: currentcolor;
    }
  }
:where(.og-root).focus-visible\:opacity-100,:where(.og-root) .focus-visible\:opacity-100 {
    &:focus-visible {
      opacity: 100%;
    }
  }
:where(.og-root).focus-visible\:ring-0,:where(.og-root) .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);
    }
  }
:where(.og-root).focus-visible\:ring-1,:where(.og-root) .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);
    }
  }
:where(.og-root).focus-visible\:ring-2,:where(.og-root) .focus-visible\:ring-2 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
:where(.og-root).focus-visible\:ring-\[3px\],:where(.og-root) .focus-visible\:ring-\[3px\] {
    &: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);
    }
  }
:where(.og-root).focus-visible\:ring-accent,:where(.og-root) .focus-visible\:ring-accent {
    &:focus-visible {
      --tw-ring-color: var(--color-accent);
    }
  }
:where(.og-root).focus-visible\:ring-brand,:where(.og-root) .focus-visible\:ring-brand {
    &:focus-visible {
      --tw-ring-color: var(--color-brand);
    }
  }
:where(.og-root).focus-visible\:ring-brand\/55,:where(.og-root) .focus-visible\:ring-brand\/55 {
    &:focus-visible {
      --tw-ring-color: var(--color-brand);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-brand) 55%, transparent);
      }
    }
  }
:where(.og-root).focus-visible\:ring-current\/40,:where(.og-root) .focus-visible\:ring-current\/40 {
    &:focus-visible {
      --tw-ring-color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, currentcolor 40%, transparent);
      }
    }
  }
:where(.og-root).focus-visible\:ring-destructive\/40,:where(.og-root) .focus-visible\:ring-destructive\/40 {
    &:focus-visible {
      --tw-ring-color: var(--color-destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
      }
    }
  }
:where(.og-root).focus-visible\:ring-og-accent,:where(.og-root) .focus-visible\:ring-og-accent {
    &:focus-visible {
      --tw-ring-color: var(--og-color-accent);
    }
  }
:where(.og-root).focus-visible\:ring-og-accent\/40,:where(.og-root) .focus-visible\:ring-og-accent\/40 {
    &:focus-visible {
      --tw-ring-color: var(--og-color-accent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--og-color-accent) 40%, transparent);
      }
    }
  }
:where(.og-root).focus-visible\:ring-og-accent\/45,:where(.og-root) .focus-visible\:ring-og-accent\/45 {
    &:focus-visible {
      --tw-ring-color: var(--og-color-accent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--og-color-accent) 45%, transparent);
      }
    }
  }
:where(.og-root).focus-visible\:ring-og-accent\/50,:where(.og-root) .focus-visible\:ring-og-accent\/50 {
    &:focus-visible {
      --tw-ring-color: var(--og-color-accent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--og-color-accent) 50%, transparent);
      }
    }
  }
:where(.og-root).focus-visible\:ring-og-status-failed\/50,:where(.og-root) .focus-visible\:ring-og-status-failed\/50 {
    &:focus-visible {
      --tw-ring-color: var(--og-color-status-failed);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--og-color-status-failed) 50%, transparent);
      }
    }
  }
:where(.og-root).focus-visible\:ring-og-status-waiting,:where(.og-root) .focus-visible\:ring-og-status-waiting {
    &:focus-visible {
      --tw-ring-color: var(--og-color-status-waiting);
    }
  }
:where(.og-root).focus-visible\:ring-ring,:where(.og-root) .focus-visible\:ring-ring {
    &:focus-visible {
      --tw-ring-color: var(--color-ring);
    }
  }
:where(.og-root).focus-visible\:ring-ring\/40,:where(.og-root) .focus-visible\:ring-ring\/40 {
    &:focus-visible {
      --tw-ring-color: var(--color-ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-ring) 40%, transparent);
      }
    }
  }
:where(.og-root).focus-visible\:ring-ring\/50,:where(.og-root) .focus-visible\:ring-ring\/50 {
    &:focus-visible {
      --tw-ring-color: var(--color-ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
      }
    }
  }
:where(.og-root).focus-visible\:ring-white\/50,:where(.og-root) .focus-visible\:ring-white\/50 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #fff 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
    }
  }
:where(.og-root).focus-visible\:ring-offset-0,:where(.og-root) .focus-visible\:ring-offset-0 {
    &:focus-visible {
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
:where(.og-root).focus-visible\:ring-offset-1,:where(.og-root) .focus-visible\:ring-offset-1 {
    &:focus-visible {
      --tw-ring-offset-width: 1px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
:where(.og-root).focus-visible\:ring-offset-2,:where(.og-root) .focus-visible\:ring-offset-2 {
    &:focus-visible {
      --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);
    }
  }
:where(.og-root).focus-visible\:ring-offset-bg,:where(.og-root) .focus-visible\:ring-offset-bg {
    &:focus-visible {
      --tw-ring-offset-color: var(--color-bg);
    }
  }
:where(.og-root).focus-visible\:ring-offset-og-bg,:where(.og-root) .focus-visible\:ring-offset-og-bg {
    &:focus-visible {
      --tw-ring-offset-color: var(--og-color-bg);
    }
  }
:where(.og-root).focus-visible\:ring-offset-surface,:where(.og-root) .focus-visible\:ring-offset-surface {
    &:focus-visible {
      --tw-ring-offset-color: var(--color-surface);
    }
  }
:where(.og-root).focus-visible\:outline-hidden,:where(.og-root) .focus-visible\:outline-hidden {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
:where(.og-root).focus-visible\:outline,:where(.og-root) .focus-visible\:outline {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
:where(.og-root).focus-visible\:outline-1,:where(.og-root) .focus-visible\:outline-1 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
:where(.og-root).focus-visible\:outline-2,:where(.og-root) .focus-visible\:outline-2 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
:where(.og-root).focus-visible\:-outline-offset-2,:where(.og-root) .focus-visible\:-outline-offset-2 {
    &:focus-visible {
      outline-offset: calc(2px * -1);
    }
  }
:where(.og-root).focus-visible\:-outline-offset-2\!,:where(.og-root) .focus-visible\:-outline-offset-2\! {
    &:focus-visible {
      outline-offset: calc(2px * -1) !important;
    }
  }
:where(.og-root).focus-visible\:outline-offset-2,:where(.og-root) .focus-visible\:outline-offset-2 {
    &:focus-visible {
      outline-offset: 2px;
    }
  }
:where(.og-root).focus-visible\:outline-brand\/55,:where(.og-root) .focus-visible\:outline-brand\/55 {
    &:focus-visible {
      outline-color: var(--color-brand);
      @supports (color: color-mix(in lab, red, red)) {
        outline-color: color-mix(in oklab, var(--color-brand) 55%, transparent);
      }
    }
  }
:where(.og-root).focus-visible\:outline-og-accent,:where(.og-root) .focus-visible\:outline-og-accent {
    &:focus-visible {
      outline-color: var(--og-color-accent);
    }
  }
:where(.og-root).focus-visible\:outline-og-accent\/55,:where(.og-root) .focus-visible\:outline-og-accent\/55 {
    &:focus-visible {
      outline-color: var(--og-color-accent);
      @supports (color: color-mix(in lab, red, red)) {
        outline-color: color-mix(in oklab, var(--og-color-accent) 55%, transparent);
      }
    }
  }
:where(.og-root).focus-visible\:outline-ring,:where(.og-root) .focus-visible\:outline-ring {
    &:focus-visible {
      outline-color: var(--color-ring);
    }
  }
:where(.og-root).focus-visible\:outline-ring\/55,:where(.og-root) .focus-visible\:outline-ring\/55 {
    &:focus-visible {
      outline-color: var(--color-ring);
      @supports (color: color-mix(in lab, red, red)) {
        outline-color: color-mix(in oklab, var(--color-ring) 55%, transparent);
      }
    }
  }
:where(.og-root).focus-visible\:ring-inset,:where(.og-root) .focus-visible\:ring-inset {
    &:focus-visible {
      --tw-ring-inset: inset;
    }
  }
:where(.og-root).active\:scale-95,:where(.og-root) .active\:scale-95 {
    &:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
:where(.og-root).active\:cursor-grabbing,:where(.og-root) .active\:cursor-grabbing {
    &:active {
      cursor: grabbing;
    }
  }
:where(.og-root).enabled\:hover\:bg-surface-2,:where(.og-root) .enabled\:hover\:bg-surface-2 {
    &:enabled {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-surface-2);
        }
      }
    }
  }
:where(.og-root).enabled\:hover\:text-fg,:where(.og-root) .enabled\:hover\:text-fg {
    &:enabled {
      &:hover {
        @media (hover: hover) {
          color: var(--color-fg);
        }
      }
    }
  }
:where(.og-root).disabled\:pointer-events-none,:where(.og-root) .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none;
    }
  }
:where(.og-root).disabled\:cursor-default,:where(.og-root) .disabled\:cursor-default {
    &:disabled {
      cursor: default;
    }
  }
:where(.og-root).disabled\:cursor-not-allowed,:where(.og-root) .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
:where(.og-root).disabled\:cursor-wait,:where(.og-root) .disabled\:cursor-wait {
    &:disabled {
      cursor: wait;
    }
  }
:where(.og-root).disabled\:border-border,:where(.og-root) .disabled\:border-border {
    &:disabled {
      border-color: var(--color-border);
    }
  }
:where(.og-root).disabled\:bg-surface,:where(.og-root) .disabled\:bg-surface {
    &:disabled {
      background-color: var(--color-surface);
    }
  }
:where(.og-root).disabled\:bg-surface-2,:where(.og-root) .disabled\:bg-surface-2 {
    &:disabled {
      background-color: var(--color-surface-2);
    }
  }
:where(.og-root).disabled\:bg-surface-2\/60,:where(.og-root) .disabled\:bg-surface-2\/60 {
    &:disabled {
      background-color: var(--color-surface-2);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-surface-2) 60%, transparent);
      }
    }
  }
:where(.og-root).disabled\:bg-surface-3,:where(.og-root) .disabled\:bg-surface-3 {
    &:disabled {
      background-color: var(--color-surface-3);
    }
  }
:where(.og-root).disabled\:bg-transparent,:where(.og-root) .disabled\:bg-transparent {
    &:disabled {
      background-color: transparent;
    }
  }
:where(.og-root).disabled\:text-fg,:where(.og-root) .disabled\:text-fg {
    &:disabled {
      color: var(--color-fg);
    }
  }
:where(.og-root).disabled\:text-fg-muted,:where(.og-root) .disabled\:text-fg-muted {
    &:disabled {
      color: var(--color-fg-muted);
    }
  }
:where(.og-root).disabled\:text-fg-subtle,:where(.og-root) .disabled\:text-fg-subtle {
    &:disabled {
      color: var(--color-fg-subtle);
    }
  }
:where(.og-root).disabled\:opacity-30,:where(.og-root) .disabled\:opacity-30 {
    &:disabled {
      opacity: 30%;
    }
  }
:where(.og-root).disabled\:opacity-35,:where(.og-root) .disabled\:opacity-35 {
    &:disabled {
      opacity: 35%;
    }
  }
:where(.og-root).disabled\:opacity-40,:where(.og-root) .disabled\:opacity-40 {
    &:disabled {
      opacity: 40%;
    }
  }
:where(.og-root).disabled\:opacity-45,:where(.og-root) .disabled\:opacity-45 {
    &:disabled {
      opacity: 45%;
    }
  }
:where(.og-root).disabled\:opacity-50,:where(.og-root) .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
:where(.og-root).disabled\:opacity-60,:where(.og-root) .disabled\:opacity-60 {
    &:disabled {
      opacity: 60%;
    }
  }
:where(.og-root).disabled\:opacity-70,:where(.og-root) .disabled\:opacity-70 {
    &:disabled {
      opacity: 70%;
    }
  }
:where(.og-root).disabled\:opacity-100,:where(.og-root) .disabled\:opacity-100 {
    &:disabled {
      opacity: 100%;
    }
  }
:where(.og-root).disabled\:hover\:border-border,:where(.og-root) .disabled\:hover\:border-border {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-border);
        }
      }
    }
  }
:where(.og-root).disabled\:hover\:bg-surface-2\/60,:where(.og-root) .disabled\:hover\:bg-surface-2\/60 {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-surface-2);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-surface-2) 60%, transparent);
          }
        }
      }
    }
  }
:where(.og-root).disabled\:hover\:bg-transparent,:where(.og-root) .disabled\:hover\:bg-transparent {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          background-color: transparent;
        }
      }
    }
  }
:where(.og-root).disabled\:hover\:text-og-fg-subtle,:where(.og-root) .disabled\:hover\:text-og-fg-subtle {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          color: var(--og-color-fg-subtle);
        }
      }
    }
  }
:where(.og-root).has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\],:where(.og-root) .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
    &:has(*[data-slot="card-action"]) {
      grid-template-columns: 1fr auto;
    }
  }
:where(.og-root).has-\[\:focus-visible\]\:outline-2,:where(.og-root) .has-\[\:focus-visible\]\:outline-2 {
    &:has(*:is(:focus-visible)) {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
:where(.og-root).has-\[\:focus-visible\]\:outline-og-accent,:where(.og-root) .has-\[\:focus-visible\]\:outline-og-accent {
    &:has(*:is(:focus-visible)) {
      outline-color: var(--og-color-accent);
    }
  }
:where(.og-root).has-\[\[data-card-action\]\:focus-visible\]\:outline-2,:where(.og-root) .has-\[\[data-card-action\]\:focus-visible\]\:outline-2 {
    &:has(*:is([data-card-action]:focus-visible)) {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
:where(.og-root).has-\[\[data-card-action\]\:focus-visible\]\:outline-offset-2,:where(.og-root) .has-\[\[data-card-action\]\:focus-visible\]\:outline-offset-2 {
    &:has(*:is([data-card-action]:focus-visible)) {
      outline-offset: 2px;
    }
  }
:where(.og-root).has-\[\[data-card-action\]\:focus-visible\]\:outline-brand\/55,:where(.og-root) .has-\[\[data-card-action\]\:focus-visible\]\:outline-brand\/55 {
    &:has(*:is([data-card-action]:focus-visible)) {
      outline-color: var(--color-brand);
      @supports (color: color-mix(in lab, red, red)) {
        outline-color: color-mix(in oklab, var(--color-brand) 55%, transparent);
      }
    }
  }
:where(.og-root).has-\[\[data-row-action\]\:focus-visible\]\:outline-2,:where(.og-root) .has-\[\[data-row-action\]\:focus-visible\]\:outline-2 {
    &:has(*:is([data-row-action]:focus-visible)) {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
:where(.og-root).has-\[\[data-row-action\]\:focus-visible\]\:-outline-offset-2,:where(.og-root) .has-\[\[data-row-action\]\:focus-visible\]\:-outline-offset-2 {
    &:has(*:is([data-row-action]:focus-visible)) {
      outline-offset: calc(2px * -1);
    }
  }
:where(.og-root).has-\[\[data-row-action\]\:focus-visible\]\:outline-offset-2,:where(.og-root) .has-\[\[data-row-action\]\:focus-visible\]\:outline-offset-2 {
    &:has(*:is([data-row-action]:focus-visible)) {
      outline-offset: 2px;
    }
  }
:where(.og-root).has-\[\[data-row-action\]\:focus-visible\]\:outline-brand\/55,:where(.og-root) .has-\[\[data-row-action\]\:focus-visible\]\:outline-brand\/55 {
    &:has(*:is([data-row-action]:focus-visible)) {
      outline-color: var(--color-brand);
      @supports (color: color-mix(in lab, red, red)) {
        outline-color: color-mix(in oklab, var(--color-brand) 55%, transparent);
      }
    }
  }
:where(.og-root).has-\[\[data-session-focus\]\:focus-visible\]\:bg-hover,:where(.og-root) .has-\[\[data-session-focus\]\:focus-visible\]\:bg-hover {
    &:has(*:is([data-session-focus]:focus-visible)) {
      background-color: var(--color-hover);
    }
  }
:where(.og-root).has-\[a\:focus-visible\]\:bg-surface-2,:where(.og-root) .has-\[a\:focus-visible\]\:bg-surface-2 {
    &:has(*:is(a:focus-visible)) {
      background-color: var(--color-surface-2);
    }
  }
:where(.og-root).has-\[input\:focus-visible\]\:border-border-strong,:where(.og-root) .has-\[input\:focus-visible\]\:border-border-strong {
    &:has(*:is(input:focus-visible)) {
      border-color: var(--color-border-strong);
    }
  }
:where(.og-root).has-\[input\:focus-visible\]\:border-brand,:where(.og-root) .has-\[input\:focus-visible\]\:border-brand {
    &:has(*:is(input:focus-visible)) {
      border-color: var(--color-brand);
    }
  }
:where(.og-root).has-\[input\:focus-visible\]\:outline-2,:where(.og-root) .has-\[input\:focus-visible\]\:outline-2 {
    &:has(*:is(input:focus-visible)) {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
:where(.og-root).has-\[input\:focus-visible\]\:outline-offset-2,:where(.og-root) .has-\[input\:focus-visible\]\:outline-offset-2 {
    &:has(*:is(input:focus-visible)) {
      outline-offset: 2px;
    }
  }
:where(.og-root).has-\[input\:focus-visible\]\:outline-brand\/55,:where(.og-root) .has-\[input\:focus-visible\]\:outline-brand\/55 {
    &:has(*:is(input:focus-visible)) {
      outline-color: var(--color-brand);
      @supports (color: color-mix(in lab, red, red)) {
        outline-color: color-mix(in oklab, var(--color-brand) 55%, transparent);
      }
    }
  }
:where(.og-root).has-\[\>svg\]\:px-1\.5,:where(.og-root) .has-\[\>svg\]\:px-1\.5 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 1.5);
    }
  }
:where(.og-root).has-\[\>svg\]\:px-2\.5,:where(.og-root) .has-\[\>svg\]\:px-2\.5 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
:where(.og-root).has-\[\>svg\]\:px-3,:where(.og-root) .has-\[\>svg\]\:px-3 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
:where(.og-root).has-\[\>svg\]\:px-4,:where(.og-root) .has-\[\>svg\]\:px-4 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
:where(.og-root).aria-checked\:z-10,:where(.og-root) .aria-checked\:z-10 {
    &[aria-checked="true"] {
      z-index: 10;
    }
  }
:where(.og-root).aria-checked\:border-brand\/45,:where(.og-root) .aria-checked\:border-brand\/45 {
    &[aria-checked="true"] {
      border-color: var(--color-brand);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-brand) 45%, transparent);
      }
    }
  }
:where(.og-root).aria-checked\:border-primary-border,:where(.og-root) .aria-checked\:border-primary-border {
    &[aria-checked="true"] {
      border-color: var(--color-primary-border);
    }
  }
:where(.og-root).aria-checked\:bg-brand\/10,:where(.og-root) .aria-checked\:bg-brand\/10 {
    &[aria-checked="true"] {
      background-color: var(--color-brand);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-brand) 10%, transparent);
      }
    }
  }
:where(.og-root).aria-checked\:bg-fg,:where(.og-root) .aria-checked\:bg-fg {
    &[aria-checked="true"] {
      background-color: var(--color-fg);
    }
  }
:where(.og-root).aria-checked\:bg-primary,:where(.og-root) .aria-checked\:bg-primary {
    &[aria-checked="true"] {
      background-color: var(--color-primary);
    }
  }
:where(.og-root).aria-checked\:bg-surface,:where(.og-root) .aria-checked\:bg-surface {
    &[aria-checked="true"] {
      background-color: var(--color-surface);
    }
  }
:where(.og-root).aria-checked\:bg-linear-to-b,:where(.og-root) .aria-checked\:bg-linear-to-b {
    &[aria-checked="true"] {
      --tw-gradient-position: to bottom;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to bottom in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
:where(.og-root).aria-checked\:from-brand-fg\/10,:where(.og-root) .aria-checked\:from-brand-fg\/10 {
    &[aria-checked="true"] {
      --tw-gradient-from: var(--color-brand-fg);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-brand-fg) 10%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
:where(.og-root).aria-checked\:to-brand-fg\/10,:where(.og-root) .aria-checked\:to-brand-fg\/10 {
    &[aria-checked="true"] {
      --tw-gradient-to: var(--color-brand-fg);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-brand-fg) 10%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
:where(.og-root).aria-checked\:text-brand,:where(.og-root) .aria-checked\:text-brand {
    &[aria-checked="true"] {
      color: var(--color-brand);
    }
  }
:where(.og-root).aria-checked\:text-fg,:where(.og-root) .aria-checked\:text-fg {
    &[aria-checked="true"] {
      color: var(--color-fg);
    }
  }
:where(.og-root).aria-checked\:shadow-og-sm,:where(.og-root) .aria-checked\:shadow-og-sm {
    &[aria-checked="true"] {
      --tw-shadow: var(--og-shadow-sm);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
:where(.og-root).aria-checked\:ring-1,:where(.og-root) .aria-checked\:ring-1 {
    &[aria-checked="true"] {
      --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);
    }
  }
:where(.og-root).aria-checked\:ring-border,:where(.og-root) .aria-checked\:ring-border {
    &[aria-checked="true"] {
      --tw-ring-color: var(--color-border);
    }
  }
:where(.og-root).aria-checked\:before\:bg-brand,:where(.og-root) .aria-checked\:before\:bg-brand {
    &[aria-checked="true"] {
      &::before {
        content: var(--tw-content);
        background-color: var(--color-brand);
      }
    }
  }
:where(.og-root).aria-checked\:hover\:bg-brand\/10,:where(.og-root) .aria-checked\:hover\:bg-brand\/10 {
    &[aria-checked="true"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-brand);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-brand) 10%, transparent);
          }
        }
      }
    }
  }
:where(.og-root).aria-checked\:hover\:text-brand,:where(.og-root) .aria-checked\:hover\:text-brand {
    &[aria-checked="true"] {
      &:hover {
        @media (hover: hover) {
          color: var(--color-brand);
        }
      }
    }
  }
:where(.og-root).aria-disabled\:pointer-events-none,:where(.og-root) .aria-disabled\:pointer-events-none {
    &[aria-disabled="true"] {
      pointer-events: none;
    }
  }
:where(.og-root).aria-disabled\:cursor-default,:where(.og-root) .aria-disabled\:cursor-default {
    &[aria-disabled="true"] {
      cursor: default;
    }
  }
:where(.og-root).aria-disabled\:cursor-not-allowed,:where(.og-root) .aria-disabled\:cursor-not-allowed {
    &[aria-disabled="true"] {
      cursor: not-allowed;
    }
  }
:where(.og-root).aria-disabled\:cursor-wait,:where(.og-root) .aria-disabled\:cursor-wait {
    &[aria-disabled="true"] {
      cursor: wait;
    }
  }
:where(.og-root).aria-disabled\:text-fg-subtle,:where(.og-root) .aria-disabled\:text-fg-subtle {
    &[aria-disabled="true"] {
      color: var(--color-fg-subtle);
    }
  }
:where(.og-root).aria-disabled\:opacity-50,:where(.og-root) .aria-disabled\:opacity-50 {
    &[aria-disabled="true"] {
      opacity: 50%;
    }
  }
:where(.og-root).aria-disabled\:opacity-70,:where(.og-root) .aria-disabled\:opacity-70 {
    &[aria-disabled="true"] {
      opacity: 70%;
    }
  }
:where(.og-root).aria-disabled\:hover\:bg-surface,:where(.og-root) .aria-disabled\:hover\:bg-surface {
    &[aria-disabled="true"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-surface);
        }
      }
    }
  }
:where(.og-root).aria-disabled\:hover\:bg-transparent,:where(.og-root) .aria-disabled\:hover\:bg-transparent {
    &[aria-disabled="true"] {
      &:hover {
        @media (hover: hover) {
          background-color: transparent;
        }
      }
    }
  }
:where(.og-root).aria-disabled\:hover\:text-fg-muted,:where(.og-root) .aria-disabled\:hover\:text-fg-muted {
    &[aria-disabled="true"] {
      &:hover {
        @media (hover: hover) {
          color: var(--color-fg-muted);
        }
      }
    }
  }
:where(.og-root).aria-disabled\:hover\:text-fg-subtle,:where(.og-root) .aria-disabled\:hover\:text-fg-subtle {
    &[aria-disabled="true"] {
      &:hover {
        @media (hover: hover) {
          color: var(--color-fg-subtle);
        }
      }
    }
  }
:where(.og-root).aria-expanded\:border-border-strong,:where(.og-root) .aria-expanded\:border-border-strong {
    &[aria-expanded="true"] {
      border-color: var(--color-border-strong);
    }
  }
:where(.og-root).aria-expanded\:focus-visible\:border-brand,:where(.og-root) .aria-expanded\:focus-visible\:border-brand {
    &[aria-expanded="true"] {
      &:focus-visible {
        border-color: var(--color-brand);
      }
    }
  }
:where(.og-root).aria-invalid\:border-danger,:where(.og-root) .aria-invalid\:border-danger {
    &[aria-invalid="true"] {
      border-color: var(--color-danger);
    }
  }
:where(.og-root).aria-invalid\:border-destructive,:where(.og-root) .aria-invalid\:border-destructive {
    &[aria-invalid="true"] {
      border-color: var(--color-destructive);
    }
  }
:where(.og-root).aria-invalid\:ring-destructive\/20,:where(.og-root) .aria-invalid\:ring-destructive\/20 {
    &[aria-invalid="true"] {
      --tw-ring-color: var(--color-destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
      }
    }
  }
:where(.og-root).aria-invalid\:hover\:border-danger,:where(.og-root) .aria-invalid\:hover\:border-danger {
    &[aria-invalid="true"] {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-danger);
        }
      }
    }
  }
:where(.og-root).aria-pressed\:bg-accent,:where(.og-root) .aria-pressed\:bg-accent {
    &[aria-pressed="true"] {
      background-color: var(--color-accent);
    }
  }
:where(.og-root).aria-pressed\:text-foreground,:where(.og-root) .aria-pressed\:text-foreground {
    &[aria-pressed="true"] {
      color: var(--color-foreground);
    }
  }
:where(.og-root).aria-pressed\:opacity-100,:where(.og-root) .aria-pressed\:opacity-100 {
    &[aria-pressed="true"] {
      opacity: 100%;
    }
  }
:where(.og-root).data-\[active\=true\]\:bg-selection,:where(.og-root) .data-\[active\=true\]\:bg-selection {
    &[data-active="true"] {
      background-color: var(--color-selection);
    }
  }
:where(.og-root).data-\[active\=true\]\:text-fg,:where(.og-root) .data-\[active\=true\]\:text-fg {
    &[data-active="true"] {
      color: var(--color-fg);
    }
  }
:where(.og-root).data-\[active\=true\]\:hover\:bg-selection,:where(.og-root) .data-\[active\=true\]\:hover\:bg-selection {
    &[data-active="true"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-selection);
        }
      }
    }
  }
:where(.og-root).data-\[disabled\]\:pointer-events-none,:where(.og-root) .data-\[disabled\]\:pointer-events-none {
    &[data-disabled] {
      pointer-events: none;
    }
  }
:where(.og-root).data-\[disabled\]\:cursor-not-allowed,:where(.og-root) .data-\[disabled\]\:cursor-not-allowed {
    &[data-disabled] {
      cursor: not-allowed;
    }
  }
:where(.og-root).data-\[disabled\]\:text-fg-muted,:where(.og-root) .data-\[disabled\]\:text-fg-muted {
    &[data-disabled] {
      color: var(--color-fg-muted);
    }
  }
:where(.og-root).data-\[disabled\]\:opacity-50,:where(.og-root) .data-\[disabled\]\:opacity-50 {
    &[data-disabled] {
      opacity: 50%;
    }
  }
:where(.og-root).data-\[disabled\]\:opacity-100,:where(.og-root) .data-\[disabled\]\:opacity-100 {
    &[data-disabled] {
      opacity: 100%;
    }
  }
:where(.og-root).data-\[highlighted\]\:bg-hover,:where(.og-root) .data-\[highlighted\]\:bg-hover {
    &[data-highlighted] {
      background-color: var(--color-hover);
    }
  }
:where(.og-root).data-\[highlighted\]\:bg-og-hover,:where(.og-root) .data-\[highlighted\]\:bg-og-hover {
    &[data-highlighted] {
      background-color: var(--og-color-hover);
    }
  }
:where(.og-root).data-\[highlighted\]\:bg-surface-2,:where(.og-root) .data-\[highlighted\]\:bg-surface-2 {
    &[data-highlighted] {
      background-color: var(--color-surface-2);
    }
  }
:where(.og-root).data-\[inset\]\:pl-9,:where(.og-root) .data-\[inset\]\:pl-9 {
    &[data-inset] {
      padding-left: calc(var(--spacing) * 9);
    }
  }
:where(.og-root).data-\[orientation\=horizontal\]\:h-px,:where(.og-root) .data-\[orientation\=horizontal\]\:h-px {
    &[data-orientation="horizontal"] {
      height: 1px;
    }
  }
:where(.og-root).data-\[orientation\=horizontal\]\:w-full,:where(.og-root) .data-\[orientation\=horizontal\]\:w-full {
    &[data-orientation="horizontal"] {
      width: 100%;
    }
  }
:where(.og-root).data-\[orientation\=horizontal\]\:flex-col,:where(.og-root) .data-\[orientation\=horizontal\]\:flex-col {
    &[data-orientation="horizontal"] {
      flex-direction: column;
    }
  }
:where(.og-root).data-\[orientation\=vertical\]\:h-full,:where(.og-root) .data-\[orientation\=vertical\]\:h-full {
    &[data-orientation="vertical"] {
      height: 100%;
    }
  }
:where(.og-root).data-\[orientation\=vertical\]\:w-px,:where(.og-root) .data-\[orientation\=vertical\]\:w-px {
    &[data-orientation="vertical"] {
      width: 1px;
    }
  }
:where(.og-root).data-\[separator-state\=dragging\]\:bg-og-accent,:where(.og-root) .data-\[separator-state\=dragging\]\:bg-og-accent {
    &[data-separator-state="dragging"] {
      background-color: var(--og-color-accent);
    }
  }
:where(.og-root).data-\[size\=lg\]\:size-10,:where(.og-root) .data-\[size\=lg\]\:size-10 {
    &[data-size="lg"] {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }
  }
:where(.og-root).data-\[size\=sm\]\:size-6,:where(.og-root) .data-\[size\=sm\]\:size-6 {
    &[data-size="sm"] {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
  }
:where(.og-root).\*\:data-\[slot\=avatar\]\:ring-2,:where(.og-root) .\*\:data-\[slot\=avatar\]\:ring-2 {
    :is(& > *) {
      &[data-slot="avatar"] {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
:where(.og-root).\*\:data-\[slot\=avatar\]\:ring-background,:where(.og-root) .\*\:data-\[slot\=avatar\]\:ring-background {
    :is(& > *) {
      &[data-slot="avatar"] {
        --tw-ring-color: var(--color-background);
      }
    }
  }
:where(.og-root).data-\[state\=active\]\:border-border-strong,:where(.og-root) .data-\[state\=active\]\:border-border-strong {
    &[data-state="active"] {
      border-color: var(--color-border-strong);
    }
  }
:where(.og-root).data-\[state\=active\]\:bg-background,:where(.og-root) .data-\[state\=active\]\:bg-background {
    &[data-state="active"] {
      background-color: var(--color-background);
    }
  }
:where(.og-root).data-\[state\=active\]\:bg-selection,:where(.og-root) .data-\[state\=active\]\:bg-selection {
    &[data-state="active"] {
      background-color: var(--color-selection);
    }
  }
:where(.og-root).data-\[state\=active\]\:text-fg,:where(.og-root) .data-\[state\=active\]\:text-fg {
    &[data-state="active"] {
      color: var(--color-fg);
    }
  }
:where(.og-root).data-\[state\=active\]\:text-foreground,:where(.og-root) .data-\[state\=active\]\:text-foreground {
    &[data-state="active"] {
      color: var(--color-foreground);
    }
  }
:where(.og-root).group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm,:where(.og-root) .group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm {
    &:is(:where(.group\/tabs-list)[data-variant="default"] *) {
      &[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);
      }
    }
  }
:where(.og-root).group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent,:where(.og-root) .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent {
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      &[data-state="active"] {
        background-color: transparent;
      }
    }
  }
:where(.og-root).group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none,:where(.og-root) .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none {
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      &[data-state="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);
      }
    }
  }
:where(.og-root).data-\[state\=active\]\:after\:opacity-100,:where(.og-root) .data-\[state\=active\]\:after\:opacity-100 {
    &[data-state="active"] {
      &::after {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
:where(.og-root).group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100,:where(.og-root) .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100 {
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      &[data-state="active"] {
        &::after {
          content: var(--tw-content);
          opacity: 100%;
        }
      }
    }
  }
:where(.og-root).data-\[state\=checked\]\:translate-x-3,:where(.og-root) .data-\[state\=checked\]\:translate-x-3 {
    &[data-state="checked"] {
      --tw-translate-x: calc(var(--spacing) * 3);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
:where(.og-root).data-\[state\=checked\]\:translate-x-4,:where(.og-root) .data-\[state\=checked\]\:translate-x-4 {
    &[data-state="checked"] {
      --tw-translate-x: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
:where(.og-root).data-\[state\=checked\]\:border-brand,:where(.og-root) .data-\[state\=checked\]\:border-brand {
    &[data-state="checked"] {
      border-color: var(--color-brand);
    }
  }
:where(.og-root).data-\[state\=checked\]\:bg-brand\/5,:where(.og-root) .data-\[state\=checked\]\:bg-brand\/5 {
    &[data-state="checked"] {
      background-color: var(--color-brand);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-brand) 5%, transparent);
      }
    }
  }
:where(.og-root).data-\[state\=checked\]\:bg-og-surface-1,:where(.og-root) .data-\[state\=checked\]\:bg-og-surface-1 {
    &[data-state="checked"] {
      background-color: var(--og-color-surface-1);
    }
  }
:where(.og-root).data-\[state\=checked\]\:bg-primary-foreground,:where(.og-root) .data-\[state\=checked\]\:bg-primary-foreground {
    &[data-state="checked"] {
      background-color: var(--color-primary-foreground);
    }
  }
:where(.og-root).data-\[state\=checked\]\:bg-surface,:where(.og-root) .data-\[state\=checked\]\:bg-surface {
    &[data-state="checked"] {
      background-color: var(--color-surface);
    }
  }
:where(.og-root).data-\[state\=checked\]\:text-og-fg,:where(.og-root) .data-\[state\=checked\]\:text-og-fg {
    &[data-state="checked"] {
      color: var(--og-color-fg);
    }
  }
:where(.og-root).data-\[state\=checked\]\:shadow-sm,:where(.og-root) .data-\[state\=checked\]\:shadow-sm {
    &[data-state="checked"] {
      --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);
    }
  }
:where(.og-root).data-\[state\=checked\]\:hover\:bg-brand\/8,:where(.og-root) .data-\[state\=checked\]\:hover\:bg-brand\/8 {
    &[data-state="checked"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-brand);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-brand) 8%, transparent);
          }
        }
      }
    }
  }
:where(.og-root).data-\[state\=closed\]\:hidden,:where(.og-root) .data-\[state\=closed\]\:hidden {
    &[data-state="closed"] {
      display: none;
    }
  }
:where(.og-root).data-\[state\=closed\]\:animate-og-collapse,:where(.og-root) .data-\[state\=closed\]\:animate-og-collapse {
    &[data-state="closed"] {
      animation: og-collapse var(--_og-duration-disclose) var(--og-ease-in-out);
    }
  }
:where(.og-root).data-\[state\=closed\]\:animate-og-settle-collapse,:where(.og-root) .data-\[state\=closed\]\:animate-og-settle-collapse {
    &[data-state="closed"] {
      animation: og-collapse var(--_og-duration-disclose-settle) var(--og-ease-out);
    }
  }
:where(.og-root).data-\[state\=closed\]\:opacity-0,:where(.og-root) .data-\[state\=closed\]\:opacity-0 {
    &[data-state="closed"] {
      opacity: 0%;
    }
  }
:where(.og-root).data-\[state\=closed\]\:transition-opacity,:where(.og-root) .data-\[state\=closed\]\:transition-opacity {
    &[data-state="closed"] {
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
:where(.og-root).data-\[state\=closed\]\:duration-300,:where(.og-root) .data-\[state\=closed\]\:duration-300 {
    &[data-state="closed"] {
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
  }
:where(.og-root).data-\[state\=open\]\:animate-og-expand,:where(.og-root) .data-\[state\=open\]\:animate-og-expand {
    &[data-state="open"] {
      animation: og-expand var(--_og-duration-disclose) var(--og-ease-in-out);
    }
  }
:where(.og-root).data-\[state\=open\]\:border-border,:where(.og-root) .data-\[state\=open\]\:border-border {
    &[data-state="open"] {
      border-color: var(--color-border);
    }
  }
:where(.og-root).data-\[state\=open\]\:border-border-strong,:where(.og-root) .data-\[state\=open\]\:border-border-strong {
    &[data-state="open"] {
      border-color: var(--color-border-strong);
    }
  }
:where(.og-root).data-\[state\=open\]\:border-transparent,:where(.og-root) .data-\[state\=open\]\:border-transparent {
    &[data-state="open"] {
      border-color: transparent;
    }
  }
:where(.og-root).data-\[state\=open\]\:bg-accent,:where(.og-root) .data-\[state\=open\]\:bg-accent {
    &[data-state="open"] {
      background-color: var(--color-accent);
    }
  }
:where(.og-root).data-\[state\=open\]\:bg-hover,:where(.og-root) .data-\[state\=open\]\:bg-hover {
    &[data-state="open"] {
      background-color: var(--color-hover);
    }
  }
:where(.og-root).data-\[state\=open\]\:bg-og-hover,:where(.og-root) .data-\[state\=open\]\:bg-og-hover {
    &[data-state="open"] {
      background-color: var(--og-color-hover);
    }
  }
:where(.og-root).data-\[state\=open\]\:bg-secondary,:where(.og-root) .data-\[state\=open\]\:bg-secondary {
    &[data-state="open"] {
      background-color: var(--color-secondary);
    }
  }
:where(.og-root).data-\[state\=open\]\:bg-surface-2,:where(.og-root) .data-\[state\=open\]\:bg-surface-2 {
    &[data-state="open"] {
      background-color: var(--color-surface-2);
    }
  }
:where(.og-root).data-\[state\=open\]\:bg-surface-3,:where(.og-root) .data-\[state\=open\]\:bg-surface-3 {
    &[data-state="open"] {
      background-color: var(--color-surface-3);
    }
  }
:where(.og-root).data-\[state\=open\]\:text-fg,:where(.og-root) .data-\[state\=open\]\:text-fg {
    &[data-state="open"] {
      color: var(--color-fg);
    }
  }
:where(.og-root).data-\[state\=open\]\:text-muted-foreground,:where(.og-root) .data-\[state\=open\]\:text-muted-foreground {
    &[data-state="open"] {
      color: var(--color-muted-foreground);
    }
  }
:where(.og-root).data-\[state\=open\]\:opacity-100,:where(.og-root) .data-\[state\=open\]\:opacity-100 {
    &[data-state="open"] {
      opacity: 100%;
    }
  }
:where(.og-root).data-\[state\=open\]\:duration-500,:where(.og-root) .data-\[state\=open\]\:duration-500 {
    &[data-state="open"] {
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
  }
:where(.og-root).data-\[state\=unchecked\]\:border-danger\/50,:where(.og-root) .data-\[state\=unchecked\]\:border-danger\/50 {
    &[data-state="unchecked"] {
      border-color: var(--color-danger);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-danger) 50%, transparent);
      }
    }
  }
:where(.og-root).data-\[variant\=destructive\]\:text-danger,:where(.og-root) .data-\[variant\=destructive\]\:text-danger {
    &[data-variant="destructive"] {
      color: var(--color-danger);
    }
  }
:where(.og-root).data-\[variant\=destructive\]\:text-og-danger,:where(.og-root) .data-\[variant\=destructive\]\:text-og-danger {
    &[data-variant="destructive"] {
      color: var(--og-color-danger);
    }
  }
:where(.og-root).data-\[variant\=destructive\]\:focus\:bg-danger\/10,:where(.og-root) .data-\[variant\=destructive\]\:focus\:bg-danger\/10 {
    &[data-variant="destructive"] {
      &:focus {
        background-color: var(--color-danger);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
        }
      }
    }
  }
:where(.og-root).data-\[variant\=destructive\]\:focus\:bg-og-danger\/10,:where(.og-root) .data-\[variant\=destructive\]\:focus\:bg-og-danger\/10 {
    &[data-variant="destructive"] {
      &:focus {
        background-color: var(--og-color-danger);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--og-color-danger) 10%, transparent);
        }
      }
    }
  }
:where(.og-root).data-\[variant\=line\]\:rounded-none,:where(.og-root) .data-\[variant\=line\]\:rounded-none {
    &[data-variant="line"] {
      border-radius: 0;
    }
  }
:where(.og-root).supports-\[backdrop-filter\]\:bg-canvas\/65,:where(.og-root) .supports-\[backdrop-filter\]\:bg-canvas\/65 {
    @supports (backdrop-filter: var(--tw)) {
      background-color: var(--color-canvas);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-canvas) 65%, transparent);
      }
    }
  }
:where(.og-root).motion-safe\:animate-pulse,:where(.og-root) .motion-safe\:animate-pulse {
    @media (prefers-reduced-motion: no-preference) {
      animation: og-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }
  }
:where(.og-root).motion-safe\:animate-spin,:where(.og-root) .motion-safe\:animate-spin {
    @media (prefers-reduced-motion: no-preference) {
      animation: og-spin 1s linear infinite;
    }
  }
:where(.og-root).motion-safe\:transition-\[width\],:where(.og-root) .motion-safe\:transition-\[width\] {
    @media (prefers-reduced-motion: no-preference) {
      transition-property: width;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
:where(.og-root).motion-safe\:duration-150,:where(.og-root) .motion-safe\:duration-150 {
    @media (prefers-reduced-motion: no-preference) {
      --tw-duration: 150ms;
      transition-duration: 150ms;
    }
  }
:where(.og-root).motion-safe\:duration-\[120ms\],:where(.og-root) .motion-safe\:duration-\[120ms\] {
    @media (prefers-reduced-motion: no-preference) {
      --tw-duration: 120ms;
      transition-duration: 120ms;
    }
  }
:where(.og-root).motion-reduce\:animate-none,:where(.og-root) .motion-reduce\:animate-none {
    @media (prefers-reduced-motion: reduce) {
      animation: none;
    }
  }
:where(.og-root).motion-reduce\:transition-none,:where(.og-root) .motion-reduce\:transition-none {
    @media (prefers-reduced-motion: reduce) {
      transition-property: none;
    }
  }
:where(.og-root).motion-reduce\:duration-0,:where(.og-root) .motion-reduce\:duration-0 {
    @media (prefers-reduced-motion: reduce) {
      --tw-duration: 0ms;
      transition-duration: 0ms;
    }
  }
:where(.og-root).max-\[1023px\]\:-mx-\[19px\],:where(.og-root) .max-\[1023px\]\:-mx-\[19px\] {
    @media (width < 1023px) {
      margin-inline: calc(19px * -1);
    }
  }
:where(.og-root).max-\[1023px\]\:inline,:where(.og-root) .max-\[1023px\]\:inline {
    @media (width < 1023px) {
      display: inline;
    }
  }
:where(.og-root).max-\[1023px\]\:size-11,:where(.og-root) .max-\[1023px\]\:size-11 {
    @media (width < 1023px) {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }
  }
:where(.og-root).max-\[1023px\]\:min-h-11,:where(.og-root) .max-\[1023px\]\:min-h-11 {
    @media (width < 1023px) {
      min-height: calc(var(--spacing) * 11);
    }
  }
:where(.og-root).max-\[1023px\]\:min-h-12,:where(.og-root) .max-\[1023px\]\:min-h-12 {
    @media (width < 1023px) {
      min-height: calc(var(--spacing) * 12);
    }
  }
:where(.og-root).max-\[1023px\]\:w-11,:where(.og-root) .max-\[1023px\]\:w-11 {
    @media (width < 1023px) {
      width: calc(var(--spacing) * 11);
    }
  }
:where(.og-root).max-\[1023px\]\:w-36,:where(.og-root) .max-\[1023px\]\:w-36 {
    @media (width < 1023px) {
      width: calc(var(--spacing) * 36);
    }
  }
:where(.og-root).max-\[1023px\]\:min-w-11,:where(.og-root) .max-\[1023px\]\:min-w-11 {
    @media (width < 1023px) {
      min-width: calc(var(--spacing) * 11);
    }
  }
:where(.og-root).max-\[480px\]\:px-3\.5,:where(.og-root) .max-\[480px\]\:px-3\.5 {
    @media (width < 480px) {
      padding-inline: calc(var(--spacing) * 3.5);
    }
  }
:where(.og-root).max-xl\:w-\[360px\],:where(.og-root) .max-xl\:w-\[360px\] {
    @media (width < 80rem) {
      width: 360px;
    }
  }
:where(.og-root).max-lg\:h-\[55\%\],:where(.og-root) .max-lg\:h-\[55\%\] {
    @media (width < 64rem) {
      height: 55%;
    }
  }
:where(.og-root).max-lg\:w-full,:where(.og-root) .max-lg\:w-full {
    @media (width < 64rem) {
      width: 100%;
    }
  }
:where(.og-root).max-lg\:flex-col,:where(.og-root) .max-lg\:flex-col {
    @media (width < 64rem) {
      flex-direction: column;
    }
  }
:where(.og-root).max-lg\:border-t,:where(.og-root) .max-lg\:border-t {
    @media (width < 64rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
:where(.og-root).max-lg\:border-l-0,:where(.og-root) .max-lg\:border-l-0 {
    @media (width < 64rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
  }
:where(.og-root).max-sm\:sr-only,:where(.og-root) .max-sm\:sr-only {
    @media (width < 40rem) {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
  }
:where(.og-root).max-sm\:static,:where(.og-root) .max-sm\:static {
    @media (width < 40rem) {
      position: static;
    }
  }
:where(.og-root).max-sm\:top-3,:where(.og-root) .max-sm\:top-3 {
    @media (width < 40rem) {
      top: calc(var(--spacing) * 3);
    }
  }
:where(.og-root).max-sm\:bottom-3,:where(.og-root) .max-sm\:bottom-3 {
    @media (width < 40rem) {
      bottom: calc(var(--spacing) * 3);
    }
  }
:where(.og-root).max-sm\:mx-auto,:where(.og-root) .max-sm\:mx-auto {
    @media (width < 40rem) {
      margin-inline: auto;
    }
  }
:where(.og-root).max-sm\:hidden,:where(.og-root) .max-sm\:hidden {
    @media (width < 40rem) {
      display: none;
    }
  }
:where(.og-root).max-sm\:size-11,:where(.og-root) .max-sm\:size-11 {
    @media (width < 40rem) {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }
  }
:where(.og-root).max-sm\:h-11,:where(.og-root) .max-sm\:h-11 {
    @media (width < 40rem) {
      height: calc(var(--spacing) * 11);
    }
  }
:where(.og-root).max-sm\:min-h-11,:where(.og-root) .max-sm\:min-h-11 {
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
  }
:where(.og-root).max-sm\:w-auto,:where(.og-root) .max-sm\:w-auto {
    @media (width < 40rem) {
      width: auto;
    }
  }
:where(.og-root).max-sm\:w-full,:where(.og-root) .max-sm\:w-full {
    @media (width < 40rem) {
      width: 100%;
    }
  }
:where(.og-root).max-sm\:max-w-32,:where(.og-root) .max-sm\:max-w-32 {
    @media (width < 40rem) {
      max-width: calc(var(--spacing) * 32);
    }
  }
:where(.og-root).max-sm\:max-w-\[7\.5rem\],:where(.og-root) .max-sm\:max-w-\[7\.5rem\] {
    @media (width < 40rem) {
      max-width: 7.5rem;
    }
  }
:where(.og-root).max-sm\:min-w-8,:where(.og-root) .max-sm\:min-w-8 {
    @media (width < 40rem) {
      min-width: calc(var(--spacing) * 8);
    }
  }
:where(.og-root).max-sm\:flex-1,:where(.og-root) .max-sm\:flex-1 {
    @media (width < 40rem) {
      flex: 1;
    }
  }
:where(.og-root).max-sm\:shrink-0,:where(.og-root) .max-sm\:shrink-0 {
    @media (width < 40rem) {
      flex-shrink: 0;
    }
  }
:where(.og-root).max-sm\:flex-nowrap,:where(.og-root) .max-sm\:flex-nowrap {
    @media (width < 40rem) {
      flex-wrap: nowrap;
    }
  }
:where(.og-root).max-sm\:items-center,:where(.og-root) .max-sm\:items-center {
    @media (width < 40rem) {
      align-items: center;
    }
  }
:where(.og-root).max-sm\:justify-center,:where(.og-root) .max-sm\:justify-center {
    @media (width < 40rem) {
      justify-content: center;
    }
  }
:where(.og-root).max-sm\:gap-0\.5,:where(.og-root) .max-sm\:gap-0\.5 {
    @media (width < 40rem) {
      gap: calc(var(--spacing) * 0.5);
    }
  }
:where(.og-root).max-sm\:gap-1,:where(.og-root) .max-sm\:gap-1 {
    @media (width < 40rem) {
      gap: calc(var(--spacing) * 1);
    }
  }
:where(.og-root).max-sm\:rounded-b-none,:where(.og-root) .max-sm\:rounded-b-none {
    @media (width < 40rem) {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }
  }
:where(.og-root).max-sm\:border-b-0,:where(.og-root) .max-sm\:border-b-0 {
    @media (width < 40rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
:where(.og-root).max-sm\:p-2,:where(.og-root) .max-sm\:p-2 {
    @media (width < 40rem) {
      padding: calc(var(--spacing) * 2);
    }
  }
:where(.og-root).max-sm\:px-0,:where(.og-root) .max-sm\:px-0 {
    @media (width < 40rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).max-sm\:px-1\.5,:where(.og-root) .max-sm\:px-1\.5 {
    @media (width < 40rem) {
      padding-inline: calc(var(--spacing) * 1.5);
    }
  }
:where(.og-root).max-sm\:px-2,:where(.og-root) .max-sm\:px-2 {
    @media (width < 40rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
:where(.og-root).max-sm\:px-2\.5,:where(.og-root) .max-sm\:px-2\.5 {
    @media (width < 40rem) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
:where(.og-root).max-sm\:px-4,:where(.og-root) .max-sm\:px-4 {
    @media (width < 40rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
:where(.og-root).max-sm\:px-5,:where(.og-root) .max-sm\:px-5 {
    @media (width < 40rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
:where(.og-root).max-sm\:pt-5,:where(.og-root) .max-sm\:pt-5 {
    @media (width < 40rem) {
      padding-top: calc(var(--spacing) * 5);
    }
  }
:where(.og-root).max-sm\:pr-10,:where(.og-root) .max-sm\:pr-10 {
    @media (width < 40rem) {
      padding-right: calc(var(--spacing) * 10);
    }
  }
:where(.og-root).max-sm\:pb-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\],:where(.og-root) .max-sm\:pb-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\] {
    @media (width < 40rem) {
      padding-bottom: max(1rem, env(safe-area-inset-bottom));
    }
  }
:where(.og-root).max-sm\:opacity-100,:where(.og-root) .max-sm\:opacity-100 {
    @media (width < 40rem) {
      opacity: 100%;
    }
  }
:where(.og-root).min-\[400px\]\:hidden,:where(.og-root) .min-\[400px\]\:hidden {
    @media (width >= 400px) {
      display: none;
    }
  }
:where(.og-root).min-\[400px\]\:inline,:where(.og-root) .min-\[400px\]\:inline {
    @media (width >= 400px) {
      display: inline;
    }
  }
:where(.og-root).sm\:inset-x-auto,:where(.og-root) .sm\:inset-x-auto {
    @media (width >= 40rem) {
      inset-inline: auto;
    }
  }
:where(.og-root).sm\:top-1\/2,:where(.og-root) .sm\:top-1\/2 {
    @media (width >= 40rem) {
      top: calc(1 / 2 * 100%);
    }
  }
:where(.og-root).sm\:top-\[12vh\],:where(.og-root) .sm\:top-\[12vh\] {
    @media (width >= 40rem) {
      top: 12vh;
    }
  }
:where(.og-root).sm\:right-6,:where(.og-root) .sm\:right-6 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 6);
    }
  }
:where(.og-root).sm\:bottom-auto,:where(.og-root) .sm\:bottom-auto {
    @media (width >= 40rem) {
      bottom: auto;
    }
  }
:where(.og-root).sm\:left-1\/2,:where(.og-root) .sm\:left-1\/2 {
    @media (width >= 40rem) {
      left: calc(1 / 2 * 100%);
    }
  }
:where(.og-root).sm\:left-6,:where(.og-root) .sm\:left-6 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 6);
    }
  }
:where(.og-root).sm\:col-span-1,:where(.og-root) .sm\:col-span-1 {
    @media (width >= 40rem) {
      grid-column: span 1 / span 1;
    }
  }
:where(.og-root).sm\:col-span-2,:where(.og-root) .sm\:col-span-2 {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
:where(.og-root).sm\:col-start-3,:where(.og-root) .sm\:col-start-3 {
    @media (width >= 40rem) {
      grid-column-start: 3;
    }
  }
:where(.og-root).sm\:col-start-4,:where(.og-root) .sm\:col-start-4 {
    @media (width >= 40rem) {
      grid-column-start: 4;
    }
  }
:where(.og-root).sm\:row-start-1,:where(.og-root) .sm\:row-start-1 {
    @media (width >= 40rem) {
      grid-row-start: 1;
    }
  }
:where(.og-root).sm\:mt-0\.5,:where(.og-root) .sm\:mt-0\.5 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 0.5);
    }
  }
:where(.og-root).sm\:line-clamp-2,:where(.og-root) .sm\:line-clamp-2 {
    @media (width >= 40rem) {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
  }
:where(.og-root).sm\:block,:where(.og-root) .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
:where(.og-root).sm\:flex,:where(.og-root) .sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
:where(.og-root).sm\:hidden,:where(.og-root) .sm\:hidden {
    @media (width >= 40rem) {
      display: none;
    }
  }
:where(.og-root).sm\:inline,:where(.og-root) .sm\:inline {
    @media (width >= 40rem) {
      display: inline;
    }
  }
:where(.og-root).sm\:inline-flex,:where(.og-root) .sm\:inline-flex {
    @media (width >= 40rem) {
      display: inline-flex;
    }
  }
:where(.og-root).sm\:h-8,:where(.og-root) .sm\:h-8 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 8);
    }
  }
:where(.og-root).sm\:h-72,:where(.og-root) .sm\:h-72 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 72);
    }
  }
:where(.og-root).sm\:max-h-72,:where(.og-root) .sm\:max-h-72 {
    @media (width >= 40rem) {
      max-height: calc(var(--spacing) * 72);
    }
  }
:where(.og-root).sm\:max-h-\[76vh\],:where(.og-root) .sm\:max-h-\[76vh\] {
    @media (width >= 40rem) {
      max-height: 76vh;
    }
  }
:where(.og-root).sm\:max-h-\[85vh\],:where(.og-root) .sm\:max-h-\[85vh\] {
    @media (width >= 40rem) {
      max-height: 85vh;
    }
  }
:where(.og-root).sm\:w-6,:where(.og-root) .sm\:w-6 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 6);
    }
  }
:where(.og-root).sm\:w-\[380px\],:where(.og-root) .sm\:w-\[380px\] {
    @media (width >= 40rem) {
      width: 380px;
    }
  }
:where(.og-root).sm\:w-\[520px\],:where(.og-root) .sm\:w-\[520px\] {
    @media (width >= 40rem) {
      width: 520px;
    }
  }
:where(.og-root).sm\:w-\[calc\(100vw-2rem\)\],:where(.og-root) .sm\:w-\[calc\(100vw-2rem\)\] {
    @media (width >= 40rem) {
      width: calc(100vw - 2rem);
    }
  }
:where(.og-root).sm\:w-\[min\(24rem\,calc\(100vw-1\.5rem\)\)\],:where(.og-root) .sm\:w-\[min\(24rem\,calc\(100vw-1\.5rem\)\)\] {
    @media (width >= 40rem) {
      width: min(24rem, calc(100vw - 1.5rem));
    }
  }
:where(.og-root).sm\:w-auto,:where(.og-root) .sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
:where(.og-root).sm\:w-full,:where(.og-root) .sm\:w-full {
    @media (width >= 40rem) {
      width: 100%;
    }
  }
:where(.og-root).sm\:max-w-5xl,:where(.og-root) .sm\:max-w-5xl {
    @media (width >= 40rem) {
      max-width: var(--container-5xl);
    }
  }
:where(.og-root).sm\:max-w-\[32rem\],:where(.og-root) .sm\:max-w-\[32rem\] {
    @media (width >= 40rem) {
      max-width: 32rem;
    }
  }
:where(.og-root).sm\:max-w-\[36rem\],:where(.og-root) .sm\:max-w-\[36rem\] {
    @media (width >= 40rem) {
      max-width: 36rem;
    }
  }
:where(.og-root).sm\:max-w-\[42rem\],:where(.og-root) .sm\:max-w-\[42rem\] {
    @media (width >= 40rem) {
      max-width: 42rem;
    }
  }
:where(.og-root).sm\:max-w-\[82\%\],:where(.og-root) .sm\:max-w-\[82\%\] {
    @media (width >= 40rem) {
      max-width: 82%;
    }
  }
:where(.og-root).sm\:max-w-\[90vw\],:where(.og-root) .sm\:max-w-\[90vw\] {
    @media (width >= 40rem) {
      max-width: 90vw;
    }
  }
:where(.og-root).sm\:max-w-\[480px\],:where(.og-root) .sm\:max-w-\[480px\] {
    @media (width >= 40rem) {
      max-width: 480px;
    }
  }
:where(.og-root).sm\:max-w-\[560px\],:where(.og-root) .sm\:max-w-\[560px\] {
    @media (width >= 40rem) {
      max-width: 560px;
    }
  }
:where(.og-root).sm\:max-w-\[640px\],:where(.og-root) .sm\:max-w-\[640px\] {
    @media (width >= 40rem) {
      max-width: 640px;
    }
  }
:where(.og-root).sm\:max-w-\[720px\],:where(.og-root) .sm\:max-w-\[720px\] {
    @media (width >= 40rem) {
      max-width: 720px;
    }
  }
:where(.og-root).sm\:max-w-\[calc\(100vw-2rem\)\],:where(.og-root) .sm\:max-w-\[calc\(100vw-2rem\)\] {
    @media (width >= 40rem) {
      max-width: calc(100vw - 2rem);
    }
  }
:where(.og-root).sm\:max-w-full,:where(.og-root) .sm\:max-w-full {
    @media (width >= 40rem) {
      max-width: 100%;
    }
  }
:where(.og-root).sm\:max-w-lg,:where(.og-root) .sm\:max-w-lg {
    @media (width >= 40rem) {
      max-width: var(--container-lg);
    }
  }
:where(.og-root).sm\:max-w-md,:where(.og-root) .sm\:max-w-md {
    @media (width >= 40rem) {
      max-width: var(--container-md);
    }
  }
:where(.og-root).sm\:max-w-none,:where(.og-root) .sm\:max-w-none {
    @media (width >= 40rem) {
      max-width: none;
    }
  }
:where(.og-root).sm\:max-w-sm,:where(.og-root) .sm\:max-w-sm {
    @media (width >= 40rem) {
      max-width: var(--container-sm);
    }
  }
:where(.og-root).sm\:flex-1,:where(.og-root) .sm\:flex-1 {
    @media (width >= 40rem) {
      flex: 1;
    }
  }
:where(.og-root).sm\:shrink-0,:where(.og-root) .sm\:shrink-0 {
    @media (width >= 40rem) {
      flex-shrink: 0;
    }
  }
:where(.og-root).sm\:-translate-x-1\/2,:where(.og-root) .sm\:-translate-x-1\/2 {
    @media (width >= 40rem) {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
:where(.og-root).sm\:-translate-y-1\/2,:where(.og-root) .sm\:-translate-y-1\/2 {
    @media (width >= 40rem) {
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
:where(.og-root).sm\:grid-cols-2,:where(.og-root) .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
:where(.og-root).sm\:grid-cols-3,:where(.og-root) .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
:where(.og-root).sm\:grid-cols-4,:where(.og-root) .sm\:grid-cols-4 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
:where(.og-root).sm\:grid-cols-\[auto_auto_minmax\(0\,1fr\)_auto\],:where(.og-root) .sm\:grid-cols-\[auto_auto_minmax\(0\,1fr\)_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: auto auto minmax(0,1fr) auto;
    }
  }
:where(.og-root).sm\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)_11rem\],:where(.og-root) .sm\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)_11rem\] {
    @media (width >= 40rem) {
      grid-template-columns: minmax(0,1.2fr) minmax(0,1fr) 11rem;
    }
  }
:where(.og-root).sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(7rem\,0\.42fr\)\],:where(.og-root) .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(7rem\,0\.42fr\)\] {
    @media (width >= 40rem) {
      grid-template-columns: minmax(0,1fr) minmax(7rem,0.42fr);
    }
  }
:where(.og-root).sm\:grid-cols-\[minmax\(0\,9rem\)_minmax\(0\,1fr\)\],:where(.og-root) .sm\:grid-cols-\[minmax\(0\,9rem\)_minmax\(0\,1fr\)\] {
    @media (width >= 40rem) {
      grid-template-columns: minmax(0,9rem) minmax(0,1fr);
    }
  }
:where(.og-root).sm\:flex-row,:where(.og-root) .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
:where(.og-root).sm\:flex-wrap,:where(.og-root) .sm\:flex-wrap {
    @media (width >= 40rem) {
      flex-wrap: wrap;
    }
  }
:where(.og-root).sm\:items-center,:where(.og-root) .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
:where(.og-root).sm\:items-start,:where(.og-root) .sm\:items-start {
    @media (width >= 40rem) {
      align-items: flex-start;
    }
  }
:where(.og-root).sm\:justify-between,:where(.og-root) .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
:where(.og-root).sm\:justify-end,:where(.og-root) .sm\:justify-end {
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
:where(.og-root).sm\:gap-2,:where(.og-root) .sm\:gap-2 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
:where(.og-root).sm\:gap-3,:where(.og-root) .sm\:gap-3 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
:where(.og-root).sm\:gap-x-2,:where(.og-root) .sm\:gap-x-2 {
    @media (width >= 40rem) {
      column-gap: calc(var(--spacing) * 2);
    }
  }
:where(.og-root).sm\:rounded-2xl,:where(.og-root) .sm\:rounded-2xl {
    @media (width >= 40rem) {
      border-radius: var(--radius-2xl);
    }
  }
:where(.og-root).sm\:rounded-lg,:where(.og-root) .sm\:rounded-lg {
    @media (width >= 40rem) {
      border-radius: var(--radius-lg);
    }
  }
:where(.og-root).sm\:rounded-l-og-md,:where(.og-root) .sm\:rounded-l-og-md {
    @media (width >= 40rem) {
      border-top-left-radius: var(--og-radius-md);
      border-bottom-left-radius: var(--og-radius-md);
    }
  }
:where(.og-root).sm\:rounded-r-none,:where(.og-root) .sm\:rounded-r-none {
    @media (width >= 40rem) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
:where(.og-root).sm\:border,:where(.og-root) .sm\:border {
    @media (width >= 40rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
:where(.og-root).sm\:border-b,:where(.og-root) .sm\:border-b {
    @media (width >= 40rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
:where(.og-root).sm\:border-l,:where(.og-root) .sm\:border-l {
    @media (width >= 40rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
:where(.og-root).sm\:border-border,:where(.og-root) .sm\:border-border {
    @media (width >= 40rem) {
      border-color: var(--color-border);
    }
  }
:where(.og-root).sm\:bg-surface\/55,:where(.og-root) .sm\:bg-surface\/55 {
    @media (width >= 40rem) {
      background-color: var(--color-surface);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-surface) 55%, transparent);
      }
    }
  }
:where(.og-root).sm\:p-0,:where(.og-root) .sm\:p-0 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).sm\:p-2,:where(.og-root) .sm\:p-2 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 2);
    }
  }
:where(.og-root).sm\:p-4,:where(.og-root) .sm\:p-4 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
:where(.og-root).sm\:p-6,:where(.og-root) .sm\:p-6 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
:where(.og-root).sm\:p-8,:where(.og-root) .sm\:p-8 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
:where(.og-root).sm\:p-12,:where(.og-root) .sm\:p-12 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
:where(.og-root).sm\:px-0,:where(.og-root) .sm\:px-0 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).sm\:px-2\.5,:where(.og-root) .sm\:px-2\.5 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
:where(.og-root).sm\:px-3,:where(.og-root) .sm\:px-3 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
:where(.og-root).sm\:px-4,:where(.og-root) .sm\:px-4 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
:where(.og-root).sm\:px-6,:where(.og-root) .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
:where(.og-root).sm\:py-2,:where(.og-root) .sm\:py-2 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
:where(.og-root).sm\:pt-16,:where(.og-root) .sm\:pt-16 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
:where(.og-root).sm\:pt-px,:where(.og-root) .sm\:pt-px {
    @media (width >= 40rem) {
      padding-top: 1px;
    }
  }
:where(.og-root).sm\:pr-14,:where(.og-root) .sm\:pr-14 {
    @media (width >= 40rem) {
      padding-right: calc(var(--spacing) * 14);
    }
  }
:where(.og-root).sm\:pb-0,:where(.og-root) .sm\:pb-0 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).sm\:pb-2,:where(.og-root) .sm\:pb-2 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }
:where(.og-root).sm\:pb-2\.5,:where(.og-root) .sm\:pb-2\.5 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 2.5);
    }
  }
:where(.og-root).sm\:pb-6,:where(.og-root) .sm\:pb-6 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
:where(.og-root).sm\:pl-4,:where(.og-root) .sm\:pl-4 {
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 4);
    }
  }
:where(.og-root).sm\:pl-\[3\.75rem\],:where(.og-root) .sm\:pl-\[3\.75rem\] {
    @media (width >= 40rem) {
      padding-left: 3.75rem;
    }
  }
:where(.og-root).sm\:text-left,:where(.og-root) .sm\:text-left {
    @media (width >= 40rem) {
      text-align: left;
    }
  }
:where(.og-root).sm\:text-3xl,:where(.og-root) .sm\:text-3xl {
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
:where(.og-root).sm\:text-6xl,:where(.og-root) .sm\:text-6xl {
    @media (width >= 40rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
:where(.og-root).sm\:text-og-sm,:where(.og-root) .sm\:text-og-sm {
    @media (width >= 40rem) {
      font-size: var(--og-font-size-sm);
      line-height: var(--tw-leading, var(--og-line-height-sm));
    }
  }
:where(.og-root).sm\:text-og-sm,:where(.og-root) .sm\:text-og-sm {
    @media (width >= 40rem) {
      --og-component-font-size: var(--og-font-size-sm);
      --og-component-line-height: var(--og-line-height-sm);
    }
  }
:where(.og-root).md\:flex,:where(.og-root) .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
:where(.og-root).md\:hidden,:where(.og-root) .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
:where(.og-root).md\:grid-cols-\[minmax\(250px\,0\.8fr\)_minmax\(0\,1\.2fr\)\],:where(.og-root) .md\:grid-cols-\[minmax\(250px\,0\.8fr\)_minmax\(0\,1\.2fr\)\] {
    @media (width >= 48rem) {
      grid-template-columns: minmax(250px,0.8fr) minmax(0,1.2fr);
    }
  }
:where(.og-root).md\:flex-col,:where(.og-root) .md\:flex-col {
    @media (width >= 48rem) {
      flex-direction: column;
    }
  }
:where(.og-root).md\:border-r,:where(.og-root) .md\:border-r {
    @media (width >= 48rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
:where(.og-root).md\:border-border,:where(.og-root) .md\:border-border {
    @media (width >= 48rem) {
      border-color: var(--color-border);
    }
  }
:where(.og-root).md\:px-4,:where(.og-root) .md\:px-4 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
:where(.og-root).md\:text-og-composer-wide,:where(.og-root) .md\:text-og-composer-wide {
    @media (width >= 48rem) {
      font-size: var(--og-font-size-composer-wide);
      line-height: var(--tw-leading, var(--og-line-height-composer-wide));
    }
  }
:where(.og-root).md\:text-sm,:where(.og-root) .md\:text-sm {
    @media (width >= 48rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
:where(.og-root).md\:text-og-composer-wide,:where(.og-root) .md\:text-og-composer-wide {
    @media (width >= 48rem) {
      --og-component-font-size: var(--og-font-size-composer-wide);
      --og-component-line-height: var(--og-line-height-composer-wide);
    }
  }
:where(.og-root).lg\:contents,:where(.og-root) .lg\:contents {
    @media (width >= 64rem) {
      display: contents;
    }
  }
:where(.og-root).lg\:flex,:where(.og-root) .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
:where(.og-root).lg\:hidden,:where(.og-root) .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
:where(.og-root).lg\:inline-flex,:where(.og-root) .lg\:inline-flex {
    @media (width >= 64rem) {
      display: inline-flex;
    }
  }
:where(.og-root).lg\:max-w-full,:where(.og-root) .lg\:max-w-full {
    @media (width >= 64rem) {
      max-width: 100%;
    }
  }
:where(.og-root).lg\:min-w-0,:where(.og-root) .lg\:min-w-0 {
    @media (width >= 64rem) {
      min-width: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).lg\:flex-1,:where(.og-root) .lg\:flex-1 {
    @media (width >= 64rem) {
      flex: 1;
    }
  }
:where(.og-root).lg\:shrink,:where(.og-root) .lg\:shrink {
    @media (width >= 64rem) {
      flex-shrink: 1;
    }
  }
:where(.og-root).lg\:grid-cols-2,:where(.og-root) .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
:where(.og-root).lg\:grid-cols-5,:where(.og-root) .lg\:grid-cols-5 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
:where(.og-root).lg\:flex-row,:where(.og-root) .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
:where(.og-root).lg\:flex-wrap,:where(.og-root) .lg\:flex-wrap {
    @media (width >= 64rem) {
      flex-wrap: wrap;
    }
  }
:where(.og-root).lg\:items-center,:where(.og-root) .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
:where(.og-root).lg\:justify-between,:where(.og-root) .lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
:where(.og-root).lg\:gap-2,:where(.og-root) .lg\:gap-2 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
:where(.og-root).lg\:px-0,:where(.og-root) .lg\:px-0 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).lg\:px-8,:where(.og-root) .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
:where(.og-root).xl\:inline,:where(.og-root) .xl\:inline {
    @media (width >= 80rem) {
      display: inline;
    }
  }
:where(.og-root).xl\:max-w-\[22rem\],:where(.og-root) .xl\:max-w-\[22rem\] {
    @media (width >= 80rem) {
      max-width: 22rem;
    }
  }
:where(.og-root).xl\:grid-cols-3,:where(.og-root) .xl\:grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
:where(.og-root).\@max-\[639px\]\/list\:hidden,:where(.og-root) .\@max-\[639px\]\/list\:hidden {
    @container list (width < 639px) {
      display: none;
    }
  }
:where(.og-root).\@max-\[639px\]\/list\:basis-full,:where(.og-root) .\@max-\[639px\]\/list\:basis-full {
    @container list (width < 639px) {
      flex-basis: 100%;
    }
  }
:where(.og-root).\@max-\[639px\]\/list\:pl-9,:where(.og-root) .\@max-\[639px\]\/list\:pl-9 {
    @container list (width < 639px) {
      padding-left: calc(var(--spacing) * 9);
    }
  }
:where(.og-root).\@max-\[639px\]\/list\:pl-11,:where(.og-root) .\@max-\[639px\]\/list\:pl-11 {
    @container list (width < 639px) {
      padding-left: calc(var(--spacing) * 11);
    }
  }
:where(.og-root).\@max-\[479px\]\/list\:sr-only,:where(.og-root) .\@max-\[479px\]\/list\:sr-only {
    @container list (width < 479px) {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
  }
:where(.og-root).\@max-\[479px\]\/list\:flex,:where(.og-root) .\@max-\[479px\]\/list\:flex {
    @container list (width < 479px) {
      display: flex;
    }
  }
:where(.og-root).\@max-\[479px\]\/list\:hidden,:where(.og-root) .\@max-\[479px\]\/list\:hidden {
    @container list (width < 479px) {
      display: none;
    }
  }
:where(.og-root).\@max-\[34rem\]\/titlebar\:hidden\!,:where(.og-root) .\@max-\[34rem\]\/titlebar\:hidden\! {
    @container titlebar (width < 34rem) {
      display: none !important;
    }
  }
:where(.og-root).\@max-\[34rem\]\/titlebar\:min-w-8\!,:where(.og-root) .\@max-\[34rem\]\/titlebar\:min-w-8\! {
    @container titlebar (width < 34rem) {
      min-width: calc(var(--spacing) * 8) !important;
    }
  }
:where(.og-root).\@max-\[34rem\]\/titlebar\:justify-center,:where(.og-root) .\@max-\[34rem\]\/titlebar\:justify-center {
    @container titlebar (width < 34rem) {
      justify-content: center;
    }
  }
:where(.og-root).\@max-\[34rem\]\/titlebar\:border-0\!,:where(.og-root) .\@max-\[34rem\]\/titlebar\:border-0\! {
    @container titlebar (width < 34rem) {
      border-style: var(--tw-border-style) !important;
      border-width: 0px !important;
    }
  }
:where(.og-root).\@max-\[34rem\]\/titlebar\:bg-transparent\!,:where(.og-root) .\@max-\[34rem\]\/titlebar\:bg-transparent\! {
    @container titlebar (width < 34rem) {
      background-color: transparent !important;
    }
  }
:where(.og-root).\@max-\[34rem\]\/titlebar\:px-0\!,:where(.og-root) .\@max-\[34rem\]\/titlebar\:px-0\! {
    @container titlebar (width < 34rem) {
      padding-inline: calc(var(--spacing) * 0) !important;
    }
  }
:where(.og-root).\@max-md\/notice\:order-last,:where(.og-root) .\@max-md\/notice\:order-last {
    @container notice (width < 28rem) {
      order: 9999;
    }
  }
:where(.og-root).\@max-md\/notice\:basis-full,:where(.og-root) .\@max-md\/notice\:basis-full {
    @container notice (width < 28rem) {
      flex-basis: 100%;
    }
  }
:where(.og-root).\@max-md\/notice\:pl-0,:where(.og-root) .\@max-md\/notice\:pl-0 {
    @container notice (width < 28rem) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).\@max-md\/notice\:pl-6\.5,:where(.og-root) .\@max-md\/notice\:pl-6\.5 {
    @container notice (width < 28rem) {
      padding-left: calc(var(--spacing) * 6.5);
    }
  }
:where(.og-root).\@max-\[26rem\]\/cadence-text\:hidden,:where(.og-root) .\@max-\[26rem\]\/cadence-text\:hidden {
    @container cadence-text (width < 26rem) {
      display: none;
    }
  }
:where(.og-root).\@max-\[26rem\]\/cadence-text\:inline,:where(.og-root) .\@max-\[26rem\]\/cadence-text\:inline {
    @container cadence-text (width < 26rem) {
      display: inline;
    }
  }
:where(.og-root).\@max-\[26rem\]\/form\:w-full,:where(.og-root) .\@max-\[26rem\]\/form\:w-full {
    @container form (width < 26rem) {
      width: 100%;
    }
  }
:where(.og-root).\@max-\[26rem\]\/form\:flex-none,:where(.og-root) .\@max-\[26rem\]\/form\:flex-none {
    @container form (width < 26rem) {
      flex: none;
    }
  }
:where(.og-root).\@max-\[26rem\]\/form\:basis-auto,:where(.og-root) .\@max-\[26rem\]\/form\:basis-auto {
    @container form (width < 26rem) {
      flex-basis: auto;
    }
  }
:where(.og-root).\@max-\[26rem\]\/form\:flex-col,:where(.og-root) .\@max-\[26rem\]\/form\:flex-col {
    @container form (width < 26rem) {
      flex-direction: column;
    }
  }
:where(.og-root).\@max-\[26rem\]\/form\:flex-col-reverse,:where(.og-root) .\@max-\[26rem\]\/form\:flex-col-reverse {
    @container form (width < 26rem) {
      flex-direction: column-reverse;
    }
  }
:where(.og-root).\@max-\[26rem\]\/form\:items-stretch,:where(.og-root) .\@max-\[26rem\]\/form\:items-stretch {
    @container form (width < 26rem) {
      align-items: stretch;
    }
  }
:where(.og-root).\@max-\[26rem\]\/form\:px-4,:where(.og-root) .\@max-\[26rem\]\/form\:px-4 {
    @container form (width < 26rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
:where(.og-root).\@max-\[26rem\]\/form\:px-5,:where(.og-root) .\@max-\[26rem\]\/form\:px-5 {
    @container form (width < 26rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
:where(.og-root).\@max-\[20rem\]\/model-controls\:block,:where(.og-root) .\@max-\[20rem\]\/model-controls\:block {
    @container model-controls (width < 20rem) {
      display: block;
    }
  }
:where(.og-root).\@max-\[20rem\]\/model-controls\:hidden,:where(.og-root) .\@max-\[20rem\]\/model-controls\:hidden {
    @container model-controls (width < 20rem) {
      display: none;
    }
  }
:where(.og-root).\@max-\[14rem\]\/model-controls\:hidden,:where(.og-root) .\@max-\[14rem\]\/model-controls\:hidden {
    @container model-controls (width < 14rem) {
      display: none;
    }
  }
:where(.og-root).\@max-\[8rem\]\/model-controls\:hidden,:where(.og-root) .\@max-\[8rem\]\/model-controls\:hidden {
    @container model-controls (width < 8rem) {
      display: none;
    }
  }
:where(.og-root).\@max-\[2rem\]\/model-controls\:hidden,:where(.og-root) .\@max-\[2rem\]\/model-controls\:hidden {
    @container model-controls (width < 2rem) {
      display: none;
    }
  }
:where(.og-root).\@\[440px\]\/detail\:col-start-2,:where(.og-root) .\@\[440px\]\/detail\:col-start-2 {
    @container detail (width >= 440px) {
      grid-column-start: 2;
    }
  }
:where(.og-root).\@\[440px\]\/detail\:col-start-3,:where(.og-root) .\@\[440px\]\/detail\:col-start-3 {
    @container detail (width >= 440px) {
      grid-column-start: 3;
    }
  }
:where(.og-root).\@\[440px\]\/detail\:row-span-1,:where(.og-root) .\@\[440px\]\/detail\:row-span-1 {
    @container detail (width >= 440px) {
      grid-row: span 1 / span 1;
    }
  }
:where(.og-root).\@\[440px\]\/detail\:row-start-1,:where(.og-root) .\@\[440px\]\/detail\:row-start-1 {
    @container detail (width >= 440px) {
      grid-row-start: 1;
    }
  }
:where(.og-root).\@\[440px\]\/detail\:grid-cols-\[148px_minmax\(0\,1fr\)_auto\],:where(.og-root) .\@\[440px\]\/detail\:grid-cols-\[148px_minmax\(0\,1fr\)_auto\] {
    @container detail (width >= 440px) {
      grid-template-columns: 148px minmax(0,1fr) auto;
    }
  }
:where(.og-root).\@min-\[480px\]\:mt-0\.5,:where(.og-root) .\@min-\[480px\]\:mt-0\.5 {
    @container (width >= 480px) {
      margin-top: calc(var(--spacing) * 0.5);
    }
  }
:where(.og-root).\@min-\[480px\]\:line-clamp-1,:where(.og-root) .\@min-\[480px\]\:line-clamp-1 {
    @container (width >= 480px) {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
  }
:where(.og-root).\@\[480px\]\/list\:flex,:where(.og-root) .\@\[480px\]\/list\:flex {
    @container list (width >= 480px) {
      display: flex;
    }
  }
:where(.og-root).\@\[480px\]\/list\:hidden,:where(.og-root) .\@\[480px\]\/list\:hidden {
    @container list (width >= 480px) {
      display: none;
    }
  }
:where(.og-root).\@min-\[480px\]\:flex-row,:where(.og-root) .\@min-\[480px\]\:flex-row {
    @container (width >= 480px) {
      flex-direction: row;
    }
  }
:where(.og-root).\@min-\[480px\]\:items-start,:where(.og-root) .\@min-\[480px\]\:items-start {
    @container (width >= 480px) {
      align-items: flex-start;
    }
  }
:where(.og-root).\@min-\[480px\]\:gap-3,:where(.og-root) .\@min-\[480px\]\:gap-3 {
    @container (width >= 480px) {
      gap: calc(var(--spacing) * 3);
    }
  }
:where(.og-root).\@\[560px\]\:grid-cols-2,:where(.og-root) .\@\[560px\]\:grid-cols-2 {
    @container (width >= 560px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
:where(.og-root).\@min-\[560px\]\:grid-cols-2,:where(.og-root) .\@min-\[560px\]\:grid-cols-2 {
    @container (width >= 560px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
:where(.og-root).\@\[600px\]\/templates\:grid-cols-3,:where(.og-root) .\@\[600px\]\/templates\:grid-cols-3 {
    @container templates (width >= 600px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
:where(.og-root).\@\[620px\]\/detail\:sticky,:where(.og-root) .\@\[620px\]\/detail\:sticky {
    @container detail (width >= 620px) {
      position: sticky;
    }
  }
:where(.og-root).\@\[620px\]\/detail\:top-6,:where(.og-root) .\@\[620px\]\/detail\:top-6 {
    @container detail (width >= 620px) {
      top: calc(var(--spacing) * 6);
    }
  }
:where(.og-root).\@\[620px\]\/detail\:grid-cols-\[minmax\(0\,1fr\)_240px\],:where(.og-root) .\@\[620px\]\/detail\:grid-cols-\[minmax\(0\,1fr\)_240px\] {
    @container detail (width >= 620px) {
      grid-template-columns: minmax(0,1fr) 240px;
    }
  }
:where(.og-root).\@\[620px\]\/detail\:pt-8,:where(.og-root) .\@\[620px\]\/detail\:pt-8 {
    @container detail (width >= 620px) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
:where(.og-root).\@\[640px\]\/list\:block,:where(.og-root) .\@\[640px\]\/list\:block {
    @container list (width >= 640px) {
      display: block;
    }
  }
:where(.og-root).\@\[640px\]\/list\:grid,:where(.og-root) .\@\[640px\]\/list\:grid {
    @container list (width >= 640px) {
      display: grid;
    }
  }
:where(.og-root).\@\[640px\]\/list\:hidden,:where(.og-root) .\@\[640px\]\/list\:hidden {
    @container list (width >= 640px) {
      display: none;
    }
  }
:where(.og-root).\@\[640px\]\/setting-row\:w-48,:where(.og-root) .\@\[640px\]\/setting-row\:w-48 {
    @container setting-row (width >= 640px) {
      width: calc(var(--spacing) * 48);
    }
  }
:where(.og-root).\@\[640px\]\/setting-row\:w-60,:where(.og-root) .\@\[640px\]\/setting-row\:w-60 {
    @container setting-row (width >= 640px) {
      width: calc(var(--spacing) * 60);
    }
  }
:where(.og-root).\@\[640px\]\/setting-row\:w-auto,:where(.og-root) .\@\[640px\]\/setting-row\:w-auto {
    @container setting-row (width >= 640px) {
      width: auto;
    }
  }
:where(.og-root).\@\[640px\]\/list\:\[grid-template-columns\:var\(--row-list-template\)\],:where(.og-root) .\@\[640px\]\/list\:\[grid-template-columns\:var\(--row-list-template\)\] {
    @container list (width >= 640px) {
      grid-template-columns: var(--row-list-template);
    }
  }
:where(.og-root).\@\[640px\]\/setting-row\:grid-cols-\[minmax\(0\,1fr\)_auto\],:where(.og-root) .\@\[640px\]\/setting-row\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
    @container setting-row (width >= 640px) {
      grid-template-columns: minmax(0,1fr) auto;
    }
  }
:where(.og-root).\@\[640px\]\/setting-row\:items-center,:where(.og-root) .\@\[640px\]\/setting-row\:items-center {
    @container setting-row (width >= 640px) {
      align-items: center;
    }
  }
:where(.og-root).\@\[640px\]\/setting-row\:justify-end,:where(.og-root) .\@\[640px\]\/setting-row\:justify-end {
    @container setting-row (width >= 640px) {
      justify-content: flex-end;
    }
  }
:where(.og-root).\@\[640px\]\/setting-row\:\*\:w-auto,:where(.og-root) .\@\[640px\]\/setting-row\:\*\:w-auto {
    @container setting-row (width >= 640px) {
      :is(& > *) {
        width: auto;
      }
    }
  }
:where(.og-root).\@\[720px\]\/list\:grid-cols-2,:where(.og-root) .\@\[720px\]\/list\:grid-cols-2 {
    @container list (width >= 720px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
:where(.og-root).\@\[820px\]\:grid-cols-3,:where(.og-root) .\@\[820px\]\:grid-cols-3 {
    @container (width >= 820px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
:where(.og-root).\@\[1060px\]\:grid-cols-4,:where(.og-root) .\@\[1060px\]\:grid-cols-4 {
    @container (width >= 1060px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
:where(.og-root).\@xs\:grid-cols-2,:where(.og-root) .\@xs\:grid-cols-2 {
    @container (width >= 20rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
:where(.og-root).\@sm\/computer-viewer\:grid,:where(.og-root) .\@sm\/computer-viewer\:grid {
    @container computer-viewer (width >= 24rem) {
      display: grid;
    }
  }
:where(.og-root).\@sm\/computer-viewer\:inline,:where(.og-root) .\@sm\/computer-viewer\:inline {
    @container computer-viewer (width >= 24rem) {
      display: inline;
    }
  }
:where(.og-root).\@sm\/computer-viewer\:max-w-40,:where(.og-root) .\@sm\/computer-viewer\:max-w-40 {
    @container computer-viewer (width >= 24rem) {
      max-width: calc(var(--spacing) * 40);
    }
  }
:where(.og-root).\@sm\/computer-viewer\:max-w-52,:where(.og-root) .\@sm\/computer-viewer\:max-w-52 {
    @container computer-viewer (width >= 24rem) {
      max-width: calc(var(--spacing) * 52);
    }
  }
:where(.og-root).\@sm\:grid-cols-2,:where(.og-root) .\@sm\:grid-cols-2 {
    @container (width >= 24rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
:where(.og-root).\@md\/access\:col-span-1,:where(.og-root) .\@md\/access\:col-span-1 {
    @container access (width >= 28rem) {
      grid-column: span 1 / span 1;
    }
  }
:where(.og-root).\@md\/section-header\:col-span-1,:where(.og-root) .\@md\/section-header\:col-span-1 {
    @container section-header (width >= 28rem) {
      grid-column: span 1 / span 1;
    }
  }
:where(.og-root).\@md\/access\:col-start-3,:where(.og-root) .\@md\/access\:col-start-3 {
    @container access (width >= 28rem) {
      grid-column-start: 3;
    }
  }
:where(.og-root).\@md\/access\:col-start-4,:where(.og-root) .\@md\/access\:col-start-4 {
    @container access (width >= 28rem) {
      grid-column-start: 4;
    }
  }
:where(.og-root).\@md\/access\:row-start-1,:where(.og-root) .\@md\/access\:row-start-1 {
    @container access (width >= 28rem) {
      grid-row-start: 1;
    }
  }
:where(.og-root).\@md\/section-header\:mt-1,:where(.og-root) .\@md\/section-header\:mt-1 {
    @container section-header (width >= 28rem) {
      margin-top: calc(var(--spacing) * 1);
    }
  }
:where(.og-root).\@md\/access\:block,:where(.og-root) .\@md\/access\:block {
    @container access (width >= 28rem) {
      display: block;
    }
  }
:where(.og-root).\@md\/access\:w-64,:where(.og-root) .\@md\/access\:w-64 {
    @container access (width >= 28rem) {
      width: calc(var(--spacing) * 64);
    }
  }
:where(.og-root).\@md\/access\:max-w-none,:where(.og-root) .\@md\/access\:max-w-none {
    @container access (width >= 28rem) {
      max-width: none;
    }
  }
:where(.og-root).\@md\/access\:grid-cols-\[2rem_minmax\(0\,1fr\)_12\.5rem_2rem\],:where(.og-root) .\@md\/access\:grid-cols-\[2rem_minmax\(0\,1fr\)_12\.5rem_2rem\] {
    @container access (width >= 28rem) {
      grid-template-columns: 2rem minmax(0,1fr) 12.5rem 2rem;
    }
  }
:where(.og-root).\@md\/access\:self-center,:where(.og-root) .\@md\/access\:self-center {
    @container access (width >= 28rem) {
      align-self: center;
    }
  }
:where(.og-root).\@lg\/diff\:shrink-0,:where(.og-root) .\@lg\/diff\:shrink-0 {
    @container diff (width >= 32rem) {
      flex-shrink: 0;
    }
  }
:where(.og-root).\@lg\/diff\:flex-row,:where(.og-root) .\@lg\/diff\:flex-row {
    @container diff (width >= 32rem) {
      flex-direction: row;
    }
  }
:where(.og-root).\@lg\/diff\:items-start,:where(.og-root) .\@lg\/diff\:items-start {
    @container diff (width >= 32rem) {
      align-items: flex-start;
    }
  }
:where(.og-root).\@lg\/diff\:justify-between,:where(.og-root) .\@lg\/diff\:justify-between {
    @container diff (width >= 32rem) {
      justify-content: space-between;
    }
  }
:where(.og-root).\@lg\/diff\:justify-end,:where(.og-root) .\@lg\/diff\:justify-end {
    @container diff (width >= 32rem) {
      justify-content: flex-end;
    }
  }
:where(.og-root).\@lg\/diff\:gap-4,:where(.og-root) .\@lg\/diff\:gap-4 {
    @container diff (width >= 32rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
:where(.og-root).\@xl\/computer-viewer\:max-h-none,:where(.og-root) .\@xl\/computer-viewer\:max-h-none {
    @container computer-viewer (width >= 36rem) {
      max-height: none;
    }
  }
:where(.og-root).\@xl\/computer-viewer\:w-64,:where(.og-root) .\@xl\/computer-viewer\:w-64 {
    @container computer-viewer (width >= 36rem) {
      width: calc(var(--spacing) * 64);
    }
  }
:where(.og-root).\@xl\/toolbar\:basis-0,:where(.og-root) .\@xl\/toolbar\:basis-0 {
    @container toolbar (width >= 36rem) {
      flex-basis: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).\@xl\/diff\:grid-cols-2,:where(.og-root) .\@xl\/diff\:grid-cols-2 {
    @container diff (width >= 36rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
:where(.og-root).\@xl\/computer-viewer\:flex-row,:where(.og-root) .\@xl\/computer-viewer\:flex-row {
    @container computer-viewer (width >= 36rem) {
      flex-direction: row;
    }
  }
:where(.og-root).\@xl\/page-header\:flex-row,:where(.og-root) .\@xl\/page-header\:flex-row {
    @container page-header (width >= 36rem) {
      flex-direction: row;
    }
  }
:where(.og-root).\@xl\/toolbar\:flex-nowrap,:where(.og-root) .\@xl\/toolbar\:flex-nowrap {
    @container toolbar (width >= 36rem) {
      flex-wrap: nowrap;
    }
  }
:where(.og-root).\@xl\/page-header\:items-center,:where(.og-root) .\@xl\/page-header\:items-center {
    @container page-header (width >= 36rem) {
      align-items: center;
    }
  }
:where(.og-root).\@xl\/page-header\:justify-between,:where(.og-root) .\@xl\/page-header\:justify-between {
    @container page-header (width >= 36rem) {
      justify-content: space-between;
    }
  }
:where(.og-root).\@xl\/page-header\:gap-6,:where(.og-root) .\@xl\/page-header\:gap-6 {
    @container page-header (width >= 36rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
:where(.og-root).\@xl\/diff\:divide-x,:where(.og-root) .\@xl\/diff\:divide-x {
    @container diff (width >= 36rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
        border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
      }
    }
  }
:where(.og-root).\@xl\/diff\:divide-y-0,:where(.og-root) .\@xl\/diff\:divide-y-0 {
    @container diff (width >= 36rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(0px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
      }
    }
  }
:where(.og-root).\@xl\/computer-viewer\:border-t-0,:where(.og-root) .\@xl\/computer-viewer\:border-t-0 {
    @container computer-viewer (width >= 36rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
:where(.og-root).\@xl\/computer-viewer\:border-l,:where(.og-root) .\@xl\/computer-viewer\:border-l {
    @container computer-viewer (width >= 36rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
:where(.og-root).\@2xl\/history\:grid-cols-\[15rem_minmax\(0\,1fr\)\],:where(.og-root) .\@2xl\/history\:grid-cols-\[15rem_minmax\(0\,1fr\)\] {
    @container history (width >= 42rem) {
      grid-template-columns: 15rem minmax(0,1fr);
    }
  }
:where(.og-root).\@3xl\:grid-cols-3,:where(.og-root) .\@3xl\:grid-cols-3 {
    @container (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
:where(.og-root).\@3xl\:grid-cols-4,:where(.og-root) .\@3xl\:grid-cols-4 {
    @container (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
:where(.og-root).dark\:border-border,:where(.og-root) .dark\:border-border {
    &:where(.dark, .dark *) {
      border-color: var(--color-border);
    }
  }
:where(.og-root).dark\:bg-black\/40,:where(.og-root) .dark\:bg-black\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #000 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
    }
  }
:where(.og-root).dark\:bg-black\/45,:where(.og-root) .dark\:bg-black\/45 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #000 45%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
      }
    }
  }
:where(.og-root).dark\:bg-input\/30,:where(.og-root) .dark\:bg-input\/30 {
    &:where(.dark, .dark *) {
      background-color: var(--color-input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
      }
    }
  }
:where(.og-root).dark\:via-white\/15,:where(.og-root) .dark\:via-white\/15 {
    &:where(.dark, .dark *) {
      --tw-gradient-via: color-mix(in srgb, #fff 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
:where(.og-root).dark\:brightness-\[0\.88\],:where(.og-root) .dark\:brightness-\[0\.88\] {
    &:where(.dark, .dark *) {
      --tw-brightness: brightness(0.88);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
:where(.og-root).dark\:hover\:bg-accent\/50,:where(.og-root) .dark\:hover\:bg-accent\/50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-accent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
          }
        }
      }
    }
  }
:where(.og-root).dark\:hover\:bg-input\/50,:where(.og-root) .dark\:hover\:bg-input\/50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-input);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
          }
        }
      }
    }
  }
:where(.og-root).dark\:aria-invalid\:ring-destructive\/40,:where(.og-root) .dark\:aria-invalid\:ring-destructive\/40 {
    &:where(.dark, .dark *) {
      &[aria-invalid="true"] {
        --tw-ring-color: var(--color-destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
        }
      }
    }
  }
:where(.og-root).dark\:data-\[state\=active\]\:border-border,:where(.og-root) .dark\:data-\[state\=active\]\:border-border {
    &:where(.dark, .dark *) {
      &[data-state="active"] {
        border-color: var(--color-border);
      }
    }
  }
:where(.og-root).dark\:data-\[state\=active\]\:bg-input\/30,:where(.og-root) .dark\:data-\[state\=active\]\:bg-input\/30 {
    &:where(.dark, .dark *) {
      &[data-state="active"] {
        background-color: var(--color-input);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
        }
      }
    }
  }
:where(.og-root).dark\:data-\[state\=active\]\:text-foreground,:where(.og-root) .dark\:data-\[state\=active\]\:text-foreground {
    &:where(.dark, .dark *) {
      &[data-state="active"] {
        color: var(--color-foreground);
      }
    }
  }
:where(.og-root).dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent,:where(.og-root) .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent {
    &:where(.dark, .dark *) {
      &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
        &[data-state="active"] {
          border-color: transparent;
        }
      }
    }
  }
:where(.og-root).dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent,:where(.og-root) .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent {
    &:where(.dark, .dark *) {
      &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
        &[data-state="active"] {
          background-color: transparent;
        }
      }
    }
  }
:where(.og-root).starting\:translate-x-full,:where(.og-root) .starting\:translate-x-full {
    @starting-style {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
:where(.og-root).starting\:opacity-0,:where(.og-root) .starting\:opacity-0 {
    @starting-style {
      opacity: 0%;
    }
  }
:where(.og-root).pointer-coarse\:invisible,:where(.og-root) .pointer-coarse\:invisible {
    @media (pointer: coarse) {
      visibility: hidden;
    }
  }
:where(.og-root).pointer-coarse\:top-13,:where(.og-root) .pointer-coarse\:top-13 {
    @media (pointer: coarse) {
      top: calc(var(--spacing) * 13);
    }
  }
:where(.og-root).pointer-coarse\:top-auto,:where(.og-root) .pointer-coarse\:top-auto {
    @media (pointer: coarse) {
      top: auto;
    }
  }
:where(.og-root).pointer-coarse\:right-0,:where(.og-root) .pointer-coarse\:right-0 {
    @media (pointer: coarse) {
      right: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).pointer-coarse\:bottom-0,:where(.og-root) .pointer-coarse\:bottom-0 {
    @media (pointer: coarse) {
      bottom: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).pointer-coarse\:-mx-\[19px\],:where(.og-root) .pointer-coarse\:-mx-\[19px\] {
    @media (pointer: coarse) {
      margin-inline: calc(19px * -1);
    }
  }
:where(.og-root).pointer-coarse\:-my-2,:where(.og-root) .pointer-coarse\:-my-2 {
    @media (pointer: coarse) {
      margin-block: calc(var(--spacing) * -2);
    }
  }
:where(.og-root).pointer-coarse\:-mr-3\.5,:where(.og-root) .pointer-coarse\:-mr-3\.5 {
    @media (pointer: coarse) {
      margin-right: calc(var(--spacing) * -3.5);
    }
  }
:where(.og-root).pointer-coarse\:flex,:where(.og-root) .pointer-coarse\:flex {
    @media (pointer: coarse) {
      display: flex;
    }
  }
:where(.og-root).pointer-coarse\:hidden,:where(.og-root) .pointer-coarse\:hidden {
    @media (pointer: coarse) {
      display: none;
    }
  }
:where(.og-root).pointer-coarse\:inline-flex,:where(.og-root) .pointer-coarse\:inline-flex {
    @media (pointer: coarse) {
      display: inline-flex;
    }
  }
:where(.og-root).pointer-coarse\:size-6,:where(.og-root) .pointer-coarse\:size-6 {
    @media (pointer: coarse) {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
  }
:where(.og-root).pointer-coarse\:size-8,:where(.og-root) .pointer-coarse\:size-8 {
    @media (pointer: coarse) {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }
:where(.og-root).pointer-coarse\:size-9,:where(.og-root) .pointer-coarse\:size-9 {
    @media (pointer: coarse) {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }
  }
:where(.og-root).pointer-coarse\:size-10,:where(.og-root) .pointer-coarse\:size-10 {
    @media (pointer: coarse) {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }
  }
:where(.og-root).pointer-coarse\:size-11,:where(.og-root) .pointer-coarse\:size-11 {
    @media (pointer: coarse) {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }
  }
:where(.og-root).pointer-coarse\:size-\[44px\],:where(.og-root) .pointer-coarse\:size-\[44px\] {
    @media (pointer: coarse) {
      width: 44px;
      height: 44px;
    }
  }
:where(.og-root).pointer-coarse\:h-9,:where(.og-root) .pointer-coarse\:h-9 {
    @media (pointer: coarse) {
      height: calc(var(--spacing) * 9);
    }
  }
:where(.og-root).pointer-coarse\:h-10,:where(.og-root) .pointer-coarse\:h-10 {
    @media (pointer: coarse) {
      height: calc(var(--spacing) * 10);
    }
  }
:where(.og-root).pointer-coarse\:h-11,:where(.og-root) .pointer-coarse\:h-11 {
    @media (pointer: coarse) {
      height: calc(var(--spacing) * 11);
    }
  }
:where(.og-root).pointer-coarse\:h-12,:where(.og-root) .pointer-coarse\:h-12 {
    @media (pointer: coarse) {
      height: calc(var(--spacing) * 12);
    }
  }
:where(.og-root).pointer-coarse\:min-h-0,:where(.og-root) .pointer-coarse\:min-h-0 {
    @media (pointer: coarse) {
      min-height: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).pointer-coarse\:min-h-9,:where(.og-root) .pointer-coarse\:min-h-9 {
    @media (pointer: coarse) {
      min-height: calc(var(--spacing) * 9);
    }
  }
:where(.og-root).pointer-coarse\:min-h-10,:where(.og-root) .pointer-coarse\:min-h-10 {
    @media (pointer: coarse) {
      min-height: calc(var(--spacing) * 10);
    }
  }
:where(.og-root).pointer-coarse\:min-h-11,:where(.og-root) .pointer-coarse\:min-h-11 {
    @media (pointer: coarse) {
      min-height: calc(var(--spacing) * 11);
    }
  }
:where(.og-root).pointer-coarse\:min-h-14,:where(.og-root) .pointer-coarse\:min-h-14 {
    @media (pointer: coarse) {
      min-height: calc(var(--spacing) * 14);
    }
  }
:where(.og-root).pointer-coarse\:min-h-\[44px\],:where(.og-root) .pointer-coarse\:min-h-\[44px\] {
    @media (pointer: coarse) {
      min-height: 44px;
    }
  }
:where(.og-root).pointer-coarse\:w-10,:where(.og-root) .pointer-coarse\:w-10 {
    @media (pointer: coarse) {
      width: calc(var(--spacing) * 10);
    }
  }
:where(.og-root).pointer-coarse\:w-11,:where(.og-root) .pointer-coarse\:w-11 {
    @media (pointer: coarse) {
      width: calc(var(--spacing) * 11);
    }
  }
:where(.og-root).pointer-coarse\:w-auto,:where(.og-root) .pointer-coarse\:w-auto {
    @media (pointer: coarse) {
      width: auto;
    }
  }
:where(.og-root).pointer-coarse\:min-w-11,:where(.og-root) .pointer-coarse\:min-w-11 {
    @media (pointer: coarse) {
      min-width: calc(var(--spacing) * 11);
    }
  }
:where(.og-root).pointer-coarse\:min-w-\[44px\],:where(.og-root) .pointer-coarse\:min-w-\[44px\] {
    @media (pointer: coarse) {
      min-width: 44px;
    }
  }
:where(.og-root).pointer-coarse\:px-1,:where(.og-root) .pointer-coarse\:px-1 {
    @media (pointer: coarse) {
      padding-inline: calc(var(--spacing) * 1);
    }
  }
:where(.og-root).pointer-coarse\:px-2,:where(.og-root) .pointer-coarse\:px-2 {
    @media (pointer: coarse) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
:where(.og-root).pointer-coarse\:px-3\.5,:where(.og-root) .pointer-coarse\:px-3\.5 {
    @media (pointer: coarse) {
      padding-inline: calc(var(--spacing) * 3.5);
    }
  }
:where(.og-root).pointer-coarse\:px-4,:where(.og-root) .pointer-coarse\:px-4 {
    @media (pointer: coarse) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
:where(.og-root).pointer-coarse\:py-0,:where(.og-root) .pointer-coarse\:py-0 {
    @media (pointer: coarse) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).pointer-coarse\:py-1,:where(.og-root) .pointer-coarse\:py-1 {
    @media (pointer: coarse) {
      padding-block: calc(var(--spacing) * 1);
    }
  }
:where(.og-root).pointer-coarse\:py-2,:where(.og-root) .pointer-coarse\:py-2 {
    @media (pointer: coarse) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
:where(.og-root).pointer-coarse\:py-2\.5,:where(.og-root) .pointer-coarse\:py-2\.5 {
    @media (pointer: coarse) {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
:where(.og-root).pointer-coarse\:pr-0\.5,:where(.og-root) .pointer-coarse\:pr-0\.5 {
    @media (pointer: coarse) {
      padding-right: calc(var(--spacing) * 0.5);
    }
  }
:where(.og-root).pointer-coarse\:pr-12,:where(.og-root) .pointer-coarse\:pr-12 {
    @media (pointer: coarse) {
      padding-right: calc(var(--spacing) * 12);
    }
  }
:where(.og-root).pointer-coarse\:pb-11,:where(.og-root) .pointer-coarse\:pb-11 {
    @media (pointer: coarse) {
      padding-bottom: calc(var(--spacing) * 11);
    }
  }
:where(.og-root).pointer-coarse\:text-base,:where(.og-root) .pointer-coarse\:text-base {
    @media (pointer: coarse) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
:where(.og-root).pointer-coarse\:opacity-70,:where(.og-root) .pointer-coarse\:opacity-70 {
    @media (pointer: coarse) {
      opacity: 70%;
    }
  }
:where(.og-root).pointer-coarse\:opacity-100,:where(.og-root) .pointer-coarse\:opacity-100 {
    @media (pointer: coarse) {
      opacity: 100%;
    }
  }
:where(.og-root).pointer-coarse\:before\:absolute,:where(.og-root) .pointer-coarse\:before\:absolute {
    @media (pointer: coarse) {
      &::before {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
:where(.og-root).pointer-coarse\:before\:-inset-1\.5,:where(.og-root) .pointer-coarse\:before\:-inset-1\.5 {
    @media (pointer: coarse) {
      &::before {
        content: var(--tw-content);
        inset: calc(var(--spacing) * -1.5);
      }
    }
  }
:where(.og-root).pointer-coarse\:before\:content-\[\'\'\],:where(.og-root) .pointer-coarse\:before\:content-\[\'\'\] {
    @media (pointer: coarse) {
      &::before {
        --tw-content: '';
        content: var(--tw-content);
      }
    }
  }
:where(.og-root).pointer-coarse\:after\:absolute,:where(.og-root) .pointer-coarse\:after\:absolute {
    @media (pointer: coarse) {
      &::after {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
:where(.og-root).pointer-coarse\:after\:-inset-1\.5,:where(.og-root) .pointer-coarse\:after\:-inset-1\.5 {
    @media (pointer: coarse) {
      &::after {
        content: var(--tw-content);
        inset: calc(var(--spacing) * -1.5);
      }
    }
  }
:where(.og-root).pointer-coarse\:after\:-inset-2\.5,:where(.og-root) .pointer-coarse\:after\:-inset-2\.5 {
    @media (pointer: coarse) {
      &::after {
        content: var(--tw-content);
        inset: calc(var(--spacing) * -2.5);
      }
    }
  }
:where(.og-root).pointer-coarse\:after\:-inset-3\.5,:where(.og-root) .pointer-coarse\:after\:-inset-3\.5 {
    @media (pointer: coarse) {
      &::after {
        content: var(--tw-content);
        inset: calc(var(--spacing) * -3.5);
      }
    }
  }
:where(.og-root).pointer-coarse\:after\:inset-x-0,:where(.og-root) .pointer-coarse\:after\:inset-x-0 {
    @media (pointer: coarse) {
      &::after {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing) * 0);
      }
    }
  }
:where(.og-root).pointer-coarse\:after\:-inset-y-2\.5,:where(.og-root) .pointer-coarse\:after\:-inset-y-2\.5 {
    @media (pointer: coarse) {
      &::after {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * -2.5);
      }
    }
  }
:where(.og-root).pointer-coarse\:after\:-inset-y-3,:where(.og-root) .pointer-coarse\:after\:-inset-y-3 {
    @media (pointer: coarse) {
      &::after {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * -3);
      }
    }
  }
:where(.og-root).pointer-coarse\:after\:-inset-y-3\.5,:where(.og-root) .pointer-coarse\:after\:-inset-y-3\.5 {
    @media (pointer: coarse) {
      &::after {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * -3.5);
      }
    }
  }
:where(.og-root).pointer-coarse\:after\:top-1\/2,:where(.og-root) .pointer-coarse\:after\:top-1\/2 {
    @media (pointer: coarse) {
      &::after {
        content: var(--tw-content);
        top: calc(1 / 2 * 100%);
      }
    }
  }
:where(.og-root).pointer-coarse\:after\:left-1\/2,:where(.og-root) .pointer-coarse\:after\:left-1\/2 {
    @media (pointer: coarse) {
      &::after {
        content: var(--tw-content);
        left: calc(1 / 2 * 100%);
      }
    }
  }
:where(.og-root).pointer-coarse\:after\:size-11,:where(.og-root) .pointer-coarse\:after\:size-11 {
    @media (pointer: coarse) {
      &::after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 11);
        height: calc(var(--spacing) * 11);
      }
    }
  }
:where(.og-root).pointer-coarse\:after\:h-11,:where(.og-root) .pointer-coarse\:after\:h-11 {
    @media (pointer: coarse) {
      &::after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 11);
      }
    }
  }
:where(.og-root).pointer-coarse\:after\:-translate-x-1\/2,:where(.og-root) .pointer-coarse\:after\:-translate-x-1\/2 {
    @media (pointer: coarse) {
      &::after {
        content: var(--tw-content);
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
:where(.og-root).pointer-coarse\:after\:-translate-y-1\/2,:where(.og-root) .pointer-coarse\:after\:-translate-y-1\/2 {
    @media (pointer: coarse) {
      &::after {
        content: var(--tw-content);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
:where(.og-root).pointer-coarse\:after\:content-\[\'\'\],:where(.og-root) .pointer-coarse\:after\:content-\[\'\'\] {
    @media (pointer: coarse) {
      &::after {
        --tw-content: '';
        content: var(--tw-content);
      }
    }
  }
:where(.og-root).pointer-coarse\:max-sm\:w-11,:where(.og-root) .pointer-coarse\:max-sm\:w-11 {
    @media (pointer: coarse) {
      @media (width < 40rem) {
        width: calc(var(--spacing) * 11);
      }
    }
  }
:where(.og-root).max-sm\:pointer-coarse\:min-w-11,:where(.og-root) .max-sm\:pointer-coarse\:min-w-11 {
    @media (width < 40rem) {
      @media (pointer: coarse) {
        min-width: calc(var(--spacing) * 11);
      }
    }
  }
:where(.og-root).pointer-fine\:flex,:where(.og-root) .pointer-fine\:flex {
    @media (pointer: fine) {
      display: flex;
    }
  }
:where(.og-root).pointer-fine\:group-focus-within\:invisible,:where(.og-root) .pointer-fine\:group-focus-within\:invisible {
    @media (pointer: fine) {
      &:is(:where(.group):focus-within *) {
        visibility: hidden;
      }
    }
  }
:where(.og-root).pointer-fine\:group-hover\:invisible,:where(.og-root) .pointer-fine\:group-hover\:invisible {
    @media (pointer: fine) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          visibility: hidden;
        }
      }
    }
  }
:where(.og-root).\[\&_\[data-slot\=relative-time\]\]\:relative,:where(.og-root) .\[\&_\[data-slot\=relative-time\]\]\:relative {
    & [data-slot=relative-time] {
      position: relative;
    }
  }
:where(.og-root).\[\&_\[data-slot\=relative-time\]\]\:z-10,:where(.og-root) .\[\&_\[data-slot\=relative-time\]\]\:z-10 {
    & [data-slot=relative-time] {
      z-index: 10;
    }
  }
:where(.og-root).\[\&_\[data-slot\=scroll-area-viewport\]\>div\]\:\!block,:where(.og-root) .\[\&_\[data-slot\=scroll-area-viewport\]\>div\]\:\!block {
    & [data-slot=scroll-area-viewport]>div {
      display: block !important;
    }
  }
:where(.og-root).\[\&_\[data-slot\=segmented-control-item\]\]\:flex-1,:where(.og-root) .\[\&_\[data-slot\=segmented-control-item\]\]\:flex-1 {
    & [data-slot=segmented-control-item] {
      flex: 1;
    }
  }
:where(.og-root).\@\[640px\]\/setting-row\:\[\&_\[data-slot\=segmented-control-item\]\]\:flex-none,:where(.og-root) .\@\[640px\]\/setting-row\:\[\&_\[data-slot\=segmented-control-item\]\]\:flex-none {
    @container setting-row (width >= 640px) {
      & [data-slot=segmented-control-item] {
        flex: none;
      }
    }
  }
:where(.og-root).\[\&_\[data-slot\=status-badge\]\]\:relative,:where(.og-root) .\[\&_\[data-slot\=status-badge\]\]\:relative {
    & [data-slot=status-badge] {
      position: relative;
    }
  }
:where(.og-root).\[\&_\[data-slot\=status-badge\]\]\:z-10,:where(.og-root) .\[\&_\[data-slot\=status-badge\]\]\:z-10 {
    & [data-slot=status-badge] {
      z-index: 10;
    }
  }
:where(.og-root).\[\&_\[role\=status\]\]\:sr-only,:where(.og-root) .\[\&_\[role\=status\]\]\:sr-only {
    & [role=status] {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
  }
:where(.og-root).\[\&_\[role\=status\]\]\:px-0,:where(.og-root) .\[\&_\[role\=status\]\]\:px-0 {
    & [role=status] {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).\[\&_\[role\=status\]\>span\:last-child\]\:sr-only,:where(.og-root) .\[\&_\[role\=status\]\>span\:last-child\]\:sr-only {
    & [role=status]>span:last-child {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
  }
:where(.og-root).\[\&_img\]\:relative,:where(.og-root) .\[\&_img\]\:relative {
    & img {
      position: relative;
    }
  }
:where(.og-root).\[\&_img\]\:size-full,:where(.og-root) .\[\&_img\]\:size-full {
    & img {
      width: 100%;
      height: 100%;
    }
  }
:where(.og-root).\[\&_img\]\:bg-surface-2,:where(.og-root) .\[\&_img\]\:bg-surface-2 {
    & img {
      background-color: var(--color-surface-2);
    }
  }
:where(.og-root).\[\&_img\]\:object-cover,:where(.og-root) .\[\&_img\]\:object-cover {
    & img {
      object-fit: cover;
    }
  }
:where(.og-root).\[\&_img\]\:p-1,:where(.og-root) .\[\&_img\]\:p-1 {
    & img {
      padding: calc(var(--spacing) * 1);
    }
  }
:where(.og-root).\[\&_optgroup\]\:text-fg,:where(.og-root) .\[\&_optgroup\]\:text-fg {
    & optgroup {
      color: var(--color-fg);
    }
  }
:where(.og-root).\[\&_option\]\:text-fg,:where(.og-root) .\[\&_option\]\:text-fg {
    & option {
      color: var(--color-fg);
    }
  }
:where(.og-root).\[\&_strong\]\:text-og-fg-muted,:where(.og-root) .\[\&_strong\]\:text-og-fg-muted {
    & strong {
      color: var(--og-color-fg-muted);
    }
  }
:where(.og-root).\[\&_svg\]\:pointer-events-none,:where(.og-root) .\[\&_svg\]\:pointer-events-none {
    & svg {
      pointer-events: none;
    }
  }
:where(.og-root).\[\&_svg\]\:size-3\.5,:where(.og-root) .\[\&_svg\]\:size-3\.5 {
    & svg {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }
  }
:where(.og-root).\[\&_svg\]\:size-4,:where(.og-root) .\[\&_svg\]\:size-4 {
    & svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
:where(.og-root).\[\&_svg\]\:size-5,:where(.og-root) .\[\&_svg\]\:size-5 {
    & svg {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
  }
:where(.og-root).\[\&_svg\]\:shrink-0,:where(.og-root) .\[\&_svg\]\:shrink-0 {
    & svg {
      flex-shrink: 0;
    }
  }
:where(.og-root).\[\&_svg\]\:text-og-status-failed\!,:where(.og-root) .\[\&_svg\]\:text-og-status-failed\! {
    & svg {
      color: var(--og-color-status-failed) !important;
    }
  }
:where(.og-root).\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3,:where(.og-root) .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
:where(.og-root).\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4,:where(.og-root) .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
:where(.og-root).\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-fg-muted,:where(.og-root) .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-fg-muted {
    & svg:not([class*='text-']) {
      color: var(--color-fg-muted);
    }
  }
:where(.og-root).\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-og-fg-muted,:where(.og-root) .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-og-fg-muted {
    & svg:not([class*='text-']) {
      color: var(--og-color-fg-muted);
    }
  }
:where(.og-root).\[\&_textarea\]\:min-h-\[calc\(2lh\+1rem\)\],:where(.og-root) .\[\&_textarea\]\:min-h-\[calc\(2lh\+1rem\)\] {
    & textarea {
      min-height: calc(2lh + 1rem);
    }
  }
:where(.og-root).\[\&_tr\:last-child\>td\]\:border-b-0,:where(.og-root) .\[\&_tr\:last-child\>td\]\:border-b-0 {
    & tr:last-child>td {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
:where(.og-root).\[\&\+section\]\:mt-1\.5,:where(.og-root) .\[\&\+section\]\:mt-1\.5 {
    &+section {
      margin-top: calc(var(--spacing) * 1.5);
    }
  }
:where(.og-root).\[\&\+section\]\:border-t,:where(.og-root) .\[\&\+section\]\:border-t {
    &+section {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
:where(.og-root).\[\&\+section\]\:border-og-border,:where(.og-root) .\[\&\+section\]\:border-og-border {
    &+section {
      border-color: var(--og-color-border);
    }
  }
:where(.og-root).\[\&\+section\]\:pt-1\.5,:where(.og-root) .\[\&\+section\]\:pt-1\.5 {
    &+section {
      padding-top: calc(var(--spacing) * 1.5);
    }
  }
:where(.og-root).\[\&\:\:-webkit-details-marker\]\:hidden,:where(.og-root) .\[\&\:\:-webkit-details-marker\]\:hidden {
    &::-webkit-details-marker {
      display: none;
    }
  }
:where(.og-root).\[\&\:\:-webkit-scrollbar\]\:hidden,:where(.og-root) .\[\&\:\:-webkit-scrollbar\]\:hidden {
    &::-webkit-scrollbar {
      display: none;
    }
  }
:where(.og-root).\[\&\:\:-webkit-search-cancel-button\]\:appearance-none,:where(.og-root) .\[\&\:\:-webkit-search-cancel-button\]\:appearance-none {
    &::-webkit-search-cancel-button {
      appearance: none;
    }
  }
:where(.og-root).\[\&\:has\(\>input\)\]\:-ml-5,:where(.og-root) .\[\&\:has\(\>input\)\]\:-ml-5 {
    &:has(>input) {
      margin-left: calc(var(--spacing) * -5);
    }
  }
:where(.og-root).\[\&\:has\(\>input\)\]\:list-none,:where(.og-root) .\[\&\:has\(\>input\)\]\:list-none {
    &:has(>input) {
      list-style-type: none;
    }
  }
:where(.og-root).\[\.border-b\]\:pb-6,:where(.og-root) .\[\.border-b\]\:pb-6 {
    &:is(.border-b) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
:where(.og-root).\[\.border-t\]\:pt-6,:where(.og-root) .\[\.border-t\]\:pt-6 {
    &:is(.border-t) {
      padding-top: calc(var(--spacing) * 6);
    }
  }
:where(.og-root).\[\&\:is\(a\)\]\:hover\:bg-accent,:where(.og-root) .\[\&\:is\(a\)\]\:hover\:bg-accent {
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-accent);
        }
      }
    }
  }
:where(.og-root).\[\&\:is\(a\)\]\:hover\:bg-destructive-filled\/90,:where(.og-root) .\[\&\:is\(a\)\]\:hover\:bg-destructive-filled\/90 {
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-destructive-filled);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-destructive-filled) 90%, transparent);
          }
        }
      }
    }
  }
:where(.og-root).\[\&\:is\(a\)\]\:hover\:bg-primary-hover,:where(.og-root) .\[\&\:is\(a\)\]\:hover\:bg-primary-hover {
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-primary-hover);
        }
      }
    }
  }
:where(.og-root).\[\&\:is\(a\)\]\:hover\:bg-secondary\/90,:where(.og-root) .\[\&\:is\(a\)\]\:hover\:bg-secondary\/90 {
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-secondary);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-secondary) 90%, transparent);
          }
        }
      }
    }
  }
:where(.og-root).\[\&\:is\(a\)\]\:hover\:text-accent-foreground,:where(.og-root) .\[\&\:is\(a\)\]\:hover\:text-accent-foreground {
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-accent-foreground);
        }
      }
    }
  }
:where(.og-root).\[\&\:is\(a\)\]\:hover\:underline,:where(.og-root) .\[\&\:is\(a\)\]\:hover\:underline {
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          text-decoration-line: underline;
        }
      }
    }
  }
:where(.og-root).data-\[variant\=destructive\]\:\*\:\[svg\]\:text-danger\!,:where(.og-root) .data-\[variant\=destructive\]\:\*\:\[svg\]\:text-danger\! {
    &[data-variant="destructive"] {
      :is(& > *) {
        &:is(svg) {
          color: var(--color-danger) !important;
        }
      }
    }
  }
:where(.og-root).data-\[variant\=destructive\]\:\*\:\[svg\]\:text-og-danger\!,:where(.og-root) .data-\[variant\=destructive\]\:\*\:\[svg\]\:text-og-danger\! {
    &[data-variant="destructive"] {
      :is(& > *) {
        &:is(svg) {
          color: var(--og-color-danger) !important;
        }
      }
    }
  }
:where(.og-root).\[\&\>\*\]\:-mt-px,:where(.og-root) .\[\&\>\*\]\:-mt-px {
    &>* {
      margin-top: -1px;
    }
  }
:where(.og-root).\[\&\>\*\]\:mt-0,:where(.og-root) .\[\&\>\*\]\:mt-0 {
    &>* {
      margin-top: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).\[\&\>\*\]\:-ml-px,:where(.og-root) .\[\&\>\*\]\:-ml-px {
    &>* {
      margin-left: -1px;
    }
  }
:where(.og-root).\[\&\>\*\]\:max-w-\[640px\],:where(.og-root) .\[\&\>\*\]\:max-w-\[640px\] {
    &>* {
      max-width: 640px;
    }
  }
:where(.og-root).\[\&\>\*\]\:rounded-\[14px\],:where(.og-root) .\[\&\>\*\]\:rounded-\[14px\] {
    &>* {
      border-radius: 14px;
    }
  }
:where(.og-root).\[\&\>\*\]\:border,:where(.og-root) .\[\&\>\*\]\:border {
    &>* {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
:where(.og-root).\[\&\>\*\]\:border-t,:where(.og-root) .\[\&\>\*\]\:border-t {
    &>* {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
:where(.og-root).\[\&\>\*\]\:border-l,:where(.og-root) .\[\&\>\*\]\:border-l {
    &>* {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
:where(.og-root).\[\&\>\*\]\:border-border,:where(.og-root) .\[\&\>\*\]\:border-border {
    &>* {
      border-color: var(--color-border);
    }
  }
:where(.og-root).\[\&\>\*\]\:bg-surface,:where(.og-root) .\[\&\>\*\]\:bg-surface {
    &>* {
      background-color: var(--color-surface);
    }
  }
:where(.og-root).\[\&\>\*\]\:px-4,:where(.og-root) .\[\&\>\*\]\:px-4 {
    &>* {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
:where(.og-root).\[\&\>\*\]\:py-1,:where(.og-root) .\[\&\>\*\]\:py-1 {
    &>* {
      padding-block: calc(var(--spacing) * 1);
    }
  }
:where(.og-root).\[\&\>\*\]\:py-6,:where(.og-root) .\[\&\>\*\]\:py-6 {
    &>* {
      padding-block: calc(var(--spacing) * 6);
    }
  }
:where(.og-root).\[\&\>\*\:first-child\]\:pt-0,:where(.og-root) .\[\&\>\*\:first-child\]\:pt-0 {
    &>*:first-child {
      padding-top: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).\[\&\>\*\:last-child\]\:pb-0,:where(.og-root) .\[\&\>\*\:last-child\]\:pb-0 {
    &>*:last-child {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).\[\&\>\:not\(\[hidden\]\)\~\:not\(\[hidden\]\)\]\:border-t,:where(.og-root) .\[\&\>\:not\(\[hidden\]\)\~\:not\(\[hidden\]\)\]\:border-t {
    &>:not([hidden])~:not([hidden]) {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
:where(.og-root).\[\&\>\[data-slot\=notice\]\]\:rounded-none,:where(.og-root) .\[\&\>\[data-slot\=notice\]\]\:rounded-none {
    &>[data-slot=notice] {
      border-radius: 0;
    }
  }
:where(.og-root).\[\&\>\[data-slot\=notice\]\]\:border-0,:where(.og-root) .\[\&\>\[data-slot\=notice\]\]\:border-0 {
    &>[data-slot=notice] {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
:where(.og-root).\[\&\>\[data-slot\=notice\]\]\:bg-transparent,:where(.og-root) .\[\&\>\[data-slot\=notice\]\]\:bg-transparent {
    &>[data-slot=notice] {
      background-color: transparent;
    }
  }
:where(.og-root).\[\&\>\[data-slot\=notice\]\]\:px-0,:where(.og-root) .\[\&\>\[data-slot\=notice\]\]\:px-0 {
    &>[data-slot=notice] {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).\[\&\>\[data-slot\=notice\]\]\:py-4,:where(.og-root) .\[\&\>\[data-slot\=notice\]\]\:py-4 {
    &>[data-slot=notice] {
      padding-block: calc(var(--spacing) * 4);
    }
  }
:where(.og-root).\[\&\>button\]\:ml-auto,:where(.og-root) .\[\&\>button\]\:ml-auto {
    &>button {
      margin-left: auto;
    }
  }
:where(.og-root).\[\&\>button\]\:flex,:where(.og-root) .\[\&\>button\]\:flex {
    &>button {
      display: flex;
    }
  }
:where(.og-root).\[\&\>button\]\:w-6,:where(.og-root) .\[\&\>button\]\:w-6 {
    &>button {
      width: calc(var(--spacing) * 6);
    }
  }
:where(.og-root).\[\&\>button\]\:w-auto,:where(.og-root) .\[\&\>button\]\:w-auto {
    &>button {
      width: auto;
    }
  }
:where(.og-root).\[\&\>button\:last-child\]\:w-10,:where(.og-root) .\[\&\>button\:last-child\]\:w-10 {
    &>button:last-child {
      width: calc(var(--spacing) * 10);
    }
  }
:where(.og-root).\[\&\>code\]\:block,:where(.og-root) .\[\&\>code\]\:block {
    &>code {
      display: block;
    }
  }
:where(.og-root).\[\&\>code\]\:border-0,:where(.og-root) .\[\&\>code\]\:border-0 {
    &>code {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
:where(.og-root).\[\&\>code\]\:bg-transparent,:where(.og-root) .\[\&\>code\]\:bg-transparent {
    &>code {
      background-color: transparent;
    }
  }
:where(.og-root).\[\&\>code\]\:p-0,:where(.og-root) .\[\&\>code\]\:p-0 {
    &>code {
      padding: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).\[\&\>code\]\:leading-5,:where(.og-root) .\[\&\>code\]\:leading-5 {
    &>code {
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
    }
  }
:where(.og-root).\[\&\>code\]\:text-inherit,:where(.og-root) .\[\&\>code\]\:text-inherit {
    &>code {
      color: inherit;
    }
  }
:where(.og-root).\[\&\>div\>button\]\:ml-auto,:where(.og-root) .\[\&\>div\>button\]\:ml-auto {
    &>div>button {
      margin-left: auto;
    }
  }
:where(.og-root).\[\&\>div\>button\]\:flex,:where(.og-root) .\[\&\>div\>button\]\:flex {
    &>div>button {
      display: flex;
    }
  }
:where(.og-root).\[\&\>div\>button\]\:w-auto,:where(.og-root) .\[\&\>div\>button\]\:w-auto {
    &>div>button {
      width: auto;
    }
  }
:where(.og-root).\[\&\>form\>\[data-slot\=form-body\]\]\:mx-0,:where(.og-root) .\[\&\>form\>\[data-slot\=form-body\]\]\:mx-0 {
    &>form>[data-slot=form-body] {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).\[\&\>form\>\[data-slot\=form-body\]\]\:px-0,:where(.og-root) .\[\&\>form\>\[data-slot\=form-body\]\]\:px-0 {
    &>form>[data-slot=form-body] {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).\[\&\>form\>footer\]\:max-w-\[640px\],:where(.og-root) .\[\&\>form\>footer\]\:max-w-\[640px\] {
    &>form>footer {
      max-width: 640px;
    }
  }
:where(.og-root).\[\&\>form\>footer\>div\]\:mx-0,:where(.og-root) .\[\&\>form\>footer\>div\]\:mx-0 {
    &>form>footer>div {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).\[\&\>form\>footer\>div\]\:px-0,:where(.og-root) .\[\&\>form\>footer\>div\]\:px-0 {
    &>form>footer>div {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).\[\&\>form\>header\]\:mx-0,:where(.og-root) .\[\&\>form\>header\]\:mx-0 {
    &>form>header {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).\[\&\>form\>header\]\:px-0,:where(.og-root) .\[\&\>form\>header\]\:px-0 {
    &>form>header {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).\[\&\>form\>header\]\:pt-0,:where(.og-root) .\[\&\>form\>header\]\:pt-0 {
    &>form>header {
      padding-top: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).\[\&\>img\]\:size-full,:where(.og-root) .\[\&\>img\]\:size-full {
    &>img {
      width: 100%;
      height: 100%;
    }
  }
:where(.og-root).\[\&\>li\]\:relative,:where(.og-root) .\[\&\>li\]\:relative {
    &>li {
      position: relative;
    }
  }
:where(.og-root).\[\&\>li\+li\]\:before\:pointer-events-none,:where(.og-root) .\[\&\>li\+li\]\:before\:pointer-events-none {
    &>li+li {
      &::before {
        content: var(--tw-content);
        pointer-events: none;
      }
    }
  }
:where(.og-root).\[\&\>li\+li\]\:before\:absolute,:where(.og-root) .\[\&\>li\+li\]\:before\:absolute {
    &>li+li {
      &::before {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
:where(.og-root).\[\&\>li\+li\]\:before\:inset-x-3,:where(.og-root) .\[\&\>li\+li\]\:before\:inset-x-3 {
    &>li+li {
      &::before {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing) * 3);
      }
    }
  }
:where(.og-root).\[\&\>li\+li\]\:before\:top-0,:where(.og-root) .\[\&\>li\+li\]\:before\:top-0 {
    &>li+li {
      &::before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0);
      }
    }
  }
:where(.og-root).\[\&\>li\+li\]\:before\:h-px,:where(.og-root) .\[\&\>li\+li\]\:before\:h-px {
    &>li+li {
      &::before {
        content: var(--tw-content);
        height: 1px;
      }
    }
  }
:where(.og-root).\[\&\>li\+li\]\:before\:bg-border,:where(.og-root) .\[\&\>li\+li\]\:before\:bg-border {
    &>li+li {
      &::before {
        content: var(--tw-content);
        background-color: var(--color-border);
      }
    }
  }
:where(.og-root).\[\&\>li\+li\]\:before\:content-\[\'\'\],:where(.og-root) .\[\&\>li\+li\]\:before\:content-\[\'\'\] {
    &>li+li {
      &::before {
        --tw-content: '';
        content: var(--tw-content);
      }
    }
  }
:where(.og-root).\[\&\>li\>div\]\:rounded-\[10px\],:where(.og-root) .\[\&\>li\>div\]\:rounded-\[10px\] {
    &>li>div {
      border-radius: 10px;
    }
  }
:where(.og-root).\[\&\>ol\]\:my-1,:where(.og-root) .\[\&\>ol\]\:my-1 {
    &>ol {
      margin-block: calc(var(--spacing) * 1);
    }
  }
:where(.og-root).\[\&\>p\]\:my-1\.5,:where(.og-root) .\[\&\>p\]\:my-1\.5 {
    &>p {
      margin-block: calc(var(--spacing) * 1.5);
    }
  }
:where(.og-root).\[\&\>span\:last-child\]\:w-10,:where(.og-root) .\[\&\>span\:last-child\]\:w-10 {
    &>span:last-child {
      width: calc(var(--spacing) * 10);
    }
  }
:where(.og-root).\[\&\>svg\]\:pointer-events-none,:where(.og-root) .\[\&\>svg\]\:pointer-events-none {
    &>svg {
      pointer-events: none;
    }
  }
:where(.og-root).\[\&\>svg\]\:ml-0,:where(.og-root) .\[\&\>svg\]\:ml-0 {
    &>svg {
      margin-left: calc(var(--spacing) * 0);
    }
  }
:where(.og-root).\[\&\>svg\]\:size-3,:where(.og-root) .\[\&\>svg\]\:size-3 {
    &>svg {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
:where(.og-root).\[\&\>svg\]\:size-3\.5,:where(.og-root) .\[\&\>svg\]\:size-3\.5 {
    &>svg {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }
  }
:where(.og-root).\[\&\>svg\]\:size-4,:where(.og-root) .\[\&\>svg\]\:size-4 {
    &>svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
:where(.og-root).\[\&\>svg\]\:size-full,:where(.og-root) .\[\&\>svg\]\:size-full {
    &>svg {
      width: 100%;
      height: 100%;
    }
  }
:where(.og-root).\[\&\>svg\]\:rotate-180,:where(.og-root) .\[\&\>svg\]\:rotate-180 {
    &>svg {
      rotate: 180deg;
    }
  }
:where(.og-root).group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2,:where(.og-root) .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2 {
    &:is(:where(.group\/avatar)[data-size="default"] *) {
      &>svg {
        width: calc(var(--spacing) * 2);
        height: calc(var(--spacing) * 2);
      }
    }
  }
:where(.og-root).group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2,:where(.og-root) .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2 {
    &:is(:where(.group\/avatar)[data-size="lg"] *) {
      &>svg {
        width: calc(var(--spacing) * 2);
        height: calc(var(--spacing) * 2);
      }
    }
  }
:where(.og-root).group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden,:where(.og-root) .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden {
    &:is(:where(.group\/avatar)[data-size="sm"] *) {
      &>svg {
        display: none;
      }
    }
  }
:where(.og-root).data-\[size\=lg\]\:\[\&\>svg\]\:size-5,:where(.og-root) .data-\[size\=lg\]\:\[\&\>svg\]\:size-5 {
    &[data-size="lg"] {
      &>svg {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
      }
    }
  }
:where(.og-root).data-\[size\=sm\]\:\[\&\>svg\]\:size-3,:where(.og-root) .data-\[size\=sm\]\:\[\&\>svg\]\:size-3 {
    &[data-size="sm"] {
      &>svg {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3);
      }
    }
  }
:where(.og-root).\[\&\>ul\]\:my-1,:where(.og-root) .\[\&\>ul\]\:my-1 {
    &>ul {
      margin-block: calc(var(--spacing) * 1);
    }
  }
:where(.og-root).\[\@media\(pointer\:coarse\)\]\:min-h-11,:where(.og-root) .\[\@media\(pointer\:coarse\)\]\:min-h-11 {
    @media (pointer:coarse) {
      min-height: calc(var(--spacing) * 11);
    }
  }
:where(.og-root).\[\@media\(pointer\:coarse\)\]\:min-w-11,:where(.og-root) .\[\@media\(pointer\:coarse\)\]\:min-w-11 {
    @media (pointer:coarse) {
      min-width: calc(var(--spacing) * 11);
    }
  }
:where(.og-root).og-rail-glow,:where(.og-root) .og-rail-glow {
    background: radial-gradient(ellipse 130% 45% at 0 0, var(--og-glow-teal), transparent 85%), radial-gradient(ellipse 140% 45% at 100% 100%, var(--og-glow-peach), transparent 85%), var(--og-color-bg);
  }
:where(.og-root).og-page-glow,:where(.og-root) .og-page-glow {
    background: radial-gradient(ellipse 42% 70% at 0 20%, var(--og-glow-teal), transparent 95%), radial-gradient(ellipse 42% 65% at 0 100%, var(--og-glow-peach), transparent 95%), var(--og-color-canvas);
  }
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
:where(.og-root) {
  color-scheme: var(--_og-color-scheme, dark);
}
@supports (color: color-mix(in lab, red, red)) {
  :where(.og-root) {
    --_og-color-accent-soft: var(--og-color-accent-soft, color-mix(in oklch, var(--og-color-accent) 16%, transparent));
    --og-color-hover: color-mix(in srgb, var(--og-color-fg) 8%, transparent);
    --_og-color-primary-hover: var(--og-color-primary-hover, color-mix(in srgb, var(--og-color-primary) 85%, var(--og-color-primary-fg)));
    --_og-color-diff-add-bg: var(--og-color-diff-add-bg, color-mix(in oklch, var(--og-color-status-idle) 14%, transparent));
    --_og-color-diff-del-bg: var(--og-color-diff-del-bg, color-mix(in oklch, var(--og-color-status-failed) 14%, transparent));
    --_og-shadow-glow: var(--og-shadow-glow, 0 0 24px color-mix(in oklch, var(--og-color-accent) 10%, transparent));
    --_og-session-chrome-surface: var(--og-session-chrome-surface, color-mix(in oklch, var(--og-color-surface-2) 82%, transparent));
    --_og-session-chrome-surface-open: var(--og-session-chrome-surface-open, color-mix(in oklch, var(--og-color-surface-2) 92%, transparent));
    --_og-session-chrome-border: var(--og-session-chrome-border, color-mix(in oklch, var(--og-color-border) 85%, transparent));
    --_og-session-chrome-highlight-ring: var(--og-session-chrome-highlight-ring, color-mix(in oklch, var(--og-color-fg) 16%, transparent));
    --_og-session-chrome-row-hover: var(--og-session-chrome-row-hover, color-mix(in oklch, var(--og-color-surface-3) 55%, transparent));
  }
}
:where([data-og-density="compact"]):where(.og-root),:where([data-og-density="compact"]):has(:where(.og-root)),:where(.og-root) :where([data-og-density="compact"]),:where( .og-density-compact):where(.og-root),:where( .og-density-compact):has(:where(.og-root)),:where(.og-root) :where( .og-density-compact) {
  --og-font-size-xs: 10px;
  --og-line-height-xs: 1.5;
  --og-font-size-sm: 11px;
  --og-line-height-sm: 1.5;
  --og-font-size-base: 12px;
  --og-line-height-base: 1.55;
  --og-font-size-md: 13px;
  --og-line-height-md: 1.6;
  --og-font-size-control: 11px;
  --og-line-height-control: 16px;
  --og-font-size-menu: 12px;
  --og-line-height-menu: 18px;
  --og-font-size-composer: 13px;
  --og-line-height-composer: 20px;
  --og-font-size-composer-wide: 13px;
  --og-line-height-composer-wide: 20px;
  --og-model-picker-trigger-height: 1.75rem;
  --og-model-picker-trigger-height-mobile: 1.75rem;
  --og-model-picker-menu-width: 20rem;
  --og-model-picker-menu-padding: 0.25rem;
  --og-model-picker-row-padding-x: 0.5rem;
  --og-model-picker-row-padding-y: 0.375rem;
  --og-model-picker-effort-height: 1.75rem;
  --og-realtime-menu-width: 15rem;
}
:where([data-og-theme="light"]):where(.og-root),:where([data-og-theme="light"]):has(:where(.og-root)),:where(.og-root) :where([data-og-theme="light"]),:where( .og-light):where(.og-root),:where( .og-light):has(:where(.og-root)),:where(.og-root) :where( .og-light) {
  --og-color-bg: #f6f6f6;
  --og-color-canvas: #ffffff;
  --og-color-surface-1: #ffffff;
  --og-color-surface-2: #eeeeee;
  --og-color-surface-3: #e5e5e5;
  --og-color-selection: #e2e2e2;
  --og-color-hover: rgb(36 36 36 / 0.06);
  --og-color-border: #dedede;
  --og-color-border-strong: #bdbdbd;
  --og-color-fg: #242424;
  --og-color-fg-label: #3a3a3a;
  --og-color-fg-muted: #5f5f5f;
  --og-color-fg-subtle: #696969;
  --og-color-accent: #545454;
  --og-color-accent-strong: #383838;
  --og-color-accent-deep: #383838;
  --og-color-accent-fg: #ffffff;
  --og-color-accent-soft: var(--og-color-accent);
  --og-color-primary: #ebf2f0;
  --og-color-primary-fg: #292929;
  --og-color-primary-border: #c4d5d0;
  --og-color-primary-hover: var(--og-color-primary);
  --og-color-switch-track: #bdbdbd;
  --og-color-switch-thumb: #ffffff;
  --og-glow-teal: #9fe3d359;
  --og-glow-peach: #ffb78752;
  --og-glow-teal-quiet: #9fe3d32b;
  --og-glow-peach-quiet: #ffb78729;
  --og-color-status-queued: #696969;
  --og-color-status-running: #716122;
  --og-color-status-idle: #237058;
  --og-color-status-waiting: #8c5524;
  --og-color-status-failed: oklch(0.5 0.19 22);
  --og-color-status-cancelled: #696969;
  --og-color-danger: oklch(0.52 0.2 22);
  --og-color-danger-fill: oklch(0.5 0.19 22);
  --og-color-danger-fg: #ffffff;
  --og-color-diff-add-bg: var(--og-color-status-idle);
  --og-color-diff-del-bg: var(--og-color-status-failed);
  --og-shadow-sm: 0 1px 2px oklch(0 0 0 / 0.07);
  --og-shadow-md: 0 2px 8px oklch(0 0 0 / 0.09), 0 1px 2px oklch(0 0 0 / 0.06);
  --og-shadow-lg: 0 8px 28px oklch(0 0 0 / 0.13), 0 2px 8px oklch(0 0 0 / 0.07);
  --og-shadow-glow: 0 0 20px var(--og-color-accent);
  --og-session-chrome-surface: var(--og-color-surface-2);
  --og-session-chrome-surface-open: var(--og-color-surface-2);
  --og-session-chrome-border: var(--og-color-border);
  --og-session-chrome-border-open: var(--og-color-border);
  --og-session-chrome-highlight: var(--og-color-surface-3);
  --og-session-chrome-highlight-ring: var(--og-color-fg);
  --og-session-chrome-shadow: 0 4px 16px -10px oklch(0 0 0 / 0.14);
  --og-session-chrome-shadow-open: 0 8px 22px -12px oklch(0 0 0 / 0.18);
  --og-session-chrome-row-hover: var(--og-color-surface-3);
  color-scheme: light;
  --_og-color-scheme: light;
}
@supports (color: color-mix(in lab, red, red)) {
  :where([data-og-theme="light"]):where(.og-root),:where([data-og-theme="light"]):has(:where(.og-root)),:where(.og-root) :where([data-og-theme="light"]),:where( .og-light):where(.og-root),:where( .og-light):has(:where(.og-root)),:where(.og-root) :where( .og-light) {
    --og-color-accent-soft: color-mix(in oklch, var(--og-color-accent) 11%, transparent);
    --og-color-hover: color-mix(in srgb, var(--og-color-fg) 6%, transparent);
    --og-color-primary-hover: color-mix(in srgb, var(--og-color-primary) 85%, var(--og-color-primary-fg));
    --og-color-diff-add-bg: color-mix(in oklch, var(--og-color-status-idle) 12%, transparent);
    --og-color-diff-del-bg: color-mix(in oklch, var(--og-color-status-failed) 12%, transparent);
    --og-shadow-glow: 0 0 20px color-mix(in oklch, var(--og-color-accent) 12%, transparent);
    --og-session-chrome-surface: color-mix(in oklch, var(--og-color-surface-2) 88%, transparent);
    --og-session-chrome-border: color-mix(in oklch, var(--og-color-border) 90%, transparent);
    --og-session-chrome-highlight-ring: color-mix(in oklch, var(--og-color-fg) 12%, transparent);
    --og-session-chrome-row-hover: color-mix(in oklch, var(--og-color-surface-3) 70%, transparent);
  }
}
:where(.og-root),:where( [data-og-density="compact"]):where(.og-root),:where( [data-og-density="compact"]):has(:where(.og-root)),:where(.og-root) :where( [data-og-density="compact"]),:where( .og-density-compact):where(.og-root),:where( .og-density-compact):has(:where(.og-root)),:where(.og-root) :where( .og-density-compact),:where( [data-og-theme="light"]):where(.og-root),:where( [data-og-theme="light"]):has(:where(.og-root)),:where(.og-root) :where( [data-og-theme="light"]),:where( .og-light):where(.og-root),:where( .og-light):has(:where(.og-root)),:where(.og-root) :where( .og-light) {
  --_og-duration-fast: var(--og-duration-fast, calc(120ms * var(--og-motion-inspect-scale)));
  --_og-duration-base: var(--og-duration-base, calc(180ms * var(--og-motion-inspect-scale)));
  --_og-duration-slow: var(--og-duration-slow, calc(320ms * var(--og-motion-inspect-scale)));
  --_og-duration-disclose: var(--og-duration-disclose, calc(120ms * var(--og-motion-inspect-scale)));
  --_og-duration-disclose-settle: var(--og-duration-disclose-settle, calc(820ms * var(--og-motion-inspect-scale)));
  --_og-duration-stream: var(--og-duration-stream, calc(420ms * var(--og-motion-inspect-scale)));
  --_og-duration-markdown-crystallize: var(--og-duration-markdown-crystallize, calc(480ms * var(--og-motion-inspect-scale)));
  --_og-color-accent-soft: var(--og-color-accent-soft, var(--og-color-accent));
  --_og-color-primary-hover: var(--og-color-primary-hover, var(--og-color-primary));
  --_og-color-diff-add-bg: var(--og-color-diff-add-bg, var(--og-color-status-idle));
  --_og-color-diff-del-bg: var(--og-color-diff-del-bg, var(--og-color-status-failed));
  --_og-shadow-glow: var(--og-shadow-glow, 0 0 24px color-mix(in oklch, var(--og-color-accent) 10%, transparent));
  --_og-session-chrome-surface: var(--og-session-chrome-surface, var(--og-color-surface-2));
  --_og-session-chrome-surface-open: var(--og-session-chrome-surface-open, var(--og-color-surface-2));
  --_og-session-chrome-border: var(--og-session-chrome-border, var(--og-color-border));
  --_og-session-chrome-border-open: var(--og-session-chrome-border-open, var(--og-color-border));
  --_og-session-chrome-highlight: var(--og-session-chrome-highlight, var(--og-color-surface-3));
  --_og-session-chrome-highlight-ring: var(--og-session-chrome-highlight-ring, var(--og-color-fg));
  --_og-session-chrome-radius: var(--og-session-chrome-radius, var(--og-radius-lg));
  --_og-session-chrome-ease: var(--og-session-chrome-ease, var(--og-ease-out));
  --_og-session-chrome-row-hover: var(--og-session-chrome-row-hover, var(--og-color-surface-3));
}
:where(.og-root).og-session-capability,:where(.og-root) .og-session-capability {
  width: 100%;
  max-width: 540px;
  color: var(--og-color-fg);
  font-family: var(--og-font-sans,inherit);
}
:where(.og-root).og-session-capability-shell,:where(.og-root) .og-session-capability-shell {
  border: 1px solid var(--og-color-border);
  border-radius: 12px;
  background: var(--og-color-surface-1);
  overflow: hidden;
}
:where(.og-root).og-session-capability-header,:where(.og-root) .og-session-capability-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 19px 12px;
}
:where(.og-root).og-session-capability-logo,:where(.og-root) .og-session-capability-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 41px;
  height: 41px;
  flex-shrink: 0;
  border: 1px solid var(--og-color-border);
  border-radius: 10px;
  background: var(--og-color-surface-2);
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
}
:where(.og-root).og-session-capability-logo img,:where(.og-root) .og-session-capability-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 6px;
  box-sizing: border-box;
}
:where(.og-root).og-session-capability-identity,:where(.og-root) .og-session-capability-identity {
  flex: 1;
  min-width: 0;
  display: grid;
  gap: 4px;
  overflow-wrap: anywhere;
}
:where(.og-root).og-session-capability-identity h3,:where(.og-root) .og-session-capability-identity h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}
:where(.og-root).og-session-capability-identity span,:where(.og-root) .og-session-capability-identity span {
  font-size: 11px;
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-session-capability-type,:where(.og-root) .og-session-capability-type {
  flex-shrink: 0;
  padding: 4px 7px;
  border-radius: 5px;
  background: var(--og-color-surface-2);
  font-size: 10px;
}
:where(.og-root).og-session-capability-copy,:where(.og-root) .og-session-capability-copy {
  margin: 0;
  padding: 0 19px 12px;
  font-size: 12px;
  line-height: 1.7;
  color: var(--og-color-fg-muted);
  overflow-wrap: anywhere;
}
:where(.og-root).og-session-capability-actions,:where(.og-root) .og-session-capability-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 19px 14px;
}
:where(.og-root).og-session-capability-actions > span,:where(.og-root) .og-session-capability-actions > span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-session-capability-actions button,:where(.og-root) .og-session-capability-actions button {
  margin-left: auto;
  min-height: 35px;
  padding: 8px 13px;
  border-radius: 7px;
  border: 1px solid var(--og-color-primary-border);
  color: var(--og-color-primary-fg);
  background: var(--og-color-primary);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
:where(.og-root).og-session-capability-note,:where(.og-root) .og-session-capability-note {
  margin: 10px 0 0;
  font-size: 10px;
  line-height: 1.6;
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-session-capability :focus-visible,:where(.og-root) .og-session-capability :focus-visible,:where(.og-root) .og-session-capability-dialog :focus-visible,:where(.og-root)  .og-session-capability-dialog :focus-visible {
  outline: 2px solid var(--og-color-accent);
  outline-offset: 3px;
}
:where(.og-root).og-session-capability-overlay,:where(.og-root) .og-session-capability-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgb(0 0 0 / .4);
}
:where(.og-root).og-session-capability-dialog,:where(.og-root) .og-session-capability-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1001;
  width: min(42rem,calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--og-color-border);
  border-radius: 16px;
  background: var(--og-color-surface-1);
  color: var(--og-color-fg);
  font-family: var(--og-font-sans,inherit);
  box-shadow: 0 16px 48px rgb(0 0 0 / .2);
}
:where(.og-root).og-session-capability-dialog-header,:where(.og-root) .og-session-capability-dialog-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 24px;
  border-bottom: 1px solid var(--og-color-border);
}
:where(.og-root).og-session-capability-dialog-header > div,:where(.og-root) .og-session-capability-dialog-header > div {
  flex: 1;
  min-width: 0;
}
:where(.og-root).og-session-capability-dialog-header h2,:where(.og-root) .og-session-capability-dialog-header h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  overflow-wrap: anywhere;
}
:where(.og-root).og-session-capability-dialog-header p,:where(.og-root) .og-session-capability-dialog-header p {
  margin: 4px 0 0;
  color: var(--og-color-fg-muted);
  font-size: 12px;
}
:where(.og-root).og-session-capability-dialog-header > button,:where(.og-root) .og-session-capability-dialog-header > button {
  border: 0;
  background: transparent;
  color: inherit;
  padding: 8px;
  cursor: pointer;
}
:where(.og-root).og-session-capability-dialog-body,:where(.og-root) .og-session-capability-dialog-body {
  min-height: 0;
  overflow-y: auto;
}
:where(.og-root).og-session-capability-dialog:has(.og-session-capability-setup),:where(.og-root) .og-session-capability-dialog:has(.og-session-capability-setup) {
  width: min(32rem,calc(100vw - 32px));
}
:where(.og-root).og-session-capability-setup,:where(.og-root) .og-session-capability-setup {
  padding: 24px;
  display: grid;
  gap: 16px;
  font-size: 13px;
}
:where(.og-root).og-session-capability-setup > p,:where(.og-root) .og-session-capability-setup > p {
  margin: 0;
  line-height: 1.6;
}
:where(.og-root).og-session-capability-setup label,:where(.og-root) .og-session-capability-setup label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.6;
}
:where(.og-root).og-session-capability-setup button,:where(.og-root) .og-session-capability-setup button {
  font: inherit;
  padding: 9px 12px;
  border-radius: 7px;
  border: 1px solid var(--og-color-border);
  background: var(--og-color-surface-2);
  color: inherit;
  cursor: pointer;
}
:where(.og-root).og-session-capability-setup button:disabled,:where(.og-root) .og-session-capability-setup button:disabled {
  opacity: .55;
  cursor: not-allowed;
}
:where(.og-root).og-session-capability-setup [role=alert],:where(.og-root) .og-session-capability-setup [role=alert] {
  color: var(--og-color-danger);
}
:where(.og-root).og-session-capability-setup .og-session-capability-notice,:where(.og-root) .og-session-capability-setup .og-session-capability-notice {
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-session-capability-shell[data-state="complete"],:where(.og-root) .og-session-capability-shell[data-state="complete"] {
  border-color: var(--og-color-status-idle);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--og-color-status-idle) 35%,var(--og-color-border));
  }
}
:where(.og-root).og-session-capability-shell[data-state="complete"] .og-session-capability-header > svg,:where(.og-root) .og-session-capability-shell[data-state="complete"] .og-session-capability-header > svg,:where(.og-root) .og-session-capability-shell[data-state="complete"] .og-session-capability-copy,:where(.og-root)  .og-session-capability-shell[data-state="complete"] .og-session-capability-copy {
  color: var(--og-color-status-idle);
}
:where(.og-root).og-session-capability-shell[data-state="complete"] .og-session-capability-copy,:where(.og-root) .og-session-capability-shell[data-state="complete"] .og-session-capability-copy {
  font-weight: 500;
}
:where(.og-root).og-session-capability-setup fieldset,:where(.og-root) .og-session-capability-setup fieldset {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
:where(.og-root).og-session-capability-setup legend,:where(.og-root) .og-session-capability-setup legend {
  padding: 0 0 10px;
  font-weight: 600;
}
:where(.og-root).og-session-capability-setup input,:where(.og-root) .og-session-capability-setup input {
  margin-top: 4px;
  accent-color: var(--og-color-accent-deep);
}
:where(.og-root).og-session-capability-setup .og-session-capability-scope,:where(.og-root) .og-session-capability-setup .og-session-capability-scope {
  color: var(--og-color-fg-muted);
  font-size: 12px;
}
:where(.og-root).og-session-capability-setup .og-session-capability-primary,:where(.og-root) .og-session-capability-setup .og-session-capability-primary {
  justify-self: end;
  min-height: 40px;
  padding: 10px 16px;
  border: 1px solid var(--og-color-primary-border);
  background: var(--og-color-primary);
  color: var(--og-color-primary-fg);
  font-weight: 500;
}
:where(.og-root).og-session-capability-setup .og-session-capability-primary:hover:not(:disabled),:where(.og-root) .og-session-capability-setup .og-session-capability-primary:hover:not(:disabled) {
  filter: brightness(.94);
}
:where(.og-root).og-session-capability-progress,:where(.og-root) .og-session-capability-progress {
  color: var(--og-color-fg-muted);
  padding-block: 8px;
}
:where(.og-root).og-session-capability-setup .og-session-capability-stop,:where(.og-root) .og-session-capability-setup .og-session-capability-stop {
  justify-self: end;
}
@media (pointer:coarse) {
  :where(.og-root).og-session-capability-actions button,:where(.og-root) .og-session-capability-actions button,:where(.og-root).og-session-capability-setup button,:where(.og-root) .og-session-capability-setup button {
    min-height: 44px;
  }
}
:where(.og-root).og-preview-loading,:where(.og-root) .og-preview-loading {
  --_og-preview-ink: #9fdccd;
  --_og-preview-glow: #5fb8a3;
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  background: #1b1b1b;
  container: og-preview / inline-size;
}
:where(.og-root):is([data-og-theme="light"], .og-light) .og-preview-loading, :is([data-og-theme="light"], .og-light) :where(.og-root) .og-preview-loading,:where(.og-root) :is([data-og-theme="light"], .og-light) .og-preview-loading {
  --_og-preview-ink: #5f8f84;
  --_og-preview-glow: #9fe3d3;
  background: #f9f9f9;
}
:where(.og-root).og-preview-loading canvas,:where(.og-root) .og-preview-loading canvas {
  display: block;
  width: 100%;
  height: 320px;
  background-image: radial-gradient(circle, var(--_og-preview-ink) 1px, transparent 1px);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: radial-gradient(circle, color-mix(in srgb, var(--_og-preview-ink) 30%, transparent) 1px, transparent 1px);
  }
  background-size: 18px 18px;
}
:where(.og-root).og-preview-loading canvas[data-painted="true"],:where(.og-root) .og-preview-loading canvas[data-painted="true"] {
  background-image: none;
}
:where(.og-root).og-preview-loading-label,:where(.og-root) .og-preview-loading-label {
  position: absolute;
  left: 16px;
  bottom: 14px;
  color: var(--og-color-fg-muted);
  font-family: var(--og-font-sans);
  font-size: var(--og-font-size-xs);
  line-height: var(--og-line-height-xs);
  font-weight: 400;
}
@container og-preview (max-width: 500px) {
  :where(.og-root).og-preview-loading canvas,:where(.og-root) .og-preview-loading canvas {
    height: 260px;
  }
}
@media (max-width: 500px) {
  :where(.og-root).og-preview-loading canvas,:where(.og-root) .og-preview-loading canvas {
    height: 260px;
  }
}
@keyframes og-expand {
  from {
    height: 0;
    opacity: 0;
  }
  40% {
    opacity: 0.25;
  }
  85% {
    opacity: 1;
  }
  to {
    height: var(--radix-collapsible-content-height);
    opacity: 1;
  }
}
@keyframes og-collapse {
  from {
    height: var(--radix-collapsible-content-height);
    opacity: 1;
  }
  35% {
    opacity: 0.7;
  }
  70% {
    opacity: 0;
  }
  to {
    height: 0;
    opacity: 0;
  }
}
@keyframes og-settle-chip {
  from {
    background-color: color-mix(in oklch, var(--color-og-surface-1, transparent) 55%, transparent);
  }
  to {
    background-color: transparent;
  }
}
@keyframes og-stream-ink {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
:where(.og-root).og-stream-ink,:where(.og-root) .og-stream-ink {
  display: inline;
  animation: og-stream-ink var(--_og-duration-stream) var(--og-ease-out) both;
}
@keyframes og-markdown-settle {
  from {
    opacity: 0.92;
  }
  to {
    opacity: 1;
  }
}
:where(.og-root).og-markdown-settle,:where(.og-root) .og-markdown-settle {
  animation: var(--animate-og-markdown-settle);
}
@keyframes og-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes og-row-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
:where(.og-root).animate-og-row-enter,:where(.og-root) .animate-og-row-enter {
  animation: var(--animate-og-row-enter);
}
@keyframes og-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
@keyframes og-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes og-shimmer {
  from {
    background-position: 200% center;
  }
  to {
    background-position: -200% center;
  }
}
@keyframes og-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes og-waveform {
  0%, 100% {
    transform: scaleY(0.28);
    opacity: 0.45;
  }
  50% {
    transform: scaleY(1);
    opacity: 0.95;
  }
}
@keyframes og-mh-draw {
  from {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}
:where(.og-root).og-mh-draw,:where(.og-root) .og-mh-draw {
  stroke-dasharray: 1;
  animation: og-mh-draw 900ms var(--og-ease-out) forwards;
}
@media (prefers-reduced-motion: reduce) {
  :where(.og-root).og-mh-draw,:where(.og-root) .og-mh-draw {
    animation: none;
    stroke-dasharray: none;
  }
}
:where(.og-root).og-shimmer-text,:where(.og-root) .og-shimmer-text {
  background: linear-gradient( 90deg, var(--og-color-fg-subtle) 0%, var(--og-color-fg) 50%, var(--og-color-fg-subtle) 100% );
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  animation: og-shimmer 2.2s linear infinite;
}
:where(.og-root) {
  font-family: var(--og-font-sans);
  font-feature-settings: var(--og-font-features);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  color: var(--og-color-fg);
}
:is(.og-root.og-root, .og-root .og-root) :where( .text-og-xs, .text-og-sm, .text-og-base, .text-og-md, .text-og-control, .text-og-menu, .text-og-composer, .text-og-composer-wide ), :is( .og-root.text-og-xs, .og-root.text-og-sm, .og-root.text-og-base, .og-root.text-og-md, .og-root.text-og-control, .og-root.text-og-menu, .og-root.text-og-composer, .og-root.text-og-composer-wide ) {
  font-size: var(--og-component-font-size);
  line-height: var(--tw-leading, var(--og-component-line-height));
}
:where(.og-root) :where(*) {
  scrollbar-width: thin;
  scrollbar-color: var(--og-color-border-strong) transparent;
}
@supports selector(::-webkit-scrollbar) {
  :where(:root[data-og-scrollbars="classic"]) :where(.og-root) :where(*) {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
  :where(:root[data-og-scrollbars="classic"]) :where(.og-root) :where(*)::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: transparent;
  }
  :where(:root[data-og-scrollbars="classic"]) :where(.og-root) :where(*)::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    border-radius: 999px;
    background: var(--og-color-border-strong) padding-box;
  }
  :where(:root[data-og-scrollbars="classic"]) :where(.og-root) :where(*)::-webkit-scrollbar-thumb:hover {
    border-width: 2px;
    background-color: var(--og-color-fg-subtle);
  }
  :where(:root[data-og-scrollbars="classic"]) :where(.og-root) :where(*)::-webkit-scrollbar-corner {
    background: transparent;
  }
}
:where(.og-root)[data-radix-popper-content-wrapper]:has( > [data-machine-state-popover][data-state="closed"] ),:where(.og-root) [data-radix-popper-content-wrapper]:has( > [data-machine-state-popover][data-state="closed"] ) {
  visibility: hidden;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  :where(.og-root) *,:where(.og-root) *::before,:where(.og-root) *::after,:where(.og-root) .og-shimmer-text,:where(.og-root)  .og-shimmer-text {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
  :where(.og-root) .og-stream-ink {
    animation-delay: 0ms !important;
  }
}
@media (max-width: 39.999rem) {
  :where(.og-root).og-composer-footer[data-footer-transcription-capturing] .og-composer-controls > :not([data-transcription-capturing]),:where(.og-root) .og-composer-footer[data-footer-transcription-capturing] .og-composer-controls > :not([data-transcription-capturing]) {
    display: none;
  }
  :where(.og-root).og-composer-footer[data-footer-transcription-capturing] .og-composer-actions,:where(.og-root) .og-composer-footer[data-footer-transcription-capturing] .og-composer-actions {
    display: none;
  }
  :where(.og-root).og-composer-footer[data-footer-transcription-attention] .og-composer-controls > :not([data-transcription-attention]),:where(.og-root) .og-composer-footer[data-footer-transcription-attention] .og-composer-controls > :not([data-transcription-attention]) {
    display: none;
  }
  :where(.og-root).og-composer-footer[data-footer-transcription-attention] .og-composer-actions > :not([data-analytics-action]),:where(.og-root) .og-composer-footer[data-footer-transcription-attention] .og-composer-actions > :not([data-analytics-action]) {
    display: none;
  }
  :where(.og-root).og-composer-footer [data-transcription-attention] :is(.og-transcription-recovered-label, .og-transcription-error-label),:where(.og-root) .og-composer-footer [data-transcription-attention] :is(.og-transcription-recovered-label, .og-transcription-error-label) {
    max-width: min(15rem, 52vw);
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.2;
  }
  :where(.og-root).og-composer-footer[data-footer-realtime-attention] .og-composer-controls,:where(.og-root) .og-composer-footer[data-footer-realtime-attention] .og-composer-controls {
    display: none;
  }
  :where(.og-root).og-composer-footer[data-footer-realtime-attention] .og-composer-actions,:where(.og-root) .og-composer-footer[data-footer-realtime-attention] .og-composer-actions,:where(.og-root) .og-composer-footer[data-footer-realtime-attention] .og-realtime-control,:where(.og-root)  .og-composer-footer[data-footer-realtime-attention] .og-realtime-control,:where(.og-root) .og-composer-footer [data-realtime-attention],:where(.og-root)  .og-composer-footer [data-realtime-attention] {
    flex: 1 1 auto;
    min-width: 0;
  }
  :where(.og-root).og-composer-footer[data-footer-realtime-attention] .og-composer-actions > :not(.og-realtime-control),:where(.og-root) .og-composer-footer[data-footer-realtime-attention] .og-composer-actions > :not(.og-realtime-control) {
    flex-shrink: 0;
  }
  :where(.og-root).og-composer-footer [data-realtime-attention] .og-realtime-failure-label,:where(.og-root) .og-composer-footer [data-realtime-attention] .og-realtime-failure-label {
    max-width: none;
    -webkit-line-clamp: 3;
  }
}
@media (forced-colors: active) {
  :where(.og-root) {
    --og-color-bg: Canvas;
    --og-color-surface-1: Canvas;
    --og-color-surface-2: Canvas;
    --og-color-surface-3: Canvas;
    --og-color-border: CanvasText;
    --og-color-border-strong: CanvasText;
    --og-color-fg: CanvasText;
    --og-color-fg-muted: CanvasText;
    --og-color-fg-subtle: CanvasText;
    --og-color-accent: CanvasText;
    --og-color-accent-strong: CanvasText;
    --og-color-accent-deep: CanvasText;
    --og-color-accent-fg: CanvasText;
    --og-color-accent-soft: Canvas;
    --og-color-status-queued: CanvasText;
    --og-color-status-running: CanvasText;
    --og-color-status-idle: CanvasText;
    --og-color-status-waiting: CanvasText;
    --og-color-status-failed: CanvasText;
    --og-color-status-cancelled: CanvasText;
    --og-color-danger: CanvasText;
    --og-color-diff-add-bg: Canvas;
    --og-color-diff-del-bg: Canvas;
    --og-shadow-sm: none;
    --og-shadow-md: none;
    --og-shadow-lg: none;
    --og-shadow-glow: none;
  }
  :where(.og-root) [role="tab"][aria-selected="true"] {
    outline: 2px solid Highlight;
    outline-offset: -2px;
  }
}
:where(.og-root).xterm .xterm-width-cache-measure-container,:where(.og-root) .xterm .xterm-width-cache-measure-container,:where(.og-root) .xterm-width-cache-measure-container,:where(.og-root)  .xterm-width-cache-measure-container,:where(.og-root) .xterm .xterm-char-measure-element,:where(.og-root)  .xterm .xterm-char-measure-element {
  position: absolute !important;
  top: 0;
  left: 0;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: -1 !important;
}
:where(.og-root).og-cm-editor .cm-editor,:where(.og-root) .og-cm-editor .cm-editor {
  background-color: var(--og-cm-bg, var(--og-color-bg));
  color: var(--og-color-fg);
}
:where(.og-root).og-cm-editor .cm-editor .cm-gutters,:where(.og-root) .og-cm-editor .cm-editor .cm-gutters {
  background-color: var(--og-cm-bg, var(--og-color-bg));
  border-right-color: var(--og-color-border);
  color: var(--og-color-fg-subtle);
}
:where(.og-root).og-cm-editor .cm-editor .cm-activeLine,:where(.og-root) .og-cm-editor .cm-editor .cm-activeLine {
  background-color: var(--og-color-fg);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--og-color-fg) 4%, transparent);
  }
}
:where(.og-root).og-cm-editor .cm-editor .cm-activeLineGutter,:where(.og-root) .og-cm-editor .cm-editor .cm-activeLineGutter {
  background-color: var(--og-color-fg);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--og-color-fg) 6%, transparent);
  }
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-cm-editor .cm-editor .cm-cursor,:where(.og-root) .og-cm-editor .cm-editor .cm-cursor,:where(.og-root) .og-cm-editor .cm-editor .cm-dropCursor,:where(.og-root)  .og-cm-editor .cm-editor .cm-dropCursor {
  border-left-color: var(--og-color-fg);
}
:where(.og-root).og-cm-editor .cm-editor .cm-selectionLayer .cm-selectionBackground,:where(.og-root) .og-cm-editor .cm-editor .cm-selectionLayer .cm-selectionBackground,:where(.og-root) .og-cm-editor .cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground,:where(.og-root)  .og-cm-editor .cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground {
  background-color: var(--og-color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--og-color-accent) 30%, transparent);
  }
}
:where(.og-root).og-cm-editor .cm-editor .cm-selectionMatch,:where(.og-root) .og-cm-editor .cm-editor .cm-selectionMatch {
  background-color: var(--og-color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--og-color-accent) 18%, transparent);
  }
}
:where(.og-root).og-cm-editor .cm-editor .cm-panels,:where(.og-root) .og-cm-editor .cm-editor .cm-panels {
  background-color: var(--og-color-surface-2);
  color: var(--og-color-fg);
}
:where(.og-root).og-genie-loading,:where(.og-root) .og-genie-loading {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 88px;
  padding: 12px 0;
}
:where(.og-root).og-genie-orb,:where(.og-root) .og-genie-orb {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
}
:where(.og-root).og-genie-orb canvas,:where(.og-root) .og-genie-orb canvas {
  display: block;
}
:where(.og-root).og-genie-copy,:where(.og-root) .og-genie-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
:where(.og-root).og-genie-phrase,:where(.og-root) .og-genie-phrase {
  color: var(--og-color-fg-muted);
  font-size: var(--og-font-size-sm);
  line-height: 1.5;
  animation: og-genie-phrase-in .65s ease-out both;
}
:where(.og-root).og-genie-details,:where(.og-root) .og-genie-details {
  color: var(--og-color-fg-subtle);
  font-size: var(--og-font-size-xs);
  min-height: 28px;
  cursor: pointer;
  border-radius: 4px;
  text-align: left;
  transition: color .2s;
}
:where(.og-root).og-genie-details:hover,:where(.og-root) .og-genie-details:hover {
  color: var(--og-color-fg);
}
:where(.og-root).og-genie-details:focus-visible,:where(.og-root) .og-genie-details:focus-visible {
  outline: 2px solid var(--og-color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    outline: 2px solid color-mix(in srgb, var(--og-color-accent) 55%, transparent);
  }
  outline-offset: 4px;
}
@keyframes og-genie-phrase-in {
  from {
    opacity: 0;
    transform: translateY(3px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (pointer: coarse) {
  :where(.og-root).og-genie-details,:where(.og-root) .og-genie-details {
    min-height: 44px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.og-root).og-genie-phrase,:where(.og-root) .og-genie-phrase {
    animation: none;
  }
}
:where(.og-root).og-rolling-status,:where(.og-root) .og-rolling-status {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  width: 100%;
}
:where(.og-root).og-rolling-window,:where(.og-root) .og-rolling-window {
  position: relative;
  display: block;
  flex: 1;
  min-width: 0;
  height: 24px;
  overflow: hidden;
}
:where(.og-root).og-rolling-face,:where(.og-root) .og-rolling-face {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
}
:where(.og-root).og-rolling-label,:where(.og-root) .og-rolling-label {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  width: 100%;
  font-size: 13px;
  font-weight: 450;
  line-height: 20px;
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-rolling-label > svg,:where(.og-root) .og-rolling-label > svg {
  flex-shrink: 0;
}
:where(.og-root).og-rolling-count,:where(.og-root) .og-rolling-count {
  flex-shrink: 0;
  font-size: 11px;
  color: var(--og-color-fg-subtle);
  font-variant-numeric: tabular-nums;
}
:where(.og-root).og-command-reel,:where(.og-root) .og-command-reel {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  transform-origin: 50% 50%;
}
:where(.og-root).og-reasoning-preview,:where(.og-root) .og-reasoning-preview,:where(.og-root) .og-reasoning-preview :is(div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote,pre),:where(.og-root)  .og-reasoning-preview :is(div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote,pre) {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}
:where(.og-root).og-reasoning-preview br,:where(.og-root) .og-reasoning-preview br {
  display: none;
}
:where(.og-root).og-reasoning-preview :is(p,li,h1,h2,h3,h4)::after,:where(.og-root) .og-reasoning-preview :is(p,li,h1,h2,h3,h4)::after {
  content: " ";
}
:where(.og-root).og-reel-title,:where(.og-root) .og-reel-title {
  flex: 0 0 auto;
  min-width: 0;
  max-width: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:where(.og-root).og-reel-title:only-child,:where(.og-root) .og-reel-title:only-child {
  max-width: 100%;
}
:where(.og-root).og-reel-preview,:where(.og-root) .og-reel-preview {
  flex: 1 1 0%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:where(.og-root):where(.og-shimmer),:where(.og-root) :where(.og-shimmer) {
  display: inline-block;
}
:where(.og-root).og-shimmer,:where(.og-root) .og-shimmer {
  --_og-shimmer-base: var(--og-color-fg-subtle);
  --_og-shimmer-peak: var(--og-color-fg);
  --_og-shimmer-band: transparent 0%, #000 50%, transparent 100%;
  --_og-shimmer-duration: 1.1s;
  position: relative;
  overflow: clip;
}
:where(.og-root).og-shimmer[data-og-shimmer-tone="reel"],:where(.og-root) .og-shimmer[data-og-shimmer-tone="reel"] {
  --_og-shimmer-base: light-dark(#8a8a8a,#6b6b6b);
  --_og-shimmer-peak: light-dark(#f2f2f2,#fff);
  --_og-shimmer-band: transparent 26%, #000 50%, transparent 74%;
  --_og-shimmer-duration: 3.6s;
}
:where(.og-root).og-shimmer-beam,:where(.og-root) .og-shimmer-beam {
  position: absolute;
  inset: 0;
  display: none;
  pointer-events: none;
  user-select: none;
  -webkit-mask-image: linear-gradient(90deg, var(--_og-shimmer-band));
  mask-image: linear-gradient(90deg, var(--_og-shimmer-band));
  animation: og-shimmer-window var(--_og-shimmer-duration) linear infinite;
}
:where(.og-root).og-shimmer-copy,:where(.og-root) .og-shimmer-copy,:where(.og-root) .og-shimmer-beam[data-og-shimmer-copy]::before,:where(.og-root)  .og-shimmer-beam[data-og-shimmer-copy]::before {
  position: absolute;
  inset: 0;
  -webkit-text-fill-color: var(--_og-shimmer-peak);
  animation: og-shimmer-copy var(--_og-shimmer-duration) linear infinite;
}
:where(.og-root).og-shimmer-beam[data-og-shimmer-copy],:where(.og-root) .og-shimmer-beam[data-og-shimmer-copy] {
  padding: inherit;
}
:where(.og-root).og-shimmer-beam[data-og-shimmer-copy]::before,:where(.og-root) .og-shimmer-beam[data-og-shimmer-copy]::before {
  content: attr(data-og-shimmer-copy);
  padding: inherit;
}
:where(.og-root).og-shimmer[data-og-shimmer="on"],:where(.og-root) .og-shimmer[data-og-shimmer="on"],:where(.og-root) .og-rolling-status[data-running="true"] .og-shimmer[data-og-shimmer="ancestor"],:where(.og-root)  .og-rolling-status[data-running="true"] .og-shimmer[data-og-shimmer="ancestor"] {
  -webkit-text-fill-color: var(--_og-shimmer-base);
}
:where(.og-root).og-shimmer[data-og-shimmer="on"] > .og-shimmer-beam,:where(.og-root) .og-shimmer[data-og-shimmer="on"] > .og-shimmer-beam,:where(.og-root) .og-rolling-status[data-running="true"] .og-shimmer[data-og-shimmer="ancestor"] > .og-shimmer-beam,:where(.og-root)  .og-rolling-status[data-running="true"] .og-shimmer[data-og-shimmer="ancestor"] > .og-shimmer-beam {
  display: block;
}
@keyframes og-shimmer-window {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes og-shimmer-copy {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@media (prefers-reduced-motion:reduce), (forced-colors:active) {
  :where(.og-root).og-shimmer[data-og-shimmer="on"],:where(.og-root) .og-shimmer[data-og-shimmer="on"],:where(.og-root) .og-rolling-status[data-running="true"] .og-shimmer[data-og-shimmer="ancestor"],:where(.og-root)  .og-rolling-status[data-running="true"] .og-shimmer[data-og-shimmer="ancestor"] {
    -webkit-text-fill-color: currentColor;
  }
  :where(.og-root).og-shimmer .og-shimmer-beam,:where(.og-root) .og-shimmer .og-shimmer-beam {
    display: none !important;
  }
}
:where(.og-root).og-composer[data-og-responsive-basis="container"],:where(.og-root) .og-composer[data-og-responsive-basis="container"] {
  container: og-composer / inline-size;
  --_og-c-input-x: 1rem;
  --_og-c-input-size: var(--og-font-size-composer-wide);
  --_og-c-input-leading: var(--og-line-height-composer-wide);
  --_og-c-gap: 0.375rem;
  --_og-c-footer-x: 0.625rem;
  --_og-c-footer-b: 0.625rem;
  --_og-c-controls-wrap: wrap;
  --_og-c-hint-display: inline;
  --_og-c-model-max: 16rem;
  --_og-c-model-x: 0.625rem;
  --_og-c-native-max: 180px;
  --_og-c-recovered-max: 14rem;
  --_og-c-error-max: 14rem;
  --og-model-policy-label-full-display: inline;
  --og-model-policy-label-short-display: none;
  --og-model-policy-effort-display: inline;
  --og-model-policy-chevron-display: inline;
}
:where(.og-root)[data-og-responsive-basis="container"] .og-composer-input,:where(.og-root) [data-og-responsive-basis="container"] .og-composer-input {
  padding-inline: var(--_og-c-input-x);
  font-size: var(--_og-c-input-size);
  line-height: var(--_og-c-input-leading);
}
:where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer,:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer {
  gap: var(--_og-c-gap);
  padding-inline: var(--_og-c-footer-x);
  padding-bottom: var(--_og-c-footer-b);
}
:where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer[data-og-stack-actions],:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer[data-og-stack-actions] {
  flex-wrap: wrap;
}
:where(.og-root)[data-og-responsive-basis="container"] .og-composer-controls,:where(.og-root) [data-og-responsive-basis="container"] .og-composer-controls {
  flex-wrap: var(--_og-c-controls-wrap);
}
:where(.og-root)[data-og-responsive-basis="container"] :is(.og-composer-controls, .og-composer-actions),:where(.og-root) [data-og-responsive-basis="container"] :is(.og-composer-controls, .og-composer-actions) {
  gap: var(--_og-c-gap);
}
:where(.og-root)[data-og-responsive-basis="container"] :is(.og-composer-hint, .og-command-description),:where(.og-root) [data-og-responsive-basis="container"] :is(.og-composer-hint, .og-command-description) {
  display: var(--_og-c-hint-display);
}
:where(.og-root)[data-og-responsive-basis="container"] .og-model-policy-trigger,:where(.og-root) [data-og-responsive-basis="container"] .og-model-policy-trigger {
  height: var(--og-model-picker-trigger-height);
  max-width: var(--_og-c-model-max);
  padding-inline: var(--_og-c-model-x);
}
:where(.og-root)[data-og-responsive-basis="container"] .og-model-policy-label-full,:where(.og-root) [data-og-responsive-basis="container"] .og-model-policy-label-full {
  display: var(--og-model-policy-label-full-display);
}
:where(.og-root)[data-og-responsive-basis="container"] .og-model-policy-label-short,:where(.og-root) [data-og-responsive-basis="container"] .og-model-policy-label-short {
  display: var(--og-model-policy-label-short-display);
}
@container model-controls (max-width: 7.999rem) {
  :where(.og-root)[data-og-responsive-basis="container"] .og-model-policy-label-short,:where(.og-root) [data-og-responsive-basis="container"] .og-model-policy-label-short {
    display: none;
  }
}
:where(.og-root)[data-og-responsive-basis="container"] .og-model-policy-effort,:where(.og-root) [data-og-responsive-basis="container"] .og-model-policy-effort {
  display: var(--og-model-policy-effort-display);
}
:where(.og-root)[data-og-responsive-basis="container"] .og-model-policy-chevron,:where(.og-root) [data-og-responsive-basis="container"] .og-model-policy-chevron {
  display: var(--og-model-policy-chevron-display);
}
:where(.og-root)[data-og-responsive-basis="container"] .og-composer-pause-yields,:where(.og-root) [data-og-responsive-basis="container"] .og-composer-pause-yields {
  display: inline-flex;
}
:where(.og-root)[data-og-responsive-basis="container"] .og-model-picker-native,:where(.og-root) [data-og-responsive-basis="container"] .og-model-picker-native {
  max-width: var(--_og-c-native-max);
}
:where(.og-root)[data-og-responsive-basis="container"] .og-transcription-recovered-label,:where(.og-root) [data-og-responsive-basis="container"] .og-transcription-recovered-label {
  max-width: var(--_og-c-recovered-max);
}
:where(.og-root)[data-og-responsive-basis="container"] .og-transcription-error-label,:where(.og-root) [data-og-responsive-basis="container"] .og-transcription-error-label {
  max-width: var(--_og-c-error-max);
}
:where(.og-root)[data-og-responsive-basis="container"] :is(.og-realtime-primary, .og-realtime-model-trigger),:where(.og-root) [data-og-responsive-basis="container"] :is(.og-realtime-primary, .og-realtime-model-trigger) {
  height: 2rem;
}
:where(.og-root)[data-og-responsive-basis="container"] .og-realtime-primary,:where(.og-root) [data-og-responsive-basis="container"] .og-realtime-primary {
  width: 2rem;
}
:where(.og-root)[data-og-responsive-basis="container"] .og-realtime-model-trigger,:where(.og-root) [data-og-responsive-basis="container"] .og-realtime-model-trigger {
  display: inline-flex;
  width: 1.5rem;
}
:where(.og-root)[data-og-responsive-basis="container"] .og-realtime-control[data-model-menu="split-desktop"] .og-realtime-primary,:where(.og-root) [data-og-responsive-basis="container"] .og-realtime-control[data-model-menu="split-desktop"] .og-realtime-primary {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@container og-composer (max-width: 47.999rem) {
  :where(.og-root)[data-og-responsive-basis="container"] :where(*),:where(.og-root) [data-og-responsive-basis="container"] :where(*) {
    --_og-c-input-x: 0.875rem;
    --_og-c-input-size: var(--og-font-size-composer);
    --_og-c-input-leading: var(--og-line-height-composer);
  }
}
@container og-composer (max-width: 39.999rem) {
  :where(.og-root)[data-og-responsive-basis="container"] :where(*),:where(.og-root) [data-og-responsive-basis="container"] :where(*) {
    --_og-c-gap: 0.125rem;
    --_og-c-footer-x: 0.5rem;
    --_og-c-footer-b: 0.5rem;
    --_og-c-controls-wrap: nowrap;
    --_og-c-hint-display: none;
    --_og-c-model-max: 7.5rem;
    --_og-c-model-x: 0.375rem;
    --_og-c-native-max: 7.5rem;
    --_og-c-recovered-max: 8rem;
    --_og-c-error-max: 8rem;
    --og-model-policy-label-full-display: none;
    --og-model-policy-label-short-display: inline;
    --og-model-policy-effort-display: none;
    --og-model-policy-chevron-display: none;
  }
  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer,:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer {
    flex-wrap: nowrap;
    align-items: center;
  }
  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-actions,:where(.og-root) [data-og-responsive-basis="container"] .og-composer-actions {
    flex-wrap: nowrap;
  }
  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-pause-yields,:where(.og-root) [data-og-responsive-basis="container"] .og-composer-pause-yields {
    display: none;
  }
  :where(.og-root)[data-og-responsive-basis="container"] .og-realtime-control[data-model-menu="split-desktop"] .og-realtime-primary,:where(.og-root) [data-og-responsive-basis="container"] .og-realtime-control[data-model-menu="split-desktop"] .og-realtime-primary {
    border-radius: var(--og-radius-md);
  }
  :where(.og-root)[data-og-responsive-basis="container"] .og-realtime-control[data-model-menu="split-desktop"] .og-realtime-model-trigger,:where(.og-root) [data-og-responsive-basis="container"] .og-realtime-control[data-model-menu="split-desktop"] .og-realtime-model-trigger {
    display: none;
  }
  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer[data-footer-transcription-capturing] .og-composer-controls > :not([data-transcription-capturing]),:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer[data-footer-transcription-capturing] .og-composer-controls > :not([data-transcription-capturing]) {
    display: none;
  }
  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer[data-footer-transcription-capturing] .og-composer-actions,:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer[data-footer-transcription-capturing] .og-composer-actions {
    display: none;
  }
  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer[data-footer-transcription-attention] .og-composer-controls > :not([data-transcription-attention]),:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer[data-footer-transcription-attention] .og-composer-controls > :not([data-transcription-attention]) {
    display: none;
  }
  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer[data-footer-transcription-attention] .og-composer-actions > :not([data-analytics-action]),:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer[data-footer-transcription-attention] .og-composer-actions > :not([data-analytics-action]) {
    display: none;
  }
  :where(.og-root)[data-og-responsive-basis="container"] [data-transcription-attention] :is(.og-transcription-recovered-label, .og-transcription-error-label),:where(.og-root) [data-og-responsive-basis="container"] [data-transcription-attention] :is(.og-transcription-recovered-label, .og-transcription-error-label) {
    max-width: 15rem;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.2;
  }
  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer[data-footer-realtime-attention] .og-composer-controls,:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer[data-footer-realtime-attention] .og-composer-controls {
    display: none;
  }
  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer[data-footer-realtime-attention] .og-composer-actions,:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer[data-footer-realtime-attention] .og-composer-actions,:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer[data-footer-realtime-attention] .og-realtime-control,:where(.og-root)  [data-og-responsive-basis="container"] .og-composer-footer[data-footer-realtime-attention] .og-realtime-control,:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer [data-realtime-attention],:where(.og-root)  [data-og-responsive-basis="container"] .og-composer-footer [data-realtime-attention] {
    flex: 1 1 auto;
    min-width: 0;
  }
  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer[data-footer-realtime-attention] .og-composer-actions > :not(.og-realtime-control),:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer[data-footer-realtime-attention] .og-composer-actions > :not(.og-realtime-control) {
    flex-shrink: 0;
  }
  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer [data-realtime-attention] .og-realtime-failure-label,:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer [data-realtime-attention] .og-realtime-failure-label {
    max-width: none;
    -webkit-line-clamp: 3;
  }
}
@container og-composer (max-width: 24.999rem) {
  :where(.og-root).og-composer[data-og-responsive-basis="container"] .og-composer-resume-label-long,:where(.og-root) .og-composer[data-og-responsive-basis="container"] .og-composer-resume-label-long {
    display: none;
  }
  :where(.og-root).og-composer[data-og-responsive-basis="container"] .og-composer-resume-label-short,:where(.og-root) .og-composer[data-og-responsive-basis="container"] .og-composer-resume-label-short {
    display: inline;
  }
}
@media (pointer: coarse) {
  :where(.og-root)[data-og-responsive-basis="container"] .og-model-policy-trigger,:where(.og-root) [data-og-responsive-basis="container"] .og-model-policy-trigger,:where(.og-root) [data-og-responsive-basis="container"] .og-realtime-primary,:where(.og-root)  [data-og-responsive-basis="container"] .og-realtime-primary,:where(.og-root) [data-og-responsive-basis="container"] .og-realtime-model-trigger,:where(.og-root)  [data-og-responsive-basis="container"] .og-realtime-model-trigger {
    height: 2.75rem;
  }
  :where(.og-root)[data-og-responsive-basis="container"] .og-realtime-primary,:where(.og-root) [data-og-responsive-basis="container"] .og-realtime-primary,:where(.og-root) [data-og-responsive-basis="container"] .og-realtime-model-trigger,:where(.og-root)  [data-og-responsive-basis="container"] .og-realtime-model-trigger {
    width: 2.75rem;
  }
}
:where(.og-root).og-model-policy-menu,:where(.og-root) .og-model-policy-menu {
  box-sizing: border-box;
  width: min( var(--og-model-picker-menu-width), calc(var(--og-portal-source-inline-size, 100vw) - 1rem), var(--radix-popover-content-available-width, 100vw) );
  max-width: calc(100vw - 1rem);
}
:where(.og-root).og-realtime-menu,:where(.og-root) .og-realtime-menu {
  box-sizing: border-box;
  width: min( var(--og-realtime-menu-width), calc(var(--og-portal-source-inline-size, 100vw) - 1rem), var(--radix-dropdown-menu-content-available-width, 100vw) );
  max-width: calc(100vw - 1rem);
}
:where(.og-root).og-chat,:where(.og-root) .og-chat {
  container: og-chat / inline-size;
}
:where(.og-root).og-chat .og-chat-sidebar,:where(.og-root) .og-chat .og-chat-sidebar {
  display: none;
}
:where(.og-root).og-chat .og-chat-menu,:where(.og-root) .og-chat .og-chat-menu {
  display: flex;
}
@container og-chat (min-width: 44rem) {
  :where(.og-root).og-chat .og-chat-sidebar,:where(.og-root) .og-chat .og-chat-sidebar {
    display: flex;
  }
  :where(.og-root).og-chat .og-chat-menu,:where(.og-root) .og-chat .og-chat-menu,:where(.og-root) .og-chat .og-chat-drawer,:where(.og-root)  .og-chat .og-chat-drawer {
    display: none;
  }
}
:where(.og-root),:where( [data-og-theme="dark"]):where(.og-root),:where( [data-og-theme="dark"]):has(:where(.og-root)),:where(.og-root) :where( [data-og-theme="dark"]) {
  --og-chart-input: #3987e5;
  --og-chart-cache-read: #199e70;
  --og-chart-cache-write: #9085e9;
  --og-chart-output: #d95926;
  --og-chart-1: #3987e5;
  --og-chart-2: #d95926;
  --og-chart-3: #199e70;
  --og-chart-4: #c98500;
  --og-chart-5: #d55181;
  --og-chart-6: #9085e9;
}
:where([data-og-theme="light"]):where(.og-root),:where([data-og-theme="light"]):has(:where(.og-root)),:where(.og-root) :where([data-og-theme="light"]),:where( .og-light):where(.og-root),:where( .og-light):has(:where(.og-root)),:where(.og-root) :where( .og-light) {
  --og-chart-input: #2a78d6;
  --og-chart-cache-read: #1baf7a;
  --og-chart-cache-write: #4a3aa7;
  --og-chart-output: #eb6834;
  --og-chart-1: #2a78d6;
  --og-chart-2: #eb6834;
  --og-chart-3: #1baf7a;
  --og-chart-4: #eda100;
  --og-chart-5: #e87ba4;
  --og-chart-6: #4a3aa7;
}
:where(.og-root)[data-canvas],:where(.og-root) [data-canvas] {
  --og-color-bg: var(--og-color-canvas);
  --color-bg: var(--og-color-canvas);
  background-color: var(--og-color-canvas);
}
@media (forced-colors: active) {
  :where(.og-root).og-rail-glow,:where(.og-root) .og-rail-glow,:where(.og-root) .og-page-glow,:where(.og-root)  .og-page-glow {
    background: Canvas;
  }
}
:where(.og-root)::selection,:where(.og-root) ::selection {
  background: var(--color-brand);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--color-brand) 45%, transparent);
  }
  color: var(--color-fg);
}
*:where(.og-root),:where(.og-root) * {
  scrollbar-width: thin;
  scrollbar-color: var(--color-border-strong) transparent;
}
@supports selector(::-webkit-scrollbar) {
  :where(.og-root):where(:root[data-og-scrollbars="classic"]) *,:where(.og-root) :where(:root[data-og-scrollbars="classic"]) * {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
  :where(.og-root):where(:root[data-og-scrollbars="classic"]) *::-webkit-scrollbar,:where(.og-root) :where(:root[data-og-scrollbars="classic"]) *::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: transparent;
  }
  :where(.og-root):where(:root[data-og-scrollbars="classic"]) *::-webkit-scrollbar-thumb,:where(.og-root) :where(:root[data-og-scrollbars="classic"]) *::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    border-radius: 999px;
    background: var(--color-border-strong) padding-box;
  }
  :where(.og-root):where(:root[data-og-scrollbars="classic"]) *::-webkit-scrollbar-thumb:hover,:where(.og-root) :where(:root[data-og-scrollbars="classic"]) *::-webkit-scrollbar-thumb:hover {
    border-width: 2px;
    background-color: var(--color-fg-subtle);
  }
  :where(.og-root):where(:root[data-og-scrollbars="classic"]) *::-webkit-scrollbar-corner,:where(.og-root) :where(:root[data-og-scrollbars="classic"]) *::-webkit-scrollbar-corner {
    background: transparent;
  }
}
:where(.og-root):where( button, a, input, textarea, [role="button"], [tabindex]:not([tabindex="-1"]) ):focus-visible:not(:where(.og-root) textarea):not(.og-model-policy-search-input):not([data-slot="button"]):not(.connector-control):not([role^="menuitem"]),:where(.og-root) :where( button, a, input, textarea, [role="button"], [tabindex]:not([tabindex="-1"]) ):focus-visible:not(:where(.og-root) textarea):not(.og-model-policy-search-input):not([data-slot="button"]):not(.connector-control):not([role^="menuitem"]) {
  outline: 2px solid var(--color-ring);
  @supports (color: color-mix(in lab, red, red)) {
    outline: 2px solid color-mix(in oklch, var(--color-ring) 55%, transparent);
  }
  outline-offset: 2px;
}
:where(.og-root).connector-control:focus-visible,:where(.og-root) .connector-control:focus-visible {
  outline: 2px solid var(--color-ring);
  @supports (color: color-mix(in lab, red, red)) {
    outline: 2px solid color-mix(in oklch, var(--color-ring) 55%, transparent);
  }
  outline-offset: -3px;
}
:where(.og-root):where(button, a[href], [role="button"], [role="menuitem"], [role="option"], summary):not(:disabled, [aria-disabled="true"]),:where(.og-root) :where(button, a[href], [role="button"], [role="menuitem"], [role="option"], summary):not(:disabled, [aria-disabled="true"]) {
  cursor: pointer;
}
:where(.og-root):where(button, [role="button"], [role="menuitem"], [role="option"]):disabled,:where(.og-root) :where(button, [role="button"], [role="menuitem"], [role="option"]):disabled,:where(.og-root) :where([aria-disabled="true"]),:where(.og-root)  :where([aria-disabled="true"]) {
  cursor: not-allowed;
}
:where(.og-root):where(input, textarea),:where(.og-root) :where(input, textarea) {
  cursor: text;
}
:where(.og-root).toaster [data-sonner-toast] > *,:where(.og-root) .toaster [data-sonner-toast] > * {
  transition: none;
}
:where(.og-root):root[data-og-theme-switching] *,:where(.og-root) :root[data-og-theme-switching] *,:where(.og-root) :root[data-og-theme-switching] *::before,:where(.og-root)  :root[data-og-theme-switching] *::before,:where(.og-root) :root[data-og-theme-switching] *::after,:where(.og-root)  :root[data-og-theme-switching] *::after {
  transition: none !important;
}
@media (prefers-reduced-motion: reduce) {
  *:where(.og-root),:where(.og-root) *, *:where(.og-root)::before,:where(.og-root)  *::before, *:where(.og-root)::after,:where(.og-root)  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}
@keyframes og-message-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
:where(.og-root).message-in,:where(.og-root) .message-in {
  animation: og-message-in 180ms ease-out both;
}
:where(.og-root).chat-scroll-mask,:where(.og-root) .chat-scroll-mask {
  scrollbar-gutter: stable;
  scroll-padding-block: 2.5rem 14rem;
}
:where(.og-root).markdown-stream,:where(.og-root) .markdown-stream {
  max-width: 100%;
  overflow-wrap: anywhere;
}
:where(.og-root).markdown-stream > :first-child,:where(.og-root) .markdown-stream > :first-child {
  margin-top: 0;
}
:where(.og-root).markdown-stream > :last-child,:where(.og-root) .markdown-stream > :last-child {
  margin-bottom: 0;
}
:where(.og-root).markdown-stream-compact,:where(.og-root) .markdown-stream-compact {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
:where(.og-root).markdown-stream [data-streamdown-table-wrapper],:where(.og-root) .markdown-stream [data-streamdown-table-wrapper],:where(.og-root) .markdown-stream [data-sd-table-wrapper],:where(.og-root)  .markdown-stream [data-sd-table-wrapper] {
  max-width: 100%;
  overflow-x: auto;
}
:where(.og-root).markdown-stream table,:where(.og-root) .markdown-stream table {
  width: auto;
  min-width: min(100%, 32rem);
}
@keyframes og-pending-dot {
  0%, 80%, 100% {
    opacity: 0.25;
    transform: translateY(0);
  }
  40% {
    opacity: 1;
    transform: translateY(-2px);
  }
}
:where(.og-root).pending-dot,:where(.og-root) .pending-dot {
  animation: og-pending-dot 1.2s infinite ease-in-out both;
}
:where(.og-root)[data-session-row-title],:where(.og-root) [data-session-row-title] {
  mask-image: linear-gradient(to right, #000 calc(100% - 1rem), transparent);
}
:where(.og-root)[data-insights],:where(.og-root) [data-insights] {
  font-feature-settings: "cv11", "ss01", "ss03", "tnum";
}
@media (max-width: 639px) {
  :where(.og-root).session-tools-trigger,:where(.og-root) .session-tools-trigger {
    width: 2rem;
    padding-inline: 0;
    gap: 0;
  }
  :where(.og-root).session-tools-label,:where(.og-root) .session-tools-label,:where(.og-root) .session-tools-chevron,:where(.og-root)  .session-tools-chevron {
    display: none;
  }
}
@container og-composer (max-width: 39.999rem) {
  :where(.og-root).console-composer-wide-control,:where(.og-root) .console-composer-wide-control {
    display: none;
  }
  :where(.og-root).console-composer-compact-control,:where(.og-root) .console-composer-compact-control {
    display: inline-flex;
  }
  :where(.og-root).session-tools-trigger,:where(.og-root) .session-tools-trigger {
    width: 2rem;
    padding-inline: 0;
    gap: 0;
  }
  :where(.og-root).session-tools-label,:where(.og-root) .session-tools-label,:where(.og-root) .session-tools-chevron,:where(.og-root)  .session-tools-chevron {
    display: none;
  }
}
:where(.og-root).capabilities-tab-bar,:where(.og-root) .capabilities-tab-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  border-bottom: 1px solid var(--color-border);
}
:where(.og-root).capabilities-tab-action,:where(.og-root) .capabilities-tab-action {
  display: flex;
  align-items: center;
  margin-left: auto;
  padding-block: 4px;
}
:where(.og-root).capabilities-tab-action:empty,:where(.og-root) .capabilities-tab-action:empty {
  display: none;
}
:where(.og-root).capabilities-tabs,:where(.og-root) .capabilities-tabs {
  margin-top: 16px;
  gap: 20px;
}
:where(.og-root).capabilities-tab-bar > [data-slot="tabs-list"],:where(.og-root) .capabilities-tab-bar > [data-slot="tabs-list"] {
  width: auto;
  height: auto;
  min-height: 44px;
  justify-content: flex-start;
  gap: 24px;
  padding: 0;
  border-bottom: 0;
  border-radius: 0;
  background: transparent;
}
:where(.og-root).capabilities-tab-bar > [data-slot="tabs-list"] > [data-slot="tabs-trigger"],:where(.og-root) .capabilities-tab-bar > [data-slot="tabs-list"] > [data-slot="tabs-trigger"] {
  flex: none;
  height: 44px;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
:where(.og-root).capabilities-tab-bar > [data-slot="tabs-list"] > [data-slot="tabs-trigger"]::after,:where(.og-root) .capabilities-tab-bar > [data-slot="tabs-list"] > [data-slot="tabs-trigger"]::after {
  bottom: -1px;
  height: 2px;
  border-radius: 2px;
}
:where(.og-root).skills-panel .skill-editor,:where(.og-root) .skills-panel .skill-editor {
  background: var(--color-surface);
}
:where(.og-root).skills-panel [data-variant="outline"],:where(.og-root) .skills-panel [data-variant="outline"],:where(.og-root) .skills-panel select,:where(.og-root)  .skills-panel select {
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  color: var(--color-fg);
  box-shadow: none;
}
:where(.og-root).skills-panel [data-variant="outline"]:hover:not(:disabled),:where(.og-root) .skills-panel [data-variant="outline"]:hover:not(:disabled),:where(.og-root) .skills-panel select:hover:not(:disabled),:where(.og-root)  .skills-panel select:hover:not(:disabled) {
  background: var(--color-surface-2, var(--color-bg));
}
:where(.og-root).skills-panel [aria-expanded="true"],:where(.og-root) .skills-panel [aria-expanded="true"] {
  background: var(--color-surface);
  color: var(--color-fg);
  box-shadow: inset 0 -2px var(--color-brand);
  border: 1px solid var(--color-border-strong);
}
:where(.og-root).skills-panel textarea,:where(.og-root) .skills-panel textarea,:where(.og-root) .skills-panel input,:where(.og-root)  .skills-panel input {
  background: var(--color-bg);
  border-color: var(--color-border-strong);
  color: var(--color-fg);
}
:where(.og-root).skills-panel button:disabled,:where(.og-root) .skills-panel button:disabled {
  opacity: .55;
}
:where(.og-root).skills-panel [hidden],:where(.og-root) .skills-panel [hidden] {
  display: none !important;
}
:where(.og-root).skills-panel .skill-list,:where(.og-root) .skills-panel .skill-list {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 4px 24px;
}
:where(.og-root).skills-panel .skill-list-row,:where(.og-root) .skills-panel .skill-list-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
  min-height: 52px;
  padding: 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--color-fg);
  text-align: left;
  cursor: pointer;
  box-shadow: none;
}
:where(.og-root).skills-panel .skill-list-row:hover,:where(.og-root) .skills-panel .skill-list-row:hover,:where(.og-root) .skills-panel .skill-list-row[aria-expanded="true"],:where(.og-root)  .skills-panel .skill-list-row[aria-expanded="true"] {
  background: var(--color-surface-2,var(--color-surface));
  border: 0;
  box-shadow: none;
}
:where(.og-root).skills-panel .skill-list-row:focus-visible,:where(.og-root) .skills-panel .skill-list-row:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}
@media (max-width:640px) {
  :where(.og-root).skills-panel .skill-list,:where(.og-root) .skills-panel .skill-list {
    grid-template-columns: minmax(0,1fr);
  }
}
:where(.og-root).capability-search-section,:where(.og-root) .capability-search-section {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid var(--color-border);
}
:where(.og-root).capability-search-section > .og-plugin-discovery,:where(.og-root) .capability-search-section > .og-plugin-discovery,:where(.og-root) .capability-search-section > section,:where(.og-root)  .capability-search-section > section {
  margin-top: 0;
}
:where(.og-root).og-session-capability,:where(.og-root) .og-session-capability {
  width: 100%;
  max-width: 540px;
  color: var(--og-color-fg);
  font-family: var(--og-font-sans,inherit);
}
:where(.og-root).og-session-capability-shell,:where(.og-root) .og-session-capability-shell {
  border: 1px solid var(--og-color-border);
  border-radius: 12px;
  background: var(--og-color-surface-1);
  overflow: hidden;
}
:where(.og-root).og-session-capability-header,:where(.og-root) .og-session-capability-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 19px 12px;
}
:where(.og-root).og-session-capability-logo,:where(.og-root) .og-session-capability-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 41px;
  height: 41px;
  flex-shrink: 0;
  border: 1px solid var(--og-color-border);
  border-radius: 10px;
  background: var(--og-color-surface-2);
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
}
:where(.og-root).og-session-capability-logo img,:where(.og-root) .og-session-capability-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 6px;
  box-sizing: border-box;
}
:where(.og-root).og-session-capability-identity,:where(.og-root) .og-session-capability-identity {
  flex: 1;
  min-width: 0;
  display: grid;
  gap: 4px;
  overflow-wrap: anywhere;
}
:where(.og-root).og-session-capability-identity h3,:where(.og-root) .og-session-capability-identity h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}
:where(.og-root).og-session-capability-identity span,:where(.og-root) .og-session-capability-identity span {
  font-size: 11px;
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-session-capability-type,:where(.og-root) .og-session-capability-type {
  flex-shrink: 0;
  padding: 4px 7px;
  border-radius: 5px;
  background: var(--og-color-surface-2);
  font-size: 10px;
}
:where(.og-root).og-session-capability-copy,:where(.og-root) .og-session-capability-copy {
  margin: 0;
  padding: 0 19px 12px;
  font-size: 12px;
  line-height: 1.7;
  color: var(--og-color-fg-muted);
  overflow-wrap: anywhere;
}
:where(.og-root).og-session-capability-actions,:where(.og-root) .og-session-capability-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 19px 14px;
}
:where(.og-root).og-session-capability-actions > span,:where(.og-root) .og-session-capability-actions > span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-session-capability-actions button,:where(.og-root) .og-session-capability-actions button {
  margin-left: auto;
  min-height: 35px;
  padding: 8px 13px;
  border-radius: 7px;
  border: 1px solid var(--og-color-primary-border);
  color: var(--og-color-primary-fg);
  background: var(--og-color-primary);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
:where(.og-root).og-session-capability-note,:where(.og-root) .og-session-capability-note {
  margin: 10px 0 0;
  font-size: 10px;
  line-height: 1.6;
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-session-capability :focus-visible,:where(.og-root) .og-session-capability :focus-visible,:where(.og-root) .og-session-capability-dialog :focus-visible,:where(.og-root)  .og-session-capability-dialog :focus-visible {
  outline: 2px solid var(--og-color-accent);
  outline-offset: 3px;
}
:where(.og-root).og-session-capability-overlay,:where(.og-root) .og-session-capability-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgb(0 0 0 / .4);
}
:where(.og-root).og-session-capability-dialog,:where(.og-root) .og-session-capability-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1001;
  width: min(42rem,calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--og-color-border);
  border-radius: 16px;
  background: var(--og-color-surface-1);
  color: var(--og-color-fg);
  font-family: var(--og-font-sans,inherit);
  box-shadow: 0 16px 48px rgb(0 0 0 / .2);
}
:where(.og-root).og-session-capability-dialog-header,:where(.og-root) .og-session-capability-dialog-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 24px;
  border-bottom: 1px solid var(--og-color-border);
}
:where(.og-root).og-session-capability-dialog-header > div,:where(.og-root) .og-session-capability-dialog-header > div {
  flex: 1;
  min-width: 0;
}
:where(.og-root).og-session-capability-dialog-header h2,:where(.og-root) .og-session-capability-dialog-header h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  overflow-wrap: anywhere;
}
:where(.og-root).og-session-capability-dialog-header p,:where(.og-root) .og-session-capability-dialog-header p {
  margin: 4px 0 0;
  color: var(--og-color-fg-muted);
  font-size: 12px;
}
:where(.og-root).og-session-capability-dialog-header > button,:where(.og-root) .og-session-capability-dialog-header > button {
  border: 0;
  background: transparent;
  color: inherit;
  padding: 8px;
  cursor: pointer;
}
:where(.og-root).og-session-capability-dialog-body,:where(.og-root) .og-session-capability-dialog-body {
  min-height: 0;
  overflow-y: auto;
}
:where(.og-root).og-session-capability-dialog:has(.og-session-capability-setup),:where(.og-root) .og-session-capability-dialog:has(.og-session-capability-setup) {
  width: min(32rem,calc(100vw - 32px));
}
:where(.og-root).og-session-capability-setup,:where(.og-root) .og-session-capability-setup {
  padding: 24px;
  display: grid;
  gap: 16px;
  font-size: 13px;
}
:where(.og-root).og-session-capability-setup > p,:where(.og-root) .og-session-capability-setup > p {
  margin: 0;
  line-height: 1.6;
}
:where(.og-root).og-session-capability-setup label,:where(.og-root) .og-session-capability-setup label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.6;
}
:where(.og-root).og-session-capability-setup button,:where(.og-root) .og-session-capability-setup button {
  font: inherit;
  padding: 9px 12px;
  border-radius: 7px;
  border: 1px solid var(--og-color-border);
  background: var(--og-color-surface-2);
  color: inherit;
  cursor: pointer;
}
:where(.og-root).og-session-capability-setup button:disabled,:where(.og-root) .og-session-capability-setup button:disabled {
  opacity: .55;
  cursor: not-allowed;
}
:where(.og-root).og-session-capability-setup [role=alert],:where(.og-root) .og-session-capability-setup [role=alert] {
  color: var(--og-color-danger);
}
:where(.og-root).og-session-capability-setup .og-session-capability-notice,:where(.og-root) .og-session-capability-setup .og-session-capability-notice {
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-session-capability-shell[data-state="complete"],:where(.og-root) .og-session-capability-shell[data-state="complete"] {
  border-color: var(--og-color-status-idle);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--og-color-status-idle) 35%,var(--og-color-border));
  }
}
:where(.og-root).og-session-capability-shell[data-state="complete"] .og-session-capability-header > svg,:where(.og-root) .og-session-capability-shell[data-state="complete"] .og-session-capability-header > svg,:where(.og-root) .og-session-capability-shell[data-state="complete"] .og-session-capability-copy,:where(.og-root)  .og-session-capability-shell[data-state="complete"] .og-session-capability-copy {
  color: var(--og-color-status-idle);
}
:where(.og-root).og-session-capability-shell[data-state="complete"] .og-session-capability-copy,:where(.og-root) .og-session-capability-shell[data-state="complete"] .og-session-capability-copy {
  font-weight: 500;
}
:where(.og-root).og-session-capability-setup fieldset,:where(.og-root) .og-session-capability-setup fieldset {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
:where(.og-root).og-session-capability-setup legend,:where(.og-root) .og-session-capability-setup legend {
  padding: 0 0 10px;
  font-weight: 600;
}
:where(.og-root).og-session-capability-setup input,:where(.og-root) .og-session-capability-setup input {
  margin-top: 4px;
  accent-color: var(--og-color-accent-deep);
}
:where(.og-root).og-session-capability-setup .og-session-capability-scope,:where(.og-root) .og-session-capability-setup .og-session-capability-scope {
  color: var(--og-color-fg-muted);
  font-size: 12px;
}
:where(.og-root).og-session-capability-setup .og-session-capability-primary,:where(.og-root) .og-session-capability-setup .og-session-capability-primary {
  justify-self: end;
  min-height: 40px;
  padding: 10px 16px;
  border: 1px solid var(--og-color-primary-border);
  background: var(--og-color-primary);
  color: var(--og-color-primary-fg);
  font-weight: 500;
}
:where(.og-root).og-session-capability-setup .og-session-capability-primary:hover:not(:disabled),:where(.og-root) .og-session-capability-setup .og-session-capability-primary:hover:not(:disabled) {
  filter: brightness(.94);
}
:where(.og-root).og-session-capability-progress,:where(.og-root) .og-session-capability-progress {
  color: var(--og-color-fg-muted);
  padding-block: 8px;
}
:where(.og-root).og-session-capability-setup .og-session-capability-stop,:where(.og-root) .og-session-capability-setup .og-session-capability-stop {
  justify-self: end;
}
@media (pointer:coarse) {
  :where(.og-root).og-session-capability-actions button,:where(.og-root) .og-session-capability-actions button,:where(.og-root).og-session-capability-setup button,:where(.og-root) .og-session-capability-setup button {
    min-height: 44px;
  }
}
:where(.og-root).og-connect,:where(.og-root) .og-connect {
  font-family: var(--og-font-sans, system-ui, sans-serif);
  color: inherit;
  line-height: 1.55;
  max-width: 48rem;
  min-width: 0;
}
:where(.og-root).og-connect :where(*, *::before, *::after),:where(.og-root) .og-connect :where(*, *::before, *::after) {
  box-sizing: border-box;
}
:where(.og-root).og-connect [hidden],:where(.og-root) .og-connect [hidden] {
  display: none !important;
}
:where(.og-root).og-connect :where(select, input, label),:where(.og-root) .og-connect :where(select, input, label) {
  min-width: 0;
}
:where(.og-root).og-connect select,:where(.og-root) .og-connect select {
  width: 100%;
}
:where(.og-root).og-connect :where(section, form, fieldset, ul, li, [role="group"]),:where(.og-root) .og-connect :where(section, form, fieldset, ul, li, [role="group"]) {
  display: grid;
  gap: .75rem;
  min-width: 0;
}
:where(.og-root).og-connect section,:where(.og-root) .og-connect section {
  padding-block: 1rem;
}
:where(.og-root).og-connect section + section,:where(.og-root) .og-connect section + section {
  border-top: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 1px solid color-mix(in srgb, currentColor 20%, transparent);
  }
}
:where(.og-root).og-connect fieldset,:where(.og-root) .og-connect fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
:where(.og-root).og-connect legend,:where(.og-root) .og-connect legend {
  font-weight: 600;
  padding-block-end: .5rem;
}
:where(.og-root).og-connect label,:where(.og-root) .og-connect label {
  display: grid;
  gap: .375rem;
}
:where(.og-root).og-session-capability-setup .og-connect label,:where(.og-root) .og-session-capability-setup .og-connect label {
  display: grid;
  gap: .375rem;
}
:where(.og-root).og-session-capability-setup .og-connect label > input:not([type="checkbox"]):not([type="radio"]),:where(.og-root) .og-session-capability-setup .og-connect label > input:not([type="checkbox"]):not([type="radio"]) {
  width: 100%;
  margin-top: 0;
}
:where(.og-root).og-connect label:has(input[type="checkbox"], input[type="radio"]),:where(.og-root) .og-connect label:has(input[type="checkbox"], input[type="radio"]) {
  display: flex;
  align-items: center;
  gap: .75rem;
  min-height: 2.75rem;
}
:where(.og-root).og-connect :where(button, select, input:not([type="checkbox"]):not([type="radio"])),:where(.og-root) .og-connect :where(button, select, input:not([type="checkbox"]):not([type="radio"])) {
  font: inherit;
  color: inherit;
  background: transparent;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, currentColor 35%, transparent);
  }
  border-radius: var(--og-radius-sm, 6px);
  min-height: 2.75rem;
  padding: .5rem .75rem;
  max-width: 100%;
}
:where(.og-root).og-connect button,:where(.og-root) .og-connect button {
  cursor: pointer;
  width: fit-content;
  text-align: start;
}
:where(.og-root).og-identity-link,:where(.og-root) .og-identity-link {
  display: grid;
  gap: 1rem;
  max-width: none;
}
:where(.og-root).og-identity-link > h2,:where(.og-root) .og-identity-link > h2 {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.2px;
  color: var(--og-color-fg);
}
:where(.og-root).og-identity-link > h2 + p,:where(.og-root) .og-identity-link > h2 + p {
  margin: -0.75rem 0 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-identity-link-card,:where(.og-root) .og-identity-link-card {
  margin-top: -0.25rem;
  padding: 0.25rem 1.25rem;
  border: 1px solid var(--og-color-border);
  border-radius: var(--og-radius-lg);
  background: var(--og-color-surface-1);
}
:where(.og-root).og-identity-link-card > *,:where(.og-root) .og-identity-link-card > * {
  margin: 0;
  padding-block: 0.875rem;
}
:where(.og-root).og-identity-link-card > * + *,:where(.og-root) .og-identity-link-card > * + * {
  border-top: 1px solid var(--og-color-border);
}
:where(.og-root).og-identity-link-card > p,:where(.og-root) .og-identity-link-card > p {
  font-size: 14px;
  line-height: 20px;
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-identity-link-card > ul:empty,:where(.og-root) .og-identity-link-card > ul:empty {
  display: none;
}
:where(.og-root).og-identity-link-card > ul,:where(.og-root) .og-identity-link-card > ul {
  padding-block: 0;
}
:where(.og-root).og-identity-link-card > ul > li,:where(.og-root) .og-identity-link-card > ul > li {
  padding-block: 0.875rem;
}
:where(.og-root).og-identity-link dl,:where(.og-root) .og-identity-link dl {
  margin: 0;
  display: grid;
  gap: .25rem;
}
:where(.og-root).og-identity-link dt,:where(.og-root) .og-identity-link dt {
  font-weight: 600;
}
:where(.og-root).og-identity-link dd,:where(.og-root) .og-identity-link dd {
  margin: 0 0 .75rem;
  overflow-wrap: anywhere;
}
:where(.og-root).og-identity-link label:has(input[type="checkbox"]),:where(.og-root) .og-identity-link label:has(input[type="checkbox"]) {
  min-height: 2.75rem;
  align-items: center;
  gap: .75rem;
}
:where(.og-root).og-connect button:hover:not(:disabled),:where(.og-root) .og-connect button:hover:not(:disabled) {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 8%, transparent);
  }
}
:where(.og-root).og-connect :disabled,:where(.og-root) .og-connect :disabled {
  opacity: .55;
  cursor: not-allowed;
}
:where(.og-root).og-connect :focus-visible,:where(.og-root) .og-connect :focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
:where(.og-root).og-connect :where(p, h2),:where(.og-root) .og-connect :where(p, h2) {
  margin: 0;
  overflow-wrap: anywhere;
}
:where(.og-root).og-connect ul,:where(.og-root) .og-connect ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
:where(.og-root).og-connect li + li,:where(.og-root) .og-connect li + li {
  padding-block-start: .75rem;
  border-top: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 1px solid color-mix(in srgb, currentColor 15%, transparent);
  }
}
:where(.og-root).og-connect [role="alert"],:where(.og-root) .og-connect [role="alert"] {
  border-inline-start: 3px solid currentColor;
  padding-inline-start: .75rem;
}
@media (forced-colors: active) {
  :where(.og-root).og-connect :where(button, select, input, section, li),:where(.og-root) .og-connect :where(button, select, input, section, li) {
    border-color: ButtonText;
  }
}
:where(.og-root).og-capability-catalog-row,:where(.og-root) .og-capability-catalog-row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  min-height: 76px;
  padding: 14px 12px;
  border: 0;
  border-radius: var(--og-radius-lg,14px);
  background: transparent;
  color: var(--og-color-fg,inherit);
  text-align: left;
  cursor: pointer;
  font-family: var(--og-font-sans,system-ui,sans-serif);
  font-size: 14px;
  line-height: 1.5;
  box-sizing: border-box;
}
:where(.og-root).og-capability-catalog-row:hover:not(:disabled),:where(.og-root) .og-capability-catalog-row:hover:not(:disabled) {
  background: var(--og-color-surface-2,currentColor);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--og-color-surface-2,color-mix(in srgb,currentColor 7%,transparent));
  }
}
:where(.og-root).og-capability-catalog-row:focus-visible,:where(.og-root) .og-capability-catalog-row:focus-visible {
  outline: 2px solid var(--og-color-accent,currentColor);
  outline-offset: 2px;
}
:where(.og-root).og-capability-catalog-row:disabled,:where(.og-root) .og-capability-catalog-row:disabled {
  cursor: not-allowed;
}
:where(.og-root).og-capability-catalog-icon,:where(.og-root) .og-capability-catalog-icon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: var(--og-radius-md,10px);
}
:where(.og-root).og-capability-catalog-icon > svg,:where(.og-root) .og-capability-catalog-icon > svg {
  width: 24px;
  height: 24px;
  color: var(--og-color-fg-muted,inherit);
}
:where(.og-root).og-capability-catalog-copy,:where(.og-root) .og-capability-catalog-copy {
  display: grid;
  gap: 3px;
  flex: 1;
  min-width: 0;
}
:where(.og-root).og-capability-catalog-copy strong,:where(.og-root) .og-capability-catalog-copy strong {
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
:where(.og-root).og-capability-catalog-copy > span,:where(.og-root) .og-capability-catalog-copy > span {
  color: var(--og-color-fg-muted,inherit);
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  overflow-wrap: anywhere;
}
:where(.og-root).og-capability-catalog-indicator,:where(.og-root) .og-capability-catalog-indicator {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-shrink: 0;
  color: var(--og-color-fg-muted,inherit);
}
:where(.og-root).og-capability-catalog-indicator > svg,:where(.og-root) .og-capability-catalog-indicator > svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
:where(.og-root).og-capability-catalog-indicator[data-status="attention"],:where(.og-root) .og-capability-catalog-indicator[data-status="attention"],:where(.og-root) .og-capability-catalog-indicator[data-status="unavailable"],:where(.og-root)  .og-capability-catalog-indicator[data-status="unavailable"] {
  color: var(--og-color-status-waiting,var(--og-color-fg-muted,inherit));
}
:where(.og-root).og-capability-catalog-notice,:where(.og-root) .og-capability-catalog-notice {
  font-size: 12px;
  max-width: 10rem;
  overflow-wrap: anywhere;
}
:where(.og-root).og-capability-catalog-sr-only,:where(.og-root) .og-capability-catalog-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
:where(.og-root).og-capability-catalog-indicator[data-status="loading"] > svg,:where(.og-root) .og-capability-catalog-indicator[data-status="loading"] > svg {
  animation: og-catalog-spin 1s linear infinite;
}
@keyframes og-catalog-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion:reduce) {
  :where(.og-root).og-capability-catalog-indicator[data-status="loading"] > svg,:where(.og-root) .og-capability-catalog-indicator[data-status="loading"] > svg {
    animation: none;
  }
}
@media (max-width:480px) {
  :where(.og-root).og-capability-catalog-notice,:where(.og-root) .og-capability-catalog-notice {
    max-width: 6rem;
  }
}
:where(.og-root).og-connection-catalog,:where(.og-root) .og-connection-catalog {
  display: grid;
  gap: 4px;
  color: var(--og-color-fg, inherit);
  font-family: var(--og-font-sans, system-ui, sans-serif);
}
:where(.og-root).og-connection-catalog-row,:where(.og-root) .og-connection-catalog-row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 64px;
  padding: 10px 12px;
  border: 0;
  border-radius: var(--og-radius-sm, 8px);
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
  font: inherit;
}
:where(.og-root).og-connection-catalog-row:hover,:where(.og-root) .og-connection-catalog-row:hover {
  background: var(--og-color-surface-2, #f3f4f5);
}
:where(.og-root).og-connection-catalog-row:focus-visible,:where(.og-root) .og-connection-catalog-row:focus-visible {
  outline: 2px solid var(--og-color-accent, currentColor);
  outline-offset: 2px;
}
:where(.og-root).og-connection-catalog-logo,:where(.og-root) .og-connection-catalog-logo {
  flex-shrink: 0;
}
:where(.og-root).og-connection-catalog-copy,:where(.og-root) .og-connection-catalog-copy {
  display: grid;
  gap: 3px;
  flex: 1;
  min-width: 0;
}
:where(.og-root).og-connection-catalog-copy strong,:where(.og-root) .og-connection-catalog-copy strong {
  font-size: 14px;
  font-weight: 500;
}
:where(.og-root).og-connection-catalog-copy > span,:where(.og-root) .og-connection-catalog-copy > span {
  font-size: 12px;
  opacity: .7;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:where(.og-root).og-connection-catalog-status,:where(.og-root) .og-connection-catalog-status {
  font-size: 12px;
  opacity: .75;
  flex-shrink: 0;
}
:where(.og-root).og-connection-catalog-service,:where(.og-root) .og-connection-catalog-service {
  border-radius: 12px;
  min-width: 0;
}
:where(.og-root).og-connection-catalog-service[open],:where(.og-root) .og-connection-catalog-service[open] {
  background: var(--og-color-surface-1, #fff);
  box-shadow: inset 0 0 0 1px var(--og-color-border, #e4e6e8);
}
:where(.og-root).og-connection-catalog-service > summary,:where(.og-root) .og-connection-catalog-service > summary {
  list-style: none;
}
:where(.og-root).og-connection-catalog-service > summary::-webkit-details-marker,:where(.og-root) .og-connection-catalog-service > summary::-webkit-details-marker {
  display: none;
}
:where(.og-root).og-connection-group-chevron,:where(.og-root) .og-connection-group-chevron {
  transition: transform 150ms ease;
}
:where(.og-root).og-connection-catalog-service[open] .og-connection-group-chevron,:where(.og-root) .og-connection-catalog-service[open] .og-connection-group-chevron {
  transform: rotate(180deg);
}
:where(.og-root).og-connection-catalog-options,:where(.og-root) .og-connection-catalog-options {
  margin: 0 12px 8px 60px;
  border-top: 1px solid var(--og-color-border, #e4e6e8);
  padding-top: 4px;
}
:where(.og-root).og-connection-option + .og-connection-option,:where(.og-root) .og-connection-option + .og-connection-option {
  border-top: 1px solid var(--og-color-border, #e4e6e8);
}
:where(.og-root).og-connection-option .og-capability-catalog-row,:where(.og-root) .og-connection-option .og-capability-catalog-row {
  min-height: 56px;
  padding: 8px 0;
  gap: 8px;
}
:where(.og-root).og-connection-option .og-capability-catalog-copy strong,:where(.og-root) .og-connection-option .og-capability-catalog-copy strong {
  font-size: 13px;
}
:where(.og-root).og-connection-option .og-connection-catalog-status,:where(.og-root) .og-connection-option .og-connection-catalog-status {
  font-size: 11px;
}
:where(.og-root).og-connection-option-action,:where(.og-root) .og-connection-option-action {
  display: grid;
  place-items: center;
  width: 32px;
  flex-shrink: 0;
}
@media (max-width: 480px) {
  :where(.og-root).og-connection-catalog-row,:where(.og-root) .og-connection-catalog-row {
    flex-wrap: wrap;
  }
  :where(.og-root).og-connection-catalog-status,:where(.og-root) .og-connection-catalog-status {
    margin-left: auto;
  }
}
:where(.og-root).og-connection-installed,:where(.og-root) .og-connection-installed {
  margin-block: 16px;
  color: inherit;
  font-family: var(--og-font-sans, system-ui, sans-serif);
}
:where(.og-root).og-connection-installed h2,:where(.og-root) .og-connection-installed h2 {
  font-size: 13px;
  font-weight: 500;
  margin: 0 0 8px;
}
:where(.og-root).og-connection-installed h2 span,:where(.og-root) .og-connection-installed h2 span {
  margin-left: 4px;
  opacity: .55;
  font-weight: 400;
}
:where(.og-root).og-connection-installed > div,:where(.og-root) .og-connection-installed > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
:where(.og-root).og-connection-installed button,:where(.og-root) .og-connection-installed button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 6px 10px;
  border: 0;
  box-shadow: none;
  border-radius: var(--og-radius-sm, 8px);
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
:where(.og-root).og-connection-installed button:hover,:where(.og-root) .og-connection-installed button:hover {
  background: var(--og-color-surface-2, #f3f4f5);
}
:where(.og-root).og-connection-installed button:focus-visible,:where(.og-root) .og-connection-installed button:focus-visible {
  outline: 2px solid var(--og-color-accent, currentColor);
  outline-offset: 2px;
}
:where(.og-root).og-connection-installed-status,:where(.og-root) .og-connection-installed-status {
  font-size: 12px;
  color: var(--og-color-fg-muted, inherit);
}
:where(.og-root).og-connection-type-picker,:where(.og-root) .og-connection-type-picker {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  border: 0;
  padding: 0;
  margin: 0 0 16px;
}
:where(.og-root).og-connection-type-picker legend,:where(.og-root) .og-connection-type-picker legend {
  font-size: 12px;
  margin-bottom: 8px;
}
:where(.og-root).og-connection-type-picker label,:where(.og-root) .og-connection-type-picker label {
  position: relative;
  padding: 8px 12px;
  font-size: 13px;
  border-radius: 8px;
  cursor: pointer;
}
:where(.og-root).og-connection-type-picker label[data-selected=true],:where(.og-root) .og-connection-type-picker label[data-selected=true] {
  background: var(--og-color-surface-2,#eef0f2);
  box-shadow: inset 0 0 0 1px var(--og-color-border,#ccc);
}
:where(.og-root).og-connection-type-picker input,:where(.og-root) .og-connection-type-picker input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
:where(.og-root).og-connection-type-picker label:focus-within,:where(.og-root) .og-connection-type-picker label:focus-within {
  outline: 2px solid var(--og-color-accent,currentColor);
  outline-offset: 2px;
}
:where(.og-root).og-connection-catalog-action-row,:where(.og-root) .og-connection-catalog-action-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
:where(.og-root).og-connection-catalog-action-row > .og-capability-catalog-row,:where(.og-root) .og-connection-catalog-action-row > .og-capability-catalog-row {
  flex: 1;
  min-width: 0;
}
:where(.og-root).og-connect [hidden],:where(.og-root) .og-connect [hidden] {
  display: none !important;
}
:where(.og-root).og-connect .og-connection-catalog-row,:where(.og-root) .og-connect .og-connection-catalog-row {
  width: 100%;
  border: 0;
  border-radius: var(--og-radius-sm,8px);
}
:where(.og-root).og-connect .og-connection-catalog-copy > span,:where(.og-root) .og-connect .og-connection-catalog-copy > span {
  white-space: normal;
}
:where(.og-root).og-connect,:where(.og-root) .og-connect {
  font-size: 14px;
}
:where(.og-root).og-connect h3,:where(.og-root) .og-connect h3 {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}
:where(.og-root).og-connect .og-capability-catalog-row,:where(.og-root) .og-connect .og-capability-catalog-row {
  width: 100%;
  border: 0;
  box-shadow: none;
  min-height: 60px;
  padding: 10px;
}
:where(.og-root).og-connect .og-connection-logo,:where(.og-root) .og-connect .og-connection-logo {
  background: var(--og-color-surface-2,#f1f3f5);
  color: var(--og-color-fg-muted,#545b66);
  border: 1px solid var(--og-color-border,#e5e7eb);
}
:where(.og-root).og-connect .og-connect-secondary,:where(.og-root) .og-connect .og-connect-secondary {
  border-top: 1px solid var(--og-color-border,#e5e7eb);
  padding-top: 12px;
}
:where(.og-root).og-connect .og-connect-secondary > summary,:where(.og-root) .og-connect .og-connect-secondary > summary {
  cursor: pointer;
  font-size: 13px;
  padding: 8px 0;
}
:where(.og-root).og-connect .og-connect-secondary > summary > span,:where(.og-root) .og-connect .og-connect-secondary > summary > span {
  margin-left: 8px;
  opacity: .5;
  font-size: 12px;
}
:where(.og-root).og-connect .og-connect-account,:where(.og-root) .og-connect .og-connect-account {
  padding: 0;
  border: 0;
  gap: 0;
}
:where(.og-root).og-connect .og-connect-account + .og-connect-account,:where(.og-root) .og-connect .og-connect-account + .og-connect-account {
  padding-top: 0;
  border-top: 1px solid var(--og-color-border,#e5e7eb);
}
:where(.og-root).og-connect .og-connect-account-details,:where(.og-root) .og-connect .og-connect-account-details {
  width: 100%;
}
:where(.og-root).og-connect .og-connect-account-heading,:where(.og-root) .og-connect .og-connect-account-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 68px;
  padding: 12px 8px;
  cursor: pointer;
  border-radius: 8px;
  list-style: none;
}
:where(.og-root).og-connect .og-connect-account-heading::-webkit-details-marker,:where(.og-root) .og-connect .og-connect-account-heading::-webkit-details-marker {
  display: none;
}
:where(.og-root).og-connect .og-connect-account-heading:hover,:where(.og-root) .og-connect .og-connect-account-heading:hover {
  background: var(--og-color-surface-2);
}
:where(.og-root).og-connect .og-connect-account-heading:focus-visible,:where(.og-root) .og-connect .og-connect-account-heading:focus-visible {
  outline: 2px solid var(--og-color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    outline: 2px solid color-mix(in srgb, var(--og-color-accent) 55%, transparent);
  }
  outline-offset: 2px;
}
:where(.og-root).og-connect .og-connect-account-chevron,:where(.og-root) .og-connect .og-connect-account-chevron {
  flex: none;
  transition: transform .15s;
}
:where(.og-root).og-connect .og-connect-account-details[open] .og-connect-account-chevron,:where(.og-root) .og-connect .og-connect-account-details[open] .og-connect-account-chevron {
  transform: rotate(90deg);
}
@media (prefers-reduced-motion:reduce) {
  :where(.og-root).og-connect .og-connect-account-chevron,:where(.og-root) .og-connect .og-connect-account-chevron {
    transition: none;
  }
}
:where(.og-root).og-connect .og-connect-account-heading > div,:where(.og-root) .og-connect .og-connect-account-heading > div {
  flex: 1;
  min-width: 0;
}
:where(.og-root).og-connect .og-connect-account-heading strong,:where(.og-root) .og-connect .og-connect-account-heading strong {
  display: block;
  font-size: 14px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
:where(.og-root).og-connect .og-connect-account-heading small,:where(.og-root) .og-connect .og-connect-account-heading small {
  display: block;
  font-size: 12px;
  opacity: .65;
  margin-top: 3px;
}
:where(.og-root).og-connect .og-connect-account-status,:where(.og-root) .og-connect .og-connect-account-status {
  font-size: 12px;
}
:where(.og-root).og-connect .og-connect-account-status[data-status="connected"],:where(.og-root) .og-connect .og-connect-account-status[data-status="connected"] {
  color: var(--og-color-status-idle);
}
:where(.og-root).og-connect .og-connect-account-actions,:where(.og-root) .og-connect .og-connect-account-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 8px 12px 60px;
}
:where(.og-root).og-connect .og-connect-account-actions [role="group"],:where(.og-root) .og-connect .og-connect-account-actions [role="group"] {
  width: 100%;
}
:where(.og-root).og-connect .og-connection-discovery-results,:where(.og-root) .og-connect .og-connection-discovery-results {
  height: 360px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
:where(.og-root).og-connection-skeleton-row,:where(.og-root) .og-connection-skeleton-row {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 68px;
  padding: 10px;
  box-sizing: border-box;
}
:where(.og-root).og-connection-skeleton-mark,:where(.og-root) .og-connection-skeleton-mark {
  display: block;
  width: 40px;
  height: 40px;
  flex: none;
  border-radius: 9px;
  background: var(--og-color-surface-2,#edf0f3);
}
:where(.og-root).og-connection-skeleton-copy,:where(.og-root) .og-connection-skeleton-copy {
  display: grid;
  gap: 8px;
  flex: 1;
}
:where(.og-root).og-connection-skeleton-copy > span,:where(.og-root) .og-connection-skeleton-copy > span {
  display: block;
  height: 10px;
  width: 70%;
  border-radius: 3px;
  background: var(--og-color-surface-2,#edf0f3);
}
:where(.og-root).og-connection-skeleton-copy > span:first-child,:where(.og-root) .og-connection-skeleton-copy > span:first-child {
  width: 28%;
  height: 12px;
}
:where(.og-root).og-connect .og-connection-discovery-results .og-capability-catalog-row,:where(.og-root) .og-connect .og-connection-discovery-results .og-capability-catalog-row {
  min-height: 68px;
}
:where(.og-root).og-connect .og-connection-discovery > label input,:where(.og-root) .og-connect .og-connection-discovery > label input {
  width: 100%;
}
:where(.og-root).og-connection-logo,:where(.og-root) .og-connection-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: var(--og-connection-icon-padding, 0px);
  overflow: hidden;
  border-radius: var(--og-connection-icon-radius, 9px);
  background: var(--og-connection-icon-background, transparent);
  color: var(--og-connection-icon-color, inherit);
  font-size: 14px;
  font-weight: 600;
}
:where(.og-root).og-connection-logo img,:where(.og-root) .og-connection-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0;
  border: 0;
  border-radius: calc(var(--og-connection-icon-radius, 9px) - var(--og-connection-icon-padding, 0px));
  background: transparent;
}
@media (min-width: 720px) {
  :where(.og-root).og-connection-catalog[data-columns="2"],:where(.og-root) .og-connection-catalog[data-columns="2"] {
    grid-template-columns: repeat(2,minmax(0,1fr));
    column-gap: 24px;
    align-items: start;
  }
}
:where(.og-root).og-connection-details-action,:where(.og-root) .og-connection-details-action {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  font-size: 20px;
  cursor: pointer;
}
:where(.og-root).og-connection-details-action:hover,:where(.og-root) .og-connection-details-action:hover {
  background: var(--og-color-surface-2,#eef0f2);
}
:where(.og-root).og-connection-details-action:focus-visible,:where(.og-root) .og-connection-details-action:focus-visible {
  outline: 2px solid var(--og-color-accent,currentColor);
  outline-offset: 2px;
}
:where(.og-root).og-connection-option,:where(.og-root) .og-connection-option {
  border-radius: 8px;
  gap: 4px;
  padding-inline: 8px;
}
:where(.og-root).og-connection-option:hover,:where(.og-root) .og-connection-option:hover {
  background: var(--og-color-surface-2,#f3f4f5);
}
:where(.og-root).og-connection-option > .og-capability-catalog-row:hover,:where(.og-root) .og-connection-option > .og-capability-catalog-row:hover,:where(.og-root) .og-connection-option .og-connection-details-action:hover,:where(.og-root)  .og-connection-option .og-connection-details-action:hover {
  background: transparent;
}
:where(.og-root).og-connection-option + .og-connection-option,:where(.og-root) .og-connection-option + .og-connection-option {
  border-top: 0;
  margin-top: 2px;
}
:where(.og-root).og-connection-catalog-options,:where(.og-root) .og-connection-catalog-options {
  margin: 0 12px 8px 52px;
  padding-top: 6px;
}
:where(:where(.dark, [data-og-theme="dark"]) .og-connection-logo):where(.og-root),:where(:where(.dark, [data-og-theme="dark"]) .og-connection-logo):has(:where(.og-root)),:where(.og-root) :where(:where(.dark, [data-og-theme="dark"]) .og-connection-logo) {
  --og-connection-icon-padding: 2px;
  --og-connection-icon-background: #fafafa;
  --og-connection-icon-color: #34383e;
}
:where(:where([data-og-theme="light"]) .og-connection-logo):where(.og-root),:where(:where([data-og-theme="light"]) .og-connection-logo):has(:where(.og-root)),:where(.og-root) :where(:where([data-og-theme="light"]) .og-connection-logo) {
  --og-connection-icon-padding: 0px;
  --og-connection-icon-background: transparent;
  --og-connection-icon-color: inherit;
}
:where(.og-root).og-skill-discovery,:where(.og-root) .og-skill-discovery {
  margin-block: 24px;
  color: inherit;
  font-family: var(--og-font-sans,system-ui,sans-serif);
}
:where(.og-root).og-skill-discovery header,:where(.og-root) .og-skill-discovery header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}
:where(.og-root).og-skill-discovery h3,:where(.og-root) .og-skill-discovery h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}
:where(.og-root).og-skill-discovery header > span,:where(.og-root) .og-skill-discovery header > span,:where(.og-root) .og-skill-discovery p,:where(.og-root)  .og-skill-discovery p {
  font-size: 14px;
  line-height: 20px;
  color: var(--og-color-fg-muted,inherit);
}
:where(.og-root).og-skill-discovery button,:where(.og-root) .og-skill-discovery button {
  font: inherit;
  color: inherit;
  cursor: pointer;
  border: 0;
  box-shadow: none;
}
:where(.og-root).og-skill-discovery button:focus-visible,:where(.og-root) .og-skill-discovery button:focus-visible {
  outline: 2px solid var(--og-color-accent,currentColor);
  outline-offset: 2px;
}
:where(.og-root).og-skill-discovery button:disabled,:where(.og-root) .og-skill-discovery button:disabled {
  cursor: default;
  opacity: .6;
}
:where(.og-root).og-skill-discovery button:hover:not(:disabled),:where(.og-root) .og-skill-discovery button:hover:not(:disabled) {
  background: var(--og-color-surface-2,#eeeeee);
}
:where(.og-root).og-skill-discovery-item,:where(.og-root) .og-skill-discovery-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  gap: 16px;
  padding: 12px;
  border-radius: 10px;
  background: transparent;
  text-align: left;
}
:where(.og-root).og-skill-discovery-copy,:where(.og-root) .og-skill-discovery-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}
:where(.og-root).og-skill-discovery-copy strong,:where(.og-root) .og-skill-discovery-copy strong {
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:where(.og-root).og-skill-discovery-copy > span,:where(.og-root) .og-skill-discovery-copy > span {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: .65;
}
:where(.og-root).og-skill-discovery-copy small,:where(.og-root) .og-skill-discovery-copy small {
  font-size: 11px;
  opacity: .55;
}
:where(.og-root).og-skill-discovery-action,:where(.og-root) .og-skill-discovery-action {
  font-size: 12px;
  opacity: .7;
  flex-shrink: 0;
}
:where(.og-root).og-skill-discovery-error button,:where(.og-root) .og-skill-discovery-error button {
  padding: 9px 16px;
  border: 1px solid var(--og-color-border,#888);
  border-radius: 8px;
  background: var(--og-color-surface-1,transparent);
  font-size: 13px;
  margin-top: 12px;
}
:where(.og-root).og-skill-discovery-error,:where(.og-root) .og-skill-discovery-error {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 13px;
}
:where(.og-root).og-skill-discovery-browse,:where(.og-root) .og-skill-discovery-browse {
  color: inherit;
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
:where(.og-root).og-skill-discovery-browse:focus-visible,:where(.og-root) .og-skill-discovery-browse:focus-visible {
  outline: 2px solid var(--og-color-accent,currentColor);
  outline-offset: 4px;
  border-radius: 2px;
}
:where(.og-root).og-skill-discovery .og-skill-discovery-search,:where(.og-root) .og-skill-discovery .og-skill-discovery-search {
  display: inline-flex;
  align-items: center;
  padding: 9px 14px;
  border: 1px solid var(--og-color-border,#888);
  border-radius: 8px;
  background: var(--og-color-surface-1,transparent);
  font-size: 13px;
  font-weight: 500;
}
:where(.og-root).og-plugin-discovery,:where(.og-root) .og-plugin-discovery {
  margin-block: 24px;
  color: inherit;
}
:where(.og-root).og-plugin-discovery header,:where(.og-root) .og-plugin-discovery header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
:where(.og-root).og-plugin-discovery h3,:where(.og-root) .og-plugin-discovery h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}
:where(.og-root).og-plugin-filters,:where(.og-root) .og-plugin-filters {
  display: flex;
  gap: 3px;
  padding: 3px;
  border-radius: 10px;
  background: var(--og-color-surface-2,currentColor);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--og-color-surface-2,color-mix(in srgb,currentColor 5%,transparent));
  }
}
:where(.og-root).og-plugin-filters button,:where(.og-root) .og-plugin-filters button {
  border: 0;
  border-radius: 7px;
  padding: 6px 12px;
  background: transparent;
  color: var(--og-color-fg-muted,inherit);
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
:where(.og-root).og-plugin-filters button[aria-pressed=true],:where(.og-root) .og-plugin-filters button[aria-pressed=true] {
  background: var(--og-color-surface-1,#ffffff);
  color: var(--og-color-fg,#17191d);
  box-shadow: 0 1px 3px #00000014;
  opacity: 1;
}
:where(.og-root).og-plugin-discovery p,:where(.og-root) .og-plugin-discovery p,:where(.og-root) .og-skill-discovery p,:where(.og-root)  .og-skill-discovery p {
  font-size: 14px;
  line-height: 20px;
  color: var(--og-color-fg-muted,inherit);
  margin: 0 0 12px;
}
:where(.og-root).og-plugin-discovery-row,:where(.og-root) .og-plugin-discovery-row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  min-height: 64px;
  padding: 10px 12px;
  text-align: left;
  color: inherit;
  background: transparent;
  border: 0;
  border-radius: 8px;
  font: inherit;
  cursor: pointer;
}
:where(.og-root).og-plugin-discovery-row:hover,:where(.og-root) .og-plugin-discovery-row:hover {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb,currentColor 4%,transparent);
  }
}
:where(.og-root).og-plugin-discovery button:focus-visible,:where(.og-root) .og-plugin-discovery button:focus-visible {
  outline: 2px solid var(--og-color-accent,currentColor);
  outline-offset: 2px;
}
:where(.og-root).og-plugin-discovery-row img,:where(.og-root) .og-plugin-discovery-row img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  border-radius: 8px;
  flex-shrink: 0;
}
:where(.og-root).og-plugin-discovery-row > span:first-of-type,:where(.og-root) .og-plugin-discovery-row > span:first-of-type {
  flex: 1;
  min-width: 0;
}
:where(.og-root).og-plugin-discovery-row strong,:where(.og-root) .og-plugin-discovery-row strong {
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-transform: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:where(.og-root).og-plugin-description,:where(.og-root) .og-plugin-description {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 18px;
  opacity: .65;
  margin-top: 2px;
}
:where(.og-root).og-plugin-title,:where(.og-root) .og-plugin-title {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
:where(.og-root).og-plugin-title strong,:where(.og-root) .og-plugin-title strong {
  flex: 1;
}
:where(.og-root).og-plugin-discovery-row small,:where(.og-root) .og-plugin-discovery-row small {
  flex-shrink: 0;
  font-size: 10px;
  opacity: .55;
}
:where(.og-root).og-plugin-category,:where(.og-root) .og-plugin-category {
  display: block;
  font-size: 10px;
  line-height: 15px;
  opacity: .45;
  text-transform: capitalize;
}
:where(.og-root).og-plugin-open,:where(.og-root) .og-plugin-open {
  font-size: 18px;
  opacity: .45;
  transition: opacity .15s;
}
:where(.og-root).og-plugin-discovery-row:hover .og-plugin-open,:where(.og-root) .og-plugin-discovery-row:hover .og-plugin-open,:where(.og-root) .og-plugin-discovery-row:focus-visible .og-plugin-open,:where(.og-root)  .og-plugin-discovery-row:focus-visible .og-plugin-open {
  opacity: .65;
}
:where(.og-root).og-plugin-more,:where(.og-root) .og-plugin-more {
  display: block;
  margin: 20px auto;
  padding: 10px 18px;
  border: 1px solid #8886;
  border-radius: 8px;
  color: inherit;
  background: transparent;
  cursor: pointer;
}
:where(.og-root).og-plugin-details,:where(.og-root) .og-plugin-details {
  padding: 20px 24px;
  color: inherit;
}
:where(.og-root).og-plugin-details-header,:where(.og-root) .og-plugin-details-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-right: 24px;
}
:where(.og-root).og-plugin-details-header > div,:where(.og-root) .og-plugin-details-header > div {
  min-width: 0;
}
:where(.og-root).og-plugin-details-header h2,:where(.og-root) .og-plugin-details-header h2 {
  margin: 0;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: -.5px;
  overflow-wrap: anywhere;
}
:where(.og-root).og-plugin-details-header p,:where(.og-root) .og-plugin-details-header p {
  margin: 7px 0 0;
  font-size: 13px;
  opacity: .6;
}
:where(.og-root).og-plugin-details-meta,:where(.og-root) .og-plugin-details-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
  font-size: 11px;
}
:where(.og-root).og-plugin-details-meta span,:where(.og-root) .og-plugin-details-meta span {
  padding: 4px 8px;
  border-radius: 5px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb,currentColor 5%,transparent);
  }
  text-transform: capitalize;
}
:where(.og-root).og-plugin-details-overview,:where(.og-root) .og-plugin-details-overview {
  margin: 28px 0;
  font-size: 14px;
  line-height: 1.8;
}
:where(.og-root).og-plugin-details-overview p,:where(.og-root) .og-plugin-details-overview p {
  margin: 0 0 14px;
}
:where(.og-root).og-plugin-details-excerpt,:where(.og-root) .og-plugin-details-excerpt {
  max-height: 250px;
  overflow: hidden;
  mask-image: linear-gradient(#000 75%,transparent);
}
:where(.og-root).og-plugin-details-more,:where(.og-root) .og-plugin-details-more {
  border: 0;
  background: transparent;
  color: inherit;
  padding: 8px 0;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
:where(.og-root).og-plugin-details-contents,:where(.og-root) .og-plugin-details-contents {
  padding-top: 24px;
  border-top: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 1px solid color-mix(in srgb,currentColor 12%,transparent);
  }
}
:where(.og-root).og-plugin-details-contents h3,:where(.og-root) .og-plugin-details-contents h3 {
  margin: 0 0 14px;
  font-size: 13px;
  font-weight: 600;
}
:where(.og-root).og-plugin-details-contents > div,:where(.og-root) .og-plugin-details-contents > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
:where(.og-root).og-plugin-details-contents span,:where(.og-root) .og-plugin-details-contents span {
  font-size: 13px;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb,currentColor 15%,transparent);
  }
  border-radius: 7px;
  padding: 7px 11px;
}
:where(.og-root).og-plugin-details footer,:where(.og-root) .og-plugin-details footer {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 1px solid color-mix(in srgb,currentColor 12%,transparent);
  }
}
:where(.og-root).og-plugin-details footer a,:where(.og-root) .og-plugin-details footer a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 14px;
  color: inherit;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  border-radius: 8px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb,currentColor 7%,transparent);
  }
}
:where(.og-root).og-plugin-details footer a:hover,:where(.og-root) .og-plugin-details footer a:hover {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb,currentColor 11%,transparent);
  }
}
:where(.og-root).og-plugin-details footer p,:where(.og-root) .og-plugin-details footer p {
  font-size: 12px;
  opacity: .55;
  margin: 12px 0 0;
}
:where(.og-root).og-plugin-details a:focus-visible,:where(.og-root) .og-plugin-details a:focus-visible,:where(.og-root).og-plugin-details button:focus-visible,:where(.og-root) .og-plugin-details button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
@media (max-width:640px) {
  :where(.og-root).og-plugin-details,:where(.og-root) .og-plugin-details {
    padding: 20px 24px;
  }
}
:where(.og-root).og-plugin-details-members,:where(.og-root) .og-plugin-details-members {
  margin: 28px 0;
}
:where(.og-root).og-plugin-details-members h3,:where(.og-root) .og-plugin-details-members h3 {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 24px 0 10px;
  font-size: 13px;
  font-weight: 600;
}
:where(.og-root).og-plugin-details-members h3 span,:where(.og-root) .og-plugin-details-members h3 span {
  opacity: .5;
  font-weight: 400;
}
:where(.og-root).og-plugin-details-members ul,:where(.og-root) .og-plugin-details-members ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
:where(.og-root).og-plugin-details-members li,:where(.og-root) .og-plugin-details-members li {
  padding: 12px 0;
  border-bottom: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in srgb,currentColor 10%,transparent);
  }
  font-size: 14px;
}
:where(.og-root).og-plugin-details-members a,:where(.og-root) .og-plugin-details-members a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: inherit;
  text-decoration: none;
}
:where(.og-root).og-plugin-details-members a:hover strong,:where(.og-root) .og-plugin-details-members a:hover strong {
  text-decoration: underline;
}
:where(.og-root).og-plugin-details-members strong,:where(.og-root) .og-plugin-details-members strong {
  font-weight: 500;
  overflow-wrap: anywhere;
}
:where(.og-root).og-plugin-details-members small,:where(.og-root) .og-plugin-details-members small {
  display: block;
  margin-top: 5px;
  opacity: .6;
  font-size: 12px;
  overflow-wrap: anywhere;
}
:where(.og-root).og-plugin-details-members p,:where(.og-root) .og-plugin-details-members p,:where(.og-root).og-plugin-details-other,:where(.og-root) .og-plugin-details-other {
  font-size: 12px;
  opacity: .6;
}
:where(.og-root).og-plugin-details-other,:where(.og-root) .og-plugin-details-other {
  margin-top: 18px;
}
:where(.og-root).og-plugin-member-disabled,:where(.og-root) .og-plugin-member-disabled {
  opacity: .45;
}
:where(.og-root).og-plugin-details footer .og-plugin-install,:where(.og-root) .og-plugin-details footer .og-plugin-install {
  width: 100%;
  padding: 12px 16px;
  margin-top: 12px;
  border: 1px solid var(--og-color-primary-border);
  border-radius: 9px;
  background: var(--og-color-primary);
  color: var(--og-color-primary-fg);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
:where(.og-root).og-plugin-details footer .og-plugin-install:disabled,:where(.og-root) .og-plugin-details footer .og-plugin-install:disabled {
  opacity: .4;
  cursor: default;
}
:where(.og-root).og-plugin-details footer p[role=alert],:where(.og-root) .og-plugin-details footer p[role=alert] {
  opacity: 1;
  color: var(--og-color-danger,#c33);
}
:where(.og-root).og-plugin-server-heading,:where(.og-root) .og-plugin-server-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
:where(.og-root).og-plugin-server-heading button,:where(.og-root) .og-plugin-server-heading button {
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb,currentColor 18%,transparent);
  }
  background: transparent;
  color: inherit;
  border-radius: 7px;
  padding: 6px 12px;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
:where(.og-root).og-capability-catalog-grid,:where(.og-root) .og-capability-catalog-grid,:where(.og-root) .og-skill-discovery-grid,:where(.og-root)  .og-skill-discovery-grid,:where(.og-root) .og-plugin-discovery-grid,:where(.og-root)  .og-plugin-discovery-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 4px 24px;
}
@media (min-width:720px) {
  :where(.og-root).og-capability-catalog-grid,:where(.og-root) .og-capability-catalog-grid,:where(.og-root) .og-skill-discovery-grid,:where(.og-root)  .og-skill-discovery-grid,:where(.og-root) .og-plugin-discovery-grid,:where(.og-root)  .og-plugin-discovery-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
:where(.og-root).og-skill-discovery .og-capability-catalog-row,:where(.og-root) .og-skill-discovery .og-capability-catalog-row {
  font-size: 14px;
  line-height: 1.5;
}
:where(.og-root).og-connect.og-connect-setup,:where(.og-root) .og-connect.og-connect-setup {
  display: grid;
  gap: 20px;
  font-size: 14px;
}
:where(.og-root).og-connect-setup .og-connect-setup-summary,:where(.og-root) .og-connect-setup .og-connect-setup-summary {
  display: grid;
  gap: 6px;
}
:where(.og-root).og-connect-setup .og-connect-setup-scope,:where(.og-root) .og-connect-setup .og-connect-setup-scope {
  color: var(--og-color-fg-muted,inherit);
  font-size: 12px;
}
:where(.og-root).og-connect-setup .og-connect-setup-status,:where(.og-root) .og-connect-setup .og-connect-setup-status {
  font-size: 15px;
  font-weight: 600;
}
:where(.og-root).og-connect-setup .og-connect-setup-description,:where(.og-root) .og-connect-setup .og-connect-setup-description {
  color: var(--og-color-fg-muted,inherit);
  font-size: 13px;
}
:where(.og-root).og-connect-setup .og-connect-setup-primary,:where(.og-root) .og-connect-setup .og-connect-setup-primary {
  width: 100%;
  text-align: center;
  border-color: var(--og-color-primary-border);
  border-radius: 8px;
  background: var(--og-color-primary);
  color: var(--og-color-primary-fg);
  font-size: 14px;
  font-weight: 500;
}
:where(.og-root).og-connect-setup .og-connect-setup-primary:hover:not(:disabled),:where(.og-root) .og-connect-setup .og-connect-setup-primary:hover:not(:disabled) {
  background: var(--_og-color-primary-hover);
}
:where(.og-root).og-connect-setup .og-connect-setup-secondary,:where(.og-root) .og-connect-setup .og-connect-setup-secondary {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
}
:where(.og-root).og-connect-setup .og-connect-setup-secondary button,:where(.og-root) .og-connect-setup .og-connect-setup-secondary button {
  border: 0;
  min-height: 36px;
  padding: 6px 8px;
  color: var(--og-color-fg-muted,inherit);
  font-size: 12px;
}
:where(.og-root).og-connect-setup .og-connect-setup-pending,:where(.og-root) .og-connect-setup .og-connect-setup-pending {
  display: grid;
  gap: 10px;
  padding: 14px 16px;
  border: 1px solid var(--og-color-border,#888);
  border-radius: 10px;
  background: var(--og-color-surface-1,transparent);
  color: var(--og-color-fg-muted,inherit);
  font-size: 13px;
  line-height: 1.55;
}
:where(.og-root).og-connect-setup .og-connect-setup-pending p,:where(.og-root) .og-connect-setup .og-connect-setup-pending p {
  margin: 0;
}
:where(.og-root).og-connect-setup .og-connect-setup-pending ol,:where(.og-root) .og-connect-setup .og-connect-setup-pending ol {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 6px;
}
:where(.og-root).og-connect-setup .og-connect-setup-approval-link,:where(.og-root) .og-connect-setup .og-connect-setup-approval-link {
  display: flex;
  align-items: center;
  gap: 6px;
}
:where(.og-root).og-connect-setup .og-connect-setup-approval-link a,:where(.og-root) .og-connect-setup .og-connect-setup-approval-link a {
  color: var(--og-color-fg,inherit);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
}
:where(.og-root).og-connect-setup .og-connect-setup-hint,:where(.og-root) .og-connect-setup .og-connect-setup-hint {
  margin: 0;
  color: var(--og-color-fg-muted,inherit);
  font-size: 12px;
  line-height: 1.55;
}
:where(.og-root).og-catalog-more,:where(.og-root) .og-catalog-more,:where(.og-root) .og-skill-discovery .og-catalog-more,:where(.og-root)  .og-skill-discovery .og-catalog-more {
  margin-top: 12px;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid var(--og-color-border,#888);
  border-radius: 8px;
  background: var(--og-color-surface-1,transparent);
  color: inherit;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
:where(.og-root).og-catalog-more:focus-visible,:where(.og-root) .og-catalog-more:focus-visible {
  outline: 2px solid var(--og-color-accent,currentColor);
  outline-offset: 2px;
}
:where(.og-root).og-plugin-discovery.og-catalog-overview,:where(.og-root) .og-plugin-discovery.og-catalog-overview {
  border-top: 1px solid var(--og-color-border,#888);
  margin-top: 24px;
  padding-top: 24px;
}
:where(.og-root).og-tc-overlay,:where(.og-root) .og-tc-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgb(0 0 0 / 0.42);
  animation: og-tc-fade var(--og-duration-base, 180ms) var(--og-ease-out, ease-out);
}
:where(.og-root).og-tc-dialog,:where(.og-root) .og-tc-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1001;
  transform: translate(-50%, -50%);
  width: min(25.5rem, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--og-color-border);
  border-radius: 18px;
  background: var(--og-color-surface-1);
  color: var(--og-color-fg);
  font-family: var(--og-font-sans, inherit);
  box-shadow: 0 24px 64px rgb(0 0 0 / 0.22), 0 2px 8px rgb(0 0 0 / 0.08);
  animation: og-tc-rise var(--og-duration-slow, 260ms) var(--og-ease-out, ease-out);
}
:where(.og-root).og-tc-dialog:focus,:where(.og-root) .og-tc-dialog:focus {
  outline: none;
}
:where(.og-root).og-tc-dialog :focus-visible,:where(.og-root) .og-tc-dialog :focus-visible,:where(.og-root) .og-tc-offer :focus-visible,:where(.og-root)  .og-tc-offer :focus-visible,:where(.og-root) .og-tc-panel :focus-visible,:where(.og-root)  .og-tc-panel :focus-visible,:where(.og-root) .og-tc-card :focus-visible,:where(.og-root)  .og-tc-card :focus-visible {
  outline: 2px solid var(--og-color-accent);
  outline-offset: 2px;
}
:where(.og-root).og-tc-close,:where(.og-root) .og-tc-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--og-color-fg-muted);
  cursor: pointer;
}
:where(.og-root).og-tc-close:hover,:where(.og-root) .og-tc-close:hover {
  background: var(--og-color-hover);
  color: var(--og-color-fg);
}
:where(.og-root).og-tc-close svg,:where(.og-root) .og-tc-close svg {
  width: 16px;
  height: 16px;
}
:where(.og-root).og-tc-body,:where(.og-root) .og-tc-body {
  min-height: 0;
  overflow-y: auto;
  padding: 30px 30px 4px;
}
:where(.og-root).og-tc-content,:where(.og-root) .og-tc-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  animation: og-tc-enter 240ms var(--og-ease-out, ease-out);
}
:where(.og-root).og-tc-title,:where(.og-root) .og-tc-title {
  margin: 0;
  font-size: 19px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-wrap: balance;
}
:where(.og-root).og-tc-description,:where(.og-root) .og-tc-description {
  margin: 8px 0 0;
  max-width: 21rem;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--og-color-fg-muted);
  text-wrap: pretty;
}
:where(.og-root).og-tc-footer,:where(.og-root) .og-tc-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 22px 24px 22px;
}
:where(.og-root).og-tc-footer > .og-tc-quiet:first-child,:where(.og-root) .og-tc-footer > .og-tc-quiet:first-child {
  margin-right: auto;
}
:where(.og-root).og-tc-button,:where(.og-root) .og-tc-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 38px;
  padding: 0 18px;
  border: 1px solid transparent;
  border-radius: 10px;
  font: inherit;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--og-duration-fast, 120ms) ease, filter var(--og-duration-fast, 120ms) ease, opacity var(--og-duration-fast, 120ms) ease;
}
:where(.og-root).og-tc-button:disabled,:where(.og-root) .og-tc-button:disabled {
  opacity: 0.55;
  cursor: default;
}
:where(.og-root).og-tc-primary,:where(.og-root) .og-tc-primary {
  border-color: var(--og-color-primary-border);
  background: var(--og-color-primary);
  color: var(--og-color-primary-fg);
}
:where(.og-root).og-tc-primary:hover:not(:disabled),:where(.og-root) .og-tc-primary:hover:not(:disabled) {
  background: var(--og-color-primary-hover, var(--og-color-primary));
}
:where(.og-root).og-tc-secondary,:where(.og-root) .og-tc-secondary {
  border-color: var(--og-color-border);
  background: var(--og-color-surface-2);
  color: var(--og-color-fg);
}
:where(.og-root).og-tc-secondary:hover:not(:disabled),:where(.og-root) .og-tc-secondary:hover:not(:disabled) {
  background: var(--og-color-hover);
}
:where(.og-root).og-tc-quiet,:where(.og-root) .og-tc-quiet {
  background: transparent;
  color: var(--og-color-fg-muted);
  padding-inline: 12px;
}
:where(.og-root).og-tc-quiet:hover:not(:disabled),:where(.og-root) .og-tc-quiet:hover:not(:disabled) {
  background: var(--og-color-hover);
  color: var(--og-color-fg);
}
:where(.og-root).og-tc-danger,:where(.og-root) .og-tc-danger {
  background: var(--og-color-danger-fill, var(--og-color-danger));
  color: var(--og-color-danger-fg, #fff);
}
:where(.og-root).og-tc-small,:where(.og-root) .og-tc-small {
  min-height: 30px;
  padding: 0 12px;
  border-radius: 8px;
  font-size: 12.5px;
}
:where(.og-root).og-tc-wide,:where(.og-root) .og-tc-wide {
  flex: 1;
}
:where(.og-root).og-tc-link,:where(.og-root) .og-tc-link {
  border: 0;
  padding: 0;
  background: none;
  color: var(--og-color-fg-muted);
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
:where(.og-root).og-tc-link:hover,:where(.og-root) .og-tc-link:hover {
  color: var(--og-color-danger);
}
:where(.og-root).og-tc-art,:where(.og-root) .og-tc-art {
  position: relative;
  margin-bottom: 20px;
}
:where(.og-root).og-tc-art-computer,:where(.og-root) .og-tc-art-computer {
  width: 200px;
}
:where(.og-root).og-tc-art-svg,:where(.og-root) .og-tc-art-svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
:where(.og-root).og-tc-art-screen,:where(.og-root) .og-tc-art-screen {
  fill: var(--og-color-surface-2);
  stroke: var(--og-color-border-strong, var(--og-color-border));
  stroke-width: 1.5;
}
:where(.og-root).og-tc-art-window,:where(.og-root) .og-tc-art-window {
  fill: var(--og-color-surface-1);
  stroke: var(--og-color-border);
}
:where(.og-root).og-tc-art-dot,:where(.og-root) .og-tc-art-dot {
  fill: var(--og-color-border-strong, var(--og-color-border));
}
:where(.og-root).og-tc-art-line,:where(.og-root) .og-tc-art-line {
  fill: var(--og-color-fg-subtle, var(--og-color-fg-muted));
  opacity: 0.45;
}
:where(.og-root).og-tc-art-line-soft,:where(.og-root) .og-tc-art-line-soft {
  opacity: 0.2;
}
:where(.og-root).og-tc-art-button,:where(.og-root) .og-tc-art-button {
  fill: var(--og-color-accent);
  animation: og-tc-press 3.6s var(--og-ease-in-out, ease-in-out) infinite;
  transform-box: fill-box;
  transform-origin: center;
}
:where(.og-root).og-tc-art-stand,:where(.og-root) .og-tc-art-stand {
  fill: var(--og-color-border-strong, var(--og-color-border));
}
:where(.og-root).og-tc-art-pointer path,:where(.og-root) .og-tc-art-pointer path {
  fill: var(--og-color-fg);
  stroke: var(--og-color-surface-1);
  stroke-width: 1.2;
  stroke-linejoin: round;
}
:where(.og-root).og-tc-art-pointer,:where(.og-root) .og-tc-art-pointer {
  animation: og-tc-pointer 3.6s var(--og-ease-in-out, ease-in-out) infinite;
}
:where(.og-root).og-tc-art-mark,:where(.og-root) .og-tc-art-mark {
  position: absolute;
  right: 2px;
  bottom: 4px;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  overflow: hidden;
  border: 3px solid var(--og-color-surface-1);
  border-radius: 999px;
  background: var(--og-color-surface-2);
  box-shadow: 0 2px 8px rgb(0 0 0 / 0.14);
}
:where(.og-root).og-tc-art-mark > :is(img, svg),:where(.og-root) .og-tc-art-mark > :is(img, svg) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:where(.og-root).og-tc-abilities,:where(.og-root) .og-tc-abilities {
  display: grid;
  gap: 9px;
  width: 100%;
  margin: 20px 0 0;
  padding: 14px 16px;
  border-radius: 12px;
  background: var(--og-color-surface-2);
  list-style: none;
  text-align: left;
  font-size: 13px;
  line-height: 1.4;
}
:where(.og-root).og-tc-abilities li,:where(.og-root) .og-tc-abilities li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
:where(.og-root).og-tc-abilities svg,:where(.og-root) .og-tc-abilities svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  color: var(--og-color-accent-deep, var(--og-color-accent));
}
:where(.og-root).og-tc-safety,:where(.og-root) .og-tc-safety {
  margin: 14px 0 0;
  font-size: 12px;
  line-height: 1.55;
  color: var(--og-color-fg-muted);
  text-wrap: pretty;
}
:where(.og-root).og-tc-error,:where(.og-root) .og-tc-error {
  width: 100%;
  margin: 14px 0 0;
  padding: 10px 12px;
  border-radius: 10px;
  background: var(--og-color-danger);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--og-color-danger) 10%, transparent);
  }
  color: var(--og-color-danger);
  font-size: 12.5px;
  line-height: 1.5;
  text-align: left;
}
:where(.og-root).og-tc-try,:where(.og-root) .og-tc-try {
  margin: 16px 0 0;
  padding: 10px 14px;
  border-radius: 10px;
  background: var(--og-color-surface-2);
  font-size: 13px;
  line-height: 1.5;
}
:where(.og-root).og-tc-progress,:where(.og-root) .og-tc-progress {
  position: relative;
  width: min(15rem, 100%);
  height: 6px;
  margin: 22px 0 4px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--og-color-surface-3, var(--og-color-surface-2));
}
:where(.og-root).og-tc-progress > span,:where(.og-root) .og-tc-progress > span {
  position: absolute;
  inset: 0 auto 0 0;
  width: 4%;
  border-radius: inherit;
  background: var(--og-color-accent);
  transition: width 300ms var(--og-ease-out, ease-out);
}
:where(.og-root).og-tc-progress[data-indeterminate] > span,:where(.og-root) .og-tc-progress[data-indeterminate] > span {
  width: 36%;
  animation: og-tc-indeterminate 1.4s var(--og-ease-in-out, ease-in-out) infinite;
}
:where(.og-root).og-tc-steps,:where(.og-root) .og-tc-steps {
  display: flex;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
:where(.og-root).og-tc-steps li,:where(.og-root) .og-tc-steps li {
  width: 26px;
  height: 4px;
  border-radius: 999px;
  background: var(--og-color-border);
  transition: background-color var(--og-duration-base, 180ms) ease;
}
:where(.og-root).og-tc-steps li[data-state="current"],:where(.og-root) .og-tc-steps li[data-state="current"] {
  background: var(--og-color-fg);
}
:where(.og-root).og-tc-steps li[data-state="done"],:where(.og-root) .og-tc-steps li[data-state="done"] {
  background: var(--og-color-status-idle);
}
:where(.og-root).og-tc-step-count,:where(.og-root) .og-tc-step-count {
  margin: 10px 0 14px;
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-tc-art-settings,:where(.og-root) .og-tc-art-settings {
  width: min(19rem, 100%);
  margin: 22px 0 0;
}
:where(.og-root).og-tc-settings-window,:where(.og-root) .og-tc-settings-window {
  overflow: hidden;
  border: 1px solid var(--og-color-border);
  border-radius: 12px;
  background: var(--og-color-surface-2);
  box-shadow: 0 6px 20px rgb(0 0 0 / 0.08);
  text-align: left;
}
:where(.og-root).og-tc-settings-bar,:where(.og-root) .og-tc-settings-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 9px 12px;
  border-bottom: 1px solid var(--og-color-border);
}
:where(.og-root).og-tc-settings-bar > span,:where(.og-root) .og-tc-settings-bar > span {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--og-color-border-strong, var(--og-color-border));
}
:where(.og-root).og-tc-settings-bar > b,:where(.og-root) .og-tc-settings-bar > b {
  margin-left: 8px;
  overflow: hidden;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}
:where(.og-root).og-tc-settings-row,:where(.og-root) .og-tc-settings-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 13px;
}
:where(.og-root).og-tc-settings-row-ghost,:where(.og-root) .og-tc-settings-row-ghost {
  opacity: 0.5;
}
:where(.og-root).og-tc-settings-row-target,:where(.og-root) .og-tc-settings-row-target {
  margin-top: 0;
  background: var(--og-color-surface-1);
  box-shadow: 0 0 0 1.5px color-mix(in srgb, #0a84ff 55%, transparent);
  animation: og-tc-ring 2.4s var(--og-ease-in-out, ease-in-out) infinite;
}
:where(.og-root).og-tc-art-settings[data-allowed] .og-tc-settings-row-target,:where(.og-root) .og-tc-art-settings[data-allowed] .og-tc-settings-row-target {
  animation: none;
  box-shadow: 0 0 0 1.5px var(--og-color-status-idle);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--og-color-status-idle) 60%, transparent);
  }
}
:where(.og-root).og-tc-settings-name,:where(.og-root) .og-tc-settings-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
}
:where(.og-root).og-tc-settings-ghost-name,:where(.og-root) .og-tc-settings-ghost-name {
  flex: 1;
  height: 7px;
  max-width: 90px;
  border-radius: 999px;
  background: var(--og-color-fg-subtle, var(--og-color-fg-muted));
  opacity: 0.5;
}
:where(.og-root).og-tc-app-icon,:where(.og-root) .og-tc-app-icon {
  flex-shrink: 0;
  border-radius: 22%;
  object-fit: cover;
}
:where(.og-root).og-tc-app-icon-fallback,:where(.og-root) .og-tc-app-icon-fallback {
  display: grid;
  place-items: center;
  background: var(--og-color-accent);
  color: var(--og-color-accent-fg, #fff);
  font-size: 11px;
  font-weight: 700;
}
:where(.og-root).og-tc-app-icon-ghost,:where(.og-root) .og-tc-app-icon-ghost {
  width: 20px;
  height: 20px;
  background: var(--og-color-border-strong, var(--og-color-border));
}
:where(.og-root).og-tc-switch,:where(.og-root) .og-tc-switch {
  position: relative;
  flex-shrink: 0;
  width: 30px;
  height: 18px;
  border-radius: 999px;
  background: var(--og-color-switch-track, var(--og-color-border-strong));
  transition: background-color 260ms ease;
}
:where(.og-root).og-tc-switch::after,:where(.og-root) .og-tc-switch::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.25);
  transition: transform 260ms var(--og-ease-spring, ease-out);
}
:where(.og-root).og-tc-switch[data-on],:where(.og-root) .og-tc-switch[data-on] {
  background: #0a84ff;
}
:where(.og-root).og-tc-switch[data-on]::after,:where(.og-root) .og-tc-switch[data-on]::after {
  transform: translateX(12px);
}
:where(.og-root).og-tc-settings-row-ghost .og-tc-switch[data-on],:where(.og-root) .og-tc-settings-row-ghost .og-tc-switch[data-on] {
  background: var(--og-color-fg-subtle, var(--og-color-fg-muted));
}
:where(.og-root).og-tc-settings-pointer,:where(.og-root) .og-tc-settings-pointer {
  position: absolute;
  right: 2px;
  bottom: -6px;
  width: 18px;
  height: 18px;
  animation: og-tc-tap 2.4s var(--og-ease-in-out, ease-in-out) infinite;
}
:where(.og-root).og-tc-settings-pointer path,:where(.og-root) .og-tc-settings-pointer path {
  fill: var(--og-color-fg);
  stroke: var(--og-color-surface-1);
  stroke-width: 1.2;
  stroke-linejoin: round;
}
:where(.og-root).og-tc-art-settings[data-allowed] .og-tc-settings-pointer,:where(.og-root) .og-tc-art-settings[data-allowed] .og-tc-settings-pointer {
  display: none;
}
:where(.og-root).og-tc-art-prompt,:where(.og-root) .og-tc-art-prompt {
  width: min(15.5rem, 100%);
  margin: 22px 0 0;
}
:where(.og-root).og-tc-prompt-window,:where(.og-root) .og-tc-prompt-window {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 16px 14px 12px;
  border: 1px solid var(--og-color-border);
  border-radius: 14px;
  background: var(--og-color-surface-2);
  box-shadow: 0 6px 20px rgb(0 0 0 / 0.08);
}
:where(.og-root).og-tc-prompt-icon,:where(.og-root) .og-tc-prompt-icon {
  position: relative;
  display: block;
  width: 40px;
  height: 32px;
}
:where(.og-root).og-tc-prompt-folder,:where(.og-root) .og-tc-prompt-folder {
  width: 40px;
  height: 32px;
}
:where(.og-root).og-tc-prompt-folder path,:where(.og-root) .og-tc-prompt-folder path {
  fill: #4aa8f0;
}
:where(.og-root).og-tc-prompt-badge,:where(.og-root) .og-tc-prompt-badge {
  position: absolute;
  right: -6px;
  bottom: -4px;
  display: grid;
  padding: 1px;
  border-radius: 6px;
  background: var(--og-color-surface-2);
}
:where(.og-root).og-tc-prompt-message,:where(.og-root) .og-tc-prompt-message {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
}
:where(.og-root).og-tc-prompt-buttons,:where(.og-root) .og-tc-prompt-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  width: 100%;
}
:where(.og-root).og-tc-prompt-buttons > span,:where(.og-root) .og-tc-prompt-buttons > span {
  position: relative;
  padding: 5px 6px;
  border-radius: 7px;
  background: var(--og-color-surface-1);
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
}
:where(.og-root).og-tc-prompt-buttons > .og-tc-prompt-allow,:where(.og-root) .og-tc-prompt-buttons > .og-tc-prompt-allow {
  background: #0a84ff;
  color: #fff;
  box-shadow: 0 0 0 1.5px color-mix(in srgb, #0a84ff 55%, transparent);
  animation: og-tc-ring 2.4s var(--og-ease-in-out, ease-in-out) infinite;
}
:where(.og-root).og-tc-art-prompt[data-allowed] .og-tc-prompt-allow,:where(.og-root) .og-tc-art-prompt[data-allowed] .og-tc-prompt-allow {
  animation: none;
  background: var(--og-color-status-idle);
}
:where(.og-root).og-tc-art-prompt[data-allowed] .og-tc-settings-pointer,:where(.og-root) .og-tc-art-prompt[data-allowed] .og-tc-settings-pointer {
  display: none;
}
:where(.og-root).og-tc-step-state,:where(.og-root) .og-tc-step-state {
  display: flex;
  justify-content: center;
  min-height: 20px;
  margin-top: 16px;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-tc-waiting,:where(.og-root) .og-tc-waiting,:where(.og-root) .og-tc-allowed,:where(.og-root)  .og-tc-allowed {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-align: left;
}
:where(.og-root).og-tc-waiting,:where(.og-root) .og-tc-waiting {
  color: var(--og-color-fg);
}
:where(.og-root).og-tc-allowed,:where(.og-root) .og-tc-allowed {
  color: var(--og-color-status-idle);
  font-weight: 600;
  animation: og-tc-enter 200ms var(--og-ease-out, ease-out);
}
:where(.og-root).og-tc-allowed svg,:where(.og-root) .og-tc-allowed svg {
  width: 16px;
  height: 16px;
}
:where(.og-root).og-tc-pulse,:where(.og-root) .og-tc-pulse {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #0a84ff;
  animation: og-tc-pulse 1.4s ease-in-out infinite;
}
:where(.og-root).og-tc-fine,:where(.og-root) .og-tc-fine {
  margin: 6px 0 0;
  font-size: 11.5px;
  line-height: 1.5;
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-tc-art-done,:where(.og-root) .og-tc-art-done {
  width: 64px;
  height: 64px;
  margin: 8px 0 18px;
}
:where(.og-root).og-tc-done-check,:where(.og-root) .og-tc-done-check {
  width: 100%;
  height: 100%;
}
:where(.og-root).og-tc-done-check circle,:where(.og-root) .og-tc-done-check circle {
  fill: var(--og-color-status-idle);
  @supports (color: color-mix(in lab, red, red)) {
    fill: color-mix(in srgb, var(--og-color-status-idle) 14%, transparent);
  }
  stroke: var(--og-color-status-idle);
  stroke-width: 2;
}
:where(.og-root).og-tc-done-check path,:where(.og-root) .og-tc-done-check path {
  fill: none;
  stroke: var(--og-color-status-idle);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 44;
  stroke-dashoffset: 44;
  animation: og-tc-draw 420ms 120ms var(--og-ease-out, ease-out) forwards;
}
:where(.og-root).og-tc-offer,:where(.og-root) .og-tc-offer,:where(.og-root) .og-tc-panel,:where(.og-root)  .og-tc-panel {
  color: var(--og-color-fg);
  font-family: var(--og-font-sans, inherit);
}
:where(.og-root).og-tc-offer,:where(.og-root) .og-tc-offer {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid var(--og-color-border);
  border-radius: 12px;
  background: var(--og-color-surface-1);
  font-size: 12.5px;
}
:where(.og-root).og-tc-offer[data-card],:where(.og-root) .og-tc-offer[data-card] {
  display: block;
  padding: 12px;
}
:where(.og-root).og-tc-offer-head,:where(.og-root) .og-tc-offer-head {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
:where(.og-root).og-tc-offer-head > div,:where(.og-root) .og-tc-offer-head > div {
  min-width: 0;
  flex: 1;
  padding-right: 18px;
}
:where(.og-root).og-tc-offer-mark,:where(.og-root) .og-tc-offer-mark {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  overflow: hidden;
  border-radius: 8px;
  background: var(--og-color-surface-2);
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-tc-offer-mark > svg,:where(.og-root) .og-tc-offer-mark > svg {
  width: 16px;
  height: 16px;
}
:where(.og-root).og-tc-offer-mark > img,:where(.og-root) .og-tc-offer-mark > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:where(.og-root).og-tc-offer-title,:where(.og-root) .og-tc-offer-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}
:where(.og-root).og-tc-offer-text,:where(.og-root) .og-tc-offer-text {
  margin: 2px 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-tc-offer-line,:where(.og-root) .og-tc-offer-line {
  flex: 1;
  min-width: 0;
  line-height: 1.4;
  overflow-wrap: anywhere;
  color: var(--og-color-fg-label, var(--og-color-fg));
}
:where(.og-root).og-tc-offer-actions,:where(.og-root) .og-tc-offer-actions {
  display: flex;
  gap: 6px;
  margin-top: 10px;
  padding-left: 38px;
}
:where(.og-root).og-tc-offer-dismiss,:where(.og-root) .og-tc-offer-dismiss {
  position: absolute;
  top: -4px;
  right: -4px;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--og-color-fg-muted);
  cursor: pointer;
}
:where(.og-root).og-tc-offer-dismiss:hover,:where(.og-root) .og-tc-offer-dismiss:hover {
  background: var(--og-color-hover);
  color: var(--og-color-fg);
}
:where(.og-root).og-tc-offer-dismiss svg,:where(.og-root) .og-tc-offer-dismiss svg {
  width: 14px;
  height: 14px;
}
@media (max-height: 640px) {
  :where(.og-root).og-tc-offer[data-card] .og-tc-offer-text,:where(.og-root) .og-tc-offer[data-card] .og-tc-offer-text {
    display: none;
  }
}
:where(.og-root).og-tc-spinner,:where(.og-root) .og-tc-spinner {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border: 2px solid var(--og-color-border);
  border-top-color: var(--og-color-fg-muted);
  border-radius: 999px;
  animation: og-tc-spin 0.8s linear infinite;
}
:where(.og-root).og-tc-panel,:where(.og-root) .og-tc-panel {
  padding: 16px;
  border: 1px solid var(--og-color-border);
  border-radius: 12px;
  background: var(--og-color-surface-1);
}
:where(.og-root).og-tc-panel-row,:where(.og-root) .og-tc-panel-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
:where(.og-root).og-tc-panel-row > .og-tc-offer-mark,:where(.og-root) .og-tc-panel-row > .og-tc-offer-mark {
  width: 36px;
  height: 36px;
  border-radius: 10px;
}
:where(.og-root).og-tc-panel-row > .og-tc-offer-mark > svg,:where(.og-root) .og-tc-panel-row > .og-tc-offer-mark > svg {
  width: 18px;
  height: 18px;
}
:where(.og-root).og-tc-panel-text,:where(.og-root) .og-tc-panel-text {
  flex: 1;
  min-width: 0;
}
:where(.og-root).og-tc-panel-actions,:where(.og-root) .og-tc-panel-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
:where(.og-root).og-tc-dot,:where(.og-root) .og-tc-dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--og-color-fg-subtle, var(--og-color-border-strong));
}
:where(.og-root).og-tc-dot[data-view="ready"],:where(.og-root) .og-tc-dot[data-view="ready"] {
  background: var(--og-color-status-idle);
}
:where(.og-root).og-tc-dot[data-view="finish_setup"],:where(.og-root) .og-tc-dot[data-view="finish_setup"] {
  background: var(--og-color-status-waiting);
}
:where(.og-root).og-tc-dot[data-view="reconnecting"],:where(.og-root) .og-tc-dot[data-view="reconnecting"] {
  background: var(--og-color-status-waiting);
  animation: og-tc-dot-pulse 1.6s ease-in-out infinite;
}
@keyframes og-tc-dot-pulse {
  50% {
    opacity: 0.35;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.og-root).og-tc-dot[data-view="reconnecting"],:where(.og-root) .og-tc-dot[data-view="reconnecting"] {
    animation: none;
  }
}
:where(.og-root).og-tc-dot[data-view="off"],:where(.og-root) .og-tc-dot[data-view="off"],:where(.og-root) .og-tc-dot[data-view="setting_up"],:where(.og-root)  .og-tc-dot[data-view="setting_up"] {
  display: none;
}
:where(.og-root).og-tc-panel-foot,:where(.og-root) .og-tc-panel-foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--og-color-border);
  font-size: 12px;
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-tc-confirm,:where(.og-root) .og-tc-confirm {
  margin-top: 14px;
  padding: 12px;
  border-radius: 10px;
  background: var(--og-color-danger);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--og-color-danger) 7%, var(--og-color-surface-2));
  }
  font-size: 12.5px;
  line-height: 1.5;
}
:where(.og-root).og-tc-confirm p,:where(.og-root) .og-tc-confirm p {
  margin: 0;
}
:where(.og-root).og-tc-confirm > div,:where(.og-root) .og-tc-confirm > div {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 10px;
}
:where(.og-root).og-tc-panel > .og-tc-error,:where(.og-root) .og-tc-panel > .og-tc-error {
  margin-top: 12px;
}
:where(.og-root).og-tc-card-logo svg,:where(.og-root) .og-tc-card-logo svg {
  width: 20px;
  height: 20px;
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-tc-card-check,:where(.og-root) .og-tc-card-check {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--og-color-status-idle);
}
:where(.og-root).og-tc-card-foot,:where(.og-root) .og-tc-card-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 12px;
  padding: 0 19px 14px;
}
:where(.og-root).og-tc-card-foot > p,:where(.og-root) .og-tc-card-foot > p {
  flex: 1 1 14rem;
  margin: 0;
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--og-color-fg-label, var(--og-color-fg));
}
:where(.og-root).og-tc-card-foot > p[data-complete],:where(.og-root) .og-tc-card-foot > p[data-complete] {
  color: var(--og-color-status-idle);
  font-weight: 500;
}
:where(.og-root).og-tc-card-foot > :is(button, a),:where(.og-root) .og-tc-card-foot > :is(button, a) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid var(--og-color-primary-border);
  border-radius: 8px;
  background: var(--og-color-primary);
  color: var(--og-color-primary-fg);
  font: inherit;
  font-size: 12.5px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
:where(.og-root).og-tc-card-foot > :is(button, a) svg,:where(.og-root) .og-tc-card-foot > :is(button, a) svg {
  width: 14px;
  height: 14px;
}
:where(.og-root).og-tc-card-foot > button:disabled,:where(.og-root) .og-tc-card-foot > button:disabled {
  opacity: 0.55;
  cursor: default;
}
:where(.og-root).og-tc-card-note,:where(.og-root) .og-tc-card-note {
  margin: 0;
  padding: 0 19px 14px;
  font-size: 11px;
  line-height: 1.5;
  color: var(--og-color-fg-muted);
}
:where(.og-root).og-tc-card-downloads,:where(.og-root) .og-tc-card-downloads {
  flex-wrap: wrap;
}
:where(.og-root).og-tc-card-downloads > a:not(:first-child),:where(.og-root) .og-tc-card-downloads > a:not(:first-child) {
  background: var(--og-color-surface-1);
  border-color: var(--og-color-border);
  color: var(--og-color-fg);
}
:where(.og-root).og-tc-card .og-tc-error,:where(.og-root) .og-tc-card .og-tc-error {
  width: auto;
  margin: 0 19px 12px;
}
:where(.og-root).og-tc-card-foot > .og-tc-spinner,:where(.og-root) .og-tc-card-foot > .og-tc-spinner {
  flex-shrink: 0;
}
@media (pointer: coarse) {
  :where(.og-root).og-tc-button,:where(.og-root) .og-tc-button,:where(.og-root) .og-tc-card-foot > :is(button, a),:where(.og-root)  .og-tc-card-foot > :is(button, a) {
    min-height: 44px;
  }
}
@media (max-width: 420px) {
  :where(.og-root).og-tc-body,:where(.og-root) .og-tc-body {
    padding: 26px 20px 4px;
  }
  :where(.og-root).og-tc-footer,:where(.og-root) .og-tc-footer {
    padding: 20px 16px 16px;
  }
}
@keyframes og-tc-fade {
  from {
    opacity: 0;
  }
}
@keyframes og-tc-rise {
  from {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 8px)) scale(0.98);
  }
}
@keyframes og-tc-enter {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
@keyframes og-tc-pointer {
  0%, 12% {
    transform: translate(70px, 98px);
  }
  48%, 64% {
    transform: translate(146px, 78px);
  }
  56% {
    transform: translate(146px, 78px) scale(0.86);
  }
  100% {
    transform: translate(70px, 98px);
  }
}
@keyframes og-tc-press {
  0%, 52% {
    opacity: 1;
  }
  56% {
    opacity: 0.7;
  }
  60%, 100% {
    opacity: 1;
  }
}
@keyframes og-tc-tap {
  0%, 100% {
    transform: translate(4px, 6px);
  }
  45%, 60% {
    transform: translate(-6px, -6px);
  }
  52% {
    transform: translate(-6px, -6px) scale(0.85);
  }
}
@keyframes og-tc-ring {
  0%, 100% {
    box-shadow: 0 0 0 1.5px color-mix(in srgb, #0a84ff 55%, transparent);
  }
  50% {
    box-shadow: 0 0 0 4px color-mix(in srgb, #0a84ff 22%, transparent);
  }
}
@keyframes og-tc-indeterminate {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(290%);
  }
}
@keyframes og-tc-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.35;
    transform: scale(0.7);
  }
}
@keyframes og-tc-draw {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes og-tc-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.og-root).og-tc-overlay,:where(.og-root) .og-tc-overlay,:where(.og-root) .og-tc-dialog,:where(.og-root)  .og-tc-dialog,:where(.og-root) .og-tc-content,:where(.og-root)  .og-tc-content,:where(.og-root) .og-tc-allowed,:where(.og-root)  .og-tc-allowed,:where(.og-root) .og-tc-art-pointer,:where(.og-root)  .og-tc-art-pointer,:where(.og-root) .og-tc-art-button,:where(.og-root)  .og-tc-art-button,:where(.og-root) .og-tc-settings-row-target,:where(.og-root)  .og-tc-settings-row-target,:where(.og-root) .og-tc-prompt-allow,:where(.og-root)  .og-tc-prompt-allow,:where(.og-root) .og-tc-settings-pointer,:where(.og-root)  .og-tc-settings-pointer,:where(.og-root) .og-tc-pulse,:where(.og-root)  .og-tc-pulse {
    animation: none;
  }
  :where(.og-root).og-tc-done-check path,:where(.og-root) .og-tc-done-check path {
    animation: none;
    stroke-dashoffset: 0;
  }
  :where(.og-root).og-tc-progress[data-indeterminate] > span,:where(.og-root) .og-tc-progress[data-indeterminate] > span {
    animation-duration: 3s;
  }
}
:where(.og-root).session-capability-card,:where(.og-root) .session-capability-card {
  width: 100%;
  max-width: 540px;
}
:where(.og-root).session-capability-card__shell,:where(.og-root) .session-capability-card__shell {
  overflow: hidden;
  border-radius: 12px;
}
:where(.og-root).session-capability-identity-logo,:where(.og-root) .session-capability-identity-logo {
  width: 41px;
  height: 41px;
  border-radius: 10px;
}
:where(.og-root).session-capability-card__header,:where(.og-root) .session-capability-card__header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 19px 12px;
}
:where(.og-root).session-capability-card__type,:where(.og-root) .session-capability-card__type {
  flex-shrink: 0;
  border-radius: 5px;
  padding: 4px 7px;
  font-size: 10px;
  line-height: 1;
}
:where(.og-root).session-capability-card__done-mark,:where(.og-root) .session-capability-card__done-mark {
  display: flex;
  width: 23px;
  height: 23px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
:where(.og-root).session-capability-card__status,:where(.og-root) .session-capability-card__status,:where(.og-root) .session-capability-card__copy,:where(.og-root)  .session-capability-card__copy,:where(.og-root) .session-capability-card__actions,:where(.og-root)  .session-capability-card__actions,:where(.og-root) .session-capability-card__setup,:where(.og-root)  .session-capability-card__setup {
  padding-left: 19px;
  padding-right: 19px;
}
:where(.og-root).session-capability-card__status,:where(.og-root) .session-capability-card__status {
  padding-bottom: 16px;
  font-size: 12px;
  line-height: 1.7;
}
:where(.og-root).session-capability-card__copy,:where(.og-root) .session-capability-card__copy {
  padding-bottom: 8px;
  font-size: 12px;
  line-height: 1.7;
}
:where(.og-root).session-capability-card__actions,:where(.og-root) .session-capability-card__actions {
  align-items: center;
  column-gap: 12px;
}
:where(.og-root).session-capability-card__actions[data-expanded="false"],:where(.og-root) .session-capability-card__actions[data-expanded="false"] {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  padding-bottom: 14px;
}
:where(.og-root).session-capability-card__actions[data-expanded="true"],:where(.og-root) .session-capability-card__actions[data-expanded="true"] {
  display: block;
  padding-bottom: 12px;
}
:where(.og-root).session-capability-card__reassure,:where(.og-root) .session-capability-card__reassure {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  line-height: 1.6;
}
:where(.og-root).session-capability-card__reassure svg,:where(.og-root) .session-capability-card__reassure svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
}
:where(.og-root).session-capability-card__open,:where(.og-root) .session-capability-card__open {
  display: flex;
  justify-content: flex-end;
}
:where(.og-root).session-capability-card__open [data-slot="button"],:where(.og-root) .session-capability-card__open [data-slot="button"] {
  height: 35px;
  border-radius: 7px;
  padding-left: 13px;
  padding-right: 13px;
  font-size: 12px;
}
:where(.og-root).session-capability-card__setup,:where(.og-root) .session-capability-card__setup {
  padding-bottom: 17px;
}
:where(.og-root).session-capability-card__form form,:where(.og-root) .session-capability-card__form form {
  display: flex;
  flex-direction: column;
}
:where(.og-root).session-capability-card__form form > button,:where(.og-root) .session-capability-card__form form > button {
  margin-left: auto;
  width: auto;
}
:where(.og-root).session-capability-card__form [data-slot="button"],:where(.og-root) .session-capability-card__form [data-slot="button"] {
  font-size: 12px;
}
:where(.og-root).session-capability-card__note,:where(.og-root) .session-capability-card__note {
  margin-top: 10px;
  font-size: 10px;
  line-height: 1.6;
}
:where(.og-root).session-capability-card__subtitle,:where(.og-root) .session-capability-card__subtitle,:where(.og-root) .session-capability-card__status p,:where(.og-root)  .session-capability-card__status p,:where(.og-root) .session-capability-card__fine,:where(.og-root)  .session-capability-card__fine {
  font-size: 11px;
}
:where(.og-root).session-capability-card__lede,:where(.og-root) .session-capability-card__lede {
  font-size: 12px;
  line-height: 1.8;
}
:where(.og-root).session-capability-card__install,:where(.og-root) .session-capability-card__install {
  display: inline-flex;
  border-radius: 6px;
  padding: 7px 9px;
  font-size: 11px;
}
:where(.og-root).session-capability-card__choice,:where(.og-root) .session-capability-card__choice {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
:where(.og-root).session-capability-card__choice-label,:where(.og-root) .session-capability-card__choice-label {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  border-radius: 6px;
  padding: 7px 9px;
  font-size: 11px;
}
:where(.og-root).session-capability-card h3,:where(.og-root) .session-capability-card h3,:where(.og-root) .session-capability-card__subtitle,:where(.og-root)  .session-capability-card__subtitle {
  overflow-wrap: anywhere;
}
@media (max-width:600px) {
  :where(.og-root).session-capability-card__copy,:where(.og-root) .session-capability-card__copy {
    padding-bottom: 0;
  }
  :where(.og-root).session-capability-card__actions[data-expanded="false"],:where(.og-root) .session-capability-card__actions[data-expanded="false"] {
    display: block;
  }
  :where(.og-root).session-capability-card__reassure,:where(.og-root) .session-capability-card__reassure {
    margin-top: 9px;
  }
  :where(.og-root).session-capability-card__open,:where(.og-root) .session-capability-card__open {
    padding-top: 6px;
  }
}
@media (max-width:480px) {
  :where(.og-root).session-capability-card__header,:where(.og-root) .session-capability-card__header {
    gap: 9px;
    padding: 16px 14px 12px;
  }
  :where(.og-root).session-capability-card__status,:where(.og-root) .session-capability-card__status,:where(.og-root) .session-capability-card__copy,:where(.og-root)  .session-capability-card__copy,:where(.og-root) .session-capability-card__actions,:where(.og-root)  .session-capability-card__actions,:where(.og-root) .session-capability-card__setup,:where(.og-root)  .session-capability-card__setup {
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media (pointer:coarse) {
  :where(.og-root).session-capability-card__open [data-slot="button"],:where(.og-root) .session-capability-card__open [data-slot="button"],:where(.og-root) .session-capability-card__form [data-slot="button"],:where(.og-root)  .session-capability-card__form [data-slot="button"],:where(.og-root) .session-capability-card__choice-label,:where(.og-root)  .session-capability-card__choice-label {
    min-height: 44px;
  }
}