body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,sans-serif;margin:0}.App{align-items:center;background-color:#18181b;display:flex;flex-direction:row;min-height:100vh;overflow:hidden}.chat-container{color:#fff;display:flex;flex-direction:column;font-family:Inter,Roobert,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13.8125px;font-weight:400;height:100vh;max-width:350px;min-width:350px;overflow-x:hidden;overflow-y:scroll;padding-right:7px}.player-container{align-items:center;border:none;display:flex;flex-grow:100;height:100vh;justify-content:center;overflow:hidden}.player-container iframe{height:100%;width:100%}.source-code-link{border-radius:5px;border-style:solid;color:#fff;font-size:1.2em;left:10px;padding-left:5px;padding-right:5px;position:absolute;text-decoration:none;top:10px}.video{border:none;height:99.2vh;width:100%}.url-input-form{align-items:center;border-radius:25px;color:#efeff1;display:flex;flex-direction:column;font-size:2em;height:50vh;justify-content:center;width:50vw}.url-input-form label{font-weight:600;margin-bottom:16px}.url-input-form input[type=text]{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#efeff1;font-size:.5em;margin-bottom:20px;padding:12px 16px;transition:background-color .2s,border-color .2s,box-shadow .2s;width:400px}.url-input-form input[type=text]::placeholder{color:#ffffff80}.url-input-form input[type=text]:focus{background-color:#ffffff14;border-color:#9147ff80;box-shadow:0 0 0 3px #9147ff33;outline:none}.submit-button{background-color:#9147ff;border:none;border-radius:8px;color:#efeff1;cursor:pointer;font-size:.5em;font-weight:600;padding:12px 32px;transition:background-color .2s,transform .1s}.submit-button:hover{background-color:#772ce8;transform:scale(1.05)}.submit-button:active{background-color:#6b28d4;transform:scale(.98)}.commenter{font-weight:700}.chatMessage{margin-bottom:5px;margin-top:5px;padding-bottom:5px;padding-left:10px}.emoticon{bottom:2px;position:relative;vertical-align:middle}.modifier-wide{height:28px;object-fit:fill;width:112px}.modifier-vertical{transform:scaleY(-1)}.modifier-horizontal{transform:scaleX(-1)}.modifier-zero-space{margin-left:-4px}.badge{bottom:2px;position:relative;vertical-align:middle}.resetButton{border-radius:4px;font-size:1.2em;line-height:1;opacity:.3;padding:4px;position:absolute;right:10px;top:8px;transition:opacity .2s,background-color .2s;z-index:4}.resetButton:hover{background-color:#ffffff1a;color:red;cursor:pointer;opacity:1}.popoutButton{border-radius:4px;font-size:1.2em;line-height:1;opacity:.3;padding:4px;position:absolute;right:40px;top:8px;transition:opacity .2s,background-color .2s;z-index:4}.popoutButton:hover{background-color:#ffffff1a;color:#9147ff;cursor:pointer;opacity:1}.seen-upload-chat-file-button{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#efeff1;cursor:pointer;font-size:1em;padding:8px 16px;transition:background-color .2s,border-color .2s}.seen-upload-chat-file-button:hover{background-color:#9147ff26;border-color:#9147ff4d}.hidden-upload-chat-file-button{display:none}.chat-search-box{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#efeff1;font-size:1em;margin-top:2px;padding:8px 12px;text-align:center;transition:background-color .2s,border-color .2s;width:50%}.chat-search-box::placeholder{color:#ffffff80}.chat-search-box:focus{background-color:#ffffff14;border-color:#9147ff80;outline:none}.search-form{align-items:center;background-color:#18181b;border:1px solid #ffffff1a;box-shadow:0 4px 6px #0000004d;display:flex;flex-direction:column;padding-bottom:10px;padding-top:10px;position:sticky;top:0;width:350px;z-index:10}.search-form p{line-height:0}.search-form-separator{align-items:center;color:#ffffff80;display:flex;font-size:.85em;font-weight:600;letter-spacing:1px;margin:10px 0;width:80%}.search-form-separator:after,.search-form-separator:before{border-bottom:1px solid #fff3;content:"";flex:1 1}.search-form-separator:before{margin-right:10px}.search-form-separator:after{margin-left:10px}.chat-selector{display:flex;flex-direction:column}.chat-selection-button{background-color:#ffffff0d;border:1px solid #ffffff1a;color:#efeff1;cursor:pointer;font-size:.9em;transition:background-color .2s,border-color .2s}.chat-selection-button:first-child{margin-top:15px}.chat-selection-button:hover{background-color:#9147ff26;border-color:#9147ff4d}.chat-selection-button:active{background-color:#9147ff40}.chat-selection-button-title{font-weight:800}.chat-selection-button{border-radius:5px;margin-top:15px;min-height:80px}.chat-selection-button p{margin-bottom:3px;margin-top:3px}.popout-container{background-color:#18181b;color:#efeff1;height:100vh;overflow-y:auto;width:100%}.popout-error,.popout-status{align-items:center;display:flex;font-size:1.2em;height:100vh;justify-content:center;padding:20px;text-align:center}.popout-error{color:#f44}.popout-disconnected{background-color:#ff4444e6;border-radius:8px;box-shadow:0 4px 6px #0000004d;color:#fff;font-weight:700;left:50%;padding:15px 30px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}
/*# sourceMappingURL=main.59ef96f7.css.map*/