@-webkit-keyframes blink{0%,to{opacity:.2}20%{opacity:1}}@keyframes blink{0%,to{opacity:.2}20%{opacity:1}}body,html{margin:0;font-family:SanFranciscoText,Arial,sans-serif}.switch{position:relative;display:inline-block;width:30px;height:17px}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:13px;width:13px;left:2px;bottom:2px;background-color:#fff;transition:.2s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(13px);transform:translateX(13px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.vertical-center{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:1.5%}.hide{visibility:hidden}.fa,.glyphicon{cursor:pointer}.card-bg{width:100%;height:100%;border-radius:3px;background-color:#fff;box-shadow:0 3px 3px 1px rgba(25,71,105,.09);margin:0 auto;padding-top:20px;padding-bottom:20px;padding-left:30px}.next-arrow::before,.previous-arrow::before,.recordButton::before,.recordButtonSmall::before,.stopButton::before{background-image:url(/static/images/elements/previous4x.png);background-size:22px 81px;background-repeat:no-repeat;display:inline-block;width:22px;height:81px;content:"";cursor:pointer}.next-arrow::before,.recordButton::before,.recordButtonSmall::before,.stopButton::before{background-image:url(/static/images/elements/next4x.png)}.recordButton::before,.recordButtonSmall::before,.stopButton::before{background-image:url(/static/images/elements/smallRecord.png);background-size:50px 50px;width:42px;height:50px}.recordButton::before,.stopButton::before{background-image:url(/static/images/elements/record4x.png);background-size:80px 80px;width:80px;height:80px;margin-right:7%}.stopButton::before{background-image:url(/static/images/elements/stop4x.png)}.selfPauseButton::before,.selfPlayButton::before,.targetPauseButton::before,.targetPlayButton::before{cursor:pointer;background-image:url(/static/images/elements/greenPlay.png);background-size:50px 50px;background-repeat:no-repeat;display:inline-block;width:50px;height:50px;content:"";margin-left:12px;margin-top:16px}.selfPauseButton::before,.selfPlayButton::before,.targetPauseButton::before{background-image:url(/static/images/elements/greenPause.png)}.selfPauseButton::before,.selfPlayButton::before{background-image:url(/static/images/elements/bluePause.png)}.selfPlayButton::before{background-image:url(/static/images/elements/bluePlay.png)}.target-language-text{font-size:2.2em;color:#276da8}.native-language-text{font-size:1.7em;color:rgba(39,109,168,.65)}.recordAgainButton,.uploadButton{cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-right:25px;height:2.5em;border-radius:30px;border:0;background-color:#194769;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);font-size:14px;font-weight:600;color:#fff;margin:0 auto}.uploadButton{padding-left:10px;height:2.6em;background-color:#276da8}.tresDots,.tresDotsOn{font-size:2em;width:50px;padding-left:13px}.tresDots{padding-bottom:55px;height:50px}.tresDotsOn{height:30px}.tresGreenDots{display:none}.tresGreenDots,.tresGreenDotsOn{font-size:2em;color:#66a94d}.saving span{-webkit-animation-name:blink;animation-name:blink;-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.saving span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.saving span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@media only screen and (max-width:845px){.vertical-center{display:block;margin-top:8px}}@media only screen and (min-height:680px){.tall-hide{display:none}}@media only screen and (max-height:680px){.vertical-center{margin-top:8px}.short-hide{display:none!important}}@media only screen and (max-height:628px){.vertical-center{margin-top:8px}}