.slide-fade-enter-active[data-v-4b24c7da],.slide-fade-leave-active[data-v-4b24c7da]{transition:all .2s cubic-bezier(.11,.93,.64,1.01)}.slide-fade-enter-from[data-v-4b24c7da],.slide-fade-leave-to[data-v-4b24c7da]{opacity:0;transform:translate(-100%)}.change-item-enter-active[data-v-4b24c7da],.change-item-leave-active[data-v-4b24c7da]{transition:all .2s ease-out}.change-item-enter-from[data-v-4b24c7da]{opacity:0;height:0;transform:translateY(var(--slot-from))}.change-item-leave-to[data-v-4b24c7da]{opacity:0;height:0;transform:translateY(var(--slot-to))}.control-vertical[data-v-4b24c7da]{flex-direction:row;gap:0;display:flex}.control-left-settings[data-v-4b24c7da]{z-index:2;background-color:#374151;border-left:1px solid #485569;width:24rem;height:100vh;padding:0 0 0 1rem;position:absolute;top:56px;left:6rem;overflow:hidden}.control-left-settings__header[data-v-4b24c7da]{z-index:3;background-color:#374151;flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.control-left-settings__header h3[data-v-4b24c7da]{color:#fff;-webkit-user-select:none;user-select:none;font-weight:700}.control-left-settings__slot[data-v-4b24c7da]{color:#fff;--slot-from:16rem;--slot-to:-16rem;height:calc(100% - 106px);max-height:calc(100% - 106px);padding-top:1rem;padding-bottom:2.5rem;padding-right:1rem;position:relative;overflow-x:hidden;overflow-y:scroll!important}.control-vertical-navigation[data-v-4b24c7da]{z-index:3;background-color:#374151;width:6rem;position:absolute;top:56px;bottom:0;left:0}.control-vertical-navigation__item[data-v-4b24c7da]{text-align:center;color:#fff;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;gap:.25rem;width:5rem;height:5rem;margin-left:.5rem;margin-right:.5rem;padding:.3rem;transition-duration:.12s;display:flex;overflow:hidden}.control-vertical-navigation__item p[data-v-4b24c7da]{-webkit-user-select:none;user-select:none;margin:0;padding:0}.control-vertical-navigation__item[data-v-4b24c7da]:hover{background-color:#222933}.control-vertical-navigation__item__active[data-v-4b24c7da]{background-color:#222933;border-radius:12px;transform:scale(.9)}.control-vertical-navigation__item__border[data-v-4b24c7da]{background-color:#4c596f;width:100%;height:1px;margin-top:.5rem;margin-bottom:.5rem}.full-view-side[data-v-4b24c7da]{position:absolute;z-index:10!important}.editor-info[data-v-4b24c7da]{flex-direction:row;gap:.5rem;display:flex}.editor-info i[data-v-4b24c7da]{text-align:center;width:2.5rem;height:2.5rem;font-size:1.5rem}.editor-info h3[data-v-4b24c7da]{-webkit-user-select:none;user-select:none;margin:0;font-size:1.25rem}.editor-canvas-view[data-v-4b24c7da]{border-radius:1rem;width:100%;height:100vh;overflow:hidden}.editor-background[data-v-4b24c7da]{background-color:#374151}.control-editor-canvas[data-v-4b24c7da]{border-radius:1rem;position:absolute;inset:calc(56px + 3rem) 0 0 6rem;overflow:hidden}.control-editor-canvas__info[data-v-4b24c7da]{text-align:center;color:#c1c1c1;-webkit-user-select:none;user-select:none;align-content:center;height:100%;margin:0}.control-editor-canvas__info__title[data-v-4b24c7da]{font-size:1.6rem;font-weight:700}.control-editor-canvas__info__note[data-v-4b24c7da]{font-size:1.15rem}.control-editor-canvas__light[data-v-4b24c7da]{background-color:#f5f6f8}.control-editor-canvas__dark[data-v-4b24c7da]{background-color:#222933}