@font-face{font-family:Inter Variable;font-style:normal;font-display:optional;font-weight:100 900;src:url(/fonts/inter-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+20-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:optional;font-weight:100 900;src:url(/fonts/inter-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--project-preview-frame-background:light-dark(#f1f5f9,#0e0e10);--project-preview-scrollbar:light-dark(#44546a33,#9e9ea933);--project-preview-scrollbar-hover:light-dark(#44546a80,#9e9ea980);color-scheme:light dark}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{color-scheme:light}html,body{block-size:100%;min-block-size:100%;inline-size:100%;margin:0}body{background:var(--project-preview-frame-background);overflow:hidden}#project-preview-runtime{block-size:100%}.project-preview-native-scroll{overscroll-behavior:contain;scrollbar-gutter:stable both-edges;block-size:100%;inline-size:100%;position:relative;overflow:auto}.project-preview-frame-content{min-block-size:100%}:where(*){box-sizing:border-box}:where(button,input,select,textarea){font:inherit}:where(svg){display:block}.preview-runtime{visibility:hidden;opacity:0;transition:opacity .15s ease-out}:root[data-preview-state=ready] .preview-runtime,:root[data-preview-state=error] .preview-runtime{visibility:visible;opacity:1}.preview-document-status,.preview-document-noscript{z-index:10;color:color-mix(in srgb, CanvasText 64%, Canvas);background:var(--project-preview-frame-background);text-align:center;place-items:center;padding:1.5rem;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;display:grid;position:fixed;inset:0}:root[data-preview-state=ready] .preview-document-status,:root[data-preview-state=error] .preview-document-status{display:none}.preview-document-timeout{place-items:center;gap:.75rem;max-inline-size:22rem;display:none}:root[data-preview-state=timeout] .preview-document-loading{display:none}:root[data-preview-state=timeout] .preview-document-timeout{display:grid}.preview-document-status p,.preview-document-noscript p{margin:0}.project-preview-frame-root{box-sizing:border-box;background:var(--project-preview-frame-background);min-block-size:100dvb;inline-size:100%;display:grid}.project-preview-frame-root[data-layout=centered]{place-items:safe center}.project-preview-frame-root[data-layout=fill]{place-items:stretch stretch}@media (width<40rem){.project-preview-frame-root[data-mobile-preview-inset=true]{padding:1rem}}.project-preview-frame-error{color:canvastext;text-align:center;place-items:center;gap:1rem;min-block-size:100%;padding:1.5rem;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.875rem;display:grid}.project-preview-frame-error p{margin:0}.project-preview-frame-retry{color:canvastext;cursor:pointer;background:0 0;border:1px solid canvastext;border-radius:.25rem;padding:.5rem 1rem;font-family:inherit;font-size:.75rem;transition:background-color .15s,color .15s}.project-preview-frame-retry:hover{background:color-mix(in srgb, CanvasText 8%, transparent)}.project-preview-frame-unavailable{min-block-size:100%;color:color-mix(in srgb, CanvasText 60%, Canvas);text-align:center;place-items:center;padding:1.5rem;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.875rem;display:grid}.project-preview-frame-unavailable p{margin:0}@media (prefers-reduced-motion:reduce){.preview-runtime,.project-preview-frame-retry{transition:none}}::-webkit-scrollbar{block-size:12px;inline-size:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--project-preview-scrollbar);background-clip:content-box;border:3px solid #0000;border-radius:0;min-block-size:6px;min-inline-size:6px}::-webkit-scrollbar-thumb:hover{background:var(--project-preview-scrollbar-hover);background-clip:content-box}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--project-preview-scrollbar) transparent}}