.nab-javascript-preview {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;

	&__iframe {
		height: 100%;
		max-height: 100%;
		max-width: 100%;
		transition: all 200ms ease-in-out;
		width: 100%;

		&--is-saving {
			opacity: 0.2;
		}

		&--tablet {
			width: 720px;
			height: 1080px;
		}

		&--mobile {
			width: 320px;
			height: 480px;
		}
	}
}