.animator_main_container{display:flex;flex-direction:column;align-items:center;overflow:hidden;max-height:100vh;height:100vh}.animator_main_container .animator_canvas{position:relative;overflow:hidden;transform-origin:top;background-color:#101112}.animator_main_container .animator_canvas .element_pointer{position:absolute;border:2px solid white;pointer-events:none}.animator_main_container .toolbar_container{display:flex;flex-direction:column;width:100%;margin-bottom:4px;background-color:#292929}.animator_main_container .toolbar_container .create_next_frame{padding:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none}.animator_main_container .toolbar_container .create_next_frame .text_container{margin-top:-4px;color:#fff;font-size:30px}.animator_main_container .toolbar_container .custom_style{display:flex;align-items:center;white-space:nowrap;-webkit-user-select:none;user-select:none}.animator_main_container .toolbar_container .custom_style .text_container{padding:8px}.animator_main_container .toolbar_container .custom_style.active{background-color:#fd531e;color:#fff}.animator_main_container .toolbar_container .edit_container{display:flex;flex-direction:column;position:absolute;top:83px;right:2px;border-radius:8px;padding:10px;width:fit-content;height:fit-content;background-color:#292929;color:#fff;z-index:999;border:1px solid white;max-height:90vh;overflow-y:auto}.animator_main_container .toolbar_container .edit_container svg{color:#fff}.animator_main_container .toolbar_container .edit_container .edit_element{display:flex;align-items:center;width:100%;margin-top:8px}.animator_main_container .toolbar_container .edit_container .edit_element input{margin-left:4px;width:100%;border:none;outline:none;background-color:#292929;color:#fff;border:1px solid #cfd1d6;padding:0 8px;border-radius:4px}.animator_main_container .toolbar_container .edit_container .close_button{position:absolute;top:10px;right:10px;cursor:pointer}.animator_main_container .toolbar_container .frames_container{display:flex;width:100%}.animator_main_container .toolbar_container .frames_container .custom_style{display:flex;justify-content:center;color:#fff;border-right:1px solid white;min-width:120px}.animator_main_container .toolbar_container .frames_container .custom_style .text_container{cursor:pointer}.animator_main_container .toolbar_container .frames_container .custom_style svg{color:#fff}.animator_main_container .toolbar_container .frames_container .custom_style:first-child{border-left:none}.animator_main_container .toolbar_container .frames_container .frames_scroll{display:flex;overflow-x:auto}.animator_main_container .toolbar_container .frames_container .close_button{margin:8px;border-radius:4px;border:1px solid white;cursor:pointer;position:relative}.animator_main_container .toolbar_container .frames_container .close_button .cover{position:absolute;top:0;left:0;width:15px;height:15px}.animator_main_container .toolbar_container .frames_container .active{background-color:#fd531e;color:#fff}.animator_main_container .toolbar_container .frames_container .canvas_option .canvas_actions_container{display:flex;flex-direction:column;position:absolute;top:40px;border-radius:8px;margin-top:2px;padding:0 8px 8px;left:0;z-index:999;background-color:#292929}.animator_main_container .toolbar_container .frames_container .canvas_option .canvas_actions_container .custom_style{border-bottom:1px solid white;border-right:none}.animator_main_container .toolbar_container .frames_container .canvas_option .canvas_actions_container .custom_style .text_container{width:100%;transition:all 1s ease-out;text-align:center}.animator_main_container .toolbar_container .frames_container .canvas_option .canvas_actions_container .custom_style:last-child{border-bottom:none}.animator_main_container .toolbar_container .elements_container{display:flex}.animator_main_container .toolbar_container .elements_container svg{color:#fff}.animator_main_container .toolbar_container .elements_container .elements_scroll{display:flex;overflow-x:auto;scrollbar-gutter:auto}.animator_main_container .toolbar_container .elements_container .text_container{cursor:pointer}.animator_main_container .toolbar_container .elements_container .custom_style{border-right:1px solid white;color:#fff}.animator_main_container .toolbar_container .elements_container .close_button{margin:8px;border-radius:4px;border:1px solid white;cursor:pointer;position:relative}.animator_main_container .toolbar_container .elements_container .close_button .cover{position:absolute;top:0;left:0;width:15px;height:15px}.animator_main_container .toolbar_container .elements_container .create_next_frame{margin-top:-2px}.animator_main_container .toolbar_container .elements_container .active{background-color:#fd531e;color:#fff}.animator_main_container .custom_horizontal_scroll::-webkit-scrollbar{height:6px!important}.animator_main_container .custom_horizontal_scroll::-webkit-scrollbar-thumb{background:#656a71}