@charset "UTF-8";

/* Base */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	position: relative;
	height: 100%;
	margin: 0;
}

        .output {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        /* (Optional) Loading Styles */
        .output.is-loading::before {
            box-sizing: border-box;
            content: '';
            position: absolute;
            display: block;
            font-size: 4em;
            width: 1em;
            height: 1em;
            top: 50%;
            left: 50%;
            margin: -0.5em 0 0 -0.5em;
            border: 10px solid #ddd;
            border-top: 10px solid #222;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }