@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@-webkit-keyframes fadein-data-v-3e60b888{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fadein-data-v-3e60b888{0%{transform:scale(0)}to{transform:scale(1)}}.btn-wrap[data-v-3e60b888]{-webkit-animation-name:fadein-data-v-3e60b888;animation-name:fadein-data-v-3e60b888;-webkit-animation-duration:1s;animation-duration:1s}.add-frame[data-v-3e60b888]{cursor:pointer;width:40px;height:40px;border-radius:20px;font-size:20px;font-weight:900;background:#bb86fc;color:#fff;border:2px solid #fff;position:absolute;right:10px;top:60px;transform:translateY(-50%);z-index:5;transition:.3s;box-shadow:2px 4px #fff}.add-frame[data-v-3e60b888]:hover{box-shadow:0 0 10px #fff;right:7px;top:69px}.add-frame[data-v-3e60b888]:focus{outline:none}.reel[data-v-3e60b888]{position:relative;display:flex;color:#fff;background:#202124;overflow-x:auto;box-shadow:inset 0 0 20px -5px rgba(187,134,252,.5490196078431373);border-radius:10px}.reel .frame[data-v-3e60b888]{background:none;border:none;cursor:pointer;position:relative;overflow:hidden;min-width:120px;min-height:100px;max-width:120px;max-height:100px;display:flex;justify-content:center;align-items:center;padding:0;margin:10px;border-radius:15px;border:4px solid grey;opacity:1;transition:.3s}.reel .frame .info[data-v-3e60b888]{position:absolute;display:block;background:#fff;border:2px solid grey}.reel .frame .info.num[data-v-3e60b888]{right:-2px;top:-2px;font-size:15px;padding:5px 7px 3px 5px;border-bottom-left-radius:10px}.reel .frame .info.title[data-v-3e60b888]{border-top:2px solid grey;width:103%;bottom:-2px;padding:2px 6px;text-align:left}.reel .frame[data-v-3e60b888]:hover:not(.active){border:4px solid rgba(187,134,252,.5490196078431373)}.reel .active[data-v-3e60b888]{border:4px solid #bb86fc;z-index:2}.reel .active .num[data-v-3e60b888]{border:3px solid #bb86fc}.reel .active[data-v-3e60b888]:focus{outline:none}.reel .empty-image[data-v-3e60b888]{width:150px;height:150px;color:#fff;display:flex;justify-content:center;align-items:center}.form__group[data-v-0d19e668]{margin-bottom:10px}section[data-v-0d19e668]:not(:last-of-type){border-bottom:2px dashed #5f6368}.scenery-editor[data-v-0d19e668]{color:#fff}.scenery-editor .sample[data-v-0d19e668]{width:100%;max-width:400px;height:100%;color:#fff}.scenery-editor .file-label[data-v-0d19e668]{display:block;width:100%;height:300px;border:1px solid #fff;position:relative}.scenery-editor .file-label.active[data-v-0d19e668]{border:3px dotted #ff0}.scenery-editor .file-label input[type=file][data-v-0d19e668]{width:100%;height:100%;border:1px solid red;opacity:0;position:absolute;top:0;left:0}.row[data-v-671ae416]{display:flex;transition:max-height 1s;background:#171f2c;padding:7px;border:3px solid #353c4f;border-radius:7px}.row.disabled[data-v-671ae416]{max-height:0;transform:scaleY(0)}.row.enabled[data-v-671ae416]{max-height:100px;transform:scaleY(1)}.up[data-v-671ae416]{transform:rotate(180deg)}label[data-v-671ae416]{position:relative}label:hover .remove-btn[data-v-671ae416]{display:block;position:absolute;top:0}.add-text[data-v-671ae416]{background:#bb86fc;color:#fff;box-shadow:2px 2px #fff;border-radius:20px;padding:5px 10px;font-weight:700;border:unset}.area[data-v-671ae416]{border:3px solid #353c4f;border-radius:10px;border-width:5px;padding:6px}.area[data-v-671ae416]:focus,.area[data-v-671ae416]:hover{border-width:5px;-o-border-image:linear-gradient(90deg,#11998e,#38ef7d);border-image:linear-gradient(90deg,#11998e,#38ef7d);border-image-slice:1;outline:none}.capsule[data-v-671ae416]{display:flex;align-items:center;border-radius:5px}.capsule label[data-v-671ae416]{cursor:pointer;padding:0 10px;border-right:1px dashed #fff;margin-right:7px}.capsule input[data-v-671ae416]{height:36px}.settings-wrap[data-v-671ae416]{margin-bottom:10px}.settings-wrap .bg-toggle[data-v-671ae416]{margin-right:10px}.settings-wrap .bg-toggle input[data-v-671ae416]{display:none}.settings-wrap .bg-toggle label.toggle[data-v-671ae416]{cursor:pointer;font-size:30px}.settings-wrap .bg-toggle label.toggle.active[data-v-671ae416]{color:#38ef7d}.settings-wrap .bg-toggle label.toggle.disabled[data-v-671ae416]{color:#cf6679}.head-wrap[data-v-671ae416]{font-size:15px}.bg-dimension[data-v-671ae416],.head-wrap[data-v-671ae416]{display:flex;align-items:center}.bg-dimension .width[data-v-671ae416]{transform:rotate(90deg)}.trans-wrap[data-v-671ae416]{display:flex;align-items:center}.trans-wrap .icon[data-v-671ae416]{margin-right:10px}.text-alignment[data-v-671ae416]{display:flex;align-items:center;color:#fff}.text-alignment label[data-v-671ae416]{cursor:pointer}.color-input[data-v-671ae416]{display:flex;align-items:center;padding:3px}.color-input input[type=color][data-v-671ae416]{cursor:pointer;display:block;-webkit-appearance:none;border:none;border-radius:5px;width:36px;height:36px}.dimensions-wrap[data-v-671ae416]{display:flex}.transform-input[data-v-671ae416]{width:50px;position:relative}input[type=number][data-v-671ae416]::-webkit-inner-spin-button,input[type=number][data-v-671ae416]::-webkit-outer-spin-button{cursor:col-resize;opacity:0;height:50px;transform:rotate(90deg) translateY(13px)}.tab-toggle[data-v-671ae416]{position:absolute;opacity:0;z-index:-1}.tabs[data-v-671ae416]{border-radius:8px;overflow:auto;box-shadow:0 4px 4px -2px rgba(0,0,0,.5);margin-bottom:15px;height:80vh}.tab[data-v-671ae416]{width:100%;color:#fff;overflow:hidden}.tab-label[data-v-671ae416]{display:flex;justify-content:space-between;padding:1em;background:#2c3e50;font-weight:700;cursor:pointer}.tab-label[data-v-671ae416]:hover{background:#1a252f}.tab-label[data-v-671ae416]:after{content:"❯";width:1em;height:1em;text-align:center;transition:all .35s}.tab-content[data-v-671ae416]{max-height:0;padding:0 1em;color:#fff;background:#1d2939;transition:all .35s}.tab-close[data-v-671ae416]{display:flex;justify-content:flex-end;padding:1em;font-size:.75em;background:#2c3e50;cursor:pointer}.tab-close[data-v-671ae416]:hover,input:checked+.tab-label[data-v-671ae416]{background:#1a252f}input:checked+.tab-label[data-v-671ae416]:after{transform:rotate(90deg)}input:checked~.tab-content[data-v-671ae416]{max-height:100vh;padding:1em}.form__group[data-v-62830d02]{margin-bottom:10px}.image-editor[data-v-62830d02]{color:#fff}.image-editor .sample[data-v-62830d02]{width:100%;max-width:400px;height:100%;color:#fff}.image-editor .file-label[data-v-62830d02]{display:block;width:100%;height:300px;border:1px solid #fff;position:relative}.image-editor .file-label.active[data-v-62830d02]{border:3px dotted #ff0}.image-editor .file-label input[type=file][data-v-62830d02]{width:100%;height:100%;border:1px solid red;opacity:0;position:absolute;top:0;left:0}.editor-comp[data-v-480e4282]{height:100%}.editor[data-v-480e4282]{padding:10px;z-index:1;transition:.5s;width:400px;height:100%;display:flex;flex-direction:column}.editor .tabs .tab[data-v-480e4282]{background:#202124;color:#fff;border:3px solid #5f6368;border-radius:50%;transition:.3s;padding:10px;border-radius:10px 10px 0 0;text-transform:capitalize}.editor .tabs .tab.active[data-v-480e4282]{background:#1d2939;border:2px solid #fff;border-bottom:#1d2939;position:relative;top:5px}.editor .tabs .tab.inactive[data-v-480e4282]{cursor:pointer;padding:6px;margin:4px}.editor .tabs .tab.inactive[data-v-480e4282]:hover{padding:10px;margin:0;margin-bottom:-2px;border:1px solid #bb86fc;position:relative;top:3px;color:#bb86fc;text-shadow:1px 1px #fff}.editor .tabs .tab[data-v-480e4282]:focus{outline:none}.editor .tab-content[data-v-480e4282]{width:100%;height:100%;background:#1d2939;padding:10px;border:2px solid #5f6368}.editor .scenery-editor[data-v-480e4282]{color:#fff}.editor .scenery-editor .sample[data-v-480e4282]{width:100%;max-width:400px;height:100%;color:#fff}.editor .scenery-editor .file-label[data-v-480e4282]{display:block;width:100%;height:300px;border:1px solid #fff;position:relative}.editor .scenery-editor .file-label.active[data-v-480e4282]{border:3px dotted #ff0}.editor .scenery-editor .file-label input[type=file][data-v-480e4282]{width:100%;height:100%;border:1px solid red;opacity:0;position:absolute;top:0;left:0}.editor .inputs-wrap .transform-input[data-v-480e4282]{width:40px}.logo[data-v-480e4282]{position:absolute;bottom:0;left:50%;transform:translateX(-50%);margin-bottom:20px;display:flex;height:30px;@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap"}.logo .orb[data-v-480e4282]{position:relative;width:45px;height:45px;margin-right:10px;border-radius:50%;background-image:linear-gradient(315deg,red,#ffed00 74%);box-shadow:0 0 10px #d43322;transition:3s;transition-timing-function:ease-in-out}.logo h1.text[data-v-480e4282]{font-family:Cinzel,serif;font-size:30px;background:radial-gradient(#eff1ff,#000);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:3s}.logo:hover .orb[data-v-480e4282]{border-radius:42% 58% 27% 73%/64% 47% 53% 36%;transform:rotate(30deg);box-shadow:0 0 30px #d43322}.logo:hover .orb[data-v-480e4282]:after{content:"";position:absolute;width:10px;height:30px;bottom:-10px;left:50%;transform:translateX(-50%)}.logo:hover h1.text[data-v-480e4282]{background-position:20px 0;text-shadow:1px 1px 2px #fff}.main[data-v-aab7a9dc]{width:100%;height:100vh;display:flex;background:#202124}.main .left[data-v-aab7a9dc]{width:100%}a-scene[data-v-aab7a9dc]{z-index:6}.area-wrap[data-v-aab7a9dc]{border:1px solid green}.area-wrap .accord[data-v-aab7a9dc]{max-height:0;overflow:hidden;transition:max-height .2s ease-out}.top-wrap[data-v-aab7a9dc]{position:relative;height:120px;padding-right:60px}.reel-wrap[data-v-aab7a9dc]{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:45%;z-index:7}*{box-sizing:border-box}#app,body,html{color:#fff;padding:0;margin:0}#app{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-moz-appearance:none;width:100px!important;background:red;margin:0}.remove-btn{display:none;cursor:pointer;position:absolute;align-items:center;justify-content:center;top:0;left:0;background:#cf6679;color:#fff;border-radius:50%;border:2px solid #fff;font-weight:900;font-size:15px;width:22px;height:22px;padding:5px;transition:.2s}.remove-btn:hover{font-size:22px;background:#fff;color:#cf6679}.frame:hover .remove-btn{display:flex!important}