YouTube with hidden sidebar by KABA

/* ==UserStyle==
@name         YouTube with hidden sidebar
@version      20250105.04.11
@namespace    https://userstyles.world/user/KABA
@description  As the title says.
@author       KABA
@license      No License
==/UserStyle== */

@-moz-document domain("youtube.com") {
/* Domain */

/* - Base */
:root {
    --show-duration: .64s;
	--show-delay: .2s;
    --hide-duration: .4s;
	--hide-delay: 0;
}

/* - Sidebar */
#secondary {
    transition:
		var(--show-duration)
		var(--show-delay)
		ease-in-out;

	/* for Disable click */
    > * {
        transition:
			calc(
				var(--show-duration) +
				var(--show-delay)
			)
			allow-discrete;
    }
    
    &:not(:hover, :focus-within) {
        transition-duration: var(--hide-duration);
		transition-delay:    var(--hide-delay);
        opacity: 0;
        
        > * {
			pointer-events: none;
        	transition-duration: inherit;
		}
    }
}
}