@font-face{font-family:'Roboto';src:url("Roboto-Regular-webfont.woff") format('woff');font-weight:400;font-style:normal}@font-face{font-family:'Univia';src:url("univia-w01-regular.woff2") format('woff2');font-weight:400;font-style:normal}@font-face{font-family:'Univia';src:url("univia-w01-bold.woff2") format('woff2');font-weight:700;font-style:oblique}html,body{font-family:'Univia',sans-serif;padding:0;margin:0;width:100%;height:100%;overflow:hidden;background-color:#f0f0f0}#infos{position:absolute;top:0;bottom:0;left:0;right:0;z-index:3;background-color:rgba(255,255,255,0.502);display:flex;flex-direction:column;justify-content:center;align-items:center}#infos .info{display:flex;flex-direction:column;background-color:#fff;box-shadow:.5em .5em 1em rgba(0,0,0,0.251);max-width:90%;max-height:90%}#infos .info .headline{display:flex;background-color:#003057;color:#fff;align-items:center;padding:.25em 1em}#infos .info .headline h1{flex-grow:1;font-size:1.4em;font-weight:normal;margin:0}#infos .info .headline svg{margin-left:.5em;width:1.4em;height:1.4em;fill:#fff}#infos .info .headline svg:hover{cursor:pointer}#infos .info h2{font-size:1.2em;margin:0}#infos .info .content{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:auto;padding:1em;overflow-x:hidden;overflow-y:auto}#infos .info .content .unit{display:flex;flex-direction:row;justify-content:center;align-items:center;overflow:hidden;margin-bottom:1em;min-width:1px}#infos .info .content .unit img{width:auto;height:100%;min-height:20em;max-height:100%}#infos .info .content .encoders{display:flex;margin-bottom:1em}#infos .info .content .encoders .sectionseparator{border-left:.15em solid #808080;margin:0 1em}#infos .info .content .encoders .sectionseparator.option{height:6em;align-self:center}#infos .info .content .encoders .icons{white-space:nowrap;margin-left:-.5em;margin-right:-.5em;margin-bottom:.5em}#infos .info .content .encoders .icons .icon{display:inline-block;position:relative}#infos .info .content .encoders .icons .icon img,#infos .info .content .encoders .icons .icon svg{width:5em;height:6em;margin-top:.75em}#infos .info .content .encoders .icons .icon .count{background-color:#910748;width:2em;height:2em;border-radius:1em;color:#fff;line-height:2em;text-align:center;position:absolute;top:0}#infos .info .content .buttons{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#90004a #fde}#infos .info .content .buttons::-webkit-scrollbar{height:.75em;background-color:#fde}#infos .info .content .buttons::-webkit-scrollbar-thumb{background:#90004a}#infos .info .content .buttons .button{user-select:none;color:#fff;background-size:200%;background-image:linear-gradient(to right,#90004a 50%,#a0a0a0 50%);background-position-x:0%;transition:background-position-x 250ms;white-space:nowrap;padding:.75em 1.25em;text-decoration:none;margin-bottom:.5em}#infos .info .content .buttons .button:not(.disabled):hover{cursor:pointer;background-color:#003057}#infos .info .content .buttons .button.disabled{background-position-x:100%}#infos .info .content .buttons .button:not(:last-child){margin-right:.4em}#infos .info .content #buttons-info.hidden,#infos .info .content #buttons-cs.hidden,#infos .info .content #buttonCaseStudies.hidden{display:none}#infos .info.sbs .content{display:grid;grid-template-rows:auto auto;grid-template-columns:auto auto}#infos .info.sbs .content .encoders{grid-area:1/1/2/2}#infos .info.sbs .content .buttons{grid-area:2/1/3/2}#infos .info.sbs .content .unit{grid-area:1/2/3/3;margin-bottom:0;margin-left:1em}#infos .info.sbs .content .unit img{width:100%;height:auto;min-width:20em;max-width:50vw}#infos .info.sbs .content .encoders{flex-direction:column}#infos .info.sbs .content .encoders .section{padding:0 1em}#infos .info.sbs .content .encoders .sectionseparator{border:none}#infos .info.sbs .content .encoders .sectionseparator.option{display:none;height:0}#infos .info.sbs .content .buttons{flex-direction:column;align-self:end}@media (max-width:800px){#infos .info .headline h1{font-size:1em}#infos .info h2{font-size:.8em}#infos .info .content .encoders .icons{margin-left:-.35em;margin-right:-.35em}#infos .info .content .encoders .icons .icon svg{width:3.333em;height:4em}#infos .info .buttons{font-size:.8em}#infos .info .buttons .pdfLabel{display:none}}@media (max-aspect-ratio:1/1){#infos .info .content .unit img{width:100%;height:auto;min-height:auto}}#chains{position:absolute;top:0;bottom:0;left:0;right:0;z-index:12;background-color:rgba(255,255,255,0.502);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center}#chains .visual{position:relative;width:min(80%, calc(80vh / 9 * 16));height:80%;max-aspect-ratio:16/9}#chains .visual svg.close{position:absolute;z-index:13;top:.5em;right:.5em;margin-left:.5em;width:1.4em;height:1.4em;fill:#fff}#chains .visual svg.close:hover{cursor:pointer}#chains .visual img{position:absolute;width:100%;height:100%;box-shadow:.25em .25em 1em rgba(0,0,0,0.5);object-fit:cover;transition:transform 500ms}#chains .visual img.move_out_prev{transform:translateX(150%)}#chains .visual img.move_out_next{transform:translateX(-150%)}#chains .visual img.move_in_prev{animation:ani_move_in_prev 500ms}#chains .visual img.move_in_next{animation:ani_move_in_next 500ms}#chains h1{position:absolute;bottom:10%;font-size:3em;font-weight:bold;color:#f0f0f0;text-shadow:.05em .05em .05em #000;user-select:none;pointer-events:none}#chains .prev,#chains .next{position:absolute;display:flex;flex-direction:column}#chains .prev .headline,#chains .next .headline{margin:.25em;height:2em;padding:.2em;user-select:none;background-color:rgba(255,255,255,0.75);display:inline-flex;flex-direction:column;justify-content:center}#chains .prev{left:1em}#chains .prev .headline{padding:.25em 1em .25em .5em;align-items:flex-start}#chains .next{right:1em}#chains .next .headline{padding:.25em .5em .25em 1em;align-items:flex-end}#chains .button{user-select:none;color:#fff;background-size:200%;background-image:linear-gradient(to right,#90004a 50%,#a0a0a0 50%);background-position-x:0%;transition:background-position-x 250ms;white-space:nowrap;padding:.75em 1.25em;text-decoration:none;margin:.25em}#chains .button:not(.disabled):hover{cursor:pointer;background-color:#003057}#chains .button.disabled{background-position-x:100%}#chains .button span{display:block;font-size:.7em}#chains .show{position:absolute;z-index:13;bottom:6%;left:50%;transform:translateX(-50%)}@-moz-keyframes ani_move_in_prev{0%{transform:translateX(-150%)}100%{transform:translateX(0%)}}@-webkit-keyframes ani_move_in_prev{0%{transform:translateX(-150%)}100%{transform:translateX(0%)}}@-o-keyframes ani_move_in_prev{0%{transform:translateX(-150%)}100%{transform:translateX(0%)}}@keyframes ani_move_in_prev{0%{transform:translateX(-150%)}100%{transform:translateX(0%)}}@-moz-keyframes ani_move_in_next{0%{transform:translateX(150%)}100%{transform:translateX(0%)}}@-webkit-keyframes ani_move_in_next{0%{transform:translateX(150%)}100%{transform:translateX(0%)}}@-o-keyframes ani_move_in_next{0%{transform:translateX(150%)}100%{transform:translateX(0%)}}@keyframes ani_move_in_next{0%{transform:translateX(150%)}100%{transform:translateX(0%)}}#pleasewait{position:absolute;z-index:10;top:0;bottom:0;left:0;right:0;display:flex;background-color:rgba(255,255,255,0.627);display:flex;flex-direction:column;align-items:center;justify-content:center}#pleasewait .content{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;box-shadow:.25em .25em .5em rgba(0,0,0,0.251);border:1px solid var(--color-border);padding:1em}#pleasewait .throbber{margin-top:1em}#pleasewait .button{user-select:none;color:#fff;background-size:200%;background-image:linear-gradient(to right,#90004a 50%,#a0a0a0 50%);background-position-x:0%;transition:background-position-x 250ms;white-space:nowrap;padding:.75em 1.25em;text-decoration:none;margin-top:1.5em}#pleasewait .button:not(.disabled):hover{cursor:pointer;background-color:#003057}#pleasewait .button.disabled{background-position-x:100%}.throbber{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.throbber .lds-ellipsis{position:relative;width:80px;height:14px}.throbber .lds-ellipsis div{position:absolute;width:14px;height:14px;background:#003057;animation-timing-function:cubic-bezier(0,1,1,0)}.throbber .lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 800ms infinite}.throbber .lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 800ms infinite}.throbber .lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 800ms infinite}.throbber .lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 800ms infinite}@-moz-keyframes lds-ellipsis1{0%{transform:scale(0) rotate(.1deg)}90%{transform:scale(1) rotate(.01deg)}}@-webkit-keyframes lds-ellipsis1{0%{transform:scale(0) rotate(.1deg)}90%{transform:scale(1) rotate(.01deg)}}@-o-keyframes lds-ellipsis1{0%{transform:scale(0) rotate(.1deg)}90%{transform:scale(1) rotate(.01deg)}}@keyframes lds-ellipsis1{0%{transform:scale(0) rotate(.1deg)}90%{transform:scale(1) rotate(.01deg)}}@-moz-keyframes lds-ellipsis2{0%{transform:translate(0,0) rotate(.01deg)}100%{transform:translate(24px,0) rotate(.1deg)}}@-webkit-keyframes lds-ellipsis2{0%{transform:translate(0,0) rotate(.01deg)}100%{transform:translate(24px,0) rotate(.1deg)}}@-o-keyframes lds-ellipsis2{0%{transform:translate(0,0) rotate(.01deg)}100%{transform:translate(24px,0) rotate(.1deg)}}@keyframes lds-ellipsis2{0%{transform:translate(0,0) rotate(.01deg)}100%{transform:translate(24px,0) rotate(.1deg)}}@-moz-keyframes lds-ellipsis3{0%{transform:scale(1) rotate(.01deg)}90%{transform:scale(0) rotate(.1deg)}}@-webkit-keyframes lds-ellipsis3{0%{transform:scale(1) rotate(.01deg)}90%{transform:scale(0) rotate(.1deg)}}@-o-keyframes lds-ellipsis3{0%{transform:scale(1) rotate(.01deg)}90%{transform:scale(0) rotate(.1deg)}}@keyframes lds-ellipsis3{0%{transform:scale(1) rotate(.01deg)}90%{transform:scale(0) rotate(.1deg)}}#debug-overlay{position:absolute;top:0;left:0;background-color:rgba(255,255,255,0.251);margin:.5em;padding:.5em;z-index:99}#debug-overlay h1{font-size:1.2em;margin:0}#debug-overlay input{width:4em}#staticCanvas{display:none;position:absolute;z-index:99;bottom:.5em;left:.5em;width:320px;height:180px;outline:1px solid #000}#cropCanvas{display:none;position:absolute;z-index:99;bottom:.5em;left:.5em;width:320px;height:180px;outline:1px solid #000}.hidden{display:none}a.disabled{pointer-events:none}#controls{position:absolute;top:1em;left:1em;z-index:4}#controls .icon,#fullscreen .icon,#rev .icon,#meta .icon,#controls .optional,#fullscreen .optional,#rev .optional,#meta .optional{display:inline-block}#controls .icon,#fullscreen .icon,#rev .icon,#meta .icon{padding:1em;margin:.25em;line-height:.75em;border-radius:50%;border:.1em solid transparent;transition:transform 100ms ease;background-color:rgba(255,255,255,0.878)}#controls .icon svg,#fullscreen .icon svg,#rev .icon svg,#meta .icon svg{width:1.5em;height:1.5em}#controls .icon:hover,#fullscreen .icon:hover,#rev .icon:hover,#meta .icon:hover,#controls .icon.optional.show:hover,#fullscreen .icon.optional.show:hover,#rev .icon.optional.show:hover,#meta .icon.optional.show:hover{cursor:pointer;transform:scale(1.2,1.2);transition:transform 250ms ease}#controls .icon:hover svg,#fullscreen .icon:hover svg,#rev .icon:hover svg,#meta .icon:hover svg,#controls .icon.optional.show:hover svg,#fullscreen .icon.optional.show:hover svg,#rev .icon.optional.show:hover svg,#meta .icon.optional.show:hover svg{fill:#1451a0}#controls .icon:active,#fullscreen .icon:active,#rev .icon:active,#meta .icon:active{transform:scale(1.4,1.4)}#controls .icon:active svg,#fullscreen .icon:active svg,#rev .icon:active svg,#meta .icon:active svg{fill:#1451a0}#controls .icon .tooltip,#fullscreen .icon .tooltip,#rev .icon .tooltip,#meta .icon .tooltip{opacity:0;pointer-events:none;position:absolute;font-size:.8em;color:#000;background-color:#fff;padding:.5em;white-space:nowrap;transform:translate(-33%,1.5rem);transition:all 50ms}#controls .icon:hover .tooltip,#fullscreen .icon:hover .tooltip,#rev .icon:hover .tooltip,#meta .icon:hover .tooltip{opacity:1}#controls .components .icon,#fullscreen .components .icon,#rev .components .icon,#meta .components .icon{background-color:#21a366}#controls .components .icon svg,#fullscreen .components .icon svg,#rev .components .icon svg,#meta .components .icon svg{fill:#fff}#controls .optional,#fullscreen .optional,#rev .optional,#meta .optional{transform:scale(0,0);opacity:0;transition:all 500ms;width:0}#controls .optional.show,#fullscreen .optional.show,#rev .optional.show,#meta .optional.show{opacity:1;transform:scale(1,1);transition:all 250ms;width:4.25em}#rev .icon::before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background-color:#000;border-radius:50%;z-index:-1;transform:scale(0);opacity:0}#rev .icon.indicator::before{opacity:1;transform:scale(1);transition:opacity 200ms linear 800ms}#rev .icon.default::before{transform:scale(5);opacity:0;transition:transform 2000ms ease-out,opacity 1000ms}#stage-frame{touch-action:none;position:absolute;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-direction:column}#stage{position:relative;width:100%;height:100%;box-sizing:border-box;overflow:hidden}#errorFlash{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;background-color:#f00;opacity:0}#errorFlash.flashing{z-index:99;animation:errorFlash 150ms}#logo{position:absolute;z-index:2;top:1.5em;right:1.5em;width:12%;opacity:1}#progress{position:absolute;width:20em;height:.5em;border:1px solid #000;z-index:2;bottom:5em;left:calc(50% - 10em)}#progress #progressbar{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#910748}#titleOverlay{position:absolute;z-index:2;bottom:.5em;left:.75em;font-size:3em;font-weight:bold;color:#f0f0f0;text-shadow:.05em .05em .05em #000;user-select:none;pointer-events:none}#tooltip{position:absolute;z-index:3;display:none;pointer-events:none}#tooltip span{display:block;font-size:1em;background-color:#fff;pointer-events:none;padding:.05em .2em;white-space:nowrap}canvas#renderCanvas{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0;box-sizing:border-box;z-index:1;user-select:none;user-select:none}#rev{display:none;position:absolute;left:1em;top:50%;z-index:3}#fullscreen{display:inline-block}#fullscreen .nav-wd{display:none}#sidebar-cover{display:none;z-index:10;position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.502);user-select:none}#sidebar{z-index:11;font-family:'Roboto Light',sans-serif;position:absolute;top:0;left:-23.5em;background-color:#fff;width:22.5em;height:100%;box-shadow:.1em .1em .1em .1em rgba(0,0,0,0.376);overflow-y:auto;transition:left 250ms ease-in}#sidebar.show{left:0}#sidebar .headline{padding:.5em 1em;margin-bottom:1em;background-color:#e0e0e0;display:flex;align-items:center}#sidebar .headline h1{margin:0;flex:1 0 auto;font-size:1.2em}#sidebar .menu{margin-left:1em}#sidebar .menu a{display:block;text-decoration:none}#sidebar .menu ul{padding-left:1.4em;margin:0}#sidebar .menu li{list-style-type:square}#sidebar .menu li a{color:#000;padding:.15em 0 .15em 2.45em;margin:0 0 0 -2em;border-left:.25em transparent solid}#sidebar .menu li a:hover{background-color:#f0f0f0;border-left:.25em #a8afc5 solid;cursor:pointer}#sidebar .menu li a:active{border-left:.25em #a8afc5 solid}#sidebar .menu li.offline{color:#808080}#sidebar .menu li.offline a{color:#808080}iframe#output{display:none;flex-grow:1;position:absolute;z-index:99;top:2em;bottom:2em;right:2em;height:calc(100% - 4em);width:40em}@-moz-keyframes errorFlash{0%{opacity:.33}100%{opacity:0}}@-webkit-keyframes errorFlash{0%{opacity:.33}100%{opacity:0}}@-o-keyframes errorFlash{0%{opacity:.33}100%{opacity:0}}@keyframes errorFlash{0%{opacity:.33}100%{opacity:0}}