/* fix titleBar */
#titleBar {
    bottom: 0;
    top: auto;
}

.mobile #titleBar {
    right: 0;
}

body.fullscreen-enabled #titleBar {
    right: 0;
}

body.fullscreen-enabled.mobile #titleBar {
    right: 0;
}

body.multiple-scenes #titleBar {
    left: 0;
}

body.multiple-scenes.mobile #titleBar {
    left: 0;
}

/* fix fullscreenToggle */
#fullscreenToggle {
    bottom: 0;
    top: auto;
}

/* fix autorotateToggle */
#autorotateToggle {
    top: auto;
    bottom: 0;
}

/* fix sceneListToggle */
#sceneListToggle {
    top: auto;
    bottom: 0;
}

#sceneListToggle img {
    color: white;
}

#sceneList {
    top: auto;
    bottom: 0;
    width: 100%;
    padding-top: unset;
    padding-bottom: 40px;
    display: none;
}

.mobile #sceneList {
    padding-bottom: 50px;
    padding-top: unset;
}

#sceneList .scene {
    height: auto;
}

#sceneList.enabled {
    display: block;
}

#viewUp,
#viewDown,
#viewLeft,
#viewRight,
#viewIn,
#viewOut {
    display: none;
}

.scene-previews {
    overflow-x: auto;
}

.scene-preview {
    padding: 0.6em;
}

.scene-preview.card-compact .card-body {
    padding-top: 1px;
    padding-bottom: 0;
}

.scene-preview figure {
    min-width: 200px;
}