@charset "UTF-8";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f4f4f5;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}.App,.AppLoader{text-align:center}.AppLoader{height:auto;left:50%;padding:10px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:150px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}canvas.drawing,canvas.drawingBuffer{left:0;position:absolute;top:0}.overlay__content video{height:100%;width:100%}.overlay__content canvas{height:100%;left:0;position:absolute;top:0;width:100%}#interactive.viewport{position:relative}#interactive.viewport>canvas,#interactive.viewport>video{max-width:100%;width:100%}.overlay__content{left:50%;max-height:90%;max-width:800px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}.marginBottom{margin-bottom:10px!important}#snackbar{background-color:#58585a;border-radius:2px;bottom:30px;color:#fff;left:50%;margin-left:-125px;min-width:250px;padding:16px;position:fixed;text-align:center;visibility:hidden;z-index:1}#snackbar.show{-webkit-animation:fadein .5s;animation:fadein .5s;visibility:visible}#snackbarVersion{background-color:#58585a;border-radius:2px;bottom:30px;color:#fff;margin-left:auto;margin-right:auto;margin-top:50vh;max-width:350px;padding:16px;position:relative;text-align:center;visibility:hidden;z-index:1}#snackbarVersion.show{-webkit-animation:fadein .5s;animation:fadein .5s;visibility:visible}.redCheck{color:#dd0060!important}.greenCheck{color:#3db498!important}.fadeOut{opacity:0;transition:opacity 1s}.fadeIn{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:fadeAndScale;animation-name:fadeAndScale;-webkit-animation-timing-function:cubic-bezier(.71,.55,.62,1.57);animation-timing-function:cubic-bezier(.71,.55,.62,1.57);opacity:1;-webkit-transform:scale(1);transform:scale(1);transition:all}.displayNone{opacity:0}@-webkit-keyframes fadeAndScale{0%{duration:500;timing:"ease";fill:"both";opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{duration:500;timing:"ease";fill:"both";opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeAndScale{0%{duration:500;timing:"ease";fill:"both";opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{duration:500;timing:"ease";fill:"both";opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.sc-AxirZ{overflow-y:scroll!important}.dot-flashing{-webkit-animation:dotFlashing 1s linear infinite alternate;animation:dotFlashing 1s linear infinite alternate;-webkit-animation-delay:.5s;animation-delay:.5s;background-color:#dd0060;border-radius:5px;color:#dd0060;height:10px;position:relative;width:10px}.dot-flashing:after,.dot-flashing:before{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{-webkit-animation:dotFlashing 1s infinite alternate;animation:dotFlashing 1s infinite alternate;-webkit-animation-delay:0s;animation-delay:0s;left:-15px}.dot-flashing:after,.dot-flashing:before{background-color:#dd0060;border-radius:5px;color:#dd0060;height:10px;width:10px}.dot-flashing:after{-webkit-animation:dotFlashing 1s infinite alternate;animation:dotFlashing 1s infinite alternate;-webkit-animation-delay:1s;animation-delay:1s;left:15px}@-webkit-keyframes dotFlashing{0%{background-color:#dd0060}50%,to{background-color:#ebe6ff}}@keyframes dotFlashing{0%{background-color:#dd0060}50%,to{background-color:#ebe6ff}}.snippet{border-radius:.25rem;margin:1.5rem 0;padding:0 5%;width:"150px !important"}.snippet,.stage{position:relative}.stage{align-items:center;display:flex;justify-content:center;margin:0 -5%;overflow:hidden;padding:0}@font-face{font-family:Notification;font-style:normal;font-weight:400;src:url(/static/media/notification.3657084dc0419605a91c.eot);src:url(/static/media/notification.3657084dc0419605a91c.eot?#iefixs3g3t9) format("embedded-opentype"),url(/static/media/notification.c392cd33d9d9de730f9d.woff) format("woff"),url(/static/media/notification.c5d9251ea82e42f75381.ttf) format("truetype"),url(/static/media/notification.5d0158671dd860c714c4.svg#notification) format("svg")}.notification-container{box-sizing:border-box;max-height:calc(100% - 30px);overflow-x:hidden;overflow-y:auto;padding:0 15px;position:fixed;right:0;top:0;width:320px;z-index:999999}.notification{background-color:#ccc;border-radius:2px;box-shadow:0 0 12px #999;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1em;line-height:1.2em;margin-top:15px;opacity:.9;padding:15px 15px 15px 58px;position:relative}.notification .title{font-size:1em;font-weight:700;line-height:1.2em;margin:0 0 5px}.notification:focus,.notification:hover{opacity:1}.notification-enter{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}.notification-enter.notification-enter-active{transition:all .4s}.notification-enter.notification-enter-active,.notification-exit{-webkit-transform:translateZ(0);transform:translateZ(0);visibility:visible}.notification-exit.notification-exit-active{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);transition:all .4s;visibility:hidden}.notification:before{display:block;font-family:Notification;font-size:28px;height:28px;left:15px;line-height:28px;margin-top:-14px;position:absolute;text-align:center;top:50%;width:28px}.notification-info{background-color:#2f96b4}.notification-info:before{content:""}.notification-success{background-color:#51a351}.notification-success:before{content:""}.notification-warning{background-color:#f89406}.notification-warning:before{content:""}.notification-error{background-color:#bd362f}.notification-error:before{content:""}
/*# sourceMappingURL=main.ca106856.css.map*/