<commit_before>$controls-color: rgba(255, 255, 255, 0.75)
$controls-max-width: 540px
$option-button-hide-width: 520px
$pip-button-hide-width: 430px
$small-play-button-width: 340px
$time-font-size: 12px
$mute-button-size: 24px
$play-pause-size: 42px
$play-button-size: 24px

.video-container
    position: relative;
    .material-icons, .times > .duration, .current-time
        cursor: pointer;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;

    .loading-video-content
        position: absolute;
        height: 100%;
        width: 100%;
        opacity: 1;
        z-index: 2;
        .mdl-spinner
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            width: 48px;
            height: 48px;
        .mdl-spinner__circle
            border-width: 4px;

    .loading-video-content.hide
        opacity: 0;

    video
        z-index: 1;

    .video-controls
        position: absolute;
        max-width: $controls-max-width;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 8px 0;
        opacity: 1;
        bottom: 0;
        width: 100%;
        transition: all 0.1s ease 0s;
        background-color: $controls-color
        z-index: 3;

        .titles
            position: fixed;
            top: 0;
            left: 0;
            padding: 8px;
            .close, .rotation
                padding: 8px;
                margin: 4px;
                border-radius: 50%;
                background-color: $controls-color

            .rotation
                display: none;

        .times
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            .duration, .current-time
                cursor: default;
                font-size: $time-font-size;
                padding: 0 8px;
                white-space: nowrap;
            .mdl-slider__container
                width: 100%;
                .mdl-slider, .mdl-slider__background-flex
                    margin: 0;
                    width: 100%;

        .buttons-parent
            padding-top: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            .volume-buttons
                position: absolute;
                left: 8px;
                display: flex;
                max-width: 80px;
                .mute
                    padding-right: 8px;
                    font-size: $mute-button-size;
                    height: $mute-button-size;
                    width: $mute-button-size;
                .mdl-slider__container
                    height: $mute-button-size;
                    .mdl-slider, .mdl-slider__background-flex
                        margin: 0;
                        width: 100%;

            .play-buttons
                display: flex;
                align-items: center;
                .material-icons
                    padding: 0 12px;
                .play-pause
                    font-size: $play-pause-size;
                    width: $play-pause-size;
                    height: $play-pause-size;
                .play-back, .play-skip
                    font-size: $play-button-size;
                    width: $play-button-size;
                    height: $play-button-size;
                .option
                    opacity: 1;
                    transition: all 0.1s ease 0s;

            .right-buttons
                position: absolute;
                display: flex;
                align-items: center;
                right: 0;
                .material-icons
                    padding: 0 8px;

    .video-controls.hide
        opacity: 0;

// fullscreen
.video-container.fullscreen
    width: 100%;
    height: 100%
    background: black;

    video
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;

    .video-controls
        .titles
            .close
                @-moz-document url-prefix()
                    display: none;
                    pointer-events: none;

.video-container.fullscreen.enabled-rotation
    .video-controls
        .titles
            .rotation
                display: inline-block;

// live streaming
.video-container.live-streaming
    .video-controls
        .buttons-parent
            .play-buttons
                .play-back, .play-skip
                    display: none;
                    pointer-events: none;
<commit_msg>fix css<commit_after>$controls-color: rgba(255, 255, 255, 0.75)
$controls-max-width: 540px
$option-button-hide-width: 520px
$pip-button-hide-width: 430px
$small-play-button-width: 340px
$time-font-size: 12px
$mute-button-size: 24px
$play-pause-size: 42px
$play-button-size: 24px

.video-container
    position: relative;
    background: black;
    .material-icons, .times > .duration, .current-time
        cursor: pointer;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;

    .loading-video-content
        position: absolute;
        height: 100%;
        width: 100%;
        opacity: 1;
        z-index: 2;
        .mdl-spinner
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            width: 48px;
            height: 48px;
        .mdl-spinner__circle
            border-width: 4px;

    .loading-video-content.hide
        opacity: 0;

    video
        z-index: 1;

    .video-controls
        position: absolute;
        max-width: $controls-max-width;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 8px 0;
        opacity: 1;
        bottom: 0;
        width: 100%;
        transition: all 0.1s ease 0s;
        background-color: $controls-color
        z-index: 3;

        .titles
            position: fixed;
            top: 0;
            left: 0;
            padding: 8px;
            .close, .rotation
                padding: 8px;
                margin: 4px;
                border-radius: 50%;
                background-color: $controls-color

            .rotation
                display: none;

        .times
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            .duration, .current-time
                cursor: default;
                font-size: $time-font-size;
                padding: 0 8px;
                white-space: nowrap;
            .mdl-slider__container
                width: 100%;
                .mdl-slider, .mdl-slider__background-flex
                    margin: 0;
                    width: 100%;

        .buttons-parent
            padding-top: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            .volume-buttons
                position: absolute;
                left: 8px;
                display: flex;
                max-width: 80px;
                .mute
                    padding-right: 8px;
                    font-size: $mute-button-size;
                    height: $mute-button-size;
                    width: $mute-button-size;
                .mdl-slider__container
                    height: $mute-button-size;
                    .mdl-slider, .mdl-slider__background-flex
                        margin: 0;
                        width: 100%;

            .play-buttons
                display: flex;
                align-items: center;
                .material-icons
                    padding: 0 12px;
                .play-pause
                    font-size: $play-pause-size;
                    width: $play-pause-size;
                    height: $play-pause-size;
                .play-back, .play-skip
                    font-size: $play-button-size;
                    width: $play-button-size;
                    height: $play-button-size;
                .option
                    opacity: 1;
                    transition: all 0.1s ease 0s;

            .right-buttons
                position: absolute;
                display: flex;
                align-items: center;
                right: 0;
                .material-icons
                    padding: 0 8px;

    .video-controls.hide
        opacity: 0;

// fullscreen
.video-container.fullscreen
    width: 100%;
    height: 100%

    video
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;

    .video-controls
        .titles
            .close
                @-moz-document url-prefix()
                    display: none;
                    pointer-events: none;

.video-container.fullscreen.enabled-rotation
    .video-controls
        .titles
            .rotation
                display: inline-block;

// live streaming
.video-container.live-streaming
    .video-controls
        .buttons-parent
            .play-buttons
                .play-back, .play-skip
                    display: none;
                    pointer-events: none;

{'fraction_non_alphanumeric': 0.09689253344842469, 'fraction_numerical': 0.025248165731549418, 'mean_word_length': 1.0857335733573357, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7105967', 'n_tokens_mistral': 2814, 'n_tokens_neox': 2445, 'n_words': 581}