Gawr Gura YT Progress Bar by Whozilla

/* ==UserStyle==
@name         Gawr Gura YT Progress Bar 
@namespace    USO Archive
@author       Whozilla
@description  A cute hovering progress bar of Gawr Gura. You can select to show it always (when the progress bar is visible) or just on mouse over. Plus, a nice animated YouTube logo. "a" 
@version      2024.03.03
@license      NONE
@preprocessor uso
@advanced dropdown show_gura "Show Gura" {
	show_gura_always "Always (default)*" <<<EOT transform: scale(0.75);
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
-ms-transform: scale(0.75); EOT;
show_gura_mouseover "Only on mouseover" <<<EOT  EOT;
}
==/UserStyle== */
@-moz-document domain("youtube.com"), regexp("http(s?)://[^/]*\\.youtube(\\.com)?(\\.[a-z][a-z])?/.*"), regexp("http(s?)://youtube(\\.com)?(\\.[a-z][a-z])?/.*") {
/*===========================================
    Progress Bar
============================================*/    
    
.html5-play-progress, .ytp-play-progress {
    opacity: 0.80 !important;
background-color: #0c3ad4 !important;
}

.html5-load-progress, .ytp-load-progress {
    opacity: 0.60 !important;
background-color: #1dbfda !important;
}
    
.html5-progress-bar-container, .ytp-progress-bar-container {
   height: 15px !important;
}
.html5-progress-bar, .ytp-progress-bar {
   margin-top: 15px !important;
}

/*===========================================
    Running Gura 
============================================*/    
.html5-scrubber-button, .ytp-scrubber-button {
    background: url("https://i.ibb.co/qCL953W/ezgif-2-2a5b6bbaf2.gif")! important;
    background-size: cover !important;
    background-repeat: no-repeat! important;
    width: 100px! important;
    height: 110px! important;
    margin-left: -75px! important;
    margin-top: -85px! important;
   /*[[show_gura]]*/;
   }
}

/*===========================================
    Dancing Gura YT logo icon
============================================*/    
#logo-icon
  {
    content: url("https://i.ibb.co/7YfL3z0/9df.gif") !important;
    width: 120px !important;
    height: 55px;
    object-fit: fill;
  }

  ytd-topbar-logo-renderer
  {
    width: 10000%;
  }

/*===========================================
    Volume Bar 
============================================*/    

.ytp-volume-slider-track,
.ytp-volume-slider-handle:before {
    background: #0c3ad4 !important;
    z-index: -117;
}