html.monokai-20220427{width:calc(var(--vw, 1vw) * 100);height:calc(var(--vh, 1vh) * 100);font-size:14px;margin:0;padding:0;overflow:hidden}body.monokai-20220427{background-color:#000;margin:0;padding:0;width:calc(var(--vw, 1vw) * 100);height:calc(var(--vh, 1vh) * 100);position:relative}body.monokai-20220427.monokai-20220427-is-loading div.monokai-20220427-overlay{transition:none;opacity:1}.monokai-20220427-wrap{display:flex;width:calc(var(--vw, 1vw) * 100);height:calc(var(--vh, 1vh) * 100);position:relative}.monokai-20220427-artwork{display:flex;width:calc(var(--vmin, 1vmin) * 100);height:calc(var(--vmin, 1vmin) * 100);margin:auto}@media (min-aspect-ratio: 4 / 3){.monokai-20220427-artwork{width:calc(var(--vw, 1vw) * 100 * 3 / 4)}}@media (min-aspect-ratio: 2 / 1){.monokai-20220427-artwork{width:calc(var(--vmin, 1vmin) * 100 * 2 / 1 * 3 / 4)}}@media (max-aspect-ratio: 3 / 4){.monokai-20220427-artwork{height:calc(var(--vh, 1vh) * 100 * 3 / 4)}}@media (max-aspect-ratio: 1 / 2){.monokai-20220427-artwork{height:calc(var(--vmin, 1vmin) * 100 * 2 / 1 * 3 / 4)}}.monokai-20220427-artwork canvas.monokai-20220427-canvas{position:fixed}.monokai-20220427-artwork.monokai-20220427-is-resizing canvas.monokai-20220427-canvas{visibility:hidden}.monokai-20220427-artwork.monokai-20220427-is-resizing div.monokai-20220427-overlay{transition:none;opacity:1}.monokai-20220427-overlay{pointer-events:none;position:fixed;left:0;top:0;right:0;bottom:0;background-color:#000;opacity:0;transition:opacity 0.35s cubic-bezier(0, 0, 0.35, 1);z-index:1}