Youtube hello kitty by mekomeko

/* ==UserStyle==
@name           www.youtube.com - 11/6/2022, 4:48:12 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("youtube.com"),regexp("http(s?)://[^/]*\\.youtube(\\.com)?(\\.[a-z][a-z])?/.*"),regexp("http(s?)://youtube(\\.com)?(\\.[a-z][a-z])?/.*")
{

  body,
   ytd-app,
   ytd-app[darker-dark-theme]
  {
    --app-drawer-content-container-background-color: transparent;
    background: #486373 url("https://64.media.tumblr.com/22422ea9c5108ccfb660ab4ec8d26560/tumblr_p5crgd9Z2X1w9xu55o1_1280.jpg") center center/250px repeat Fixed;
    scrollbar-color: var(--yt-spec-text-secondary) transparent;
  }

  body
  {
    overflow: overlay;
  }

  ::-webkit-scrollbar-thumb
  {
    background: linear-gradient(rgba(255,255,255,0) 0%, #e74b8a 100%) !important;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 0px rgba(33,33,33,0);
    border: 0px solid rgba(33,33,33,0) !important;
  }

  ::-webkit-scrollbar
  {
    width: 10px !important;
  }

  ytd-masthead[darker-dark-theme]
  {
    background: #e62a79;
  }

  ytd-masthead#masthead:not(:hover),
   ytd-masthead#masthead:not(:hover):not(:hover)
  {
    opacity: 1;
  }

  ytd-masthead#masthead
  {
    margin: auto !important;
    transition: 0.1s;
    width: 100%;
    transform: translateX(0%);
    border-radius: 0 0 29px 29px;
  }

  ytd-feed-filter-chip-bar-renderer[darker-dark-theme] #chips-wrapper.ytd-feed-filter-chip-bar-renderer,
   #chips-wrapper.ytd-feed-filter-chip-bar-renderer
  {
    background: #9bcacb8c;
  }

  #left-arrow-button.ytd-feed-filter-chip-bar-renderer,
   #right-arrow-button.ytd-feed-filter-chip-bar-renderer
  {
    background-color: #9bcacb8c;
  }

  #left-arrow.ytd-feed-filter-chip-bar-renderer:after
  {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 20%, rgba(255,255,255,0) 80%)!important;
  }

  #right-arrow.ytd-feed-filter-chip-bar-renderer:before
  {
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 20%, rgba(255,255,255,0) 80%)!important;
  }

  #guide-content.ytd-app
  {
    box-shadow: 0 0 5px 2px #fff, 0 2px 15px 3px #b9cfdb;
    box-shadow: 0 0 0;
  }

  ytd-mini-guide-entry-renderer,
   ytd-mini-guide-renderer
  {
    background: #9bcacb;
  }
   /*left col*/
  #header.ytd-app
  {
    background: #e62a79;
  }

  #guide-content.ytd-app
  {
    background: url("https://64.media.tumblr.com/22422ea9c5108ccfb660ab4ec8d26560/tumblr_p5crgd9Z2X1w9xu55o1_1280.jpg") center center/250px repeat Fixed #9bcacb!important;
  }

  yt-chip-cloud-chip-renderer[chip-style=STYLE_DEFAULT][selected],
   yt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER][selected]
  {
    background: rgba(255, 0, 0, .2) !important;
  }

  ytd-searchbox[desktop-searchbar-style=rounded_corner_dark_btn] #container.ytd-searchbox,
   ytd-searchbox[desktop-searchbar-style=rounded_corner_light_btn] #container.ytd-searchbox,
   #container.ytd-searchbox
  {
    transition: 0.5s;
    background-color: #fce1da;
    border: 0px solid #5b9cb0;
    border-right: 0px;
    border-radius: 25px 0 0 25px;
    box-shadow: 0 0 0 3px #5b9cb0;
  }

  .gsfs,
   .sbpqs_a,
   ytd-searchbox[desktop-searchbar-style=rounded_corner_light_btn] #container.ytd-searchbox input.ytd-searchbox
  {
    color: #00aaa7;
  }

  #searchbox-button.ytd-searchbox
  {
    color: #9bcacb;
  }

  .sbsb_a
  {
    background: #85d8ce;
    border: 2px dashed #bc519791;
    border-radius: 20px;
    box-shadow: 0 0 0 3px #85d8ce;
  }

  .sbfl_b
  {
    background: #85d8ce;
  }

  .sbdd_b
  {
    background: #5b9cb0;
    border: 0px solid #5b9cb0;
    border-top-color: #5b9cb0;
    box-shadow: 0 0 0 !important;
    cursor: default;
    border-radius: 20px;
  }

  .sbpqs_a:before,
   .sbqs_c:before
  {
    filter: invert(0.4);
  }

  .sbsb_d
  {
    background: rgba(255,255,255,0.18);
  }

  ytd-searchbox[has-focus] #container.ytd-searchbox
  {
    border: 0px solid #5b9cb0;
    box-shadow: 0 0 0 4px #5b9cb0;
  }

  [aria-label="Clear search query"] svg
  {
    color: #00aaa7;
  }

  #search-icon-legacy.ytd-searchbox
  {
    border-radius: 0 20px 20px 0;
    background: #5b9cb0;
    box-shadow: 0 0 0 3px #5b9cb0;
    border-left: 0px;
  }

  #search-icon-legacy.ytd-searchbox:hover
  {
    border-radius: 0 20px 20px 0;
    background: #5b9cb0;
    box-shadow: 0 0 0 3px #5b9cb0;
    border-left: 0px;
  }

  #voice-search-button.ytd-masthead
  {
    background-color: #9bcacb;
    border: 2px dashed #fce1da;
    box-shadow: 0 0 0 2px #8eadb1;
  }

  [d*="M12 14c1.66 0 2.99-1.34 2."]
  {
    color: #4b6381;
  }

  .yt-spec-icon-badge-shape
  {
    color: #fefefe;
  }

   /* voice */
  yt-confirm-dialog-renderer[dialog][dialog][dialog]
  {
    background: #f0edce;
    border-radius: 10px;
  }
   /* shortcut */
  ytd-hotkey-dialog-renderer[dialog][dialog][dialog]
  {
    background: #85d8ce;
    border-radius: 10px;
  }

  ytd-hotkey-dialog-section-option-renderer
  {
    border-top: 1px solid #5b9cb0;
  }

  .ytp-chrome-controls .ytp-button[aria-pressed]:after,
   .ytp-sb-subscribe,
   a.ytp-sb-subscribe,
   .ytp-autonav-toggle-button[aria-checked=true],
   .ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox,
   .ytp-swatch-background-color,
   .ytp-settings-button.ytp-hd-quality-badge:after,
   .ytp-settings-button.ytp-hdr-quality-badge:after,
   .ytp-settings-button.ytp-4k-quality-badge:after,
   .ytp-settings-button.ytp-5k-quality-badge:after,
   .ytp-settings-button.ytp-8k-quality-badge:after,
   .ytp-settings-button.ytp-3d-badge-grey:after,
   .ytp-settings-button.ytp-3d-badge:after
  {
    background-color: #e91e63;
  }

  .ytp-swatch-color
  {
    color: #e91e63;
  }

  ytd-voice-search-dialog-renderer[dialog]
  {
    background: #85d8ce;
  }



   /*button*/
  .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled,
  tp-yt-paper-button.ytd-subscribe-button-renderer
  {
    background-color: #85d8ce;
    border: 2px dashed #a8949b;
    border-radius: 15px;
  }

  ytd-button-renderer.style-primary[is-paper-button],
   yt-button-renderer.style-primary[is-paper-button]
  {
    background-color: #b9cfdb;
    border: 5px double #a8949b;
    border-radius: 15px;
  }

  yt-notification-action-renderer[ui-refresh] tp-yt-paper-toast.yt-notification-action-renderer
  {
    background-color: #b9cfdb;
    border: 5px double #a8949b;
    border-radius: 15px;
  }

  #buttons.ytd-c4-tabbed-header-renderer:after,
   ytd-subscribe-button-renderer:after
  {
    content: "";
    display: inline-block;
    position: absolute;
    background: rgba(33, 33, 33, 0) url("https://www.iconninja.com/files/704/974/414/hellokitty-icon.png") no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px;
    background-position: -2px 1px;
    padding-top: 30px;
  }

  [fill="#F00"],
  [fill="red"],
  [fill="#FF0000"]
  {
    fill: #e91e63;
  }

  .ytp-autonav-toggle-button[aria-checked=true]
  {
    background-image: url("https://d.com/png");
    box-shadow: inset 0 0 0px 1px #fff, 0 0 3px 1px #1f77de;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.46);
  }

  .ytp-small-mode .ytp-autonav-toggle-button,
   .ytp-autonav-toggle-button
  {
    background: rgba(255,255,255,0.478);
  }

  ytd-menu-popup-renderer
  {
    border-radius: 9px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.46);
  }

  tp-yt-paper-listbox
  {
    background: transparent;
  }

  tp-yt-paper-listbox.yt-dropdown-menu,
   #contentWrapper.tp-yt-iron-dropdown > *
  {
    overflow: hidden;
    background: #85d8ce;
    border-radius: 9px;
    box-shadow: 0 0 0 5px #85d8ce, 0 3px 5px 6px #2d202461;
    border: 2px dashed #a8949b;
  }
   
   /*ava*/
  #author-thumbnail.ytd-comment-simplebox-renderer,
   #avatar.ytd-active-account-header-renderer,
   yt-img-shadow.ytd-topbar-menu-button-renderer
  {
    border-radius: 5px;
    box-shadow: 0 0 0 2px #4b6381, 0 0 0 5px #fce1da;
  }

  #avatar.ytd-active-account-header-renderer:hover,
   yt-img-shadow.ytd-topbar-menu-button-renderer:hover
  {
    transform: scale(1.1);
  }

  #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer
  {
    box-shadow: 0 0 0 2px #4b6381, 0 0 0 5px #fce1da;
  }

  ytd-section-list-renderer[engagement-panel]:not([engagement-panel-dropdown]) #contents.ytd-section-list-renderer
  {
    padding-left: 5px;
  }

  ytd-section-list-renderer.ytd-engagement-panel-section-list-renderer
  {
    padding-left: 15px;
  }

  ytd-engagement-panel-section-list-renderer,
   ytd-sponsorships-offer-renderer[dialog][dialog][dialog],
   tp-yt-paper-dialog,
   ytd-pdg-buy-flow-renderer[dialog][dialog][dialog]
  {
    background: #85d8ce;
    border-radius: 9px;
    box-shadow: 0 0 0 5px #85d8ce;
    border: 2px dashed #a8949b;
  }

  yt-dropdown-menu yt-dropdown-menu .yt-dropdown-menu[style-target=label-text],
  .yt-dropdown-menu[style-target=label-text],
  ytd-pdg-super-vod-selectable-item-button-renderer[selected] #price.ytd-pdg-super-vod-selectable-item-button-renderer
  {
    color: #fcf3cf;
  }

  tp-yt-paper-dialog
  {
    box-shadow: 0 0 0 5px #85d8ce!important;
  }

  ytd-rich-metadata-renderer
  {
    border-radius: 19px!important;
    background: #9fbede;
    box-shadow: 0 0 0 2px #b57f96;
  }

  ytd-post-renderer[uses-compact-lockup]
  {
    background: url(https://www.tilingtextures.com/wp-content/uploads/2018/11/0066-256x256.jpg);
    background-blend-mode: overlay;
    border-radius: 2px;
    border: 6px double #df7ba4;
    box-shadow: 5px 5px 10px -2px rgba(33,33,33,.3);
    transition: 0.5s;
    transition-delay: 0.3s;
    background-color: #5b9cb0;
  }

  ytd-post-renderer[uses-compact-lockup]:not(:hover)
  {
    height: 60px;
    box-shadow: 0 4px 5px 3px #14171c66;
    transition: all 1s cubic-bezier(0, 0, 0, -0.3) 3s;
  }

  ytd-post-renderer[uses-compact-lockup]:after
  {
    content: "";
    position: absolute;
    background: rgba(33, 33, 33, 0) url("https://i.pinimg.com/originals/63/ba/1d/63ba1db548934c01f72027a21fb0d5e5.p...