.game-asset-editor {
    width: 100vw;
    height: 100vh;
    font-family: 'Source Sans Pro', sans-serif;
}

.game-asset-editor-view {
    width: 100%;
    height: 100%;
    background-color: #242422;
}

.game-asset-editor .layout-element.horizontal-layout-group {
    flex-direction: row;
    width: 100%;
}

.game-asset-editor .layout-element.horizontal-layout-group > .layout-element:not(:last-child) {
    margin-right: 0.2rem;
}

.game-asset-editor .layout-element.vertical-layout-group > .layout-element:not(:last-child) {
    margin-bottom: 0.2rem;
}

.game-asset-editor .layout-element.vertical-layout-group {
    flex-direction: column;
    height: 100%;
}

.game-asset-editor .layout-element.horizontal-layout-group,
.game-asset-editor .layout-element.vertical-layout-group {
    display: flex;
    flex-wrap: nowrap;
    flex-grow: 1;
    background: transparent;
}

.game-asset-editor .layout-element {
    position: relative;
    box-sizing: border-box;
}

.game-asset-editor .view {
    border-radius: 0.3rem;
    background-color: #353533;
    overflow: hidden;
    width:100%;
    height:100%;
    padding-top: 2rem;
    box-sizing: border-box;
}

.game-asset-editor .view-menu {
    border-radius: 0.3rem 0.3rem 0 0;
    width: 100%;
    height: 2rem;
    background-color: #464644;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.2rem;
    box-sizing: border-box;
}

.game-asset-editor .view-menu > .view-type {
    width: 2.5rem;
    height: 1.6rem;
    display:inline-block;
    vertical-align: top;
    border-radius:0.2em;
    background-color:#353533;
    border:none;
    position:relative;
    background-size:1rem;
    background-position:0.5rem;
    background-repeat:no-repeat;
}

.game-asset-editor .view-menu > .view-type:hover{
    background-color:#3A3A38;
    cursor:pointer;
}

.game-asset-editor .view-menu > .view-type:active{
    background-color:#666;
}

.game-asset-editor .view-menu > .view-type::after{
    content:'';
    position:absolute;
    right:0.2rem;
    top:0;
    height:100%;
    width:0.5rem;
    background-image:url("/modules/game_asset_editor/img/dropdown_handle.png");
    background-size:100%;
    background-repeat:no-repeat;
    background-position: center;
}

.game-asset-editor .files-view .view-type{
    background-image:url("/modules/game_asset_editor/img/files_view.png");
}

.game-asset-editor .hierarchy-view .view-type{
    background-image:url("/modules/game_asset_editor/img/hierarchy_view.png");
}

.game-asset-editor .inspector-view .view-type{
    background-image:url("/modules/game_asset_editor/img/inspector_view.png");
}

.game-asset-editor .navigation-view .view-type{
    background-image:url("/modules/game_asset_editor/img/navigation_view.png");
}

.game-asset-editor .scene-view .view-type{
    background-image:url("/modules/game_asset_editor/img/scene_view.png");
}