%hoo-sidebar {
	@extend .hoo-mdldialog;
}

.hoo-mdldialog-outer {
	box-sizing: border-box;
	border: 0;

	&.is-sidebar-left {
		justify-content: flex-end;

		.hoo-mdldialog {
			position: absolute;
			left: 0;

			height: 100vh;

			transform: scaleX(0);
			transform-origin: left top;
		}
	}

	&.is-sidebar-right {
		justify-content: flex-start;

		.hoo-mdldialog {
			position: absolute;
			right: 0;

			height: 100vh;

			transform: scaleX(0);
			transform-origin: top right;

			opacity: 1;
		}
	}
}