* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#fullscreen-iframe {
    width: var(--iframe-width, 100%);
    height: var(--iframe-height, 100%);
	border: none;
	display: block;
}

/** TODO: Load tailwind styles from theme.css to replace old school css **/
.slim-header {
	/* @apply flex items-center bg-silver-25; */
	height: 72px;
	background-color: #f4f4f5;
	display: flex;
	align-items: center;

	.inline-block{
		/* @apply bg-primary; */
		background-color: #001489;

		img {
			/* @apply mx-8 mb-4 mt-6 block h-8; */
			width: 112px;
			height: 32px;
			margin: 24px 32px 16px 32px;
		}
	}

	.header-text {
		/* @apply ml-8 text-[17px] uppercase text-grayscale-50; */
		color: gray;
		font-size: 17px;
		text-transform: uppercase;
		margin-left: calc(.25rem * 8);
	}
}