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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.S1{text-align:center}.S1-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}button{border-radius:10px}.start-button,button{background-color:#7f7fd8;color:#fff;font-size:calc(15px + 3vmin)}.start-button{border-radius:2vh;margin:10vh;padding:2vh 10vh}input{color:#fff;font-size:calc(10px + 2vmin)}.stop-button,input{background-color:#9399a5}.stop-button{font-size:x-large;padding:2vmin}.whole-page-container{width:100%}.left-side,.whole-page-container{background-color:#282c34;height:100%;left:0;overflow:hidden;position:absolute;top:0}.left-side{width:50%}.right-side{height:100%;left:50%;overflow:hidden;position:absolute;top:0;width:50%}.title{color:#fff;font-size:x-large}.footer-text{color:#fff;font-size:large;margin-bottom:1vmin}.vertical-center{height:100%;justify-content:center}.footer,.vertical-center{align-items:center;display:flex;flex-direction:column}.footer{bottom:0;margin-bottom:0;margin-top:auto;padding:2vmin}.footer,.header{position:absolute}.header{color:#fff;font-size:x-large;margin:auto 5px 0;top:5%;z-index:1}.video{transform:translateY(-50%) translateX(-50%) scaleX(-1)}.video,.video-flipped{left:50%;min-height:100%;position:absolute;top:50%}.video-flipped{transform:translateY(-50%) translateX(-50%)}.recordings{height:12.5vmin;left:0;margin:10px;width:25vmin}.recordings,.round-timer{position:absolute;z-index:1}.round-timer{background-color:#000000b3;border-radius:50%;height:20vmin;right:2vmin;top:2vmin;width:20vmin}.round-timer svg{height:100%;left:0;position:absolute;top:0;transform:rotateY(-180deg) rotate(-90deg);width:100%}.round-timer svg circle{stroke-dasharray:282.6%;stroke-dashoffset:0;stroke-linecap:round;stroke-width:.75vh;stroke:#fff;fill:none}.round-timer .value{color:#fff;font-size:10vmin;left:50%;line-height:100%;position:absolute;top:50%;transform:translate(-50%,-50%)}.circle-animation{height:100%;left:0;position:absolute;top:0;transform:scaleX(-1);width:100%}.circle-animation circle{stroke-dashoffset:0;stroke-linecap:round;stroke-width:.5vmin;stroke:#fff;fill:none}.loading-bubbles{bottom:10vh;display:inline-block;height:80px;left:50%;position:absolute;transform:translateX(-50%);width:160px}.loading-bubbles div{animation-timing-function:cubic-bezier(0,1,1,0);background-image:linear-gradient(71deg,#ff0 -14%,#b3fe00 86%,#aafe00 0);border-radius:50%;height:26px;position:absolute;top:33px;width:26px}.loading-bubbles div:first-child{animation:loading-bubbles1 .6s infinite;left:16px}.loading-bubbles div:nth-child(2){animation:loading-bubbles2 .6s infinite;left:16px}.loading-bubbles div:nth-child(3){animation:loading-bubbles2 .6s infinite;left:64px}.loading-bubbles div:nth-child(4){animation:loading-bubbles3 .6s infinite;left:112px}@keyframes loading-bubbles1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes loading-bubbles3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes loading-bubbles2{0%{transform:translate(0)}to{transform:translate(48px)}}.ex-container{display:grid;height:100vh;justify-items:stretch;width:100vw}@media (orientation:landscape){.ex-container{grid-template-columns:50% 50%}}@media (orientation:portrait){.ex-container{grid-template-rows:50% 50%}}.ex-side{height:100%;width:100%}.ex-coach-video,.ex-coach-video-flipped{height:100%;object-fit:cover;object-position:50% 50%;width:100%}.ex-coach-video-flipped{transform:scaleX(-1)}.ex-user-video{background-color:#282c34;height:100%;transform:scaleX(-1);width:100%}.BadInternetConnection-container{background-color:#282c34;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.BadInternetConnection-container .title{color:#fff;font-size:5vh;margin:4vh}.BadInternetConnection-container .subtitle{color:#fff;font-size:3vh;margin:2vh 2vh 2vh 4vh}img{height:40vh;margin:5vh;width:60vh}