.plyr {
    border: 0px;
    max-width: 100%;
    max-height: 100vh;
    width: 100%;
    height: 100%;
}

.plyr__poster,
.plyr__video-wrapper {
    background-color: unset;
}

.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background-color: #86744e !important;
}

.plyr--video .plyr__controls {
    /* background: none; */
    background: #86744e91;
    padding: 10px;
    /* background: var(--plyr-video-controls-background, linear-gradient(#86744e00, #86744e)); */
}

.plyr__control--overlaid {
    background: #ffffffaf;
    border: 3px solid #86744e;
    color: #86744e;
    /* transform: scale(2) !important */
}

.plyr button {
    width: 80px;
    height: 80px;
    display: grid !important;
    place-content: center;
}

.plyr__control svg {
    height: 28px !important;
    width: 28px !important;
}

.plyr--full-ui input[type=range] {
    color: #86744e;
}