/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

@font-face {
	font-family: ModernDOS;
	src: url(../assets/ModernDOS8x16.otf);
	font-weight: 700;
}

.wp-block-dos-dialog-ms-dos-dialog {
	background-color: #acaead;
	box-shadow: 10px 10px 0 #000;
	font-family: ModernDOS, sans-serif;
	font-size: 18px;
	padding: 12px 0 12px 0;
	position: relative;

	.dos-dialog-title {
		background-color: #acaead;
		border: solid #333534;
		border-width: 0 2px 0 2px;
		left: 50%;
		padding: 0 12px 0 12px;
		position: absolute;
		top: 0;
		translate: (-50% 0);
	}

	.dos-dialog-inner {
		border: 2px solid #333534;
		margin: 0 6px 0 6px;

		.dos-dialog-message {
			margin: 0 12px 0 12px;
			padding: 24px 0 12px 0;
		}
	}
}

.wp-block-dos-dialog-ms-dos-dialog.is-style-install {
	background-color: #0000aa;
	color: #fff;

	.dos-dialog-title {
		background-color: #0000aa;
		border-color: #fff;
	}

	.dos-dialog-inner {
		border-color: #fff;
	}
}

.wp-block-dos-dialog-ms-dos-dialog.is-style-error {
	background-color: #aa0000;
	color: #fff;

	.dos-dialog-title {
		background-color: #aa0000;
		border-color: #fff;
	}

	.dos-dialog-inner {
		border-color: #fff;
	}
}