[FIXED] Youtube Fluttershy Progress Bar by natbrs

/* ==UserStyle==
@name         [FIXED] Youtube Fluttershy Progress Bar
@version      20250318.17.47
@namespace    https://userstyles.world/user/natbrs
@description  This is a small correction of the "youtube fluttershy progress bar" style created by the author "100%Cookies" (original author unknown).
@author       natbrs
@license      CC0-1.0
==/UserStyle== */

@-moz-document domain("youtube.com") {
html body .ytp-scrubber-button {
    background: url("https://media.tenor.com/gSkCM0AYLW8AAAAi/fluttershy-trotting-mlp.gif") !important;
    background-repeat: no-repeat !important;
    width: 800px !important;
    height: 600px !important;
    margin-left: -365px !important;
    margin-top: -309px !important;
    z-index: -2 !important;
    transform: scale(0.15) !important;
}

body .ytp-swatch-background-color {
    background-color: #F884CB !important;
}

body .ytp-load-progress {
    background: #FEE6F5 !important;
}

.ytp-right-controls,
.ytp-left-controls,
.ytp-right-controls.style-scope.ytd-player,
.ytp-left-controls.style-scope.ytd-player {
    z-index: 9999 !important;
}

#ytp-id-18 {
    z-index: 99999 !important;
}
}