:root{--primary:#222629;--text-dark:#2b2b36;--orange:#ff9d2e;--green:#14c89b;--danger:#e23c3f}body{color:#333;font-family:proxima-nova,Arial,Helvetica Neue,Helvetica,sans-serif;font-size:14px;height:100vh;margin:0 auto;padding:0;width:100vw}body,html{position:relative}body{display:flex;justify-content:center}.player-wrapper{min-width:800px}.session-info{border-bottom:1px solid #dde0e0;display:flex;font-size:1.2em;font-weight:700;justify-content:space-between;margin-bottom:20px;padding:0 0 20px}.session-title{color:var(--text-dark)}.session-subtitle{font-size:1.2em}.flex-col-center{align-items:center;display:flex;flex-flow:column;text-align:center}.container{padding:0 80px}#player{background-color:#c8c8c8;-webkit-box-shadow:0 0 100px -16px rgba(71,71,71,.4);-moz-box-shadow:0 0 100px -16px rgba(71,71,71,.4);box-shadow:0 0 100px -16px rgba(71,71,71,.4);clear:both;height:500px;margin:0 auto;overflow:hidden;padding-top:20px;position:relative;text-align:center;width:800px}#player img{width:100%}#cursor{background:url(e8a7abc5f34d518bdfa2.png);display:none;height:17px;position:absolute;width:16px}.panel{clear:both;padding:0}.vid-info{align-items:center;background-color:hsla(0,0%,100%,0);display:flex;height:60px;justify-content:space-between;margin:0 auto;max-width:800px}.panel button.active{background:#1e8cbe;color:#fff}.panel #timeline{margin-top:3px;width:300px}button.play{background:url(cc7bf6ff7eb770f8b00e.png);background-size:contain}button.pause,button.play{border:none;cursor:pointer;height:22px;margin-top:5px;outline:none;padding:5px;text-align:center;width:22px}button.pause{background:url(1c990b3509a7c024ecfe.png);background-size:contain}.panel #page-list{width:150px}.page-list-pls{padding-top:15px}.play-pls{float:left;padding-top:5px}.time-pls{color:#fff;padding:7px}.timeline-pls{margin-right:10px;margin-top:15px;padding-top:5px}.panel .speed-pls{float:left;width:170px}#currtime{margin-right:5px;min-width:45px}#alltime,#currtime{color:var(--primary);float:left;font-size:14px;margin-top:6px}#alltime{margin-left:5px}.slash{float:left;margin-top:6px}.info,.slash{color:var(--primary)}.info{clear:both;padding:12px 0}.info-title{display:block;font-size:10px;text-transform:uppercase}.info span{margin-right:20px}.info-detail{font-size:14px}.dotl{background-color:#8b5ab1;box-shadow:0 0 0 2px #8b5ab1}.dotl,.dotr{border:2px solid #fff;border-radius:50%;height:15px;opacity:.6;position:absolute;width:15px}.dotr{background-color:#4cd5a9;box-shadow:0 0 0 2px #4cd5a9}.player-controls{background-color:hsla(0,0%,100%,0);height:50px;width:800px}.speed-pls{padding:10px}.speed-pls button{background:none;border:none;border-radius:3px;color:var(--primary);outline:none}.speed-pls button:hover{background-color:rgba(65,118,156,.3)}.speed-pls button.active{background-color:var(--primary);color:#fff}#clickbox{position:relative}.select-style{background:#fff;border:none;border:1px solid var(--primary);border-radius:3px;color:var(--primary);height:30px;outline:none;overflow:hidden;width:200px}.select-style select{-webkit-appearance:none;background:transparent;background-image:none;border:none;box-shadow:none;padding:5px 8px;width:130%}.select-style select:focus{outline:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=range]{-webkit-appearance:none;background-color:#a3a3a3;outline:none;overflow:hidden}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;color:#13bba4;height:4px;margin-top:-1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);box-shadow:-800px 0 0 800px var(--primary);cursor:ew-resize;height:4px;width:4px}}input[type=range]::-moz-range-progress{background-color:var(--primary)}input[type=range]::-moz-range-track{background-color:#a3a3a3}input[type=range]::-ms-fill-lower{background-color:var(--primary)}.loading{bottom:0;height:2em;left:0;margin:auto;overflow:show;position:absolute;right:0;top:0;width:2em;z-index:1}.loading:before{background-color:rgba(0,0,0,.3);content:"";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.loading:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.loading:not(:required):after{-webkit-animation:spinner 1.5s linear infinite;-moz-animation:spinner 1.5s linear infinite;-ms-animation:spinner 1.5s linear infinite;-o-animation:spinner 1.5s linear infinite;animation:spinner 1.5s linear infinite;border-radius:.5em;-webkit-box-shadow:1.5em 0 0 0 rgba(0,0,0,.75),1.1em 1.1em 0 0 rgba(0,0,0,.75),0 1.5em 0 0 rgba(0,0,0,.75),-1.1em 1.1em 0 0 rgba(0,0,0,.75),-1.5em 0 0 0 rgba(0,0,0,.5),-1.1em -1.1em 0 0 rgba(0,0,0,.5),0 -1.5em 0 0 rgba(0,0,0,.75),1.1em -1.1em 0 0 rgba(0,0,0,.75);box-shadow:1.5em 0 0 0 rgba(0,0,0,.75),1.1em 1.1em 0 0 rgba(0,0,0,.75),0 1.5em 0 0 rgba(0,0,0,.75),-1.1em 1.1em 0 0 rgba(0,0,0,.75),-1.5em 0 0 0 rgba(0,0,0,.75),-1.1em -1.1em 0 0 rgba(0,0,0,.75),0 -1.5em 0 0 rgba(0,0,0,.75),1.1em -1.1em 0 0 rgba(0,0,0,.75);content:"";display:block;font-size:10px;height:1em;margin-top:-.5em;width:1em}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}body{padding-top:70px}#result{display:none;height:150px;white-space:pre-wrap}#clientCustomerId{display:inline-block;width:150px}.is-mobile .replayer-mouse{background-image:none}.rr-player{--primary:#ff9d2e;--primary-muted:rgba(255,157,46,.5);--background:#fff;background:var(--background);border-radius:5px;float:left;position:relative}.rr-player__frame{overflow:hidden}.rr-timeline{align-items:center;display:flex;width:80%}.rr-timeline__time{color:#11103e;padding:0 20px}.rr-progress{background:#eee;border-bottom:4px solid #fff;border-radius:3px;border-top:4px solid #fff;box-sizing:border-box;cursor:pointer;height:12px;position:relative;width:100%}.rr-progress.disabled{cursor:not-allowed}.rr-progress__step{background:var(--primary-muted);height:100%;left:0;position:absolute;top:0}.rr-progress__handler{background:var(--primary);border-radius:10px;height:20px;position:absolute;top:2px;transform:translate(-50%,-50%);width:20px}.rr-controller__btns{align-items:center;font-size:13px;justify-content:center}.rr-controller__btns button{align-items:center;background:0 0;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;width:32px}.rr-controller__btns button:active{background:var(--primary-muted)}.rr-controller__btns button.active{background:var(--primary);color:#fff}.rr-controller__btns button:disabled{cursor:not-allowed}.switch{align-items:center;display:flex;height:1em}.switch.disabled{opacity:.5}.label{margin:0 8px}.switch input[type=checkbox]{opacity:0;position:absolute}.switch label{cursor:pointer;display:block;height:1em;position:relative;width:2em}.switch.disabled label{cursor:not-allowed}.switch label:before{background:var(--primary-muted);left:.1em;transition:background .1s ease;width:2em}.switch label:after,.switch label:before{border-radius:50px;content:"";height:1em;position:absolute}.switch label:after{animation:switch-off .2s ease-out;background:#fcfff4;box-shadow:0 2px 5px 0 rgba(0,0,0,.3);left:0;transition:all .2s ease;width:1em;z-index:2}.switch input[type=checkbox]:checked+label:before{background:var(--primary)}.switch input[type=checkbox]:checked+label:after{animation:switch-on .2s ease-out;left:1.1em}.rr-player__frame{position:relative}.replayer-wrapper{position:absolute}.replayer-mouse-tail{display:none!important}.rr-controller{align-items:center;background:var(--background);border-radius:0 0 5px 5px;display:flex;flex-direction:column;height:80px;justify-content:space-around;width:100%}.rr-controller__btns{display:flex}.rr-player.svelte-1wetjm2{background:#fff;border-radius:5px;float:left;position:relative}.rr-player__frame.svelte-1wetjm2{overflow:hidden}.replayer-wrapper{clear:both;float:left;left:50%;top:50%;transform-origin:top left}.replayer-wrapper>iframe{border:none}.rr-controller.svelte-18h3poc{--primary:#f6ba49;--toggle-off:#c8c8c8;align-items:center;background:#fff;border-radius:0 0 5px 5px;display:flex;flex-direction:column;height:80px;justify-content:space-around;width:100%}.rr-timeline.svelte-18h3poc{align-items:center;display:flex;width:80%}.rr-timeline__time.svelte-18h3poc{color:#11103e;margin:0 10px;text-align:center;width:80px}.rr-progress.svelte-18h3poc{background:#eee;border-bottom:4px solid #fff;border-radius:3px;border-top:4px solid #fff;box-sizing:border-box;cursor:pointer;height:12px;position:relative;width:100%}.rr-progress.disabled.svelte-18h3poc{cursor:not-allowed}.rr-progress__step.svelte-18h3poc{background:#e0e1fe;height:100%;left:0;position:absolute;top:0}.rr-progress__handler.svelte-18h3poc{background:var(--primary);border-radius:3px;height:20px;position:absolute;top:2px;transform:translate(-50%,-50%);width:8px}.rr-controller__btns.svelte-18h3poc{align-items:center;display:flex;font-size:13px;justify-content:center}.rr-controller__btns.svelte-18h3poc button.svelte-18h3poc{align-items:center;background:0 0;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;width:32px}.rr-controller__btns.svelte-18h3poc button.svelte-18h3poc:active{background:#e0e1fe}.rr-controller__btns.svelte-18h3poc button.active.svelte-18h3poc{background:var(--primary);color:#fff}.rr-controller__btns.svelte-18h3poc button.svelte-18h3poc:disabled{cursor:not-allowed}.switch.svelte-a6h7w7{align-items:center;display:flex;height:1em}.switch.disabled.svelte-a6h7w7{opacity:.5}.label.svelte-a6h7w7{color:#000!important;margin:0 8px}.switch.svelte-a6h7w7 input[type=checkbox].svelte-a6h7w7{opacity:0;position:absolute}.switch.svelte-a6h7w7 label.svelte-a6h7w7{cursor:pointer;display:block;height:1em;position:relative;width:2em}.switch.disabled.svelte-a6h7w7 label.svelte-a6h7w7{cursor:not-allowed}.switch.svelte-a6h7w7 label.svelte-a6h7w7:before{background:var(--toggle-off);border-radius:50px;content:"";height:1em;left:.1em;position:absolute;transition:background .1s ease;width:2em}.switch.svelte-a6h7w7 label.svelte-a6h7w7:after{animation:switch-off .2s ease-out;background:#fcfff4;border-radius:50px;box-shadow:0 2px 5px 0 rgba(0,0,0,.3);content:"";height:1em;left:0;position:absolute;transition:all .2s ease;width:1em;z-index:2}.switch input[type=checkbox]:checked+label.svelte-a6h7w7:before{background:var(--primary)}.switch input[type=checkbox]:checked+label.svelte-a6h7w7:after{animation:switch-on .2s ease-out;left:1.1em}.body{height:100%;position:relative;width:100%}