html {
padding: 0;
font-size: 16px;
background: white;
font-family: Arial, sans-serif;
color: #000;
max-width: 932px;
margin: 0 auto;
}
.grayBorder {
border: 1px solid lightgray;
}
.insetPadding {
padding: 16px;
}
.interactive {
/*** For regions observed by InteraktionDelegates and -Mappers ***/
-ms-content-zooming: none;
touch-action: none;
}
.unselectable {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
body {
padding: 16px;
}
canvas {
-ms-content-zooming: none; /** Crucial for MS Edge pointer events **/
touch-action: none; /** Crucial for MS Edge? **/
}
#runtime-errors {
left: -8px;
margin-left: 8px;
}
.intrinsic-container {
position: relative;
height: 0;
overflow: hidden;
}
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
padding-bottom: 56.25%;
}
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
padding-bottom: 75%;
}
.intrinsic-container iframe {
position: absolute;
border: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
}