#videoplayerContent {
    display: grid;
    grid-template-rows: 1fr 24px;
    background-color: black;

    video {
        width: auto;
        height: 100%;
        object-fit: contain;
        background-color: black;
        margin: auto;
    }

    .bar {
        background-color: var(--color-surface);
        border-bottom: 2px solid var(--color-border-dark);

        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 2px;
        padding-right: 2px;

        width: calc(100% - 4px);

        max-height: 100vh;

    }
    .bar p {
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }
.bar button {
    padding-bottom: 4px;
    margin: 0px;
    padding-left: 2px;
    padding-right: 2px;

    width: auto;
    height: 22px;
}
}