/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted currentColor;text-decoration:underline dotted currentColor}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(/static/open-sans-all-300_d9ac1f0.woff2) format("woff2"),url(/static/open-sans-all-300_6a4927c.woff) format("woff")}@font-face{font-display:swap;font-family:Open Sans;font-style:italic;font-weight:300;src:local("Open Sans Light Italic"),local("OpenSans-LightItalic"),url(/static/open-sans-all-300-italic_54b6753.woff2) format("woff2"),url(/static/open-sans-all-300-italic_72b8660.woff) format("woff")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(/static/open-sans-all-400_3bd5f5c.woff2) format("woff2"),url(/static/open-sans-all-400_4f2cda0.woff) format("woff")}@font-face{font-display:swap;font-family:Open Sans;font-style:italic;font-weight:400;src:local("Open Sans Italic"),local("OpenSans-Italic"),url(/static/open-sans-all-400-italic_8a6c187.woff2) format("woff2"),url(/static/open-sans-all-400-italic_b2f7fa8.woff) format("woff")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:600;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(/static/open-sans-all-600_3c9c38b.woff2) format("woff2"),url(/static/open-sans-all-600_6dc56ac.woff) format("woff")}@font-face{font-display:swap;font-family:Open Sans;font-style:italic;font-weight:600;src:local("Open Sans SemiBold Italic"),local("OpenSans-SemiBoldItalic"),url(/static/open-sans-all-600-italic_2f6dbcf.woff2) format("woff2"),url(/static/open-sans-all-600-italic_46dadbd.woff) format("woff")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:700;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(/static/open-sans-all-700_6264aa0.woff2) format("woff2"),url(/static/open-sans-all-700_56a3dea.woff) format("woff")}@font-face{font-display:swap;font-family:Open Sans;font-style:italic;font-weight:700;src:local("Open Sans Bold Italic"),local("OpenSans-BoldItalic"),url(/static/open-sans-all-700-italic_dc4bab6.woff2) format("woff2"),url(/static/open-sans-all-700-italic_d2f757d.woff) format("woff")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:800;src:local("Open Sans ExtraBold"),local("OpenSans-ExtraBold"),url(/static/open-sans-all-800_c2859e2.woff2) format("woff2"),url(/static/open-sans-all-800_9acf8ec.woff) format("woff")}@font-face{font-display:swap;font-family:Open Sans;font-style:italic;font-weight:800;src:local("Open Sans ExtraBold Italic"),local("OpenSans-ExtraBoldItalic"),url(/static/open-sans-all-800-italic_a6652fe.woff2) format("woff2"),url(/static/open-sans-all-800-italic_9bf2178.woff) format("woff")}.About{height:100%;position:relative}.AboutPanel{background-color:var(--background-color);display:flex}.AboutPanel-menu{width:250px}.AboutPanel-menuItem.is-selected{background-color:var(--highlight-color)}.AboutPanel-content{height:100%;overflow-y:auto;width:100%}.AddToPlaylistMenu-playlist{display:flex;justify-content:space-between}.AddToPlaylistMenu-playlistName{width:100%}.AddToPlaylistMenu-smallIcon{flex-grow:0}.AdminPanel{background:var(--background-color);flex-grow:1;margin-bottom:var(--footer-height);overflow-y:auto}*,:after,:before{box-sizing:border-box}html{scrollbar-color:var(--scrollbar-color) #0000;scrollbar-width:7px}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:var(--scrollbar-color)}:focus{outline-color:var(--highlight-color)}body{background:var(--background-color);color:var(--text-color);font-family:var(--font-family)}a{color:var(--link-color)}a:visited{color:var(--link-visited-color)}button,input,optgroup,select,textarea{font:inherit}html:not([dir=rtl]) .u-rtl-only,html[dir=rtl] .u-rtl-hidden{display:none}.App{display:flex;height:100vh;width:100%}.AppColumn{display:flex;flex-direction:column;height:100%}.AppColumn--full{width:100%}.AppColumn--left{width:75%}.AppColumn--right{width:25%}.AppRow{width:100%}.AppRow--top{flex-shrink:0;height:var(--header-height)}.AppRow--middle{flex-basis:0;flex-grow:1}.AppRow--bottom{height:var(--footer-height)}.App-media{position:relative}@media (min-width:769px){.Overlays .Overlay{width:75%}}.Avatar{border-radius:50%;display:inline-block;height:24px;overflow:hidden;text-align:center;width:24px}.Avatar-image{height:100%;width:100%}.ChatMessages{background:var(--background-color);font-size:10pt;height:100%;overflow-x:hidden;overflow-y:scroll}.ChatMessages-scrollDown{bottom:0;height:55px;overflow:hidden;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}.ChatMessages-scrollDownButton{margin:55px auto auto;pointer-events:all;transition:margin-top .14s ease-in}.ChatMessages-scrollDown.is-visible .ChatMessages-scrollDownButton{margin-top:0;transition:margin-top .14s ease-out}.EmojiSuggestion-image{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:24px;width:24px}.SuggestionItem.is-focused,.SuggestionItem:hover{background-color:var(--chat-suggestion-selected)}.ChatInputWrapper{background:var(--chat-background-color)}.ChatInput{height:100%;width:100%}.ChatInput-suggestions{bottom:100%;position:absolute;width:100%}.ChatInput-input{background:#222;border:1px solid var(--chat-border-color);color:var(--text-color);font-size:10pt;height:28px;margin:15px 15px 16px;padding:0 6px;width:calc(100% - 32px)}.ChatInput-input.is-focused{border-color:var(--highlight-color);outline:none}.Emoji{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:1.3em;position:relative;width:1.3em}.Emoji-img{max-height:100%;max-width:100%;vertical-align:middle}.NowPlayingMessage{color:var(--muted-text-color);font-size:80%;position:relative}.NowPlayingMessage-time{background:var(--background-color);display:none;height:100%;padding:0 6px;position:absolute;right:0;top:0}.NowPlayingMessage:hover .NowPlayingMessage-time{display:block}.NowPlayingMessage-mediaWrap{align-items:center;display:flex;flex-direction:row;flex-grow:1}.NowPlayingMessage-mediaWrap:after,.NowPlayingMessage-mediaWrap:before{background:var(--muted-text-color);content:" ";flex-grow:1;height:1px}.NowPlayingMessage-mediaWrap:before{margin-right:6px}.NowPlayingMessage-mediaWrap:after{margin-left:6px}.NowPlayingMessage-media{max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ChatMessage--userNotification .ChatMessage-content{color:#aaa}.ChatMessage--log .ChatMessage-content{color:#aaa;padding-left:10px}.ChatMessage{min-height:32px;position:relative}.ChatMessage--mention{box-shadow:5px 0 0 var(--highlight-color) inset}[dir=ltr] .ChatMessage-hover{right:0}[dir=rtl] .ChatMessage-hover{left:0}.ChatMessage-hover{background:var(--background-color);display:none;font-size:80%;padding:0 6px;position:absolute;top:0;z-index:2}.ChatMessage:hover .ChatMessage-hover{display:block}.ChatMessage-delete{color:#b00;cursor:pointer}.ChatMessage-timestamp{color:var(--chat-timestamp-text-color)}[dir=ltr] .ChatMessage-avatar{left:12px}[dir=rtl] .ChatMessage-avatar{right:12px}.ChatMessage-avatar{height:24px;margin:4px 0;position:absolute;top:0;width:24px}[dir=ltr] .ChatMessage-content{padding-left:50px}[dir=rtl] .ChatMessage-content{padding-right:50px}[dir=ltr] .ChatMessage-content{padding-right:3px}[dir=rtl] .ChatMessage-content{padding-left:3px}.ChatMessage-content{word-wrap:break-word;display:inline-block;margin:6px 0;position:relative;width:100%}.ChatMessage-cardable{cursor:pointer;padding:0}.ChatMessage-username{color:#9ba0a0;font-weight:600}[dir=ltr] .ChatMessage-text{margin-left:5px}[dir=rtl] .ChatMessage-text{margin-right:5px}.ChatMessage--loading{opacity:.7}.ChatMention{color:var(--highlight-color)}.ChatMessage--motd .ChatMessage-content{color:#eee;padding-left:10px;white-space:pre-wrap}.ChatContainer{height:100%;position:relative;width:100%}.ChatContainer-messages{bottom:var(--footer-height);position:absolute;top:0;width:100%}.ChatContainer-input{bottom:0;height:var(--footer-height);position:absolute;width:100%}.ConnectionIndicator-position{position:absolute;right:10px;top:10px;z-index:55}.Dialog{color:var(--text-color)}.Dialog-close{float:right;margin:-12px}.ConfirmDialog-buttons{display:flex;justify-content:space-between}.ConfirmDialog-spacer{width:40px}.ConfirmDialog-button{width:50%}.Chapters-placeholder{color:var(--muted-text-color)}.Chapters-select{display:flex;padding-top:8px}.ChapterItem-title{flex-grow:1}.ChapterItem-duration{color:var(--muted-text-color);margin-left:7px;margin-right:5px}.EditMediaDialog{max-width:768px;width:75%}.EditMediaDialog-chapters{display:flex}.EditMediaDialog-chaptersLabel{line-height:50px;margin:0;padding:0 20px}.EditMediaDialog-chaptersList{flex-grow:1}.EditMediaDialogForm{display:flex;justify-content:space-between}.EditMediaDialogForm-column{width:50%}.EditMediaDialogGroup{display:flex;justify-content:center}.EditMediaDialogGroup-field{flex-grow:1}.EditMediaDialogGroup-label{line-height:50px;padding:0 20px;white-space:nowrap}.LoginForm-forgot{text-align:center}.LoginForm-forgotLink{color:var(--link-color);cursor:pointer;font-size:10pt}.AvatarList--avatar{margin-right:9px;vertical-align:middle}.LoginDialog{max-width:350px}.LoginDialog--mobile{max-width:100%}.PreviewMediaDialog-content{overflow:hidden;padding:0;position:relative}.PreviewMediaDialog-content:first-child{padding-top:0}.Dialogs{height:0;position:absolute;width:0;z-index:100}.ErrorArea-snackbar{background-color:#9d202f;color:#fff}.FatalError{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.FatalError-paper{min-width:350px;padding:16px}.FatalError-reload{margin-left:auto}.NextMedia{color:var(--muted-text-color);cursor:pointer;font-size:11pt;height:100%;overflow-x:hidden;padding:7px;text-overflow:ellipsis;white-space:nowrap;width:100%}.NextMedia:hover{background-color:var(--background-hover-color)}.NextMedia-playlist,.SettingsButton{color:var(--text-color)}.SettingsButton{height:calc(var(--footer-height) - 1px);width:calc(var(--footer-height) - 1px)}.SkipButton{color:var(--text-color)}.SkipButton.is-loading{align-items:center;display:flex;height:100%;justify-content:center;margin-left:12px;margin-right:12px;width:24px}.SkipButton-loader{height:48px;width:48px}.UserInfo{cursor:pointer;height:100%;padding:4px;position:relative;width:100%}.UserInfo:hover{background-color:var(--background-hover-color)}.UserInfo-avatar{display:block;height:44px;margin:auto;width:44px}.UserInfo-settings{background:var(--background-color);border:2px solid var(--background-color);border-radius:50%;bottom:4px;height:23px;position:absolute;right:3px;width:23px}.UserInfo-settingsIcon{height:100%;width:100%}.AudienceResponse{justify-content:space-around;width:100%}.AudienceResponse,.ResponseButton{align-items:center;display:flex;height:100%}.ResponseButton{background:none;border:0;cursor:pointer;flex-grow:0.334;padding:0}.ResponseButton:hover{background-color:var(--background-hover-color)}.ResponseButton--disabled,.ResponseButton--static{cursor:default}.ResponseButton--disabled:hover,.ResponseButton--static:hover{background-color:initial}.ResponseButton-content{align-items:center;display:flex;height:48px;justify-content:center;padding:0 15px;position:relative}[dir=ltr] .ResponseButton-icon{padding-right:12px}[dir=rtl] .ResponseButton-icon{padding-left:12px}.ResponseButton-icon{height:36px;padding-bottom:6px;padding-top:6px;width:36px}.ResponseButton-icon--favorite{color:var(--highlight-color)}.ResponseButton-icon--downvoted{color:#b64b4b}.ResponseButton-icon--upvoted{color:#4bb64b}.WaitlistButton{align-items:center;background:var(--highlight-color);color:var(--text-color);cursor:pointer;display:flex;flex-shrink:0;font-size:11pt;height:100%;justify-content:center;line-height:24px;padding:8px 4px;text-transform:uppercase;width:125px}.WaitlistButton:hover{background:var(--highbright-color)}.WaitlistButton--locked{color:var(--waitlist-locked-text-color);width:140px}.WaitlistButton-icon{color:var(--text-color);height:1em;margin-right:6px;width:1em}.WaitlistButton-icon--locked{color:var(--text-color);opacity:.7}.FooterBar{background:var(--background-color);display:flex;justify-content:space-between;z-index:20}.FooterBar-guest{align-items:center;display:flex;flex-grow:1;font-size:12pt;height:100%;justify-content:flex-end;padding:0 25px}.FooterBar-user{flex-shrink:0;height:100%;width:75px}.FooterBar-next{cursor:pointer;flex-grow:1;height:100%;overflow:hidden}.FooterBar-next:hover{background-color:var(--background-hover-color)}.FooterBar-responses{flex-shrink:0;height:100%}.FooterBar-responses--spaced{padding-right:1rem}.FooterBar-skip{align-items:center;display:flex;flex-shrink:0;height:100%;padding-right:.5rem}.FooterAuthButton{color:var(--text-color);font-size:12pt;height:100%;width:125px}.FooterAuthButton--register{background:var(--background-color)}.FooterAuthButton--register:hover{background:var(--background-hover-color)}.Button{color:var(--text-color);cursor:pointer;font-size:12pt;height:var(--forms-textfield-size);text-align:center;text-transform:uppercase;transition:opacity .15s;width:100%}.Button:disabled{cursor:default;opacity:.5}.Button-loading{height:calc(var(--forms-textfield-size)*.8);margin:auto;width:calc(var(--forms-textfield-size)*.8)}:root{--font-family:"Open Sans",roboto,arial,sans-serif;--text-color:#fff;--secondary-text-color:#ffffffb3;--muted-text-color:#ffffff80;--background-color:#151515;--background-hover-color:#111;--highlight-color:#9d2053;--highbright-color:#b20062;--scrollbar-color:#5f5f5f;--canvas-color:#303030;--divider-color:#ffffff1f;--link-color:#c72e6c;--link-visited-color:var(--link-color);--header-height:56px;--footer-height:60px;--footer-border-color:#303036;--overlay-header-close-size:var(--header-height);--chat-background-color:#1b1b1b;--chat-border-color:var(--footer-border-color);--user-list-color:#1b1b1b;--user-list-alternate-color:#222;--media-list-spacing:3%;--media-list-color:#0000;--media-list-alternate-color:#3030364c;--settings-help-text-color:#aaa;--forms-element-margin:16px;--forms-textfield-size:50px;--selected-media-row-color:#9d2053b3;--chat-suggestion-selected:#ffffff1a;--overlay-background:#151515b3;--soundcloud-meta-background:#1515154c;--waitlist-locked-text-color:#ffffffb3;--chat-timestamp-text-color:#d8d8d8}.Select{border-color:#3e3e3e #3e3e3e #2c2c2c #2c2c2c;border-radius:0;border-style:solid;border-width:1px;font-size:12pt;height:var(--forms-textfield-size)}.Select,.Select.is-focused,.Select:hover{background:#383838}.SelectInner{background:none}.SelectInner-select{padding:12px 32px 12px 10px}.SelectInner-select:focus{background:none}.TextField{background:#383838;border-color:#3e3e3e #3e3e3e #2c2c2c #2c2c2c;border-style:solid;border-width:1px;font-size:12pt;height:var(--forms-textfield-size)}.TextField-input{background:#0000;border:0;color:var(--text-color);display:block;float:left;font-size:12pt;height:100%;line-height:var(--forms-textfield-size);padding:0 var(--forms-element-margin);padding-right:var(--forms-textfield-size);width:100%}.TextField-input::placeholder{color:#9f9d9e}.TextField-input:focus-visible{outline:1px solid var(--highlight-color)}.TextField-icon{display:block;float:left;height:var(--forms-textfield-size);margin-left:calc(var(--forms-textfield-size)*-1);padding:13px;text-align:center;width:var(--forms-textfield-size)}.FormGroup{clear:both;margin:var(--forms-element-margin) 0;width:100%}.FormGroup:first-child{margin-top:0}.FormGroup--noSpacing{margin:0}.FormGroup-label{display:block;margin-bottom:8px}.AppTitle{padding-right:20px}.AppTitle,.AppTitle-logo{align-items:center;display:flex}.AppTitle-logo{flex-grow:2;font-size:0;height:32px;line-height:32px;margin-left:10px;margin-right:10px}.AppTitle-logoImage{max-height:100%;max-width:100%}.AppTitle-button{color:var(--text-color)}.HistoryButton{z-index:7}.Progress-fill{background:var(--highlight-color);height:100%;width:0}.VolumeSlider{align-items:center;display:flex;height:100%}.VolumeSlider-slider{display:inline-block;margin-left:6px;width:160px}.HeaderBar{display:flex;height:100%;position:relative;width:100%;z-index:4}.HeaderBar-title{flex-shrink:0;margin:0}.HeaderBar-volume{flex-shrink:0;padding-right:12px;top:0}.HeaderBar-history{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding-right:6px}.HeaderBar-nowPlaying{flex-grow:1;flex-shrink:1;overflow:hidden}.HeaderBar-media{line-height:25px;margin-top:5px}.HeaderBar-dj{color:var(--muted-text-color);font-size:80%}.HeaderBar-progress{bottom:1px;height:2px;position:absolute;width:100%;z-index:6}.LoadingOverlay-body{align-items:center;background:var(--overlay-background);display:flex;justify-content:center}.LoadingOverlay-spinner{min-height:250px;min-width:250px}.Filler{background:var(--text-color);display:inline-block;height:1em;opacity:.1;vertical-align:middle}@keyframes initially-hide{0%{opacity:0}80%{opacity:0}to{opacity:1}}.LoadingIndicator{align-items:center;background:#000;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:relative;right:0;top:0;width:100%}.LoadingIndicator-loader,.LoadingIndicator-notice{animation:initially-hide 1s linear 0s 1}.LoadingIndicator-notice{color:var(--text-color);text-align:center}.MediaActions{background:var(--background-color);height:54px;text-align:inline-end}.MediaActions-action{height:54px;width:54px}.MediaDragPreview{background:var(--highbright-color);color:var(--text-color);display:block;font-weight:700;line-height:24px;padding:7px 15px 7px 20px}.MediaDragPreview-icon{margin-right:3px;vertical-align:bottom}.MediaLoadingIndicator{align-items:center;display:flex;float:left;height:100%;justify-content:center;width:55px}.MediaLoadingIndicator-spinner{height:32px;width:32px}:root{--media-row-height:56px;--media-row-thumb-width:55px;--media-row-duration-width:70px;--media-row-icon-width:50px;--unpadded-media-row-height:calc(var(--media-row-height) - 14px)}.MediaListRow{grid-gap:15px;background:var(--media-list-color);border-bottom:1px solid var(--divider-color);display:grid;grid-template-columns:var(--media-row-thumb-width) auto var(--media-row-duration-width) var(--media-row-icon-width);grid-template-rows:var(--media-row-height);height:var(--media-row-height);line-height:var(--media-row-height);padding:0 15px;width:100%}.MediaListRow.is-loading{opacity:.75}.MediaListRow.is-selected{background:var(--selected-media-row-color)}.MediaListRow:focus{box-shadow:inset 0 0 0 2px var(--highlight-color);outline:none}.MediaListRow-thumb{height:100%;padding:7px 0}.MediaListRow-image{max-height:100%;max-width:100%;pointer-events:none}.MediaListRow-data{line-height:var(--unpadded-media-row-height);padding:7px 0}[dir=ltr] .MediaListRow-artist{float:left}[dir=rtl] .MediaListRow-artist{float:right}[dir=ltr] .MediaListRow-artist{margin-right:var(--media-list-spacing)}[dir=rtl] .MediaListRow-artist{margin-left:var(--media-list-spacing)}.MediaListRow-artist{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(40% - var(--media-list-spacing))}[dir=ltr] .MediaListRow-title{float:left}[dir=rtl] .MediaListRow-title{float:right}[dir=ltr] .MediaListRow-title{margin-right:var(--media-list-spacing)}[dir=rtl] .MediaListRow-title{margin-left:var(--media-list-spacing)}.MediaListRow-title{color:var(--secondary-text-color);height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(60% - var(--media-list-spacing))}[dir=ltr] .MediaListRow-note{margin-right:var(--media-list-spacing)}[dir=rtl] .MediaListRow-note{margin-left:var(--media-list-spacing)}.MediaListRow-note{font-size:75%;height:calc(var(--unpadded-media-row-height)/3);line-height:calc(var(--unpadded-media-row-height)/3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - var(--media-list-spacing))}.MediaListRow-duration{height:100%}.MediaListRow-icon{align-items:center;display:flex;height:100%}[dir=ltr] .MediaListRow-actions{right:0}[dir=rtl] .MediaListRow-actions{left:0}.MediaListRow-actions{display:none;height:100%;position:absolute}.MediaListRow:focus .MediaListRow-actions,.MediaListRow:focus-within .MediaListRow-actions,.MediaListRow:hover .MediaListRow-actions{display:block}.MediaListRow.is-selected .MediaListRow-actions{background:var(--highlight-color)}.MediaList{overflow-y:auto}.MediaList-row{position:absolute;top:0}.OverlayHeader{background:var(--background-color);display:flex;height:var(--header-height);justify-content:space-between}.OverlayHeader-title{align-items:center;display:flex;flex-grow:1;font-size:10pt;height:100%;justify-content:center;text-transform:uppercase;width:33%}@media (min-width:1200px){.OverlayHeader-title{flex-grow:0;width:300px}}.OverlayHeader-content{flex-grow:1;height:100%}.OverlayHeader-close{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;width:var(--overlay-header-close-size)}.Overlay{height:100%;position:absolute;width:100%;z-index:8}.Overlay-body{height:100%;height:100vh}.Overlay--from-bottom{bottom:0;top:auto}.Overlay--from-bottom .Overlay-body{transform:translateY(100%)}.Overlay--from-top{bottom:auto;top:0}.Overlay--from-top .Overlay-body{transform:translateY(-100%)}.Overlay-content{bottom:var(--footer-height);left:0;position:absolute;right:0;top:var(--header-height)}@media (max-width:768px){.Overlay-content{bottom:0}}.Overlay-loading{background:var(--overlay-background)}.Overlay-enter,.Overlay-exit{overflow-y:hidden}.Overlay-enter .Overlay-body{transition:transform .18s ease-out}.Overlay-exit .Overlay-body{transition:transform .18s ease-in}.Overlay-enter-active .Overlay-body,.Overlay-enter-done .Overlay-body{transform:translateY(0)}.Player{height:100%;width:100%}:root{--recaptcha-iframe-height:78px}.ReCaptcha-spinner{height:var(--recaptcha-iframe-height);margin:auto;width:var(--recaptcha-iframe-height)}:root{--history-row-user-width:115px;--history-row-time-width:155px;--history-row-votes-width:220px}.HistoryRow{grid-template-columns:var(--media-row-thumb-width) auto var(--history-row-votes-width) var(--history-row-user-width) var(--history-row-time-width) var(--media-row-icon-width)}.HistoryRow-song{font-size:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.HistoryRow-icon{align-items:center;display:flex;justify-content:center}[dir=ltr] .HistoryRow-user{text-align:right}[dir=rtl] .HistoryRow-user{text-align:left}.HistoryRow-user{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=ltr] .HistoryRow-time{text-align:right}[dir=rtl] .HistoryRow-time{text-align:left}.HistoryRow-time{color:var(--muted-text-color)}.HistoryVotes-icon{height:36px;padding:6px 12px 6px 0;width:36px}.RoomHistory{height:100%;position:relative;z-index:10}.RoomHistory-body{background:var(--overlay-background)}.RoomHistory-list{height:100%;max-height:100%}.SearchBar{background:#252727;border:1px solid #252727;border-radius:2px;cursor:text;height:38px;margin:8px 0;width:100%}.SearchBar.is-focused{border-color:var(--highlight-color)}[dir=ltr] .SearchBar-icon{float:left}[dir=rtl] .SearchBar-icon{float:right}.SearchBar-icon{font-size:32px;height:100%;line-height:38px;text-align:center;width:80px}[dir=ltr] .SearchBar-query{margin-left:80px}[dir=rtl] .SearchBar-query{margin-right:80px}[dir=ltr] .SearchBar-query{margin-right:100px}[dir=rtl] .SearchBar-query{margin-left:100px}.SearchBar-query{height:100%}.SearchBar-input{background:#0000;border:none;color:var(--text-color);font-size:14pt;height:100%;padding:0;width:100%}.SearchBar-input:focus{outline:0}.ServerList{width:100%}.ServerList--loading{align-items:center;display:flex;height:100%;justify-content:center}.ChangeUsernameButton{color:#777;height:28px;margin-left:5px;padding:2px;vertical-align:bottom;width:28px}.ChangeUsernameButton:hover{color:#fff}.ChangeUsernameButton-icon{color:inherit;height:24px;padding:2px;width:24px}.LanguagePicker{float:right}.SettingsPanel-link{display:block;height:24px;line-height:24px;margin-bottom:16px;text-transform:none}.SettingsPanel-link,.SettingsPanel-link:visited{color:var(--text-color)}[dir=ltr] .SettingsPanel-linkIcon{margin-right:8px}[dir=rtl] .SettingsPanel-linkIcon{margin-left:8px}.SettingsPanel-linkIcon{vertical-align:top}.LogoutButton-icon{margin-right:8px}.SettingsPanelProfile-username{display:block;font-size:120%;font-weight:400;margin:0}.SettingsPanelProfile-avatar{height:80px;width:80px}[dir=ltr] .SettingsPanelProfile-textblock{padding-left:20px}[dir=rtl] .SettingsPanelProfile-textblock{padding-right:20px}.SettingsPanelProfile-textblock{display:inline-block;vertical-align:top}.SettingsPanelProfile-date{color:#aaa;line-height:1.5;margin:0}.SettingsPanelProfile-role{line-height:1.5;margin:0}.SettingControl-label{margin-left:0;margin-right:0}.SettingControl-labelText{flex-grow:1}.SettingsPanel{display:flex;flex-direction:column;padding:20px 50px}.SettingsPanel-section{margin-bottom:20px;padding-bottom:20px}.SettingsPanel-section:not(:last-child){border-bottom:1px solid var(--muted-text-color)}.SettingsPanel-header{font-weight:400;margin:0 0 20px}.SettingsPanel-helpText{color:var(--settings-help-text-color);line-height:1.5}.SettingsPanel-toggle{margin:0 0 20px}.SettingsPanel.is-wide{display:block}[dir=ltr] .SettingsPanel-column{float:left}[dir=rtl] .SettingsPanel-column{float:right}.SettingsPanel-column{width:50%}[dir=ltr] .SettingsPanel-column--left{padding-right:50px}[dir=ltr] .SettingsPanel-column--right,[dir=rtl] .SettingsPanel-column--left{padding-left:50px}[dir=rtl] .SettingsPanel-column--right{padding-right:50px}.SettingsManager{height:100%;position:relative;z-index:10}.SettingsManager-body{background:var(--overlay-background);overflow-y:scroll}:root{--tab-text-color:#fff}.SidePanels{position:relative}.SidePanel-indicator{background-color:var(--tab-text-color)}.SidePanel-tab{height:var(--header-height);min-width:0}.SidePanel-tab,.SidePanel-tab.Mui-selected{color:var(--tab-text-color)}.SidePanel-tabLabel{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.SidePanel-panel{height:calc(100vh - var(--header-height));opacity:0;position:absolute;top:var(--header-height);visibility:hidden;width:100%}.SidePanel-panel.is-selected{opacity:1;visibility:visible}.SongTitle{color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SongTitle--large{font-size:14pt}.SongTitle--mediaRow{font-size:1em}.SongTitle-title{color:var(--secondary-text-color)}.UserRoles{margin:0;padding:0}[dir=ltr] .UserRoles-role{margin-right:1em}[dir=rtl] .UserRoles-role{margin-left:1em}.UserRoles-role{display:inline-block}.UserCard{min-width:250px}.UserCard-avatar{height:40px;width:40px}.UserCard-actions,.UserCard-joinDate{padding-top:0}.UserCardWrapper{position:absolute;transform:translateX(-100%)}.UserRole{display:inline-block;padding:0}.VideoBackdrop{left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);z-index:3}.VideoBackdrop--blurry{filter:blur(1em)}.Video{background:#000;height:100%;overflow:hidden;position:relative;width:100%}.Video-overlay{position:absolute;z-index:50}.Video-capture{top:0}.Video-capture,.Video-progress{bottom:0;left:0;right:0}.Video-toolbar{background-color:var(--background-color);right:0;top:0;visibility:hidden}.Video:hover .Video-toolbar{visibility:visible}.Video--nonInteractive{pointer-events:none}.UserRow{height:40px;line-height:30px;padding:5px 0;text-decoration:none;width:100%}.UserRow--cardable{cursor:pointer}.UserRow-avatar{float:left;margin:3px 10px}.UserList{height:100%;overflow-y:scroll;width:100%}.UserList-row{background:var(--user-list-color);height:40px;position:absolute;top:0}.UserList-row--alternate{background:var(--user-list-alternate-color)}.UserRow-votes{align-items:center;display:flex;float:right;height:100%;margin-right:4px}.UserRow-voteIcon{margin:0 4px}.UserRow-voteIcon--favorite{color:var(--highlight-color)}.UserRow-voteIcon--downvote{color:#b64b4b}.UserRow-voteIcon--upvote{color:#4bb64b}.UserRow--guests{background:#0000;font-style:italic;padding-left:44px}.UserRow-guestsText{color:#aaa}.WaitlistRow.is-dragging{visibility:hidden}.WaitlistRow-position{background-color:initial;color:var(--text-color);float:left;font-size:12pt;height:30px;padding:0 0 0 7px;text-align:center;width:30px}.WaitlistRow--moderate{display:flex}.WaitlistRow-card{background:var(--user-list-color);cursor:pointer;flex-grow:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.UserList-row--alternate .WaitlistRow-card{background:var(--user-list-alternate-color)}.WaitlistRow-tools{float:right;height:100%;padding:5px;white-space:nowrap}.WaitlistRow-tool{align-items:center;display:inline-flex;height:100%;padding:0 4px}.WaitlistRow-handle{cursor:move}.WaitlistRow-remove{cursor:pointer}.WaitlistRow--dropAbove{border-top:3px solid #fff}.WaitlistRow--dropBelow{border-bottom:3px solid #fff}:root{--sc-margins:20px}.src-soundcloud-Player{height:300px;margin:auto;max-width:100%;width:400px}.src-soundcloud-Player-message{display:flex;flex-direction:column;padding:16px;position:relative;z-index:3}.src-soundcloud-Player-error{align-items:center;display:flex;padding:16px;position:relative;z-index:3}.src-soundcloud-Player-errorIcon{margin-right:16px}.src-soundcloud-Player-meta{background:var(--soundcloud-meta-background);padding:var(--sc-margins);position:relative;z-index:3}.src-soundcloud-Player-info{display:flex;margin-bottom:var(--sc-margins)}.src-soundcloud-Player-art{display:block;height:100px;margin-right:var(--sc-margins);width:100px}.src-soundcloud-Player-links{width:calc(100% - 100px - var(--sc-margins))}.src-soundcloud-Player-permalink{color:var(--text-color);display:block;font:14pt;text-align:right;text-decoration:none}.src-soundcloud-SongInfo-link{color:var(--text-color);display:block;font:14pt;height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.src-soundcloud-SongInfo-link:visited{color:var(--text-color)}.src-soundcloud-SongInfo-link--track{font-weight:700}[dir=ltr] .src-soundcloud-SongInfo-icon{float:left}[dir=rtl] .src-soundcloud-SongInfo-icon{float:right}.src-soundcloud-SongInfo-icon{margin-right:3px}.src-youtube-Player{height:100%;position:relative;width:100%;z-index:3}.src-youtube-Player--preview,.src-youtube-Player--small{height:360px;margin:auto;width:640px}.src-youtube-PlaylistPanel-header{display:flex}.src-youtube-PlaylistPanel-name{flex-grow:1}.src-youtube-PlaylistPanel-importIcon{color:#555}.src-youtube-PlaylistPanel-importIcon:hover{color:#fff}:root{--yt-import-button-width:54px}.src-youtube-PlaylistRow{grid-template-columns:var(--media-row-thumb-width) auto var(--yt-import-button-width)}.src-youtube-PlaylistRow-info{line-height:1.4}.src-youtube-PlaylistRow-name{margin:5px 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.src-youtube-PlaylistRow-size{color:#777;font-size:85%}.src-youtube-PlaylistRow-import{height:100%;line-height:1}.ImportRow{grid-template-columns:var(--media-row-thumb-width) auto var(--media-row-duration-width)}.DragLayerContainer{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:100}@media (max-width:768px){.Overlay{z-index:6}.MobileApp{bottom:0;display:block;left:0;position:absolute;right:0;top:0;width:100%}.MobileApp-video{height:56px;position:relative}.MobileApp--videoEnabled .MobileApp-video{height:40%}.MobileApp-chat{height:calc(100% - 56px);position:relative}.MobileApp--videoEnabled .MobileApp-chat{height:60%}.DrawerMenu{max-width:90vw;min-width:200px}.DrawerMenu-user{flex-shrink:0}.VideoDisabledMessage{align-items:center;background:#0000004d;bottom:0;color:#fff;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:4}.VideoDisabledMessage-text{margin-right:15px}.MainView{--app-bar-height:56px;height:100%;position:relative}.MainView-appBar{height:var(--app-bar-height);z-index:5}.MainView-title{flex-grow:1;overflow:hidden}.MainView-content{height:calc(100% - var(--app-bar-height))}}@media (max-width:768px){@media (min-width:600px){.MainView{--app-bar-height:64px}}}@media (max-width:768px){.MobileMediaRow-artist,.MobileMediaRow-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.MobileMediaRow-artist{color:#fffc}.MobileHistoryVotes{display:flex;flex-shrink:0;height:100%}.MobileHistoryVotes-vote{align-items:center;display:flex;flex-direction:column;justify-content:space-around;margin-right:5px}.MobileHistoryVotes-icon{height:16px;order:1;padding:0 4px 0 2px;width:22px}.UsersDrawer-position{color:var(--text-color);margin:8px}.UsersDrawer{max-width:90vw;min-width:200px}.VoteButtons{align-items:center;background:#0003;display:flex;height:100%;justify-content:space-around;pointer-events:none;width:100%}.VoteButtons-button{pointer-events:auto}.Video{height:100%;position:relative;width:100%}.Video-buttonTrigger,.Video-buttons,.Video-player{height:100%;position:absolute;width:100%}.Video-player{z-index:3}.Video-buttonTrigger{cursor:default;z-index:4}.Video-buttons{pointer-events:none;z-index:5}}button{appearance:none;background:initial;border:initial;color:inherit;text-align:initial}button:focus{outline:initial}
/*# sourceMappingURL=app_8ca54f5.css.map*/