/* increase font size for menu and menuItems */
.titlebar,
.menubar-menu-container .action-label {
	font-size: 14px !important;
}

/* fixes scrollbar positioning relative to nav bar  */
#nav-bar-background.ytmusic-app-layout {
	right: 15px !important;
}

/* remove window dragging for nav bar (conflict with titlebar drag) */
ytmusic-nav-bar,
.tab-titleiron-icon,
ytmusic-pivot-bar-item-renderer {
	-webkit-app-region: unset !important;
}

/* navbar background black */
.center-content.ytmusic-nav-bar {
	background: #030303;
}

/* move up item selectrion renderer by 15 px */
ytmusic-item-section-renderer[has-item-section-tabbed-header-renderer_] #header.ytmusic-item-section-renderer {
	top: 75 !important;
}

/* fix weird positioning in search screen*/
ytmusic-header-renderer.ytmusic-search-page {
	position: unset !important;
}

/* Move navBar downwards */
ytmusic-app-layout > [slot="nav-bar"],
#nav-bar-background.ytmusic-app-layout {
	top: 17px !important;
}

/* fix page progress bar position*/
yt-page-navigation-progress,
#progress.yt-page-navigation-progress {
	top: 30px !important;
}

/* Custom scrollbar */
::-webkit-scrollbar {
	width: 12px;
	background-color: #030303;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}
/* hover effect for both scrollbar area, and scrollbar 'thumb' */
::-webkit-scrollbar:hover {
	background-color: rgba(15, 15, 15, 0.699);
}

/* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
::-webkit-scrollbar-thumb:vertical {
	background-clip: padding-box;
	border: 2px solid rgba(0, 0, 0, 0);

	background: #3a3a3a;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}
::-webkit-scrollbar-thumb:vertical:active {
	background: #4d4c4c; /* Some darker color when you click it */
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}
