body{background-color:#1e1e1e}#all[data-astro-cid-5wq3ak55]{position:absolute!important;inset:110px 0 0;display:flex}#list[data-astro-cid-5wq3ak55]{font-size:13px;width:auto;display:flex;flex-direction:column;background-color:#252525;border-top-right-radius:10px}#list[data-astro-cid-5wq3ak55] .list-class-btn[data-astro-cid-5wq3ak55]{text-align:center;padding:10px 5px;cursor:pointer}#list[data-astro-cid-5wq3ak55] .list-menu[data-astro-cid-5wq3ak55]{display:flex;width:180px;color:#ffffffb3;border-bottom:1px solid #2e2e2e;justify-content:space-around;opacity:.8}#list[data-astro-cid-5wq3ak55] .list-menu[data-astro-cid-5wq3ak55] .selected[data-astro-cid-5wq3ak55]{font-weight:700;color:#32cd79!important;border-bottom:1px solid #32cd79}#list[data-astro-cid-5wq3ak55] .list-content[data-astro-cid-5wq3ak55]{overflow:scroll;width:180px;background-color:#222;flex:1;display:none}#list[data-astro-cid-5wq3ak55] .list-content[data-astro-cid-5wq3ak55] .list-content-inner[data-astro-cid-5wq3ak55]{padding:15px 10px}#list[data-astro-cid-5wq3ak55] .list-content[data-astro-cid-5wq3ak55] .level-1[data-astro-cid-5wq3ak55]:nth-child(n+2){border-top:1px solid #2a2a2a}#list[data-astro-cid-5wq3ak55] .list-content[data-astro-cid-5wq3ak55] .level-1[data-astro-cid-5wq3ak55]{padding-bottom:20px}#list[data-astro-cid-5wq3ak55] .list-content[data-astro-cid-5wq3ak55] .level-1-title[data-astro-cid-5wq3ak55]{font-size:14px;padding:5px 0}#list[data-astro-cid-5wq3ak55] .list-content[data-astro-cid-5wq3ak55] div[data-astro-cid-5wq3ak55]{padding-top:10px;word-break:keep-all;white-space:nowrap}#list[data-astro-cid-5wq3ak55] .list-content[data-astro-cid-5wq3ak55] span[data-astro-cid-5wq3ak55]{display:block}#list[data-astro-cid-5wq3ak55] .list-content[data-astro-cid-5wq3ak55] .selected[data-astro-cid-5wq3ak55]{color:#fff!important;opacity:1}#list[data-astro-cid-5wq3ak55] .list-content[data-astro-cid-5wq3ak55] .parent-selected[data-astro-cid-5wq3ak55]{color:#ffffffb3;opacity:1}#list[data-astro-cid-5wq3ak55] .parent-item[data-astro-cid-5wq3ak55]{color:#fff6;cursor:pointer}#list[data-astro-cid-5wq3ak55] .parent-item[data-astro-cid-5wq3ak55]:hover{color:#fff9}#list[data-astro-cid-5wq3ak55] .code-item[data-astro-cid-5wq3ak55]{opacity:.6}#other-toolbar[data-astro-cid-5wq3ak55]{position:absolute;top:24px;right:100px;font-size:12px;z-index:3}.other-btn[data-astro-cid-5wq3ak55]{padding:10px 20px;border-radius:40px;display:flex;align-items:center}.other-btn[data-astro-cid-5wq3ak55] a[data-astro-cid-5wq3ak55]{opacity:.7;transition:all .2s}.other-btn[data-astro-cid-5wq3ak55] a[data-astro-cid-5wq3ak55]:hover{opacity:1}#cloud-studio-icon[data-astro-cid-5wq3ak55]{display:block;margin-right:15px}#cloud-studio-white[data-astro-cid-5wq3ak55]{display:none}#view[data-astro-cid-5wq3ak55]{flex:1;display:flex}#code[data-astro-cid-5wq3ak55]{flex:1;display:flex;flex-direction:column;height:100%}#code-editor[data-astro-cid-5wq3ak55]{flex:1}#code-bar[data-astro-cid-5wq3ak55]{display:flex;justify-content:space-between;color:#999;font-size:12px;padding-bottom:2px}#play-pause-btn[data-astro-cid-5wq3ak55]{padding:10px 15px;border-radius:20px}#play-pause-btn[data-astro-cid-5wq3ak55] div[data-astro-cid-5wq3ak55]{display:flex;flex-direction:row;align-items:center}#play-pause-btn[data-astro-cid-5wq3ak55] svg[data-astro-cid-5wq3ak55]{display:block;margin-right:5px;fill:#aaa}#play-pause-btn[data-astro-cid-5wq3ak55]:hover{background-color:#00000080}#play-pause-btn[data-astro-cid-5wq3ak55]:active{background-color:#000}#code-doc[data-astro-cid-5wq3ak55]{padding:10px 15px;border-radius:20px;margin-right:2px;white-space:nowrap;cursor:pointer}#code-doc[data-astro-cid-5wq3ak55]:hover{background-color:#00000080}#code-doc[data-astro-cid-5wq3ak55]:active{background-color:#000}#code-name[data-astro-cid-5wq3ak55]{font-size:13px;font-weight:700;color:#32cd79;padding:10px;border-bottom:1px solid #32cd79;margin-left:10px}.code-type[data-astro-cid-5wq3ak55]{font-size:12px;display:flex;flex-direction:row}.code-type[data-astro-cid-5wq3ak55] div[data-astro-cid-5wq3ak55]{padding:10px 15px;border-radius:20px;cursor:pointer;user-select:none}.code-type[data-astro-cid-5wq3ak55] div[data-astro-cid-5wq3ak55]:hover{background-color:#00000080}.code-type[data-astro-cid-5wq3ak55] div[data-astro-cid-5wq3ak55]:active{background-color:#000}.code-type[data-astro-cid-5wq3ak55] span[data-astro-cid-5wq3ak55]{padding:10px 5px 0 15px}.code-type[data-astro-cid-5wq3ak55] .selected[data-astro-cid-5wq3ak55]{color:#32cd79}#preview[data-astro-cid-5wq3ak55]{border:none;flex:1;height:100%;margin-left:10px}.header[data-astro-cid-5wq3ak55]{height:80px;width:100%;background-image:linear-gradient(#32cd791a,#32cd7933);text-align:center}.tile[data-astro-cid-5wq3ak55]{height:30px;background-image:url(/svg/tile.svg);background-repeat:repeat-x;background-position:15px 0px}#logo[data-astro-cid-5wq3ak55]{position:absolute;top:24px;padding:0 20px;border-radius:40px;display:inline-block;font-size:32px;color:#fff;font-weight:700;z-index:3;cursor:pointer}#logo[data-astro-cid-5wq3ak55] .name[data-astro-cid-5wq3ak55],#logo[data-astro-cid-5wq3ak55] .name[data-astro-cid-5wq3ak55]:active{background-image:linear-gradient(115deg,#32cd79,#5fd837,#faf339,#5fd837,#32cd79);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position-x:100%}#logo[data-astro-cid-5wq3ak55] .name[data-astro-cid-5wq3ak55]:hover{background-position-x:70%}#logo[data-astro-cid-5wq3ak55] .description[data-astro-cid-5wq3ak55]{font-size:12px;opacity:.5;text-align:center}.total-toolbar[data-astro-cid-5wq3ak55]{position:absolute;top:27px;width:100%;display:flex;justify-content:center;z-index:2}#btn-group[data-astro-cid-5wq3ak55]{display:flex;background-color:#000c;border-radius:20px;overflow:hidden}#btn-group[data-astro-cid-5wq3ak55] div[data-astro-cid-5wq3ak55]{padding:10px 15px;font-size:12px;cursor:pointer;user-select:none;font-weight:700}#btn-group[data-astro-cid-5wq3ak55] div[data-astro-cid-5wq3ak55]:hover{background-color:#32cd7966}#btn-group[data-astro-cid-5wq3ak55] .selected[data-astro-cid-5wq3ak55]{background-color:#32cd79!important;color:#000c;font-weight:700}.icon-btn[data-astro-cid-5wq3ak55]{margin:0 5px;padding:10px;font-size:12px;cursor:pointer;opacity:.7;border-radius:20px}.icon-btn[data-astro-cid-5wq3ak55] svg[data-astro-cid-5wq3ak55]{display:block}.icon-btn[data-astro-cid-5wq3ak55]:hover{background-color:#0000004d;opacity:.9}.icon-btn[data-astro-cid-5wq3ak55]:active{background-color:#000;opacity:1}.both-mode[data-astro-cid-5wq3ak55] #both-btn[data-astro-cid-5wq3ak55],.code-mode[data-astro-cid-5wq3ak55] #code-btn[data-astro-cid-5wq3ak55],.preview-mode[data-astro-cid-5wq3ak55] #preview-btn[data-astro-cid-5wq3ak55]{background-color:#32cd79!important;color:#000c;font-weight:700}.leafs[data-astro-cid-5wq3ak55]{position:absolute;top:0;width:100%;height:200px;opacity:.3;overflow:hidden;display:flex;justify-content:flex-end;pointer-events:none}.leafs[data-astro-cid-5wq3ak55] .leafs2[data-astro-cid-5wq3ak55]{transform:rotate(180deg) translate(-20px,70px)}.leafs[data-astro-cid-5wq3ak55] .leafs1[data-astro-cid-5wq3ak55]{transform:rotate(150deg) translate(-100px,-25px)}@media all and (orientation: portrait){#view[data-astro-cid-5wq3ak55]{flex-direction:column}#code[data-astro-cid-5wq3ak55]{width:100%;flex:1}#preview[data-astro-cid-5wq3ak55]{border:none;margin-left:0;width:100%;flex:1}.total-toolbar[data-astro-cid-5wq3ak55]{top:auto;bottom:7px}.total-toolbar[data-astro-cid-5wq3ak55] #btn-group[data-astro-cid-5wq3ak55]{border-radius:10px}.total-toolbar[data-astro-cid-5wq3ak55] #btn-group[data-astro-cid-5wq3ak55] div[data-astro-cid-5wq3ak55]{padding:15px}.icon-btn[data-astro-cid-5wq3ak55]{padding:14px;background-color:#00000080}#other-toolbar[data-astro-cid-5wq3ak55]{top:30px;right:0;display:none}#other-toolbar[data-astro-cid-5wq3ak55] a[data-astro-cid-5wq3ak55]{opacity:1}#cloud-studio-icon[data-astro-cid-5wq3ak55]{display:block;margin-right:10px}#cloud-studio-white[data-astro-cid-5wq3ak55],#play-pause-btn[data-astro-cid-5wq3ak55],#list[data-astro-cid-5wq3ak55]{display:none}.leafs[data-astro-cid-5wq3ak55]{transform-origin:top right;transform:scale(.5)}.leafs[data-astro-cid-5wq3ak55] .leafs2[data-astro-cid-5wq3ak55]{transform:rotate(180deg) translateY(70px)}.leafs[data-astro-cid-5wq3ak55] .leafs1[data-astro-cid-5wq3ak55]{transform:rotate(150deg) translate(-80px)}}