#moreButton {
    display: none;
}

.ins-component-selector-audio-tracks .ins-button:disabled,
.ins-component-selector-text-tracks .ins-button:disabled {
    display: none;
}

#moreButton.isVisible {
    font-size: .875rem;
    font-weight: 600;
    padding: 0 20px;
    height: 40px;
    border: none;
    position: absolute;
    cursor: pointer;
    color: #fff;
    border: 1px solid #fff;
    background-color: rgba(0, 0, 0, 0.3);
    right: 30px;
    top: 30px;
}

#moreButton.isVisible:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

#playButton.isVisible {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: none;
    position: absolute;
    cursor: pointer;
    background-color: #C30100;
    left: 30px;
    bottom: 30px;
}

#playButton.isVisible:hover {
    background-color: #9c0101;
}

#playButton.isVisible::after {
    content: '\25B6';
    color: #000;
    font-size: 24px;
    line-height: 60px;
    margin-left: 5px;
}

#playPauseButton.isPaused #pauseIcon {
    display: none;
}

#playPauseButton:not(.isPaused) #playIcon {
    display: none;
}

#playPauseButton {
    width: 48px;
    height: 48px;
    border-radius: 30px;
    border: none;
    cursor: pointer;
    background-color: transparent;
    border: 2px solid #F4F4F4;
    margin-left: 16px;

    img {
        width: 30px;
        height: 30px;
    }

    :focus-visible {
        outline: 2px solid #F4F4F4; outline-offset: 2px;
    }
}

/* media query hack for safari */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance:none) {
        #playButton.isVisible::after {
            font-family: -apple-system;
        }
    }
}

.insysplayer :focus {
    outline: none;
}