.uc-demo{font-family:var(--font-sans)}[data-uc-variant] :where(*){transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out}.uc-demo{--uc-demo-neutral-bg-main: #262523;--uc-demo-neutral-bg-weak: #181716;--uc-demo-neutral-bg-strong: #ffffff;--uc-demo-neutral-text-main: #ffffff;--uc-demo-neutral-text-medium: #e6e5e4;--uc-demo-neutral-text-weak: #a7a49f;--uc-demo-neutral-text-strong: #181716;--uc-demo-neutral-border-weak: #43413d;--uc-demo-neutral-icon-weak: #a7a49f;--uc-demo-highlight-bg-main: #1c42a8;--uc-demo-highlight-bg-strong: #bad2fd;--uc-demo-highlight-border-weak: #2159d4;--uc-demo-highlight-border-main: #bad2fd;--uc-demo-highlight-border-medium: #6097f9;--uc-demo-highlight-text-main: #bad2fd;--uc-demo-highlight-text-weak: #1c42a8;--uc-demo-highlight-icon-main: #bad2fd;--uc-demo-success-bg-main: #14532d;--uc-demo-success-bg-strong: #bbf7d0;--uc-demo-success-border-weak: #166534;--uc-demo-success-border-main: #86efac;--uc-demo-success-text-main: #86efac;--uc-demo-success-text-weak: #14532d;--uc-demo-success-icon-main: #86efac;--uc-demo-warning-bg-main: #713f12;--uc-demo-warning-bg-strong: #fde047;--uc-demo-warning-border-weak: #854d0e;--uc-demo-warning-border-main: #fde047;--uc-demo-warning-text-main: #fde047;--uc-demo-warning-text-weak: #713f12;--uc-demo-warning-icon-main: #fde047;--uc-demo-danger-bg-main: #7f1d1d;--uc-demo-danger-bg-strong: #fecaca;--uc-demo-danger-border-weak: #991b1b;--uc-demo-danger-border-main: #fca5a5;--uc-demo-danger-text-main: #f87171;--uc-demo-danger-text-weak: #7f1d1d;--uc-demo-danger-icon-main: #f87171;--uc-demo-swatch-highlight-text: #eef4ff;--uc-demo-swatch-highlight-bg: #1c42a8;--uc-demo-swatch-success-text: #dcfce7;--uc-demo-swatch-success-bg: #14532d;--uc-demo-swatch-warning-text: #fef9c3;--uc-demo-swatch-warning-bg: #713f12;--uc-demo-swatch-danger-text: #fee2e2;--uc-demo-swatch-danger-bg: #7f1d1d}.dark .uc-demo,.uc-demo.dark{--uc-demo-neutral-bg-main: #262523;--uc-demo-neutral-bg-weak: #181716;--uc-demo-neutral-bg-strong: #ffffff;--uc-demo-neutral-text-main: #ffffff;--uc-demo-neutral-text-medium: #e6e5e4;--uc-demo-neutral-text-weak: #a7a49f;--uc-demo-neutral-text-strong: #181716;--uc-demo-neutral-border-weak: #43413d;--uc-demo-neutral-icon-weak: #a7a49f}:root:not(.dark) .uc-demo:not(.dark),.uc-demo.light{--uc-demo-neutral-bg-main: #ffffff;--uc-demo-neutral-bg-weak: #f6f5f4;--uc-demo-neutral-bg-strong: #191715;--uc-demo-neutral-text-main: #191715;--uc-demo-neutral-text-medium: #46413a;--uc-demo-neutral-text-weak: #5a534a;--uc-demo-neutral-text-strong: #ffffff;--uc-demo-neutral-border-weak: #e8e5e2;--uc-demo-neutral-icon-weak: #5a534a;--uc-demo-highlight-bg-main: #eef4ff;--uc-demo-highlight-bg-strong: #3d7bf5;--uc-demo-highlight-border-weak: #dce9fe;--uc-demo-highlight-border-main: #3d7bf5;--uc-demo-highlight-border-medium: #90b6fc;--uc-demo-highlight-text-main: #3d7bf5;--uc-demo-highlight-text-weak: #eef4ff;--uc-demo-highlight-icon-main: #3d7bf5;--uc-demo-success-bg-main: #f0fdf4;--uc-demo-success-bg-strong: #15803d;--uc-demo-success-border-weak: #dcfce7;--uc-demo-success-border-main: #15803d;--uc-demo-success-text-main: #15803d;--uc-demo-success-text-weak: #f0fdf4;--uc-demo-success-icon-main: #15803d;--uc-demo-warning-bg-main: #fef9c3;--uc-demo-warning-bg-strong: #facc15;--uc-demo-warning-border-weak: #fef08a;--uc-demo-warning-border-main: #a16207;--uc-demo-warning-text-main: #a16207;--uc-demo-warning-text-weak: #fef9c3;--uc-demo-warning-icon-main: #a16207;--uc-demo-danger-bg-main: #fef2f2;--uc-demo-danger-bg-strong: #dc2626;--uc-demo-danger-border-weak: #fee2e2;--uc-demo-danger-border-main: #b91c1c;--uc-demo-danger-text-main: #b91c1c;--uc-demo-danger-text-weak: #fef2f2;--uc-demo-danger-icon-main: #b91c1c;--uc-demo-swatch-highlight-text: #2159d4;--uc-demo-swatch-highlight-bg: #dce9fe;--uc-demo-swatch-success-text: #166534;--uc-demo-swatch-success-bg: #dcfce7;--uc-demo-swatch-warning-text: #854d0e;--uc-demo-swatch-warning-bg: #fef08a;--uc-demo-swatch-danger-text: #b91c1c;--uc-demo-swatch-danger-bg: #fee2e2}.uc-demo[data-uc-variant=highlight]{--uc-demo-active-bg-main: var(--uc-demo-highlight-bg-main);--uc-demo-active-bg-strong: var(--uc-demo-highlight-bg-strong);--uc-demo-active-border-weak: var(--uc-demo-highlight-border-weak);--uc-demo-active-border-main: var(--uc-demo-highlight-border-main);--uc-demo-active-border-medium: var(--uc-demo-highlight-border-medium);--uc-demo-active-text-main: var(--uc-demo-highlight-text-main);--uc-demo-active-text-weak: var(--uc-demo-highlight-text-weak);--uc-demo-active-icon-main: var(--uc-demo-highlight-icon-main)}.uc-demo[data-uc-variant=success]{--uc-demo-active-bg-main: var(--uc-demo-success-bg-main);--uc-demo-active-bg-strong: var(--uc-demo-success-bg-strong);--uc-demo-active-border-weak: var(--uc-demo-success-border-weak);--uc-demo-active-border-main: var(--uc-demo-success-border-main);--uc-demo-active-border-medium: var(--uc-demo-success-border-main);--uc-demo-active-text-main: var(--uc-demo-success-text-main);--uc-demo-active-text-weak: var(--uc-demo-success-text-weak);--uc-demo-active-icon-main: var(--uc-demo-success-icon-main)}.uc-demo[data-uc-variant=warning]{--uc-demo-active-bg-main: var(--uc-demo-warning-bg-main);--uc-demo-active-bg-strong: var(--uc-demo-warning-bg-strong);--uc-demo-active-border-weak: var(--uc-demo-warning-border-weak);--uc-demo-active-border-main: var(--uc-demo-warning-border-main);--uc-demo-active-border-medium: var(--uc-demo-warning-border-main);--uc-demo-active-text-main: var(--uc-demo-warning-text-main);--uc-demo-active-text-weak: var(--uc-demo-warning-text-weak);--uc-demo-active-icon-main: var(--uc-demo-warning-icon-main)}.uc-demo[data-uc-variant=danger]{--uc-demo-active-bg-main: var(--uc-demo-danger-bg-main);--uc-demo-active-bg-strong: var(--uc-demo-danger-bg-strong);--uc-demo-active-border-weak: var(--uc-demo-danger-border-weak);--uc-demo-active-border-main: var(--uc-demo-danger-border-main);--uc-demo-active-border-medium: var(--uc-demo-danger-border-main);--uc-demo-active-text-main: var(--uc-demo-danger-text-main);--uc-demo-active-text-weak: var(--uc-demo-danger-text-weak);--uc-demo-active-icon-main: var(--uc-demo-danger-icon-main)}.uc-demo{--uc-demo-space-50: 4px;--uc-demo-space-100: 8px;--uc-demo-space-150: 12px;--uc-demo-space-200: 16px;--uc-demo-space-300: 24px;--uc-demo-radius-xs: 6px;--uc-demo-radius-sm: 8px;--uc-demo-radius-md: 12px;--uc-demo-radius-full: 360px;--uc-demo-size-xs: 16px;--uc-demo-size-sm: 24px;--uc-demo-size-md: 32px;--uc-demo-size-lg: 40px}.uc-demo{--uc-demo-timeline-connector: var(--uc-demo-neutral-border-weak);--uc-demo-timeline-neutral-icon: var(--uc-demo-neutral-text-weak);--uc-demo-timeline-success-icon: var(--uc-demo-success-icon-main);--uc-demo-duration-tag-height: 20px;--uc-demo-duration-tag-padding-x: 6px;--uc-demo-handle-color: oklch(62.2% .0224 286deg)}