.mainview-menu{color:var(--main-100);background-color:var(--main-600);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:4px;transition:var(--global-transition)}.mainview-menu .title{font-size:var(--fontsize-medium);text-align:left;margin-left:5px}.mainview-menu-title-wrap{margin-right:auto}.component-color-input{margin-left:5px;margin-top:2px}.mainview-menu .title a{color:var(--main-100);text-decoration:none}.mainview-menu .title a:hover{color:var(--blue-600)}.mainview-menu .action-buttons{display:flex;flex-wrap:wrap;align-content:flex-end;gap:6px;justify-content:space-between;align-items:center}.mainview-menu .action-button{color:var(--main-100);font-size:var(--fontsize-normal);border:none;cursor:pointer;transition:background .2s}.mainview-menu .action-button-normal{width:72px;border-radius:var(--global-border-radius);padding:3px}.mainview-menu .action-button-icon{color:var(--main-200)}.mainview-menu .action-button-icon svg{fill:var(--main-200);stroke:var(--main-200);width:var(--icon_size);height:var(--icon_size);flex-shrink:0;margin-top:2px}.mainview-menu .action-button-icon:hover{color:var(--blue-600)}.mainview-menu .action-button-icon:hover svg{fill:var(--blue-600);stroke:var(--blue-600)}.mainview-menu .undo-redo-disabled svg{fill:gray;stroke:gray;cursor:default}.mainview-menu .undo-redo-disabled:hover svg{fill:gray}
