.video-recorder{position:relative;font-family:"Open Sans",sans-serif;font-size:12px;height:100%;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-recorder .mirror{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1100;background-color:#fff;width:100%;height:100%;overflow:hidden}.video-recorder .mirror .mirror-controls-top-right{position:absolute;top:0;right:0;padding:10px}.video-recorder .mirror .mirror-controls-top-right>div{display:inline-block;padding-right:10px}.video-recorder .mirror .mirror-controls-top-right>div:last-child{padding-right:0}.video-recorder .mirror .mirror-controls-top-left{position:absolute;top:0;left:0;padding:10px}.video-recorder .mirror .mirror-controls-top-left>div{display:inline-block;padding-left:10px}.video-recorder .mirror .mirror-controls-top-left>div:last-child{padding-left:0}.video-recorder .mirror .mirror-playback{height:100%!important;width:100%!important;overflow:hidden}.video-recorder .mirror .mirror-playback .mirror-playback-video{background:#1b1d2f;background:linear-gradient(27deg,#1c1d33 0,#2c2d46 58%,#2c2e48 100%);height:100%;max-height:100%;max-width:100%;object-fit:cover;width:100%;overflow:hidden;box-shadow:0 0 5px 1px #1b1d2f;-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);-webkit-transform:scale(-1,1);transform:scale(-1,1);-webkit-transition:.6s -webkit-filter ease;-moz-transition:.6s -moz-filter ease;-moz-transition:.6s filter ease;-ms-transition:.6s -ms-filter ease;-o-transition:.6s -o-filter ease;transition:.6s filter ease,.6s -webkit-filter ease}.video-recorder .mirror .mirror-playback .mirror-playback-video -webkit-media-controls-enclosure{display:none!important}.video-recorder .mirror .mirror-playback .mirror-playback-video.blurred{-webkit-filter:blur(30px) sepia(.2) saturate(.6) contrast(.9);-moz-filter:blur(30px) sepia(.2) saturate(.6) contrast(.9);-o-filter:blur(30px) sepia(.2) saturate(.6) contrast(.9);-ms-filter:blur(30px) sepia(.2) saturate(.6) contrast(.9);filter:blur(30px) sepia(.2) saturate(.6) contrast(.9);opacity:.75;-webkit-transition:.6s -webkit-filter ease;-moz-transition:.6s -moz-filter ease;-moz-transition:.6s filter ease;-ms-transition:.6s -ms-filter ease;-o-transition:.6s -o-filter ease;transition:.6s filter ease,.6s -webkit-filter ease}.video-recorder .mirror .mirror-playback canvas{transform:scale(-1,1);object-fit:cover;position:absolute;top:0;left:0;height:100%!important;width:100%!important;overflow:hidden}.video-recorder .mirror .mirror-controls{display:none;position:absolute!important;bottom:0;left:0;right:0;padding:5px;background:rgba(0,0,0,.3)}.video-recorder .mirror .mirror-controls button{margin-right:5px}.video-recorder .mirror .mirror-controls .mirror-controls-sound-meter{float:right}.video-recorder .mirror .mirror-controls .mirror-controls-duration{color:#fff;font-weight:700}.video-recorder .mirror.preview-only .splashmessage-container,.video-recorder .mirror.preview-only canvas,.video-recorder .mirror.preview-only>div:not(.mirror-playback){display:none}.video-recorder .fullscreen-force{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:99999!important;overflow:hidden!important}.video-recorder .fullscreen-container:hover{cursor:pointer}.video-recorder .fullscreen-container:focus-within .fullscreen{background-color:#372446}.video-recorder .fullscreen-container .fullscreen{background-color:#1b1d2f;border-radius:34px;padding:3px;height:34px;opacity:.8;-webkit-filter:drop-shadow(0 0 3px #403e3e);filter:drop-shadow(0 0 3px #403e3e);fill:#c5c5c5;stroke:#c5c5c5}.video-recorder .fullscreen-container .fullscreen:hover{background-color:#372446}.video-recorder .fullscreen-container .fullscreen.off .on,.video-recorder .fullscreen-container .fullscreen.on .off{display:none}.video-recorder .mask-container:hover{cursor:pointer}.video-recorder .mask-container:focus-within .mask{background-color:#372446}.video-recorder .mask-container .mask{background-color:#1b1d2f;border-radius:30px;padding:5px;height:30px;opacity:.8;-webkit-filter:drop-shadow(0 0 3px #403e3e);filter:drop-shadow(0 0 3px #403e3e);fill:#c5c5c5;stroke:#c5c5c5;stroke-width:2px}.video-recorder .mask-container .mask:hover{background-color:#372446}.video-recorder .mask-container .mask.on{fill:#4c3c3c;stroke:#c72a2a;stroke-width:2px;stroke-opacity:.8;fill-opacity:.2}.video-recorder .mask-container .mask.off{fill:#c5c5c5;stroke:#c5c5c5}.video-recorder .mask-container.locked:hover{cursor:none}.video-recorder .mask-container.locked .mask{opacity:.4;-webkit-transition:opacity ease-out .5s;transition:opacity ease-in-out .5s;fill:#c5c5c5;stroke:#c5c5c5}.video-recorder .mask-container.locked .mask:hover{background-color:#1b1d2f}.video-recorder .microphone-container.with-label .splashmessage-container{position:relative}.video-recorder .microphone-container.with-label .splashmessage-container.show{display:inline-block;width:auto;margin-top:6px;margin-left:5px;animation:none}.video-recorder .microphone-container.with-label .splashmessage-container .splash{background-color:#1b1d2f;opacity:.8;font-size:1em;margin:0;padding:5px 10px 5px 10px;-webkit-transition:background-color ease-in-out .3s;transition:background-color ease-in-out .3s}.video-recorder .microphone-container.with-label .splashmessage-container.mic-sound-bar-is-low .splash{background-color:#f49517}.video-recorder .microphone-container.with-label .splashmessage-container.mic-sound-bar-is-medium .splash{background-color:#3fa435}.video-recorder .microphone-container.with-label .splashmessage-container.mic-sound-bar-is-high .splash{background-color:#1b834c}.video-recorder .microphone-container.with-label .splashmessage-container.mic-sound-bar-is-very-high .splash{background-color:#da1e19}.video-recorder .microphone-container.with-label svg{float:left}.video-recorder .microphone-container .microphone{background-color:#1b1d2f;fill:#c5c5c5;border-radius:34px;padding:3px;height:34px;opacity:.8;-webkit-filter:drop-shadow(0 0 3px #403e3e);filter:drop-shadow(0 0 3px #403e3e)}.video-recorder .microphone-container .microphone .mic-centre-in{fill:#3d3e42}.video-recorder .microphone-container .microphone .mic-sound-bar-very-high{fill:#c5c5c5}.video-recorder .microphone-container .microphone .mic-sound-bar-high{fill:rgb(184.25,184.25,184.25)}.video-recorder .microphone-container .microphone .mic-sound-bar-medium{fill:rgb(171.5,171.5,171.5)}.video-recorder .microphone-container .microphone .mic-sound-bar-low{fill:rgb(158.75,158.75,158.75)}.video-recorder .microphone-container .microphone.mic-sound-bar-is-low.paint-bg{background-color:#f49517}.video-recorder .microphone-container .microphone.mic-sound-bar-is-low .mic-sound-bar-low{fill:#f49517}.video-recorder .microphone-container .microphone.mic-sound-bar-is-low .mic-centre-in{fill:rgb(247.462962963,182.3703703704,96.037037037)}.video-recorder .microphone-container .microphone.mic-sound-bar-is-low .mic-centre-out{fill:#f49517}.video-recorder .microphone-container .microphone.mic-sound-bar-is-medium.paint-bg{background-color:#3fa435}.video-recorder .microphone-container .microphone.mic-sound-bar-is-medium .mic-sound-bar-medium{fill:#3fa435}.video-recorder .microphone-container .microphone.mic-sound-bar-is-medium .mic-sound-bar-low{fill:rgb(101.3548387097,202.1221198157,91.3778801843)}.video-recorder .microphone-container .microphone.mic-sound-bar-is-medium .mic-centre-in{fill:rgb(101.3548387097,202.1221198157,91.3778801843)}.video-recorder .microphone-container .microphone.mic-sound-bar-is-medium .mic-centre-out{fill:#3fa435}.video-recorder .microphone-container .microphone.mic-sound-bar-is-high.paint-bg{background-color:#1b834c}.video-recorder .microphone-container .microphone.mic-sound-bar-is-high .mic-sound-bar-high,.video-recorder .microphone-container .microphone.mic-sound-bar-is-high .mic-sound-bar-very-high{fill:#1b834c}.video-recorder .microphone-container .microphone.mic-sound-bar-is-high .mic-sound-bar-very-high{fill:rgb(22.6424050633,109.8575949367,63.7341772152)}.video-recorder .microphone-container .microphone.mic-sound-bar-is-high .mic-sound-bar-medium{fill:rgb(35.7151898734,173.2848101266,100.5316455696)}.video-recorder .microphone-container .microphone.mic-sound-bar-is-high .mic-sound-bar-low{fill:rgb(68.8639240506,216.6360759494,138.4873417722)}.video-recorder .microphone-container .microphone.mic-sound-bar-is-high .mic-centre-in{fill:rgb(68.8639240506,216.6360759494,138.4873417722)}.video-recorder .microphone-container .microphone.mic-sound-bar-is-high .mic-centre-out{fill:#1b834c}.video-recorder .microphone-container .microphone.mic-sound-bar-is-very-high.paint-bg{background-color:#da1e19}.video-recorder .microphone-container .microphone.mic-sound-bar-is-very-high .mic-sound-bar-very-high{fill:#da1e19}.video-recorder .microphone-container .microphone.mic-sound-bar-is-very-high .mic-sound-bar-high{fill:rgb(230.1543209877,43.3148148148,38.3456790123)}.video-recorder .microphone-container .microphone.mic-sound-bar-is-very-high .mic-sound-bar-medium{fill:rgb(232.7777777778,65.6666666667,61.2222222222)}.video-recorder .microphone-container .microphone.mic-sound-bar-is-very-high .mic-sound-bar-low{fill:rgb(240.6481481481,132.7222222222,129.8518518519)}.video-recorder .microphone-container .microphone.mic-sound-bar-is-very-high .mic-centre-in{fill:rgb(240.6481481481,132.7222222222,129.8518518519)}.video-recorder .microphone-container .microphone.mic-sound-bar-is-very-high .mic-centre-out{fill:#da1e19}.video-recorder .microphone-container .microphone.paint-bg{stroke:#c5c5c5;stroke-width:2px;fill:none;height:24px;padding:6px;-webkit-filter:none;filter:none;-webkit-transition:background-color ease-in-out .3s;transition:background-color ease-in-out .3s}.video-recorder .countdown-container{position:absolute;bottom:10px;left:10px;opacity:0;display:none;-webkit-transition:all 1.5s ease 0s,opacity 1.25s;transition:all 1.5s ease 0s,opacity 1.25s}.video-recorder .countdown-container.show{opacity:1;-webkit-transition:opacity ease-in-out 2s;transition:opacity ease-in-out 2s;display:block}.video-recorder .countdown-container.hide{opacity:0;display:none}.video-recorder .countdown-container .countdown{background-color:#1b1d2f;height:100px;padding:0;border-radius:150px;opacity:.8;-webkit-filter:drop-shadow(0 0 10px #403e3e);filter:drop-shadow(0 0 10px #403e3e)}.video-recorder .countdown-container .countdown path{stroke-linecap:round;stroke-width:12%;fill:none}.video-recorder .countdown-container .countdown .bg{stroke:#716582}.video-recorder .countdown-container .countdown .shader{stroke:#000;stroke-opacity:.3;stroke-width:5.5%;transform:scale(.92);transform-origin:50px 50px}.video-recorder .countdown-container .countdown .centre{stroke:#3fa435;stroke-opacity:.7;stroke-width:2%;fill:#3fa435;fill-opacity:.5;transform:scale(.75);transform-origin:50px 50px;-webkit-transition:stroke 4s,fill 6s;transition:stroke 4s,fill 6s}.video-recorder .countdown-container .countdown .centre.medium{stroke:#f49517;fill:#f49517}.video-recorder .countdown-container .countdown .centre.high{stroke:#e63020;fill:#e63020}.video-recorder .countdown-container .countdown .centre.very-high{stroke:#cd1719;fill:#cd1719}.video-recorder .countdown-container .countdown .centre-out{stroke:#411d46;stroke-opacity:.8;stroke-width:3%;transform:scale(.8);transform-origin:50px 50px}.video-recorder .countdown-container .countdown .liner{stroke:#fff;stroke-opacity:.3;stroke-width:1%;transform:scale(.98);transform-origin:50px 50px}.video-recorder .countdown-container .countdown .progress{stroke:#3fa435;-webkit-transition:stroke 5s,stroke-dasharray 1s;transition:stroke 5s,stroke-dasharray 1s}.video-recorder .countdown-container .countdown .progress.medium{stroke:#f49517}.video-recorder .countdown-container .countdown .progress.high{stroke:#e63020}.video-recorder .countdown-container .countdown .progress.very-high{stroke:#cd1719}.video-recorder .countdown-container .countdown.paint-bg{background-color:#3fa435;border-radius:3px;-webkit-transition:stroke 5s,stroke-dasharray 1s;transition:stroke 5s,stroke-dasharray 1s}.video-recorder .countdown-container .countdown.paint-bg.medium{background-color:#f49517}.video-recorder .countdown-container .countdown.paint-bg.high{background-color:#e63020}.video-recorder .countdown-container .countdown.paint-bg.very-high{background-color:#cd1719}.video-recorder .countdown-container .countdown .message{font-size:1.5em;font-weight:700;fill:#fff;text-anchor:middle}.video-recorder .countin-container,.video-recorder .uploader-container{position:absolute;top:calc(50% - 75px);bottom:unset;left:calc(50% - 75px)}.video-recorder .countin-container .countdown,.video-recorder .uploader-container .countdown{height:150px;opacity:.9}.video-recorder .countin-container.show{top:calc(50% - 75px);bottom:unset;left:calc(50% - 75px);-webkit-transition:height linear 1s,top linear 1s,left linear 1s,opacity linear 2s;transition:height linear 1s,top linear 1s,left linear 1s,opacity linear 2s}.video-recorder .countin-container.hide{height:100px;top:unset;left:10px;top:calc(100% - 113px);-webkit-transition:height linear 1s,top linear 1s,left linear 1s,opacity linear 1.5s;transition:height linear 1s,top linear 1s,left linear 1s,opacity linear 1.5s}.video-recorder .countin-container.hide .countdown{height:100px}.video-recorder .countin-container .splashmessage-container{position:relative}.video-recorder .countin-container.skip{cursor:pointer}.video-recorder .uploader-container.show .countdown{-webkit-animation:showSlow 5s ease-in;animation:showSlow 5s ease-in}@keyframes showSlow{0%{opacity:0}80%{opacity:0}100%{opacity:.9}}.video-recorder .uploader-container .bottom-message{margin-top:10px;text-align:center;font-size:1.4em;font-weight:700;color:#fff;background-color:#656565;opacity:1;padding:5px;border-radius:20px;animation:flasher 3s linear infinite}@keyframes flasher{50%{opacity:.6}}.video-recorder .error-container{background:#1b1d2f;background:linear-gradient(27deg,#1b1d2f 0,#2c3047 58%,#233034 100%);position:absolute;top:0;bottom:0;right:0;left:0;z-index:1200;color:#191c35}.video-recorder .error-container.off{display:none}.video-recorder .error-container .error{background-color:#fff;margin:0 auto;width:50%;margin-top:10%;border-radius:2px;box-shadow:0 0 1px 1px #403e3e}.video-recorder .error-container .error .error-header{padding:10px;font-weight:700;font-size:1.2em;border-bottom:#191c35 solid 1px}.video-recorder .error-container .error .error-message{padding:10px;padding-bottom:20px}.video-recorder .error-container .error .error-actions{border-top:#191c35 solid 1px;padding:10px}.video-recorder .error-container .error .error-actions>div{background:#1b1d2f;background:linear-gradient(27deg,#1b1d2f 0,#2c3047 58%,#233034 100%);margin-right:10px;padding:5px;display:inline-block;font-weight:700;color:#fff;cursor:pointer}.video-recorder .splashmessage-container{position:absolute;top:50%;width:100%;text-align:center;z-index:1199;opacity:0;display:none}.video-recorder .splashmessage-container .splash{margin:10px;text-align:center;font-size:1.4em;font-weight:700;color:#fff;background-color:#656565;opacity:1;padding:5px 15px 5px 15px;border-radius:20px;display:inline-block;box-shadow:0 0 1px 1px rgba(64,62,62,.1)}.video-recorder .splashmessage-container.error .splash{background-color:#a72525}.video-recorder .splashmessage-container.show{display:block;opacity:1;animation:flasher 3s linear infinite}@keyframes flasher{0%{opacity:.7}25%{opacity:.8}50%{opacity:.95}100%{opacity:1}}.video-recorder .splashmessage-container.hide{opacity:0}.video-recorder .slidetoact-container{position:absolute;bottom:0;left:0;width:100%;height:125px;opacity:0;display:none}.video-recorder .slidetoact-container.show{opacity:1;-webkit-transition:opacity ease-in-out 2s;transition:opacity ease-in-out 2s;display:block}.video-recorder .slidetoact-container.hide{opacity:0;display:none}.video-recorder .slidetoact-container .countdown-container{opacity:1;z-index:2000}.video-recorder .slidetoact-container .countdown-container .countdown{opacity:1}.video-recorder .slidetoact-container .trackBar{position:relative;background-color:#fff;height:35px;margin-top:40px;text-align:center;padding-top:15px;font-weight:700;font-size:1.2em;color:#391d41;opacity:0;box-shadow:0 0 5px 2px #676469}.video-recorder .slidetoact-container .tailBar{position:absolute;background-color:#252222;height:50px;opacity:0;width:100px;bottom:35px}.video-recorder .slidetoact-container.demo .countdown-container{animation:demo 6s ease-in-out;animation-delay:2s}@keyframes demo{2.5%,20%{transform:translate3d(-2px,0,0)}17.5%,5%{transform:translate3d(4px,0,0)}10%,12.5%,7.5%{transform:translate3d(-6px,0,0)}10%,15%{transform:translate3d(6px,0,0)}22.5%{transform:translate3d(0,0,0)}25%{transform:translateX(125%)}50%{transform:translateX(250%)}75%{transform:translateX(0)}77.5%{transform:rotate(-10deg)}82%{transform:rotate(7.5deg)}86.5%{transform:rotate(-2.5deg)}95%{transform:rotate(1.5deg)}}.video-recorder .slidetoact-container.dragEnabled .countdown-container{cursor:grab}.video-recorder .slidetoact-container.dragEnabled .trackBar{opacity:.4;-webkit-transition:opacity ease-in 2s;transition:opacity ease-in 2s}.video-recorder .slidetoact-container.dragDisabled .countdown-container{cursor:none}.video-recorder .slidetoact-container.dragDisabled .trackBar{opacity:0;-webkit-transition:opacity ease-out 2s;transition:opacity ease-out 2s}.video-recorder .slidetoact-container.dragDisabled .tailBar{opacity:0}.video-recorder .slidetoact-container.dragEnding .countdown-container{bottom:10px!important;left:10px!important;-webkit-transition:left ease-out .75s;transition:left ease-out .75s}.video-recorder .slidetoact-container.dragging .trackBar{opacity:.8;animation:none;-webkit-transition:opacity ease-in 1s;transition:opacity ease-in 1s}.video-recorder .slidetoact-container.dragging .tailBar{opacity:.3;-webkit-transition:opacity ease-in-out .5s;transition:opacity ease-in-out .5s}@media only screen and (max-width:700px){.video-recorder .slidetoact-container{height:100px}.video-recorder .slidetoact-container .trackBar{height:25px;margin-top:30px;font-size:1.05em}.video-recorder .slidetoact-container .tailBar{height:40px;bottom:30px}.video-recorder .slidetoact-container .countdown-container .countdown{height:80px}}.video-recorder .faceDetector.splashmessage-container{top:65%}.video-recorder .faceDetector.splashmessage-container .splash{background-color:#403e3e}.video-recorder .faceDetector.splashmessage-container.show{animation:none!important}.video-recorder .settings-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1200;color:#191c35}.video-recorder .settings-container.off{display:none}.video-recorder .settings-container .splashmessage-container{top:67%}.video-recorder .settings-container .settings-nofeed{background:#1b1d2f;background:linear-gradient(27deg,#3e3e4a 0,#8c8c8c 58%,#3e3e4a 100%);top:0;bottom:0;left:0;right:0;position:absolute;padding:10px}.video-recorder .settings-container .settings-nofeed>svg{height:100%;width:100%}.video-recorder .settings-container .settings-nofeed>svg .head{fill:#ececec}.video-recorder .settings-container .settings-nofeed>svg .body{fill:#ececec}.video-recorder .settings-container .settings{position:absolute;bottom:5px;left:5px;right:5px;background:#1b1d2f;background:linear-gradient(27deg,#1b1d2f 0,#2c3047 58%,#233034 100%);color:#fff;border-radius:2px;box-shadow:0 0 10px 0 #0c0c0c}.video-recorder .settings-container .settings .settings-header{padding:10px;font-weight:700;font-size:1.2em;border-bottom:#c5c5c5 solid 1px}.video-recorder .settings-container .settings .settings-options{display:flex;flex-wrap:wrap;font-weight:700;font-size:1.2em;border-bottom:#191c35 solid 1px;padding-top:10px}.video-recorder .settings-container .settings .settings-option{flex-grow:1;display:flex;padding:10px;padding-top:0}.video-recorder .settings-container .settings .settings-option>label{margin-right:10px;padding-right:25px;min-width:70px}.video-recorder .settings-container .settings .settings-option>select{width:100%}.video-recorder .settings-container .settings .settings-message{padding:10px}.video-recorder .settings-container .settings .settings-actions{border-top:#c5c5c5 solid 1px;padding:10px;display:flex;justify-content:flex-end}.video-recorder .settings-container .settings .settings-actions>div{background:#fff;margin-right:10px;padding:5px;display:inline-block;font-weight:700;color:#1b1d2f;cursor:pointer;-webkit-transition:opacity ease-in-out .5s;transition:opacity ease-in-out .5s}.video-recorder .settings-container .settings .settings-actions>div.disabled{opacity:.4;cursor:not-allowed}.video-recorder .settings-container .settings .settings-actions>div:last-child{margin-right:0}.video-recorder .settings-container .detector{position:absolute;top:0;left:5px;stroke-dasharray:1000;stroke-dashoffset:0}.video-recorder .settings-container .detector .detector-status{background:#1b1d2f;background:linear-gradient(27deg,#1b1d2f 0,#2c3047 58%,#233034 100%);box-shadow:0 0 5px 0 #0c0c0c;color:#fff;font-size:1.2em;font-weight:700;margin-top:5px}.video-recorder .settings-container .detector .detector-status.off{display:none}.video-recorder .settings-container .detector .detector-status div,.video-recorder .settings-container .detector .detector-status svg{display:inline-block}.video-recorder .settings-container .detector .detector-status div{vertical-align:top;padding-top:10px;padding-left:10px;margin-right:15px}.video-recorder .settings-container .detector .detector-status.detecting div{animation:flasher 3s linear infinite}.video-recorder .settings-container .detector svg{width:30px;display:block;margin:5px;margin-left:10px}.video-recorder .settings-container .detector .circle{fill:rgba(255,255,255,.1);stroke-width:8px;stroke-miterlimit:10;-webkit-animation:dash 1.5s ease-in-out;animation:dash 1.5s ease-in-out}.video-recorder .settings-container .detector .line{fill:none;stroke-width:8px;stroke-dashoffset:1000;stroke-linecap:round;stroke-miterlimit:10;-webkit-animation:dash 1.5s .35s ease-in-out forwards;animation:dash 1.5s .35s ease-in-out forwards}.video-recorder .settings-container .detector .check{stroke-width:8px;stroke-dashoffset:-100;stroke-linecap:round;stroke-miterlimit:10;fill:none;-webkit-animation:dash-check 1.5s .35s ease-in-out forwards;animation:dash-check 1.5s .35s ease-in-out forwards}.video-recorder .settings-container .detector .success{stroke:#77da45}.video-recorder .settings-container .detector .fail{stroke:#e61241}@-webkit-keyframes dash{0%{stroke-dashoffset:1000}100%{stroke-dashoffset:0}}@keyframes dash{0%{stroke-dashoffset:1000}100%{stroke-dashoffset:0}}@-webkit-keyframes dash-check{0%{stroke-dashoffset:-100}100%{stroke-dashoffset:900}}@keyframes dash-check{0%{stroke-dashoffset:-100}100%{stroke-dashoffset:900}}.video-recorder .settings-container .detector .ear-in{fill:#fff;-webkit-animation:ear 1.75s .35s ease-in-out forwards infinite;animation:ear 1.75s .35s ease-in-out forwards infinite}.video-recorder .settings-container .detector .ear-out{fill:#fff;-webkit-animation:ear 1.75s .35s ease-in-out forwards infinite;animation:ear 1.75s .35s ease-in-out forwards infinite}.video-recorder .settings-container .detector .sound-first{fill:#fff;-webkit-animation:sound-third 1.3s .35s ease-in-out forwards infinite;animation:sound-third 1.3s .35s ease-in-out forwards infinite}.video-recorder .settings-container .detector .sound-second{fill:#fff;-webkit-animation:sound-third 1.4s .5s ease-in-out forwards infinite;animation:sound-third 1.4s .5s ease-in-out forwards infinite}.video-recorder .settings-container .detector .sound-third{fill:#fff;-webkit-animation:sound-third 1.5s .75s ease-in-out forwards infinite;animation:sound-third 1.5s .75s ease-in-out forwards infinite}@keyframes sound-third{0%{fill-opacity:.1}100%{fill-opacity:1}}@keyframes ear{0%{fill-opacity:.9}100%{fill-opacity:1}}.video-recorder .settings-container .detector #lid{animation:blink 2.4s infinite}.video-recorder .settings-container .detector #eye{animation:squeeze 2.4s infinite}@keyframes blink{90%{transform:none;animation-timing-function:ease-in}93%{transform:translateY(15px) scaleY(0)}100%{animation-timing-function:ease-out}}@keyframes squeeze{90%{transform:none;animation-timing-function:ease-in}93%{transform:translateY(3px) scaleY(.8)}100%{animation-timing-function:ease-out}}@keyframes flasher{0%{opacity:.7}25%{opacity:.8}50%{opacity:.95}100%{opacity:1}}@media only screen and (max-width:700px){.video-recorder .settings-container .settings .settings-actions>div{width:100%;text-align:center}.video-recorder .settings-container .detector{left:5px;font-size:1em}.video-recorder .settings-container .detector .detector-status{margin-top:5px}.video-recorder .settings-container .detector .detector-status div{padding-top:8px;padding-left:5px;margin-right:5px}.video-recorder .settings-container .detector svg{width:22px;margin:5px}}.video-recorder .playback{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1200;background-color:#fff;width:100%;height:100%;overflow:hidden}.video-recorder .playback.off{display:none}.video-recorder .playback .fullscreen-container{position:absolute;top:10px;right:55px}.video-recorder .playback .fullscreen-container svg{border-radius:20px;padding:2px;height:30px}.video-recorder .playback .close{position:absolute;top:10px;right:10px}.video-recorder .playback .close svg{background-color:#1b1d2f;border-radius:20px;padding:6px;height:22px;opacity:.8;-webkit-filter:drop-shadow(0 0 10px #403e3e);filter:drop-shadow(0 0 10px #403e3e);fill:#c5c5c5}.video-recorder .playback .close svg:hover{background-color:#372446}.video-recorder .playback .close:hover{cursor:pointer}.video-recorder .playback .playback-video{height:100%!important;width:100%!important;overflow:hidden}.video-recorder .playback .playback-video .playback-video-el{background:#1b1d2f;background:linear-gradient(27deg,#1c1d33 0,#2c2d46 58%,#2c2e48 100%);height:100%;max-height:100%;max-width:100%;object-fit:cover;width:100%;overflow:hidden;box-shadow:0 0 5px 1px #1b1d2f;-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);-webkit-transform:scale(-1,1);transform:scale(-1,1)}.video-recorder .playback .playback-video .playback-video-el -webkit-media-controls-enclosure{display:none!important}.video-recorder .playback .playback-video .playback-video-cover{position:absolute;top:0;width:100%;height:100%;background-color:transparent;cursor:pointer}.video-recorder .playback .playback-video .playback-controls,.video-recorder .playback .playback-video .playback-controls-bg{position:absolute;bottom:0;left:0;width:100%;padding:10px;padding-bottom:5px}.video-recorder .playback .playback-video .playback-controls{display:flex}.video-recorder .playback .playback-video .playback-controls .playPauseContainer{width:20px;flex-grow:0;cursor:pointer}.video-recorder .playback .playback-video .playback-controls .playPauseContainer svg{margin-top:5px;height:12px;width:12px;fill:#fff}.video-recorder .playback .playback-video .playback-controls .seekContainer{flex-grow:8;padding-right:15px}.video-recorder .playback .playback-video .playback-controls .seekContainer input{height:3px;margin-top:10px;cursor:pointer;width:100%}.video-recorder .playback .playback-video .playback-controls .volumeContainer{flex-grow:1;padding-right:20px;display:flex}.video-recorder .playback .playback-video .playback-controls .volumeContainer input{height:3px;margin-top:10px;cursor:pointer;flex-grow:9;margin-left:5px}.video-recorder .playback .playback-video .playback-controls .volumeContainer svg{cursor:pointer;flex-grow:0;margin-top:5px;height:15px;width:18px;fill:#fff}.video-recorder .playback .playback-video .playback-controls-bg{height:20px;background-color:#1b1d2f;opacity:.8}.video-recorder .playback input[type=range]{-webkit-appearance:none;cursor:pointer}.video-recorder .playback input[type=range]::-webkit-slider-runnable-track{height:3px;background:#fff;border:none;border-radius:0}.video-recorder .playback input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:8px;width:8px;border-radius:50%;background-color:#fff;margin-top:-3px;box-shadow:0 0 1px 1px #403e3e}.video-recorder .playback input[type=range]:focus{outline:0}.video-recorder .playback input[type=range]:focus::-webkit-slider-runnable-track{background:#fff}.video-recorder :focus,.video-recorder:focus{outline:0!important;outline:0!important;outline-width:0;-webkit-tap-highlight-color:transparent!important}.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}