.top[data-v-377a07fe]{padding:1rem;border-bottom:1px solid #ffae38;width:100%}.top .header[data-v-377a07fe]{margin:0;color:#38393a;font-size:12px;font-weight:800;display:inline-block;position:relative;text-transform:uppercase}.top .header[data-v-377a07fe]:after{content:"";position:absolute;bottom:-17px;height:4px;width:100%;left:0;background-color:#ffae38}.top-tasklist[data-v-377a07fe]{position:relative;z-index:10}.top-tasklist .top-tasklist-header[data-v-377a07fe]{display:flex;justify-content:space-between;align-items:center;background-color:#e4e4e4;padding:.5rem;z-index:10}.top-tasklist .top-tasklist-header .back button[data-v-377a07fe],.top-tasklist .top-tasklist-header .next button[data-v-377a07fe]{border:none;background-color:transparent}.top-tasklist .top-tasklist-header .tasks button[data-v-377a07fe]{font-size:12px;font-weight:700;border:none;background-color:transparent;margin:0;padding:0}.top-tasklist .top-tasklist-content[data-v-377a07fe]{background-color:#e4e4e4;padding:.5rem;width:100%;z-index:10}.top-tasklist .top-tasklist-content ul[data-v-377a07fe]{margin:0;padding:0;list-style:none}.top-tasklist .top-tasklist-content ul li[data-v-377a07fe]{display:inline-block;margin:0 .4rem .4rem 0}.top-tasklist .top-tasklist-content ul li button[data-v-377a07fe]{border-radius:4px;border:none;background-color:#c4c4c4;color:#000;font-size:12px;width:1.4rem;height:1.4rem;display:flex;justify-content:center;align-items:center}.top-tasklist .top-tasklist-content ul li button.done[data-v-377a07fe]{background-color:#00871e;color:#fff}.top-tasklist .top-tasklist-content ul li button.current[data-v-377a07fe]{background-color:#ff7a00;color:#fff}.top-tasklist .top-tasklist-content p[data-v-377a07fe]{margin:.4rem;text-align:center;padding:0;font-size:12px;font-weight:700}.tutorial-content iframe{width:100%}.iframeBox,.tutorial-content img{width:100%;cursor:zoom-in}.iframeBox *,.tutorial-content img *{cursor:zoom-in}.iframeBox{display:inline-block;position:relative;width:100%;height:150px}.iframeBox .overlay{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:.8}.iframeBox .video{position:absolute;top:0;left:0;z-index:0}.tutorial-content-zoom-preview{cursor:zoom-out;width:100vw;height:100vh;background:rgba(0,0,0,.9);position:fixed;z-index:99999;top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.tutorial-content-zoom-preview img{cursor:zoom-out;height:75vh;width:auto}.tutorial-content-zoom-preview iframe{height:75vh;width:150vh}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[data-v-5b7985f1]{white-space:nowrap}pre.dark-mode[data-v-5b7985f1]{background:#272822}.codeContainer[data-v-5b7985f1]{padding:10px;border:1px dashed grey;background:#fff}.codeContainer pre[data-v-5b7985f1]{max-height:12vh;overflow-x:hidden;position:relative}.codeContainer button[data-v-5b7985f1]{border:0;margin-left:1em;font-size:1em}.codeContainer button svg[data-v-5b7985f1]{width:.8em;height:.8em}.showCodeDetails[data-v-5b7985f1]{position:absolute;z-index:99999}.showCodeDetails pre[data-v-5b7985f1]{width:40vw;min-width:500px}.btn-mission[data-v-45372ccd]{margin-top:0}.nomargin li[data-v-45372ccd]{margin:0!important}.btn[data-v-45372ccd]{padding:.3rem .7rem!important}.inactive[data-v-45372ccd]{opacity:.6;border:2px solid #aaa;background-color:#fff;padding:10px 0;margin-top:5px;margin-bottom:5px;border-radius:0 20px 20px 0}.completed[data-v-45372ccd]{border:2px solid #89b85c;background-color:#d4ecbd;padding:10px 0;margin-top:5px;margin-bottom:5px;border-radius:0 20px 20px 0}@keyframes colorchange-data-v-45372ccd{0%{background-color:red}50%{background-color:orange}to{background-color:red}}button[data-v-70409d7a]{position:relative;font-size:14px;font-weight:700;vertical-align:middle;color:#ffae38;background-color:#fff;border:none;margin-right:.5rem;padding:.5rem .5rem .5rem 1.75rem;border-radius:1rem;text-align:left}button svg[data-v-70409d7a]{position:absolute;left:8px;fill:#ffae38;width:15px;height:15px}button.disabled[data-v-70409d7a]{background-color:#ffe2b9!important}button.activated[data-v-70409d7a],button[data-v-70409d7a]:not(.disabled):hover{color:#fff;background:#ce1e11}button.activated svg[data-v-70409d7a],button:not(.disabled):hover svg[data-v-70409d7a]{fill:#fff}.btn{margin-top:3rem;text-align:center;font-weight:700;font-size:16px;color:#fff;text-shadow:0 1px rgba(0,0,0,.1);border:none;padding:.5rem;border-radius:4px;width:100%;background-color:#ffae38}.btn:hover{background-color:#ed9a21}.btn.fail{background-color:#ee4848}.btn-mission{margin-top:3rem;text-align:center;font-weight:700;font-size:16px;color:#fff;text-shadow:0 1px rgba(0,0,0,.1);border:none;padding:.5rem;border-radius:4px;width:100%;background-color:#ffae38}.btn-mission:hover{background-color:#ed9a21}.btn-mission.fail{background-color:#ee4848}.mission-list{list-style-type:none;margin:0;padding:0}.button-run-stop{border:1px solid #ffae38;padding:10px;margin-bottom:1em}.button-run-stop /deep/ .button,.button-run-stop /deep/ div{width:-moz-max-content;width:max-content;margin:0 auto}.img-w-100>img{width:100%}.content[data-v-be9dda1c]{padding:.5rem 1rem;padding-bottom:10vh}.content .subheader[data-v-be9dda1c]{margin:0 0 1rem 0;color:#38393a;font-size:20px;font-weight:900;display:inline-block}.content p[data-v-be9dda1c]{color:#38393a;font-size:13px;font-weight:700;line-height:1.5;margin:0 0 .5rem 0}.content ul[data-v-be9dda1c]{padding:0;margin:.5rem 0;list-style-position:inside}.content ul li[data-v-be9dda1c]{color:#38393a;font-size:13px;font-weight:700}.content ul.mission-list[data-v-be9dda1c]{list-style:none;margin-top:1rem}.content ul.mission-list li[data-v-be9dda1c]{margin-bottom:1rem}.content ul.mission-list li.checked[data-v-be9dda1c]{opacity:.4}.content ul.mission-list li p[data-v-be9dda1c]{font-size:15px}.content ul.mission-list li button.btn[data-v-be9dda1c]{margin:0}.project-info[data-v-3efcd180]{width:20.83333%;height:100%;background-color:#eee;overflow:auto;overflow-y:scroll;overflow-x:hidden;padding-bottom:3em}.project-info-arrow[data-v-3efcd180]:after{visibility:visible;display:flex;justify-content:center;align-content:flex-end;content:"↓";padding-top:1em;width:calc(20.83333% - 15px);height:3em;position:absolute;left:0;bottom:0;background:linear-gradient(transparent 1em,hsla(0,0%,93.3%,.562),#fff);animation:MoveUpDown-data-v-3efcd180 1.2s linear infinite;font-weight:700}@keyframes MoveUpDown-data-v-3efcd180{0%,to{padding-top:0}50%{padding-top:1em}}main[data-v-a25a3e02]{display:flex;justify-content:space-between;align-items:flex-start;height:calc(100vh - 41px)}.designElementKeyword{cursor:help!important;border-bottom:1px solid green;position:absolute}.console-wrapper[data-v-cb446e30]{height:25vh;width:100%;background-color:#262626}.console-wrapper button[data-v-cb446e30]{z-index:100;position:absolute;bottom:1rem;right:2rem;background-color:#171717;color:#fff;font-size:10px;font-weight:700;border:none;padding:.4rem;border-radius:4px}.console-wrapper ul[data-v-cb446e30]{z-index:50;border:0;color:#a8a8a8;width:100%;height:100%;background-color:#262626;list-style-type:none;padding:0;overflow-y:scroll;scrollbar-width:thin}.console-wrapper ul li.error[data-v-cb446e30]{background:red;color:#fff}.tabbed-content-javascript[data-v-5c70a95d],.tabbed-content-python[data-v-5c70a95d]{display:flex;align-items:flex-start;height:100%}.tabbed-content-javascript .tabbed-content-left[data-v-5c70a95d],.tabbed-content-python .tabbed-content-left[data-v-5c70a95d]{width:2vw;height:calc(100vh - 97px);background-color:#262626}.tabbed-content-javascript .tabbed-content-left .tabbed-content-swtich[data-v-5c70a95d],.tabbed-content-python .tabbed-content-left .tabbed-content-swtich[data-v-5c70a95d]{cursor:pointer;margin:.25vw auto;width:1.5vw;height:1.5vw}.tabbed-content-javascript .tabbed-content-left .tabbed-content-swtich svg[data-v-5c70a95d],.tabbed-content-python .tabbed-content-left .tabbed-content-swtich svg[data-v-5c70a95d]{fill:#ccc}.tabbed-content-javascript .tabbed-content-left .tabbed-content-swtich svg[data-v-5c70a95d]:hover,.tabbed-content-python .tabbed-content-left .tabbed-content-swtich svg[data-v-5c70a95d]:hover{fill:#eee}.tabbed-content-javascript .tabbed-content-left .tabbed-menu[data-v-5c70a95d],.tabbed-content-python .tabbed-content-left .tabbed-menu[data-v-5c70a95d]{display:none}.tabbed-content-javascript .tabbed-content-left.opened[data-v-5c70a95d],.tabbed-content-python .tabbed-content-left.opened[data-v-5c70a95d]{width:8vw}.tabbed-content-javascript .tabbed-content-left.opened .tabbed-menu[data-v-5c70a95d],.tabbed-content-python .tabbed-content-left.opened .tabbed-menu[data-v-5c70a95d]{display:block}.tabbed-content-javascript .tabbed-content-right[data-v-5c70a95d],.tabbed-content-python .tabbed-content-right[data-v-5c70a95d]{width:100%;height:100%;background-color:#fff;position:relative;overflow:hidden}.tabbed-content-javascript .tabbed-content-right .editor-wrapper[data-v-5c70a95d],.tabbed-content-python .tabbed-content-right .editor-wrapper[data-v-5c70a95d]{width:100%;height:calc(75vh - 97px);display:flex;justify-content:flex-start;align-items:center}.tabbed-content-javascript .tabbed-content-right .editor-wrapper .editor[data-v-5c70a95d],.tabbed-content-python .tabbed-content-right .editor-wrapper .editor[data-v-5c70a95d]{width:100%;height:100%}.tabbed-content-javascript .tabbed-content-right .editor-wrapper .editor textarea[data-v-5c70a95d],.tabbed-content-python .tabbed-content-right .editor-wrapper .editor textarea[data-v-5c70a95d]{width:100%;height:100%;margin:0;padding:0;border:none}.tabbed-menu.active .tabbed-menu-list[data-v-5c70a95d]{display:block}.tabbed-menu-header[data-v-5c70a95d]{display:flex;align-items:center;justify-content:space-between;background-color:#262626}.tabbed-menu-header button[data-v-5c70a95d]{border:none;background-color:transparent;font-size:10px;font-weight:400;color:#fff;position:relative;width:100%;text-align:left;padding:.5rem}.tabbed-menu-header button[data-v-5c70a95d]:after{content:"";position:absolute;right:8%;margin-top:-2px;top:50%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.968 4a.385.385 0 01-.294-.144L.122.84a.557.557 0 010-.695.372.372 0 01.588 0l2.258 2.67L5.226.144a.372.372 0 01.588 0 .557.557 0 010 .695L3.262 3.856A.385.385 0 012.968 4z' fill='%235E5E5E'/%3E%3C/svg%3E");width:6px;height:4px;background-repeat:no-repeat;background-position:100%}.tabbed-menu-list[data-v-5c70a95d]{background-color:#38393a;display:none}.tabbed-menu-list ul[data-v-5c70a95d]{margin:0;padding:0;list-style:none}.tabbed-menu-list ul li[data-v-5c70a95d]{display:flex;justify-content:center;align-items:center;padding:.2rem;position:relative}.tabbed-menu-list ul li:hover .hovercontent[data-v-5c70a95d]{display:block}.tabbed-menu-list ul li .hovercontent[data-v-5c70a95d]{display:none;background-color:#ffae38;color:#000;padding:.5rem;position:absolute;left:100%;z-index:1;top:0;font-size:12px;width:110px;border-radius:4px}.tabbed-menu-list ul li .hovercontent p[data-v-5c70a95d]{padding:0}.tabbed-menu-list ul li .hovercontent-title[data-v-5c70a95d]{font-size:14px;font-weight:900;margin:0 0 .6rem 0}.tabbed-menu-list ul li .hovercontent-subtitle[data-v-5c70a95d]{font-size:12px;font-weight:700;margin:1rem 0 .4rem 0}.tabbed-menu-list ul li .hovercontent-text[data-v-5c70a95d]{font-size:10px;font-weight:400;margin:0 0 .2rem 0}.tabbed-menu-list ul li button[data-v-5c70a95d]{text-align:left;background-color:#565656;color:#b4b4b4;font-size:10px;font-weight:700;border:none;width:100%;padding:.2rem;border-radius:2px;position:relative;display:flex;justify-content:space-between;align-items:center}.tabbed-menu-list ul li button .icon[data-v-5c70a95d]:after{content:"";position:relative;display:inline-block;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.517 0c-3.308 0-6 2.692-6 6s2.692 6 6 6 6-2.692 6-6-2.692-6-6-6zm0 10.91A4.915 4.915 0 011.607 6a4.915 4.915 0 014.91-4.91A4.915 4.915 0 0111.427 6a4.915 4.915 0 01-4.91 4.91z' fill='%23B4B4B4'/%3E%3Cpath d='M6.517 2.545a.728.728 0 000 1.455.728.728 0 000-1.455zm0 2.545a.545.545 0 00-.546.546V8.91a.545.545 0 001.091 0V5.636a.545.545 0 00-.545-.545z' fill='%23B4B4B4'/%3E%3C/svg%3E");width:10px;height:10px;background-size:100%;background-repeat:no-repeat}.project-design[data-v-51701dfd]{width:40.83333%;height:100%;background-color:#fff;overflow:auto}.vertical-mode .project-design[data-v-51701dfd]{width:calc(100% - 850px)}.project-design .tabbed[data-v-51701dfd]{border-bottom:1px solid #ebebeb;width:100%}.project-design .tabbed ul[data-v-51701dfd]{list-style:none;margin:0;padding:0}.project-design .tabbed ul li[data-v-51701dfd]{display:inline-block;text-align:center}.project-design .tabbed ul li.active button[data-v-51701dfd],.project-design .tabbed ul li:hover button[data-v-51701dfd]{opacity:1}.project-design .tabbed ul li.active button[data-v-51701dfd]:after,.project-design .tabbed ul li:hover button[data-v-51701dfd]:after{content:"";position:absolute;width:100%;height:4px;background-color:#ebebeb;bottom:0;left:0}.project-design .tabbed ul li button[data-v-51701dfd]{opacity:.25;padding:1rem 1.2rem;border:none;background-color:transparent;font-size:18px;font-weight:700;display:flex;justify-content:center;align-items:center;width:100%;position:relative}.project-design .tabbed ul li button[data-v-51701dfd]:before{content:"";position:relative;width:20px;height:20px;margin-right:.5rem;display:inline-block;vertical-align:middle}.project-design .tabbed ul li button.design[data-v-51701dfd]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.935 4.331H7.86L4.702 11.73l1.593 5.442v2.862H13.8v-2.916l1.457-5.51-3.321-7.276zm-3.3 1.177h.758l-.002 5.096-.757.777 1.364 1.338 1.334-1.369-.769-.753.003-5.089h.616l2.833 6.205-1.253 4.739H7.307l-1.36-4.648 2.687-6.296zm3.992 13.348H7.468V17.63h5.159v1.227z' fill='%23000'/%3E%3Cpath d='M18.779 7.491a9.274 9.274 0 00-2.736-4.101 9.309 9.309 0 00-1.438-1.027h2.203l.775.76 1.333-1.37L17.552.415l-.751.771h-5.192V.012H8.39v1.176h-5.2l-.774-.76-1.333 1.37 1.364 1.337.751-.77h2.159A9.27 9.27 0 003.94 3.374 9.275 9.275 0 001.187 7.49H0v3.228h3.217V7.491h-.784a8.103 8.103 0 012.273-3.225A8.029 8.029 0 018.391 2.46v.78h3.218v-.773a8.034 8.034 0 013.667 1.813 8.108 8.108 0 012.257 3.211h-.75v3.228H20V7.491h-1.221zM2.044 9.543h-.872v-.875h.872v.875zm8.39-7.48h-.87V1.19h.87v.875zm8.392 7.48h-.872v-.875h.872v.875z' fill='%23000'/%3E%3C/svg%3E")}.project-design .tabbed ul li button.python[data-v-51701dfd]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)' fill='%23000'%3E%3Cpath d='M9.026 3.454a.614.614 0 100 1.228.614.614 0 000-1.228z'/%3E%3Cpath d='M17.199 7.16h-3.61V2.67A2.67 2.67 0 0010.924.012H9.14A2.67 2.67 0 006.475 2.68v2.765H2.769A2.656 2.656 0 00.117 8.1v1.813a2.656 2.656 0 002.652 2.654h3.706v4.798a2.67 2.67 0 002.665 2.668h1.784a2.67 2.67 0 002.665-2.668v-2.766h3.61a2.656 2.656 0 002.652-2.654v-2.13A2.656 2.656 0 0017.2 7.158zm1.424 4.785c0 .786-.639 1.425-1.424 1.425h-6.72c-.81 0-.811 1.23 0 1.23h1.882v2.765a1.44 1.44 0 01-1.437 1.439H9.14a1.44 1.44 0 01-1.438-1.44V10.46h5.273a.615.615 0 00.614-.615V8.388h3.61c.785 0 1.424.64 1.424 1.426v2.13zM1.345 9.913V8.1c0-.786.639-1.425 1.424-1.425h6.87c.815 0 .81-1.23 0-1.23H7.703V2.68A1.44 1.44 0 019.14 1.241h1.784a1.44 1.44 0 011.437 1.44v6.55H7.088a.614.614 0 00-.613.614v1.493H2.769c-.785 0-1.424-.64-1.424-1.425z'/%3E%3Cpath d='M11.13 16.66a.614.614 0 10-.001-1.229.614.614 0 000 1.229z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 .012h20v20.02H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.project-design .tabbed ul li button.javascript[data-v-51701dfd]:before{width:18px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.533 6.174L11.247.224a.806.806 0 00-.551-.212H1.059a.854.854 0 00-.849.85v18.321c0 .466.384.85.85.85h15.88c.466 0 .85-.384.85-.89V6.77a.842.842 0 00-.257-.596zm-6.029-3.371l3.376 3.203h-3.376V2.803zm4.629 15.571H1.863V1.712h7.984v5.1c0 .465.384.849.849.849h5.437v10.713z' fill='%23000'/%3E%3Cpath d='M11.32 12.364a.916.916 0 010-1.83.9.9 0 01.666.29.609.609 0 10.886-.838 2.133 2.133 0 00-3.69 1.462 2.14 2.14 0 002.134 2.137.916.916 0 010 1.83.902.902 0 01-.665-.29.609.609 0 10-.886.838 2.133 2.133 0 003.69-1.462 2.138 2.138 0 00-2.135-2.137zM7.696 9.312a.612.612 0 00-.612.613v4.829a.661.661 0 11-1.323 0v-.462a.612.612 0 10-1.224 0v.462c0 1.038.845 1.883 1.881 1.883A1.886 1.886 0 008.3 14.755v-4.83a.6.6 0 00-.604-.612z' fill='%23000'/%3E%3C/svg%3E")}.project-design .tabbed-content[data-v-51701dfd]{height:calc(100% - 53px)}.basis-1{flex-basis:calc(20vh - 19.6px)}.basis-1,.basis-2{min-height:125px!important}.basis-2{flex-basis:calc(40vh - 39.2px)}.basis-rest{flex-basis:100%;overflow:auto}.design-group{display:flex;flex-direction:column}.design-group .title{background:#ebebeb;font-size:14px;font-weight:700;padding:0 .5rem 0;color:#4e5155}.design-group .list-content{margin:0;padding:0;margin-top:1vh}.design-group .list-content li{display:inline-block;vertical-align:top;margin:.2em .5em;width:calc(20% - 1em)}.design-group .list-content li:hover button{border-color:grey;position:relative}.design-group .list-content li:hover button:before{position:absolute;bottom:5%;right:5%;width:16px;height:16px;content:"";background-color:#ddd;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 640 640' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M640.012 320L385.151 577.448V449.191C223.988 415.801 96.675 452.604-.011 575.193c16.784-252.109 189.002-373.776 385.162-381.831V62.553l254.861 257.448z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 640 640' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M640.012 320L385.151 577.448V449.191C223.988 415.801 96.675 452.604-.011 575.193c16.784-252.109 189.002-373.776 385.162-381.831V62.553l254.861 257.448z'/%3E%3C/svg%3E")}.design-group .list-content li button{border:1px solid #ebebeb;border-radius:4px;background-color:transparent;display:flex;justify-content:center;align-items:center;align-content:stretch;flex-direction:column;width:100%;height:90px;padding:.5rem .25rem}.design-group .list-content li button img{width:30px;height:30px;opacity:.6;margin-bottom:.5rem}.design-group .list-content li button span{font-size:15px;font-weight:700;margin-bottom:.5rem;font-size:.65em;margin-top:.2rem}.of-x{overflow-y:hidden;overflow-x:auto;display:flex;flex-direction:row}.of-x,.of-y{scrollbar-width:thin}.of-y{overflow-x:hidden;overflow-y:auto}.tabbed-content-design[data-v-14188e16]{display:flex;flex-direction:column;height:calc(100vh - 100px);overflow:hidden}.view-systems[data-v-39e65247]{display:flex;justify-content:center;align-items:center;margin:1rem 0}.view-systems button[data-v-39e65247]{border:none;background-color:transparent;color:#000;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;margin-right:.5rem;position:relative}.view-systems button[data-v-39e65247]:last-of-type{margin-right:0}.view-systems button[data-v-39e65247]:last-of-type:after{content:"";position:relative;display:inline-block;vertical-align:middle;width:2px;height:100%;background-color:#d6d6d6;position:absolute;left:-4px}.view-systems button.active[data-v-39e65247],.view-systems button[data-v-39e65247]:hover{background-color:#fff;border-radius:20px}.view-systems .ios[data-v-39e65247]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.213 11.097c-.009-1.72.741-3.019 2.259-3.975-.85-1.262-2.132-1.955-3.826-2.091C11.043 4.899 9.29 6 8.65 6c-.677 0-2.231-.924-3.45-.924C2.678 5.12 0 7.164 0 11.322c0 1.229.217 2.498.65 3.807.578 1.72 2.665 5.94 4.842 5.87 1.138-.028 1.942-.84 3.424-.84 1.436 0 2.181.84 3.45.84 2.195-.033 4.083-3.868 4.634-5.593-2.945-1.44-2.787-4.22-2.787-4.309zM11.657 3.4C12.89 1.88 12.777.497 12.741 0c-1.088.066-2.349.769-3.067 1.636-.79.929-1.255 2.077-1.156 3.371 1.179.094 2.254-.534 3.139-1.608z' fill='%23000'/%3E%3C/svg%3E")}.view-systems .android[data-v-39e65247]:before,.view-systems .ios[data-v-39e65247]:before{content:"";width:16px;height:20px;position:relative;display:inline-block;margin-right:.5rem;background-size:100%}.view-systems .android[data-v-39e65247]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.55 7.707v5.172a1.22 1.22 0 01-1.217 1.237C.655 14.116 0 13.562 0 12.879V7.707c0-.674.655-1.228 1.333-1.228.668 0 1.217.554 1.217 1.228zm.478 7.012c0 .732.584 1.321 1.31 1.321h.882l.013 2.73c0 1.647 2.444 1.634 2.444 0v-2.73h1.646v2.73c0 1.638 2.457 1.643 2.457 0v-2.73h.895c.717 0 1.301-.59 1.301-1.321V6.707H3.028v8.012zm10.98-8.446H2.978c0-1.911 1.134-3.572 2.816-4.439L4.949.258c-.123-.22.19-.358.297-.17l.859 1.59a5.934 5.934 0 014.794 0l.855-1.586c.11-.192.42-.049.296.17l-.845 1.572c1.669.867 2.802 2.528 2.802 4.44zM6.45 3.795a.467.467 0 00-.465-.47.461.461 0 00-.451.47c0 .254.204.469.451.469a.467.467 0 00.465-.47zm5.02 0a.464.464 0 00-.451-.47.467.467 0 00-.465.47c0 .254.204.469.465.469a.464.464 0 00.452-.47zm4.197 2.684a1.22 1.22 0 00-1.217 1.228v5.172c0 .687.549 1.237 1.217 1.237.682 0 1.333-.554 1.333-1.237V7.707c0-.688-.655-1.228-1.333-1.228z' fill='%23000'/%3E%3C/svg%3E")}.view-systems .orientation[data-v-39e65247]:before{content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.993 33.993'%3E%3Cpath d='M31.686 8.025H27.86v1.727h2.238V24.24H27.86v1.727h3.826a2.307 2.307 0 002.307-2.305V10.33a2.305 2.305 0 00-2.307-2.305zm-.036 5.881h.672v6.18h-.672v-6.18zm.309 8.825a.592.592 0 01-.594-.59.592.592 0 011.184 0c0 .326-.266.59-.59.59zM7.609 24.24H6.012V9.752H7.61V8.025H2.305A2.304 2.304 0 000 10.33v13.332a2.306 2.306 0 002.305 2.305H7.61l-.001-1.727zm-3.418-4.431H2.459v-5.627h1.732v5.627zM24.398 1.154h-13.33a2.305 2.305 0 00-2.304 2.309v27.07a2.305 2.305 0 002.305 2.306h13.33a2.307 2.307 0 002.307-2.306V3.463a2.308 2.308 0 00-2.308-2.309zm-1.519 1.444a.59.59 0 110 1.18.59.59 0 010-1.18zm-8.236.225h6.182v.673h-6.182v-.673zm5.906 27.556H14.92v-1.732h5.629v1.732zm4.43-22.354v18.801H10.492V5.049h14.486l.001 2.976zm6.015-1.509l-.553-.005.86.914.896-.896-.564-.005V3.16h-3.406v.619h2.767zM5.006 28.178l.555.006-.86-.914-.896.895.564.006v3.364h3.402v-.619H5.006z'/%3E%3C/svg%3E");width:16px;height:16px;position:relative;display:inline-block;margin-right:.5rem;background-size:100%}.view-paginations[data-v-6040e8e0]{display:flex;justify-content:space-between;align-items:center;margin:1rem;position:relative}.view-paginations.hidden[data-v-6040e8e0]{visibility:hidden}.view-paginations[data-v-6040e8e0]:after{content:"";position:absolute;top:50%;width:100%;height:1px;background-color:#d4d4d4;z-index:0}.view-paginations button[data-v-6040e8e0]{background-color:#ebebeb;border:none;position:relative;text-indent:-9999px;background-repeat:no-repeat}.view-paginations .minus[data-v-6040e8e0]{border:1px solid #d4d4d4;width:24px;height:24px;display:flex;justify-content:center;align-items:center;z-index:1;position:relative}.view-paginations .minus button[data-v-6040e8e0]:after{content:"";display:inline-block;left:50%;top:50%;margin-left:-8px;margin-top:-1px;vertical-align:middle;background-size:100%;position:absolute;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.75 0H1.25a1.25 1.25 0 100 2.5h13.5a1.25 1.25 0 000-2.5z' fill='%23B1B1B1'/%3E%3C/svg%3E");width:16px;height:2px}.view-paginations .plus[data-v-6040e8e0]{border:1px solid #d4d4d4;width:24px;height:24px;display:flex;justify-content:center;align-items:center;z-index:1;position:relative}.view-paginations .plus button[data-v-6040e8e0]:after{content:"";display:inline-block;left:50%;top:50%;margin-left:-8px;margin-top:-8px;vertical-align:middle;background-size:100%;position:absolute;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.25 9.25v5.5a1.25 1.25 0 01-2.5 0v-5.5h-5.5a1.25 1.25 0 110-2.5h5.5v-5.5a1.25 1.25 0 112.5 0v5.5h5.5a1.25 1.25 0 010 2.5h-5.5z' fill='%23B1B1B1'/%3E%3C/svg%3E");width:16px;height:16px}.view-paginations .pages[data-v-6040e8e0]{z-index:1;position:relative}.view-paginations .pages select[data-v-6040e8e0]{padding:.5rem 1.5rem .5rem .5rem;font-size:12px;font-weight:700;border:1px solid #ccc;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4a.39.39 0 01-.297-.144L.123.84a.552.552 0 010-.695.379.379 0 01.594 0L3 2.814 5.283.144a.379.379 0 01.594 0 .552.552 0 010 .695l-2.58 3.017A.39.39 0 013 4z' fill='%235E5E5E'/%3E%3C/svg%3E");background-position:90%;background-repeat:no-repeat;background-color:#ebebeb}.view-paginations .pages select[data-v-6040e8e0]::-ms-expand{display:none}@media screen and (min-width:0\0){.view-paginations .pages select[data-v-6040e8e0]{background:none\9;padding:5px\9}}.project-view[data-v-8d210b3e]{width:20.83333%;height:100%;background-color:#ebebeb;position:relative;overflow:auto}.vertical-mode .project-view[data-v-8d210b3e]{width:600px;height:calc(44vh - 41px)}.project-view .view-buttons[data-v-8d210b3e]{padding:1rem}.project-view .view-buttons button[data-v-8d210b3e]{border-radius:4px;display:inline-block}.project-view .view-buttons button.view-btn-run[data-v-8d210b3e]{width:calc(100% - 62px);font-size:18px;font-weight:700;vertical-align:middle;color:#fff;border:none;padding:1rem;margin-right:.5rem;background-color:#04af00}.project-view .view-buttons button.view-btn-run[data-v-8d210b3e]:hover{background-color:#038400}.project-view .view-buttons button.view-btn-download[data-v-8d210b3e]{width:50px;padding:1rem .5rem;background-color:#006ceb;border:none;text-indent:-9999px;overflow:hidden;position:relative;vertical-align:middle}.project-view .view-buttons button.view-btn-download[data-v-8d210b3e]:hover{background-color:#004ba4}.project-view .view-buttons button.view-btn-download[data-v-8d210b3e]:after{content:"";position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.663 13.513v4.844H2.848v-4.844H0v6.267c0 .786.637 1.423 1.426 1.423h17.66c.788 0 1.425-.636 1.425-1.423v-6.267h-2.848zm-7.668-.48L5.918 8.106s-.62-.585.052-.585h2.298V.35S8.176 0 8.703 0h3.233c.38 0 .371.294.371.294v7.079h2.12c.817 0 .202.613.202.613s-3.468 4.605-3.952 5.088c-.348.35-.682-.041-.682-.041z' fill='%23fff'/%3E%3C/svg%3E");width:20px;height:20px;background-size:100%;background-position:50%;background-repeat:no-repeat}ion-header{min-height:5vh}ion-title.ios{-webkit-padding-start:0!important;padding-inline-start:0!important;-webkit-padding-end:0!important;padding-inline-end:0!important;padding:0!important}ion-content ion-col{border:1px dashed #aaa;min-height:50px}.dragenter{content:"Move here";z-index:9999}.selectedEl{border:1px solid red;box-sizing:border-box}.run-mode .overlay[data-v-22e1759d],.run-mode[data-v-22e1759d]{border-radius:20px!important;height:100%;width:100%}iframe[data-v-22e1759d]{border-radius:20px!important;height:100%;width:100%;padding:0;margin:0;border:none}.view-phone[data-v-05d13d75]{background-size:100%;max-width:330px;margin:0 auto;display:flex;justify-content:center;align-items:flex-start;background-position:top}.vertical-mode .view-phone[data-v-05d13d75]{max-width:90%}.view-phone .view-phone-container[data-v-05d13d75]{display:block;width:36.4vh;height:65vh;position:relative;border:10px solid hsla(0,0%,87.8%,.863);border-radius:30px}.vertical-mode .view-phone .view-phone-container[data-v-05d13d75]{width:100%;height:240px}.vertical-mode .view-phone .view-phone-container[data-v-05d13d75]:before{content:"";position:absolute;top:-15px;left:68px;right:auto;width:54px;height:5px;border-top-left-radius:4px;border-top-right-radius:4px;background:#000}.view-phone .view-phone-container .ion-page[data-v-05d13d75]{border-radius:22px!important}.view-phone .view-phone-container[data-v-05d13d75]:before{content:"";position:absolute;top:68px;right:-15px;width:5px;height:54px;border-top-right-radius:4px;border-bottom-right-radius:4px;background:hsla(0,0%,87.8%,.863)}.view-phone .ios[data-v-05d13d75]{border-color:hsla(0,0%,87.8%,.863)}.view-phone .ios[data-v-05d13d75]:before{background:hsla(0,0%,87.8%,.863)}.view-phone .android[data-v-05d13d75]{border-color:#38393a!important}.view-phone .android[data-v-05d13d75]:before{background:#38393a!important}.view-plugins[data-v-22b54d6c]{position:absolute;bottom:0;left:0;right:0;background-color:#e2e2e2;display:flex;justify-content:flex-start;align-items:center;padding:.75rem}.view-plugins .title[data-v-22b54d6c]{display:inline-block;color:#8d8d8d;margin:-5px;padding:5px;margin-right:1rem;font-weight:500}.view-plugins .title img[data-v-22b54d6c]{width:20px;display:block}.view-plugins ul[data-v-22b54d6c]{margin:0;padding:0;list-style:none;display:flex;justify-content:center;align-items:center}.view-plugins ul li[data-v-22b54d6c]{margin-right:1em;display:inline-block;cursor:pointer}.view-plugins ul li img[data-v-22b54d6c]{width:20px;display:block}input[data-v-074df60c]{display:block;width:100%;background-color:#565656;border:none;border-radius:2px;padding:.5rem;color:#fff}select[data-v-4c4dff80]{padding:.5rem 1.5rem .5rem .5rem;font-size:12px;border-radius:2px;color:#fff;font-weight:700;border:1px solid transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4a.39.39 0 01-.297-.144L.123.84a.552.552 0 010-.695.379.379 0 01.594 0L3 2.814 5.283.144a.379.379 0 01.594 0 .552.552 0 010 .695l-2.58 3.017A.39.39 0 013 4z' fill='%23000'/%3E%3C/svg%3E");background-position:90%;background-repeat:no-repeat;background-color:#565656}select[data-v-4c4dff80]::-ms-expand{display:none}input[data-v-3f6fa41d]{display:block;width:100%;background-color:#565656;border:none;border-radius:2px;padding:.5rem;color:#fff}.setting-buttons[data-v-3ebe1d48]{display:flex;flex-direction:row}.setting-buttons button[data-v-3ebe1d48]{display:block;margin-right:1em;background-color:#565656;border:none;border-radius:2px;padding:.5rem;color:#fff}.setting-buttons button.activated[data-v-3ebe1d48]{border:1px solid #23b7e5;color:#23b7e5}input[data-v-9afb38a6]{display:block;width:25%;align-self:center;height:2em;background-color:#565656;border:none;border-radius:2px;padding:.5rem;color:#fff}input[type=color][data-v-9afb38a6]{-webkit-appearance:none;border:none}input[type=color][data-v-9afb38a6]::-webkit-color-swatch-wrapper{padding:0}input[type=color][data-v-9afb38a6]::-webkit-color-swatch{border:none}.project-properties[data-v-3f16d437]{color:#fff;width:17.5%;height:100%;background-color:#38393a;position:relative;overflow:auto}.project-properties .overlay[data-v-3f16d437]{position:absolute;cursor:not-allowed;top:0;left:0;width:100%;height:100%;font-weight:700;text-align:center;padding:50% 5%;color:#fff;background:rgba(0,0,0,.7)}.project-properties .overlay[data-v-3f16d437] .run-button{margin-top:2em}.project-properties .selection-title[data-v-3f16d437],.project-properties .selection-title__wrapper[data-v-3f16d437]{width:100%;color:#b2b4b7;font-size:12px;font-weight:900;display:block;margin-bottom:.5rem}.project-properties .slimBorder .row[data-v-3f16d437]{color:#d6d6d6}.vertical-mode .project-properties[data-v-3f16d437]{position:absolute;width:600px;bottom:0;height:56vh;right:0}.project-properties .header[data-v-3f16d437]{background-color:#262626;padding:.5rem;display:flex;justify-content:flex-start;align-items:center}.project-properties .header img[data-v-3f16d437]{max-height:25px;width:auto;display:block}.project-properties .header span[data-v-3f16d437]{margin-left:10px;color:#fff;font-size:1rem;font-weight:700;flex-basis:100%}.project-properties .header .arrows span[data-v-3f16d437]{color:#b2b4b7;cursor:pointer;margin-right:.5em}.project-properties .header .arrows span[data-v-3f16d437]:hover{color:#fff}.project-properties .properties[data-v-3f16d437]{padding:.5rem .5rem 3rem .5rem;height:calc(100% - 2rem - 14px);max-width:100%;overflow:auto;overflow-x:none;scrollbar-width:thin}.project-properties .properties .group[data-v-3f16d437]{margin-bottom:1rem}.project-properties .properties .group input[data-v-3f16d437]{display:block;width:100%;background-color:#565656;border:none;border-radius:2px;padding:.5rem;color:#fff}.project-properties .properties .group.horizontal[data-v-3f16d437]{display:flex;justify-content:space-between;align-items:center}.project-properties .properties .group.horizontal label[data-v-3f16d437]{width:auto}.project-properties .properties .group.horizontal .horizontal-container[data-v-3f16d437]{text-align:right}.project-properties .properties .group label[data-v-3f16d437]{width:100%;color:#b2b4b7;font-size:12px;font-weight:900;display:block;margin-bottom:.5rem}.project-properties .properties .group textarea[data-v-3f16d437]{display:block;width:100%;background-color:#565656;border:none;border-radius:2px;padding:.5rem;color:#fff;min-height:100px}.project-properties .properties .group button[data-v-3f16d437]{border:none;background-color:transparent}.project-properties .properties .group .colors button[data-v-3f16d437]{margin:0 1rem 1rem 0;width:20px;height:20px;border-radius:50%;border:none}.project-properties .properties .group .form-control[data-v-3f16d437]{display:block;width:100%;background-color:#565656;border:none;border-radius:2px;padding:.5rem;color:#fff}.project-properties .btn-delete[data-v-3f16d437]{width:100%;color:#fff;background-color:red;position:absolute;bottom:0;border:none;padding:1rem;font-weight:500}.project-properties .btn-delete span[data-v-3f16d437]{font-weight:900}.copy-btn[data-v-3f16d437]{position:absolute;right:0;margin-top:-32px;margin-right:2px;cursor:pointer;background:hsla(0,0%,100%,.18823529411764706);padding:5px 9px}