.Sandpack_container__hQZCA{margin:24px 0 32px;transition:opacity .2s}.Sandpack_bar___x4Gz{display:flex;margin:0 0 10px}.Sandpack_bar___x4Gz .Sandpack_togglePreviewButton__hQKk5{margin-left:auto}.Sandpack_wrapper__fXxET{display:flex;flex-direction:column}.Sandpack_wrapper__fXxET .Sandpack_editorWrapper__VlS4d{border:1px solid #dadcdc;position:relative;max-height:480px;display:flex;flex-direction:column}.Sandpack_wrapper__fXxET .Sandpack_editorWrapper__VlS4d .Sandpack_codeArea__qEZE2{display:flex;flex-direction:row;min-height:0}.Sandpack_wrapper__fXxET .Sandpack_editorWrapper__VlS4d .Sandpack_fileTree__blqzy{border-right:1px solid #dadcdc;width:200px;overflow:auto}.Sandpack_wrapper__fXxET .Sandpack_editorWrapper__VlS4d .Sandpack_editor__5E7Vk{display:flex;flex:1 1}.Sandpack_wrapper__fXxET .Sandpack_preview__0Ytj9{border:1px solid #ccc;border-top:0;min-height:283px;display:flex}.Sandpack_wrapper__fXxET.Sandpack_preferPreview__8TOWD .Sandpack_preview__0Ytj9{border:1px solid #ccc;border-bottom:0;min-height:320px}.Sandpack_widget__p8h3j{border:1px solid #1ea7fd;border-radius:2px;padding:2px 4px 2px 12px;margin-left:6px;position:relative;cursor:pointer}.Sandpack_widget__p8h3j:before{content:attr(data-id);background:#1ea7fd;border-radius:100%;position:absolute;width:16px;display:block;height:16px;left:-8px;top:2px;font-size:11px;text-align:center;color:#fff;line-height:17px}.Sandpack_footer__15Fzo{background:var(--color-bg-inset);padding:8px 12px;border-top:1px solid #dadcdc}.Sandpack_standaloneWrapper__zReyv{display:grid;grid-template-columns:min-content fit-content(400px) 1fr;height:100vh}.Sandpack_standaloneWrapper__zReyv .Sandpack_standaloneFileTree__qH_fS{border-right:1px solid #ccc}.Sandpack_standaloneWrapper__zReyv .Sandpack_standaloneEditor__JNqqu{border-right:1px solid #ccc;width:400px;overflow-y:auto;scrollbar-gutter:stable}.Sandpack_standaloneWrapper__zReyv .Sandpack_standalonePreview__KQIvQ{display:flex}@media(max-width:900px){.Sandpack_standaloneWrapper__zReyv{display:flex;flex-direction:column-reverse;height:auto}.Sandpack_standaloneWrapper__zReyv .Sandpack_standalonePreview__KQIvQ{height:320px}.Sandpack_standaloneWrapper__zReyv .Sandpack_standaloneEditor__JNqqu{width:auto;border-top:1px solid #ccc;border-right:0}.Sandpack_standaloneWrapper__zReyv .Sandpack_standaloneFileTree__qH_fS{border-top:1px solid #ccc;border-right:0}}.Sandpack_copied__daY_C{position:fixed;top:0;left:0;right:0;bottom:0;color:#fff;display:flex;align-items:center;place-content:center;font-size:20px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:99999}.Sandpack_copied__daY_C.Sandpack_active__a9f_P{opacity:1}.Sandpack_copied__daY_C:before{content:"URL copied to clipboard";background-color:rgba(0,0,0,.5);width:max-content;padding:10px 20px;border-radius:10px;line-height:20px}.Sandpack_shareButton__EL9ea{padding:10px;border-bottom:1px solid #ccc}