larger thumbnail hover player by DarkionAvey

/* ==UserStyle==
@name         Larger thumbnail hover player
@version      20250310.15.20
@namespace    https://userstyles.world/user/DarkionAvey, Sameera Sandakelum
@description  Make the hover player bigger and focused. Based on code from Sameera Sandakelum
@author       DarkionAvey, Sameera Sandakelum
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com/") {
#inline-preview-player {
    transition: transform 0.25s cubic-bezier(0.2, 0.9, 0.3, 1.3) 0.25s !important;
    transform: scale(1) !important;
    z-index: 9999;
}
#channel-name {
    z-index: 1;
}
#video-preview-container:has(#inline-preview-player) {
    transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.3, 1.3) !important;
    border-radius: 1.2em !important;
    overflow: hidden !important;
    z-index: 1;
    transform: scale(1) !important;
}
#video-preview-container:has(#inline-preview-player):hover {
    transform: scale(1.4) !important;
    border-bottom: 15px solid #0000009f;
    box-shadow: 0 0 200px 100px #000000c7;
    transition: transform cubic-bezier(0.4, 0.9, 0.3, 1.3) 0.25s 0.3s !important;
}
}