.input-control[data-v-a5aeba33]{line-height:1}.input-control label[data-v-a5aeba33]{padding-left:2px;padding-bottom:3px;color:var(--text-gray)}.information[data-v-63ccf661]{width:100%;padding-left:4px;border-top:1px solid var(--color-accent);background-color:var(--color-bkgnd-component);font-size:12px}.information[data-v-63ccf661] *{font-size:12px}.information.error[data-v-63ccf661]{background-color:#ee4b4b}.information .clear-button[data-v-63ccf661]{position:absolute;top:0;right:0;width:18px;height:18px;padding:0;background-color:unset;font-size:16px}.checkbox-control[data-v-e099e0d8]{width:134px;line-height:1}.checkbox-control label[data-v-e099e0d8]{vertical-align:top;padding-left:2px;color:var(--text-gray)}.checkbox-control .checkbox[data-v-e099e0d8]{width:15px;height:15px;margin-left:10px}hr[data-v-3c177077]{margin:6px 0;width:100%}.general-controls[data-v-3c177077]{display:flex;flex-direction:column;align-items:flex-start}.general-controls .instruction-info[data-v-3c177077]{margin-bottom:20px}.general-controls .export-btn[data-v-3c177077]{width:150px;margin:10px 0}.general-controls .main-button[data-v-3c177077]{margin-top:10px}.general-controls .canvas-controls[data-v-3c177077]{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.general-controls .grid-switch[data-v-3c177077]{align-self:center}.frame-form[data-v-a0b0666d]{display:flex;flex-wrap:wrap;justify-content:space-between}.frame-form .info[data-v-a0b0666d]{margin-top:20px}.animation-form[data-v-60ccdd85]{display:flex;flex-wrap:wrap}.frame-selector[data-v-60ccdd85]{display:flex;justify-content:space-between;width:100%}.frame-selector .frame-list .frame-list__name[data-v-60ccdd85]{font-size:14px}.frame-list__list select[data-v-60ccdd85]{width:120px;height:150px;background-color:var(--color-bkgnd-component)}.frame-list__list select option[data-v-60ccdd85]{margin-bottom:3px;color:var(--color-text);font-size:14px}.frame-list__list select option[data-v-60ccdd85]:hover{background-color:var(--color-bkgnd-item-hover)}.frame-list__list select option[data-v-60ccdd85]:checked{background-color:var(--color-bkgnd-item-selected)}.frame-list__list select option[data-v-60ccdd85]:focus{background-color:var(--color-bkgnd-item-selected)}.frame-selector-buttons[data-v-60ccdd85]{display:flex;flex-direction:column;align-self:center}.frame-selector-buttons .frame-selector-buttons__button[data-v-60ccdd85]{width:20px;height:20px;margin:3px 0;line-height:1}.data-controls[data-v-e00f790f]{display:flex;flex-direction:column;align-items:flex-start}.data-controls .buttons[data-v-e00f790f]{display:flex;justify-content:space-between;width:100%}.data-controls .create-form[data-v-e00f790f]{margin-top:30px}.wrapper[data-v-20a89544]{background-color:#fff}canvas[data-v-3a57a223]{position:absolute;top:30px}.list-buttons[data-v-bdc32802]{line-height:1}.list-buttons .btn[data-v-bdc32802]{width:70px;height:16px;margin:0;border-radius:var(--border-radius) var(--border-radius) 0 0;font-size:12px}.list-buttons .btn.selected[data-v-bdc32802]{background-color:var(--color-bkgnd-item-selected)}.list-item[data-v-3dd4967c]{display:flex;width:100%;margin-bottom:4px;padding:0 4px}.list-item[data-v-3dd4967c]:hover{background-color:var(--color-bkgnd-item-hover)}.list-item[data-v-3dd4967c]:last-of-type{margin-bottom:0}.list-item.selected[data-v-3dd4967c]{background-color:var(--color-bkgnd-item-selected)}.list-item .btn[data-v-3dd4967c]{width:unset}.list-item .list-item__name[data-v-3dd4967c]{flex-grow:1;width:150px}.list-item .list-item__name[data-v-3dd4967c]:hover{color:#fff;cursor:pointer}.list-item .list-item__change[data-v-3dd4967c]{margin-right:6px}.list[data-v-775ad987]{display:flex;flex-direction:column;align-items:flex-start;height:175px;overflow:auto;background-color:var(--color-bkgnd-component);border-top:1px solid var(--color-accent)}.edit-frame-form[data-v-5aacaba4]{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px;padding:6px 0;border-top:1px solid var(--color-accent);background-color:var(--color-bkgnd-component)}.save-button[data-v-5aacaba4]{background-color:var(--color-accent)}.controls-wrapper[data-v-7017801d]{max-width:300px;width:300px;padding:30px 10px 0}.errorMsg[data-v-7017801d]{margin-top:20px}.image-wrapper[data-v-7017801d]{height:90vh;overflow:auto;padding-top:30px}.list-tabs[data-v-7017801d]{margin-top:30px}:root{--vt-c-black: #181818;--text-white: #FFFFFF;--text-gray: #CBD3E2;--bkgnd-gray: #8F8F8C;--bkgnd-gray-dark: #49494F;--bkgnd-yellow-gray: #928C7B;--bkgnd-yellow-gray-dark: #7C7057;--color-accent: #EEC04B;--border-radius: 2px}:root{--color-bkgnd: var(--vt-c-black);--color-text: var(--text-white);--color-bkgnd-component: var(--bkgnd-gray-dark);--color-bkgnd-item: var(--bkgnd-gray);--color-bkgnd-item-hover: var(--bkgnd-yellow-gray);--color-bkgnd-item-selected: var(--bkgnd-yellow-gray-dark)}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-size:15px;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{min-height:100vh;color:var(--color-text);background:var(--color-bkgnd);transition:color .5s,background-color .5s;line-height:1.6;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{display:flex;margin:0 auto;padding:2rem 0 2rem 2rem;font-weight:400}hr{border-color:var(--color-accent)}.btn{width:100px;height:25px;border:none;border-radius:2px;margin:0 6px;background-color:var(--color-bkgnd-item);color:var(--color-text);cursor:pointer}.btn:hover{background-color:var(--color-bkgnd-item-hover)}.btn-w{width:134px}.btn:first-child{margin-left:0}.btn:last-child{margin-right:0}.btn:disabled{opacity:.5;cursor:unset}.btn:disabled:hover{background-color:var(--color-bkgnd-item)}.btn-group{display:flex;justify-content:center;width:100%;margin-top:30px}.input-control{display:flex;flex-direction:column}.input-control label{font-size:12px}.input-control .input{width:134px;height:25px;border-radius:var(--border-radius) var(--border-radius) 0 0;border:none;border-bottom:1px solid var(--color-accent);margin-bottom:10px;background-color:var(--color-bkgnd-item);color:var(--color-text)}.input-control .input:focus{background-color:var(--color-bkgnd-item-hover)}.input-control .input:disabled{background-color:#0000;border-bottom:1px solid var(--color-bkgnd-item)}.flex-break{flex-basis:100%;height:0}