/* Scenes Toolbar */
.scene-container {
    background-color: #4C5154;
    border-radius: 0.25em;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.3em 0.3em 0.27em 0.3em;
    margin-bottom: 0.4em;
}

.scene-container.activeScene {
    background-color: forestgreen;
}

.scene-container > p {
    text-align: center;
    font-size: 0.8em;
    margin: 0;
    width: 100%;
    height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}

.overflowing-text:hover {
    white-space: nowrap;
    overflow: visible;
    position: relative;
    width: 100%;
    transform: translateX(100%);
    animation: scroll-left 5s linear infinite;
}

@keyframes scroll-left {
    0%   { transform: translateX(0%); }
    49.99% { transform: translate(-200%); }
    50% { transform: translateX(200%); }
    100% { transform: translateX(0%); }
}