/*コンポーネント単位*/


/*Grid*/
.PanelComponent {
	display: flex;
	flex-direction: row;
	gap: 4px;
	justify-content: start;
}




/*Dialog*/
.DialogBackground {
	backdrop-filter: blur(10px);
}




/*Progress*/
.ProgressCircle {
	margin-top: calc(calc(100vh - 256px) / 3) !important;
	height: 256px !important;
	width: 256px !important;
}
/*Progress*/
.ProgressBar {
	margin-top: calc(calc(100vh - 256px) / 3) !important;
	height: 32px !important;
	width: calc(calc(100vw / 5) * 2) !important;
}
.ProgressBar > div {
	border-radius: 16px !important;
}
.ProgressBarSlim {
	margin-top: calc(calc(100vh - 8px - 64px) / 2) !important;
	height: 8px !important;
	width: 100% !important;
}
.mud-main-content:has(.ProgressBarSlim) {
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-right: 0px !important;
	margin-left: var(--mud-drawer-width-left) !important;
}