.synced-canvas{position:relative;width:100%;height:100%}.synced-canvas__container{position:absolute;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center}.synced-canvas__canvas{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;margin:auto;max-width:100%;max-height:100%;border:1px solid #ccc;border-radius:5px;background-size:contain;background-position:50%}.synced-canvas__canvas--local{background-color:transparent}.mode-slide-transition{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.mode-slide-transition-enter-active,.mode-slide-transition-leave-active{-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out}.mode-slide-transition-enter{-webkit-transform:translateX(300px);transform:translateX(300px);opacity:0}.mode-slide-transition-leave-to{-webkit-transform:translateX(-300px);transform:translateX(-300px);opacity:0}.mission-row-transition-enter-active,.mission-row-transition-leave-active{-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;position:relative;max-height:100%!important}.mission-row-transition-enter,.mission-row-transition-leave-to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);max-height:0!important;-webkit-transition:opacity .125s ease-out,max-height .5s ease-out .25s,-webkit-transform .25s ease-out;transition:opacity .125s ease-out,max-height .5s ease-out .25s,-webkit-transform .25s ease-out;transition:transform .25s ease-out,opacity .125s ease-out,max-height .5s ease-out .25s;transition:transform .25s ease-out,opacity .125s ease-out,max-height .5s ease-out .25s,-webkit-transform .25s ease-out}.opacity-transition-enter-active,.opacity-transition-leave-active{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.opacity-transition-enter,.opacity-transition-leave-to{opacity:0}.slide-left-transition-enter-active,.slide-left-transition-leave-active{-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out;-webkit-transform:translateX(0);transform:translateX(0)}.slide-left-transition-enter,.slide-left-transition-leave-to{-webkit-transform:translateX(-105%);transform:translateX(-105%);opacity:0}.slide-right-transition-enter-active,.slide-right-transition-leave-active{-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out;-webkit-transform:translateX(0);transform:translateX(0)}.slide-right-transition-enter,.slide-right-transition-leave-to{-webkit-transform:translateX(105%);transform:translateX(105%);opacity:0}.rtb-border-radius{border-radius:8px}.rtb-border{border:solid 0 var(--primary-accent-color)}.rtb-box-shadow{-webkit-box-shadow:0 0 3px rgba(0,0,0,.5);box-shadow:0 0 3px rgba(0,0,0,.5)}.play-layout{height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1}.play-layout__left .mission-card{max-height:300px}.play-layout__center{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.play-layout__timer{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}