:host([data-step=quality]) [data-page=stream-editor-playlist]{display:none}@media (scripting:enabled){:host([data-step=connect]) [data-page=stream-editor-playlist]{display:none}}[data-page=stream-editor-playlist] [aria-hidden=false] ul{--sp-slot:calc((var(--m-grip4-y) - var(--m-grip2-y)) / 2)}[data-page=stream-editor-playlist] [aria-hidden=false] ul>li{position:relative}:host([data-step=videos]) [data-page=stream-editor-playlist] [aria-hidden=false] ul>li:nth-child(2),:host([data-step=start]) [data-page=stream-editor-playlist] [aria-hidden=false] ul>li:nth-child(2){translate:0 calc(2 * var(--sp-slot))}:host([data-step=videos]) [data-page=stream-editor-playlist] [aria-hidden=false] ul>li:is(:nth-child(3),:nth-child(4)),:host([data-step=start]) [data-page=stream-editor-playlist] [aria-hidden=false] ul>li:is(:nth-child(3),:nth-child(4)){translate:0 calc(-1 * var(--sp-slot))}[data-page=stream-editor-playlist] [aria-hidden=false] ul>li:is(:nth-child(2),:nth-child(3),:nth-child(4))>span.tabular-nums{position:relative}[data-page=stream-editor-playlist] [aria-hidden=false] ul>li:is(:nth-child(2),:nth-child(3),:nth-child(4))>span.tabular-nums:after{display:inherit;justify-content:inherit;align-items:inherit;text-align:inherit;-webkit-text-fill-color:currentColor;opacity:0;position:absolute;inset:0}[data-page=stream-editor-playlist] [aria-hidden=false] ul>li:nth-child(2)>span.tabular-nums:after{content:"4"}[data-page=stream-editor-playlist] [aria-hidden=false] ul>li:nth-child(3)>span.tabular-nums:after{content:"2"}[data-page=stream-editor-playlist] [aria-hidden=false] ul>li:nth-child(4)>span.tabular-nums:after{content:"3"}:host([data-step=videos]) [data-page=stream-editor-playlist] [aria-hidden=false] ul>li:is(:nth-child(2),:nth-child(3),:nth-child(4))>span.tabular-nums,:host([data-step=start]) [data-page=stream-editor-playlist] [aria-hidden=false] ul>li:is(:nth-child(2),:nth-child(3),:nth-child(4))>span.tabular-nums{-webkit-text-fill-color:transparent}:host([data-step=videos]) [data-page=stream-editor-playlist] [aria-hidden=false] ul>li:is(:nth-child(2),:nth-child(3),:nth-child(4))>span.tabular-nums:after,:host([data-step=start]) [data-page=stream-editor-playlist] [aria-hidden=false] ul>li:is(:nth-child(2),:nth-child(3),:nth-child(4))>span.tabular-nums:after{opacity:1}:host([data-step=videos]) [data-page=stream-editor-playlist] [aria-hidden=false] [role=region]{opacity:0}:host([data-step=videos]) [data-page=stream-editor-playlist] [aria-hidden=false] [role=region]~*{translate:0 calc(var(--m-status-t) - var(--m-statusNext-t))}:host([data-step=videos]) [data-page=stream-editor-playlist] div.pos_sticky>div:first-child{opacity:0}:host([data-step=videos]) [data-page=stream-editor-playlist] div.pos_sticky>div:nth-child(n+2){translate:0 calc(var(--p-editor-card-idle-h) - var(--m-stateCard-h))}:host([data-step=videos]) [data-page=editor-card-idle]{visibility:visible}:host([data-step=videos]) [data-page=editor-playlist-empty]{animation:2.8s both sp-empty}@keyframes sp-empty{0%,46%{visibility:visible;opacity:1;animation-timing-function:var(--dui-ease-out)}51%{visibility:visible;opacity:0}51.1%,to{visibility:hidden;opacity:0}}:host([data-step=videos]) [data-page=stream-editor-playlist] [aria-hidden=false] [role=region]+*{animation:2.8s both sp-block-under}@keyframes sp-block-under{0%,46%{opacity:0}46.1%,to{opacity:1}}:host([data-step=videos]) [data-page=stream-editor-playlist] [aria-hidden=false] [role=region]+*~*{animation:2.8s both sp-after-empty}@keyframes sp-after-empty{0%,47%{translate:0 calc(var(--m-status-t) - var(--m-statusNext-t) + var(--p-editor-playlist-empty-h) - var(--m-statusNext-h));animation-timing-function:var(--dui-ease-in-out)}60%,to{translate:0 calc(var(--m-status-t) - var(--m-statusNext-t))}}[data-page=stream-editor-playlist] [aria-hidden=false] ul>li:first-child{--land:0s}[data-page=stream-editor-playlist] [aria-hidden=false] ul>li:nth-child(3){--land:60ms}[data-page=stream-editor-playlist] [aria-hidden=false] ul>li:nth-child(4){--land:.12s}[data-page=stream-editor-playlist] [aria-hidden=false] ul>li:nth-child(2){--land:.18s}[data-page=stream-editor-playlist] [aria-hidden=false] ul>li:nth-child(5){--land:.24s}:host([data-step=videos]) [data-page=stream-editor-playlist] [aria-hidden=false] ul>li{animation:sp-arrive .34s var(--dui-ease-out) calc(1.4s + var(--land)) both}@keyframes sp-arrive{0%{opacity:0;transform:translateY(8px)}}:host([data-step=videos]) .dui-cursor{animation:2.8s both sp-videos-cursor}:host([data-step=videos]) .dui-cursor:before{content:"×5";color:oklch(93% 0 0);white-space:nowrap;background:oklch(24% 0 0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23d4d4d4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5'/%3E%3Crect x='2' y='6' width='14' height='12' rx='2'/%3E%3C/svg%3E") 12px no-repeat;border-radius:9px;align-items:center;height:34px;padding:0 12px 0 36px;font:500 13px/1 inherit;animation:2.8s both sp-ghost;display:flex;position:absolute;top:20px;left:18px;box-shadow:0 0 0 1px oklch(100% 0 0/.14),5px 5px 0 -1px oklch(20% 0 0),5px 5px oklch(100% 0 0/.1),10px 10px 0 -1px oklch(17% 0 0),10px 10px oklch(100% 0 0/.07),0 18px 40px -12px oklch(0% 0 0/.8)}@keyframes sp-ghost{0%,46%{opacity:1;animation-timing-function:var(--dui-ease-out);scale:1}52%,to{opacity:0;scale:.9}}@keyframes sp-videos-cursor{0%{opacity:0;animation-timing-function:var(--dui-ease-out);translate:1010px 640px;scale:.92}8%{opacity:1;animation-timing-function:var(--dui-ease-in-out);translate:1010px 640px;scale:.92}44%{translate:calc(var(--p-editor-playlist-empty-x) + var(--p-editor-playlist-empty-w) / 2) calc(var(--p-editor-playlist-empty-y) + var(--p-editor-playlist-empty-h) * .62);opacity:1;animation-timing-function:var(--dui-ease-out);scale:.92}48%,60%{translate:calc(var(--p-editor-playlist-empty-x) + var(--p-editor-playlist-empty-w) / 2) calc(var(--p-editor-playlist-empty-y) + var(--p-editor-playlist-empty-h) * .62);opacity:1;animation-timing-function:var(--dui-ease-out);scale:1}74%,to{translate:calc(var(--p-editor-playlist-empty-x) + var(--p-editor-playlist-empty-w) / 2) calc(var(--p-editor-playlist-empty-y) + var(--p-editor-playlist-empty-h) * .62);opacity:0;scale:1}}:host([data-step=start]) .dui-body{translate:calc(var(--dui-crop-x) - 500px) calc(var(--dui-crop-y) + 120px);animation:sp-pan-right .7s var(--dui-ease-in-out) both}@keyframes sp-pan-right{0%{translate:var(--dui-crop-x) var(--dui-crop-y)}}:host([data-step=start]) [data-page=editor-card-idle]{animation:4.8s both sp-show-idle}:host([data-step=start]) [data-page=editor-card-preparing]{animation:4.8s both sp-show-preparing}@keyframes sp-show-idle{0%,33%{visibility:visible}33.1%,to{visibility:hidden}}@keyframes sp-show-preparing{0%,33%{visibility:hidden}33.1%,62%{visibility:visible}62.1%,to{visibility:hidden}}:host([data-step=start]) [data-page=stream-editor-playlist] div.pos_sticky>div:first-child{animation:4.8s both sp-live-card}@keyframes sp-live-card{0%,67%{opacity:0;animation-timing-function:var(--dui-ease-out)}73%,to{opacity:1}}:host([data-step=start]) [data-page=stream-editor-playlist] div.pos_sticky>div:first-child li{animation:4.8s both sp-output-on}:host([data-step=start]) [data-page=stream-editor-playlist] div.pos_sticky>div:first-child li:nth-child(2){animation-delay:80ms}:host([data-step=start]) [data-page=stream-editor-playlist] div.pos_sticky>div:first-child li:nth-child(3){animation-delay:.16s}:host([data-step=start]) [data-page=stream-editor-playlist] div.pos_sticky>div:first-child li:nth-child(4){animation-delay:.24s}:host([data-step=start]) [data-page=stream-editor-playlist] div.pos_sticky>div:first-child li:nth-child(5){animation-delay:.32s}@keyframes sp-output-on{0%,70%{opacity:0;animation-timing-function:var(--dui-ease-out);transform:translateY(4px)}76%,to{opacity:1;transform:none}}:host([data-step=start]) [data-page=stream-editor-playlist] div.pos_sticky>div:nth-child(n+2){animation:4.8s both sp-cards-room}@keyframes sp-cards-room{0%,33%{translate:0 calc(var(--p-editor-card-idle-h) - var(--m-stateCard-h))}33.1%,62%{translate:0 calc(var(--p-editor-card-preparing-h) - var(--m-stateCard-h));animation-timing-function:var(--dui-ease-in-out)}67%,to{translate:0}}:host([data-step=start]) [data-page=stream-editor-playlist] [aria-hidden=false] [role=region]{animation:4.8s both sp-bar-in}@keyframes sp-bar-in{0%,64%{opacity:0;animation-timing-function:var(--dui-ease-out);transform:translateY(-6px)}72%,to{opacity:1;transform:none}}:host([data-step=start]) [data-page=stream-editor-playlist] [aria-hidden=false] [role=region]~*{animation:4.8s both sp-bar-room}@keyframes sp-bar-room{0%,62%{translate:0 calc(var(--m-status-t) - var(--m-statusNext-t));animation-timing-function:var(--dui-ease-in-out)}70%,to{translate:0}}:host([data-step=start]) .dui-cursor{animation:4.8s both sp-start-cursor}:host([data-step=start]) .dui-cursor:after{animation:dui-press .45s var(--dui-ease-out) 1.44s forwards}@keyframes sp-start-cursor{0%,16%{translate:calc(var(--p-editor-card-idle-x) + var(--m-start-x)) calc(var(--p-editor-card-idle-y) + var(--m-start-y));opacity:0;animation-timing-function:var(--dui-ease-out);scale:1}22%,29%{translate:calc(var(--p-editor-card-idle-x) + var(--m-start-x)) calc(var(--p-editor-card-idle-y) + var(--m-start-y));opacity:1;scale:1}30%{animation-timing-function:var(--dui-ease-out);scale:.92}33%,38%{translate:calc(var(--p-editor-card-idle-x) + var(--m-start-x)) calc(var(--p-editor-card-idle-y) + var(--m-start-y));opacity:1;animation-timing-function:var(--dui-ease-out);scale:1}48%,to{translate:calc(var(--p-editor-card-idle-x) + var(--m-start-x)) calc(var(--p-editor-card-idle-y) + var(--m-start-y));opacity:0;scale:1}}:host([data-step=start]) [data-page=editor-card-idle] button{animation:4.8s both sp-start-press}@keyframes sp-start-press{0%,29%{scale:1}30%{animation-timing-function:var(--dui-ease-out);scale:.96}33%,to{scale:1}}:host([data-step=edit]) .dui-body{animation:sp-pan-back .65s var(--dui-ease-in-out) both}@keyframes sp-pan-back{0%{translate:calc(var(--dui-crop-x) - 500px) calc(var(--dui-crop-y) + 120px)}}:host([data-step=edit]) [data-page=stream-editor-playlist] [aria-hidden=false] ul>li:nth-child(2){animation:5s both sp-drag;z-index:2!important}[data-page=stream-editor-playlist] [aria-hidden=false] ul>li:nth-child(2):after{content:"";border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:0;box-shadow:0 0 0 1px #ffffff24,0 18px 40px -10px #000c}:host([data-step=edit]) [data-page=stream-editor-playlist] [aria-hidden=false] ul>li:nth-child(2):after{animation:5s both sp-lift}@keyframes sp-drag{0%,18%{translate:0 calc(2 * var(--sp-slot));animation-timing-function:var(--dui-ease-out);scale:1}21%{translate:0 calc(2 * var(--sp-slot));animation-timing-function:var(--dui-ease-in-out);scale:1.015}36%{animation-timing-function:var(--dui-ease-out);translate:0;scale:1.015}40%,to{translate:0;scale:1}}@keyframes sp-lift{0%,18%{opacity:0;animation-timing-function:var(--dui-ease-out)}21%,36%{opacity:1;animation-timing-function:var(--dui-ease-out)}40%,to{opacity:0}}:host([data-step=edit]) [data-page=stream-editor-playlist] [aria-hidden=false] ul>li:nth-child(4){animation:5s both sp-room-4}:host([data-step=edit]) [data-page=stream-editor-playlist] [aria-hidden=false] ul>li:nth-child(3){animation:5s both sp-room-3}@keyframes sp-room-4{0%,24%{translate:0 calc(-1 * var(--sp-slot));animation-timing-function:var(--dui-ease-in-out)}30%,to{translate:0}}@keyframes sp-room-3{0%,29%{translate:0 calc(-1 * var(--sp-slot));animation-timing-function:var(--dui-ease-in-out)}35%,to{translate:0}}:host([data-step=edit]) [data-page=stream-editor-playlist] [aria-hidden=false] ul>li:is(:nth-child(2),:nth-child(3),:nth-child(4))>span.tabular-nums{animation:5s both sp-digit}:host([data-step=edit]) [data-page=stream-editor-playlist] [aria-hidden=false] ul>li:is(:nth-child(2),:nth-child(3),:nth-child(4))>span.tabular-nums:after{animation:5s both sp-digit-before}@keyframes sp-digit{0%,40%{-webkit-text-fill-color:transparent}40.1%,to{-webkit-text-fill-color:currentColor}}@keyframes sp-digit-before{0%,40%{opacity:1;animation-timing-function:var(--dui-ease-out)}43%,to{opacity:0}}:host([data-step=edit]) [data-page=editor-status-draft]{animation:5s both sp-draft}:host([data-step=edit]) [data-page=stream-editor-playlist] [aria-hidden=false] [role=region]>*{animation:5s both sp-bar-under}@keyframes sp-bar-under{0%,42%{opacity:1}42.1%,79%{opacity:0}80%,to{opacity:1}}@keyframes sp-draft{0%,42%{visibility:hidden;opacity:0;animation-timing-function:var(--dui-ease-out)}42.1%{visibility:visible;opacity:0;animation-timing-function:var(--dui-ease-out)}46%,76%{visibility:visible;opacity:1;animation-timing-function:var(--dui-ease-out)}80%{visibility:visible;opacity:0}80.1%,to{visibility:hidden;opacity:0}}:host([data-step=edit]) [data-page=editor-status-draft] div>button:last-child{animation:5s both sp-publish-press}@keyframes sp-publish-press{0%,73%{scale:1}74%{animation-timing-function:var(--dui-ease-out);scale:.96}77%,to{scale:1}}[data-page=stream-editor-playlist] [aria-hidden=false] [role=region] .tabular-nums{position:relative}[data-page=stream-editor-playlist] [aria-hidden=false] [role=region] .tabular-nums:after{content:"7";-webkit-text-fill-color:currentColor;opacity:0;position:absolute;inset:0}:host([data-step=start]) [data-page=stream-editor-playlist] [aria-hidden=false] [role=region] .tabular-nums{-webkit-text-fill-color:transparent}:host([data-step=start]) [data-page=stream-editor-playlist] [aria-hidden=false] [role=region] .tabular-nums:after{opacity:1}:host([data-step=edit]) [data-page=stream-editor-playlist] [aria-hidden=false] [role=region] .tabular-nums{animation:5s both sp-version}:host([data-step=edit]) [data-page=stream-editor-playlist] [aria-hidden=false] [role=region] .tabular-nums:after{animation:5s both sp-version-before}@keyframes sp-version{0%,79.9%{-webkit-text-fill-color:transparent}80%,to{-webkit-text-fill-color:currentColor}}@keyframes sp-version-before{0%,79.9%{opacity:1}80%,to{opacity:0}}[data-page=stream-editor-playlist] [aria-hidden=false] [role=region]>div>span:first-child{position:relative}[data-page=stream-editor-playlist] [aria-hidden=false] [role=region]>div>span:first-child:after{content:"";opacity:0;border-radius:999px;position:absolute;inset:-3px;box-shadow:0 0 0 2px}:host([data-step=start]) [data-page=stream-editor-playlist] [aria-hidden=false] [role=region]>div>span:first-child:after{animation:sp-ping .7s var(--dui-ease-out) 3.4s forwards}:host([data-step=edit]) [data-page=stream-editor-playlist] [aria-hidden=false] [role=region]>div>span:first-child:after{animation:sp-ping .7s var(--dui-ease-out) 4.05s forwards}@keyframes sp-ping{0%{opacity:.8;scale:.8}to{opacity:0;scale:1.8}}:host([data-step=edit]) .dui-cursor{animation:5s both sp-edit-cursor}:host([data-step=edit]) .dui-cursor:after{animation:dui-press .45s var(--dui-ease-out) 1.05s forwards, dui-press .45s var(--dui-ease-out) 3.7s forwards}@keyframes sp-edit-cursor{0%,12%{translate:var(--m-grip4-x) var(--m-grip4-y);opacity:0;animation-timing-function:var(--dui-ease-out);scale:1}17%,18%{translate:var(--m-grip4-x) var(--m-grip4-y);opacity:1;scale:1}21%{translate:var(--m-grip4-x) var(--m-grip4-y);opacity:1;animation-timing-function:var(--dui-ease-in-out);scale:.92}36%{translate:var(--m-grip2-x) var(--m-grip2-y);opacity:1;animation-timing-function:var(--dui-ease-out);scale:.92}40%,48%{translate:var(--m-grip2-x) var(--m-grip2-y);opacity:1;animation-timing-function:var(--dui-ease-in-out);scale:1}70%,73%{translate:calc(var(--p-editor-status-draft-x) + var(--m-publish-x)) calc(var(--p-editor-status-draft-y) + var(--m-publish-y));opacity:1;scale:1}74%{animation-timing-function:var(--dui-ease-out);scale:.92}77%,84%{translate:calc(var(--p-editor-status-draft-x) + var(--m-publish-x)) calc(var(--p-editor-status-draft-y) + var(--m-publish-y));opacity:1;animation-timing-function:var(--dui-ease-out);scale:1}96%,to{translate:calc(var(--p-editor-status-draft-x) + var(--m-publish-x)) calc(var(--p-editor-status-draft-y) + var(--m-publish-y));opacity:0;scale:1}}