.ComponentPreview_root__zVbq7{--cp-border:rgba(0,0,0,.1);--cp-bg:rgba(0,0,0,.02);--cp-fg-soft:rgba(26,26,35,.55);--cp-accent:#7c5cff;position:relative;margin:20px 0 28px;border:1px solid var(--cp-border);border-radius:12px;background:var(--cp-bg)}html.dark .ComponentPreview_root__zVbq7{--cp-border:hsla(0,0%,100%,.1);--cp-bg:hsla(0,0%,100%,.03);--cp-fg-soft:rgba(232,233,241,.55)}.ComponentPreview_header__4aQze{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--cp-border)}.ComponentPreview_badge__DxkUW{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cp-accent);background:rgba(124,92,255,.1);border:1px solid rgba(124,92,255,.22);padding:2px 7px;border-radius:4px}.ComponentPreview_title__gq6iH{font-size:12px;color:var(--cp-fg-soft)}.ComponentPreview_titleMeta__q_11_{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:11px;opacity:.75}.ComponentPreview_stage__hdYDi{position:relative;padding:32px 24px;display:flex;justify-content:center;align-items:center}.ComponentPreview_stage__hdYDi .daterly__popover{z-index:50}.ComponentPreview_stage__hdYDi[data-kind=calendar]{padding:20px}.ComponentPreview_stage__hdYDi .daterly,.ComponentPreview_stage__hdYDi .daterly-range{display:block;width:320px}.ComponentPreview_stage__hdYDi[data-kind=range] .daterly-range{width:360px}.ComponentPreview_stage__hdYDi .daterly-range .daterly__field,.ComponentPreview_stage__hdYDi .daterly__field{width:100%;min-width:0}