@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}.tabbar-grid{flex:0 0 auto;min-width:4.5em;padding:0 .9em;display:flex;justify-content:center;align-items:center;border:0;background:#ffffff2b;color:inherit;font:inherit;font-weight:700;cursor:pointer;transition:background-color .325s ease}.tabbar-grid--on{background:#fc5200d9;color:#fff}.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{--diagram-surface: #040041;--column-surface: rgb(46.67, 43.35, 97.3);--knockout-surface: var(--diagram-surface);position:fixed;top:4vh;left:8vh;right:4vh;bottom:16vh;background:var(--diagram-surface);overflow:visible}.grid--embed{--diagram-surface: #f9f9f9;--column-surface: rgb(236.75, 236.55, 239.8);color:#040041;top:2vh;left:2vh;right:2vh;bottom:8vh;box-shadow:0 0 0 8vh #f9f9f9}.grid--embed.grid--hang-left{left:2.5em}.item{position:absolute;top:0;left:0;z-index:3;opacity:0;height:calc(25% * var(--item-rows, 1));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--on-column{--knockout-surface: var(--column-surface)}.item--highlight{z-index:5;pointer-events:none}.item.item--green{--item-accent: #71CB81}.item.item--blue{--item-accent: #4DA1FF}.item.item--yellow{--item-accent: #FDBE11}.item.item--red{--item-accent: #E40049}.item.item--orange{--item-accent: #FC5200}.item.item--tomato{--item-accent: tomato}.item.item--purple{--item-accent: #c084fc}.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--dot{z-index:6}.item--visible.item--dot{pointer-events:none}.item--dot .item-dot{position:absolute;top:50%;left:0;width:1.7rem;height:1.7rem;display:flex;align-items:center;justify-content:center;background:#4da1ff;color:#fff;border:0;padding:0;border-radius:50%;font-size:.85rem;font-weight:700;font-family:inherit;line-height:1;cursor:pointer;pointer-events:none;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%)}.item--visible.item--dot .item-dot{pointer-events:all}.item--output:not(.item--on-column) .item-icon{--output-node: #8584a3}.grid--embed .item--output:not(.item--on-column) .item-icon{--output-node: #4DA1FF}.item--output:not(.item--on-column) .item-icon:before{content:"";background:var(--knockout-surface);position:absolute;top:50%;margin:-1em 0;height:2em;width:7em}.item--output:not(.item--on-column) .item-icon:after{content:"";background:var(--output-node);position:absolute;top:50%;margin:-.9em 0;height:1.8em;width:1.8em;border-radius:50%;left:-1.25em}.item--output:not(.item--on-column) .item-icon svg{position:absolute;top:50%;left:-30%;width:130%;height:auto;background:var(--knockout-surface);transform:translateY(-50%)}.grid--embed .item--output:not(.item--on-column) .item-icon svg{top:49.5%;box-shadow:0 -.1em 0 var(--knockout-surface)}.item--output:not(.item--on-column) .item-label{position:absolute;top:50%;left:4.8875rem;right:0;text-align:left;bottom:auto;margin-top:-.6em;width:auto}.item--output:not(.item--on-column) .item-label span{display:block;width:auto;left:auto}.item--output.item--on-column .item-icon{background:var(--knockout-surface)}.item--output.item--on-column .item-icon svg{top:0;left:50%;width:auto;height:100%;background:transparent;transform:translate(-50%)}.grid--embed .item--drm{display:none}.item--drm .item-icon{--output-node: #8584a3}.item--drm .item-icon:before{content:"";background:var(--knockout-surface);position:absolute;top:50%;margin:-1em 0;height:2em;width:7em}.item--drm .item-icon:after{content:"";background:var(--output-node);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;text-align:left}.item--label .item-label span{display:inline-block;width:auto;left:0;background:var(--knockout-surface);padding:.4em;white-space:pre;text-align:center}.grid--embed .item--label .item-label span{color:#4da1ff;background:#f9f9f9}.item--label[data-id=live-stream2] .item-label{transform:rotate(90deg)}.item--box .item-box{position:absolute;top:50%;left:0;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:7.75rem;height:4.35rem;padding:.4em .65em;background:#e8e8e8;border:.14em solid #5c5c5c;border-radius:.7rem;color:#000;text-align:center;font-size:.75rem;font-weight:700;line-height:1.15}.item--box .item-box span{white-space:pre-line}.item--box .item-box em{display:block;color:#8584a3;font-size:.8em;font-weight:400}.grid--embed .item--box .item-box{background:#f9f9f9;border-color:#040041;color:#040041}.item--tag .item-tag{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:max-content;padding:1.35rem 1.85rem;color:#fff;text-align:center;font-size:.7rem;font-weight:700;line-height:1.2}.item--tag .item-tag svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:var(--item-accent, currentColor)}.item--tag .item-tag svg.item-tag-copy{--tag-stack-step: .65rem;transform:translateY(calc(var(--stack-i, 1) * var(--tag-stack-step) * -1))}.item--tag .item-tag span,.item--tag .item-tag em{position:relative}.item--tag .item-tag em{display:block;color:#8584a3;font-size:.8em;font-weight:400}.grid--embed .item--tag .item-tag{color:#040041}.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;z-index:1;opacity:0;pointer-events:none;transition:opacity .325s ease;font-weight:700}.group em{display:block;color:#4da1ff;font-style:normal}.group--visible{opacity:1;transition-delay:.325s}.group--front{z-index:4}.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}.group--column:before{top:0;bottom:0;border-radius:.9em;background:var(--column-surface)}.grid--embed .group--column:before{background:var(--column-surface)}.group--column .group-label{position:absolute;top:0;left:0;right:1.75em;margin-right:0;transform:translateY(calc(-100% - .55em - 6px));font-size:.96em;line-height:1.15}.group--column .group-label span{font-weight:700;font-size:1em;color:#fff}.grid--embed .group--column .group-label{transform:translateY(calc(-100% - .25em - 6px));font-size:.9em}.grid--embed .group--column .group-label span{color:#040041}.group--legend,.group--note{display:flex;align-items:center;justify-content:center;text-align:center;font-weight:400}.group--legend:before,.group--note:before{top:0;right:.45em;bottom:0;left:.45em;border-radius:.55em;background:transparent}.group--legend .group-label,.group--note .group-label{position:relative;top:0;z-index:1;margin:0 1.4em;font-size:.85em;line-height:1.35;font-weight:400}.group--legend .group-label span,.group--note .group-label span{font-weight:400;font-size:1em;color:#fff}.grid--embed .group--legend .group-label span,.grid--embed .group--note .group-label span{color:#040041}.group--caption{bottom:auto;height:auto;min-height:2.895em;margin-top:1.35em;padding:.3em 0;box-sizing:border-box}.grid--embed .group--caption{margin-top:.85em}.group--legend:before{content:none}.group .group-dash{position:absolute;top:0;right:.45em;bottom:0;left:.45em;pointer-events:none}.group .group-dash svg{display:block;width:100%;height:100%;overflow:visible}.group .group-dash rect{fill:none;stroke:#fc5200;stroke-width:.14em;stroke-dasharray:1em .7em}.group--frame .group-dash{left:-1.75em}.group--note:before{border:.14em solid #5c5c5c;background:#e8e8e8;border-radius:.7rem}.grid--embed .group--note:before{background:#f9f9f9;border-color:#040041}.group--note .group-label span{color:#000}.grid--embed .group--note .group-label span{color:#040041}.lattice{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.lattice-cell{position:absolute;outline:1px dashed rgba(255,102,0,.5);outline-offset:-1px}.lattice-cell span{display:inline-block;margin:3px 5px;padding:1px 5px;border-radius:2px;background:#0000009e;color:#ff8a3d;font-family:Visuelt-Bold,sans-serif;font-size:11px;letter-spacing:.04em;line-height:1.3}.lines{position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;pointer-events:none;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{--line-color: #8584a3;position:absolute;top:0;left:0;transition:all .325s ease}.grid--embed .line{--line-color: #4DA1FF}.line--hidden{opacity:0}.line.line--green{--line-color: #71CB81}.line.line--blue{--line-color: #4DA1FF}.line.line--yellow{--line-color: #FDBE11}.line.line--red{--line-color: #E40049}.line.line--orange{--line-color: #FC5200}.line.line--tomato{--line-color: tomato}.line.line--purple{--line-color: #c084fc}.line path{fill:transparent;stroke-width:.125em;stroke:var(--line-color);transition:all .325s ease}.grid--embed .line path{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-arrow{fill:var(--line-color);stroke:none!important}.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}}.icons{position:relative;min-height:100vh;padding:4vh 4.8vh 8vh;color:#fff}.icons-header{margin:0 0 2.5vh}.icons-header h1{margin:.2em 0 0;font-size:1.6em;font-weight:700}.icons-header p{margin:.35em 0 0;color:#8584a3;font-size:.75em}.icons-header code{font-family:inherit;color:#fff}.icons-back{display:inline-block;color:#fc5200;font-size:.75em;font-weight:700;letter-spacing:.04em}.icons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:1.5vh 1vw;margin:0;padding:0;list-style:none}.icons-item{display:flex;flex-direction:column;align-items:center;padding:1.4vh .6vw 1.2vh;background:#ffffff0f}.icons-svg{display:block;width:5.25rem;height:auto;color:#fff}.icons-id{margin-top:.6em;font-size:.65em;font-weight:700;letter-spacing:.02em;text-align:center;word-break:break-word;-webkit-user-select:text;user-select:text}