.Toastify__toast-container {
  z-index: 9999;
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff; }
  .Toastify__toast-container--top-left {
    top: 1em;
    left: 1em; }
  .Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    margin-left: -160px; }
  .Toastify__toast-container--top-right {
    top: 1em;
    right: 1em; }
  .Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em; }
  .Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    margin-left: -160px; }
  .Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em; }

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0; }
    .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
      top: 0; }
    .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
      bottom: 0; }
    .Toastify__toast-container--rtl {
      right: 0;
      left: initial; } }

.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr; }
  .Toastify__toast--rtl {
    direction: rtl; }
  .Toastify__toast--default {
    background: #fff;
    color: #aaa; }
  .Toastify__toast--info {
    background: #3498db; }
  .Toastify__toast--success {
    background: #07bc0c; }
  .Toastify__toast--warning {
    background: #f1c40f; }
  .Toastify__toast--error {
    background: #e74c3c; }
  .Toastify__toast-body {
    margin: auto 0;
    -ms-flex: 1;
        flex: 1; }

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0; } }

.Toastify__close-button {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start; }
  .Toastify__close-button--default {
    color: #000;
    opacity: 0.3; }
  .Toastify__close-button:hover, .Toastify__close-button:focus {
    opacity: 1; }

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1); }
  100% {
    transform: scaleX(0); } }

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left; }
  .Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards; }
  .Toastify__progress-bar--controlled {
    transition: transform .2s; }
  .Toastify__progress-bar--rtl {
    right: 0;
    left: initial;
    transform-origin: right; }
  .Toastify__progress-bar--default {
    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); }

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft; }

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight; }

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown; }

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp; }

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft; }

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight; }

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp; }

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown; }

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes Toastify__zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn; }

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut; }

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.Toastify__flip-enter {
  animation-name: Toastify__flipIn; }

.Toastify__flip-exit {
  animation-name: Toastify__flipOut; }

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0); } }

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0); } }

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0); } }

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0); } }

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft; }

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight; }

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown; }

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp; }

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft; }

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight; }

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp; }

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown; }

/*# sourceMappingURL=ReactToastify.css.map */
.playlist-block{position:relative;font-size:.9em;text-decoration:none;color:black;margin-top:0 !important;padding:2px}.playlist-block .image-container{position:relative;height:145px;overflow:hidden}.playlist-block .image-container img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.playlist-block:hover{background:transparent !important}.playlist-block:hover .text{background:#f5f5f5}.playlist-block .info,.playlist-block .playlist-open{position:absolute;color:#eee;padding:2px;transition:color 250ms ease-in}.playlist-block .info{background:rgba(0,0,0,0.5);top:0;left:0;opacity:.85;padding:4px;will-change:opacity;transition:opacity 150ms ease-out;width:100%}.playlist-block .info span{margin:0 4px}.playlist-block .info span i{margin-right:2px}.playlist-block .info span i.fa-music{margin-right:4px}.playlist-block:hover .info{opacity:.95}.playlist-block .playlist-title{font-family:'Lato',sans-serif;width:100%;min-height:43px;font-weight:700;font-size:1.33em;margin:0;overflow:hidden}.playlist-block .playlist-title small{display:block;font-weight:300;font-size:.8em;font-style:normal}.playlist-block .playlist-title small span{font-style:italic}.playlist-block .playlist-mobile-title{margin-top:0;word-wrap:break-word}.playlist-block .playlist-summary{overflow:hidden;text-overflow:ellipsis}.playlist-block .playlist-summary span.fa{color:#aaa;margin-right:2px}.playlist-block .playlist-open{top:0;right:0;padding-top:1px;padding-right:3px;font-size:1.4em}.playlist-block .playlist-open:hover{color:white}.playlist-block .playlist-id,.playlist-block .playlist-created{color:#aaa;font-weight:300;font-size:.9em;word-wrap:break-word;margin-top:1em}.playlist-block .playlist-created{margin:0;margin-top:4px}.playlist-block .text{padding:10px;margin-top:1px;min-height:80px}.playlist-block p{margin:0}.playlist-block .playlist-match-query{font-size:.89em;line-height:1.33em;margin:0 -4px 8px;display:inline-block;padding:4px;background:#FFFFCA;color:#787d05;font-weight:500}.playlist-block .playlist-match-query>span.em{font-weight:200}.playlist-block:hover{color:black}
.user-details{margin:20px;padding:20px;overflow:auto}.user-details .user-avatar{border-radius:100%;width:128px;height:128px;background:#dfdfdf}.user-details .user-name{margin:0;margin-top:1em}.user-details .user-playlist-count{float:left;margin-top:.4em;color:#AAA}
*{box-sizing:border-box;-moz-box-sizing:border-box}body,input,button,html{font-family:'Roboto',sans-serif;font-size:14px}body{margin:0;padding:0}body.modal-in{overflow:hidden}span.it{font-style:italic}table{font-size:1em}.hide{display:none}#app{overflow:auto;position:relative;min-height:100vh;background:#f4f4f4}.well{clear:both;margin:20px;padding:12px;background:#fafafa;border-radius:2px}a{transition:color 250ms ease-out;color:#00E}a:hover{color:#22f}.pull-left{float:left}.pull-right{float:right}[data-tooltip]{position:relative;z-index:200}[data-tooltip]:after{display:none;position:absolute;top:100%;left:0;background:rgba(0,0,0,0.9);color:white;font-size:11.5px;font-weight:500;line-height:1em;padding:7px;max-width:235px;text-transform:none;min-width:75%;opacity:0;content:'';z-index:999;white-space:nowrap;margin-top:6px}[data-tooltip]:before{display:none;position:absolute;top:100%;left:50%;width:0;border-bottom:4px solid rgba(0,0,0,0.9);border-left:3px solid transparent;border-right:3px solid transparent;margin-top:2px;margin-left:-3px;border-radius:2px;z-index:999}[data-tooltip]:not(.disabled):hover:after{display:block;content:attr(data-tooltip);transition:opacity .25s ease-out;opacity:1}[data-tooltip]:not(.disabled):hover:before{display:block;content:''}[data-tooltip].tooltip-right:after{right:0;left:auto}[data-tooltip].tooltip-up:after,[data-tooltip].tooltip-up:before{top:auto;bottom:100%}[data-tooltip].tooltip-up:before{margin-top:0;margin-bottom:2px;border-bottom:0;border-top:4px solid rgba(0,0,0,0.9)}[data-tooltip].tooltip-up:after{margin-top:0;margin-bottom:6px}[data-tooltip].tooltip-big:after{white-space:normal;min-width:200%;line-height:1.2em}.playlist-toolbar [data-tooltip]:after,.playlist-toolbar [data-tooltip]:before{top:120%;outline:none}.playlist-toolbar button:focus{outline:none;background:#cfcfcf;border-color:#aaa;color:black}p.error-p{font-size:.9em;color:red}.cc_dialog.cc_css_reboot{padding:2em !important}.cc_dialog.cc_css_reboot .cc_dialog_text{font-size:14px}#player-component{width:35%;position:fixed;top:52px;right:0;float:right;max-height:calc(100vh - 58px);background:#f4f4f4;overflow:auto;z-index:990;border-bottom:1px solid #ececdc;transform:translateZ(0)}.app-container-sync #player-component{width:25%;right:25%}#player-component .players{position:relative;min-height:250px}#player-component .players .youtube-player-container{position:relative;overflow:hidden}#player-component .players .youtube-player-container .curtain{background:#f4f4f4;opacity:.85;width:101%;height:250px;position:absolute;margin-left:-1px}#player-component .players .youtube-player-container #youtube-player{margin:0 auto;display:block;width:100%;height:250px}#player-component .players .soundcloud-player{width:100%;padding-top:45px}#player-component .players .soundcloud-player iframe{width:100%;border:0}#player-component .playlist-toolbar{margin:15px 2px 6px;color:#333;position:relative;text-align:center;padding:5px 20px}#player-component .playlist-toolbar .disabled{color:#9f9f9f !important}#player-component .playlist-toolbar .disabled:active{box-shadow:0 0 0 rgba(0,0,0,0)}#player-component .playlist-toolbar .btn-group{margin:0 2px}#player-component .playlist-toolbar .btn-group:first-child{margin-left:-2px}#player-component .playlist-toolbar .btn-group:last-of-type{margin-right:-2px}#player-component ul.playlist{clear:both;list-style:none;margin:0;padding:0;display:block;overflow:hidden;padding:0 20px;transition:height 250ms ease-out}#player-component ul.playlist li{display:block;margin:3px 0}#player-component ul.playlist li a{display:block;padding:6px 0 0;background:#fff;height:42px;color:black;border-bottom:4px solid transparent;position:relative;cursor:pointer;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;transition:height 300ms ease-out}#player-component ul.playlist li a:focus{outline:0;background:#f2f2f2}#player-component ul.playlist li a span{display:inline-block;transition:background 500ms ease-out;background:transparent}#player-component ul.playlist li a span:active{background:#eee}#player-component ul.playlist li a span.bars,#player-component ul.playlist li a span.delete{color:#aaa;padding:6px 10px;border-radius:100%;position:absolute;z-index:100}#player-component ul.playlist li a span.bars:hover i,#player-component ul.playlist li a span.delete:hover i{color:#888}#player-component ul.playlist li a span.title{font-size:.9em;color:inherit;padding:6px;margin-left:32px;max-width:75%;white-space:nowrap;overflow:hidden}#player-component ul.playlist li a span.pos{color:#aaa;margin-right:4px}#player-component ul.playlist li a span.pos:after{content:'.'}#player-component ul.playlist li a span.bars{overflow:hidden;cursor:move;left:2px}#player-component ul.playlist li a span.bars:active{background:transparent}#player-component ul.playlist li a span.delete{right:2px}#player-component ul.playlist li a span.delete:hover i{color:#e51c23}#player-component ul.playlist li a span.delete:active{background:#f7bcbe}#player-component ul.playlist li a span.drop-zone{display:inline-block;position:absolute;width:100%;left:0;height:24px;bottom:0;background:transparent}#player-component ul.playlist li a:first-child{margin-top:0}#player-component ul.playlist li a:last-child{margin-bottom:0}#player-component ul.playlist li.ghost-playlist-item{background:#cfcfcf;height:42px;display:block;border-top:1px solid #bfbfbf;border-left:1px solid #bfbfbf;border-right:1px solid #eee;border-bottom:1px solid #eee}#player-component ul.playlist li a.active{background:#e91e63;color:white}#player-component ul.playlist li a.active span.bars,#player-component ul.playlist li a.active span.delete{color:#fff}#player-component ul.playlist li a.active span.bars:hover i,#player-component ul.playlist li a.active span.delete:hover i{color:#7b0c32}#player-component ul.playlist li a.active:focus{background:#d81557}#player-component ul.playlist li a.active span.delete{display:none}#player-component ul.playlist li a.active span.title:active{background:#9e0f40}#player-component ul.playlist li a.active span.pos{color:white}#player-component ul.playlist li a.old{background:transparent;border-bottom:0;border-right:0}#player-component ul.playlist li a.old:focus{background:#e6e6e6}#player-component ul.playlist li.dragged{display:none}#player-component .keyboard-shortcuts{font-size:.85em;padding:10px 25px;color:#999;line-height:1.65em}#player-component .keyboard-shortcuts strong{font-weight:500}#player-component .keyboard-shortcuts h4{font-size:1.1em;line-height:1.5em;color:#aaa;margin:0 0 .65em 0;vertical-align:middle}#player-component .keyboard-shortcuts h4 i{margin-left:4px}#player-component .keyboard-shortcuts p{margin:.65em 0}#player-component .keyboard-shortcuts .keyboard-key{padding:2px 7px;border:1px solid #cfcfcf;border-radius:2px}#search-component{float:left;padding:0 0;padding-bottom:75px;width:65%;background:#f4f4f4;border-right:1px solid #ececdc}.app-container-sync #search-component{width:50%}#search-component button{font-weight:400}#search-component .desktop-join-pl{position:fixed;top:0;left:0;width:100%;height:30px;z-index:9999;transition:transform 250ms ease-out;will-change:transform;transform:scale(1, 0);transform-origin:top center;background:#333339;color:#eaeaea;text-align:center;line-height:30px;font-size:.9em;font-weight:500}#search-component .desktop-join-pl a{color:white}#search-component .desktop-join-pl a:hover{color:white;text-decoration:none}#search-component .desktop-join-pl a.hide-message{float:right;text-decoration:none;color:#999;margin-right:8px}#search-component .desktop-join-pl a.hide-message:hover{color:#aaa}#search-component .desktop-join-pl.in{transform:scale(1, 1)}#search-component .desktop-join-pl.in+form{top:30px}#search-component form.topbar-form{display:block;position:fixed;z-index:999;background:#26389B;color:white;top:0;left:0;padding:0 18px 0 18px;line-height:52px;height:52px;width:100%;transform:translateZ(0);transition:background 250ms ease-out;will-change:background;border-bottom:2px solid #1b2870;transition:top 250ms ease-out;will-change:top}#search-component form.topbar-form.sync{background:#ec417b;border-bottom:2px solid #d81557}#search-component form.topbar-form.sync button.action-button,#search-component form.topbar-form.sync .dropdown .button-container,#search-component form.topbar-form.sync .dropdown .caret-container{background:#ec417b}#search-component form.topbar-form.sync button.action-button:hover,#search-component form.topbar-form.sync .dropdown .button-container:hover,#search-component form.topbar-form.sync .dropdown .caret-container:hover{background:#e91e63}#search-component form.topbar-form.sync .dropdown .button-container:hover,#search-component form.topbar-form.sync .dropdown .caret-container:hover{border-color:#e91e63}#search-component form.topbar-form span.logo{display:inline-block;text-transform:uppercase;text-align:left;font-weight:600;font-size:1em;line-height:32px;vertical-align:middle;padding-right:2px}#search-component form.topbar-form span.logo a{color:white;text-decoration:none}#search-component form.topbar-form .label{margin:0 12px;border-radius:6px;padding:3px 6px;background:rgba(255,255,255,0.5);font-size:.7em;font-weight:400;letter-spacing:.3px;line-height:normal;vertical-align:middle}#search-component form.topbar-form .logo-label-container{text-align:left;min-width:100px;display:inline-block}#search-component form.topbar-form .logo-label-container.mobile{float:left;line-height:42px}#search-component form.topbar-form input:disabled{background:#eaeaea !important}#search-component form.topbar-form .toolbox.disabled{visibility:hidden}#search-component form.topbar-form .user-info{display:inline-block;line-height:1em;margin-top:3px}#search-component form.topbar-form .user-info .user-info-pic-container{width:32px;height:32px;border-radius:100%;overflow:hidden;display:inline-block;vertical-align:middle}#search-component form.topbar-form .user-info .user-info-pic-container img{width:100%}#search-component form.topbar-form .user-info .user-info-name{display:inline-block;vertical-align:middle;color:white;margin-left:10px}#search-component form.topbar-form .tagSpan{height:48px;margin-top:2px;border:0;background:#26389B;display:inline-block;color:white;vertical-align:top}#search-component form.topbar-form .tagSpan i.pre{margin-right:6px}#search-component form.topbar-form .tagSpan:hover{background:#2e43ba}#search-component form.topbar-form .queryInputContainer{position:relative;width:60%;display:inline-block;vertical-align:middle}#search-component form.topbar-form .clear-search{position:absolute;top:10px;right:280px;left:auto;margin-left:-20px;color:black;display:none;color:#bbb;transition:color 250ms ease-out;z-index:1050}#search-component form.topbar-form .clear-search.in{display:inline-block}#search-component form.topbar-form .clear-search.in:hover{color:black;cursor:pointer}#search-component form.topbar-form input[type="text"].q,#search-component form.topbar-form .textarea-container{height:32px;flex-grow:1;vertical-align:middle;border-top-right-radius:0;border-bottom-right-radius:0}#search-component form.topbar-form .textarea-container{position:relative;display:inline-block}#search-component form.topbar-form textarea.q{width:100%;max-width:100%;height:32px;margin-right:4px;transition:height 150ms ease-out;will-change:height}#search-component form.topbar-form textarea.q:focus{height:125px}#search-component form.topbar-form input[type="submit"]{height:32px;width:15%;max-width:135px;margin-left:-2px;border:1px solid #ececdc;background:#f4f4f4;border-radius:2px;position:relative;font-weight:400;vertical-align:middle;transition:background 200ms ease-in;color:black !important;border-top-left-radius:0;border-bottom-left-radius:0}#search-component form.topbar-form input[type="submit"]:hover{background:#ececec}#search-component form.topbar-form button.expanded-search{border:0;color:white;background:transparent;text-decoration:underline;padding:0 20px;max-width:135px}#search-component form.topbar-form button.expanded-lucky{display:none}#search-component form.topbar-form input[type="checkbox"]{margin-left:2%;margin-top:0;vertical-align:middle}#search-component form.topbar-form input[type="checkbox"]+label{font-size:.9em}#search-component form.topbar-form div.toolbox{float:right;display:inline-block}#search-component form.topbar-form button.action-button{height:48px;margin-top:2px;border:0;background:#26389B;display:inline-block;color:white;vertical-align:top;background:transparent;cursor:pointer}#search-component form.topbar-form button.action-button i.pre{margin-right:6px}#search-component form.topbar-form button.action-button:hover{background:#2e43ba}#search-component form.topbar-form button.action-button:last-child{margin-right:0}#search-component form.topbar-form button.action-button.active{background:#e91e63;border-color:#d11455}#search-component form.topbar-form button.action-button:before{font-family:"Font Awesome 5 Free";font-weight:900;display:inline-block;width:20px;text-align:left;line-height:1;-webkit-font-smoothing:antialiased}#search-component form.topbar-form button.action-button.save:before{content:"\f0c7"}#search-component form.topbar-form button.action-button.save.saved:before{-webkit-animation:saved 500ms ease-out 0s 1 normal forwards;animation:saved 500ms ease-out 0s 1 normal forwards;-webkit-transform-origin:5px 6px;transform-origin:5px 6px;content:"\f00c"}#search-component form.topbar-form button.action-button.sync:before{content:"\f2f1";transition:transform 450ms ease-out;-webkit-transform-origin:5px 6px;-moz-transform-origin:5px 6px;-ms-transform-origin:5px 6px}#search-component form.topbar-form button.action-button.sync.active:before{content:"\f021";transform:rotate(180deg)}#search-component form.topbar-form button.action-button.user>span{display:inline-block;vertical-align:middle}#search-component form.topbar-form button.action-button.user:before{content:"\f007"}#search-component form.topbar-form button.action-button.user .lighter{color:#8694e1}#search-component form.topbar-form span.playlist-id{height:48px;margin-top:2px;border:0;background:#26389B;display:inline-block;color:white;vertical-align:top;padding:4px 22px 4px 8px;position:relative}#search-component form.topbar-form span.playlist-id i.pre{margin-right:6px}#search-component form.topbar-form span.playlist-id:hover{background:#2e43ba}#search-component form.topbar-form span.playlist-id i{color:#eee;position:absolute;right:8px;top:5px;cursor:pointer}#search-component form.topbar-form span.playlist-id i:hover{color:white}#search-component form.topbar-form .autocomplete{position:absolute;width:60%;left:15%;top:31px;z-index:999;background:white;border:1px solid #eee;border-top:none;border-bottom-right-radius:4px;color:black}#search-component form.topbar-form .autocomplete ul{list-style:none;margin:0;padding:0}#search-component form.topbar-form .autocomplete ul li{padding:6px 15px;line-height:normal;cursor:pointer}#search-component form.topbar-form .autocomplete ul li.active{background:#f4f4f4}#search-component form.expanded-search-form button.expanded-lucky{display:inline-block;width:12.5%;min-width:120px;height:32px;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;border:1px solid #ececdc;border-left:0;border-right:0;background:#f4f4f4}#search-component form.expanded-search-form button.expanded-lucky:hover{background:#ececec}#search-component form.expanded-search-form input[type="submit"]{border-top-right-radius:0;border-bottom-right-radius:0}#search-component form.expanded-search-form .textarea-container{width:47.5%}#search-component div.results-container{position:relative;background:white}#search-component div.results-container.results-intro{margin:0 auto}#search-component div.results-container span.pos{color:#aaa}#search-component div.results-container span.pos:after{content:'.';margin-right:4px}#search-component div.results-container table.results-playlists tr:hover,#search-component div.results-container table.results tr:hover{cursor:pointer}#search-component div.results-container table.results-playlists tr td img,#search-component div.results-container table.results tr td img{opacity:.8;transition:opacity .25s ease-out;will-change:opacity}#search-component div.results-container table.results-playlists tr td a,#search-component div.results-container table.results tr td a{color:#333;text-decoration:none}#search-component div.results-container table.results-playlists tr td a:hover,#search-component div.results-container table.results tr td a:hover{color:black}#search-component div.results-container table.results-playlists.results tr:hover td img,#search-component div.results-container table.results.results tr:hover td img{opacity:1}#search-component div.results-container table.results-playlists.results tr:hover td a,#search-component div.results-container table.results.results tr:hover td a{color:black}#search-component div.results-container table.results-playlists.results-playlists tr td:hover img,#search-component div.results-container table.results.results-playlists tr td:hover img{opacity:1}#search-component div.results-container table.results-playlists.results-playlists tr td:hover a,#search-component div.results-container table.results.results-playlists tr td:hover a{color:black}#search-component div.results-container .results-playlists-container{overflow:auto;-webkit-overflow-scrolling:touch;background:#f4f4f4}#search-component div.results-container table.results-playlists{width:100%;border:1px solid #ececdc}#search-component div.results-container table.results-playlists .results-playlist{width:15%;padding:10px;vertical-align:top;border-radius:4px;padding-top:50px}#search-component div.results-container table.results-playlists>tr:first-child th{border-bottom:1px solid #dfdfdf;text-align:left;position:absolute;left:0;width:100%}#search-component div.results-container table.results-playlists img{max-width:150px;display:block;margin-bottom:6px}#search-component div.results-container table.results-playlists a{color:black;font-size:.95em;text-decoration:none;color:#666}#search-component div.results-container table.results-playlists a:hover{color:black}#search-component div.results-container table.results-playlists i.source{margin-right:4px;color:#bbb}#search-component div.results-container .results-title{margin:1em 10px .5em;font-weight:500;float:left}#search-component div.results-container .add-all-btn{margin:1em 10px .5em;float:right;padding-top:3px;padding-bottom:3px;min-width:135px}#search-component div.results-container table.results{border-top:1px solid #ececdc;border-collapse:collapse;display:table;width:100%}#search-component div.results-container table.results tr{width:100%;border-bottom:1px solid #ececdc}#search-component div.results-container table.results tr.playlist{background:#ffffef}#search-component div.results-container table.results tr.playlist .playlist-label{font-size:.65em;font-weight:500;margin-left:4px;color:#555;text-transform:uppercase;vertical-align:middle}#search-component div.results-container table.results tr.playlist .imgTd img{display:none}#search-component div.results-container table.results tr.initResults{font-size:1.75em;color:#ddd;text-align:center;border-bottom:0}#search-component div.results-container table.results tr td{padding:12px}#search-component div.results-container table.results tr td.imgTd{width:15%;min-width:138px}#search-component div.results-container table.results tr td.imgTd img{width:100%;max-width:135px}#search-component div.results-container table.results tr td.descTd{padding-left:12px;width:70%;vertical-align:top}#search-component div.results-container table.results tr td.descTd i.source{margin-left:6px;color:#bbb}#search-component div.results-container table.results tr td.buttonTd{width:15%;min-width:100px;text-align:right}#search-component div.results-container table.results tr td.buttonTd button{max-width:135px;float:right;clear:both;width:100%;display:block}#search-component div.results-container table.results tr td.buttonTd button+button{margin-top:6px}#search-component div.results-container table.results tr .entry-state{display:none;font-size:.8em;font-weight:500;margin-top:4px}#search-component div.results-container table.results tr .entry-state i{margin-right:4px}#search-component div.results-container table.results tr .entry-state.playing{color:#4CAF50}#search-component div.results-container table.results tr .entry-state.playing i:before{content:'\f028'}#search-component div.results-container table.results tr .entry-state.played{color:#cfcfcf}#search-component div.results-container table.results tr .entry-state.played i:before{content:'\f00c'}#search-component div.results-container table.results tr .entry-state.in-queue{color:#757575}#search-component div.results-container table.results tr .entry-state.in-queue i:before{content:'\f063'}#search-component div.results-container table.results tr.in-queue .entry-state.in-queue,#search-component div.results-container table.results tr.playing .entry-state.playing,#search-component div.results-container table.results tr.played .entry-state.played{display:block}#search-component div.results-container .mobile-expand{display:none;position:absolute;bottom:0;background:white;width:100%;padding:12px 20px;box-shadow:0 0 10px 10px #fff;text-align:center}.chat-component{position:fixed;top:52px;right:0;width:25%;bottom:0;z-index:9999;padding:10px 20px;background:white;color:black;display:flex;flex-direction:column;text-align:left;background:#f4f4f4;border-bottom:1px solid #ececdc}.chat-component .input-container{font-size:1.15em}.chat-component .input-container form{display:flex;flex-direction:row}.chat-component .input-container form input[type="text"]{flex-grow:1;padding:8px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.chat-component .input-container form .btn.btn-primary{margin:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-color:#dfdfdf;border-left:0}.chat-component .message-container{flex-grow:1;overflow:auto;font-size:.9em;margin-bottom:.5em;background:white;position:relative}.chat-component .message-container p{margin:0;padding:3px 6px}.chat-component .message-container .message-date{color:#bbb;float:right}.chat-component .message-container .message-user{font-weight:500}.chat-component .message-container .message-user:after{content:':'}.chat-component .message-container .message.message-presence{font-style:italic;color:#aaa}.chat-component .message-container .message.message-own{background:#f4f4f4}.intro{text-align:center;background-color:#f4f4f4;overflow:auto}.intro .titles-container{color:white;background-image:url('/static/images/vinil.jpg');background-size:cover;background-position-y:0;background-attachment:fixed;position:relative;height:250px;padding:0;display:flex;align-items:center;justify-content:center}.intro .titles-container:before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.65);content:' '}.intro .titles-container>div{position:relative}.intro .titles-container>div h1{font-weight:300;font-size:1.75em;margin:0}.intro .titles-container>div .subtitle{margin:1em 0;font-size:1.1em;font-weight:300;color:#aaa}.intro .titles-container>div .subtitle span.black{color:white;margin:0 8px}.intro ul{list-style:none;padding:0}.intro ul li{margin:6px 0}.intro .box{width:33%;padding:0 10px;color:#666;float:left;position:relative;z-index:50;text-align:left}.intro .box h3{margin:0;color:black;font-weight:400;clear:both;height:45px;border-bottom:3px solid #f4f4f4}.intro .box h3 span{position:relative;z-index:55;max-width:80%;display:inline-block}.intro .box i{margin-right:8px;float:right;color:#f4f4f4;font-size:2em;position:absolute;right:10px;top:9px;z-index:50;top:0;padding:6px 7px 2px 7px;color:#e7e7e7}.intro .box p{color:#999;font-weight:100;line-height:1.5em}.intro .box p a{font-weight:400}.intro .box p strong{font-weight:400}.intro .features{overflow:auto;padding:20px 10px;background:white;border-top:1px solid #ececdc}.horizontal-list{margin:20px;background:white;border:1px solid #ececdc}.horizontal-list{text-align:left;padding:20px;box-shadow:0 1px 1px rgba(0,0,0,0.04)}.horizontal-list .horizontal-list-title{overflow:auto;margin-bottom:20px;line-height:29px;padding-bottom:4px}.horizontal-list .horizontal-list-title>h3{float:left;margin:0}.horizontal-list>h3{margin-top:0;font-size:15px;color:#333}.horizontal-list .blocks-container{clear:both;list-style:none}.horizontal-list .blocks-container .block{width:33.3%;margin:1px 0 0;display:inline-block;vertical-align:top;cursor:pointer;transition:background 250ms ease-in;opacity:.825;will-change:opacity;transition:opacity 250ms ease-in-out}.horizontal-list .blocks-container .block img{min-width:100%;height:150%;display:block}.horizontal-list .blocks-container .block:hover{background:#f4f4f4;opacity:1}@media (min-width:1300px){.horizontal-list .blocks-container .block{width:25%}}@media (min-width:1500px){.horizontal-list .blocks-container .block{width:20%}}.trending-playlists{text-align:left}.trending-playlists h3{margin-top:0}.recent-searches li{display:inline-block;padding-right:10px}.recent-searches li:after{content:'•';color:#ddd;padding-left:10px}@-webkit-keyframes animate-background{0%{background-position:50% 50%}25%{background-position:10% 35%}75%{background-position:90% 75%}100%{background-position:50% 50%}}#playlist-config{margin-top:52px;margin-bottom:0;min-height:0;display:block}#playlist-config div.panel{overflow:hidden;background:-webkit-linear-gradient(#666 0, #444 70%);background:-o-linear-gradient(#666 0, #444 70%);background:linear-gradient(#666 0, #444 70%);position:relative;min-height:250px}#playlist-config .panel-bg{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background-repeat:no-repeat;background-size:135%;background-position:75% 50%;z-index:1;-webkit-filter:blur(15px);opacity:.8}#playlist-config .panel-bg:after{content:'';background-color:rgba(0,0,0,0.25);position:absolute;top:0;left:0;width:100%;height:100%}#playlist-config .editable.with-border,#playlist-config .editable .with-border{border-bottom:1px dotted #cfcfcf}#playlist-config .editable:hover{position:relative;cursor:pointer}#playlist-config .editable:hover:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f044";margin-left:6px;font-weight:300;font-size:12px;padding:0 6px;color:#aaa;vertical-align:middle}#playlist-config h2.editable:after{line-height:22px}#playlist-config .id-field{display:block}#playlist-config .id-field h3{display:inline-block;margin:0}#playlist-config .id-field:after{font-family:"Font Awesome 5 Free";font-weight:900;margin-left:4px;font-size:1em}#playlist-config .id-field.available:after{color:green;content:"\f00c"}#playlist-config .id-field.taken:after{color:red;content:"\f00d"}.left-panel{width:65%;color:white;overflow:visible;position:relative;padding:2em 40px 1em;min-height:250px}.app-container-sync .left-panel{width:50%}.left-panel button{font-size:.8em;vertical-align:bottom}.left-panel button.delete-button{color:white;background:#d60808;border-color:darkred}.left-panel div.img-container{position:relative;float:left;width:22.5%;margin:0 2.5% 0 0}.left-panel div.img-container img{max-width:100%;max-height:162px;transition:opacity 150ms ease-out}.left-panel div.img-container-inside{display:inline-block;position:relative}.left-panel div.img-container-inside.editable-image{cursor:pointer}.left-panel div.img-container-inside.editable-image:after{font-family:"Font Awesome 5 Free";font-weight:900;color:white;position:absolute;top:0;left:0;width:100%;height:100%;display:block;content:"\f021";line-height:137px;text-align:center;font-size:2em;opacity:0;transition:opacity 150ms ease-out}.left-panel div.img-container-inside.editable-image:hover:after{opacity:1}.left-panel div.img-container-inside.editable-image:hover img{opacity:.65}.left-panel .left-panel-contents{float:left;width:75%}.left-panel .left-panel-contents input[type="text"]{width:125px}.left-panel .left-panel-contents .left-panel-top{float:left;width:75%}.left-panel .left-panel-contents .left-panel-top h2{display:inline-block;margin:0;font-weight:300;font-size:1.9em}.left-panel .left-panel-contents .left-panel-top h3{display:inline-block;margin:0;font-weight:200;line-height:28px}.left-panel .left-panel-contents .left-panel-top .left-panel-title{min-height:30px;margin:0 0 12px 0}.left-panel .left-panel-contents .left-panel-top .left-panel-title input{min-width:250px}.left-panel .left-panel-contents .left-panel-top .left-panel-link{min-height:30px;line-height:28px}.left-panel .left-panel-contents .left-panel-top .left-panel-link a{color:#aaa;font-weight:300;font-size:.85em;text-decoration:underline}.left-panel .left-panel-contents .left-panel-top .left-panel-link a:hover{text-decoration:none !important}.left-panel .left-panel-contents .left-panel-top .left-panel-description{color:#cfcfcf;margin-bottom:24px}.left-panel .left-panel-contents .left-panel-top .left-panel-description p{display:inline-block;margin:0}.left-panel .left-panel-contents .left-panel-top .left-panel-description button{vertical-align:top}.left-panel .left-panel-contents .left-panel-top .left-panel-description textarea{width:65%;height:50px}.left-panel .left-panel-contents .left-panel-top .left-panel-description a{color:#cfcfcf}.left-panel .left-panel-contents .left-panel-top .left-panel-user,.left-panel .left-panel-contents .left-panel-top .left-panel-url{margin:12px 0;min-height:30px}.left-panel .left-panel-contents .left-panel-top .left-panel-user input,.left-panel .left-panel-contents .left-panel-top .left-panel-url input{width:100px}.left-panel .left-panel-contents .left-panel-top .left-panel-user a,.left-panel .left-panel-contents .left-panel-top .left-panel-url a{color:white}.left-panel .left-panel-contents .left-panel-bottom{float:left;width:25%;text-align:right}.left-panel .left-panel-contents .left-panel-bottom p.subtitle{margin:0 0 6px 0;color:#cfcfcf;font-weight:300;font-size:.85em}.left-panel .left-panel-contents button+button{border-left:0;margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.left-panel .left-panel-contents button:first-of-type{margin-left:3px;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.left-panel .left-panel-contents .left-panel-buttons button{width:100px;border-radius:2px !important}.left-panel .left-panel-contents .left-panel-buttons p:first-child{margin-top:0}.left-panel .left-panel-contents .left-panel-buttons p{margin-bottom:16px}.left-panel,.right-panel{position:relative;z-index:2}ul.tags{list-style:none;color:#fafafa;font-size:.8em;font-weight:500;padding:0;display:inline}ul.tags li{display:inline-block;margin:0 3px 3px 0;padding:3px 6px;background:#aaa;border-radius:2px}ul.tags li .icon-container{margin-left:8px;color:#cfcfcf;cursor:pointer}ul.tags li .icon-container.icon-container-up:hover{color:white}ul.tags li .icon-container.icon-container-down:hover{color:white}a.add-tag{padding:0 12px;background:#aaa;border-bottom:2px solid #999;border-radius:2px;cursor:default;color:white;text-decoration:none;display:inline-block;height:20px;position:relative}a.add-tag:hover{background:#afafaf}.tags-input-container{position:relative;top:1px}.tags-input-container input,.tags-input-container button{vertical-align:bottom}.button-tooltip{background:red;color:white;font-weight:bold;border-radius:100%;width:24px;height:24px;display:inline-block;text-align:center;line-height:24px;margin-left:-12px;margin-top:-12px;vertical-align:top}.footer{position:absolute;line-height:1.25em;bottom:0;left:0;width:65%;background:white;font-size:.95em;padding:10px 30px 20px;border-top:1px solid #eee}.footer a{color:black}.results-playlists .page-title{line-height:30px;margin:0}.results-playlists .page-title small{color:#bbb}.results-playlists .page-number{display:block;margin-bottom:1.75em;color:#9a9a9a}.results-playlists .blocks-container>h3{margin:1.5% 0}.results-playlists .playlist-search{padding:10px;text-align:center;background:#eee}.results-playlists .playlist-search input{font-size:1.1em;min-width:75%}.results-playlists .playlist-container{overflow:auto}.results-playlists .playlist-pagination{margin-top:20px}.results-playlists .playlist-pagination a{display:inline-block;cursor:pointer;border:1px solid #eee;padding:8px;border-radius:4px;text-decoration:none}.results-playlists .playlist-pagination a.disabled{color:#aaa;text-decoration:none;cursor:default}.results-playlists .playlist-pagination a:not(.disabled):hover{background:#eee}.results-playlists .special-message{padding:20px}.results-playlists .results-playlist-controls{float:right}.results-playlists .results-playlist-controls input{padding:6px 8px;min-width:250px;margin-right:4px}.modal{position:fixed;top:50%;left:50%;width:600px;background-color:white;margin-left:-300px;margin-top:-200px;padding:20px;z-index:1050;box-shadow:0 -1px 2px 1px rgba(0,0,0,0.1);border:1px solid #ececdc;border-radius:2px}.modal .modal-container .modal-header{overflow:auto}.modal .modal-container .modal-header h1{margin-top:0;font-weight:300;font-size:1.75em}.modal .modal-container .modal-header i.fa-times{color:#ddd;cursor:pointer;transition:color .3s ease-out}.modal .modal-container .modal-header i.fa-times:hover{color:#c4c4c4}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.45);z-index:1000}.modal-enter{top:0;opacity:.01}.modal-enter.modal-enter-active{top:50%;opacity:1;transition:opacity .45s ease-in,top .4s ease-in}.modal-leave{top:50%;opacity:1}.modal-leave.modal-leave-active{top:0;opacity:.01;transition:opacity .45s ease-in,top .4s ease-in}.backdrop-enter{opacity:.01}.backdrop-enter.backdrop-enter-active{opacity:1;transition:opacity .45s ease-in}.backdrop-leave{opacity:1}.backdrop-leave.backdrop-leave-active{opacity:.01;transition:opacity .45s ease-in}.shareModalContent p{margin-top:2em;margin-bottom:.5em}.shareModalContent textarea,.shareModalContent input{margin-bottom:.5em}.shareModalContent div.social-media button{position:relative;z-index:999}@media all and (max-width:620px){.modal{width:85%;margin-left:-42.5%;height:auto;max-height:80vh;overflow:auto}.modal .modal-container .modal-header h1{font-size:1.5em;max-width:80%}}#admin .top-bar{display:block;position:fixed;z-index:999;background:#26389B;color:white;top:0;left:0;padding:0 18px 0 18px;line-height:52px;height:52px;width:100%;transform:translateZ(0);transition:background 250ms ease-out;will-change:background;border-bottom:2px solid #1b2870}#admin .top-bar.sync{background:#ec417b;border-bottom:2px solid #d81557}#admin .top-bar.sync button.action-button,#admin .top-bar.sync .dropdown .button-container,#admin .top-bar.sync .dropdown .caret-container{background:#ec417b}#admin .top-bar.sync button.action-button:hover,#admin .top-bar.sync .dropdown .button-container:hover,#admin .top-bar.sync .dropdown .caret-container:hover{background:#e91e63}#admin .top-bar.sync .dropdown .button-container:hover,#admin .top-bar.sync .dropdown .caret-container:hover{border-color:#e91e63}#admin .top-bar span.logo{display:inline-block;text-transform:uppercase;text-align:left;font-weight:600;font-size:1em;line-height:32px;vertical-align:middle;padding-right:2px}#admin .top-bar span.logo a{color:white;text-decoration:none}#admin .top-bar .label{margin:0 12px;border-radius:6px;padding:3px 6px;background:rgba(255,255,255,0.5);font-size:.7em;font-weight:400;letter-spacing:.3px;line-height:normal;vertical-align:middle}#admin .top-bar .logo-label-container{text-align:left;min-width:100px;display:inline-block}#admin .top-bar .logo-label-container.mobile{float:left;line-height:42px}#admin .top-bar input:disabled{background:#eaeaea !important}#admin .top-bar .toolbox.disabled{visibility:hidden}#admin .top-bar .user-info{display:inline-block;line-height:1em;margin-top:3px}#admin .top-bar .user-info .user-info-pic-container{width:32px;height:32px;border-radius:100%;overflow:hidden;display:inline-block;vertical-align:middle}#admin .top-bar .user-info .user-info-pic-container img{width:100%}#admin .top-bar .user-info .user-info-name{display:inline-block;vertical-align:middle;color:white;margin-left:10px}#admin .container{margin-top:52px;padding:10px}#admin .container table{width:75%}#admin .container table th{background:#f4f4f4;border-bottom:2px solid #ececdc}#admin .container table td{height:30px;border-bottom:1px solid #ececdc}#admin .container table td button.delete i{color:red}input[type="submit"],button,a.btn{background:white;border:1px solid #ececdc;padding:6px 12px;z-index:2;font-weight:400;font-size:.9em;border-radius:0;transition:box-shadow 200ms ease-out,background 200ms ease-out;text-decoration:none;-webkit-appearance:none}input[type="submit"]:hover,button:hover,a.btn:hover{background:#f4f4f4}input[type="submit"]:active,button:active,a.btn:active{box-shadow:inset 0 0 100px 100px rgba(0,0,0,0.15)}input[type="submit"].primary,button.primary,a.btn.primary{border:1px solid #e91e63;color:#e91e63}input[type="submit"].primary:hover,button.primary:hover,a.btn.primary:hover{background:#e91e63;color:white}input[type="submit"].primary:active,button.primary:active,a.btn.primary:active{box-shadow:inset 0 0 100px 100px rgba(0,0,0,0.5)}input[type="submit"].btn-secondary,button.btn-secondary,a.btn.btn-secondary{background-color:#2e43ba;border-color:#26389B;color:white}input[type="submit"].flat,button.flat,a.btn.flat{border:0;background:transparent}input[type="submit"].btn-outline,button.btn-outline,a.btn.btn-outline{background:transparent;color:black}input[type="submit"].btn-underline,button.btn-underline,a.btn.btn-underline{position:relative;position:block;background-color:transparent;border:0;color:#26389B;transition:color 175ms ease-out;padding:0;padding-left:12px;padding-right:12px;line-height:1.5em;padding-top:4px;padding-bottom:4px}input[type="submit"].btn-underline:after,button.btn-underline:after,a.btn.btn-underline:after{width:100%;position:absolute;bottom:-4px;left:0;display:block;content:' ';z-index:-1;border-bottom:2px solid #2e43ba;transition:border-bottom-color 175ms ease-out,border-bottom-width 175ms ease-out}input[type="submit"].btn-underline:hover,button.btn-underline:hover,a.btn.btn-underline:hover{color:white}input[type="submit"].btn-underline:hover:after,button.btn-underline:hover:after,a.btn.btn-underline:hover:after{border-bottom-color:#1e2d7c;border-bottom-width:30px}input[type="submit"]{padding:4px}.btn-group{display:inline-block}.btn-group button{padding:4px 12px;border-radius:0}.btn-group button:first-child:not(:only-child){border-right:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.btn-group button:last-child:not(:only-child){border-left:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.btn-group button.active{background:#3f51b5;color:white}input[type="submit"].btn,.btn{padding:7px 18px}.btn-transparent{border:0}input[type="submit"].btn-primary,button.btn-primary,a.btn-primary{background:#e91e63;color:white}.footer a.twitter-follow-button{display:inline-block;color:white;text-decoration:none;font-weight:500;padding:0 8px;background:#1b95e0;border-radius:3px;font-family:'Helvetica Neue',Arial,sans-serif;height:20px;line-height:20px;vertical-align:top}.footer a.twitter-follow-button:hover,.footer a.twitter-follow-button:active{background:#0c7abf}.footer a.twitter-follow-button i{position:relative;top:3px;vertical-align:top;display:inline-block;width:14px;height:14px;margin-right:4px;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E)}a.btn.space-right{margin-right:4px}input[type="text"],textarea{padding:5px;font-size:1.1em;border-radius:2px;border:1px solid #ececdc;font-size:.9em;box-shadow:0 0 0 black}textarea{font-size:.9em}input.q{font-size:1em}.block-input{display:block;width:100%}input.form-text-input{border:1px solid #e7e7e7;border-radius:3px;padding:6px 8px;font-size:1.25em}input.form-text-input[disabled]{background:#f4f4f4;color:#999}input.input-error{border-color:red}.toast-container{font-size:.9em}#feedback-form{z-index:100}#feedback-form .backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);z-index:100}#feedback-form .form{position:absolute;top:20%;width:50%;left:25%;box-shadow:0 0 2px 2px rgba(0,0,0,0.15);transition:opacity 250px ease-out;padding:20px;background:#f4f4f4;border:1px solid #ececdc;z-index:150}#feedback-form .form h3{margin:0;color:black;font-weight:400}#feedback-link{position:fixed;bottom:15px;min-width:136px;right:0;color:#333;padding:4px 10px 4px 22px;font-size:12px;border:1px solid #cfcfcf;background:#f4f4f4;text-decoration:none;bottom:44px}#feedback-link:hover{background:#e7e7e7}#feedback-link::before{position:absolute;left:4px;top:0;display:inline-block;width:100%;height:100%;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f09b";font-size:16px;line-height:26px}#feedback-link::before{content:"\f164";font-size:14px;line-height:24px}#github-link{position:fixed;bottom:15px;min-width:136px;right:0;color:#333;padding:4px 10px 4px 22px;font-size:12px;border:1px solid #cfcfcf;background:#f4f4f4;text-decoration:none;z-index:100}#github-link:hover{background:#e7e7e7}#github-link::before{position:absolute;left:4px;top:0;display:inline-block;width:100%;height:100%;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f09b";font-size:16px;line-height:26px}.tooltip{position:fixed;z-index:9999;max-width:250px;margin-top:-10px;opacity:0;transition:opacity 250ms ease-out}.tooltip.in{opacity:1}.tooltip.save{width:75px}.tooltip .tooltip-arrow{border:5px solid transparent;border-bottom-color:rgba(0,0,0,0.85);border-left-width:4px;border-right-width:4px;display:inline-block;margin-bottom:-5px;margin-top:-5px;position:relative;left:50%}.tooltip .tooltip-inner{background:rgba(0,0,0,0.85);color:#fafafa;font-size:.85em;border-radius:2px;padding:6px;position:relative}@media all and (min-width:490px){.mobile:not(.tablet){display:none !important}}@media all and (min-width:1200px){.tablet{display:none !important}}@media all and (min-width:1200px){.results-intro{display:block}}@media all and (max-width:1300px){#search-component div.results-container button{min-width:110px}#search-component div.results-container button.add-all-btn{min-width:110px}#search-component form input[type="text"].q,#search-component form .autocomplete{width:50%}#search-component form .clear-search{left:50%}}@media all and (max-width:1200px){#search-component{width:100% !important;padding-bottom:0}#search-component div.results-container button{padding:5px;margin-top:22px}#search-component div.results-container button.add-all-btn{min-width:110px}#search-component form.topbar-form{text-align:center;height:auto !important}#search-component form.topbar-form .autocomplete{text-align:left}#search-component form.topbar-form .queryInputContainer{width:100%}#search-component form.topbar-form .queryInputContainer .clear-search{display:none}#search-component form.topbar-form button.action-button,#search-component form.topbar-form .dropdown{margin:2px;border:1px solid #3f51b5;border-radius:4px;height:42px}#search-component form.topbar-form .dropdown .caret-container{line-height:40px;margin:0}#search-component form.topbar-form .dropdown .user-info{margin-top:0}#search-component form.topbar-form.sync button.action-button,#search-component form.topbar-form.sync .dropdown{border-color:#e4165c}#search-component .desktop-join-pl.in+form{top:0}#player-component{width:100% !important;margin-top:0;position:static;max-height:none;margin-bottom:135px}#playlist-config{margin-top:106px}#playlist-config ul.tags li{margin-bottom:4px}#playlist-config .left-panel-bottom{margin-bottom:10px}#playlist-config .left-panel,#playlist-config .right-panel{width:100%}#playlist-config .title-input-container input{width:30%}#playlist-config .editable:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f044";margin-left:6px;font-size:12px;padding:0 6px;color:#aaa;vertical-align:middle}.footer{width:100%;padding-bottom:0;min-height:125px}.footer span{margin-top:20px}.chat-component{position:static;width:100%;height:300px}}@media all and (max-width:490px){.desktop{display:none !important}#search-component form.topbar-form{padding:0 8px !important}#search-component button{padding-left:8px;padding-right:8px}#search-component{min-height:0}#search-component div.results-container:not(.results-intro){max-height:555px;overflow:hidden}#search-component div.results-container:not(.results-intro) .mobile-expand{display:block}#search-component div.results-container:not(.results-intro).expanded{max-height:none}#search-component div.results-container:not(.results-intro).expanded .mobile-expand{display:none}#search-component div.results-container button{min-width:65px;padding:5px}#search-component div.results-container .intro .titles-container{padding:0 20px 0;background-position-y:50%}#search-component div.results-container table.results-playlists .results-playlist{padding-bottom:0}#search-component div.results-container table.results-playlists img{max-width:90px}#search-component div.results-container table.results-playlists a{font-size:.85em}#search-component form.topbar-form{top:0 !important;height:auto !important;font-size:.85em;text-align:center}#search-component form.topbar-form .logo-label-container{min-width:0}#search-component form.topbar-form .queryInputContainer{width:100%}#search-component form.topbar-form .queryInputContainer input[type="text"].q,#search-component form.topbar-form .queryInputContainer .autocomplete{width:75%;height:auto;padding-top:10px;padding-bottom:10px}#search-component form.topbar-form .queryInputContainer input[type="submit"]{width:25%;height:auto;color:black}#search-component form.topbar-form .queryInputContainer button.expanded-lucky{padding:0;min-width:0;width:auto;color:black}#search-component form.topbar-form .queryInputContainer button.expanded-search{padding:0 4px}#search-component form.topbar-form .queryInputContainer .clear-search{display:none}#search-component form.topbar-form button.action-button,#search-component form.topbar-form .dropdown{margin:2px;border:1px solid #3f51b5;height:42px}#search-component form.topbar-form .dropdown .caret-container{line-height:40px;margin:0}#search-component .teasers .box{width:100%;margin:25px 0 10px}.footer .pull-right{margin:25px auto 10px;float:none;text-align:center}.footer span{margin-top:20px}.footer .privacy-policy-link{display:block;margin:10px 0 0 0 !important}#playlist-config{margin-top:106px}#playlist-config div.panel{height:auto}#playlist-config ul.tags li{margin-bottom:4px}#playlist-config .left-panel{width:100%;float:none}#playlist-config .left-panel .left-panel-contents{width:100%;float:none}#playlist-config .left-panel .left-panel-contents input[type="text"]:not(.input-short),#playlist-config .left-panel .left-panel-contents textarea{width:100%}#playlist-config .left-panel .left-panel-contents input[type="text"].input-short{width:55%}#playlist-config .left-panel .left-panel-contents button{width:auto;margin-top:1px;margin-bottom:6px;margin-left:0 !important}#playlist-config .left-panel div.img-container{float:none;width:100%;text-align:center;margin-bottom:10px}#playlist-config .left-panel-bottom{margin-bottom:10px}#playlist-config .right-panel{padding:0;width:100%;float:none}#playlist-config .title-input-container input{width:50%}#playlist-config .editable:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f044";margin-left:6px;font-size:12px;padding:0 6px;color:#aaa;vertical-align:middle}.playlist-block .image-container .info{font-size:.8em}.playlist-block .playlist-title{font-size:1em;overflow:hidden}.playlist-block .image-container{height:75px}.playlist-block .image-container img{top:0;left:0;transform:translateY(0)}.results-playlists .results-playlist-controls{float:none;text-align:right}.results-playlists .results-playlist-controls input{display:block;margin:8px 0;padding:8px 12px;width:100%}.cc_dialog.cc_css_reboot{padding:1em 1.5em !important;max-width:100% !important}.cc_dialog.cc_css_reboot .cc_dialog_text{font-size:12px}}@-webkit-keyframes saved{0%{opacity:0;transform:rotate(45deg)}40%{opacity:1}100%{transform:rotate(0deg)}}@keyframes saved{0%{opacity:0;transform:rotate(45deg)}50%{opacity:1}100%{transform:rotate(0deg)}}.fade-enter{opacity:.01;transition:opacity .5s ease-out}.fade-enter.fade-enter-active{opacity:1}.fade-leave{transition:opacity .5s ease-in}.fade-leave.fade-leave-active{opacity:0}form.login-form{margin-bottom:20px}form.login-form>div{margin:10px 0}form.login-form>div label{display:block}form.login-form>div input{min-width:200px}.login-with{width:100%;display:block;margin:10px auto;padding:10px;border-radius:30px;border:0;line-height:16px;transition:background 200ms ease-in}.login-with:hover{cursor:pointer}.login-with.login-with--facebook{background:#3b5998;color:white}.login-with.login-with--facebook:hover{background:#4669b4}.login-with.login-with--spotify{background:#1db954;color:white}.login-with.login-with--spotify:hover{background:#20cf5e}.login-with.login-with--google{padding:9px;color:black;border:1px solid #cfcfcf}.login-with.login-with--eth{padding:9px;color:white;background:#1169DE;border:1px solid #0e58ba}.login-with.login-with--eth:hover{background:#1b75ee}.login-with>img{height:16px;vertical-align:bottom;margin-right:6px}.username-form-container{display:block;overflow:auto;min-height:250px}.username-form-container .username-thumbnail-container{width:64px;height:64px;border-radius:100%;overflow:hidden}.username-form-container .username-thumbnail-container img{width:100%}.username-form-container label{display:block;margin:1em 0 .25em;font-size:.9em}.username-form-container p.username-form-title{margin-bottom:40px}.dropdown{position:relative;transition:box-shadow 200ms ease-out,background 200ms ease-out;vertical-align:top}.dropdown>div{display:flex;align-items:stretch}.dropdown .button-container,.dropdown .caret-container{border:0;border-radius:0;padding:0 6px;transition:background 200ms ease-out;cursor:pointer}.dropdown .button-container{border-right:1px solid transparent;border-top-left-radius:2px;border-bottom-left-radius:2px}.dropdown .button-container:hover{border-right:1px solid #26389B}.dropdown .caret-container{display:inline-block;padding:0 6px;vertical-align:middle;border-left:1px solid transparent;border-top-right-radius:2px;border-bottom-right-radius:2px;color:white}.dropdown .caret-container:hover{border-left:1px solid #26389B}.dropdown ul{position:absolute;top:100%;width:100%;list-style:none;margin:0;padding:0;background:white;border:1px solid #ececdc;border-top:0;margin-top:3px}.dropdown .open ul{display:block}.dropdown li a{text-decoration:none;color:black;display:block;padding:6px 12px;margin:6px 0;line-height:1.5em}.dropdown li a:hover{background:#eee}.topbar-form .dropdown ul{font-size:.9em}.topbar-form .dropdown .button-container,.topbar-form .dropdown .caret-container{background:transparent}.topbar-form .dropdown .button-container:hover,.topbar-form .dropdown .caret-container:hover{background:#2e43ba}.topbar-form .dropdown .caret-container{line-height:47px;margin-top:3px}.Toastify__toast-container{width:auto}.Toastify__toast{max-width:450px;min-height:36px !important;padding:4px 10px 4px 10px;font-weight:500;border-radius:4px}.Toastify__toast--default{color:#545b01;background:#fdffdd}.Toastify__toast--error{background:#d62d1c}.Toastify__toast-body{padding:5px 15px 5px 5px;line-height:1.35em}

/*# sourceMappingURL=app.478e0bb079dd166755ef.css.map*/