@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed|Raleway:200);:root{font-family:Roboto Condensed,sans-serif;color:#d3d2d7}#App-Mount,:root,body{background-color:#303038;margin:0;padding:0}:root,body{height:100%}#App-Mount{display:flex;justify-content:center;align-items:center;min-height:100%}:focus{outline:none}.Loading{color:#d3d2d7}@media (min-width:769px){.Loading{font-size:2em}}@media (max-width:768px){.Loading{font-size:1.4em}}.Dashboard{width:100%;height:100%;position:absolute}.Dashboard-Inner{width:100%;height:100%;min-height:100vh;overflow:hidden;margin:0 auto;display:grid;background-color:#303038}@media (min-width:769px){.Dashboard-Inner{box-shadow:0 0 20px rgba(0,0,0,.3);max-width:1200px;grid:[header-start] 100px [header-end content-start] auto [content-end]/[playlist-start] 1fr [playlist-end voicechannel-start] 250px [voicechannel-end]}}@media (max-width:768px){.Dashboard-Inner{grid:[header-start] 60px [header-end tab-start] 60px [tab-end content-start] auto [content-end]/100%}}.Dashboard-Header{grid-row:header-start/header-end;min-width:0}@media (min-width:769px){.Dashboard-Header{grid-column:playlist-start/voicechannel-end}}@media (max-width:768px){.Dashboard-Header{grid-column:1}}.Dashboard-TabSelect{grid-row:tab-start/tab-end;grid-column:1;min-width:0}.Dashboard-Playlist{grid-row:content-start/content-end;min-width:0}@media (min-width:769px){.Dashboard-Playlist{grid-column:playlist-start/playlist-end}}@media (max-width:768px){.Dashboard-Playlist{grid-column:1}}.Dashboard-VoiceChannel{grid-row:content-start/content-end;min-width:0}@media (min-width:769px){.Dashboard-VoiceChannel{grid-column:voicechannel-start/voicechannel-end}}@media (max-width:768px){.Dashboard-VoiceChannel{grid-column:1}}.FileUpload-DropZone{min-width:100%;min-height:100%}.FileUpload-Overlay{width:100vw;height:100vh;position:fixed;z-index:12}@media (min-width:769px){.FileUpload-Overlay{background-color:rgba(0,0,0,.4)}}@media (max-width:768px){.FileUpload-Overlay{background-color:rgba(0,0,0,.9)}}.FileUpload-Overlay-Container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;text-align:center}@media (min-width:769px){.FileUpload-Overlay-Container{border-radius:5px;overflow:hidden;background-color:#3c3c46;border:1px solid #303038;margin:50px}}@media (max-width:768px){.FileUpload-Overlay-Container{width:100%}}@media (min-width:769px){.FileUpload-Overlay-Container{width:400px;box-shadow:0 0 10px rgba(117,176,255,.3)}}.FileUpload-Overlay-Container i{margin:50px 30px 30px;padding:40px;font-size:6em;border:3px solid #75b0ff;border-radius:20px}.FileUpload-Overlay-Container div{margin-bottom:45px;font-size:2em}.FileUpload-Overlay-enter{opacity:0}.FileUpload-Overlay-enter.FileUpload-Overlay-enter-active{opacity:1;transition:opacity .5s}.FileUpload-Overlay-exit{opacity:1}.FileUpload-Overlay-exit.FileUpload-Overlay-exit-active{opacity:0;transition:opacity .5s}.FileUpload-Progress{position:fixed;bottom:0;left:0;right:0;z-index:11;box-shadow:0 0 10px rgba(0,0,0,.2)}@media (min-width:769px){.FileUpload-Progress{border-radius:5px;overflow:hidden;background-color:#3c3c46;border:1px solid #303038;margin:50px}}@media (max-width:768px){.FileUpload-Progress{width:100%}}@media (min-width:769px){.FileUpload-Progress{margin:0 auto;width:600px;background-color:#292930}}@media (max-width:768px){.FileUpload-Progress{background-color:#292930}}.FileUpload-Progress .Info{display:flex;align-items:center}@media (min-width:769px){.FileUpload-Progress .Info{padding:30px 30px 0}}@media (max-width:768px){.FileUpload-Progress .Info{padding:20px 20px 0}}.FileUpload-Progress .Info .File{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:769px){.FileUpload-Progress .Info .File{font-size:1.1em;margin-right:30px}}@media (max-width:768px){.FileUpload-Progress .Info .File{font-size:.8em;margin-right:10px}}.FileUpload-Progress .Info .Status{flex-shrink:0;color:#9e9ca7;white-space:nowrap}@media (min-width:769px){.FileUpload-Progress .Info .Status{font-size:.9em}}@media (max-width:768px){.FileUpload-Progress .Info .Status{font-size:.7em}}.FileUpload-Progress .Info .Status .Queued,.FileUpload-Progress .Info .Status .Uploading{color:#75b0ff}.FileUpload-Progress .Info .Status .Completed{color:#6bff5e}.FileUpload-Progress .Info .Status .Cancelled{color:#ff665e}.FileUpload-Progress .Info .CancelUploads{flex-shrink:0;border:none;background:none;padding:0 8px;color:#9e9ca7}@media (min-width:769px){.FileUpload-Progress .Info .CancelUploads{font-size:1.1em}}@media (max-width:768px){.FileUpload-Progress .Info .CancelUploads{font-size:.9em}}.FileUpload-Progress .Info .CancelUploads:focus,.FileUpload-Progress .Info .CancelUploads:hover{color:#ff665e}.FileUpload-Progress .Bar{box-sizing:border-box;width:100%;margin-top:10px}@media (min-width:769px){.FileUpload-Progress .Bar{padding:10px 30px 30px;height:45px}}@media (max-width:768px){.FileUpload-Progress .Bar{padding:10px 20px 20px;height:35px}}.FileUpload-Progress .Bar .Empty,.FileUpload-Progress .Bar .Filled{height:100%;transition:width 1s linear}.FileUpload-Progress .Bar .Filled{background-color:#75b0ff;box-shadow:0 0 10px rgba(117,176,255,.3);float:left}.FileUpload-Progress .Bar .Empty{background-color:#3c3c46}.FileUpload-Progress-enter{opacity:0;transform:translateY(120%)}.FileUpload-Progress-enter.FileUpload-Progress-enter-active{opacity:1;transform:translateY(0);transition:all .2s ease-out}.FileUpload-Progress-exit{opacity:1;transform:translateY(0)}.FileUpload-Progress-exit.FileUpload-Progress-exit-active{opacity:0;transform:translateY(120%);transition:all .2s ease-in 2s}.Errors{padding:30px;text-align:center}@media (min-width:769px){.Errors{border-radius:5px;overflow:hidden;background-color:#3c3c46;border:1px solid #303038;margin:50px}}@media (max-width:768px){.Errors{width:100%}}@media (min-width:769px){.Errors{box-shadow:0 0 10px rgba(255,102,94,.3);font-size:1.5em}}@media (max-width:768px){.Errors{font-size:1.2em}}.Errors a{text-decoration:none;color:#75b0ff}.Errors a:focus,.Errors a:hover{border-bottom:2px solid #75b0ff}.Errors-List{pointer-events:none;position:absolute;z-index:999;bottom:0;left:0;margin:0;padding:0}@media (min-width:769px){.Errors-List{width:500px}}@media (max-width:768px){.Errors-List{width:100%}}.Errors-List ul{pointer-events:none;padding:0}@media (min-width:769px){.Errors-List ul{margin:20px}}@media (max-width:768px){.Errors-List ul{margin:0}}.Errors-List-Item{pointer-events:auto;display:flex;align-items:stretch;min-height:60px;list-style-type:none;background-color:#ce353f;color:#d3d2d7}@media (min-width:769px){.Errors-List-Item{border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.3);margin-top:20px}}@media (max-width:768px){.Errors-List-Item{margin-top:1px}}.Errors-List-Item .Errors-Message{flex-grow:1;padding:20px}.Errors-List-Item button{flex-shrink:0;width:60px;border:none;background:none;color:#d3d2d7;font-size:1.1em}.Errors-List-Item-enter.Errors-List-Item-enter-active,.Errors-List-Item-exit{opacity:1;transform:translateX(0);transition:opacity .3s,transform .3s}.Errors-List-Item-enter,.Errors-List-Item-exit.Errors-List-Item-exit-active{opacity:0;transform:translateX(-20%);transition:opacity .3s,transform .3s}.Header{display:flex;align-items:center;width:100%;height:100%;background-color:#3c3c46;box-shadow:0 0 10px rgba(0,0,0,.2)}.Header h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;font-family:Raleway,sans-serif}@media (min-width:769px){.Header h1{padding-left:50px;font-size:2.5em}}@media (max-width:768px){.Header h1{padding-left:30px;font-size:1.2em}}.Header .Avatar{flex-shrink:0;border-radius:50%;margin:0 15px}@media (min-width:769px){.Header .Avatar{width:50px;height:50px}}@media (max-width:768px){.Header .Avatar{width:30px;height:30px;margin-right:20px}}.Header .Username{flex-shrink:0;font-size:1.5em;margin-right:40px}.Header .Logout{flex-shrink:0;height:100%;padding:0;border:none;border-left:1px solid #303038;background:none;text-align:center;font-family:Roboto Condensed,sans-serif;color:#d3d2d7}@media (min-width:769px){.Header .Logout{width:100px;font-size:1.5em}}@media (max-width:768px){.Header .Logout{width:60px;font-size:1.2em}}.Header .Logout:focus,.Header .Logout:hover{color:#75b0ff}.TabSelect{display:flex;align-items:center;width:100%;height:100%;background-color:#35353d;box-shadow:0 0 10px rgba(0,0,0,.2)}.TabSelect button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;flex-basis:0;height:100%;background:none;padding:10px;border:none;border-bottom:3px solid #35353d;color:#9e9ca7;font-family:Roboto Condensed,sans-serif;font-size:1.2em}.TabSelect button.Active{border-bottom:3px solid #75b0ff}.TabSelect button.Active,.TabSelect button:focus,.TabSelect button:hover{color:#d3d2d7}.LivePlaylist ol{padding:0}@media (min-width:769px){.LivePlaylist ol{margin:50px}}@media (max-width:768px){.LivePlaylist ol{margin:30px 0 0}}.LivePlaylist-Track{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0;margin-top:10px;background-color:#3c3c46;box-shadow:0 0 10px rgba(0,0,0,.2);overflow:hidden;position:relative;list-style-type:none}.LivePlaylist-Track .Metadata{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;text-shadow:0 0 5px rgba(0,0,0,.2)}.LivePlaylist-Track .Metadata .Thumbnail{flex-shrink:0;pointer-events:none;border-radius:50%}@media (min-width:769px){.LivePlaylist-Track .Metadata .Thumbnail{width:50px;height:50px;margin-right:20px;margin-left:30px}}@media (max-width:768px){.LivePlaylist-Track .Metadata .Thumbnail{width:30px;height:30px;margin-right:5px;margin-left:15px}}.LivePlaylist-Track .Metadata .TrackInfo{flex-grow:1;overflow:hidden}.LivePlaylist-Track .Metadata .TrackInfo .TrackTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:10px}@media (min-width:769px){.LivePlaylist-Track .Metadata .TrackInfo .TrackTitle{padding-right:30px;font-size:1.5em;line-height:30px}}@media (max-width:768px){.LivePlaylist-Track .Metadata .TrackInfo .TrackTitle{padding-right:10px;font-size:1em;line-height:20px}}.LivePlaylist-Track .Metadata .TrackInfo .TrackDuration{color:#9e9ca7;padding-left:10px}@media (min-width:769px){.LivePlaylist-Track .Metadata .TrackInfo .TrackDuration{font-size:.9em}}@media (max-width:768px){.LivePlaylist-Track .Metadata .TrackInfo .TrackDuration{font-size:.7em}}.LivePlaylist-Track .Metadata .TrackUrl{flex-shrink:0;display:inline-block;border-left:1px solid #303038;text-align:center;color:#d3d2d7}@media (min-width:769px){.LivePlaylist-Track .Metadata .TrackUrl{width:90px;height:90px;line-height:90px;font-size:2em}}@media (max-width:768px){.LivePlaylist-Track .Metadata .TrackUrl{width:60px;height:60px;line-height:60px;font-size:1.4em}}.LivePlaylist-Track .Metadata .TrackUrl:focus,.LivePlaylist-Track .Metadata .TrackUrl:hover{color:#75b0ff}.LivePlaylist-Track .Metadata button{flex-shrink:0;display:inline-block;padding:0;border:none;border-left:1px solid #303038;color:#d3d2d7;background-color:inherit;text-shadow:0 0 5px rgba(0,0,0,.2)}@media (min-width:769px){.LivePlaylist-Track .Metadata button{width:90px;height:90px;font-size:1.5em}}@media (max-width:768px){.LivePlaylist-Track .Metadata button{width:60px;height:60px;font-size:1.1em}}.LivePlaylist-Track .Metadata button:focus,.LivePlaylist-Track .Metadata button:hover{color:#ff665e}.LivePlaylist-Track .Progress{height:100%;position:absolute;z-index:1;top:0;left:0;background-color:rgba(117,176,255,.1);transition:width 1.5s linear}.LivePlaylist-Track-enter.LivePlaylist-Track-enter-active,.LivePlaylist-Track-exit{margin-top:10px;opacity:1;transition:all .12s}@media (min-width:769px){.LivePlaylist-Track-enter.LivePlaylist-Track-enter-active,.LivePlaylist-Track-exit{max-height:90px}}@media (max-width:768px){.LivePlaylist-Track-enter.LivePlaylist-Track-enter-active,.LivePlaylist-Track-exit{max-height:60px}}.LivePlaylist-Track-enter,.LivePlaylist-Track-exit.LivePlaylist-Track-exit-active{margin-top:0;max-height:0;opacity:0;transition:all .12s}.SearchBox{position:relative;margin:0;padding:0}.SearchBox-Input{display:flex;height:60px;box-shadow:0 0 10px rgba(0,0,0,.2);background-color:#3c3c46;border:1px solid #303038;transition:box-shadow .2s}@media (min-width:769px){.SearchBox-Input{margin:50px 50px 0}}@media (max-width:768px){.SearchBox-Input{margin:30px 0 0}}.SearchBox-Input input[type=text]{flex-grow:1;min-width:0;background-color:#3c3c46;border:none;outline:none;font-family:Roboto Condensed,sans-serif;color:#d3d2d7}@media (min-width:769px){.SearchBox-Input input[type=text]{padding:0 30px;font-size:1.5em}}@media (max-width:768px){.SearchBox-Input input[type=text]{padding:0 20px;font-size:1.1em}}.SearchBox-Input input[type=file]{display:none}.SearchBox-Input button,.SearchBox-Input label{flex-shrink:0;display:inline-block;background:none;border:none;border-left:1px solid #303038;color:#d3d2d7;text-align:center;line-height:60px}@media (min-width:769px){.SearchBox-Input button,.SearchBox-Input label{width:90px;font-size:1.4em}}@media (max-width:768px){.SearchBox-Input button,.SearchBox-Input label{width:60px;font-size:1em}}.SearchBox-Input button:focus,.SearchBox-Input button:hover,.SearchBox-Input label:focus,.SearchBox-Input label:hover{color:#75b0ff}.SearchBox-Input:focus-within{box-shadow:0 0 10px rgba(117,176,255,.2)}.SearchBox-Results-enter.SearchBox-Results-enter-active,.SearchBox-Results-exit,.SearchBox:focus-within .SearchBox-Results:not(.SearchBox-Results-enter):not(.SearchBox-Results-exit){visibility:visible;opacity:1;transition:visibility 0s 0s,opacity .2s 0s,height .3s,box-shadow .3s}@media (min-width:769px){.SearchBox-Results-enter.SearchBox-Results-enter-active,.SearchBox-Results-exit,.SearchBox:focus-within .SearchBox-Results:not(.SearchBox-Results-enter):not(.SearchBox-Results-exit){height:350px}}@media (max-width:768px){.SearchBox-Results-enter.SearchBox-Results-enter-active,.SearchBox-Results-exit,.SearchBox:focus-within .SearchBox-Results:not(.SearchBox-Results-enter):not(.SearchBox-Results-exit){height:40vh}}.SearchBox-Results-enter.SearchBox-Results-enter-active .Overlay,.SearchBox-Results-exit .Overlay,.SearchBox:focus-within .SearchBox-Results:not(.SearchBox-Results-enter):not(.SearchBox-Results-exit) .Overlay{box-shadow:0 0 20px rgba(0,0,0,.4)}.SearchBox-Results,.SearchBox-Results-enter,.SearchBox-Results-exit.SearchBox-Results-exit-active{z-index:10;pointer-events:none;position:absolute;top:90px;left:0;width:100%;visibility:hidden;opacity:0;height:0;transition:visibility 0s .3s,opacity .2s .1s,height .3s;background:none}.SearchBox-Results-enter .Overlay,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay,.SearchBox-Results .Overlay{pointer-events:auto;height:100%;overflow-x:hidden;overflow-y:auto;margin:0 auto;padding:0;background:#3c3c46;border:1px solid #303038;box-shadow:0 0 0 rgba(0,0,0,.4);transition:box-shadow .3s}@media (min-width:769px){.SearchBox-Results-enter .Overlay,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay,.SearchBox-Results .Overlay{width:70%}}@media (max-width:768px){.SearchBox-Results-enter .Overlay,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay,.SearchBox-Results .Overlay{width:100%}}.SearchBox-Results-enter .Overlay ul,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul,.SearchBox-Results .Overlay ul{list-style-type:none;margin:0;padding:0}.SearchBox-Results-enter .Overlay ul li button,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul li button,.SearchBox-Results .Overlay ul li button{display:flex;position:relative;width:100%;overflow:hidden;background:none;padding:0;z-index:2;border:none;border-left:0 solid #75b0ff;box-shadow:0 0 0 rgba(0,0,0,.2);transition:border-width .1s,box-shadow .2s}.SearchBox-Results-enter .Overlay ul li button .Thumbnail,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul li button .Thumbnail,.SearchBox-Results .Overlay ul li button .Thumbnail{flex-shrink:0}@media (min-width:769px){.SearchBox-Results-enter .Overlay ul li button .Thumbnail,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul li button .Thumbnail,.SearchBox-Results .Overlay ul li button .Thumbnail{width:128px;height:72px}}@media (max-width:768px){.SearchBox-Results-enter .Overlay ul li button .Thumbnail,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul li button .Thumbnail,.SearchBox-Results .Overlay ul li button .Thumbnail{width:106.66667px;height:60px}}.SearchBox-Results-enter .Overlay ul li button .Description,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul li button .Description,.SearchBox-Results .Overlay ul li button .Description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;display:flex;flex-direction:column;justify-content:center;font-family:Roboto Condensed,sans-serif;text-align:left;border-bottom:1px solid #303038}@media (min-width:769px){.SearchBox-Results-enter .Overlay ul li button .Description,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul li button .Description,.SearchBox-Results .Overlay ul li button .Description{height:71px;padding:0 30px}}@media (max-width:768px){.SearchBox-Results-enter .Overlay ul li button .Description,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul li button .Description,.SearchBox-Results .Overlay ul li button .Description{height:59px;padding:0 20px}}.SearchBox-Results-enter .Overlay ul li button .Description .Title,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul li button .Description .Title,.SearchBox-Results .Overlay ul li button .Description .Title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d3d2d7}@media (min-width:769px){.SearchBox-Results-enter .Overlay ul li button .Description .Title,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul li button .Description .Title,.SearchBox-Results .Overlay ul li button .Description .Title{font-size:1.4em}}@media (max-width:768px){.SearchBox-Results-enter .Overlay ul li button .Description .Title,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul li button .Description .Title,.SearchBox-Results .Overlay ul li button .Description .Title{font-size:1.1em}}.SearchBox-Results-enter .Overlay ul li button .Description .Duration,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul li button .Description .Duration,.SearchBox-Results .Overlay ul li button .Description .Duration{color:#9e9ca7}@media (min-width:769px){.SearchBox-Results-enter .Overlay ul li button .Description .Duration,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul li button .Description .Duration,.SearchBox-Results .Overlay ul li button .Description .Duration{font-size:1.1em}}@media (max-width:768px){.SearchBox-Results-enter .Overlay ul li button .Description .Duration,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul li button .Description .Duration,.SearchBox-Results .Overlay ul li button .Description .Duration{font-size:.9em}}.SearchBox-Results-enter .Overlay ul li button:focus,.SearchBox-Results-enter .Overlay ul li button:hover,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul li button:focus,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul li button:hover,.SearchBox-Results .Overlay ul li button:focus,.SearchBox-Results .Overlay ul li button:hover{z-index:3;border-left:5px solid #75b0ff;box-shadow:0 0 10px rgba(0,0,0,.2)}.SearchBox-Results-enter .Overlay ul li button:focus .Thumbnail,.SearchBox-Results-enter .Overlay ul li button:hover .Thumbnail,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul li button:focus .Thumbnail,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul li button:hover .Thumbnail,.SearchBox-Results .Overlay ul li button:focus .Thumbnail,.SearchBox-Results .Overlay ul li button:hover .Thumbnail{box-shadow:0 0 200px rgba(117,176,255,.8)}.SearchBox-Results-enter .Overlay ul li button:focus .Title,.SearchBox-Results-enter .Overlay ul li button:hover .Title,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul li button:focus .Title,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay ul li button:hover .Title,.SearchBox-Results .Overlay ul li button:focus .Title,.SearchBox-Results .Overlay ul li button:hover .Title{color:#75b0ff}.SearchBox-Results-enter .Overlay .Loading,.SearchBox-Results-enter .Overlay .NoResults,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay .Loading,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay .NoResults,.SearchBox-Results .Overlay .Loading,.SearchBox-Results .Overlay .NoResults{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.SearchBox-Results-enter .Overlay .Loading,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay .Loading,.SearchBox-Results .Overlay .Loading{color:#d3d2d7;font-size:3em}.SearchBox-Results-enter .Overlay .NoResults,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay .NoResults,.SearchBox-Results .Overlay .NoResults{color:#9e9ca7;font-size:2em}.SearchBox-Results-enter .Overlay .NoResults i,.SearchBox-Results-exit.SearchBox-Results-exit-active .Overlay .NoResults i,.SearchBox-Results .Overlay .NoResults i{padding-right:10px}.VoiceChannelSelect{width:100%;height:100%;box-shadow:0 0 10px rgba(0,0,0,.2)}@media (min-width:769px){.VoiceChannelSelect{background-color:#35353d}}@media (max-width:768px){.VoiceChannelSelect{background-color:#303038}}.VoiceChannelSelect h2{margin:0;padding:20px 0 0}.VoiceChannelSelect h2 button{padding:10px 15px;font-family:Raleway,sans-serif;font-size:.7em;font-weight:700;color:#9e9ca7}.VoiceChannelSelect h2 button:hover{color:#d3d2d7}.VoiceChannelSelect h2 button i{width:10px;margin-right:10px;visibility:visible;transform:rotate(90deg)}.VoiceChannelSelect ul{margin:0;padding:0;list-style-type:none}.VoiceChannelSelect div.Hidden h2 button i{transform:rotate(0deg)}.VoiceChannelSelect div.Hidden ul{display:none}.VoiceChannelSelect button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;margin:0;padding:10px;color:#9e9ca7;font-family:Roboto Condensed,sans-serif;font-size:1.2em;text-align:left;border:none;background:none}.VoiceChannelSelect button i{width:30px;margin-right:5px;text-align:center;font-size:.8em;visibility:hidden}.VoiceChannelSelect div.Disconnect{margin-top:15px}.VoiceChannelSelect div.Disconnect i{font-size:.9em;visibility:visible}.VoiceChannelSelect div.Disconnect:focus-within i,.VoiceChannelSelect div.Disconnect:hover i{color:#ff665e}@media (min-width:769px){.VoiceChannelSelect div.Disconnect,.VoiceChannelSelect li{border-left:5px solid #35353d}}@media (max-width:768px){.VoiceChannelSelect div.Disconnect,.VoiceChannelSelect li{border-left:5px solid #303038}}.VoiceChannelSelect div.Disconnect:focus-within,.VoiceChannelSelect div.Disconnect:hover,.VoiceChannelSelect li.Active,.VoiceChannelSelect li:focus-within,.VoiceChannelSelect li:hover{background-color:#303038}.VoiceChannelSelect div.Disconnect:focus-within button,.VoiceChannelSelect div.Disconnect:hover button,.VoiceChannelSelect li.Active button,.VoiceChannelSelect li:focus-within button,.VoiceChannelSelect li:hover button{color:#d3d2d7}.VoiceChannelSelect div.Disconnect:focus-within,.VoiceChannelSelect div.Disconnect:hover,.VoiceChannelSelect li:focus-within,.VoiceChannelSelect li:hover{border-left:5px solid #303038}.VoiceChannelSelect li.Active{border-left:5px solid #75b0ff}.VoiceChannelSelect li.Active button i{visibility:visible}@media (min-width:769px){.Login{border-radius:5px;overflow:hidden;background-color:#3c3c46;border:1px solid #303038;margin:50px}}@media (max-width:768px){.Login{width:100%}}@media (min-width:769px){.Login{width:400px;box-shadow:0 0 10px rgba(117,176,255,.3)}}.Login h1{margin:0;padding:30px 60px;font-family:Raleway,sans-serif;font-size:2em;text-transform:lowercase;color:#d3d2d7}.Login a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;padding:15px;margin:0 30px 30px;transition:box-shadow .2s;font-family:Roboto Condensed,sans-serif;font-size:1.2em;text-decoration:none;text-align:center;color:#fff;border:2px solid #75b0ff;border-radius:30px}.Login a .Logo:after{content:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgODAwIDI3Mi4xIj48c3R5bGU+LnN0MHtmaWxsOiNmZmZ9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQyLjggMTIwLjFjLTUuNyAwLTEwLjIgNC45LTEwLjIgMTFzNC42IDExIDEwLjIgMTFjNS43IDAgMTAuMi00LjkgMTAuMi0xMXMtNC42LTExLTEwLjItMTF6bS0zNi41IDBjLTUuNyAwLTEwLjIgNC45LTEwLjIgMTFzNC42IDExIDEwLjIgMTFjNS43IDAgMTAuMi00LjkgMTAuMi0xMSAuMS02LjEtNC41LTExLTEwLjItMTF6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE5MS40IDM2LjloLTEzNGMtMTEuMyAwLTIwLjUgOS4yLTIwLjUgMjAuNXYxMzRjMCAxMS4zIDkuMiAyMC41IDIwLjUgMjAuNWgxMTMuNGwtNS4zLTE4LjMgMTIuOCAxMS44IDEyLjEgMTEuMSAyMS42IDE4LjdWNTcuNGMtLjEtMTEuMy05LjMtMjAuNS0yMC42LTIwLjV6bS0zOC42IDEyOS41cy0zLjYtNC4zLTYuNi04YzEzLjEtMy43IDE4LjEtMTEuOCAxOC4xLTExLjgtNC4xIDIuNy04IDQuNi0xMS41IDUuOS01IDIuMS05LjggMy40LTE0LjUgNC4zLTkuNiAxLjgtMTguNCAxLjMtMjUuOS0uMS01LjctMS4xLTEwLjYtMi42LTE0LjctNC4zLTIuMy0uOS00LjgtMi03LjMtMy40LS4zLS4yLS42LS4zLS45LS41LS4yLS4xLS4zLS4yLS40LS4yLTEuOC0xLTIuOC0xLjctMi44LTEuN3M0LjggNy45IDE3LjUgMTEuN2MtMyAzLjgtNi43IDguMi02LjcgOC4yLTIyLjEtLjctMzAuNS0xNS4xLTMwLjUtMTUuMSAwLTMxLjkgMTQuNC01Ny44IDE0LjQtNTcuOCAxNC40LTEwLjcgMjgtMTAuNCAyOC0xMC40bDEgMS4yYy0xOCA1LjEtMjYuMiAxMy0yNi4yIDEzczIuMi0xLjIgNS45LTIuOGMxMC43LTQuNyAxOS4yLTUuOSAyMi43LTYuMy42LS4xIDEuMS0uMiAxLjctLjIgNi4xLS44IDEzLTEgMjAuMi0uMiA5LjUgMS4xIDE5LjcgMy45IDMwLjEgOS41IDAgMC03LjktNy41LTI0LjktMTIuNmwxLjQtMS42czEzLjctLjMgMjggMTAuNGMwIDAgMTQuNCAyNS45IDE0LjQgNTcuOCAwLS4xLTguNCAxNC4zLTMwLjUgMTV6bTE1MS04Ni43aC0zMy4yVjExN2wyMi4xIDE5Ljl2LTM2LjJoMTEuOGM3LjUgMCAxMS4yIDMuNiAxMS4yIDkuNHYyNy43YzAgNS44LTMuNSA5LjctMTEuMiA5LjdoLTM0djIxLjFoMzMuMmMxNy44LjEgMzQuNS04LjggMzQuNS0yOS4ydi0yOS44Yy4xLTIwLjgtMTYuNi0yOS45LTM0LjQtMjkuOXptMTc0IDU5Ljd2LTMwLjZjMC0xMSAxOS44LTEzLjUgMjUuOC0yLjVsMTguMy03LjRjLTcuMi0xNS44LTIwLjMtMjAuNC0zMS4yLTIwLjQtMTcuOCAwLTM1LjQgMTAuMy0zNS40IDMwLjN2MzAuNmMwIDIwLjIgMTcuNiAzMC4zIDM1IDMwLjMgMTEuMiAwIDI0LjYtNS41IDMyLTE5LjlsLTE5LjYtOWMtNC44IDEyLjMtMjQuOSA5LjMtMjQuOS0xLjR6TTQxNy4zIDExM2MtNi45LTEuNS0xMS41LTQtMTEuOC04LjMuNC0xMC4zIDE2LjMtMTAuNyAyNS42LS44bDE0LjctMTEuM2MtOS4yLTExLjItMTkuNi0xNC4yLTMwLjMtMTQuMi0xNi4zIDAtMzIuMSA5LjItMzIuMSAyNi42IDAgMTYuOSAxMyAyNiAyNy4zIDI4LjIgNy4zIDEgMTUuNCAzLjkgMTUuMiA4LjktLjYgOS41LTIwLjIgOS0yOS4xLTEuOGwtMTQuMiAxMy4zYzguMyAxMC43IDE5LjYgMTYuMSAzMC4yIDE2LjEgMTYuMyAwIDM0LjQtOS40IDM1LjEtMjYuNiAxLTIxLjctMTQuOC0yNy4yLTMwLjYtMzAuMXptLTY3IDU1LjVoMjIuNFY3OS43aC0yMi40djg4Ljh6TTcyOCA3OS43aC0zMy4yVjExN2wyMi4xIDE5Ljl2LTM2LjJoMTEuOGM3LjUgMCAxMS4yIDMuNiAxMS4yIDkuNHYyNy43YzAgNS44LTMuNSA5LjctMTEuMiA5LjdoLTM0djIxLjFINzI4YzE3LjguMSAzNC41LTguOCAzNC41LTI5LjJ2LTI5LjhjMC0yMC44LTE2LjctMjkuOS0zNC41LTI5Ljl6bS0xNjIuOS0xLjJjLTE4LjQgMC0zNi43IDEwLTM2LjcgMzAuNXYzMC4zYzAgMjAuMyAxOC40IDMwLjUgMzYuOSAzMC41IDE4LjQgMCAzNi43LTEwLjIgMzYuNy0zMC41VjEwOWMwLTIwLjQtMTguNS0zMC41LTM2LjktMzAuNXptMTQuNCA2MC44YzAgNi40LTcuMiA5LjctMTQuMyA5LjctNy4yIDAtMTQuNC0zLjEtMTQuNC05LjdWMTA5YzAtNi41IDctMTAgMTQtMTAgNy4zIDAgMTQuNyAzLjEgMTQuNyAxMHYzMC4zek02ODIuNCAxMDljLS41LTIwLjgtMTQuNy0yOS4yLTMzLTI5LjJoLTM1LjV2ODguOGgyMi43di0yOC4yaDRsMjAuNiAyOC4yaDI4TDY2NSAxMzguMWMxMC43LTMuNCAxNy40LTEyLjcgMTcuNC0yOS4xem0tMzIuNiAxMmgtMTMuMnYtMjAuM2gxMy4yYzE0LjEgMCAxNC4xIDIwLjMgMCAyMC4zeiIvPjwvc3ZnPg==);display:inline-block;width:120px;transform:translateY(16px);margin-top:-10000px;margin-right:-5px}.Login a:focus,.Login a:hover{box-shadow:0 0 10px rgba(117,176,255,.3)}@media (max-width:768px){.hidden-xs{display:none!important}}@media (min-width:769px){.visible-xs{display:none!important}}.ServerSelect{overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.3)}@media (min-width:769px){.ServerSelect{border-radius:5px;overflow:hidden;background-color:#3c3c46;border:1px solid #303038;margin:50px}}@media (max-width:768px){.ServerSelect{width:100%}}@media (min-width:769px){.ServerSelect{width:400px}}@media (max-width:768px){.ServerSelect{background-color:#3c3c46}}.ServerSelect h1{margin:0;padding:30px;color:#d3d2d7;font-size:1.5em;font-family:Raleway,sans-serif}.ServerSelect ul{margin:0;padding:0;list-style-type:none}.ServerSelect li{border-top:1px solid #3c3c46}.ServerSelect li button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0;color:#d3d2d7;background-color:#303038;text-align:left;font-family:Roboto Condensed,sans-serif;font-size:1.2em;border:none;border-left:0 solid #75b0ff;box-shadow:0 0 0 rgba(0,0,0,.2);position:relative;z-index:2;transition:border-width .1s,box-shadow .2s}.ServerSelect li button .NullLogo,.ServerSelect li button img{flex-shrink:0;min-width:50px;max-width:50px;min-height:50px;max-height:50px;border-radius:50%;margin:24px}.ServerSelect li button .NullLogo{font-size:1.4em;text-align:center;line-height:54px;color:#fff;background-color:#535361}.ServerSelect li button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.ServerSelect li button .EndIcon{padding:0 32px;flex-shrink:0}.ServerSelect li button:focus,.ServerSelect li button:hover{color:#75b0ff;border-left-width:5px;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:3}.ServerSelect .NoServers{width:100%;padding:32px 0;color:#9e9ca7;font-size:1.4em;text-align:center;background-color:#303038;border-top:1px solid #3c3c46}.ServerSelect .Options{display:flex;align-items:center;width:100%;padding:0}@media (max-width:768px){.ServerSelect .Options{border-top:1px solid #3c3c46}}.ServerSelect .Options button{flex-grow:1;flex-shrink:0;padding:15px 0;border:none;background:none;text-align:center;font-family:Roboto Condensed,sans-serif;font-size:1.3em;color:#d3d2d7}.ServerSelect .Options button:focus,.ServerSelect .Options button:hover{color:#75b0ff}