:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-height:100vh}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0}.wrapper{width:100vw;height:100vh;display:flex;flex-direction:row;align-items:center;justify-content:center}#mxcanvas{aspect-ratio:480/894;max-width:100%;max-height:100%}@media(max-aspect-ratio:480/894){#mxcanvas{width:100%;height:auto}}@media(min-aspect-ratio:480/894){#mxcanvas{height:100%;width:auto}}.title,.hr-tile{padding:20px;text-align:center}.center{text-align:center}