@font-face{font-family:Instrument Sans Medium;src:url(/assets/InstrumentSans-Medium-BBBDQKVc.ttf)}@font-face{font-family:Office Code Pro Medium;src:url(/assets/OfficeCodePro-Medium-CO89hWeO.ttf)}#playback-wrap{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:6px}#playback-wrap #controls-wrap{width:100%;display:flex;align-items:center;gap:8px}#playback-wrap #controls-wrap #video-slider{width:100%}#playback-wrap #controls-wrap #video-vol-slider{width:30%}#playback-wrap #controls-wrap .slider{--accent-color: #E1E1E1;--knob-size: 12px;position:relative;background:linear-gradient(var(--accent-color),var(--accent-color)) 0 50%/var(--pos, 0%) 2px no-repeat,linear-gradient(#373737,#373737) 0 50%/100% 2px no-repeat;height:16px}#playback-wrap #controls-wrap .slider:after{content:"";position:absolute;left:calc(6px + var(--pos, 0%) / 100% * (100% - 12px));top:50%;transform:translate(-50%,-50%);background-color:var(--accent-color);pointer-events:none;border-radius:50%;width:12px;height:12px}body.can-control #video-slider.slider{--accent-color: gold !important}#playback-wrap #video-info-wrap{display:flex;align-items:center;cursor:default;gap:8px;width:100%}#playback-wrap #video-info-wrap #video-text-wrap{cursor:default;display:flex;flex-direction:column;overflow-x:hidden;gap:4px;flex:1}#playback-wrap #video-info-wrap #video-text-wrap #video-title,#playback-wrap #video-info-wrap #video-text-wrap #video-queuer{width:fit-content;max-width:100%;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}#playback-wrap #video-info-wrap #video-text-wrap #video-queuer{color:#7b7b7b;font-size:13px}#playback-wrap #video-info-wrap #video-time-wrap{margin-left:8px}#playback-wrap #video-info-wrap #video-time-wrap,#playback-wrap #video-info-wrap #voteskip-wrap{display:flex;gap:4px;align-items:center}#playback-wrap #video-info-wrap #video-time-wrap,#playback-wrap #video-info-wrap #voteskip-total,#playback-wrap #video-info-wrap #voteskip-count{font-family:Office Code Pro Medium,monospace;font-size:13px}#playback-wrap #video-info-wrap #voteskip-wrap .icon{margin-right:4px}@keyframes move-gradient{0%{background-position:0 0}to{background-position:-100px 0}}#playback-wrap #video-info-wrap #voteskip-wrap.active{background:linear-gradient(-60deg,transparent 0%,transparent 30%,rgb(from #E1E1E1 r g b/.1) 50%,transparent 70%,transparent 100%),#3d3d3d;background-size:100px 50px;animation:move-gradient 4s linear infinite}#menu-backdrop{position:absolute;background-color:rgb(from #111111 r g b/.6);inset:0;display:none;height:100%;overflow:hidden}#menu-backdrop.visible{display:flex}#menu-backdrop .menu-item-wrap{overflow:hidden;position:absolute;display:flex;flex-direction:column;border-radius:6px}#menu-backdrop #host-menu{right:8px;top:50%;transform:translateY(-50%);overflow-y:auto;max-height:100%;background-color:#1c1c1c;padding:8px 0;display:none}body.host #menu-backdrop #host-menu{display:initial}#menu-backdrop #host-menu .menu-row{display:flex;gap:8px;align-items:center;padding:8px 20px;width:100%}#menu-backdrop #host-menu .menu-row:hover{background-color:#2f2f2f}#menu-backdrop #host-menu .menu-row#toggle-playback{min-width:19ch}@keyframes move-gradient{0%{background-position:0 0}to{background-position:-200px 0}}body.can-control #menu-backdrop #host-menu .menu-row#toggle-playback{color:gold}#menu-backdrop #users{left:8px;top:50%;transform:translateY(-50%);overflow-y:auto;max-width:200px;max-height:min(640px,100vh);background-color:#1c1c1c;padding:8px 0}#menu-backdrop #users .user-wrap{display:flex;width:100%;position:relative;padding:8px 20px;gap:8px}#menu-backdrop #users .user-wrap.self{background-color:#7b7b7b33!important}#menu-backdrop #users .user-wrap:nth-child(2n){background-color:#1a1a1a}#menu-backdrop #users .user-wrap.hidden:after{content:"";position:absolute;inset:0;pointer-events:none;background-color:rgb(from #212121 r g b/.8)}#menu-backdrop #users .user-wrap.host .user-name{color:gold}#menu-backdrop #users .user-wrap .user-text-wrap{display:flex;justify-content:center;flex-direction:column;overflow-x:hidden}#menu-backdrop #users .user-wrap .user-text-wrap .user-name{overflow-x:hidden;user-select:none;text-overflow:ellipsis;white-space:nowrap}#menu-backdrop #users .user-wrap img{border-radius:6px;width:28px;aspect-ratio:1;object-fit:contain}#menu-backdrop #player{height:640px;width:640px;max-height:100%;max-width:100%;left:50%;top:50%;transform:translate(-50%,-50%);gap:20px}#menu-backdrop #player .player-item-wrap{background-color:#1c1c1c;display:flex;align-items:center;min-width:0}#menu-backdrop #player #queue-wrap{border-radius:6px;display:flex;min-height:0;height:100%;overflow:hidden;flex-direction:column}#menu-backdrop #player #queue-wrap #queue-form-wrap{display:flex;width:100%;border-bottom:1px solid #373737;padding:8px 20px}#menu-backdrop #player #queue-wrap #queue-form-wrap.error{--bg-success: rgb(from red r g b / .5);background-color:var(--bg-success);animation:fade 1.25s cubic-bezier(.55,0,.45,1)}@keyframes fade{0%{background-color:var(--bg-success)}to{background-color:transparent}}#menu-backdrop #player #queue-wrap #queue-form-wrap #form-inputs-wrap{display:flex;flex:1;gap:8px}#menu-backdrop #player #queue-wrap #queue-form-wrap #form-inputs-wrap form{display:flex}#menu-backdrop #player #queue-wrap #queue-form-wrap #form-inputs-wrap form .icon{padding:8px}#menu-backdrop #player #queue-wrap #queue-form-wrap #form-inputs-wrap form .input{padding:0;flex:1}#menu-backdrop #player #queue-wrap #queue-form-wrap #form-inputs-wrap form .input:placeholder-shown+.icon{opacity:0}#menu-backdrop #player #queue-wrap #queue-form-wrap #form-inputs-wrap #form-video{width:100%}#menu-backdrop #player #queue-wrap #queue-form-wrap #form-inputs-wrap #form-title{width:50%}#menu-backdrop #player #queue-wrap #queue{display:flex;flex:1;flex-direction:column;overflow-y:auto;width:100%;padding:8px 0;position:relative;min-height:0;cursor:default}#menu-backdrop #player #queue-wrap #queue .queue-item-wrap{display:flex;align-items:center;padding:8px 20px;gap:8px;counter-increment:list-counter}#menu-backdrop #player #queue-wrap #queue .queue-item-wrap:before{color:#7b7b7b;font-family:Office Code Pro Medium,monospace;font-size:13px;content:counter(list-counter) ".";float:left;width:calc(var(--item-count) * 1ch + 1ch);text-align:right}#menu-backdrop #player #queue-wrap #queue .queue-item-wrap:nth-child(odd){background-color:#1a1a1a}#menu-backdrop #player #queue-wrap #queue .queue-item-wrap .unqueue-btn:not(.self){display:none}body.host #menu-backdrop #player #queue-wrap #queue .queue-item-wrap .unqueue-btn:not(.self){display:initial}#menu-backdrop #player #queue-wrap #queue .queue-item-wrap .item-text-wrap{flex:1;display:flex;flex-direction:column;white-space:nowrap;overflow-x:hidden;gap:4px}#menu-backdrop #player #queue-wrap #queue .queue-item-wrap .item-text-wrap .item-title{overflow-x:hidden;text-overflow:ellipsis}#menu-backdrop #player #queue-wrap #queue .queue-item-wrap .item-time{font-family:Office Code Pro Medium,monospace;font-size:13px}#menu-backdrop #player #queue-wrap #queue .queue-item-wrap .item-title,#menu-backdrop #player #queue-wrap #queue .queue-item-wrap .item-queuer{width:fit-content;max-width:100%}#menu-backdrop #player #queue-wrap #queue .queue-item-wrap .item-queuer{font-size:13px;color:#7b7b7b}#menu-backdrop #player #queue-wrap #queue #task-queue{position:absolute;top:20px;left:20px;right:20px;display:none;flex-direction:column;background-color:#212121b3;backdrop-filter:blur(30px);padding:8px 0;overflow-y:auto;max-height:calc(100% - 40px);border-radius:6px}#menu-backdrop #player #queue-wrap #queue #task-queue #task-queue-title{padding:8px 20px;display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%}#menu-backdrop #player #queue-wrap #queue #task-queue #task-queue-title .icon{animation:spin .5s linear infinite}#menu-backdrop #player #queue-wrap #queue #task-queue:has(.task-item-wrap){display:flex;width:fit-content;align-items:center;left:50%;transform:translate(-50%)}#menu-backdrop #player #queue-wrap #queue #task-queue:has(.task-item-wrap) .task-item-wrap{display:none}#menu-backdrop #player #queue-wrap #queue #task-queue:has(.task-item-wrap) #task-queue-title{display:flex}#menu-backdrop #player #queue-wrap #queue #task-queue:has(.task-item-wrap):hover{width:auto;left:20px;transform:none}#menu-backdrop #player #queue-wrap #queue #task-queue:has(.task-item-wrap):hover #task-queue-title{display:none}#menu-backdrop #player #queue-wrap #queue #task-queue:has(.task-item-wrap):hover .task-item-wrap{display:flex}#menu-backdrop #player #queue-wrap #queue #task-queue .task-item-wrap{display:flex;align-items:center;padding:8px 20px;gap:8px;width:100%;white-space:nowrap;overflow-x:hidden;flex-shrink:0}#menu-backdrop #player #queue-wrap #queue #task-queue .task-item-wrap.task-ready .task-msg{display:initial}#menu-backdrop #player #queue-wrap #queue #task-queue .task-item-wrap.task-ready .icon{display:none}#menu-backdrop #player #queue-wrap #queue #task-queue .task-item-wrap .task-url{width:fit-content;max-width:100%;overflow-x:hidden;text-overflow:ellipsis}#menu-backdrop #player #queue-wrap #queue #task-queue .task-item-wrap .task-msg{display:none;margin-left:auto}#menu-backdrop #player #queue-wrap #queue #task-queue .task-item-wrap .icon{margin-left:auto;animation:spin .5s linear infinite}#menu-backdrop #player #queue-wrap #queue-stats{display:flex;align-items:center;padding:8px 20px;gap:8px;width:100%;border-top:1px solid #373737}#menu-backdrop #player #queue-wrap #queue-stats .queue-stat{display:flex;align-items:center;gap:4px}#menu-backdrop #player #queue-wrap #queue-stats .queue-stat .icon{color:#7b7b7b}#menu-backdrop #player #queue-wrap #queue-stats .queue-stat .icon+span{font-family:Office Code Pro Medium,monospace;font-size:13px}#menu-backdrop #player #queue-wrap #queue-stats #settings-btn{margin-left:auto}#menu-backdrop #player:has(#settings.visible) #queue-wrap{display:none}#menu-backdrop #player #settings{display:none;position:absolute}@font-face{font-family:Plex Icons;src:url(/assets/plex-icons-DpUSI1W_.otf)}.icon{font-family:Plex Icons;font-size:14px}.icon-play:before{content:""}.icon-pause:before{content:""}.icon-volume:before{content:""}.icon-volume-off:before{content:""}.icon-skip:before{content:""}.icon-lock:before{content:""}.icon-list:before{content:""}.icon-time:before{content:""}.icon-settings:before{content:""}.icon-trash:before{content:""}.icon-hide:before{content:""}.icon-grip:before{content:""}.icon-user:before{content:""}.icon-half-circle:before{content:""}.icon-clear:before{content:""}#chat{bottom:8px;left:8px;position:fixed;display:flex;flex-direction:column;min-width:250px;min-height:150px;border-radius:6px}#chat:hover{background-color:#1c1c1c}#chat:hover #chat-minimize{display:initial}#chat #chat-minimize{display:none;position:absolute;z-index:1;top:0;left:0}#chat.hidden{min-height:0;height:min-content!important;width:min-content!important}#chat.hidden #chat-window,#chat.hidden #chat-minimize,#chat.hidden #res-handle{display:none!important}#chat #res-handle{z-index:1;position:absolute;top:0;right:0;cursor:ne-resize;padding:8px;color:#7b7b7b}#chat #chat-input{padding:8px 20px}#chat #chat-window{position:relative;flex:1;overflow:hidden;display:flex;flex-direction:column;padding:8px 0}#chat #chat-window #chat-emote-preview{position:absolute;bottom:0;left:50%;transform:translate(-50%);max-width:100%;background-color:#111;display:none}#chat #chat-window #chat-emote-preview.visible{display:flex}@keyframes spin{to{transform:rotate(360deg)}}#chat #chat-window #chat-emote-preview .emote-preview{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;padding:8px}#chat #chat-window #chat-emote-preview .emote-preview:only-child,#chat #chat-window #chat-emote-preview .emote-preview:nth-child(2):nth-last-child(2){background-color:#3d3d3d}#chat #chat-window #chat-emote-preview .emote-preview:not(.loaded,.user):after{z-index:2;font-family:Plex Icons;content:"";position:absolute;text-align:center;animation:spin .5s linear infinite}#chat #chat-window #chat-emote-preview .emote-preview.user:after{font-family:Plex Icons;content:""}#chat #chat-window #chat-emote-preview .emote-preview img{z-index:2;width:100%;height:100%;object-fit:contain}#chat #chat-window #chat-msgs{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}#chat #chat-window .chat-msg{word-wrap:break-word;padding:4px 20px}#chat #chat-window .chat-msg .chat-user-wrap{display:inline;margin-right:4px}#chat #chat-window .chat-msg .chat-user-wrap .chat-user{font-weight:700}#chat #chat-window .chat-msg .chat-time{font-family:Office Code Pro Medium,monospace;font-size:13px;display:none;color:#7b7b7b;margin-right:4px;font-size:11px;position:relative;top:-2px}#chat #chat-window .chat-msg .chat-text-wrap{display:inline}#chat #chat-window .chat-msg .chat-text-wrap.quote .chat-text{color:#789922}#chat #chat-window .chat-msg .chat-text-wrap .chat-emote{vertical-align:middle;height:60px}#chat #chat-window .chat-msg:has(.self-mention){background-color:#3d3d3d}.btn{padding:8px;border-radius:6px;cursor:default}.btn:disabled{cursor:not-allowed}.btn:hover{background-color:#2f2f2f!important}.btn.flat{background-color:transparent!important}.btn.flat:hover{color:#9b9b9b!important}.input{padding:4px}.input::placeholder{color:#606060}#splash{position:absolute;inset:0;z-index:1;background-color:#111;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;opacity:1;transition:opacity 2s ease;pointer-events:none}#splash.hidden{opacity:0}#splash #init-state-msg{font-weight:700}#splash #shortcut-wrap{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}#splash #shortcut-wrap .shortcut{display:contents}#splash #shortcut-wrap .shortcut .key{justify-self:end;font-family:Office Code Pro Medium;background-color:#212121;padding:8px;border-radius:6px;border:1px solid #373737;box-shadow:#373737 0 3px 1px -1px}#connection-alert{display:none;justify-content:center;color:#fff;background:red;position:absolute;left:0;right:0;padding:4px}#connection-alert.visible{display:flex}.vert-sep{width:1px;height:50%;background:#373737}.popup{position:fixed;flex-direction:column;display:none;background-color:#1c1c1c;min-width:max-content;user-select:none;border-radius:6px;border:1px solid #373737}.popup.visible{display:flex}.popup .context-row{padding:8px 20px}.popup .context-row:hover{background:#2f2f2f}::-webkit-scrollbar-thumb{background:#373737;min-height:40px;background-clip:padding-box}@-moz-document url-prefix(){*{scrollbar-color:#373737 transparent}}::-webkit-scrollbar{width:4px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;outline:0}input,button,a{all:unset;box-sizing:border-box}.dg input,.dg button{all:revert}ul,ol{list-style:none}body{font-family:Instrument Sans Medium,sans-serif;font-size:13px;background-color:#111;color:#e1e1e1}#scene{display:block}
