.chart-container {
    width: 100%;
    height: 30vh;
}

.camera-wrapper {
    padding-top: 10px;
    text-align: center;
}

.camera {
    cursor: pointer;
}

.table.is-full {
    width: 100%;
}

.snapshot-link {
    display: inline-block;
    width: 33%;
    padding: 10px;
    margin-bottom: 10px;
}

.snapshot-link img {
    width: 100%;
}

.modal-movie .modal-content {
    width: 95%;
    max-width: 1024px;
    background: #242627;
    padding: 5px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.modal-movie video {
    border: 2px solid #333;
}

.button-download {
    margin: 5px;
}

.movie {
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .snapshot-link {
        width: 49%;
    }
}

@media screen and (max-width: 600px) {
    .snapshot-link {
        width: 100%;
    }
}