/*! 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{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[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}template,[hidden]{display:none}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:300;src:local(Open Sans Light),local(OpenSans-Light),url(/static/open-sans-all-300-CDijL79a.woff2)format("woff2"),url(/static/open-sans-all-300-DTG33LgT.woff)format("woff")}@font-face{font-family:Open Sans;font-style:italic;font-display:swap;font-weight:300;src:local(Open Sans Light Italic),local(OpenSans-LightItalic),url(/static/open-sans-all-300-italic--Py80KMl.woff2)format("woff2"),url(/static/open-sans-all-300-italic-EGpGALVa.woff)format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:400;src:local(Open Sans Regular),local(OpenSans-Regular),url(/static/open-sans-all-400-DkHYYsEK.woff2)format("woff2"),url(/static/open-sans-all-400-C295T1ZQ.woff)format("woff")}@font-face{font-family:Open Sans;font-style:italic;font-display:swap;font-weight:400;src:local(Open Sans Italic),local(OpenSans-Italic),url(/static/open-sans-all-400-italic-XCXuoehX.woff2)format("woff2"),url(/static/open-sans-all-400-italic-Db4BYWiT.woff)format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:600;src:local(Open Sans SemiBold),local(OpenSans-SemiBold),url(/static/open-sans-all-600-DZojDmQF.woff2)format("woff2"),url(/static/open-sans-all-600-BoCrvmni.woff)format("woff")}@font-face{font-family:Open Sans;font-style:italic;font-display:swap;font-weight:600;src:local(Open Sans SemiBold Italic),local(OpenSans-SemiBoldItalic),url(/static/open-sans-all-600-italic-CTZrXj5w.woff2)format("woff2"),url(/static/open-sans-all-600-italic-DiObLcd8.woff)format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:700;src:local(Open Sans Bold),local(OpenSans-Bold),url(/static/open-sans-all-700-BCIx8u5r.woff2)format("woff2"),url(/static/open-sans-all-700-C6jLSPtq.woff)format("woff")}@font-face{font-family:Open Sans;font-style:italic;font-display:swap;font-weight:700;src:local(Open Sans Bold Italic),local(OpenSans-BoldItalic),url(/static/open-sans-all-700-italic-D-HQzzhp.woff2)format("woff2"),url(/static/open-sans-all-700-italic-CHbkUPU9.woff)format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:800;src:local(Open Sans ExtraBold),local(OpenSans-ExtraBold),url(/static/open-sans-all-800-D6uDKN7j.woff2)format("woff2"),url(/static/open-sans-all-800-C9UivqsD.woff)format("woff")}@font-face{font-family:Open Sans;font-style:italic;font-display:swap;font-weight:800;src:local(Open Sans ExtraBold Italic),local(OpenSans-ExtraBoldItalic),url(/static/open-sans-all-800-italic-CfwpKXyg.woff2)format("woff2"),url(/static/open-sans-all-800-italic-CKS1ZE3L.woff)format("woff")}*,:after,:before{box-sizing:border-box}html{scrollbar-color:var(--scrollbar-color)transparent;scrollbar-width:7px}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:var(--scrollbar-color)}:focus{outline-color:var(--highlight-color)}body{font-family:var(--font-family);background:var(--background-color);color:var(--text-color)}a{color:var(--link-color)}a:visited{color:var(--link-visited-color)}button,input,optgroup,select,textarea{font:inherit}html[dir=rtl] .u-rtl-hidden,html:not([dir=rtl]) .u-rtl-only{display:none}.App{width:100%;height:100vh;display:flex}.AppColumn{flex-direction:column;height:100%;display:flex}.AppColumn--full{width:100%}.AppColumn--left{width:75%}.AppColumn--right{width:25%}.AppRow{width:100%}.AppRow--top{height:var(--header-height);flex-shrink:0}.AppRow--middle{flex-grow:1;flex-basis:0}.AppRow--bottom{height:var(--footer-height)}.App-media{position:relative}@media (min-width:769px){.Overlays .Overlay{width:75%}}.CircularProgress{--spinner-color:var(--highlight-color);width:300px;color:var(--spinner-color)}@keyframes CircularProgress-animation{0%{stroke-dashoffset:306px}50%{stroke-dasharray:40 134}to{stroke-dasharray:1 174;stroke-dashoffset:132px}}.CircularProgress-spin{stroke-dasharray:1 174;stroke-dashoffset:306px;animation:1.4s linear infinite CircularProgress-animation}.SvgIcon{fill:currentColor;width:1em;height:1em;font-size:1.5rem;display:inline-block}.Button{width:100%;height:var(--forms-textfield-size);cursor:pointer;color:var(--text-color);text-align:center;text-transform:uppercase;font-size:12pt;transition:opacity .15s}.Button:disabled{cursor:default;opacity:.5}.Button-loading{width:calc(var(--forms-textfield-size)*.8);height:calc(var(--forms-textfield-size)*.8);margin:auto}.TextField{height:var(--forms-textfield-size);background:#383838;border:1px solid #3e3e3e;border-color:#3e3e3e #3e3e3e #2c2c2c #2c2c2c;border-radius:.25rem;font-size:12pt}.TextField-input{width:100%;height:100%;line-height:var(--forms-textfield-size);float:left;padding:0 var(--forms-element-margin);padding-right:var(--forms-textfield-size);color:var(--text-color);background:0 0;border:0;border-radius:.25rem;font-size:12pt;display:block}.TextField-input::placeholder{color:#9f9d9e}.TextField-input:focus-visible{outline:1px solid var(--highlight-color)}.TextField-icon{color:#9f9d9e;width:var(--forms-textfield-size);height:var(--forms-textfield-size);margin-left:calc(var(--forms-textfield-size)*-1);float:left;justify-content:center;align-items:center;display:flex}.FormGroup{margin:var(--forms-element-margin)0;clear:both;width:100%}.FormGroup:first-child{margin-top:0}.FormGroup--noSpacing{margin:0}.FormGroup-label{margin-bottom:8px;display:block}.MediaActions{height:54px;text-align:inline-end;background:var(--background-color)}.MediaActions-action{width:54px;height:54px}.MediaDragPreview{background:var(--highbright-color);color:var(--text-color);padding:7px 15px 7px 20px;font-weight:700;line-height:24px;display:block}.MediaDragPreview-icon{vertical-align:bottom;margin-right:3px}.MediaLoadingIndicator{float:left;justify-content:center;align-items:center;width:55px;height:100%;display:flex}.MediaLoadingIndicator-spinner{width:32px;height: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-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);grid-gap:15px;height:var(--media-row-height);line-height:var(--media-row-height);background:var(--media-list-color);border-bottom:1px solid var(--divider-color);width:100%;padding:0 15px;display:grid}.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{pointer-events:none;max-width:100%;max-height:100%}.MediaListRow-data{line-height:var(--unpadded-media-row-height);padding:7px 0}.MediaListRow-artist{float:inline-start;height:100%;width:calc(40% - var(--media-list-spacing));text-overflow:ellipsis;white-space:nowrap;margin-inline-end:var(--media-list-spacing);overflow:hidden}.MediaListRow-title{float:inline-start;height:100%;width:calc(60% - var(--media-list-spacing));color:var(--secondary-text-color);text-overflow:ellipsis;white-space:nowrap;margin-inline-end:var(--media-list-spacing);overflow:hidden}.MediaListRow-note{height:calc(var(--unpadded-media-row-height)/3);line-height:calc(var(--unpadded-media-row-height)/3);width:calc(100% - var(--media-list-spacing));text-overflow:ellipsis;white-space:nowrap;margin-inline-end:var(--media-list-spacing);font-size:75%;overflow:hidden}.MediaListRow-duration{height:100%}.MediaListRow-icon{align-items:center;height:100%;display:flex}.MediaListRow-actions{height:100%;display:none;position:absolute;inset-inline-end:0}.MediaListRow:hover .MediaListRow-actions,.MediaListRow:focus .MediaListRow-actions,.MediaListRow:focus-within .MediaListRow-actions{display:block}.MediaListRow.is-selected .MediaListRow-actions{background:var(--highlight-color)}.MediaList{overflow-y:auto}.MediaList-row{position:absolute;top:0}.SongTitle{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.SongTitle--large{font-size:14pt}.SongTitle--mediaRow{font-size:1em}.SongTitle-title{color:var(--secondary-text-color)}.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{width:100%;height:100%;overflow-y:auto}.AddToPlaylistMenu-playlist{justify-content:space-between;display:flex}.AddToPlaylistMenu-playlistName{width:100%}.AddToPlaylistMenu-smallIcon{flex-grow:0}.AdminPanel{background:var(--background-color);margin-bottom:var(--footer-height);flex-grow:1;overflow-y:auto}.Avatar{text-align:center;border-radius:50%;width:24px;height:24px;display:inline-block;overflow:hidden}.Avatar-image{width:100%;height:100%}.ChatMessages{background:var(--background-color);height:100%;font-size:10pt;overflow:hidden scroll}.ChatMessages-scrollDown{text-align:center;pointer-events:none;z-index:1;width:100%;height:55px;position:absolute;bottom:0;overflow:hidden}.ChatMessages-scrollDownButton{pointer-events:all;margin:auto;margin-top:55px;transition:margin-top .14s ease-in}.ChatMessages-scrollDown.is-visible .ChatMessages-scrollDownButton{margin-top:0;transition:margin-top .14s ease-out}.ChatInputWrapper{background:var(--chat-background-color)}.ChatInput{place-content:center stretch;width:100%;height:100%;padding:0 1rem;font-size:.875rem;display:grid}.ChatInput>span{width:100%}.ChatInput-suggestions{bottom:100%;position:absolute;inset-inline:0}.ChatInput-input{border:1px solid var(--chat-border-color);height:2rem;color:var(--text-color);background:#222;border-radius:.25rem;width:100%;padding:0 .5rem;font-size:.875rem}.ChatInput-input.is-focused{border-color:var(--highlight-color);outline:none}.SuggestionItem{cursor:pointer;grid-template-columns:24px 1fr;grid-template-areas:"icon label";justify-content:center;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;font-size:1rem;display:grid}.SuggestionItem:where(:hover,.is-focused){background-color:var(--chat-suggestion-selected)}.SuggestionItem-icon{grid-area:icon}.SuggestionItem-label{white-space:nowrap;text-overflow:ellipsis;grid-area:label;overflow:hidden}.EmojiSuggestion-image{background-position:50%;background-repeat:no-repeat;background-size:contain;width:24px;height:24px;display:inline-block}.Emoji{background-position:50%;background-repeat:no-repeat;background-size:contain;height:1.5rem;margin:-.5rem 0;display:inline-block;position:relative}.Emoji--large{height:2rem}.Emoji-img{vertical-align:middle;max-width:200px;height:100%}.NowPlayingMessage{color:var(--muted-text-color);font-size:80%;position:relative}.NowPlayingMessage-time{background:var(--background-color);height:100%;padding:0 .25rem;display:none;position:absolute;top:0;right:0}.NowPlayingMessage:hover .NowPlayingMessage-time{display:block}.NowPlayingMessage-mediaWrap{flex-direction:row;flex-grow:1;align-items:center;display:flex}.NowPlayingMessage-mediaWrap:before,.NowPlayingMessage-mediaWrap:after{content:" ";background:var(--muted-text-color);flex-grow:1;height:1px}.NowPlayingMessage-mediaWrap:before{margin-right:.5rem}.NowPlayingMessage-mediaWrap:after{margin-left:.5rem}.NowPlayingMessage-media{white-space:nowrap;text-overflow:ellipsis;max-width:80%;overflow:hidden}.ChatMessage--userNotification .ChatMessage-content{color:#aaa}.ChatMessage--log .ChatMessage-content{color:#aaa;padding-left:10px}.ChatMessage{min-height:2rem;font-size:.875rem;position:relative}.ChatMessage--mention{box-shadow:5px 0 0 var(--highlight-color)inset}.ChatMessage-hover{background:var(--background-color);z-index:2;top:0;padding:0 .25rem;font-size:80%;display:none;position:absolute;inset-inline-end:0}.ChatMessage:hover .ChatMessage-hover{display:block}.ChatMessage-delete{cursor:pointer;color:#b00}.ChatMessage-timestamp{color:var(--chat-timestamp-text-color)}.ChatMessage-avatar{top:0;width:1.5rem;height:1.5rem;margin:.25rem 0;position:absolute;inset-inline-start:.75rem}.ChatMessage-content{word-wrap:break-word;width:100%;min-height:1.5rem;margin:.25rem 0;padding-inline:3rem .25rem;line-height:1.25rem;display:inline-block;position:relative}.ChatMessage-cardable{cursor:pointer;padding:0}.ChatMessage-username{color:#9ba0a0;font-weight:600}.ChatMessage-text{margin-inline-start:.25rem}.ChatMessage--loading{opacity:.7}.ChatMention{color:var(--highlight-color)}.ChatMessage--motd .ChatMessage-content{white-space:pre-wrap;color:#eee;padding-left:10px}.ChatContainer{width:100%;height:100%;position:relative}.ChatContainer-messages{top:0;bottom:var(--footer-height);width:100%;position:absolute}.ChatContainer-input{height:var(--footer-height);width:100%;position:absolute;bottom:0}.ConnectionIndicator-position{z-index:55;position:absolute;top:10px;right:10px}.Dialog{color:var(--text-color)}.Dialog-close{float:right;margin:-12px}.ConfirmDialog-buttons{justify-content:space-between;display:flex}.ConfirmDialog-spacer{width:40px}.ConfirmDialog-button{width:50%}: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:transparent;--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}.Chapters-placeholder{color:var(--muted-text-color)}.Chapters-select{padding-block:8px;display:flex}.ChapterItem-title{flex-grow:1}.ChapterItem-duration{color:var(--muted-text-color);margin-left:7px;margin-right:5px}.EditMediaDialog{width:75%;max-width:768px}.EditMediaDialog-chapters{display:flex}.EditMediaDialog-chaptersLabel{margin:0;padding:0 20px;line-height:50px}.EditMediaDialog-chaptersList{flex-grow:1}.EditMediaDialogForm{justify-content:space-between;display:flex}.EditMediaDialogForm-column{width:50%}.EditMediaDialogGroup{justify-content:center;display:flex}.EditMediaDialogGroup-field{flex-grow:1}.EditMediaDialogGroup-label{white-space:nowrap;padding:0 20px;line-height:50px}.LoginForm-forgot{text-align:center}.LoginForm-forgotLink{color:var(--link-color);cursor:pointer;font-size:10pt}.AvatarList--avatar{vertical-align:middle;margin-right:9px}.LoginDialog{max-width:350px}.LoginDialog--mobile{max-width:100%}.PreviewMediaDialog-content{padding:0;position:relative;overflow:hidden}.PreviewMediaDialog-content:first-child{padding-top:0}.Dialogs{z-index:100;width:0;height:0;position:absolute}.ErrorArea-snackbar{color:#fff;background-color:#9d202f}.FatalError{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.FatalError-paper{min-width:350px;padding:16px}.FatalError-reload{margin-left:auto}.NextMedia{cursor:pointer;width:100%;height:100%;color:var(--muted-text-color);white-space:nowrap;text-overflow:ellipsis;padding:7px;font-size:11pt;overflow-x:hidden}.NextMedia:hover{background-color:var(--background-hover-color)}.NextMedia-playlist{color:var(--text-color)}.SettingsButton{color:var(--text-color);height:calc(var(--footer-height) - 1px);width:calc(var(--footer-height) - 1px)}.SkipButton{color:var(--text-color)}.SkipButton.is-loading{justify-content:center;align-items:center;width:24px;height:100%;margin-left:12px;margin-right:12px;display:flex}.SkipButton-loader{width:48px;height:48px}.UserInfo{cursor:pointer;width:100%;height:100%;padding:4px;position:relative}.UserInfo:hover{background-color:var(--background-hover-color)}.UserInfo-avatar{width:44px;height:44px;margin:auto;display:block}.UserInfo-settings{border:2px solid var(--background-color);background:var(--background-color);border-radius:50%;width:23px;height:23px;position:absolute;bottom:4px;right:3px}.UserInfo-settingsIcon{width:100%;height:100%}.AudienceResponse{justify-content:space-around;align-items:center;width:100%;height:100%;display:flex}.ResponseButton{cursor:pointer;background:0 0;border:0;flex-grow:.334;align-items:center;height:100%;padding:0;display:flex}.ResponseButton:hover{background-color:var(--background-hover-color)}.ResponseButton--disabled,.ResponseButton--static{cursor:default}:is(.ResponseButton--disabled,.ResponseButton--static):hover{background-color:#0000}.ResponseButton-content{justify-content:center;align-items:center;height:48px;padding:0 15px;display:flex;position:relative}.ResponseButton-icon{padding-top:6px;padding-bottom:6px;width:36px;height:36px;padding-inline-end:12px}.ResponseButton-icon--favorite{color:var(--highlight-color)}.ResponseButton-icon--downvoted{color:#b64b4b}.ResponseButton-icon--upvoted{color:#4bb64b}.WaitlistButton{background:var(--highlight-color);width:125px;height:100%;color:var(--text-color);text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;padding:8px 4px;font-size:11pt;line-height:24px;display:flex}.WaitlistButton:hover{background:var(--highbright-color)}.WaitlistButton--split{background:var(--highlight-color);color:var(--text-color)}.WaitlistButton--split:hover{background:var(--highbright-color)}.WaitlistButton--locked{width:140px;color:var(--waitlist-locked-text-color)}.WaitlistButton-icon{width:1em;height:1em;color:var(--text-color);margin-right:6px}.WaitlistButton-icon--locked{color:var(--text-color);opacity:.7}.FooterBar{z-index:20;background:var(--background-color);justify-content:space-between;display:flex}.FooterBar-guest{flex-grow:1;justify-content:flex-end;align-items:center;height:100%;padding:0 25px;font-size:12pt;display:flex}.FooterBar-user{flex-shrink:0;width:75px;height:100%}.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{flex-shrink:0;align-items:center;height:100%;padding-right:.5rem;display:flex}.FooterAuthButton{width:125px;height:100%;color:var(--text-color);font-size:12pt}.FooterAuthButton--register{background:var(--background-color)}.FooterAuthButton--register:hover{background:var(--background-hover-color)}.AppTitle{align-items:center;padding-right:20px;display:flex}.AppTitle-logo{flex-grow:2;align-items:center;height:32px;margin-left:10px;margin-right:10px;font-size:0;line-height:32px;display:flex}.AppTitle-logoImage{max-width:100%;max-height:100%}.AppTitle-button{color:var(--text-color)}.HistoryButton{z-index:7}.Progress-fill{background:var(--highlight-color);width:0;height:100%}.VolumeSlider{align-items:center;height:100%;display:flex}.VolumeSlider-slider{width:160px;margin-left:6px;display:inline-block}.HeaderBar{z-index:4;width:100%;height:100%;display:flex;position:relative}.HeaderBar-title{flex-shrink:0;margin:0}.HeaderBar-volume{flex-shrink:0;padding-right:12px;top:0}.HeaderBar-history{flex-shrink:0;justify-content:center;align-items:center;padding-right:6px;display:flex}.HeaderBar-nowPlaying{flex-grow:1;flex-shrink:1;overflow:hidden}.HeaderBar-media{margin-top:5px;line-height:25px}.HeaderBar-dj{color:var(--muted-text-color);font-size:80%}.HeaderBar-progress{z-index:6;width:100%;height:2px;position:absolute;bottom:1px}.LoadingOverlay-body{background:var(--overlay-background);justify-content:center;align-items:center;display:flex}.LoadingOverlay-spinner{min-width:250px;min-height:250px}.Filler{background:var(--text-color);opacity:.1;vertical-align:middle;height:1em;display:inline-block}@keyframes initially-hide{0%{opacity:0}80%{opacity:0}to{opacity:1}}.LoadingIndicator{background:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;inset:0}.LoadingIndicator-loader{animation:1s linear initially-hide}.LoadingIndicator-warning{color:#f44336;font-size:2rem}.LoadingIndicator-notice{color:var(--text-color);text-align:center;animation:1s linear initially-hide}.desktop-only{display:none}.mobile-only{display:block}@media (min-width:769px){.desktop-only{display:block}.mobile-only{display:none}}.OverlayHeader{background:var(--background-color);height:var(--header-height);justify-content:space-between;display:flex}.OverlayHeader-title{text-transform:uppercase;flex-grow:1;justify-content:center;align-items:center;width:33%;height:100%;font-size:10pt;display:flex}@media (min-width:1200px){.OverlayHeader-title{flex-grow:0;width:300px}}.OverlayHeader-content{flex-grow:1;height:100%}.OverlayHeader-close{height:100%;width:var(--overlay-header-close-size);flex-shrink:0;justify-content:center;align-items:center;display:flex}.Overlay{z-index:8;width:100%;height:100%;position:absolute}.Overlay-body{height:100vh}.Overlay--from-bottom{top:auto;bottom:0}.Overlay--from-bottom .Overlay-body{transform:translateY(100%)}.Overlay--from-top{top:0;bottom:auto}.Overlay--from-top .Overlay-body{transform:translateY(-100%)}.Overlay-content{inset:var(--header-height)0 var(--footer-height)0;position:absolute}@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{width:100%;height:100%}:root{--recaptcha-iframe-height:78px}.ReCaptcha-spinner{width:var(--recaptcha-iframe-height);height:var(--recaptcha-iframe-height);margin:auto}: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{text-overflow:ellipsis;white-space:nowrap;font-size:1em;overflow:hidden}.HistoryRow-icon{justify-content:center;align-items:center;display:flex}.HistoryRow-user{text-align:end;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.HistoryRow-time{text-align:end;color:var(--muted-text-color)}.HistoryVotes-icon{width:36px;height:36px;padding:6px 12px 6px 0}.RoomHistory{z-index:10;height:100%;position:relative}.RoomHistory-body{background:var(--overlay-background)}.RoomHistory-list{height:100%;max-height:100%}.SearchBar{cursor:text;background:#252727;border:1px solid #252727;border-radius:.25rem;width:100%;height:38px;margin:8px 0}.SearchBar.is-focused{border-color:var(--highlight-color)}.SearchBar-icon{float:inline-start;text-align:center;width:80px;height:100%;font-size:32px;line-height:38px}.SearchBar-query{height:100%;margin-inline:80px 100px}.SearchBar-input{width:100%;height:100%;color:var(--text-color);background:0 0;border:none;padding:0;font-size:14pt}.SearchBar-input:focus{outline:0}.ServerList{width:100%}.ServerList--loading{justify-content:center;align-items:center;height:100%;display:flex}.usl-ServerList{flex-wrap:wrap;justify-content:space-around;display:flex}.usl-CurrentMedia{position:relative}.usl-CurrentMedia-image{background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;padding-bottom:75%}.usl-CurrentMedia-nowPlaying{box-sizing:border-box;color:#fff;background:#000000bf;width:100%;padding:24px 16px 16px;position:absolute;bottom:0}.usl-CurrentMedia-title{margin:0;font-size:150%}.usl-CurrentMedia-artist{margin:0}.usl-ServerThumbnail{width:360px;margin:0 20px 20px;position:relative}.usl-ServerThumbnail-header{justify-content:space-between;display:flex}.usl-ServerThumbnail-link{text-decoration:none}.usl-ServerThumbnail-nobodyPlaying{color:#fff;background:#000;text-decoration:none}.usl-ServerThumbnail-actions{justify-content:end}.usl-DescriptionDialog-markdown{max-width:100%;line-height:calc(1em + 1ex)}.usl-DescriptionDialog-markdown a:any-link{color:var(--link-color)}.ChangeUsernameButton{vertical-align:bottom;color:#777;width:28px;height:28px;margin-left:5px;padding:2px}.ChangeUsernameButton:hover{color:#fff}.ChangeUsernameButton-icon{width:24px;height:24px;color:inherit;padding:2px}.LanguagePicker{float:right}.SettingsPanel-link{height:24px;color:var(--text-color);text-transform:none;margin-bottom:16px;line-height:24px;display:block}.SettingsPanel-link:visited{color:var(--text-color)}.SettingsPanel-linkIcon{vertical-align:top;margin-inline-end:8px}.LogoutButton-icon{margin-right:8px}.SettingsPanelProfile-username{margin:0;font-size:120%;font-weight:400;display:block}.SettingsPanelProfile-avatar{width:80px;height:80px}.SettingsPanelProfile-textblock{vertical-align:top;padding-inline-start:20px;display:inline-block}.SettingsPanelProfile-date{color:#aaa;margin:0;line-height:1.5}.SettingsPanelProfile-role{margin:0;line-height:1.5}.SettingControl-label{margin-left:0;margin-right:0}.SettingControl-labelText{flex-grow:1}.SettingsPanel{flex-direction:column;padding:20px 50px;display:flex}.SettingsPanel-section{margin-bottom:20px;padding-bottom:20px}.SettingsPanel-section:not(:last-child){border-bottom:1px solid var(--muted-text-color)}.SettingsPanel-header{margin:0 0 20px;font-weight:400}.SettingsPanel-helpText{color:var(--settings-help-text-color);line-height:1.5}.SettingsPanel-toggle{margin:0 0 20px}.SettingsPanel.is-wide{display:block}.SettingsPanel-column{float:inline-start;width:50%}.SettingsPanel-column--left{padding-inline-end:50px}.SettingsPanel-column--right{padding-inline-start:50px}.SettingsManager{z-index:10;height:100%;position:relative}.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{color:var(--tab-text-color);height:var(--header-height);min-width:0}.SidePanel-tab.Mui-selected{color:var(--tab-text-color)}.SidePanel-tabLabel{flex-direction:column;justify-content:space-around;align-items:center;display:flex}.SidePanel-panel{visibility:hidden;opacity:0;height:calc(100vh - var(--header-height));top:var(--header-height);width:100%;position:absolute}.SidePanel-panel.is-selected{visibility:visible;opacity:1}.UserRoles{margin:0;padding:0}.UserRoles-role{margin-inline-end:1em;display:inline-block}.UserCard{min-width:250px}.UserCard-avatar{width:40px;height:40px}.UserCard-joinDate,.UserCard-actions{padding-top:0}.UserCardWrapper{position:absolute;transform:translate(-100%)}.UserRole{padding:0;display:inline-block}.VideoBackdrop{z-index:3;min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.VideoBackdrop--blurry{filter:blur(1em)}.Video{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.Video-overlay{z-index:50;position:absolute}.Video-capture{inset:0}.Video-progress{bottom:0;left:0;right:0}.Video-toolbar{background-color:var(--background-color);visibility:hidden;top:0;right:0}.Video:hover .Video-toolbar{visibility:visible}.Video--nonInteractive{pointer-events:none}.UserRow{width:100%;height:40px;padding:5px 0;line-height:30px;text-decoration:none}.UserRow--cardable{cursor:pointer}.UserRow-avatar{float:left;margin:3px 10px}.UserList{width:100%;height:100%;overflow-y:scroll}.UserList-row{background:var(--user-list-color);height:40px;position:absolute;top:0}.UserList-row--alternate{background:var(--user-list-alternate-color)}.UserRow-votes{float:right;align-items:center;height:100%;margin-right:4px;display:flex}.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:0 0;padding-left:44px;font-style:italic}.UserRow-guestsText{color:#aaa}.WaitlistRow.is-dragging{visibility:hidden}.WaitlistRow-position{float:left;text-align:center;width:30px;height:30px;color:var(--text-color);background-color:#0000;padding:0 0 0 7px;font-size:12pt}.WaitlistRow--moderate{display:flex}.WaitlistRow-card{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:var(--user-list-color);flex-grow:2;overflow:hidden}.UserList-row--alternate .WaitlistRow-card{background:var(--user-list-alternate-color)}.WaitlistRow-tools{float:right;white-space:nowrap;height:100%;padding:5px}.WaitlistRow-tool{align-items:center;height:100%;padding:0 4px;display:inline-flex}.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{width:400px;max-width:100%;height:300px;margin:auto}.src-soundcloud-Player-message{z-index:3;flex-direction:column;padding:16px;display:flex;position:relative}.src-soundcloud-Player-error{z-index:3;align-items:center;padding:16px;display:flex;position:relative}.src-soundcloud-Player-errorIcon{margin-right:16px}.src-soundcloud-Player-meta{background:var(--soundcloud-meta-background);padding:var(--sc-margins);z-index:3;position:relative}.src-soundcloud-Player-info{margin-bottom:var(--sc-margins);display:flex}.src-soundcloud-Player-art{width:100px;height:100px;margin-right:var(--sc-margins);display:block}.src-soundcloud-Player-links{width:calc(100% - 100px - var(--sc-margins))}.src-soundcloud-Player-permalink{font:14pt;color:var(--text-color);text-align:right;text-decoration:none;display:block}.src-soundcloud-SongInfo-link{font:14pt;color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;height:25px;display:block;overflow:hidden}.src-soundcloud-SongInfo-link:visited{color:var(--text-color)}.src-soundcloud-SongInfo-link--track{font-weight:700}.src-soundcloud-SongInfo-icon{float:inline-start;margin-right:3px}.src-youtube-Player{z-index:3;width:100%;height:100%;position:relative}.src-youtube-Player--small,.src-youtube-Player--preview{width:640px;height:360px;margin:auto}.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{text-overflow:ellipsis;white-space:nowrap;margin:5px 0 3px;overflow:hidden}.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)}@media (max-width:768px){.Overlay{z-index:6}.MobileApp{width:100%;display:block;position:absolute;inset:0}.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{min-width:200px;max-width:90vw}.DrawerMenu-user{flex-shrink:0}.VideoDisabledMessage{color:#fff;z-index:4;background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.VideoDisabledMessage-text{margin-right:15px}.MainView{--app-bar-height:56px;height:100%;position:relative}.MainView-appBar{z-index:5;height:var(--app-bar-height)}.MainView-title{flex-grow:1;overflow:hidden}.MainView-content{height:calc(100% - var(--app-bar-height))}@media (min-width:600px){.MainView{--app-bar-height:64px}}.MobileMediaRow{position:absolute}.MobileMediaRow-artist,.MobileMediaRow-title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.MobileMediaRow-artist{color:#fffc}.MobileHistoryVotes{flex-shrink:0;height:100%;display:flex}.MobileHistoryVotes-vote{flex-direction:column;justify-content:space-around;align-items:center;margin-right:5px;display:flex}.MobileHistoryVotes-icon{order:1;width:22px;height:16px;padding:0 4px 0 2px}.UsersDrawer-position{color:var(--text-color);margin:8px}.UsersDrawer{min-width:200px;max-width:90vw}.VoteButtons{pointer-events:none;background:#0003;justify-content:space-around;align-items:center;width:100%;height:100%;display:flex}.VoteButtons-button{pointer-events:initial}.Video{width:100%;height:100%;position:relative}.Video-player,.Video-buttonTrigger,.Video-buttons{width:100%;height:100%;position:absolute}.Video-player{z-index:3}.Video-buttonTrigger{z-index:4;cursor:default}.Video-buttons{z-index:5;pointer-events:none}}button{color:inherit;background:initial;border:initial;text-align:initial;appearance:initial}button:focus{outline:initial}