:root{--cp-bg: oklch(.98 .003 265);--cp-fg: oklch(.185 .01 270);--cp-fg-rgb: 38, 36, 42;--cp-accent: oklch(.5706 .2218 289.55);--cp-accent-subtle: oklch(from var(--cp-accent) l c h / .1);--cp-focus-ring: oklch(from var(--cp-accent) l c h / .35);--cp-label: color-mix(in srgb, var(--cp-fg) 50%, var(--cp-bg));--cp-section-title: var(--cp-fg);--cp-item-text: var(--cp-fg);--cp-separator: color-mix(in srgb, var(--cp-fg) 10%, var(--cp-bg));--cp-input-bg: transparent;--cp-input-border: oklch(from var(--cp-fg) l c h / .15);--cp-input-text: var(--cp-fg);--cp-card-bg: color-mix(in srgb, var(--cp-fg) 5%, var(--cp-bg));--cp-switch-on: var(--cp-accent);--cp-switch-off: color-mix(in srgb, var(--cp-fg) 15%, var(--cp-bg));--cp-track-bg: color-mix(in srgb, var(--cp-fg) 12%, var(--cp-bg));--cp-track-active: var(--cp-accent);--cp-thumb: #ffffff;--cp-popover-bg: var(--cp-bg);--cp-popover-hover: color-mix(in srgb, var(--cp-fg) 5%, var(--cp-bg));--cp-popover-border: oklch(from var(--cp-fg) l c h / .1);--cp-item-hover: color-mix(in srgb, var(--cp-fg) 5%, var(--cp-bg));--cp-item-selected: oklch(from var(--cp-accent) l c h / .1);--cp-item-selected-text: var(--cp-accent);--cp-item-selected-badge: oklch(from var(--cp-accent) l c h / .15);--cp-tabs-bg: color-mix(in srgb, var(--cp-fg) 6%, var(--cp-bg));--cp-tabs-active-bg: var(--cp-bg);--cp-tabs-active-text: var(--cp-fg);--cp-tabs-inactive-text: color-mix(in srgb, var(--cp-fg) 50%, var(--cp-bg));--cp-tabs-pill-shadow: rgba(var(--cp-fg-rgb), .06) 0px 0px 0px 1px, rgba(0, 0, 0, .04) 0px 1px 1px -.5px, rgba(0, 0, 0, .04) 0px 3px 3px -1.5px}.dark{--cp-bg: oklch(.2 .005 270);--cp-fg: oklch(.92 .005 270);--cp-fg-rgb: 227, 226, 229;--cp-accent: oklch(.68 .13 293);--cp-accent-subtle: oklch(from var(--cp-accent) l c h / .15);--cp-focus-ring: oklch(from var(--cp-accent) l c h / .4);--cp-label: color-mix(in srgb, var(--cp-fg) 50%, var(--cp-bg));--cp-section-title: var(--cp-fg);--cp-item-text: var(--cp-fg);--cp-separator: color-mix(in srgb, var(--cp-fg) 10%, var(--cp-bg));--cp-input-bg: transparent;--cp-input-border: oklch(from var(--cp-fg) l c h / .15);--cp-input-text: var(--cp-fg);--cp-card-bg: color-mix(in srgb, var(--cp-fg) 6%, var(--cp-bg));--cp-switch-on: var(--cp-accent);--cp-switch-off: color-mix(in srgb, var(--cp-fg) 15%, var(--cp-bg));--cp-track-bg: color-mix(in srgb, var(--cp-fg) 12%, var(--cp-bg));--cp-track-active: var(--cp-accent);--cp-thumb: #ffffff;--cp-popover-bg: var(--cp-bg);--cp-popover-hover: color-mix(in srgb, var(--cp-fg) 6%, var(--cp-bg));--cp-popover-border: oklch(from var(--cp-fg) l c h / .12);--cp-item-hover: color-mix(in srgb, var(--cp-fg) 6%, var(--cp-bg));--cp-item-selected: oklch(from var(--cp-accent) l c h / .18);--cp-item-selected-text: var(--cp-accent);--cp-item-selected-badge: oklch(from var(--cp-accent) l c h / .25);--cp-tabs-bg: color-mix(in srgb, var(--cp-fg) 8%, var(--cp-bg));--cp-tabs-active-bg: color-mix(in srgb, var(--cp-fg) 12%, var(--cp-bg));--cp-tabs-active-text: var(--cp-fg);--cp-tabs-inactive-text: color-mix(in srgb, var(--cp-fg) 50%, var(--cp-bg));--cp-tabs-pill-shadow: rgba(var(--cp-fg-rgb), .12) 0px 0px 0px 1px, rgba(0, 0, 0, .08) 0px 1px 1px -.5px, rgba(0, 0, 0, .08) 0px 3px 3px -1.5px}.customize-shell{display:grid;grid-template-columns:minmax(0,1fr) 500px;height:100vh;min-height:100vh}body:has(.customize-shell){--cp-editor-offset: 500px}.preview-root{position:relative;min-width:0;overflow-x:hidden;overflow-y:auto;isolation:isolate;contain:layout paint style}.customize-editor{min-width:0}@supports (overflow: clip){.preview-root{overflow-x:clip}}