/* ==UserStyle==
@name           Apple-Tube Plus
@namespace      youtube.com
@version        i forgor
@author         lavender software, akira division
==/UserStyle== */


/*honestly i named this last moment, this is just called "youtube tweakz" in my stylus hehe*/
/*includes edible captions!*/
/*dependency (just one!): apple-tube. in the same folder as this*/
/* fix broken blur, user account popout */
/**/

/*videoplayer controls*/
.ytp-left-controls{
   filter: drop-shadow(0px 0px 10px)
           drop-shadow(1px 1px 3px #000);
}
.ytp-right-controls{
   filter: drop-shadow(0px 0px 10px)
           drop-shadow(1px 1px 3px #000);
}



/*sidebar buttons*/
.yt-simple-endpoint.style-scope.ytd-guide-entry-renderer{
    box-shadow: inset 0px 10px 25px #fff2, inset 0px -10px 25px #0007, 0px 5px 10px #000;
    margin: 5px!important;
    width: 220px
}


/* fix broken blur, user account popout */

.ytd-multi-page-menu-renderer{
    backdrop-filter: blur(5px);
    border-radius: 10px;
    background: rgba(50, 50, 50, 0.30) !important;
    box-shadow: inset 0px 10px 25px #fff2, inset 0px -10px 25px #0007, 0px 5px 10px #000;
}
.yt-simple-endpoint style-scope ytd-button-renderer{
    display:none;
}
.ytd-multi-page-menu-renderer.style-scope.ytd-popup-container {
    backdrop-filter: blur(5px);
    border-radius: 10px;
}


/* searchbox */

#container.ytd-searchbox{
    height: 32px;
    border-radius: 32px 0px 0px 32px!important;
    box-shadow: inset 0px 5px 15px #0007, 0px 5px 5px #fff1;
    transition: all ease-out 0.2s;
}
#container.ytd-searchbox-spt, .sbfcn{
    height: 35px;
    border-radius: 32px 4px 4px 32px!important;
    box-shadow: inset 0px 5px 15px #fff1, 0px 5px 20px #000, 0px 5px 20px #000;
    transition: background-color, box-shadow ease-in 0.2s;
}

/*searchbox search icon*/
/*update: is now edible*/
button#search-icon-legacy.style-scope.ytd-searchbox{
    width: 64px;
    height: 35px;
    color: #fff!important;
    opacity: 1;
    border-radius: 4px 32px 32px 4px!important;
    box-shadow: inset 0px 10px 25px #fff2, inset 0px -10px 25px #0007, 0px 5px 10px #000;
    background-color:#fff2!important;
    transition: all ease-out 0.2s;
}
#search-icon-legacy.style-scope.ytd-searchbox:hover{
    background-color:#fff6!important;
    transition: all ease-in 0.2s;
}
#search-icon-legacy.style-scope.ytd-searchbox:active{
    box-shadow: inset 0px 10px 25px #000f;
    background-color: #fff1!important;
    transition: all ease-in 0.1s;
}



#search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox{
    color: #fff!important;
}


/*context menus*/

.ytp-popup {
box-shadow: inset 0px -10px 5px #0003, inset 0px 10px 5px #fff3, inset 0px 20px 15px #fff3, inset 0px 4em 10px #fff1, 0px 5px 5px #000a, inset 0px -5px 5px #fff3;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    border-radius: 10px !important;
    background: rgba(50, 50, 50, 0.70) !important;
}
.ytp-menuitem {
    box-shadow:5px 5px 50px #000 !important;
    border-radius: 5px!important;
}



/*video player*/
#movie_player, .video-stream, .ytp-small-mode {

    border-radius: 4px !important;
}


/*captions*/
span.ytp-caption-segment{ 
    color: #ffff;
    background: #0000!important;
    text-shadow: 0px 0px 5px #0006!important;
}
.caption-window, .ytp-caption-window-bottom{
    backdrop-filter: blur(50px)!important;
    border-radius: 5px;
    background-image: linear-gradient(#1115, #0005)!important;
    box-shadow: inset 0px -10px 5px #0003, inset 0px 10px 5px #fff3, inset 0px 20px 15px #fff3, inset 0px 4em 10px #fff1, 0px 5px 5px #000a, inset 0px -5px 5px #fff3;
}





/*rounded square avatars{*/
.yt-img-shadow#author-photo, #author-photo.yt-live-chat-text-message-renderer, .yt-img-shadow#thumbnail, ytd-comment-renderer:not([comment-style="backstage-comment"])[is-reply], #author-thumbnail.ytd-comment-renderer, yt-img-shadow.ytd-comment-renderer, ytd-comment-renderer[is-creator-reply], #author-thumbnail.ytd-comment-renderer, yt-img-shadow.ytd-comment-renderer, yt-img-shadow.ytd-channel-renderer, yt-img-shadow#avatar, #avatar.ytd-active-account-header-renderer, yt-img-shadow.ytd-mini-channel-renderer, yt-img-shadow.ytd-topbar-menu-button-renderer, yt-img-shadow.ytd-channel-avatar-editor, #avatar.ytd-c4-tabbed-header-renderer, #author-thumbnail.ytd-comment-simplebox-renderer, #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer, #author-thumbnail.ytd-comment-renderer, yt-img-shadow.ytd-comment-renderer, #avatar.ytd-video-owner-renderer, yt-img-shadow.style-scope.ytd-guide-entry-renderer.no-transition, yt-img-shadow.style-scope.ytd-guide-entry-renderer.no-transition, yt-img-shadow.style-scope.ytd-grid-channel-renderer.no-transition, ytd-comment-renderer:not([comment-style=backstage-comment])[is-reply], #author-thumbnail.ytd-comment-renderer, yt-img-shadow.ytd-comment-renderer, ytd-comment-renderer[is-creator-reply], #author-thumbnail.ytd-comment-renderer, yt-img-shadow.ytd-comment-renderer, .ytp-flyout-cta, .ytp-flyout-cta-icon, a.ytp-title-channel-logo {
      border-radius: 10% !important;
}