body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{margin:0;padding:0;background-color:#f4f4f5;font-family:Arial,Helvetica,sans-serif}.App,.AppLoader{text-align:center}.AppLoader{width:150px;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}canvas.drawing,canvas.drawingBuffer{position:absolute;left:0;top:0}.overlay__content video{width:100%;height:100%}.overlay__content canvas{position:absolute;width:100%;height:100%;left:0;top:0}#interactive.viewport{position:relative}#interactive.viewport>canvas,#interactive.viewport>video{max-width:100%;width:100%}.overlay__content{top:50%;position:absolute;left:50%;transform:translate(-50%,-50%);width:90%;max-height:90%;max-width:800px}.marginBottom{margin-bottom:10px!important}#snackbar{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#58585a;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px}#snackbar.show{visibility:visible;animation:fadein .5s}#snackbarVersion{visibility:hidden;max-width:350px;background-color:#58585a;color:#fff;text-align:center;border-radius:2px;padding:16px;position:relative;z-index:1;margin-left:auto;margin-right:auto;margin-top:50vh;bottom:30px}#snackbarVersion.show{visibility:visible;animation:fadein .5s}.redCheck{color:#dd0060!important}.greenCheck{color:#3db498!important}.fadeOut{opacity:0;transition:opacity 1s}.fadeIn{transition:all;transform:scale(1);opacity:1;animation-duration:.3s;animation-name:fadeAndScale;animation-timing-function:cubic-bezier(.71,.55,.62,1.57)}.displayNone{opacity:0}@keyframes fadeAndScale{0%{opacity:0;duration:500;timing:"ease";fill:"both";transform:scale(.9)}to{opacity:1;duration:500;timing:"ease";fill:"both";transform:scale(1)}}.sc-AxirZ{overflow-y:scroll!important}.dot-flashing{position:relative;width:10px;height:10px;border-radius:5px;background-color:#dd0060;color:#dd0060;animation:dotFlashing 1s linear infinite alternate;animation-delay:.5s}.dot-flashing:after,.dot-flashing:before{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-15px;animation:dotFlashing 1s infinite alternate;animation-delay:0s}.dot-flashing:after,.dot-flashing:before{width:10px;height:10px;border-radius:5px;background-color:#dd0060;color:#dd0060}.dot-flashing:after{left:15px;animation:dotFlashing 1s infinite alternate;animation-delay:1s}@keyframes dotFlashing{0%{background-color:#dd0060}50%,to{background-color:#ebe6ff}}.snippet{width:"150px !important";padding:0 5%;margin:1.5rem 0;border-radius:.25rem}.snippet,.stage{position:relative}.stage{display:flex;justify-content:center;align-items:center;padding:0;margin:0 -5%;overflow:hidden}
/*# sourceMappingURL=main.02900720.chunk.css.map */