.top-drawer-wrapper {
	background-color: var(--g5-top-drawer-bg-color);
	color: var(--g5-top-drawer-text-color);
	line-height: 2em;
	position: relative;

	.widget {
		margin-bottom: 0;
	}
	.top-drawer-toggle {
		position: absolute;
		right: 0;
		top: 0;
		background-color: var(--g5-color-accent);
		border-top: solid 2px rgba(0,0,0,0.2);
		padding: 7px;
		color: #fff;
		font-size: 10px;
		line-height: 1;
		cursor: pointer;
		opacity: 0.7;
	}
	&.in .top-drawer-toggle,
	&:hover .top-drawer-toggle {
		opacity: 1;
	}
	&.in .top-drawer-toggle {
		> i:before{
			content: "\f068";
		}
	}
}
.top-drawer-inner {
	padding-top: var(--g5-top-drawer-padding-top);
	padding-bottom: var(--g5-top-drawer-padding-bottom);
}
.top-drawer-type-toggle {
	.top-drawer-inner {
		display: none;
	}
}