body,html{padding:0;margin:0;background:#222;color:#ddd;font-family:Arial,Helvetica,sans-serif;font-size:16px;touch-action:none;overscroll-behavior-x:none;overscroll-behavior-y:contain;-webkit-overflow-scrolling:auto;position:fixed;left:0;top:0;width:100%;height:100%}#warning{display:none;color:red;font-weight:bolder;z-index:420;text-align:center;position:absolute;width:100%;bottom:0;padding:10px;background:#ffb101;border:10px solid pink;border-image:repeating-linear-gradient(-55deg,#000,#000 20px,#ffb101 20px,#ffb101 40px) 10}.check-box.disabled{color:gray}.disabled.check-box>span:before{background-color:gray}#content{position:absolute;inset:0;overflow:hidden}#canvas{position:absolute;left:0;top:0}*,:after,:before{box-sizing:border-box}.mobile-show{display:none}.is-mobile .mobile-show{display:block}.is-mobile .mobile-hide,.is-ios .ios-hide{display:none}b{color:#bf679d}h1{font-size:36px;margin:0 0 20px;font-weight:400;letter-spacing:2px}hr{margin:20px 0}button{color:#000;font-family:inherit;font-size:inherit;font-weight:400;line-height:1.15;width:auto;margin:0;padding:0;text-transform:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;display:inline-block;cursor:pointer;border:none}.button{border:solid 3px #bf679d;padding:10px 15px;border-radius:10px;color:#bf679d;cursor:pointer;font-weight:700;letter-spacing:2px}.button2{border:solid 3px #67bfb0;padding:10px 15px;border-radius:10px;color:#67bfb0;cursor:pointer;font-weight:700;letter-spacing:2px}.button:disabled{opacity:.7;pointer-events:none}.button:not(:disabled):hover{background:#bf679d;color:#fff;text-decoration:none}.button-secondary{border-color:#919191;color:#919191}.button-secondary:not(:disabled):hover{background:#919191}.button:focus-visible,.check-box>input:focus-visible:before,.radio-button>input:focus-visible:before,a:focus-visible,button:focus-visible,input:focus-visible{outline:0;box-shadow:0 0 0 3px #ff6dbd}::-moz-focus-inner{border:0}label{display:block;margin-bottom:15px}input[type=file],input[type=number],input[type=password],input[type=text]{background:#fff;color:#222;padding:15px 20px;border-radius:10px;border:none;font-size:16px;font-family:inherit}p{margin:10px 0;line-height:1.5rem}.mb{margin-bottom:25px}.help{color:#aaa}.error{background:#903737;margin:20px -40px;padding:20px 40px;font-weight:700}#fps{position:absolute;color:#ccc;left:5px;bottom:5px;font: 14px monospace;z-index:10;transform:unset;pointer-events:none;white-space:pre}.svg-icon{height:16px}a{cursor:pointer}#stats{position:absolute;left:0;top:0;z-index:10;transform:translate3d(5px,5px,0);font-size:16px;cursor:default;user-select:none;display:flex;align-items:flex-start;flex-wrap:wrap;max-width:60vw;pointer-events:none}#stats .svg-icon{position:relative;top:1px}.block{background:#111;border-radius:15px;padding:5px 10px;margin-right:5px;margin-bottom:5px;color:#ccc;white-space:nowrap}.block>a{padding:10px;margin:-10px}#timer-box.is-hidden #timer-text{display:none}#timer-text{margin-left:7px}#loading-text{white-space:normal}.no-pointer{pointer-events:none;user-select:none}.mr-5{margin-right:5px}.user{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;background:#111;border-radius:15px;padding:5px 7px;margin-top:5px;white-space:nowrap;user-select:none;position:relative}.user-color{width:18px;height:18px;border-radius:50%;float:left}.user-name{overflow:hidden;text-overflow:ellipsis;margin-left:7px}.user-pieces{margin-left:7px;color:#888;font-weight:700}.user-pieces>svg{margin-left:5px}.user-button{margin-left:7px;color:inherit;cursor:pointer}#urlinput,#reportinput{position:absolute;display:grid;grid-template-areas:"a a a a a" "b c c d d";gap:10px;background:#eee;padding:10px;border-radius:10px;filter:invert(1);z-index:1}form#urlinput>input{box-shadow:0 0 0 1px #555}[data-popper-arrow],[data-popper-arrow]:before{position:absolute;width:8px;height:8px;background:inherit}[data-popper-arrow]{visibility:hidden}[data-popper-arrow]:before{visibility:visible;content:"";transform:rotate(45deg)}[role=tooltip][data-popper-placement^=top]>[data-popper-arrow]{bottom:-4px}[role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]{top:-4px}[role=tooltip][data-popper-placement^=left]>[data-popper-arrow]{right:-4px}[role=tooltip][data-popper-placement^=right]>[data-popper-arrow]{left:-4px}#user-options{position:absolute;top:0;right:2px;padding:10px;z-index:20}#user-options .svg-icon{height:18px}.form-cover{position:absolute;left:0;top:0;width:100%;height:100%;padding:30px 0;background:rgba(0,0,0,.2);z-index:30;text-align:center;transform:translateZ(0);overflow:auto;overflow-x:hidden;overflow-y:auto;justify-content:center;align-items:center;display:flex}.is-mobile .form-cover{padding:0}.form{background:#111;width:500px;max-width:100%;margin:auto;border-radius:20px;padding:30px 40px;text-align:left}.form input[type=file],.form input[type=number],.form input[type=text]{display:block;width:100%}.buttons{text-align:center;display:flex;flex-direction:row-reverse;justify-content:space-around;flex-wrap:wrap}.buttons .button{margin:10px 5px;min-width:200px}.colors{display:flex;flex-wrap:wrap}label.color{width:30px;height:30px;display:block;margin:0 10px 10px 0;position:relative}label.color>div{content:" ";width:30px;height:30px;border-radius:10px;font-size:16px;margin-right:10px;margin-bottom:10px;cursor:pointer;display:block;background:inherit;position:absolute;left:0;top:0}label.color>input:checked+div{box-shadow:0 0 0 3px #fff}input.color:focus{box-shadow:none}label.color>input:focus+div{box-shadow:0 0 0 3px #fff,0 0 0 6px #ff6dbd}.dropdown{position:relative;height:2em}.dropdown.open{border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown-toggle{vertical-align:middle}.dropdown.open .dropdown-fill{width:100%;height:6px;position:absolute;left:0;bottom:-6px;background:#111;transform:translateZ(0)}#stats>*{pointer-events:all}span.pl-item.skipped{text-decoration:line-through;color:#f77}span.pl-item.active{color:#90ee90}section#playlistMenu{width:300px;text-overflow:ellipsis;top:auto;display:flex;padding:10px;flex-direction:column}span.pl-item{text-overflow:clip;overflow:hidden;text-overflow:ellipsis}.dropdown-menu{background:#111;border-radius:0 10px 10px;font-size:14px;padding:10px 0;position:absolute;top:33px;left:0;transform:translateZ(0);z-index:20;display:none;white-space:nowrap}.dropdown-menu.right{border-top-left-radius:10px;border-top-right-radius:0;left:auto;right:0}.dropdown-menu-user{box-shadow:0 0 0 1px #fff3}.dropdown-menu-user:before{content:" ";background:#111;width:30px;height:8px;position:absolute;right:0;top:-8px}.dropdown-divider{background:#333;height:1px;margin:10px 0}.dropdown-item{display:block;padding:10px;margin:1px 10px;color:#eee;text-decoration:none;text-align:left;border-radius:5px}.dropdown-item:hover{background:#bf679d;color:#fff}.input-with-buttons{display:flex;align-items:stretch}.input-with-buttons>input{border-top-right-radius:0;border-bottom-right-radius:0;min-width:0}.input-with-buttons>button{font-family:inherit;font-size:16px;text-transform:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;background:#ddd;padding:10px;margin:0 0 0 1px;cursor:pointer;letter-spacing:2px;display:block;border:none}.input-with-buttons>button:focus,.input-with-buttons>input:focus{z-index:5}.input-with-buttons>button:hover{background:#bf679d;color:#fff}.input-with-buttons>button:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}@media screen and (max-width:500px){.input-with-buttons>input{border-top-right-radius:10px;border-bottom-right-radius:10px}.input-with-buttons>button{display:none}}.preview-buttons{display:flex}#preview-buttons{display:flex;margin-left:10px}#preview-buttons>a{margin-left:10px}#preview-zoom-in,#preview-zoom-out{margin-left:0}#preview-zoom-out{margin-left:10px}#side-panel{position:absolute;top:0;right:0;bottom:0;width:250px;max-width:40vw;display:flex;flex-direction:column;display:grid;grid-template-rows:auto 1fr auto;z-index:10;transform:translateZ(0);pointer-events:none}.is-mobile #side-panel{display:flex}#users{pointer-events:all;font-size:16px;margin-bottom:10px;margin-right:5px;margin-left:5px;min-height:30px;max-height:50vh;overflow:hidden;overflow-x:hidden;overflow-y:visible}.thin-scrollbar{scrollbar-width:thin;scrollbar-color:#9a9a9a #222}.thin-scrollbar::-webkit-scrollbar{width:12px}.thin-scrollbar::-webkit-scrollbar-thumb{border-radius:6px;background:#9a9a9a;border:solid 3px #222}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:#aaa}.thin-scrollbar::-webkit-scrollbar-thumb:active{background:#bbb}#chat{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;padding-left:5px}.is-mobile #chat{margin-bottom:50px}#chat-log{flex-grow:1;overflow-y:scroll;margin-right:-50px;max-height:100%;-webkit-overflow-scrolling:touch;cursor:default;pointer-events:all}#chat-box{height:70px;min-height:70px;padding-right:5px;padding-left:7px}#chat-messages{width:245px;max-width:calc(40vw - 5px)}.chat-message{padding:5px 5px 5px 0}.chat-message>div{background:#111;padding:10px 15px;border-radius:10px}.chat-date{font-size:14px;float:right;color:#444}.chat-user{font-weight:700;font-size:14px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-content{overflow:hidden;text-overflow:ellipsis;line-height:22px;word-break:break-word;white-space:pre-line}.is-mobile #chat-box{position:fixed;top:30px;right:0;width:250px}#chat-input{margin:10px 0;width:100%;display:none;position:relative}#chat-button{position:absolute;bottom:0;right:5px;transform:translateZ(0);cursor:pointer;z-index:25;display:none;padding:10px}.slider>input[type=range]{width:100%}label.slider{display:flex;flex-direction:column;align-items:center;gap:20px}.is-mobile #chat-button{display:block}#chat-button .svg-icon{height:24px}.picture-preview{background:#fff;border-radius:10px;width:100%}label{font-weight:700;letter-spacing:.5px}.radio-buttons{display:flex}.radio-button{position:relative;padding:5px 35px;font-weight:400}.radio-button>input{margin:0;padding:0;width:24px;height:24px;position:absolute;left:0;top:0}.radio-button>input:focus{box-shadow:none}.radio-button>span:before{content:" ";display:block;width:24px;height:24px;border-radius:50%;background:#fff;position:absolute;left:0;top:0}.radio-button>input:checked+span:after{content:" ";display:block;width:18px;height:18px;border-radius:50%;background:#fff;border:solid 5px #bf679d;position:absolute;left:3px;top:3px}.radio-button>input:active+span:before{background:#fac8e5}.radio-button>input:focus+span:before{box-shadow:0 0 0 3px #ff6dbd}.check-box{position:relative;padding:4px 35px;font-weight:400;display:block}.check-box>input{margin:0;padding:0;width:24px;height:24px;position:absolute;left:0;top:0;opacity:0}.check-box>input:focus{box-shadow:none}.check-box>span:before{content:" ";display:block;width:24px;height:24px;border-radius:5px;background:#fff;position:absolute;left:0;top:0}.check-box>input:checked+span:before{background-color:#bf679d}.check-box>input:checked+span:after{content:" ";display:block;width:18px;height:18px;border-radius:5px;position:absolute;left:3px;top:3px;background:transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E") center center no-repeat;background-size:85% 85%}.check-box>input:active+span:before{background:#fac8e5}.check-box>input:focus+span:before{box-shadow:0 0 0 3px #ff6dbd}.check-box-info{margin-top:4px;color:#aaa;font-style:italic;font-size:13px}.file-input{width:100%;position:relative}.file-input>input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.file-input>img{background:#fff;width:100%;display:block;pointer-events:none;border-radius:10px}.dragging-file+img,.file-input>input:focus+img{box-shadow:0 0 0 3px #ff6dbd}.file-input-extras{position:absolute;bottom:0;left:0;right:0;display:flex;flex-wrap:wrap;pointer-events:none}.file-input-extras>img{width:120px;max-height:190px;margin:10px;border-radius:10px;object-fit:contain}#start-help-message{color:#fff;position:absolute;left:5px;top:40px;transform:translateZ(0);background:#bf679d;padding:10px;border-radius:10px;z-index:15;max-width:250px}.help-message-controls{display:flex;justify-content:space-between}.help-arrow-icon{height:22px}#start-help-message button{color:#fff;border:solid 3px #fff;border-radius:5px;width:26px;height:26px;padding:2px;margin-top:-3px;margin-right:-2px}#start-help-message button:hover{background:#fff;color:#bf679d}#start-help-message p{font-weight:700;margin:10px 0 0}#nametags{pointer-events:none;user-select:none}#nametags>div{position:absolute;background:#111;border-radius:15px;padding:5px 10px;transform:translate(-50%,-50%) scale(75%);display:block;max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#nametags>div.fade-out{opacity:0;transition:opacity 1.2s cubic-bezier(.11,0,.5,0)}#nametags>div:empty:before,.chat-user:empty:before{content:"(blank)";font-style:italic}#nametags>.host:before{content:"\2b50\a0"}.stats{display:flex;justify-content:space-between}details{padding:20px;border-radius:5px;border:3px solid;margin-bottom:1em}details>summary{cursor:pointer}.drawcontrols{display:flex;justify-content:space-between;margin-bottom:1em}#enablecensor,.drawcontrols button{color:#fff;border-radius:5px;border:3px solid;padding:10px 20px}#drawarea{position:relative}#drawarea img{width:100%;height:100%}#drawarea canvas{position:absolute;top:0;z-index:1;width:100%!important;height:unset!important}.hidden{display:none!important}#stats>.line-break{width:100%;height:0px;pointer-events:none}#stats>.selected{border:2px #ccc solid;padding:3px 8px}@media (hover: hover){#stats>#preview-box:hover{background-color:#ccc;color:#111}}#preview-widget{display:grid;grid-template-columns:auto auto;grid-template-rows:20vh;pointer-events:none;width:fit-content;border-radius:10px}#preview-widget>.button-grid{display:grid;grid-template-rows:repeat(4,5vh);grid-auto-flow:column;grid-auto-columns:1.5em;direction:rtl}#preview-widget .vertical-tab{padding:4px;border-radius:1vh 0 0 1vh;border-left:2px #ccc solid;background-color:#111;display:flex;justify-content:flex-end;align-items:center;cursor:pointer;pointer-events:auto}@media (hover: hover){#preview-widget .vertical-tab:hover{background:#ccc!important;color:#111}}#preview-widget .vertical-tab.selected{background:linear-gradient(90deg,#888 0%,#111 1.5em)}#preview-cursor{border:2px white solid;position:absolute;mix-blend-mode:difference;top:0;left:0;pointer-events:none;z-index:10}#preview-widget .thumbnail-container{height:20vh;background-color:#111;padding:1px}#preview-widget .thumbnail-container img,#preview-widget .thumbnail-container video{height:100%;pointer-events:auto;cursor:crosshair;max-width:100%}#preview{position:absolute;background-color:#00000080;opacity:0;overflow:hidden;inset:0;transition:opacity 70ms linear 0s;pointer-events:none}
/*# sourceMappingURL=style-b7a7449e91.css.map */