kuromis proegress bar by dweam

/* ==UserStyle==
@name         kuromis proegress bar
@version      20220325.08.10
@namespace    userstyles.world/user/dweam
@description  im okay you know
@author       dweam
@license      No License
==/UserStyle== */

@-moz-document domain("youtube.com") {
.ytp-scrubber-button
  {
    background: url("https://media.discordapp.net/attachments/900369079980941336/905485785405464606/1919041_a5e80_1_1.gif")! important;
    background-repeat: no-repeat! important;
    width: 229px! important;
    height: 228px! important;
    margin-left: -100px! important;
    margin-top: -120px! important;
    transform: scale(0.6)! important;
  }

  .ytp-play-progress
  {
    animation: 7s background linear infinite alternate!important;
    -webkit-animation: 7s background linear infinite alternate!important;
    -moz-animation: 7s background linear infinite alternate!important;
    -ms-animation: 7s background linear infinite alternate!important;
  }
@  keyframes background
  {
    0%{
        background: #000;
    -webkit-background: #000;
    -moz-background: #000;
    -ms-background: #000;
  }

  50%
  {
    background: #29feea;
    -webkit-background: #29feea;
    -moz-background: #29feea;
    -ms-background: #29feea;
  }

  100%
  {
    background: #fff;
    -webkit-background: #fff;
    -moz-background: #fff;
    -ms-background: #fff;
  }
}

.ytp-progress-bar-container
{
  height: 10px !important;
}

.ytp-progress-list,.video-ads .ytp-progress-list.ytp-ad-progress-list
{
  height: 13px !important;
}

.ytp-load-progress
{
  background: rgb(248,248,255)!important;
  -webkit-background:rgb(248,248,255)!important;
  -moz-background: rgb(248,248,255)!important;
  -ms-background: rgb(248,248,255)!important;
  height: 12px !important;
  padding: 0px;
}

  .ytp-play-progress, .ytp-swatch-background-color
  {
   background:rgb(108,48,130) ;
    background: -moz-linear-gradient(left, rgb(108,48,130) 0%, rgb(108,48,130) 52%, rgb(105,53,156) 100%);
    background: -webkit-linear-gradient(left, rgb(108,48,130) 0%,rgb(108,48,130) 52%,rgb(105,53,156) 100%);
    background: linear-gradient(to right, rgb(108,48,130) 0%, rgb(108,48,130)52%,rgb(105,53,156) 100%);
  }

  /* Start https://www.cursors-4u.com */*
{
  cursor: url(https://cur.cursors-4u.net/cursors/cur-3/cur237.ani), url(https://cur.cursors-4u.net/cursors/cur-3/cur237.png), auto !important;
 /* End https://www.cursors-4u.com */
  ;
}
}