[data-page=stream-editor] form{--se-pitch:calc(var(--m-out5-t) - var(--m-out4-t))}:host([data-step=connect]) [data-page=stream-editor] form ul{animation:5.4s both se-list}@keyframes se-list{0%,46.9%{opacity:0;clip-path:inset(0 0 calc(4 * var(--se-pitch)) 0 round 12px)}47%{opacity:0;clip-path:inset(0 0 calc(4 * var(--se-pitch)) 0 round 12px);animation-timing-function:var(--dui-ease-out)}51%,55%{opacity:1;clip-path:inset(0 0 calc(4 * var(--se-pitch)) 0 round 12px);animation-timing-function:var(--dui-ease-out)}58%,61%{opacity:1;clip-path:inset(0 0 calc(3 * var(--se-pitch)) 0 round 12px);animation-timing-function:var(--dui-ease-out)}64%,67%{opacity:1;clip-path:inset(0 0 calc(2 * var(--se-pitch)) 0 round 12px);animation-timing-function:var(--dui-ease-out)}70%,73%{opacity:1;clip-path:inset(0 0 var(--se-pitch) 0 round 12px);animation-timing-function:var(--dui-ease-out)}76%,to{opacity:1;clip-path:inset(0 round 12px)}}:host([data-step=connect]) [data-page=stream-editor] form ul>li{animation:5.4s both se-row}:host([data-step=connect]) [data-page=stream-editor] form ul>li:nth-child(2){animation-name:se-row-2}:host([data-step=connect]) [data-page=stream-editor] form ul>li:nth-child(3){animation-name:se-row-3}:host([data-step=connect]) [data-page=stream-editor] form ul>li:nth-child(4){animation-name:se-row-4}:host([data-step=connect]) [data-page=stream-editor] form ul>li:nth-child(5){animation-name:se-row-5}@keyframes se-row{0%,47%{opacity:0;animation-timing-function:var(--dui-ease-out);transform:translateY(-6px)}52%,to{opacity:1;transform:none}}@keyframes se-row-2{0%,55%{opacity:0;animation-timing-function:var(--dui-ease-out);transform:translateY(-6px)}59%,to{opacity:1;transform:none}}@keyframes se-row-3{0%,61%{opacity:0;animation-timing-function:var(--dui-ease-out);transform:translateY(-6px)}65%,to{opacity:1;transform:none}}@keyframes se-row-4{0%,67%{opacity:0;animation-timing-function:var(--dui-ease-out);transform:translateY(-6px)}71%,to{opacity:1;transform:none}}@keyframes se-row-5{0%,73%{opacity:0;animation-timing-function:var(--dui-ease-out);transform:translateY(-6px)}77%,to{opacity:1;transform:none}}:host([data-step=connect]) [data-page=stream-editor] [data-dui~=addDest],:host([data-step=connect]) [data-page=stream-editor] section:has([data-dui~=out5])~section{animation:5.4s both se-below}@keyframes se-below{0%,47%{translate:0 calc(var(--m-list-t) - var(--m-addDest-t));animation-timing-function:var(--dui-ease-out)}51%,55%{translate:0 calc(-4 * var(--se-pitch));animation-timing-function:var(--dui-ease-out)}58%,61%{translate:0 calc(-3 * var(--se-pitch));animation-timing-function:var(--dui-ease-out)}64%,67%{translate:0 calc(-2 * var(--se-pitch));animation-timing-function:var(--dui-ease-out)}70%,73%{translate:0 calc(-1 * var(--se-pitch));animation-timing-function:var(--dui-ease-out)}76%,to{translate:0}}:host([data-step=connect]) [data-page=stream-editor] [data-dui~=addDest]>span:last-child{animation:5.4s both se-hint}@keyframes se-hint{0%,76%{opacity:0;animation-timing-function:var(--dui-ease-out)}80%,to{opacity:1}}@media (scripting:enabled){:host([data-step=connect]) [data-page=stream-editor] form section:has([role=radiogroup])>div:nth-child(2) [role=radio][aria-checked=true]>div{translate:calc(var(--m-q720-x) - var(--m-q1080-x)) 0}:host([data-step=connect]) [data-page=stream-editor] form section:has([role=radiogroup])>div:nth-child(3) [role=radio][aria-checked=true]>div{translate:calc(var(--m-f24-x) - var(--m-f30-x)) 0}}:host([data-step=connect]) [data-page=stream-editor] [data-dui~=addDest]>:first-child{animation:5.4s both se-press}@keyframes se-press{0%,12.5%{scale:1}13%{animation-timing-function:var(--dui-ease-out);scale:.96}15%,to{scale:1}}:host([data-step=connect]) .dui-cursor{animation:5.4s both se-connect-cursor}:host([data-step=connect]) .dui-cursor:after{animation:dui-press .45s var(--dui-ease-out) .702s forwards, dui-press .45s var(--dui-ease-out) 2.214s forwards}@keyframes se-connect-cursor{0%,3%{translate:300px calc(var(--m-addDest-y) + var(--m-list-t) - var(--m-addDest-t));opacity:0;animation-timing-function:var(--dui-ease-out);scale:1}9%,12.5%{translate:300px calc(var(--m-addDest-y) + var(--m-list-t) - var(--m-addDest-t));opacity:1;scale:1}13%{animation-timing-function:var(--dui-ease-out);scale:.92}16%,20%{translate:300px calc(var(--m-addDest-y) + var(--m-list-t) - var(--m-addDest-t));opacity:1;animation-timing-function:var(--dui-ease-in-out);scale:1}32%,40.5%{translate:calc(var(--p-add-destination-x) + var(--m-tileYoutube-x)) calc(var(--p-add-destination-y) + var(--m-tileYoutube-y));opacity:1;scale:1}41%{animation-timing-function:var(--dui-ease-out);scale:.92}44%,50%{translate:calc(var(--p-add-destination-x) + var(--m-tileYoutube-x)) calc(var(--p-add-destination-y) + var(--m-tileYoutube-y));opacity:1;animation-timing-function:var(--dui-ease-out);scale:1}60%,to{translate:calc(var(--p-add-destination-x) + var(--m-tileYoutube-x)) calc(var(--p-add-destination-y) + var(--m-tileYoutube-y));opacity:0;scale:1}}:host([data-step=quality]) .dui-body{translate:var(--dui-crop-x) calc(var(--dui-crop-y) - (var(--m-quality-t) + 110px - 855px));animation:se-scroll .5s var(--dui-ease-in-out) both}@keyframes se-scroll{0%{translate:var(--dui-crop-x) var(--dui-crop-y)}}:host([data-step=quality]) [data-page=stream-editor] form section:has([role=radiogroup])>div:nth-child(2) [role=radio][aria-checked=true]>div{animation:1.6s both se-pick}@keyframes se-pick{0%,29%{translate:calc(var(--m-q720-x) - var(--m-q1080-x)) 0;animation-timing-function:var(--dui-ease-out)}40%,to{translate:0}}:host([data-step=quality]) [data-page=stream-editor] form section:has([role=radiogroup])>div:nth-child(3) [role=radio][aria-checked=true]>div{animation:1.6s both se-pick-fps}@keyframes se-pick-fps{0%,55%{translate:calc(var(--m-f24-x) - var(--m-f30-x)) 0;animation-timing-function:var(--dui-ease-out)}66%,to{translate:0}}:host([data-step=quality]) .dui-cursor{animation:1.6s both se-cursor}:host([data-step=quality]) .dui-cursor:after{animation:dui-press .45s var(--dui-ease-out) .464s forwards, dui-press .45s var(--dui-ease-out) .88s forwards}@keyframes se-cursor{0%,16%{translate:var(--m-q1080-x) var(--m-q1080-y);opacity:0;animation-timing-function:var(--dui-ease-out);scale:1}26%,28%{translate:var(--m-q1080-x) var(--m-q1080-y);opacity:1;scale:1}29%{animation-timing-function:var(--dui-ease-out);scale:.92}33%{translate:var(--m-q1080-x) var(--m-q1080-y);opacity:1;animation-timing-function:var(--dui-ease-in-out);scale:1}52%,54%{translate:var(--m-f30-x) var(--m-f30-y);opacity:1;scale:1}55%{animation-timing-function:var(--dui-ease-out);scale:.92}59%,72%{translate:var(--m-f30-x) var(--m-f30-y);opacity:1;animation-timing-function:var(--dui-ease-out);scale:1}84%,to{translate:var(--m-f30-x) var(--m-f30-y);opacity:0;scale:1}}