.EmojiRender_emoji__aqsIg{font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:.85rem}.ErrorBoundary_errorBoundary__DoMdt{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.ErrorBoundary_errorBoundary__DoMdt code{color:red;font-size:var(--font-size-sm);font-weight:400}.Menu_menuContainer__U7n74{-webkit-animation:Menu_fade-in__xO870 .5s cubic-bezier(.39,.575,.565,1) both;animation:Menu_fade-in__xO870 .5s cubic-bezier(.39,.575,.565,1) both;display:flex;list-style-type:none;padding:0}.Menu_menuContainer__U7n74 li:not(:last-child){margin-right:.5rem}.Menu_menuContainer__U7n74 li i:before{color:#6e797a;font-size:var(--font-size-sm)}.Menu_menuContainer__U7n74 li i:hover:before{color:#47bcc6}@-webkit-keyframes Menu_fade-in__xO870{0%{opacity:0}to{opacity:1}}@keyframes Menu_fade-in__xO870{0%{opacity:0}to{opacity:1}}.Folder_folderTree__XZtzh{list-style:none;padding-left:0;-webkit-user-select:none;user-select:none}.Folder_folderTree__XZtzh .Folder_editForm__E1rA0 input{background-color:#23363a;border:none;color:#47bcc6;outline:none}.Folder_folderTree__XZtzh .Folder_editForm__E1rA0 button{background-color:inherit;border:none;color:#6e797a;cursor:pointer;font-size:var(--font-size-m)}.Folder_folderTree__XZtzh .Folder_editForm__E1rA0 button:hover{color:#47bcc6}.Folder_folderTree__XZtzh .Folder_file__bSos-,.Folder_folderTree__XZtzh .Folder_folder__W6Hsp{border-radius:.375rem;cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:.25rem;justify-content:space-between;padding:.5rem;transition:background-color .2s ease-in-out}.Folder_folderTree__XZtzh .Folder_file__bSos-.Folder_editing__BjFHj,.Folder_folderTree__XZtzh .Folder_file__bSos-:hover,.Folder_folderTree__XZtzh .Folder_folder__W6Hsp.Folder_editing__BjFHj,.Folder_folderTree__XZtzh .Folder_folder__W6Hsp:hover{background-color:#23363a}.Folder_folderTree__XZtzh .Folder_file__bSos-.Folder_editing__BjFHj div,.Folder_folderTree__XZtzh .Folder_file__bSos-.Folder_editing__BjFHj div i:before,.Folder_folderTree__XZtzh .Folder_file__bSos-:hover div,.Folder_folderTree__XZtzh .Folder_file__bSos-:hover div i:before,.Folder_folderTree__XZtzh .Folder_folder__W6Hsp.Folder_editing__BjFHj div,.Folder_folderTree__XZtzh .Folder_folder__W6Hsp.Folder_editing__BjFHj div i:before,.Folder_folderTree__XZtzh .Folder_folder__W6Hsp:hover div,.Folder_folderTree__XZtzh .Folder_folder__W6Hsp:hover div i:before{color:#47bcc6}.Folder_folderTree__XZtzh .Folder_folder__W6Hsp{margin-left:-.1rem}.Folder_folderTree__XZtzh .Folder_folder__W6Hsp .Folder_folderName__csCB-{align-items:center;display:flex;justify-content:space-between}.Folder_folderTree__XZtzh .Folder_folder__W6Hsp .Folder_folderName__csCB- .Folder_iconExpandFolder__jN15U{font-size:var(--font-size-xxs);margin-left:.1rem;padding-right:.5rem}.Folder_folderTree__XZtzh .Folder_folder__W6Hsp .Folder_folderName__csCB- .Folder_iconExpandFolder__jN15U:before{display:inline-block;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:-webkit-transform .16s ease-in-out;transition:transform .16s ease-in-out;transition:transform .16s ease-in-out,-webkit-transform .16s ease-in-out}.Folder_folderTree__XZtzh .Folder_folder__W6Hsp .Folder_folderName__csCB- .Folder_iconExpandFolder__jN15U.Folder_opened__7136q:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.Folder_folderTree__XZtzh .Folder_folder__W6Hsp .Folder_folderName__csCB- .Folder_iconFolder__\+MRpr{padding-right:.375rem}.Folder_folderTree__XZtzh .Folder_selectedFile__7W2hx{background-color:#262629}.Folder_folderTree__XZtzh .Folder_fileName__77N\+Q{align-items:center;display:flex}.Folder_folderTree__XZtzh .Folder_fileName__77N\+Q .Folder_iconFile__fD\+hS{font-size:var(--font-size-m);padding-right:.5rem}.MainPageWrapper_mainPageWrapper__DnUkl{box-sizing:border-box;display:flex;height:100vh;width:100%}.MainPageWrapper_mainPageWrapper__DnUkl .MainPageWrapper_children__cVWKN{width:100%}.SideNavigationBar_navigationBar__4AyQS{align-items:center;background-color:#262629;box-sizing:border-box;display:flex;flex-direction:column;overflow-x:hidden;width:2rem}.SideNavigationBar_navigationBar__4AyQS .SideNavigationBar_mainLinks__iCmF5{flex-grow:1}.SideNavigationBar_navigationBar__4AyQS a.SideNavigationBar_navItem__pgQ80{align-items:center;background-color:#262629;color:#6e797a;display:flex;flex-direction:column;font-size:var(--font-size-xs);font-weight:500;justify-content:center;padding:.75rem 0;text-decoration:none;width:2rem}.SideNavigationBar_navigationBar__4AyQS a.SideNavigationBar_navItem__pgQ80:first-child:hover span>img{-webkit-filter:saturate(1);filter:saturate(1);opacity:1}.SideNavigationBar_navigationBar__4AyQS a.SideNavigationBar_navItem__pgQ80.SideNavigationBar_active__A7e1F{background-color:#2d2d30;color:#47bcc6}.SideNavigationBar_navigationBar__4AyQS a.SideNavigationBar_navItem__pgQ80.SideNavigationBar_active__A7e1F span>img{-webkit-filter:saturate(1);filter:saturate(1);opacity:1}.SideNavigationBar_navigationBar__4AyQS a.SideNavigationBar_navItem__pgQ80 .SideNavigationBar_name__0vlKa{padding:.25rem 0;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}.SideNavigationBar_navigationBar__4AyQS a.SideNavigationBar_navItem__pgQ80 span>img{-webkit-filter:saturate(0);filter:saturate(0);height:1rem!important;opacity:.5;width:1rem!important}.FileNavigation_fileNavContainer__bbqoS{background-color:#2d2d30;box-sizing:border-box;display:flex;height:3.5rem;overflow-x:scroll;overflow-y:hidden;padding:.75rem 1rem;width:100%}.FileNavigation_fileNavContainer__bbqoS::-webkit-scrollbar-thumb{background-color:#262629}.FileNavigation_fileNavContainer__bbqoS::-webkit-scrollbar-thumb:hover{background-color:#1c1c1f}.FileNavigation_fileNavContainer__bbqoS button{align-items:center;background-color:#262629;border:none;border-radius:.375rem;color:#c4cbcc;cursor:pointer;display:flex;font-size:var(--font-size-sm);height:2rem;justify-content:space-between;padding:.5rem .625rem .5rem .75rem;transition:background-color .2s ease-in-out}.FileNavigation_fileNavContainer__bbqoS button.FileNavigation_active__u9dxO{background-color:#1c1c1f;position:relative}.FileNavigation_fileNavContainer__bbqoS button.FileNavigation_active__u9dxO:before{background-color:#47bcc6;border-radius:.375rem 0 0 .375rem;content:"";height:100%;left:0;position:absolute;width:.375rem}.FileNavigation_fileNavContainer__bbqoS button:not(:last-child){margin-right:1rem}.FileNavigation_fileNavContainer__bbqoS button .FileNavigation_exitIcon__aHzmw{font-size:var(--font-size-xs);height:1rem;padding-left:.5rem;position:relative;width:1rem}.FileNavigation_fileNavContainer__bbqoS button .FileNavigation_exitIcon__aHzmw i:before{color:#545559;position:absolute;right:0;top:50%;-webkit-transform:translateY(-45%);transform:translateY(-45%)}.FileNavigation_fileNavContainer__bbqoS button .FileNavigation_exitIcon__aHzmw i:hover:before{color:#c4cbcc}.FileNavigation_fileNavContainer__bbqoS button:hover{background-color:#1c1c1f}.CodeSandbox_editorContainer__A2BPh{height:100%;width:60%}.Home_home__9Ke73{background-color:#000}.Button_button__JBBzO{border:none;border-radius:.375rem;cursor:pointer;font-size:var(--font-size-m);font-weight:500;outline:none;padding:0 1rem;transition:background-color .2s ease-in-out,color .2s ease-in-out;white-space:nowrap}.Button_button__JBBzO.Button_darkGray__an\+c1{background-color:#1c1c1f;color:#fff}.Button_button__JBBzO.Button_x-lg__gZ5nt{min-width:18rem;width:18rem}.Button_button__JBBzO.Button_fat__N7jXg{height:3rem}.Button_button__JBBzO.Button_thin__sHk1s{height:2rem}.Header_header__ZfKFP{align-items:center;display:flex;flex-direction:column;justify-content:center;left:0;min-height:100vh;position:-webkit-sticky;position:sticky;top:0;z-index:1}.Header_header__ZfKFP .Header_logotype__6rG5L{-webkit-animation:Header_blurry__4xy7b .75s cubic-bezier(0,0,.2,1) .5s 1 normal both running;animation:Header_blurry__4xy7b .75s cubic-bezier(0,0,.2,1) .5s 1 normal both running;left:0;margin-bottom:2rem;margin-top:1rem;position:relative;top:0;-webkit-transform-origin:center bottom;transform-origin:center bottom;z-index:2}.Header_header__ZfKFP .Header_logotype__6rG5L img{height:6.875rem;position:relative;width:6.875rem;z-index:3}.Header_header__ZfKFP .Header_logotype__6rG5L .Header_backgroundBlurryShadow_1__w1n6d{-webkit-animation:Header_rotation__oUm2Z 3.5s linear 0s infinite normal none running;animation:Header_rotation__oUm2Z 3.5s linear 0s infinite normal none running;background:#4f95ff;border-radius:50%;-webkit-filter:blur(2rem);filter:blur(2rem);height:3.75rem;left:0;position:absolute;top:0;-webkit-transform-origin:center bottom;transform-origin:center bottom;width:3.75rem}.Header_header__ZfKFP .Header_logotype__6rG5L .Header_backgroundBlurryShadow_1__w1n6d:before{background:#b120bd;content:"";display:block;height:3.75rem;left:auto;position:absolute;right:50%;top:50%;-webkit-transform-origin:center bottom;transform-origin:center bottom;width:3.75rem}.Header_header__ZfKFP .Header_logotype__6rG5L .Header_backgroundBlurryShadow_1__w1n6d:after{background:#44cee3;border-radius:50%;content:"";display:block;height:3.75rem;left:50%;position:absolute;top:50%;-webkit-transform-origin:center bottom;transform-origin:center bottom;width:3.75rem}.Header_header__ZfKFP .Header_logotype__6rG5L .Header_backgroundBlurryShadow_2__pY3X9{animation:Header_rotation__oUm2Z 3.5s linear 0s infinite reverse none running;background:#4f95ff;border-radius:50%;-webkit-filter:blur(2rem);filter:blur(2rem);height:3.75rem;left:calc(50% - 1rem);position:absolute;top:.5rem;-webkit-transform-origin:center bottom;transform-origin:center bottom;width:3.75rem}.Header_header__ZfKFP .Header_logotype__6rG5L .Header_backgroundBlurryShadow_2__pY3X9:before{background:#b120bd;border-radius:50%;content:"";display:block;height:3.75rem;left:auto;position:absolute;right:50%;top:50%;-webkit-transform-origin:center bottom;transform-origin:center bottom;width:3.75rem}.Header_header__ZfKFP .Header_logotype__6rG5L .Header_backgroundBlurryShadow_2__pY3X9:after{background:#44cee3;border-radius:50%;content:"";display:block;height:3.75rem;left:50%;position:absolute;top:50%;-webkit-transform-origin:center bottom;transform-origin:center bottom;width:3.75rem}.Header_header__ZfKFP .Header_descriptions__PSNd8{text-align:center}.Header_header__ZfKFP .Header_descriptions__PSNd8 p{-webkit-animation:Header_typing__ZmdjT 1.25s steps(22),Header_blink-caret__j6Lvq .75s step-end infinite;animation:Header_typing__ZmdjT 1.25s steps(22),Header_blink-caret__j6Lvq .75s step-end infinite;border-right:.15rem solid #545559;font-size:var(--font-size-xxl);font-weight:500;margin:0 auto;overflow:hidden;white-space:nowrap;width:18rem}.Header_header__ZfKFP .Header_descriptions__PSNd8 h1{-webkit-animation:Header_text-focus-in__bDSSp .35s cubic-bezier(.55,.085,.68,.53) .75s both;animation:Header_text-focus-in__bDSSp .35s cubic-bezier(.55,.085,.68,.53) .75s both;font-size:var(--font-size-xxxxxl);font-weight:700;margin:1.5rem 0 1rem}.Header_header__ZfKFP .Header_descriptions__PSNd8 span{-webkit-animation:Header_text-focus-in__bDSSp .75s cubic-bezier(.55,.085,.68,.53) 1s both;animation:Header_text-focus-in__bDSSp .75s cubic-bezier(.55,.085,.68,.53) 1s both;color:#545559;font-size:var(--font-size-xl);font-weight:400}.Header_header__ZfKFP .Header_button__tc0VP{display:flex;flex-direction:column-reverse;margin-top:15vh}.Header_header__ZfKFP .Header_version__LBG08{margin-top:1rem}.Header_header__ZfKFP .Header_version__LBG08 span{color:#3e3f42;font-size:var(--font-size-sm);font-weight:400}@-webkit-keyframes Header_typing__ZmdjT{0%{width:0}to{width:26%}}@keyframes Header_typing__ZmdjT{0%{width:0}to{width:26%}}@-webkit-keyframes Header_blink-caret__j6Lvq{0%,to{border-color:transparent}50%{border-color:#545559}}@keyframes Header_blink-caret__j6Lvq{0%,to{border-color:transparent}50%{border-color:#545559}}@-webkit-keyframes Header_rotation__oUm2Z{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes Header_rotation__oUm2Z{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes Header_blurry__4xy7b{0%{-webkit-filter:blur(2rem);filter:blur(2rem);opacity:0;-webkit-transform:scale(.75);transform:scale(.75)}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes Header_blurry__4xy7b{0%{-webkit-filter:blur(2rem);filter:blur(2rem);opacity:0;-webkit-transform:scale(.75);transform:scale(.75)}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes Header_text-focus-in__bDSSp{0%{-webkit-filter:blur(.5rem);filter:blur(.5rem);opacity:0;-webkit-transform:translateY(5rem);transform:translateY(5rem)}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes Header_text-focus-in__bDSSp{0%{-webkit-filter:blur(.5rem);filter:blur(.5rem);opacity:0;-webkit-transform:translateY(5rem);transform:translateY(5rem)}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.Playground_playgroundContainer__YTcX3{display:flex}.Playground_playgroundContainer__YTcX3 .Playground_folderStructure__wTXcS{box-sizing:border-box;height:100%;overflow:scroll;overflow-y:auto;padding:.5rem;width:18rem}.Playground_playgroundContainer__YTcX3 .Playground_playground__AOxw\+{background:#262629;overflow:hidden;width:calc(100% - 18rem)}.Playground_playgroundContainer__YTcX3 .Playground_editContainer__GIj77{display:flex;height:calc(100% - 3.5rem)}.Playground_playgroundContainer__YTcX3 .Playground_previewContainer__IgpwB{display:flex;flex-direction:column;width:40%}.Playground_playgroundContainer__YTcX3 .Playground_iframe__kwcJ-{background-color:#fff;border:none;flex-grow:1}.Playground_playgroundContainer__YTcX3 .Playground_consoleWrapper__1WltT{height:40%;overflow-y:auto}:root{--text-base-size:0.8rem;--text-scale-ratio:1;--font-size-xxxxxxxxs:calc(var(--text-base-size)*0.0625*var(--text-scale-ratio));--font-size-xxxxxxxs:calc(var(--text-base-size)*0.125*var(--text-scale-ratio));--font-size-xxxxxxs:calc(var(--text-base-size)*0.1875*var(--text-scale-ratio));--font-size-xxxxxs:calc(var(--text-base-size)*0.25*var(--text-scale-ratio));--font-size-xxxxs:calc(var(--text-base-size)*0.375*var(--text-scale-ratio));--font-size-xxxs:calc(var(--text-base-size)*0.5*var(--text-scale-ratio));--font-size-xxs:calc(var(--text-base-size)*0.625*var(--text-scale-ratio));--font-size-xs:calc(var(--text-base-size)*0.75*var(--text-scale-ratio));--font-size-sm:calc(var(--text-base-size)*0.875*var(--text-scale-ratio));--font-size-m:calc(var(--text-base-size)*1*var(--text-scale-ratio));--font-size-md:calc(var(--text-base-size)*1.125*var(--text-scale-ratio));--font-size-lg:calc(var(--text-base-size)*1.25*var(--text-scale-ratio));--font-size-xl:calc(var(--text-base-size)*1.5*var(--text-scale-ratio));--font-size-xxl:calc(var(--text-base-size)*1.875*var(--text-scale-ratio));--font-size-xxxl:calc(var(--text-base-size)*2.125*var(--text-scale-ratio));--font-size-xxxxl:calc(var(--text-base-size)*3*var(--text-scale-ratio));--font-size-xxxxxl:calc(var(--text-base-size)*3.75*var(--text-scale-ratio));--font-size-xxxxxxl:calc(var(--text-base-size)*4.5*var(--text-scale-ratio));--font-size-xxxxxxxl:calc(var(--text-base-size)*5.25*var(--text-scale-ratio));--font-size-xxxxxxxxl:calc(var(--text-base-size)*6*var(--text-scale-ratio))}@media(min-width:576px){:root{--text-base-size:0.85rem;--text-scale-ratio:1}}@media(min-width:768px){:root{--text-base-size:0.9rem;--text-scale-ratio:1}}@media(min-width:992px){:root{--text-base-size:1rem;--text-scale-ratio:1}}@media(min-width:1200px){:root{--text-base-size:1rem;--text-scale-ratio:1}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container{margin-left:auto;margin-right:auto;padding:0 1rem}@media(min-width:576px){.container{padding:0 2rem}}@media(min-width:768px){.container{padding:0 3rem}}@media(min-width:992px){.container{max-width:1100px;padding:0 4rem}}@media(min-width:1200px){.container{max-width:1100px;padding:0 4rem}}@font-face{font-display:block;font-family:codeEditor;font-style:normal;font-weight:400;src:url(/static/media/codeEditor.b904c102534999c86d8d.eot);src:url(/static/media/codeEditor.b904c102534999c86d8d.eot#iefix) format("embedded-opentype"),url(/static/media/codeEditor.881e52a1a92845867ab6.ttf) format("truetype"),url(/static/media/codeEditor.85f1c39de1a9b0a982b5.woff) format("woff"),url(/static/media/codeEditor.76fb23530a35decf13a4.svg#icomoon) format("svg")}[class*=" icon-"],[class^=icon-]{speak:never;-webkit-font-feature-settings:normal;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:codeEditor!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-add-file:before{color:#c4cbcc;content:""}.icon-toggle-hide:before{color:#c4cbcc;content:""}.icon-clock:before{color:#c4cbcc;content:""}.icon-edit:before{color:#c4cbcc;content:""}.icon-log-msg:before{color:#c4cbcc;content:""}.icon-warning:before{color:#c4cbcc;content:""}.icon-add-folder:before{color:#c4cbcc;content:""}.icon-toggle-preview:before{color:#c4cbcc;content:""}.icon-delete:before{color:#c4cbcc;content:""}.icon-clear:before{color:#c4cbcc;content:""}.icon-collaborate:before{color:#c4cbcc;content:""}.icon-notification:before{color:#c4cbcc;content:""}.icon-refresh:before{color:#c4cbcc;content:""}.icon-expand:before{color:#c4cbcc;content:""}.icon-add:before{color:#c4cbcc;content:""}.icon-folder:before{color:#c4cbcc;content:""}.icon-prev-next:before{color:#c4cbcc;content:""}.icon-expand-folder:before{color:#c4cbcc;content:""}.icon-file:before{color:#c4cbcc;content:""}.icon-exit:before{color:#c4cbcc;content:""}@font-face{font-display:swap;font-family:SF Pro Display;font-style:normal;font-weight:700;src:url(/static/media/SFProDisplay-Bold.1c2dc0d848f2dd611d32.woff2) format("woff2"),url(/static/media/SFProDisplay-Bold.937ee7fe7e0b16ff1cd5.woff) format("woff")}@font-face{font-display:swap;font-family:SF Pro Display;font-style:normal;font-weight:500;src:url(/static/media/SFProDisplay-Medium.062b6188d5465a356866.woff2) format("woff2"),url(/static/media/SFProDisplay-Medium.d6311c23bbcb6163e18f.woff) format("woff")}@font-face{font-display:swap;font-family:SF Pro Display;font-style:normal;font-weight:400;src:url(/static/media/SFProDisplay-Regular.68dd00a1b4d020df3bd9.woff2) format("woff2"),url(/static/media/SFProDisplay-Regular.2ee6eb03984d6d564772.woff) format("woff")}body{background-color:#1c1c1f;box-sizing:border-box;color:#fff;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;margin:0;padding:0}img{user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}::-webkit-scrollbar{height:.5rem;width:.5rem}::-webkit-scrollbar-corner{background-color:#1c1c1f}::-webkit-scrollbar-track{background-color:transparent;border-radius:.5rem}::-webkit-scrollbar-thumb{background-color:#2d2d30;border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background-color:#343538}