.container {
    max-width: 1200px;
}

[data-pc-theme=light] #video-toolbar,
[data-pc-theme=light] #video-bottombar {
    background-color: #f1f1f1;
}

[data-pc-theme=dark] #video-toolbar,
[data-pc-theme=dark] #video-bottombar {
    background-color: #35353588;
}

#video-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 768px) {
    #video-bottombar {
        gap: 15px !important;
    }
    #video-bottombar .btn {
        padding: 5px 10px;
    }
}

@media (min-width: 1950px) {
    .container {
        max-width: 1400px;
    }
}

@media (min-width: 2560px) {
    .container {
        max-width: 1700px;
    }
}

@media (min-width: 3440px) {
    .container {
        max-width: 2000px;
    }
}

@media (min-width: 3840px) {
    .container {
        max-width: 2400px;
    }
}