*23, 0.00000001))) calc(b * 1.00209181 + (0.00000000 + clamp(0, (l - 0.97015077) / -0.81108437, 1) * -0.00000000) * min(1, 0.01 / max(hypot
*24, 0.00000001))); --color-content-gray: oklab(from #5d5d5d clamp(0, l + clamp(-0.015, 0.00251018 + clamp(0, (l - 0.97015077) / -0.81108437, 1) * -0.00251018, 0.015), 1) calc(a * 1.00209181 + (0.00000000 + clamp(0, (l - 0.97015077) / -0.81108437, 1) * -0.00000000) * min(1, 0.01 / max(hypot
*25, 0.00000001))) calc(b * 1.00209181 + (0.00000000 + clamp(0, (l - 0.97015077) / -0.81108437, 1) * -0.00000000) * min(1, 0.01 / max(hypot
*26, 0.00000001)))); --color-content-slate: oklab(from #6e8eb5 clamp(0, l + clamp(-0.015, 0.00251018 + clamp(0, (l - 0.97015077) / -0.81108437, 1) * -0.00251018, 0.015), 1) calc(a * 1.00209181) calc(b * 1.00209181)); --color-content-purple: oklab(from #9639ed clamp(0, l + clamp(-0.015, 0.00251018 + clamp(0, (l - 0.97015077) / -0.81108437, 1) * -0.00251018, 0.015), 1) calc(a * 1.00209181) calc(b * 1.00209181)); --color-content-magenta: oklab(from #cf42c5 clamp(0, l + clamp(-0.015, 0.00251018 + clamp(0, (l - 0.97015077) / -0.81108437, 1) * -0.00251018, 0.015), 1) calc(a * 1.00209181) calc(b * 1.00209181)); --color-content-pink: oklab(from #f31c91 clamp(0, l + clamp(-0.015, 0.00251018 + clamp(0, (l - 0.97015077) / -0.81108437, 1) * -0.00251018, 0.015), 1) calc(a * 1.00209181) calc(b * 1.00209181)); --color-content-blue: oklab(from #3566f0 clamp(0, l + clamp(-0.015, 0.00251018 + clamp(0, (l - 0.97015077) / -0.81108437, 1) * -0.00251018, 0.015), 1) calc(a * 1.00209181) calc(b * 1.00209181)); --color-content-cyan: oklab(from #0695c8 clamp(0, l + clamp(-0.015, 0.00251018 + clamp(0, (l - 0.97015077) / -0.81108437, 1) * -0.00251018, 0.015), 1) calc(a * 1.00209181) calc(b * 1.00209181)); --color-content-green: oklab(from #1f9884 clamp(0, l + clamp(-0.015, 0.00251018 + clamp(0, (l - 0.97015077) / -0.81108437, 1) * -0.00251018, 0.015), 1) calc(a * 1.00209181) calc(b * 1.00209181)); --color-content-lime: oklab(from #92b21e clamp(0, l + clamp(-0.015, 0.00251018 + clamp(0, (l - 0.97015077) / -0.81108437, 1) * -0.00251018, 0.015), 1) calc(a * 1.00209181) calc(b * 1.00209181)); --color-content-yellow: oklab(from #e39f20 clamp(0, l + clamp(-0.015, 0.00251018 + clamp(0, (l - 0.97015077) / -0.81108437, 1) * -0.00251018, 0.015), 1) calc(a * 1.00209181) calc(b * 1.00209181)); --color-content-orange: oklab(from #f7513c clamp(0, l + clamp(-0.015, 0.00251018 + clamp(0, (l - 0.97015077) / -0.81108437, 1) * -0.00251018, 0.015), 1) calc(a * 1.00209181) calc(b * 1.00209181)); --color-content-red: oklab(from #ff002a clamp(0, l + clamp(-0.015, 0.00251018 + clamp(0, (l - 0.97015077) / -0.81108437, 1) * -0.00251018, 0.015), 1) calc(a * 1.00209181) calc(b * 1.00209181)); --color-chart-empty: #f3f3f3; --color-chart-sequential-1: #cce6ff; --color-chart-sequential-2: #66b5ff; --color-chart-sequential-3: #0285ff; --color-chart-sequential-4: #004f99; --color-text: #0d0d0d; --color-text-emphasis: #0d0d0d; --color-text-prose: #0d0d0d; --color-text-secondary: #5d5d5d; --color-text-tertiary: #8f8f8f; --color-text-inverse: #ffffff; --color-avatar-blue: #0485ff; --color-avatar-red: #ff7419; --color-avatar-green: #07b84c; --color-avatar-light-blue: #0169cc; --color-avatar-yellow: #ffc304; --color-avatar-gray: #212121; --color-avatar-orange: #ff7419; --color-avatar-foreground: #fff; --color-ring: #3a83f7; --color-text-primary: #0d0d0d; --color-background-primary-soft: #ffffff; --color-background-primary-soft-hover: #0000000d; --color-background-primary-soft-active: #f3f3f3; --color-background-primary-soft-alpha: #f3f3f3; --color-background-primary-soft-alpha-hover: color-mix(in oklab, #0d0d0d 12%, transparent); --color-background-primary-soft-alpha-active: color-mix(in oklab, #0d0d0d 16%, transparent); --color-text-primary-soft: #0d0d0d; --color-background-primary-soft-alt: color-mix(in oklab, #0d0d0d 5%, transparent); --color-border-primary-soft-alt: color-mix(in oklab, #0d0d0d 6%, transparent); --color-text-primary-soft-alt: #0d0d0d; --color-background-primary-surface: color-mix(in oklab, #0d0d0d 5%, transparent); --color-border-primary-surface: color-mix(in oklab, #0d0d0d 5%, transparent); --color-text-primary-surface: #0d0d0d; --color-background-primary-solid: #0d0d0d; --color-background-primary-solid-hover: #303030; --color-background-primary-solid-active: #414141; --color-text-primary-solid: #ffffff; --color-background-primary-outline-hover: color-mix(in oklab, #0d0d0d 2%, transparent); --color-background-primary-outline-active: color-mix(in oklab, #0d0d0d 4%, transparent); --color-border-primary-outline: #00000026; --color-border-primary-outline-hover: color-mix(in oklab, #0d0d0d 20%, transparent); --color-text-primary-outline: #0d0d0d; --color-text-primary-outline-hover: #0d0d0d; --color-background-primary-ghost-hover: #0000000d; --color-background-primary-ghost-active: color-mix(in oklab, #0d0d0d 12%, transparent); --color-text-primary-ghost: #0d0d0d; --color-text-primary-ghost-hover: #0d0d0d; --color-ring-primary: #3a83f7; --color-ring-primary-soft: #3a83f7; --color-ring-primary-solid: #3a83f7; --color-ring-primary-outline: #3a83f7; --color-ring-primary-ghost: #3a83f7; --color-background-secondary-soft: #f3f3f3; --color-background-secondary-soft-hover: #0000000d; --color-background-secondary-soft-active: #f3f3f3; --color-background-secondary-soft-alpha: #0000000d; --color-background-secondary-soft-alpha-hover: color-mix(in oklab, #0d0d0d 12%, transparent); --color-background-secondary-soft-alpha-active: color-mix(in oklab, #0d0d0d 16%, transparent); --color-text-secondary-soft: #0d0d0d; --color-background-secondary-soft-alt: color-mix(in oklab, #0d0d0d 5%, transparent); --color-border-secondary-soft-alt: color-mix(in oklab, #0d0d0d 6%, transparent); --color-text-secondary-soft-alt: #0d0d0d; --color-background-secondary-solid: #f3f3f3; --color-background-secondary-solid-hover: #0000000d; --color-background-secondary-solid-active: #f3f3f3; --color-text-secondary-solid: #5d5d5d; --color-background-secondary-outline-hover: color-mix(in oklab, #0d0d0d 2%, transparent); --color-background-secondary-outline-active: color-mix(in oklab, #0d0d0d 4%, transparent); --color-border-secondary-outline: #00000026; --color-border-secondary-outline-hover: color-mix(in oklab, #0d0d0d 20%, transparent); --color-text-secondary-outline: #5d5d5d; --color-text-secondary-outline-hover: #0d0d0d; --color-background-secondary-ghost-hover: #0000000d; --color-background-secondary-ghost-active: color-mix(in oklab, #0d0d0d 12%, transparent); --color-text-secondary-ghost: #5d5d5d; --color-text-secondary-ghost-hover: #0d0d0d; --color-ring-secondary: #3a83f7; --color-ring-secondary-soft: #3a83f7; --color-ring-secondary-solid: #3a83f7; --color-ring-secondary-outline: #3a83f7; --color-ring-secondary-ghost: #3a83f7; --color-text-info: #2c67c5; --color-background-info-soft: color-mix(in srgb, #2c67c5 30%, transparent); --color-background-info-soft-hover: #cce6ff; --color-background-info-soft-active: #cce6ff; --color-background-info-soft-alpha: color-mix(in oklab, #0285ff 13%, transparent); --color-background-info-soft-alpha-hover: color-mix(in oklab, #0285ff 25%, transparent); --color-background-info-soft-alpha-active: color-mix(in oklab, #0285ff 25%, transparent); --color-text-info-soft: #3a83f7; --color-background-info-surface: #e8f3fe; --color-border-info-surface: color-mix(in oklab, #0285ff 4%, transparent); --color-text-info-surface: #004f99; --color-background-info-solid: #3a83f7; --color-background-info-solid-hover: #0169cc; --color-background-info-solid-active: #0169cc; --color-text-info-solid: rgb(0, 0, 0); --color-background-info-outline-hover: color-mix(in oklab, #0285ff 4%, transparent); --color-background-info-outline-active: color-mix(in oklab, #0285ff 4%, transparent); --color-border-info-outline: #0285ff; --color-border-info-outline-hover: #0285ff; --color-text-info-outline: #0285ff; --color-text-info-outline-hover: #0285ff; --color-background-info-ghost-hover: color-mix(in oklab, #0285ff 13%, transparent); --color-background-info-ghost-active: color-mix(in oklab, #0285ff 13%, transparent); --color-text-info-ghost: #0169cc; --color-text-info-ghost-hover: #0169cc; --color-ring-info: #3a83f7; --color-ring-info-soft: #3a83f7; --color-ring-info-solid: #3a83f7; --color-ring-info-outline: #3a83f7; --color-ring-info-ghost: #3a83f7; --color-text-warning: #e25507; --color-background-warning-soft: #ffe7d9; --color-background-warning-soft-hover: #ffcfb4; --color-background-warning-soft-active: #ffcfb4; --color-background-warning-soft-alpha: color-mix(in oklab, #fb6a22 16%, transparent); --color-background-warning-soft-alpha-hover: color-mix(in oklab, #fb6a22 33%, transparent); --color-background-warning-soft-alpha-active: color-mix(in oklab, #fb6a22 33%, transparent); --color-text-warning-soft: #e25507; --color-background-warning-surface: #fff5f0; --color-border-warning-surface: color-mix(in oklab, #fb6a22 7%, transparent); --color-text-warning-surface: #b9480d; --color-background-warning-solid: #e25507; --color-background-warning-solid-hover: #b9480d; --color-background-warning-solid-active: #b9480d; --color-text-warning-solid: #ffffff; --color-background-warning-outline-hover: color-mix(in oklab, #fb6a22 7%, transparent); --color-background-warning-outline-active: color-mix(in oklab, #fb6a22 7%, transparent); --color-border-warning-outline: color-mix(in oklab, #e25507 15%, transparent); --color-border-warning-outline-hover: #e25507; --color-text-warning-outline: #e25507; --color-text-warning-outline-hover: #e25507; --color-background-warning-ghost-hover: color-mix(in oklab, #fb6a22 16%, transparent); --color-background-warning-ghost-active: color-mix(in oklab, #fb6a22 16%, transparent); --color-text-warning-ghost: #e25507; --color-text-warning-ghost-hover: #e25507; --color-ring-warning: #3a83f7; --color-ring-warning-soft: #3a83f7; --color-ring-warning-solid: #3a83f7; --color-ring-warning-outline: #3a83f7; --color-ring-warning-ghost: #3a83f7; --color-text-caution: #ffc300; --color-text-caution-hover: #6e5400; --color-background-caution-soft: #fff6d9; --color-background-caution-soft-hover: #ffeeb8; --color-background-caution-soft-active: #ffeeb8; --color-background-caution-soft-alpha: color-mix(in oklab, #ffc300 15%, transparent); --color-background-caution-soft-alpha-hover: color-mix(in oklab, #ffc300 27%, transparent); --color-background-caution-soft-alpha-active: color-mix(in oklab, #ffc300 27%, transparent); --color-text-caution-soft: #6e5400; --color-background-caution-surface: color-mix(in oklab, #ffc300 8%, transparent); --color-border-caution-surface: color-mix(in oklab, #ffc300 8%, transparent); --color-text-caution-surface: #6e5400; --color-background-caution-solid: #ffc300; --color-background-caution-solid-hover: #916f00; --color-background-caution-solid-active: #916f00; --color-text-caution-solid: #fff; --color-background-caution-outline-hover: color-mix(in oklab, #ffc300 8%, transparent); --color-background-caution-outline-active: color-mix(in oklab, #ffc300 8%, transparent); --color-border-caution-outline: #916f00; --color-border-caution-outline-hover: #916f00; --color-text-caution-outline: #916f00; --color-text-caution-outline-hover: #916f00; --color-background-caution-ghost-hover: color-mix(in oklab, #ffc300 15%, transparent); --color-background-caution-ghost-active: color-mix(in oklab, #ffc300 15%, transparent); --color-text-caution-ghost: #916f00; --color-text-caution-ghost-hover: #916f00; --color-ring-caution: #3a83f7; --color-ring-caution-soft: #3a83f7; --color-ring-caution-solid: #3a83f7; --color-ring-caution-outline: #3a83f7; --color-ring-caution-ghost: #3a83f7; --color-text-danger: #e02e2a; --color-background-danger-soft: #ffd9d9; --color-background-danger-soft-hover: #ffc6c5; --color-background-danger-soft-active: #ffc6c5; --color-background-danger-soft-alpha: color-mix(in oklab, #fa423e 16%, transparent); --color-background-danger-soft-alpha-hover: color-mix(in oklab, #fa423e 30%, transparent); --color-background-danger-soft-alpha-active: color-mix(in oklab, #fa423e 30%, transparent); --color-text-danger-soft: #e02e2a; --color-background-danger-surface: #fff0f0; --color-border-danger-surface: color-mix(in oklab, #fa423e 8%, transparent); --color-text-danger-surface: #ba2623; --color-background-danger-solid: #e02e2a; --color-background-danger-solid-hover: #e02e2a; --color-background-danger-solid-active: #e02e2a; --color-text-danger-solid: #fff; --color-background-danger-outline-hover: color-mix(in oklab, #fa423e 8%, transparent); --color-background-danger-outline-active: color-mix(in oklab, #fa423e 8%, transparent); --color-border-danger-outline: color-mix(in oklab, #e02e2a 15%, transparent); --color-border-danger-outline-hover: color-mix(in oklab, #fa423e 48%, transparent); --color-text-danger-outline: #fa423e; --color-text-danger-outline-hover: #fa423e; --color-background-danger-ghost-hover: color-mix(in oklab, #fa423e 16%, transparent); --color-background-danger-ghost-active: color-mix(in oklab, #fa423e 16%, transparent); --color-text-danger-ghost: #e02e2a; --color-text-danger-ghost-hover: #e02e2a; --color-ring-danger: #ff8583; --color-ring-danger-soft: #ff8583; --color-ring-danger-solid: #ff8583; --color-ring-danger-outline: #ff8583; --color-ring-danger-ghost: #ff8583; --color-text-success: #00a240; --color-background-success-soft: #d9f4e4; --color-background-success-soft-hover: #b8ebcc; --color-background-success-soft-active: #b8ebcc; --color-background-success-soft-alpha: color-mix(in oklab, #04b84c 15%, transparent); --color-background-success-soft-alpha-hover: color-mix(in oklab, #04b84c 29%, transparent); --color-background-success-soft-alpha-active: color-mix(in oklab, #04b84c 29%, transparent); --color-text-success-soft: #008635; --color-background-success-surface: #edfaf2; --color-border-success-surface: color-mix(in oklab, #04b84c 8%, transparent); --color-text-success-surface: #008635; --color-background-success-solid: #008635; --color-background-success-solid-hover: #00a240; --color-background-success-solid-active: #00a240; --color-text-success-solid: #fff; --color-background-success-outline-hover: color-mix(in oklab, #04b84c 8%, transparent); --color-background-success-outline-active: color-mix(in oklab, #04b84c 8%, transparent); --color-border-success-outline: #00a240; --color-border-success-outline-hover: #00a240; --color-text-success-outline: #00a240; --color-text-success-outline-hover: #00a240; --color-background-success-ghost-hover: color-mix(in oklab, #04b84c 15%, transparent); --color-background-success-ghost-active: color-mix(in oklab, #04b84c 15%, transparent); --color-text-success-ghost: #00a240; --color-text-success-ghost-hover: #00a240; --color-ring-success: #3a83f7; --color-ring-success-soft: #3a83f7; --color-ring-success-solid: #3a83f7; --color-ring-success-outline: #3a83f7; --color-ring-success-ghost: #3a83f7; --color-text-discovery: #924ff7; --color-background-discovery-soft: #efe5fe; --color-background-discovery-soft-hover: #e0cefd; --color-background-discovery-soft-active: #e0cefd; --color-background-discovery-soft-alpha: color-mix(in oklab, #924ff7 15%, transparent); --color-background-discovery-soft-alpha-hover: color-mix(in oklab, #924ff7 28%, transparent); --color-background-discovery-soft-alpha-active: color-mix(in oklab, #924ff7 28%, transparent); --color-text-discovery-soft: #6b3ab4; --color-background-discovery-surface: color-mix(in oklab, #924ff7 6%, transparent); --color-border-discovery-surface: color-mix(in oklab, #924ff7 6%, transparent); --color-text-discovery-surface: #6b3ab4; --color-background-discovery-solid: #924ff7; --color-background-discovery-solid-hover: #8046d9; --color-background-discovery-solid-active: #8046d9; --color-text-discovery-solid: #fff; --color-background-discovery-outline-hover: color-mix(in oklab, #924ff7 6%, transparent); --color-background-discovery-outline-active: color-mix(in oklab, #924ff7 6%, transparent); --color-border-discovery-outline: #924ff7; --color-border-discovery-outline-hover: #924ff7; --color-text-discovery-outline: #924ff7; --color-text-discovery-outline-hover: #924ff7; --color-background-discovery-ghost-hover: color-mix(in oklab, #924ff7 15%, transparent); --color-background-discovery-ghost-active: color-mix(in oklab, #924ff7 15%, transparent); --color-text-discovery-ghost: #8046d9; --color-text-discovery-ghost-hover: #8046d9; --color-ring-discovery: #3a83f7; --color-ring-discovery-soft: #3a83f7; --color-ring-discovery-solid: #3a83f7; --color-ring-discovery-outline: #3a83f7; --color-ring-discovery-ghost: #3a83f7; --color-background-disabled: color-mix(in oklab, #0d0d0d 5%, transparent); --color-border-disabled: color-mix(in oklab, #0d0d0d 6%, transparent); --color-text-disabled: #8f8f8f; --color-border-subtle: #0000000d; --color-border: #0000001a; --color-border-strong: #00000026; --font-tracking-wide: normal; --font-tracking-normal: normal; --font-tracking-tight: normal; --font-heading-5xl-size: 4.5rem; --font-heading-5xl-line-height: 4.5rem; --font-heading-5xl-weight: 600; --font-heading-5xl-tracking: -.025em; --font-heading-4xl-size: 3.75rem; --font-heading-4xl-line-height: 3.75rem; --font-heading-4xl-weight: 600; --font-heading-4xl-tracking: -.025em; --font-heading-3xl-size: 3rem; --font-heading-3xl-line-height: 3rem; --font-heading-3xl-weight: 600; --font-heading-3xl-tracking: -.025em; --font-heading-2xl-size: 2.25rem; --font-heading-2xl-line-height: 2.625rem; --font-heading-2xl-weight: 600; --font-heading-2xl-tracking: -.025em; --font-heading-xl-size: 2rem; --font-heading-xl-line-height: 2.375rem; --font-heading-xl-weight: 600; --font-heading-xl-tracking: -.025em; --font-heading-lg-size: 1.5rem; --font-heading-lg-line-height: 1.75rem; --font-heading-lg-weight: 600; --font-heading-lg-tracking: 0em; --font-heading-md-size: 1.25rem; --font-heading-md-line-height: 1.625rem; --font-heading-md-weight: 600; --font-heading-md-tracking: 0em; --font-heading-sm-size: 1.125rem; --font-heading-sm-line-height: 1.625rem; --font-heading-sm-weight: 600; --font-heading-sm-tracking: 0em; --font-heading-xs-size: 1rem; --font-heading-xs-line-height: 1.5rem; --font-heading-xs-weight: 600; --font-heading-xs-tracking: 0em; --font-text-lg-size: 1.125rem; --font-text-lg-line-height: 1.8125rem; --font-text-lg-weight: 400; --font-text-lg-tracking: 0em; --font-text-md-size: 1rem; --font-text-md-line-height: 1.5rem; --font-text-md-weight: 400; --font-text-md-tracking: 0em; --font-text-sm-size: .875rem; --font-text-sm-line-height: 1.25rem; --font-text-sm-weight: 400; --font-text-sm-tracking: 0em; --font-text-xs-size: .75rem; --font-text-xs-line-height: 1.125rem; --font-text-xs-weight: 400; --font-text-xs-tracking: .025em; --font-text-2xs-size: .625rem; --font-text-2xs-line-height: .875rem; --font-text-2xs-weight: 400; --font-text-2xs-tracking: .025em; --font-text-3xs-size: .5rem; --font-text-3xs-line-height: .75rem; --font-text-3xs-weight: 400; --font-text-3xs-tracking: .025em; --font-small-caps-md-size: .6875rem; --font-small-caps-md-line-height: .9375rem; --font-small-caps-md-weight: 600; --font-small-caps-md-tracking: .65px; --font-small-caps-lg-size: .8125rem; --font-small-caps-lg-line-height: 1.1875rem; --font-small-caps-lg-weight: 600; --font-small-caps-lg-tracking: .6px; --control-size-4xs: 1.25rem; --control-size-3xs: 1.375rem; --control-size-2xs: 1.5rem; --control-size-xs: 1.625rem; --control-size-sm: 1.75rem; --control-size-md: 2rem; --control-size-lg: 2.25rem; --control-size-xl: 2.5rem; --control-size-2xl: 2.75rem; --control-size-3xl: 3rem; --control-gutter-2xs: .375rem; --control-gutter-xs: .5rem; --control-gutter-sm: .625rem; --control-gutter-md: .75rem; --control-gutter-lg: .875rem; --control-gutter-xl: 1rem; --control-gutter-pill-scaling: 1.33; --control-radius-sm: calc(.25rem * 1); --control-radius-md: calc(.5rem * 1); --control-radius-lg: calc(.5rem * 1); --control-radius-xl: calc(.75rem * 1); --control-font-size-sm: 12px; --control-font-size-md: 14px; --control-font-size-lg: 16px; --control-icon-size-xs: .875rem; --control-icon-size-sm: 1rem; --control-icon-size-md: 1.125rem; --control-icon-size-lg: 1.25rem; --control-icon-size-xl: 1.375rem; --control-icon-size-2xl: 1.5rem; --cubic-enter: cubic-bezier(.19, 1, .22, 1); --cubic-exit: cubic-bezier(.8, 0, .4, 1); --cubic-exit-snappy: cubic-bezier(.65, 0, .4, 1); --cubic-move: cubic-bezier(.65, 0, .35, 1); --transition-duration-basic: .15s; --transition-ease-basic: ease; --animation-duration-streaming-text: .7s; --scrollbar-color: color-mix(in oklab, #0d0d0d 30%, transparent); --shadow-card: 0px 4px 16px 0px #0000000d; --shadow: 0 10px 15px -3px #0000001a , 0 4px 6px -4px #0000001a; --shadow-hairline: 0 0 0 .5px #0000001a; --shadow-100: 0 1px 2px -1px rgb(0 0 0 / .08); --shadow-100-strong: 0 1px 2px -1px rgb(0 0 0 / calc(.08 * 1.25)); --shadow-100-stronger: 0 1px 2px -1px rgb(0 0 0 / calc(.08 * 1.6)); --shadow-200: 0 2px 4px -1px rgb(0 0 0 / .08); --shadow-200-strong: 0 2px 4px -1px rgb(0 0 0 / calc(.08 * 1.25)); --shadow-200-stronger: 0 2px 4px -1px rgb(0 0 0 / calc(.08 * 1.6)); --shadow-300: 0 4px 8px -2px rgb(0 0 0 / .1); --shadow-300-strong: 0 4px 8px -2px rgb(0 0 0 / calc(.1 * 1.25)); --shadow-300-stronger: 0 4px 8px -2px rgb(0 0 0 / calc(.1 * 1.6)); --shadow-400: 0 8px 16px -4px rgb(0 0 0 / .12); --shadow-400-strong: 0 8px 16px -4px rgb(0 0 0 / calc(.12 * 1.25)); --shadow-400-stronger: 0 8px 16px -4px rgb(0 0 0 / calc(.12 * 1.6)); --color-surface: #f3f3f3; --color-surface-secondary: #fcfcfc; --color-surface-tertiary: #f3f3f3; --color-surface-elevated: #ffffff; --color-surface-elevated-secondary: #ffffff; --color-surface-canvas: color-mix(in srgb, #f3f3f3 98%, #000); --alert-border-radius: calc(1rem * 1); --alert-gap: calc(.25rem * 3); --alert-gutter: calc(.25rem * 3); --alert-font-size: .875rem; --alert-line-height: 1.25rem; --alert-title-font-weight: 500; --avatar-radius: 9999px; --avatar-size: 28px; --avatar-font-size-scaling: .5; --avatar-overflow-font-size-scaling-one: .45; --avatar-overflow-font-size-scaling-two: .37; --avatar-overflow-font-size-scaling-three: .3; --avatar-image-border-color: color-mix(in oklab, #0d0d0d 4%, transparent); --avatar-group-cutout-width: 3px; --avatar-group-cutout-color: #f3f3f3; --avatar-group-spacing: -8px; --badge-gutter-sm: calc(.375rem - 1px); --badge-gutter-md: .375rem; --badge-gutter-lg: .5rem; --badge-size-sm: calc(1.375rem - 2px); --badge-size-md: 1.375rem; --badge-size-lg: 1.5rem; --badge-radius-sm: calc(.125rem * 1); --badge-radius-md: calc(.125rem * 1); --badge-radius-lg: calc(.25rem * 1); --badge-font-size-sm: .75rem; --badge-font-size-md: .875rem; --badge-font-size-lg: .875rem; --badge-tracking-sm: .025em; --badge-tracking-md: 0em; --badge-tracking-lg: 0em; --badge-font-weight-sm: 600; --badge-font-weight-md: 600; --badge-font-weight-lg: 600; --badge-icon-font-size-sm: .75rem; --badge-icon-font-size-md: 1rem; --badge-icon-font-size-lg: 1rem; --badge-indicator-size-sm: .75rem; --badge-indicator-size-md: .75rem; --badge-indicator-size-lg: .875rem; --button-gap-sm: 3px; --button-gap-md: 4px; --button-gap-lg: 6px; --button-font-weight: 500; --button-surface-border-color: #0000000a; --button-surface-shadow: 0 2px 8px 0 #0000000a, 0 4px 80px 8px #00000006; --input-gap-xs: 4px; --input-gap-sm: 6px; --input-gap-md: 8px; --input-gap-lg: 10px; --input-text-color: #0d0d0d; --input-placeholder-text-color: #8f8f8f; --input-outline-border-color: #00000026; --input-outline-border-color-hover: color-mix(in oklab, #0d0d0d 25%, transparent); --input-outline-border-color-focus: color-mix(in oklab, #0d0d0d 50%, transparent); --input-soft-background-color: #f3f3f3; --input-soft-border-color-focus: color-mix(in oklab, #0d0d0d 20%, transparent); --input-border-color-invalid: #e02e2a; --link-font-weight: inherit; --link-gap: calc(.25rem * .5); --link-radius: calc(.25rem * 1); --link-underline-decoration-offset: .1em; --link-primary-text-color: #0169cc; --link-primary-text-color-hover: #013566; --chat-max-width: 800px; --chat-gutter: calc(.25rem * 5); --chat-background-color: #f3f3f3; --thread-gutter: calc(.25rem * 4); --composer-gutter: calc(.25rem * 3); --composer-compact-gutter: calc(.25rem * 2); --composer-radius: calc(.25rem * 7); --composer-background-color: #ffffff; --smoothing-background-color: #f3f3f3; --user-message-background-color: color-mix(in oklab, #0d0d0d 5%, transparent); --user-message-text-color: #0d0d0d; --source-list-gutter: calc(.25rem * 4); --codeblock-background-color: #fcfcfc; --codeblock-syntax-1: #c0660d; --codeblock-syntax-2: #0169cc; --codeblock-syntax-3: #008635; --codeblock-syntax-4: #e04c91; --codeblock-syntax-5: #8046d9; --dialog-min-width: 250px; --dialog-max-width: 450px; --dialog-radius: calc(1rem * 1); --dialog-container-inner-padding: calc(.25rem * 5); --dialog-backdrop-dim-background: #0000004d; --dialog-backdrop-fade-background: #f2f2f280; --dialog-backdrop-fade-filter: blur(1px); --dialog-backdrop-fade-shadow: 0 8px 16px 0 #00000012, 0 2px 6px 0 #0000000d, 0 0 0 1px #0000001a; --menu-gutter: calc(.25rem * 2); --menu-radius: calc(1rem * 1); --menu-font-size: .875rem; --menu-line-height: 1.25rem; --menu-item-background-color: color-mix(in oklab, #0d0d0d 8%, transparent); --menu-item-padding: calc(.25rem * 2) calc(.25rem * 3); --menu-item-extra-padding-end: calc(.25rem * 3); --menu-item-gap: calc(.25rem * 1.5); --menu-choice-item-gap: calc(.25rem * 2); --menu-choice-item-gap-end: calc(.25rem * 3); --menu-item-radius: calc(calc(1rem * 1) - calc(.25rem * 2)); --menu-separator-gutter: calc(.25rem * 2) calc(.25rem * 3); --menu-separator-background-color: #0000001a; --menu-radio-indicator-size: 1.125rem; --menu-radio-indicator-hole-size: .5rem; --menu-checkbox-indicator-size: 1.125rem; --modal-radius: calc(1rem * 1); --modal-backdrop-background: #0000004d; --modal-backdrop-fade-background: #f2f2f280; --modal-backdrop-fade-filter: blur(1px); --modal-backdrop-dim-shadow: 0 10px 15px -3px #0000001a , 0 4px 6px -4px #0000001a; --modal-container-inner-padding: calc(.25rem * 5); --popover-radius: calc(1rem * 1); --radio-group-col-gap: calc(.25rem * 2.5); --radio-group-row-gap: calc(.25rem * 5); --radio-group-item-gap: calc(.25rem * 1.5); --radio-group-item-font-size: .875rem; --radio-group-item-line-height: 1.25rem; --radio-group-indicator-size: 1rem; --radio-group-indicator-border-color: #00000026; --radio-group-indicator-border-color-hover: color-mix(in oklab, #0d0d0d 25%, transparent); --radio-group-indicator-background-color: #0d0d0d; --radio-group-indicator-hole-size: .375rem; --radio-group-indicator-hole-background-color: #ffffff; --segmented-control-gap: 2px; --segmented-control-gutter: 2px; --segmented-control-background: #ededed; --segmented-control-font-weight: 600; --segmented-control-thumb-background: #fff; --segmented-control-thumb-shadow: 0 1px 4px -1px #0003; --segmented-control-option-highlight-gutter: 1px; --segmented-control-option-highlight-background-color: #cdcdcd; --select-list-scale: .98; --select-item-active-font-weight: 500; --select-control-font-weight: 500; --slider-track-color: #dfdfdf; --slider-range-color: #767676; --switch-track-width: 32px; --switch-track-height: 19px; --switch-track-color: color-mix(in oklab, #0d0d0d 10%, transparent); --switch-track-color-hover: color-mix(in oklab, #0d0d0d 10%, transparent); --switch-track-color-checked: #3a83f7; --switch-track-color-checked-disabled: color-mix(in oklab, #3a83f7 50%, transparent); --switch-track-color-disabled: #ededed; --switch-thumb-offset: 3px; --switch-thumb-size: calc(19px - 2 * 3px); --switch-thumb-shadow: 0 1px 2px #0003; --switch-thumb-color: #fff; --switch-thumb-color-disabled: #fff; --switch-label-gap: calc(.25rem * 2); --tooltip-bottom-translate: 0 2px; --tooltip-border-radius: calc(1rem * 1); --tooltip-corner-shape: round; --tooltip-background-color: #0d0d0d; --tooltip-text-color: #ffffff; --tooltip-text-info-color: color-mix(in srgb, #ffffff 70%, #2c67c5); --tooltip-text-danger-color: color-mix(in srgb, #ffffff 70%, #e02e2a ); --tooltip-text-warning-color: color-mix(in srgb, #ffffff 70%, #e25507 ); --tooltip-text-success-color: color-mix(in srgb, #ffffff 70%, #00a240 ); --tooltip-border-color: color-mix(in oklab, #ffffff 5%, transparent); --tooltip-box-shadow: 0 8px 18px #0f172a33; --tooltip-font-size: 14px; --tooltip-font-weight: 600; --tooltip-line-height: calc(.25rem * 4.5); --tooltip-letter-spacing: -.15px; --tooltip-padding-block: calc(.25rem * 1.25); --tooltip-padding-inline: calc(.25rem * 3); --tooltip-shortcut-background-color: color-mix(in oklab, #ffffff 25%, transparent); --tooltip-compact-font-weight: 600; --modal-sheet-fade-shadow: 0 -8px 16px 0 #00000012, 0 -2px 6px 0 #0000000d, 0 0 0 1px #0000001a; --modal-backdrop-fade-shadow: 0 8px 16px 0 #00000012, 0 2px 6px 0 #0000000d, 0 0 0 1px #0000001a; --menu-background-color: color-mix(in oklab, #ffffff 90%, transparent); --menu-box-shadow: 0 0 0 .5px #0000001a, 0px 0px 0px .5px #0000001a, 0px 8px 16px -4px #0000001f; --menu-backdrop-filter: blur(16px); --menu-indicator-margin-start: .25rem; --app-color-background-surface: #fcfcfc; --app-color-background-surface-under: #fcfcfc; --app-color-background-application-menu: #ffffff; --app-color-foreground-application-menu: #0d0d0d; --app-color-border-application-menu-separator: #0000001a; --app-color-background-editor-opaque: #f9f9f9; --app-color-background-elevated-primary: #ffffff; --app-color-background-elevated-primary-opaque: #ffffff; --app-color-background-elevated-secondary: #f3f3f3; --app-color-background-elevated-secondary-opaque: #f3f3f3; --app-color-background-elevated-tertiary-opaque: #f3f3f3; --app-color-background-button-primary: #0d0d0d; --app-color-background-button-primary-hover: #000000cc; --app-color-background-button-primary-active: #000000e5; --app-color-background-button-primary-inactive: #0d0d0d; --app-color-background-button-secondary: #f3f3f3; --app-color-background-button-secondary-hover: #0000000d; --app-color-background-button-secondary-active: #0000001a; --app-color-background-button-secondary-inactive: transparent; --app-color-background-button-tertiary: transparent; --app-color-background-button-tertiary-hover: #0000000d; --app-color-background-button-tertiary-active: #0000001a; --app-color-background-accent: #e8f3fe; --app-color-background-accent-hover: #e8f3fe; --app-color-background-accent-active: #e8f3fe; --app-color-background-status-success: color-mix(in oklab, #00a240 7.0%, transparent); --app-color-background-status-warning: #ffe7d9; --app-color-background-status-error: #ffd9d9; --app-color-background-tip-badge: #e8f3fe; --app-color-background-danger-active: color-mix(in oklab, #e02e2a 90%, transparent); --app-color-text-foreground: #0d0d0d; --app-color-text-foreground-secondary: #5d5d5d; --app-color-text-foreground-tertiary: #8f8f8f; --app-color-text-button-primary: #ffffff; --app-color-text-button-secondary: #0d0d0d; --app-color-text-button-tertiary: #8f8f8f; --app-color-text-accent: #2c67c5; --app-color-text-on-accent: rgb(0, 0, 0); --app-color-text-success: #00a240; --app-color-text-warning: #e25507; --app-color-text-error: #e02e2a; --app-color-text-tip-badge: #3a83f7; --app-color-icon-primary: #0d0d0d; --app-color-icon-secondary: #5d5d5d; --app-color-icon-tertiary: #8f8f8f; --app-color-icon-accent: #2c67c5; --app-color-icon-success: #00a240; --app-color-icon-warning: #e25507; --app-color-icon-error: #e02e2a; --app-color-accent-red: #e02e2a; --app-color-accent-blue: #3a83f7; --app-color-accent-yellow: #ffc300; --app-color-accent-orange: #e25507; --app-color-accent-green: #00a240; --app-color-accent-purple: #924ff7; --app-color-border: #0000001a; --app-color-border-heavy: #00000026; --app-color-border-light: #0000000d; --app-color-border-warning: color-mix(in oklab, #e25507 15%, transparent); --app-color-border-error: color-mix(in oklab, #e02e2a 15%, transparent); --app-color-border-focus: #3a83f7; --app-color-decoration-added: #00a240; --app-color-decoration-modified: #923b0f; --app-color-decoration-deleted: #ba2623; --app-color-decoration-unchanged: #afafaf; --app-color-editor-added: rgba(0, 162, 64, 0.15); --app-color-editor-deleted: rgba(186, 38, 35, 0.15); --app-color-simple-scrim: #00000080; --app-color-background-recovery: #f8f7f5; --color-text-chatgpt-recovery: color-mix(in srgb, #0d0d0d calc(100% * 119 / 255), #fcfcfc ); --color-text-toolbar-action: #0d0d0d; --color-text-execution-output: #0d0d0d; --color-text-execution-output-label: #8f8f8f; --color-text-execution-output-error: #e02e2a; --color-text-execution-traceback: #fff; --color-text-mode-toggle-inactive: #5d5d5d; --color-text-mode-toggle-primary: #0d0d0d; --color-text-mode-toggle-accent: #3a83f7; --color-text-button-outline: #0d0d0d; --accent-icon: #2c67c5; --color-text-connected: #339cff; --color-text-header-upgrade: #3a83f7; --color-background-header-upgrade-hover: color-mix(in srgb, #3a83f7 9%, transparent); --color-text-unread-badge: #fff; --color-text-business-claim: #0169cc; --color-text-internal-badge: #1a1400; --color-background-internal-badge: #ffdb66; --color-text-tip: #3a83f7; --composer-corner-shape: superellipse(1.1); --thread-composer-bottom-inset: calc(.25rem * 6); --color-text-composer-primary: #ffffff; --color-text-accent-action: #ffffff; --color-text-composer-reference: #3a83f7; --color-text-user-message: #0c274a; --color-text-coachmark: #fff; --color-background-tooltip: #0d0d0d; --color-text-tooltip: #ffffff; --color-border-tooltip: color-mix(in oklab, #ffffff 5%, transparent); --color-background-tooltip-shortcut: color-mix(in oklab, #ffffff 25%, transparent); --color-background-tooltip-classic: #fff; --color-text-tooltip-classic: #000; --color-border-tooltip-classic: color-mix(in oklab, #000 10%, transparent); --color-text-tooltip-shortcut: #ffffff; --color-text-tooltip-secondary: color-mix(in oklab, #ffffff 90%, transparent); --color-text-tooltip-tertiary: color-mix(in oklab, #ffffff 80%, transparent); --color-text-tooltip-info: color-mix(in srgb, #ffffff 70%, #2c67c5); --color-text-tooltip-danger: color-mix(in srgb, #ffffff 70%, #e02e2a ); --color-text-tooltip-warning: color-mix(in srgb, #ffffff 70%, #e25507 ); --color-text-tooltip-success: color-mix(in srgb, #ffffff 70%, #00a240 ); --color-text-tooltip-description: color-mix(in oklab, #ffffff 90%, transparent); --color-control-thumb-foreground: #0d0d0d; --color-control-thumb-on-accent: #fff; --color-device-stage: #303030; --color-device-handle: #414141; --color-device-handle-hover: #4f4f4f; --color-device-handle-detail: #afafaf; --color-background-user-message-compact: #f3f3f3; --color-background-message-reaction: #f3f3f3; --color-chat-accent-black: #000; --color-chat-accent-slate: #7c9cc3; --color-chat-accent-red: #de4a43; --color-chat-accent-orange: #ff8066; --color-chat-accent-yellow: #ffcc38; --color-chat-accent-lime: #b6d80b; --color-chat-accent-green: #04bb9f; --color-chat-accent-cyan: #00b1ff; --color-chat-accent-blue: #3566f0; --color-chat-accent-purple: #a25bff; --color-chat-accent-magenta: #dd6adc; --color-chat-accent-pink: #fa70ab; --color-text-on-chat-accent: #fff; --color-text-on-chat-accent-yellow: #0d0d0d; --color-text-on-chat-accent-lime: #0d0d0d; --color-text-chat-accent-blue: #2451da; --color-text-chat-accent-green: #055f51; --color-text-chat-accent-yellow: #7d3f09; --color-text-chat-accent-pink: #c31b74; --color-text-chat-accent-orange: #ab1616; --color-text-chat-accent-purple: #7e14d0; --color-text-chat-accent-slate: #4a6e98; --color-text-chat-accent-lime: #586c11; --color-text-chat-accent-cyan: #0b5c7c; --color-text-chat-accent-magenta: #af1fa7; --color-text-chat-accent-black: #0d0d0d; --color-text-chat-accent-red: #e02e2a; --color-media-foreground: #fff; --color-media-background: #000; --color-brand-logo-background: #fff; --color-brand-logo-foreground: #000; --color-media-scrim: #0d0d0d; --color-media-control-background: color-mix(in srgb, #fff 35%, #0d0d0d); --color-media-control-hover: color-mix(in srgb, #fff 40%, #0d0d0d); --color-image-generation-accent: #3a83f7; --color-image-generation-text: var(--color-text-accent); --color-image-generation-foreground: rgb(0, 0, 0); --color-blue: #3a83f7; --color-chart-blue: #3a83f7; --color-green: #00a240; --color-chart-green: #00a240; --color-orange: #e25507; --color-chart-orange: #e25507; --color-purple: #924ff7; --color-chart-purple: #924ff7; --color-red: #e02e2a; --color-chart-red: #e02e2a; --color-yellow: #ffc300; --color-chart-yellow: #ffc300; --color-usage-meter-fill: color-mix(in srgb, #767676 45%, #5d5d5d); --color-usage-meter-track: #dfdfdf; --color-usage-meter-symbol: #cdcdcd; --color-usage-meter-credit: #767676; --color-usage-meter-alert: #8f8f8f; --color-usage-meter-surface: #f9f9f9; --color-usage-meter-warning: color-mix(in srgb, #e02e2a 65%, #8f8f8f ); --color-usage-plan: #339cff; --color-usage-plan-wash: #e5f3ff; --color-usage-reserve-wash: #fff6d9; --color-usage-reserve: color-mix(in srgb, color-mix(in srgb, #ffc300, #e0ac00) 90%, #fff6d9); --color-usage-reserve-track: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, #ffc300, #e0ac00) 90%, #fff6d9) 35%, #fcfcfc); --color-avatar-purple: #ae7bf9; --color-background-activity-control: #e8e8e8; --color-text-activity-control: #9f9f9f; --color-text-activity-control-active: #fff; --color-background-activity-control-hover: #afafaf; --color-background-activity-stop-hover: #8f8f8f; --color-background-activity-input: #dfdfdf; --color-file-audio: #924ff7; --color-file-canvas: #e0ac00; --color-file-document: #0285ff; --color-file-image: #ff66ad; --color-file-pdf: #fa423e; --color-file-presentation: #fa423e; --color-file-spreadsheet: #04b84c; --color-file-three-d: #fb6a22; --color-file-video: #924ff7; --color-artifact-powerpoint: #ba2623; --color-artifact-photo-paper: #fff; --color-artifact-powerpoint-foreground: #ba2623; --color-artifact-powerpoint-surface: color-mix(in oklab, #ba2623 5%, transparent); --color-dialog-overlay: #0002; --color-surface-card: #ffffff; --color-surface-recovery: #f8f7f5; --app-color-background-shell: #f3f3f3; --color-background-home-suggestion-hover: #0000000d; --color-background-search-result-hover: color-mix(in srgb, #0000000d 25%, transparent); --color-starter-prompt-icon: #5d5d5d; --app-shell-sidebar-divider: #0000001a; --color-border-overlay: #0000001a; --shadow-dropdown-overlay: 0px 0px 0px .5px #0000001a, 0px 8px 16px -4px #0000001f; --dropdown-overlay-ring-width: .5px; --popover-overlay-ring-width: .5px; --shadow-popover-overlay: 0px 4px 8px -2px #0000001a; --app-shell-sidebar-popover-border: #0000001a; --color-background-composer-surface: #ffffff; --app-shell-page-surface-shadow: 0 0 0 .5px rgb(from #00000026 r g b / .04) , 0px 4px 16px 0px #0000000d; --app-shell-sidebar-popover-radius: calc(.75rem - .25rem); --app-shell-window-radius: initial; --app-shell-sidebar-popover-background: rgb(from #ffffff r g b / 1); --color-background-artifact-preview: color-mix(in srgb, #f3f3f3 98%, #000); --color-background-viewer-control: #ffffff; --color-background-page-search: #ffffff; --color-background-primary-ghost-focus: color-mix(in oklab, #0d0d0d 12%, transparent); --color-background-composer-primary: #3a83f7; --color-background-accent-action: #3a83f7; --color-background-user-message: #e8f3fe; --color-background-other-user-message: color-mix(in oklab, #0d0d0d 10%, transparent); --color-background-segmented-selected: color-mix(in oklab, #0d0d0d 5%, transparent); --color-background-segmented-selected-hover: color-mix(in oklab, #0d0d0d 10%, transparent); --color-background-segmented-form-track: color-mix(in srgb, #f3f3f3 90%, #0d0d0d); --color-background-segmented-form-selected: #f3f3f3; --color-background-callout-surface: #f3f3f3; --color-background-execution-output: #fcfcfc; --color-background-execution-traceback: #000; --color-background-mode-toggle-track: rgb(13 13 13 / 3%); --color-background-mode-toggle-selected: #ffffff; --color-background-composer-action-bar: #f3f3f3; --color-background-text-selection: #539af859; --color-background-attribution-highlight: #539af859; --color-background-coachmark: #0169cc; --color-background-success-indicator: #008635; --color-background-chatgpt-success-solid: #008635; --color-background-tip-soft: #e8f3fe; --color-border-mode-toggle-selected: #0000001a; --color-border-button-outline: rgb(0 0 0 / 15%); --color-background-button-outline-hover: #f9f9f9; --shadow-mode-toggle-selected: 0 1px 6px 0 rgb(0 0 0 / 5%); --color-codex-description: #8f8f8f; --color-codex-radio-inactive: #00000026; --color-codex-icon: #0d0d0d; --color-codex-icon-active: #0d0d0d; --color-codex-drop-overlay: #e8f3fe; --color-codex-drop-prompt: #e8f3fe; --color-codex-application-menu: #ffffff; --color-codex-application-menu-selection: #f3f3f3; --color-codex-git-added: #00a240; --color-codex-git-deleted: #ba2623; --color-codex-git-modified: #923b0f; --color-codex-git-ignored: #923b0f; --color-codex-diff-added: rgba(0, 162, 64, 0.15); --color-codex-diff-deleted: rgba(186, 38, 35, 0.15); --color-codex-diff-surface: color-mix(in srgb, #f3f3f3 94%, #0d0d0d); --color-codex-terminal-background: #fcfcfc; --color-codex-terminal-foreground: #0d0d0d; --color-codex-terminal-selection: #00000080; --color-codex-terminal-selection-inactive: #00000080; --color-codex-terminal-ansi-black: #8f8f8f; --color-codex-terminal-ansi-red: #e02e2a; --color-codex-terminal-ansi-green: #00a240; --color-codex-terminal-ansi-yellow: #ffc300; --color-codex-terminal-ansi-blue: #3a83f7; --color-codex-terminal-ansi-magenta: #924ff7; --color-codex-terminal-ansi-cyan: #3a83f7; --color-codex-terminal-ansi-white: #0d0d0d; --color-codex-terminal-ansi-bright-black: #5d5d5d; --color-codex-terminal-ansi-bright-red: #e02e2a; --color-codex-terminal-ansi-bright-green: #00a240; --color-codex-terminal-ansi-bright-yellow: #ffc300; --color-codex-terminal-ansi-bright-blue: #3a83f7; --color-codex-terminal-ansi-bright-magenta: #924ff7; --color-codex-terminal-ansi-bright-cyan: #3a83f7; --color-codex-terminal-ansi-bright-white: #0d0d0d; --color-codex-editor-line-highlight: color-mix(in srgb, #0d0d0d 4%, transparent); --color-codex-editor-cursor: #0d0d0d; --color-codex-editor-inline-code-background: #f3f3f3; --color-codex-editor-inline-code-foreground: #0d0d0d; --color-codex-syntax-comment: #4f4f4f; --color-codex-syntax-keyword: #ab4f7a; --color-codex-syntax-literal: #ac4f23; --color-codex-syntax-string: #3a843f; --color-codex-syntax-variable: #643cae; --color-codex-syntax-attribute: #b8802b; --color-codex-syntax-name: #1f4e94; --color-codex-syntax-error: #ba2623; --codex-theme-accent-text: #2c67c5; --codex-theme-accent-icon: #2c67c5; --codex-theme-accent-background-subtle: #e8f3fe; --codex-theme-accent-background-hover: #e8f3fe; --codex-theme-accent-background-pressed: #e8f3fe; --codex-theme-accent-color: #3a83f7; --codex-data-color-red: #e02e2a; --focus-outline-color: #3a83f7; --data-color-series-1: #3a83f7; --data-color-series-2: #924ff7; --data-color-series-3: #00a240; --data-color-series-4: #ffc300; --data-color-series-5: #e25507; --height-token-message: calc(.25rem * 10); --comment-font-size: 14px; --comment-metadata-font-size: 12px; --comment-line-height: calc(1.25 / .875); --comment-editor-font-size: 14px; --shadow-viewer-surface: 0 0 0 1px #0000000d, 0px 4px 16px 0px #0000000d; --viewer-header-height: calc(calc(.25rem * 5) + .25rem * 8); --codex-base-accent: #3a83f7; --codex-base-contrast: 45; --codex-base-ink: #0d0d0d; --codex-base-surface: #fcfcfc; --app-color-background-control: #ffffff; --color-background-control-opaque: #ffffff; --color-background-panel: #fcfcfc; --sidebar-upgrade-rest-background: color-mix(in srgb, #0285ff 9%, #fff); --app-color-text-unread-badge: #fff; --app-color-text-secondary: #5d5d5d; --app-color-text-primary-solid: #ffffff; --app-color-background-card: #ffffff; --app-color-ads-background-secondary: #e8e8e8; --app-color-ads-background-secondary-press: rgb(0 0 0 / 5%); --app-color-ads-border-medium: rgb(0 0 0 / 15%); --app-color-ads-text-primary: #0d0d0d; --color-text-composer-file-reference: color-mix(in srgb, #2c67c5 80%, #0d0d0d 20%); --upgrade-promotion-foreground: #3a83f7; box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; scrollbar-color: oklab(0.159065 0.00000723451 0.00000317395 / 0.3) rgba(0, 0, 0, 0); scrollbar-width: thin; min-width: 0px; color: rgb(13, 13, 13); --theme-accent-text: #2c67c5; position: relative; --popcorn-presentation-background: color-mix(in srgb, #f3f3f3 98%, #000); --popcorn-presentation-thumbnail-background: #ffffff; --popcorn-presentation-thumbnail-backdrop-filter: none; --popcorn-presentation-thumbnail-shadow: 0 0 0 .5px #00000026, 0 3px 7.5px #00000008, 0 0 16px #00000005; --wb-text-primary: #0d0d0d; --wb-text-secondary: #5d5d5d; --wb-text-tertiary: #8f8f8f; --wb-surface-primary: #f3f3f3; --wb-surface-secondary: #fcfcfc; --wb-interactive-secondary-hover: #0000000d; --wb-border: #0000001a; --wb-border-hover: #0000001a; --wb-divider: #0000000d; --wb-focus: #3a83f7; --font-ui-family: inherit; --font-ui-weight: 400; --font-code-family: inherit; --font-code-weight: normal; --text-link-decoration: none; --puik-portal-zoom: 1;" data-theme="light">
はい。心房細動と動脈硬化で、血栓が形成される仕組みが異なるという理解は合っています。
ただし、1点だけ重要な違いがあります。DOACは、すでにできた血栓を直接溶かす薬ではありません。
① 心房細動 → DOAC(抗凝固薬)
心房細動では、心房が正常に収縮できず、特に左心耳で血液が滞留しやすくなります。
血液が滞留すると凝固反応が進み、フィブリンを主体とする血栓が形成されやすくなります。
DOACは凝固因子を阻害することで、血栓の形成や増大を防ぎます。
すでに形成された血栓については、体内の線溶系が徐々に分解することがあります。
つまり、DOACは血栓を溶かすのではなく、新たに固まるのを防ぐ薬です。
② 動脈硬化 → 抗血小板薬
動脈硬化では、血管内のプラークが破綻すると、血小板が活性化して集まり、血栓が形成されます。
そのため、バイアスピリンやクロピドグレルで血小板凝集を抑制し、血栓形成を予防します。
まとめ
*27 / 2); --table-inline-gutter-start: calc
*28 / 2); --table-inline-gutter-end: calc
*29 / 2); --table-inline-content-end: 0px; min-height: 0px; margin-inline: -116.602px; flex-direction: column; align-self: stretch; display: flex; margin-block-start: 16px;" data-d-column-sizing="auto" data-d-component="table">
| |
心房細動
|
動脈硬化性疾患
|
|
主な原因
|
血液の滞留
|
プラークの破綻・血小板活性化
|
|
血栓の特徴
|
フィブリンが豊富
|
血小板が豊富
|
|
主な薬剤
|
DOAC
|
抗血小板薬
|
|
薬の役割
|
凝固反応を抑える
|
血小板凝集を抑える
|
したがって、イメージとしては、
心房細動:血液が滞留して固まるのを防ぐ。
動脈硬化:血管の傷んだ部分に血小板が集まって詰まるのを防ぐ。
このように整理すると、かなり正確です。