.empty-scene{--empty-soft:var(--sage-soft);--empty-ink:var(--sage-fg);block-size:132px;inline-size:176px;color:var(--empty-ink);flex:none;display:block;position:relative}.empty-scene[data-tone=slate]{--empty-soft:var(--slate-soft);--empty-ink:var(--slate-fg)}.empty-scene[data-tone=sand]{--empty-soft:var(--sand-soft);--empty-ink:var(--sand-fg)}.empty-scene[data-tone=coral]{--empty-soft:var(--coral-soft);--empty-ink:var(--coral-fg)}.empty-scene[data-tone=mint]{--empty-soft:var(--mint-soft);--empty-ink:var(--mint-fg)}.empty-scene[data-tone=soft]{--empty-soft:var(--fill);--empty-ink:var(--muted-foreground)}.empty-scene[data-tone=brand]{--empty-soft:var(--brand-soft);--empty-ink:var(--brand-on-soft)}.empty-scene-orbit{background:color-mix(in oklch, var(--empty-soft) 55%, transparent);border-radius:50%;block-size:116px;inline-size:122px;position:absolute;inset-block-start:6px;inset-inline-start:26px}.empty-scene-paper{border:1px solid color-mix(in oklch, var(--empty-ink) 16%, var(--border));border-radius:14px;flex-direction:column;display:flex;position:absolute}.empty-scene-paper-back{background:var(--empty-soft);gap:7px;block-size:84px;inline-size:70px;padding:20px 12px;inset-block-start:21px;inset-inline-start:30px;transform:rotate(-12deg)}.empty-scene-paper-back>span{background:color-mix(in oklch, var(--empty-ink) 15%, transparent);border-radius:4px;block-size:4px}.empty-scene-paper-back>span:last-child{inline-size:60%}.empty-scene-paper-front{background:var(--card);block-size:98px;inline-size:78px;box-shadow:0 5px 12px -6px color-mix(in oklch, var(--empty-ink) 25%, transparent);align-items:center;gap:7px;padding-block:12px;inset-block-start:11px;inset-inline-start:65px;transform:rotate(6deg)}.empty-scene-mark{background:var(--empty-soft);border-radius:12px;place-items:center;block-size:40px;inline-size:40px;display:grid}.empty-scene-mark>svg{block-size:26px;inline-size:26px}.empty-scene-line{background:var(--empty-soft);border-radius:4px;block-size:4px;inline-size:34px}.empty-scene-line-short{inline-size:22px}.empty-scene-detail{border:3px solid var(--card);background:var(--empty-soft);block-size:32px;inline-size:32px;box-shadow:0 2px 6px -3px color-mix(in oklch, var(--empty-ink) 25%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:83px;inset-inline-start:120px}.empty-scene-detail>svg{block-size:16px;inline-size:16px}.empty-scene-detail-lines{gap:3px;inline-size:12px;display:grid}.empty-scene-detail-lines>span{opacity:.55;background:currentColor;border-radius:2px;block-size:2px}.empty-scene-detail-lines>span:last-child{inline-size:8px}.empty-scene-dot{background:var(--empty-ink);opacity:.25;border-radius:50%;block-size:5px;inline-size:5px;position:absolute}.empty-scene-dot-start{inset-block-start:73px;inset-inline-start:17px}.empty-scene-dot-end{block-size:4px;inline-size:4px;inset-block-start:30px;inset-inline-end:17px}.empty-scene-ground{background:color-mix(in oklch, var(--empty-ink) 14%, transparent);block-size:1px;position:absolute;inset-block-end:4px;inset-inline:30px}[dir=rtl] .empty-scene-paper-back{transform:rotate(12deg)}[dir=rtl] .empty-scene-paper-front{transform:rotate(-6deg)}.empty-state-compact-mark{outline:1px solid color-mix(in oklch, currentColor 10%, transparent);outline-offset:3px}.empty-state-page{padding-block:clamp(40px,10vh,96px)}.empty-state-page [data-slot=empty-title]{letter-spacing:-.025em;font-size:clamp(1.25rem,1rem + 1vw,1.5rem)}.empty-state .empty-state-action{block-size:auto;max-inline-size:100%;min-block-size:var(--control-h-md);white-space:normal;padding-block:8px}.empty-state[data-variant=compact] .empty-state-action{min-block-size:var(--control-h-sm)}.empty-state-filters>*{white-space:normal;overflow-wrap:anywhere;block-size:auto;max-inline-size:100%}.empty-state-delay-0{--empty-delay:0s}.empty-state-delay-60{--empty-delay:60ms}.empty-state-delay-100{--empty-delay:.1s}.empty-state-delay-140{--empty-delay:.14s}.empty-state-delay-180{--empty-delay:.18s}@media (prefers-reduced-motion:no-preference){html:not([data-motion=none]) .empty-state-enter{animation:enter var(--duration-slow) var(--ease-standard) var(--empty-delay) backwards}}@media (forced-colors:active){.empty-scene-paper,.empty-scene-detail{border:1px solid canvastext}.empty-state-compact-mark{outline-color:canvastext}}