@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local(''),url('../fonts/roboto-v20-latin-300.woff2') format('woff2'),url('../fonts/roboto-v20-latin-300.woff') format('woff')}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local(''),url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'),url('../fonts/roboto-v20-latin-regular.woff') format('woff')}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local(''),url('../fonts/roboto-v20-latin-700.woff2') format('woff2'),url('../fonts/roboto-v20-latin-700.woff') format('woff')}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:'Roboto',sans-serif;font-size:16px;line-height:24px;color:#666;font-weight:400;background:#ebf4fa;padding-top:195px}input,select,textarea{font-family:'Roboto',sans-serif;font-size:13px;line-height:14px;background:transparent;border:1px solid lightgray;font-style:normal;padding:0 10px;width:100%;height:37px;background:#fff;transition:.3s}input:focus,select:focus,textarea:focus{border-color:lightgray;outline:0}input[type=checkbox],select[type=checkbox],textarea[type=checkbox]{width:20px;vertical-align:-2px}select{padding:0 5px}textarea{padding:10px;height:120px}img.feather{width:24px;height:24px;filter:invert(0);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;pointer-events:none}.btn{background-color:#6e6e6e;padding:6px 15px;border-radius:99px;text-transform:uppercase;font-size:14px;font-weight:bold;margin-bottom:5px;color:#fff;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;transition:.3s}.btn img{display:inline-block;margin-left:5px;filter:invert(1)}.btn:focus{border:none !important;outline:none}.btn.light{opacity:.5}.btn.is-recording{background-color:#ed553b !important;box-shadow:0 0 0 rgba(237,85,59,0.6);animation:pulse 2s infinite}.btn.is-recording .feather{filter:invert(1)}p:not(:last-child){margin-bottom:15px}.t-left{text-align:left}.disabled,[disabled]{opacity:.5 !important;pointer-events:none !important}#modal_container,.modal_container{display:flex;align-items:center;justify-content:center;position:fixed;width:100%;height:100vh;top:0;left:0;background:rgba(0,0,0,0.8);z-index:1000;transition:.3s;transform:scale(.1, .1);opacity:0;visibility:hidden}#modal_container.is-visible,.modal_container.is-visible{opacity:1;visibility:visible;transition:opacity .3s 0s,visibility 0s 0s;transform:scale(1, 1)}#modal_container #modal_window,.modal_container #modal_window,#modal_container .modal_window,.modal_container .modal_window{border-radius:4px;background:#fff;width:100vw;max-width:500px;max-height:100vh;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);overflow:hidden;text-align:center}#modal_container #modal_content,.modal_container #modal_content,#modal_container .modal_content,.modal_container .modal_content{padding:25px 25px 20px 25px;overflow-y:auto;max-height:calc(100vh - 64px);text-align:center}#modal_container #modal_actions,.modal_container #modal_actions,#modal_container .modal_actions,.modal_container .modal_actions{padding-bottom:25px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}#modal_container #modal_actions>*,.modal_container #modal_actions>*,#modal_container .modal_actions>*,.modal_container .modal_actions>*{margin:0 3px}h1{max-width:800px;margin:auto;font-weight:700;font-size:16px;line-height:20px;padding:15px 17px;letter-spacing:-0.5;color:#2a4e66;display:flex;flex-direction:column}h1 b{margin-top:20px}header{position:fixed;top:0;left:0;background:#00a0df;width:100%;z-index:2}header .header-content{max-width:800px;margin:auto;padding:0 10px;display:flex;justify-content:space-between;align-items:center;width:100%}header .header-content .logo{width:auto;height:50px}header .header-content button{padding:0;margin:0;background-color:transparent}.dialogue{max-width:800px;margin:0 auto 40px auto;padding:18px}.actor .actor-label{display:inline-block;padding:8px 15px 7px 15px;border-radius:99px;text-transform:uppercase;font-weight:700;align-self:center;color:#fff;font-size:12px;line-height:12px;margin-bottom:2px}.actor.actor-disabled .actor-label{opacity:.4}.sentences{margin-bottom:25px}.sentences .sentence{color:#505c62;background-color:#dae2e7;display:inline-block;padding:4px 8px;border-radius:5px;align-self:center;font-size:14px;line-height:20px;transition:.3s;margin:4px 4px 0 0;cursor:pointer}.sentences .sentence.current{color:#fff;background:#2a4e66}.player{position:fixed;top:50px;background:#2a4e66;padding:15px 0 10px;display:flex;width:100%;z-index:2;justify-content:center;box-shadow:0 0 5px rgba(0,0,0,0.25);flex-direction:column;align-items:center}.player .player-buttons{width:220px;display:flex;justify-content:space-between;align-items:center}.player .player-buttons .btn{border:none;padding:10px;border-radius:100px;background:#ffffff;margin:0}.player .player-buttons .btn:hover{background-color:#ccc}.player .player-bar{width:calc(100% - 20px);background:#eee;height:5px;margin:15px 0 10px 0;position:relative;max-width:500px;border-radius:10px;cursor:pointer}.player .player-bar .progress-bar{width:0;background-color:#172936;height:100%;position:absolute}#btnRecordings{position:relative}#btnRecordings:after{content:attr(data-count);background-color:#ed553b;width:20px;height:20px;position:absolute;top:-4px;right:-4px;border-radius:10px;padding-top:2px;text-align:center}.btn-actors{width:100%;display:flex;justify-content:center;flex-wrap:wrap;padding:0 10px}.btn-actors .btn{margin:5px;-webkit-user-select:none;user-select:none}.player-buttons img{margin-left:0;filter:invert(0)}.color-0{background:#ed553b}.color-1{background:#f7c922}.color-2{background:#3caea3}.color-3{background:#20639b}.color-4{background:#7B8CDE}.color-5{background:#62d14f}.rrecordings-label{font-weight:bold;margin:20px 0;text-align:center;color:#a2a2a2}.recordings-title{font-family:'Roboto';font-size:1.5rem;font-weight:300;margin-bottom:25px;color:#00a0df;letter-spacing:-0.5px}#recordings{font-family:sans-serif;align-self:center;text-align:center;width:calc(100%);max-width:500px}#recordings .recording{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid #eeeeee;padding:15px 20px;width:100%}#recordings .recording>*:not(:last-child){margin-right:10px}#recordings .recording .recording-title{font-weight:bold;font-size:.8rem;color:#a2a2a2;margin-right:20px;margin-left:10px;flex-grow:1;text-align:left}#recordings .recording .recording-action{cursor:pointer;pointer-events:all}#recordings .recording .recording-play{height:30px;width:30px;stroke-width:1.2px;background:#00a0df;border-radius:90px;padding:8px 0px 8px 3px;cursor:pointer;pointer-events:all}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(237,85,59,0.6)}70%{box-shadow:0 0 0 15px rgba(237,85,59,0)}100%{box-shadow:0 0 0 0 rgba(237,85,59,0)}}.credits{background-color:#2a4e66;width:100%;position:fixed;bottom:0}.credits .credits-content{max-width:800px;margin:auto;display:flex;justify-content:space-between;padding:5px 15px}.credits .credits-content img{width:auto;height:40px}@media (max-width:600px){.player{padding:10px 0}.player .player-buttons{width:190px}.player .player-buttons .btn{padding:7px}.player .player-buttons .btn img{width:20px;height:auto}.player .player-bar{margin:10px 0}.btn-actors{padding:0}.btn-actors .btn{margin:3px;padding:5px 10px 3px 10px;line-height:20px}.btn-actors .btn img{width:20px;height:auto;margin-top:-2px}#btnRecordings:after{top:-6px;right:-10px}}