<commit_before>.moovie .overlay {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 500ms ease 0s;
}

.moovie[data-playbackstate="playing"] .overlay {
    display: none;
}

/* informational overlays do not dim when mouse leaves player */
.moovie[data-playbackstate="loading"] .overlay,
.moovie[data-playbackstate="seeking"] .overlay,
.moovie[data-playbackstate="waiting"] .overlay {
    opacity: 1;
}

/* interactive overlays dim when the mouse leaves the player */
.moovie[data-playbackstate="stopped"]:hover .overlay,
.moovie[data-playbackstate="ended"]:hover .overlay,
.moovie[data-playbackstate="paused"]:hover .overlay {
    opacity: 1;
}

.moovie .overlay::after {
    background: #A5D260 none repeat scroll 0px 0px;
    border: 4px solid #FFF;
    border-radius: 10px;
    color: #000;
    display: block;
    height: 70px;
    left: 50%;
    margin: -35px auto auto -100px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
    top: 50%;
    width: 20%;
    font: 2.8em/70px "Times New Roman", serif;
}

.moovie[data-playbackstate="loading"] .overlay::after {
    content: "Loading...";
}

.moovie[data-playbackstate="stopped"] .overlay::after {
    content: "Play video";
}

.moovie[data-playbackstate="paused"] .overlay::after {
    content: "Paused";
}

.moovie[data-playbackstate="ended"] .overlay::after {
    content: "Replay";
}

.moovie[data-playbackstate="seeking"] .overlay::after {
    content: "Seeking...";
}

.moovie[data-playbackstate="waiting"] .overlay::after {
    content: "Waiting...";
}
<commit_msg>fix(overlay): Inconsistent styles in Chrome<commit_after>.moovie .overlay {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 500ms ease 0s;
}

.moovie[data-playbackstate="playing"] .overlay {
    display: none;
}

/* informational overlays do not dim when mouse leaves player */
.moovie[data-playbackstate="loading"] .overlay,
.moovie[data-playbackstate="seeking"] .overlay,
.moovie[data-playbackstate="waiting"] .overlay {
    opacity: 1;
}

/* interactive overlays dim when the mouse leaves the player */
.moovie[data-playbackstate="stopped"]:hover .overlay,
.moovie[data-playbackstate="ended"]:hover .overlay,
.moovie[data-playbackstate="paused"]:hover .overlay {
    opacity: 1;
}

.moovie .overlay::after {
    background: #A5D260 none repeat scroll 0px 0px;
    border: 4px solid #FFF;
    border-radius: 10px;
    color: #000;
    display: block;
    height: 70px;
    left: 50%;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
    transform: translate(-50%, -50%);
    top: 50%;
    width: 200px;
    font: 2.8em/70px "Times New Roman", serif;
}

.moovie[data-playbackstate="loading"] .overlay::after {
    content: "Loading...";
}

.moovie[data-playbackstate="stopped"] .overlay::after {
    content: "Play video";
}

.moovie[data-playbackstate="paused"] .overlay::after {
    content: "Paused";
}

.moovie[data-playbackstate="ended"] .overlay::after {
    content: "Replay";
}

.moovie[data-playbackstate="seeking"] .overlay::after {
    content: "Seeking...";
}

.moovie[data-playbackstate="waiting"] .overlay::after {
    content: "Waiting...";
}

{'fraction_non_alphanumeric': 0.1638235294117647, 'fraction_numerical': 0.03176470588235294, 'mean_word_length': 3.652530779753762, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '2949584', 'n_tokens_mistral': 1302, 'n_tokens_neox': 1221, 'n_words': 276}