@charset "UTF-8";@font-face{font-family:Visuelt;src:url(/fonts/Visuelt-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Visuelt;src:url(/fonts/Visuelt-Medium.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}strong{font-weight:700}*,*:before,*:after{box-sizing:border-box;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:0}::selection{background:#fc5200;color:#fff}::-moz-selection{background:#fc5200;color:#fff}body,html{font:2vh Visuelt,Helvetica,Arial,sans-serif;background:#040041;color:#fff;-webkit-user-select:none;user-select:none}.main{position:relative}.color--white{color:#fff}.color--black{color:#000}.background--white{background-color:#fff}.background--black{background-color:#000}body>svg .svg-fill{fill:#040041}.embed>svg .svg-fill{fill:#f9f9f9!important}.tabbar{position:fixed;bottom:0;left:0;z-index:99;width:100%;height:8vh;display:flex;color:#fff;font-weight:700;font-size:.9em;text-align:center;justify-content:stretch}.tabbar-tab{flex-grow:1;display:flex;justify-content:center;align-items:center;background:#ffffff2b;transition:background-color .325s ease;cursor:pointer}.tabbar-tab--active{background:#fff6}.logo{position:fixed;top:8vh;right:8vh;width:32vh;height:6vh;opacity:0;transition:opacity .325s ease;pointer-events:none}.logo--visible{opacity:1}.logo svg{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%)}.hidden{display:none}.grid{position:fixed;top:4vh;left:8vh;right:4vh;bottom:16vh;background:#040041}.grid--embed{background:#f9f9f9;color:#040041;top:2vh;left:2vh;right:2vh;bottom:8vh;box-shadow:0 0 0 8vh #f9f9f9}.item{position:absolute;top:0;left:0;opacity:0;height:25%;transition:all .325s ease;pointer-events:none}.item-icon{position:absolute;top:50%;width:4.25rem;height:4.25rem;margin:-2.125rem 0;position:relative}.item-icon svg{position:absolute;top:50%;left:-10%;width:120%;height:auto;transform:translateY(-50%)}.item-icon[data-icon=us-capture] svg{transform:translateY(-50%) translate(5%)}.item-label{position:absolute;bottom:1.45rem;left:0;width:4.25rem;text-align:center;font-size:.75rem;font-weight:700;height:1em;line-height:1.2em}.item-label em{display:block;color:#8584a3;font-size:.8em;line-height:1.15em;max-width:13.5em}.item-label span{position:relative;width:6rem;left:-.875rem;display:block}.item-icon[data-icon=us-channel]+.item-label span{background:#040041}.grid--embed .item-icon[data-icon=us-channel]+.item-label span{background:#f9f9f9}.item-lock{position:absolute;top:50%;left:4.25rem;width:.825em;height:.7em;margin:-1.1em 0 0 .4em;color:#fff;border:.1em solid currentColor;border-radius:.1em;transform:scale(.75);transition:all .325s ease;opacity:.6}.item-lock:before{content:"";position:absolute;top:50%;left:50%;width:.15em;height:.15em;background:currentColor;border-radius:50%;transform:translate3d(-50%,-50%,0)}.item-lock:after{content:"";position:absolute;bottom:100%;left:.1em;right:.1em;height:.45em;border:.1em solid currentColor;border-width:.1em .1em 0 .1em;border-radius:50% 50% 0 0}.grid--overview .item-lock--negative{margin-top:-1.7em}.grid--overview .item-lock--doublenegative{margin-top:-2.1em}.grid--embed .item-lock{color:#040041}.item--visible{opacity:1;pointer-events:all}.item--highlight{z-index:3;pointer-events:none}.item--product .item-icon{color:#e40049;transform:translateZ(0)}.item--product .item-icon svg{left:-5%;width:110%}.item--product .item-icon span{position:absolute;top:-.3287375rem;width:4.25rem;height:4.907475rem;background-color:currentColor;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.item--product .item-icon[data-icon*=packager]{color:#4da1ff}.item--product .item-icon[data-icon*=capture]{color:#71cb81}.item--product .item-icon[data-icon*=remix]{color:#fdbe11}.item--product .item-icon[data-icon*=channel]{color:#ff7f00}.item--step .item-icon{background:#040041;border:.1em solid #fff;border-radius:50%;color:#fff}.grid--embed .item--step .item-icon{background:#f9f9f9;border:.125em solid #4DA1FF;color:#040041}.item--output .item-icon:before{content:"";background:#040041;position:absolute;top:50%;margin:-1em 0;height:2em;width:7em}.grid--embed .item--output .item-icon:before{background:#f9f9f9}.item--output .item-icon:after{content:"";background:#8687b9;position:absolute;top:50%;margin:-.9em 0;height:1.8em;width:1.8em;border-radius:50%;left:-1.25em}.grid--embed .item--output .item-icon:after{background:#4da1ff}.item--output .item-icon svg{position:absolute;top:50%;left:-30%;width:130%;height:auto;background:linear-gradient(to bottom,transparent 10%,#040041 10%);transform:translateY(-50%)}.grid--embed .item--output .item-icon svg{top:49.5%;background:#f9f9f9;box-shadow:0 -.1em #f9f9f9}.item--output .item-label{position:absolute;top:50%;left:4.8875rem;right:0;text-align:left;bottom:auto;margin-top:-.6em;width:auto}.item--output .item-label span{display:block;width:auto;left:auto}.grid--embed .item--drm{display:none}.item--drm .item-icon:before{content:"";background:#040041;position:absolute;top:50%;margin:-1em 0;height:2em;width:7em}.item--drm .item-icon:after{content:"";background:#8687b9;position:absolute;top:50%;margin:-.9em 0;height:1.8em;width:1.8em;border-radius:50%;left:-1.25em}.item--drm .item-icon svg{position:absolute;top:50%;left:-30%;width:140%;height:auto;transform:translateY(-50%)}.item--drm .item-label{position:absolute;top:50%;left:4.8875rem;right:0;text-align:left;bottom:auto;margin-top:-.6em;width:auto}.item--drm .item-label span{display:block;width:auto;left:auto}.item--drm .item-lock{left:3.25rem;top:calc(50% + .8em);opacity:1;color:#fff}.grid--embed .item--drm .item-lock{color:#040041}.item--label .item-label{bottom:auto;top:50%;margin:-1.1em auto 0;height:auto;font-weight:700;color:#8784bc}.item--label .item-label span{display:inline-block;width:auto;left:0;background:#040041;padding:.4em}.grid--embed .item--label .item-label span{color:#4da1ff;background:#f9f9f9}.item--label[data-id=live-stream2] .item-label{transform:rotate(90deg)}.item[data-id=live-stream3]{transform:translate(-50%)}.item[data-id=live-stream3] .item-label{width:8em;margin-top:-1.5em}.tooltip{position:fixed;top:0;left:0;right:0;bottom:8vh;background:#040041b3;z-index:999}.grid--embed .tooltip{background:#f9f9f9b3;bottom:-8vh;left:-8vh;right:-8vh}.tooltip-container{position:absolute;top:4vh;left:8vh;right:4vh;bottom:8vh}.tooltip-inside{position:absolute;margin-left:6.5rem;background:#fff;width:18rem;color:#040041;padding:2rem 2rem 2.5rem}.tooltip-inside:before{content:"";position:absolute;top:8vh;left:-.75rem;width:1.5rem;height:1.5rem;background:#fff;transform:rotate(45deg)}.tooltip-inside h2{font-size:1.8em;line-height:1em;font-weight:700;margin-bottom:1em}.tooltip-inside p{color:#8584a3}.tooltip--right .tooltip-inside{margin-left:0;margin-left:-3.25rem;transform:translate(-100%)}.tooltip--right .tooltip-inside:before{left:auto;right:-.75rem}.tooltip--bottom .tooltip-inside{margin-top:-16vh}.tooltip--bottom .tooltip-inside:before{top:24vh}.group{position:absolute;top:0;left:0;opacity:0;transition:opacity .325s ease;font-weight:700}.group em{display:block;color:#4da1ff;font-style:normal}.group--visible{opacity:1;transition-delay:.325s}.grid--embed .group--hidden-embed{display:none}.group:before{content:"";position:absolute;top:1.2em;left:-1em;right:1.75em;bottom:-.5em;background:#ffffff2b;border-radius:.9em}.grid--embed .group:before{background:#0400410d}.group--offset:before{background:#4da1ff;bottom:.5em;left:-1.5em;right:1.25em;opacity:.5}.grid--embed .group--offset:before{background:#4da1ff80}.group--offset em{color:#fff;margin-left:-.5em}.grid--embed .group--offset em{color:#4da1ff}.group-label{position:relative;top:2rem;line-height:1.2em;font-size:.95em;margin-right:2.5rem}.group-label li{position:relative;list-style:none;padding-left:1.5em}.group-label li:after{content:"·";position:absolute;top:0;left:0}.group span{display:block;font-weight:400;font-size:.95em;line-height:1.25em}.lines{position:absolute;top:0;left:0;bottom:0;right:0;mix-blend-mode:screen}.grid--embed .lines{mix-blend-mode:multiply}.lines-container{position:absolute;top:0;left:0;right:0;bottom:0;transform:translate(2.125rem)}.line{position:absolute;top:0;left:0;transition:all .325s ease}.line--hidden{opacity:0}.line path{fill:transparent;stroke-width:.125em;stroke:#8584a3;transition:all .325s ease}.grid--embed .line path{stroke:#4da1ff;stroke-width:.15em}.line-mask{stroke:#000!important;stroke-width:.625em!important}.grid--embed .line-mask{stroke:#fff!important}.line-runner{stroke:#fff!important;stroke-dashoffset:11.85em;animation:strokeAni 3s linear infinite;stroke-dasharray:.05em,2em,.05em,5em,.05em,3em;stroke-linecap:round;opacity:.5}.line-dotted{stroke:#000!important;stroke-dasharray:.5em;stroke-width:.2em!important}.grid--embed .line-dotted{stroke:#fff!important}@keyframes strokeAni{0%{stroke-dashoffset:10.2em}to{stroke-dashoffset:0rem}}