#cardVideo {
    z-index: 2;
    position: fixed;
    top: 83px;
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    max-width: 43em;
}

#zoomfaktor {
    font-size: 14px;
}

.source-link-wrapper {
    width: 80%;
    text-overflow: ellipsis;
}

.controls-title {
    width: 100px;
}

#controls .btn {
    font-size: 0.8em;
}

.plyr video, .plyr audio, .plyr iframe {
    max-height: 22.5em;
}

.plyr:fullscreen video, .plyr:fullscreen audio, .plyr:fullscreen iframe {
    max-height: none;
}

div.time-string > a, div[id^=tc] {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 15px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

@media (max-width: 768.5px) {
    div.time-string > a, div[id^=tc] {
        font-size: 15px;
    }
}

div[id^=tc] {
    color: rgb(111, 107, 125);
}

div.time-string > a {
    color: rgb(129, 118, 242);
}

.tc-space {
    display: none;
}

#tc--1 {
    display: block;
    padding-top: 407px;
}

.time-string {
    padding: .2rem;
    border-radius: 0.3rem;
}

.time-string + .time-string {
    margin-top: 0.3rem;
}

@media (max-width: 768.5px) and (orientation: portrait) {
    .card--video {
        top: 75px;
        right: 0;
        left: 0;
    }

    .plyr__volume {
        display: none;
    }

    #tc--1 {
        display: block;
        padding-top: calc(67.5% + 25px);
    }

    #tc--1.shared-page {
        display: block;
        padding-top: 50%;
    }

    .card--video .card-body {
        padding: 0;
    }
}

@media (max-width: 992.5px) and (orientation: landscape) {
    .plyr__volume {
        display: none;
    }

    .card--video {
        top: 75px;
        right: 45%;
        left: 0;
        width: auto !important;
    }

    #tc--1 {
        display: none;
    }

    div[id^=tc], h6 {
        margin-left: calc(55% + 1rem);
    }

    .card--video .card-body {
        padding: 0;
    }
}

#cardVideo #controls .ti-xs {
    font-size: 1.25em !important;
}

.copy-alert-share-link {
    top: -2.5em;
    left: 10em;
    max-width: max-content;
}

#remove-button .ti {
    transform: scale(1.3);
}

#share-player .share-text {
    margin-bottom: 0.5em;
}

.guest-wrapper #cardVideo {
    top: 100px;
}