html{width:100%;height:100%;margin:0;padding:0}body{width:100%;height:100%;margin:0;padding:0;transition:.3s;font-family:Helvetica,Arial,sans-serif;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}header{position:absolute;top:0;left:0;right:0;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;background:linear-gradient(180deg,#000000b3,#00000080,#0000)}header h2{flex:1;line-height:20px;text-align:left;margin:0 16px;font-weight:700;font-family:Helvetica,Arial,sans-serif;text-shadow:1px 1px 0 rgba(0,0,0,.5);line-height:100%;vertical-align:middle}footer{max-height:80%;min-height:30%;width:100%;text-align:center;position:absolute;bottom:0;left:0;background:linear-gradient(180deg,#0000,#000,#000);z-index:3;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.title-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:48px;position:relative}.title-container__badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 -12px 0 8px;position:relative;z-index:3;cursor:pointer;outline:none}.title-container__badge:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px;border-radius:50%}.title-container__badge-extra{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#282623;height:48px;border-radius:25px;color:#fff;position:absolute;top:0;left:8px;opacity:0;transform-origin:left;transform:scaleX(.6);pointer-events:none;z-index:2;transition:transform .15s ease-out,opacity .15s ease-out}.title-container__badge-extra-content{margin:0 24px 0 52px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;opacity:0;transition:opacity .15s ease-out}.title-container__badge-extra-name{font-size:14px;letter-spacing:0;vertical-align:middle;text-align:left;margin:0 0 2px}.title-container__badge-extra-name.badge-extra-name__bold{font-weight:700}.title-container__badge-extra-role{font-weight:400;font-size:12px;letter-spacing:0;text-align:left;vertical-align:middle}.title-container__badge-initials{background:#333;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.title-container__badge-initials-verified{position:absolute}.badge-initials-verified__centered{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;display:flex;align-items:center;justify-content:center}.title-container__badge-initials-text{font-weight:700;letter-spacing:0;text-align:center;vertical-align:middle}.control-button{background:none;width:55px;height:55px;padding:unset;border:none;text-align:center;color:#000;font-weight:700;display:flex;align-items:center;justify-content:center;transition:.18s}.control-button:hover{transform:scale3d(1.02,1.02,1)}.control-button svg path{stroke-width:1.8px}.control-button-content{width:80%;height:80%;margin:auto;transition:.18s;background:#282623cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:9px;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.control-button-content:hover{cursor:pointer;background:#282623e6}.control-button-content:active{transform:scale3d(.96,.96,1)}.control-button-content svg{width:60%;height:60%}.control-button__dark{background:#00000080}.control-button__dark:hover{background:#000000b3}.control-button__dark svg path{stroke:#fff;opacity:.85}.control-button__mute{position:relative}.control-button__mute svg{width:50%;height:50%}.control-button__mute .mute-tooltip{position:absolute;top:0;left:0;display:flex;align-items:center;font-size:14px;font-weight:700;font-family:Helvetica,Arial,sans-serif;height:100%;padding:0 10px;background:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translate(-100%) translate(-10px);border-radius:4px;white-space:nowrap;opacity:0;transition:.15s;pointer-events:none}.control-button__dark .mute-tooltip{background:#000000b3;color:#ffffffd9}.control-button__mute:hover .mute-tooltip{opacity:1}.control-button__goback svg{width:50%;height:50%}.history-container{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.history-button{flex:1;border-width:0;padding:0;background:none;margin:8px 0 0 16px;overflow:hidden}.history-button:hover{cursor:pointer}.history-button__last{margin:8px 16px 0!important}.history-button-progress-bg{height:6px;margin:10px 0 8px;background:#28262399;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%;pointer-events:none;border-radius:8px;overflow:hidden}.history-button-progress-bg__finished{background:#fffc}.history-button-progress-line{width:100%;height:100%;background:#fffc;transform:translate(-100%);transition:.5s}.history-button__dark .history-button-progress-bg{background:#0000004d}.history-button__dark .history-button-progress-bg__finished{background:#ffffffb3}.video-element{width:100%;height:80%;-o-object-fit:cover;object-fit:cover;background-color:#000}.bottom-gradient-edge{position:absolute;left:0;bottom:20%;width:100%;height:40px;background:linear-gradient(#0000,#000);opacity:0}.footer__compacted{padding:10px 0 20px!important}.caption-text{opacity:0;display:block;width:-moz-fit-content;width:fit-content;background-color:#282623cc;color:#fff;font-family:Verdana,sans-serif;text-align:center;margin:0 auto 12px;border-radius:3px;padding:8px}.brand-space{position:absolute;bottom:0;right:0;width:100%;z-index:999999;display:flex;align-items:center;justify-content:center}.brand-space svg{width:200px}.brand-space .logo svg path:first-of-type{fill:var(--prefix-text-color, #808080)}.brand-space .logo svg path:nth-of-type(2),.brand-space .logo svg path:nth-of-type(3),.brand-space .logo svg path:nth-of-type(4),.brand-space .logo svg path:nth-of-type(5){fill:var(--left-accent-color, #08415a)}.brand-space .logo svg path:nth-of-type(6),.brand-space .logo svg path:nth-of-type(7),.brand-space .logo svg path:nth-of-type(8),.brand-space .logo svg path:nth-of-type(9){fill:var(--right-accent-color, #db5311)}.brand-space__variant-1{background:#fff;--prefix-text-color: #808080;--left-accent-color: #08415a;--right-accent-color: #db5311}.brand-space__variant-2{background:#000;--prefix-text-color: #9c9c9c;--left-accent-color: #cacaca;--right-accent-color: #9c9c9c}.brand-space-hidden{display:none}.logo{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.button-container{width:100%;height:100%;min-height:44px;opacity:0}.action-button{width:calc(100% - 32px);display:flex;align-items:center;justify-content:center;margin:12px auto 0;text-decoration:none;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#000;font-family:Arial,Helvetica,sans-serif;font-weight:700;border-width:0;border-radius:7px;transition:.18s;box-shadow:0 0 1px #646464b3,0 0 3px #646464b3;overflow:hidden}.action-button:hover{cursor:pointer;transform:scale3d(1.02,1.02,1)}.action-button:active{cursor:pointer;transform:scale(.98)}.loader-container{position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;display:none}.loader-container__block{width:5px;height:5px;border-radius:50%;display:block;margin:15px auto;position:relative;color:#fff;left:-100px;box-sizing:border-box;animation:shadowRollingOnDark 2s linear infinite}.replay-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:none;align-items:center;justify-content:center}.replay-container button{display:flex;align-items:center;justify-content:center;background:#282623cc;border-radius:50%;border:none;margin:0 0 54px}.replay-container button:hover{cursor:pointer;background:#282623e6}.name-plate-container{color:#fff;position:absolute;left:10%;border:1px solid transparent;border-radius:9px;text-align:left;font-size:16px;font-weight:500;font-family:Verdana,sans-serif;overflow:hidden;transform-origin:0 50%}.name-plate-container__author{padding:2px 8px;background:#282420d9;font-weight:700;font-size:14px;vertical-align:middle;color:#faf6ef}.name-plate-container__role{padding:2px 8px;background:#282420d9;font-weight:400;font-size:14px;vertical-align:middle;color:#faf6ef}.name-plate-container__author::-moz-selection,.name-plate-container__role::-moz-selection{background:none}.name-plate-container__author::selection,.name-plate-container__role::selection{background:none}.name-plate-container__author-text,.name-plate-container__role-text{margin:0;padding:0;opacity:0}.preview-label{position:absolute;background:#db5311;text-transform:uppercase;width:171px;height:32px;display:flex;align-items:center;justify-content:center;border-top-left-radius:9px;border-top-right-radius:9px;font-family:Helvetica;font-size:11px;font-weight:700;color:#fff;bottom:0;left:50%;transform:translate(-50%);z-index:4}.hidden{pointer-events:none;opacity:0;display:none}.controls-container{display:flex;flex-direction:row;align-items:center;margin-right:12px}html[data-is-desktop] .name-plate-container{font-size:14px}html[data-is-desktop] .history-button-progress-bg{height:6px;margin:10px 0 8px}html[data-is-desktop] .control-button__mute:hover .mute-tooltip{opacity:1}@keyframes shadowRollingOnDark{0%{box-shadow:0 0 #55c59c00,0 0 #f99e0000,0 0 #fff0,0 0 #e4644700}12%{box-shadow:100px 0 #55c59c,0 0 #f99e0000,0 0 #fff0,0 0 #e4644700}25%{box-shadow:110px 0 #55c59c,100px 0 #f99e00,0 0 #fff0,0 0 #e4644700}36%{box-shadow:120px 0 #55c59c,110px 0 #f99e00,100px 0 #fff,0 0 #e4644700}50%{box-shadow:130px 0 #55c59c,120px 0 #f99e00,110px 0 #fff,100px 0 #e46447}62%{box-shadow:200px 0 #55c59c00,130px 0 #f99e00,120px 0 #fff,110px 0 #e46447}75%{box-shadow:200px 0 #55c59c00,200px 0 #f99e0000,130px 0 #fff,120px 0 #e46447}87%{box-shadow:200px 0 #55c59c00,200px 0 #f99e0000,200px 0 #fff0,130px 0 #e46447}to{box-shadow:200px 0 #55c59c00,200px 0 #f99e0000,200px 0 #fff0,200px 0 #e4644700}}.speed-mode-hidden{opacity:0!important;transition:opacity .25s ease-out;pointer-events:none}.controls-container,.history-container,header h2,.name-plate-container{transition:opacity .25s ease-in}.button-container.speed-mode-hidden{display:none}.speed-indicator{position:absolute;top:10%;left:50%;transform:translate(-50%,-50%);background:#00000080;color:#fff;width:77px;height:32px;border-radius:41px;font-size:16px;font-weight:700;z-index:10;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .25s ease-in-out}.speed-indicator.hidden{opacity:0}.speed-indicator__icon{margin:0 0 0 2px}.speed-indicator__number{margin:0 0 2px}.title-container__badge:hover~.title-container__badge-extra,.title-container__badge:focus-visible~.title-container__badge-extra{opacity:1;transform:scaleX(1);pointer-events:auto}.title-container__badge:hover~.title-container__badge-extra .title-container__badge-extra-content,.title-container__badge:focus-visible~.title-container__badge-extra .title-container__badge-extra-content{opacity:1;transition-delay:.2s}.title-container__badge-extra{transition:transform .15s ease-out,opacity .15s ease-out}.title-container__badge-extra-content{transition:opacity .15s ease-out}.title-container__badge-extra:not(:hover){transition-delay:.1s}.title-container__badge-extra:not(:hover) .title-container__badge-extra-content{opacity:0;transition-delay:0s}.title-container__badge--no-hover:hover~.title-container__badge-extra,.title-container__badge--no-hover:focus-visible~.title-container__badge-extra{opacity:0;transform:scaleX(.6);pointer-events:none}.title-container__badge--no-hover{cursor:default}.title-container__badge--no-hover:hover~.title-container__badge-extra .title-container__badge-extra-content,.title-container__badge--no-hover:focus-visible~.title-container__badge-extra .title-container__badge-extra-content{opacity:0;transition-delay:0s}.title-container__badge--show-extra~.title-container__badge-extra{opacity:1;transform:scaleX(1);pointer-events:auto}.title-container__badge--show-extra~.title-container__badge-extra .title-container__badge-extra-content{opacity:1;transition-delay:.2s}