@charset "UTF-8";
/**
 * ZLink specific vars
 */
/* line 7, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.app-header {
  display: flex;
  align-items: center;
  height: 48px;
  -webkit-app-region: drag; }

/* line 13, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.app-header.header-inline-controls {
  padding-left: 64px; }

/* line 16, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.app-header .accessibility-links,
.app-header .browser-navigation,
.app-header .view-search,
.app-header .profile-items-container > *,
.modal-open .app-header {
  -webkit-app-region: no-drag; }

@media (max-height: 768px) {
  /* line 24, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .app-header {
    height: 40px; } }

/* line 28, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.browser-navigation {
  flex: 0 0 auto; }

/* line 31, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.profile-items-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

/* line 37, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.profile-items-container > * {
  margin: 0 10px; }

@media (max-width: 1006px) {
  /* line 41, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .profile-menu-wrapper .profile .username {
    max-width: 160px; }
  /* line 44, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .accessibility-links {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    margin: -1px;
    padding: 0;
    clip: rect(0 0 0 0);
    border: 0; } }

@media (max-width: 1070px) {
  /* line 56, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .header-inline-controls .profile-menu-wrapper .profile .username {
    max-width: 160px; } }

@media (max-width: 956px) {
  /* line 61, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .profile-menu-wrapper .profile .username {
    max-width: 110px; } }

@media (max-width: 1020px) {
  /* line 66, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .header-inline-controls .profile-menu-wrapper .profile .username {
    max-width: 110px; } }

@media (max-width: 894px) {
  /* line 71, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .upgrade-button {
    display: none; }
  /* line 74, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .profile-menu-wrapper .profile .username {
    max-width: 110px; } }

@media (max-width: 958px) {
  /* line 79, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .header-inline-controls .upgrade-button {
    display: none; }
  /* line 82, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .header-inline-controls .profile-menu-wrapper .profile .username {
    max-width: 110px; } }

/* line 86, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.header-old-chrome-style {
  background: #ffffff;
  border-bottom: 2px solid #E5E8EA; }

/* line 90, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.header-new-chrome-style {
  background: #ffffff; }

/* line 93, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.flex-col-container {
  display: flex;
  flex-flow: column; }

/* line 97, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.flex-row-container {
  display: flex;
  flex-flow: row; }

/* line 101, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.flex-1 {
  flex: 1; }

/* line 104, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.flex-0 {
  flex: 0; }

/* line 107, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.flex-0-auto {
  flex: 0 0 auto; }

/* line 110, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.resizer {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 6px;
  cursor: col-resize;
  z-index: 2; }

/* line 118, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.resizer.resizer-left {
  left: 0; }

/* line 121, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.resizer.resizer-right {
  right: -6px; }

/* line 124, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#resize-overlay {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  display: none;
  cursor: col-resize; }

/* line 133, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.accessibility-links {
  margin: 0 24px 0 24px;
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: #56666F;
  text-transform: normal;
  line-height: 40px; }

/* line 144, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.accessibility-links a {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden; }

/* line 151, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.accessibility-links a:after {
  content: ' ›'; }

/* line 154, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.accessibility-links a:focus {
  position: static;
  width: auto;
  height: auto;
  color: #4687D6;
  border-bottom-color: transparent; }

/* line 161, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.accessibility-links a:hover {
  border-bottom-color: inherit; }

/* line 164, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-billboard-ad {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 200px; }

/* line 171, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.skinny-overlay.modal-expanded {
  left: 0 !important; }

/* line 174, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.browser-navigation {
  margin: 0 16px;
  color: #404040;
  cursor: default;
  width: 68px; }

/* line 180, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-capping-full-screen-message {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 200px;
  z-index: 3; }

/* line 188, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message {
  background: -webkit-linear-gradient(top, rgba(80, 55, 80, 0.95), rgba(25, 20, 20, 0.95));
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 28px; }

/* line 196, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-top {
  position: absolute;
  top: 0;
  right: 20px;
  left: 20px; }

/* line 202, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-top p {
  padding: 20px 60px 20px 0;
  border-bottom: 1px solid; }

/* line 206, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-top p:empty {
  border-bottom: none; }

/* line 209, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn {
  position: absolute;
  right: 0;
  top: 20px;
  height: 24px;
  line-height: 22px;
  padding-top: 2px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 12px;
  background: transparent;
  color: #56666F;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  width: 24px;
  padding-left: 0;
  padding-right: 0; }

/* line 227, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn .b-alt-text {
  margin-top: -22px; }

/* line 230, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn.contextmenu-active,
.capping-full-screen-message .cfsm-close-btn:not(:disabled):hover {
  background-color: transparent;
  color: #008CD6; }

/* line 235, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn:not(:disabled):hover:active {
  background: transparent;
  color: #00a7ff;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 241, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .capping-full-screen-message .cfsm-close-btn:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 246, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .capping-full-screen-message .cfsm-close-btn {
    transition-duration: 50ms; } }

/* line 250, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 255, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .capping-full-screen-message .cfsm-close-btn:after {
    transition-duration: 50ms; } }

/* line 259, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn.contextmenu-active,
.capping-full-screen-message .cfsm-close-btn:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 265, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .capping-full-screen-message .cfsm-close-btn.contextmenu-active,
  .capping-full-screen-message .cfsm-close-btn:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 270, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn.contextmenu-active:after,
.capping-full-screen-message .cfsm-close-btn:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 276, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .capping-full-screen-message .cfsm-close-btn.contextmenu-active:after,
  .capping-full-screen-message .cfsm-close-btn:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 281, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn:not(:disabled):hover:active {
  transition: none; }

/* line 284, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn:not(:disabled):hover:active:after {
  transition: none; }

/* line 287, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 24px;
  font-size: 24px;
  padding-left: 0px;
  width: calc(100% - 0px); }

/* line 306, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn.button-play:before {
  content: "\f132"; }

/* line 309, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn.button-play.playing:not(:hover),
.tl-row.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover),
.tl-row.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover),
.media-object.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover),
.media-object.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 316, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn.button-play.playing:not(:hover):after,
.tl-row.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):after,
.tl-row.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):after,
.media-object.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):after,
.media-object.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 330, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover).contextmenu-active,
.tl-row.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover).contextmenu-active,
.media-object.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover).contextmenu-active,
.media-object.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover).contextmenu-active,
.capping-full-screen-message .cfsm-close-btn.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 342, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover).contextmenu-active:after,
.capping-full-screen-message .cfsm-close-btn.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 355, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .capping-full-screen-message .cfsm-close-btn.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover).contextmenu-active,
  .media-object.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover).contextmenu-active,
  .media-object.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover).contextmenu-active,
  .capping-full-screen-message .cfsm-close-btn.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 367, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .capping-full-screen-message .cfsm-close-btn.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover).contextmenu-active:after,
  .capping-full-screen-message .cfsm-close-btn.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 380, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 387, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 394, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn.button-play.playing:not(:hover):before,
.tl-row.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):before,
.tl-row.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):before,
.media-object.playing .capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):before,
.media-object.playing.capping-full-screen-message .cfsm-close-btn.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: -1.5px;
  width: calc(100% - -1.5px); }

/* line 403, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn.button-play.playing:hover:before,
.tl-row.playing .capping-full-screen-message .cfsm-close-btn.button-play:hover:before,
.tl-row.playing.capping-full-screen-message .cfsm-close-btn.button-play:hover:before,
.media-object.playing .capping-full-screen-message .cfsm-close-btn.button-play:hover:before,
.media-object.playing.capping-full-screen-message .cfsm-close-btn.button-play:hover:before {
  content: "\f130"; }

/* line 410, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn.active {
  color: #008CD6; }

/* line 413, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn.active.contextmenu-active,
.capping-full-screen-message .cfsm-close-btn.active:not(:disabled):hover {
  color: #008CD6; }

/* line 417, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn.drop-target-active {
  color: #000000;
  background-color: #FFFFFF; }

/* line 421, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn.drop-target-active.contextmenu-active,
.capping-full-screen-message .cfsm-close-btn.drop-target-active:not(:disabled):hover {
  color: #000000; }

/* line 425, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-close-btn.drop-target-active.contextmenu-active,
.capping-full-screen-message .cfsm-close-btn.drop-target-active:not(:disabled):hover {
  background-color: #FFFFFF; }

/* line 429, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-title {
  font-weight: 600;
  margin: 0; }

/* line 433, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-text {
  margin: 40px 0; }

/* line 436, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.capping-full-screen-message .cfsm-text a {
  border-color: #fff; }

/* line 439, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-content {
  background-color: #ffffff;
  position: relative; }

/* line 443, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-content.disablePointerEvents {
  pointer-events: none; }

/* line 446, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-content .loading-screen {
  position: absolute;
  z-index: 10;
  height: 100%;
  width: 100%; }

/* line 452, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-content > iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none; }

/* line 458, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-content > iframe.active {
  display: block; }

/* line 461, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-content #pin-tab {
  display: none;
  height: 50px; }

/* line 465, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-content #pin-tab .section-divider {
  margin: 0;
  padding: 10px 20px; }

/* line 469, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-content.pinbar #pin-tab {
  display: block; }

/* line 472, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-content.pinbar > iframe {
  height: calc(100% - 50px); }

/* line 475, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-content.pinbar.leaderboard > iframe {
  height: calc(100% - 172px); }

/* line 478, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-content.leaderboard > iframe {
  height: calc(100% - 122px); }

/* line 481, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-active #view-content > iframe {
  height: calc(100% - 122px); }

/* line 484, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-active #view-content.pinbar > iframe {
  height: calc(100% - 172px); }

/* line 487, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.main-view {
  position: relative;
  margin-top: -1px; }

/* line 491, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#context-menu-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1037;
  -webkit-app-region: no-drag; }

/* line 500, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-message-bar {
  margin-bottom: 0;
  display: none; }

/* line 504, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-message-bar.visible {
  display: block; }

/* line 507, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 10px;
  min-height: 0px !important;
  background-color: #f2f3f6; }

/* line 520, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element:focus {
  outline: none; }

/* line 523, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element h2 {
  color: #56666F;
  padding-left: 15px;
  margin: 0;
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: #56666F;
  text-transform: uppercase;
  letter-spacing: 0.16em; }

/* line 536, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element a:not(.button),
.navbar-old-chrome-style.sidebar-scroll-element .item {
  color: #56666F;
  text-decoration: none;
  position: relative;
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: #56666F;
  text-transform: normal;
  cursor: default;
  display: block;
  line-height: 32px;
  padding: 0;
  min-height: 32px;
  border-bottom: none; }

/* line 555, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element a:not(.button):not(.folder):hover,
.navbar-old-chrome-style.sidebar-scroll-element .item:not(.folder):hover {
  color: #008CD6; }

/* line 559, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element a:not(.button):not(.folder):hover .menu-accessory:before,
.navbar-old-chrome-style.sidebar-scroll-element .item:not(.folder):hover .menu-accessory:before {
  color: #008CD6; }

/* line 563, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element a:not(.button).folder .title:hover,
.navbar-old-chrome-style.sidebar-scroll-element .item.folder .title:hover {
  color: #0566a4; }

/* line 567, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element a:not(.button).active,
.navbar-old-chrome-style.sidebar-scroll-element .item.active,
.navbar-old-chrome-style.sidebar-scroll-element a:not(.button).active a,
.navbar-old-chrome-style.sidebar-scroll-element .item.active a {
  color: #008CD6; }
  /* line 572, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .navbar-old-chrome-style.sidebar-scroll-element a:not(.button).active:hover,
  .navbar-old-chrome-style.sidebar-scroll-element .item.active:hover,
  .navbar-old-chrome-style.sidebar-scroll-element a:not(.button).active a:hover,
  .navbar-old-chrome-style.sidebar-scroll-element .item.active a:hover {
    color: #0566a4; }

/* line 576, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element a:not(.button).active .menu-accessory:before,
.navbar-old-chrome-style.sidebar-scroll-element .item.active .menu-accessory:before,
.navbar-old-chrome-style.sidebar-scroll-element a:not(.button).active a .menu-accessory:before,
.navbar-old-chrome-style.sidebar-scroll-element .item.active a .menu-accessory:before {
  color: #008CD6; }
  /* line 581, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .navbar-old-chrome-style.sidebar-scroll-element a:not(.button).active .menu-accessory:before:hover,
  .navbar-old-chrome-style.sidebar-scroll-element .item.active .menu-accessory:before:hover,
  .navbar-old-chrome-style.sidebar-scroll-element a:not(.button).active a .menu-accessory:before:hover,
  .navbar-old-chrome-style.sidebar-scroll-element .item.active a .menu-accessory:before:hover {
    color: #0566a4; }

/* line 585, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element a:not(.button).active:after,
.navbar-old-chrome-style.sidebar-scroll-element .item.active:after,
.navbar-old-chrome-style.sidebar-scroll-element a:not(.button).active a:after,
.navbar-old-chrome-style.sidebar-scroll-element .item.active a:after {
  content: ' ';
  display: block;
  position: absolute;
  border-right: 4px solid #008CD6;
  left: 0;
  top: 0px;
  bottom: 0px;
  width: 0px; }

/* line 598, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element a:not(.button) .drop-target-active,
.navbar-old-chrome-style.sidebar-scroll-element .item .drop-target-active {
  background: #FFFFFF;
  color: #000000; }

/* line 603, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .menu-accessory {
  float: left;
  padding-left: 15px;
  padding-right: 15px; }

/* line 608, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .menu-accessory:before {
  font-size: 16px;
  color: #56666F; }

/* line 612, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .menu-accessory.media {
  margin-top: 5px; }

/* line 615, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .title {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 38px;
  text-overflow: ellipsis;
  height: 32px; }

/* line 623, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .sub-title {
  display: none;
  font-size: 12px; }

/* line 627, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .followed .sub-title {
  display: inline; }

/* line 630, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator {
  height: 28px;
  line-height: 26px;
  padding-top: 2px;
  padding-left: 28px;
  padding-right: 28px;
  border-radius: 14px;
  background: #9CA6AC;
  color: #ffffff;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  box-shadow: inset 0 0 0 1px #56666F;
  width: 28px;
  padding-left: 0;
  padding-right: 0;
  display: none;
  float: left;
  margin: 2px 9px 0 9px;
  z-index: 1; }

/* line 650, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator .b-alt-text {
  margin-top: -26px; }

/* line 653, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.contextmenu-active,
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:not(:disabled):hover {
  background-color: #9CA6AC;
  color: #ffffff; }

/* line 658, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:not(:disabled):hover:active {
  background: #56666F;
  color: #ffffff;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 664, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 669, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator {
    transition-duration: 50ms; } }

/* line 673, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 678, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:after {
    transition-duration: 50ms; } }

/* line 682, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.contextmenu-active,
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 688, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.contextmenu-active,
  .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 693, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.contextmenu-active:after,
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 699, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.contextmenu-active:after,
  .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 704, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:not(:disabled):hover:active {
  transition: none; }

/* line 707, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:not(:disabled):hover:active:after {
  transition: none; }

/* line 710, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px #56666F; }

/* line 720, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.contextmenu-active,
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:not(:disabled):hover {
  box-shadow: inset 0 0 0 1px #56666F, 0 0 0 1px transparent; }

/* line 724, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.contextmenu-active:after,
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px #56666F; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 729, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.contextmenu-active,
  .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #56666F; }
  /* line 733, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.contextmenu-active:after,
  .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #56666F; } }

/* line 738, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px #8b949a; }

/* line 741, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px #8b949a; }

/* line 744, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.contextmenu-active,
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:not(:disabled):hover {
  transform: scale(1.07142857); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 749, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.contextmenu-active,
  .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:not(:disabled):hover {
    transform: scale(1.07142857); } }

/* line 754, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 28px;
  font-size: 16px;
  padding-left: 6px;
  width: calc(100% - 6px); }

/* line 773, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:before {
  content: "\f132"; }

/* line 776, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play.playing:not(:hover),
.tl-row.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover),
.tl-row.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover),
.media-object.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover),
.media-object.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 783, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play.playing:not(:hover):after,
.tl-row.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):after,
.tl-row.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):after,
.media-object.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):after,
.media-object.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 797, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover).contextmenu-active,
.tl-row.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover).contextmenu-active,
.media-object.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover).contextmenu-active,
.media-object.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover).contextmenu-active,
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 809, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover).contextmenu-active:after,
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 822, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover).contextmenu-active,
  .media-object.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover).contextmenu-active,
  .media-object.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover).contextmenu-active,
  .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 834, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover).contextmenu-active:after,
  .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 847, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 854, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 861, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play.playing:not(:hover):before,
.tl-row.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):before,
.tl-row.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):before,
.media-object.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):before,
.media-object.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 5px;
  width: calc(100% - 5px); }

/* line 870, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play.playing:hover:before,
.tl-row.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:hover:before,
.tl-row.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:hover:before,
.media-object.playing .navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:hover:before,
.media-object.playing.navbar-old-chrome-style.sidebar-scroll-element .playing-indicator.button-play:hover:before {
  content: "\f130"; }

/* line 877, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing .menu-accessory {
  display: none; }

/* line 880, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playing .playing-indicator {
  display: block; }

/* line 883, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .offline-loader {
  display: none;
  position: absolute;
  width: 26px;
  height: 26px;
  margin-left: 10px;
  top: 3px; }

/* line 891, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .offline-indicator {
  display: none;
  position: absolute;
  top: 0;
  right: 2px;
  height: 32px;
  color: #008CD6; }

/* line 899, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .offline.complete .edit {
  width: calc(100% - 78px); }

/* line 902, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .offline.complete .title {
  margin-right: 23px; }

/* line 905, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .offline.complete .offline-indicator {
  display: block; }

/* line 908, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .offline.syncing .menu-accessory {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  animation: glue-keyframes-rotate 1.5s linear infinite; }

/* line 915, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .offline.syncing .offline-loader {
  display: block; }

/* line 918, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .hidden {
  display: none; }

/* line 921, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element input.edit {
  display: none;
  margin: 3px 0;
  width: calc(100% - 65px);
  height: 26px;
  line-height: 18px;
  padding: 0 5px;
  border-radius: 3px;
  border: 0;
  float: left; }

/* line 932, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element input.edit:focus {
  outline: none; }

/* line 935, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .annotate-hint-button {
  display: none;
  outline: none;
  margin-left: -28px;
  padding: 6px;
  color: #56666F; }

/* line 942, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .annotate-hint-button:hover {
  color: #606266; }

/* line 945, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playlist.annotate-hint.renaming .annotate-hint-button {
  display: inline; }

/* line 948, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playlist.annotate-hint.renaming input.edit {
  padding-right: 25px; }

/* line 951, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .folder .menu-accessory {
  transition: 0.1s transform linear;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

/* line 963, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .folder .menu-accessory:hover:before {
  color: #56666F; }

/* line 966, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .folder.expanded .menu-accessory {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }

/* line 973, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playlist.renaming .title,
.navbar-old-chrome-style.sidebar-scroll-element .folder.renaming .title {
  display: none; }

/* line 977, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .playlist.renaming input.edit,
.navbar-old-chrome-style.sidebar-scroll-element .folder.renaming input.edit {
  display: inline; }

/* line 981, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .item .indent-1 {
  padding-left: 10px; }

/* line 984, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .item .indent-2 {
  padding-left: 20px; }

/* line 987, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .item .indent-3 {
  padding-left: 30px; }

/* line 990, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .item .indent-4 {
  padding-left: 40px; }

/* line 993, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .item .indent-5 {
  padding-left: 50px; }

/* line 996, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element::-webkit-scrollbar,
.navbar-old-chrome-style.sidebar-scroll-element::-webkit-scrollbar-track,
.navbar-old-chrome-style.sidebar-scroll-element::-webkit-scrollbar-corner {
  background-color: #f2f3f6; }

/* line 1001, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element::-webkit-scrollbar-thumb {
  border: solid 1px #f2f3f6;
  background-color: #DCE1E4; }

/* line 1005, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .main-menu-nav {
  margin-bottom: 20px !important; }

/* line 1008, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-old-chrome-style.sidebar-scroll-element .main-menu-nav:last-child {
  margin-bottom: 0 !important; }

/* line 1011, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .sidebar-top-items .browser-navigation {
  margin-top: 14px;
  margin-bottom: 14px; }

/* line 1015, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .sidebar-top-items .profile-menu-wrapper {
  margin-top: 10px;
  margin-bottom: 10px; }

/* line 1019, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .sidebar-top-items .upgrade-button {
  margin-top: 2px;
  margin-bottom: 14px; }

/* line 1023, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element {
  padding-top: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  z-index: 1; }

/* line 1030, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element:focus {
  outline: none; }

/* line 1033, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element::-webkit-scrollbar,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element::-webkit-scrollbar-track,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element::-webkit-scrollbar-corner {
  background-color: #f2f3f6; }

/* line 1038, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element::-webkit-scrollbar-thumb {
  border: solid 1px #E5E8EA;
  background-color: #9CA6AC; }

/* line 1042, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element h2 {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.015em;
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #56666F;
  line-height: 24px;
  margin: 24px 24px 0 24px; }

/* line 1058, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element #heading-menu-apps {
  display: none; }

/* line 1061, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .menu-accessory {
  display: none; }

/* line 1064, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item {
  position: relative;
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em; }

/* line 1071, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .indent-1 {
  padding-left: 40px; }

/* line 1074, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .indent-2 {
  padding-left: 56px; }

/* line 1077, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .indent-3 {
  padding-left: 72px; }

/* line 1080, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .indent-4 {
  padding-left: 88px; }

/* line 1083, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .indent-5 {
  padding-left: 104px; }

/* line 1086, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item > div,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px 0 24px;
  color: #56666F;
  cursor: default;
  height: 32px;
  line-height: 32px; }

/* line 1097, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item:not(.folder) > div:hover,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item:not(.folder) > a:hover,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item:not(.folder) > div:focus,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item:not(.folder) > a:focus,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.folder .title:hover {
  color: #56666F;
  border-bottom-color: transparent; }

/* line 1105, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item:not(.folder).active > div,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item:not(.folder).active > a,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.folder.active .title,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item:not(.folder).active > div:focus,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item:not(.folder).active > a:focus,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.folder.active .title:focus {
  color: #008CD6; }

/* line 1113, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item:not(.folder).active > div:hover,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item:not(.folder).active > a:hover,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.folder.active .title:hover {
  color: #008CD6; }

/* line 1118, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator {
  display: none;
  flex: 0 0 28px;
  order: 2;
  margin-left: 8px;
  height: 28px;
  line-height: 26px;
  padding-top: 2px;
  padding-left: 28px;
  padding-right: 28px;
  border-radius: 14px;
  background: rgba(86, 102, 111, 0.7);
  color: #56666F;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  box-shadow: inset 0 0 0 1px #56666F;
  width: 28px;
  padding-left: 0;
  padding-right: 0; }

/* line 1138, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator .b-alt-text {
  margin-top: -26px; }

/* line 1141, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.contextmenu-active,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:not(:disabled):hover {
  background-color: #f2f3f6;
  color: #56666F; }

/* line 1146, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:not(:disabled):hover:active {
  background: #f2f3f6;
  color: #8b949a;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1152, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1157, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator {
    transition-duration: 50ms; } }

/* line 1161, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1166, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:after {
    transition-duration: 50ms; } }

/* line 1170, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.contextmenu-active,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1176, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.contextmenu-active,
  .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 1181, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.contextmenu-active:after,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1187, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.contextmenu-active:after,
  .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 1192, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:not(:disabled):hover:active {
  transition: none; }

/* line 1195, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:not(:disabled):hover:active:after {
  transition: none; }

/* line 1198, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px #56666F; }

/* line 1208, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.contextmenu-active,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:not(:disabled):hover {
  box-shadow: inset 0 0 0 1px #56666F, 0 0 0 1px transparent; }

/* line 1212, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.contextmenu-active:after,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px #56666F; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1217, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.contextmenu-active,
  .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #56666F; }
  /* line 1221, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.contextmenu-active:after,
  .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #56666F; } }

/* line 1226, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px #8b949a; }

/* line 1229, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px #8b949a; }

/* line 1232, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.contextmenu-active,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:not(:disabled):hover {
  transform: scale(1.07142857); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1237, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.contextmenu-active,
  .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:not(:disabled):hover {
    transform: scale(1.07142857); } }

/* line 1242, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 28px;
  font-size: 16px;
  padding-left: 6px;
  width: calc(100% - 6px); }

/* line 1261, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:before {
  content: "\f132"; }

/* line 1264, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play.playing:not(:hover),
.tl-row.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover),
.tl-row.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover),
.media-object.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover),
.media-object.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1271, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play.playing:not(:hover):after,
.tl-row.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):after,
.tl-row.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):after,
.media-object.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):after,
.media-object.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1285, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover).contextmenu-active,
.tl-row.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover).contextmenu-active,
.media-object.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover).contextmenu-active,
.media-object.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover).contextmenu-active,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 1297, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover).contextmenu-active:after,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1310, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover).contextmenu-active,
  .media-object.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover).contextmenu-active,
  .media-object.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover).contextmenu-active,
  .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 1322, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover).contextmenu-active:after,
  .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 1335, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1342, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1349, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play.playing:not(:hover):before,
.tl-row.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):before,
.tl-row.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):before,
.media-object.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):before,
.media-object.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 5px;
  width: calc(100% - 5px); }

/* line 1358, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play.playing:hover:before,
.tl-row.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:hover:before,
.tl-row.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:hover:before,
.media-object.playing .sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:hover:before,
.media-object.playing.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .playing-indicator.button-play:hover:before {
  content: "\f130"; }

/* line 1365, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.playing .menu-accessory {
  display: none; }

/* line 1368, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.playing .playing-indicator {
  display: block; }

/* line 1371, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-weight: 400; }

/* line 1379, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.playlist .title,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.folder .title,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.playlist .sub-title,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.folder .sub-title {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  font-weight: 200; }

/* line 1389, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.playlist .sub-title,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.folder .sub-title {
  display: none; }

/* line 1393, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.followed:hover .sub-title {
  display: inline; }

/* line 1396, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .offline-loader {
  display: none;
  order: 2;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin-left: 14px;
  margin-right: 6px; }

/* line 1405, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .offline-indicator {
  display: none;
  flex: 0 0 28px;
  color: #56666F;
  margin-left: 8px; }

/* line 1411, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .offline-indicator:before {
  position: relative;
  left: 6px; }

/* line 1415, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.offline.waiting .offline-indicator {
  display: block; }

/* line 1418, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.offline.waiting.playing .offline-indicator {
  display: none; }

/* line 1421, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.offline.syncing .offline-loader {
  display: block; }

/* line 1424, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.offline.syncing.playing .offline-loader {
  display: none; }

/* line 1427, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.offline.complete .offline-indicator {
  display: block;
  color: #008CD6; }

/* line 1431, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.offline.complete.playing .offline-indicator {
  display: none; }

/* line 1434, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .collaborative-icon {
  width: 8px;
  height: 8px;
  fill: #404040;
  margin-right: 4px; }

/* line 1440, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item input.edit {
  display: none;
  position: relative;
  left: -8px;
  border: 0;
  border-radius: 3px;
  width: calc(100% + 4px + 8px);
  height: 26px;
  line-height: 18px;
  padding: 0 12px 0 8px;
  background-color: #E5E8EA;
  color: #56666F; }

/* line 1453, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item input.edit:focus {
  outline: none; }

/* line 1456, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.renaming .title {
  display: none; }

/* line 1459, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.renaming input.edit {
  display: block; }

/* line 1462, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .annotate-hint-button {
  display: none;
  outline: none;
  position: absolute;
  top: 0;
  right: -12px;
  padding: 0 8px;
  color: #56666F; }

/* line 1471, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .annotate-hint-button:hover {
  color: #181818; }

/* line 1474, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.annotate-hint.renaming .annotate-hint-button {
  display: inline; }

/* line 1477, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.annotate-hint.renaming input.edit {
  padding-right: 25px; }

/* line 1480, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.folder .menu-accessory {
  display: block;
  order: 2;
  flex: 0 0 28px;
  height: 28px;
  line-height: 28px;
  margin-left: 8px;
  color: #56666F;
  text-align: center;
  transition: 0.1s transform linear;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

/* line 1500, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.folder .menu-accessory:hover:before {
  color: #56666F; }

/* line 1503, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.folder.new-folder .menu-accessory {
  display: none; }

/* line 1506, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.folder.expanded .menu-accessory {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }

/* line 1513, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .drop-target-active {
  color: #FFFFFF;
  background: #282828; }

/* line 1517, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .drop-target-active .menu-accessory,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item .drop-target-active .playing-indicator {
  color: #56666F; }

/* line 1521, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.active .drop-target-active {
  color: #008CD6; }

/* line 1524, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.offline.waiting .drop-target-active,
.sidebar-new-chrome-style .navbar-new-chrome-style.sidebar-scroll-element .item.offline.complete .drop-target-active {
  color: #56666F; }

/* line 1528, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style #offline-global-progress {
  display: none;
  background-color: #404040;
  color: #FFFFFF;
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: #56666F;
  text-transform: normal;
  padding: 9px 24px 9px 24px;
  position: relative; }

/* line 1542, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style #offline-global-progress p {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  background-color: #56666F;
  height: 1px;
  width: 0%;
  transition: width 0.4s; }

/* line 1552, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style #menu-playlists .item,
.sidebar-new-chrome-style #menu-recently-played .item {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: #56666F;
  text-transform: normal;
  font-weight: normal; }

/* line 1563, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.offline-indicator-old-chrome-style {
  display: none; }

/* line 1566, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.offline-indicator-new-chrome-style {
  display: none;
  background-color: #4687D6;
  color: #FFFFFF;
  padding: 0 24px 0 24px;
  height: 32px;
  line-height: 32px; }

/* line 1574, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.offline .offline-indicator-new-chrome-style {
  display: block; }

/* line 1577, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-navbar-overflow {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1040;
  -webkit-app-region: no-drag; }

/* line 1587, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-navbar-overflow .dropdown-menu {
  display: block; }

/* line 1590, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-overflow:focus {
  outline: none; }

/* line 1593, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.navbar-overflow .selected a {
  color: #bababa;
  background-color: #404040; }

/* line 1597, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-old-chrome-style {
  height: 48px;
  line-height: 48px;
  color: #56666F;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  position: relative;
  border-top: solid 1px #E5E8EA;
  cursor: default; }

/* line 1609, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-old-chrome-style .new-playlist-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 26px;
  height: 26px;
  line-height: 25px;
  border-radius: 13px;
  box-shadow: 0px 0px 0px 1px #56666F; }

/* line 1619, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-old-chrome-style .new-playlist-icon:after {
  box-shadow: 0px 0px 0px 1px #56666F;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 500px;
  content: ""; }

/* line 1629, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-old-chrome-style .new-playlist-icon:before {
  line-height: 24px;
  position: relative;
  left: 5px; }

/* line 1634, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-old-chrome-style span {
  padding-left: 46px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 42px); }

/* line 1642, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-old-chrome-style:hover,
.show-focus .new-playlist-old-chrome-style:focus {
  color: #ffffff;
  background: #008CD6; }

/* line 1647, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-old-chrome-style:hover .new-playlist-icon,
.show-focus .new-playlist-old-chrome-style:focus .new-playlist-icon {
  color: #fcfcfc;
  box-shadow: 0px 0px 0px 1px #fcfcfc; }

/* line 1652, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-old-chrome-style:hover .new-playlist-icon:after,
.show-focus .new-playlist-old-chrome-style:focus .new-playlist-icon:after {
  box-shadow: 0px 0px 0px 1px #fcfcfc; }

/* line 1656, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-old-chrome-style.drop-target-active {
  color: #ffffff;
  background: #008CD6; }

/* line 1660, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-new-chrome-style {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px 0 24px;
  height: 64px;
  line-height: 64px;
  position: relative; }

/* line 1669, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-new-chrome-style:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background: #E5E8EA; }

/* line 1679, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-new-chrome-style .new-playlist-button,
.new-playlist-new-chrome-style .new-playlist-text {
  color: #56666F; }

/* line 1683, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-new-chrome-style .new-playlist-button {
  flex: 0 0 28px;
  margin: 0 12px 0 -12px; }

/* line 1687, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-new-chrome-style .new-playlist-icon {
  margin-right: 10px; }

/* line 1690, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-new-chrome-style .new-playlist-text {
  flex: 1;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  font-weight: 400; }

/* line 1702, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-new-chrome-style:hover .new-playlist-button,
.show-focus .new-playlist-new-chrome-style:focus .new-playlist-button,
.new-playlist-new-chrome-style:hover .new-playlist-icon,
.show-focus .new-playlist-new-chrome-style:focus .new-playlist-icon,
.new-playlist-new-chrome-style:hover .new-playlist-text,
.show-focus .new-playlist-new-chrome-style:focus .new-playlist-text {
  color: #56666F; }

/* line 1710, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-new-chrome-style:active .new-playlist-button,
.new-playlist-new-chrome-style:active .new-playlist-icon,
.new-playlist-new-chrome-style:active .new-playlist-text {
  opacity: 0.4; }

/* line 1715, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-new-chrome-style.drop-target-active {
  background: #282828; }

/* line 1718, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-new-chrome-style.drop-target-active:before {
  display: none; }

/* line 1721, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.new-playlist-new-chrome-style.drop-target-active .new-playlist-button,
.new-playlist-new-chrome-style.drop-target-active .new-playlist-text {
  color: #56666F; }

/* line 1725, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.music-paused::after {
  content: "MUSIC PAUSED";
  color: #56666F;
  right: 0;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  line-height: 30px;
  text-align: center;
  z-index: 2; }

/* line 1737, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.music-paused::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background-color: rgba(86, 102, 111, 0.67);
  z-index: 1; }

/* line 1748, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing {
  display: none;
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 400px;
  max-height: 452px; }

/* line 1756, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing a,
#view-now-playing button {
  color: #56666F; }

/* line 1760, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing a:hover,
#view-now-playing button:hover {
  color: #56666F; }

/* line 1764, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing.active {
  display: block; }

/* line 1767, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing.expanded {
  height: auto; }

/* line 1770, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing.expanded .large.image {
  height: auto;
  max-height: 400px; }

/* line 1774, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing.expanded a.image.small figure {
  width: 0; }

/* line 1777, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing:not(.expanded) .large figure {
  height: 0 !important; }

/* line 1780, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing a {
  text-decoration: none;
  position: relative; }

/* line 1784, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing a.image {
  border: 0;
  display: block;
  overflow: hidden; }

/* line 1789, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing a.image.large figure {
  height: 200px; }

/* line 1792, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing a.image.large figure .cover-image {
  height: 200px; }

/* line 1795, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing a.image.small {
  margin-right: 10px;
  float: left; }

/* line 1799, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing a.image.small figure {
  height: 50px;
  width: 50px;
  max-width: 50px;
  float: right; }

/* line 1805, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing a.image.small figure .cover-image {
  height: 50px;
  width: 50px;
  position: absolute;
  right: 0; }

/* line 1811, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing a.image .resize {
  cursor: default;
  position: absolute;
  opacity: 0;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  background-color: #000000;
  transition: opacity 0.5s;
  text-align: center;
  border-radius: 5px; }

/* line 1824, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing a.image:hover .resize {
  opacity: 0.7; }

/* line 1827, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing a svg {
  pointer-events: none;
  left: 5%;
  top: 5%;
  width: 90%;
  height: 90%; }

/* line 1834, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing a svg text {
  fill: #404040; }

/* line 1837, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing a figure {
  position: relative; }

/* line 1840, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-now-playing a figure .cover-image {
  background-size: cover;
  background-position: center;
  position: relative; }

/* line 1845, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#sidebar-video-container {
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000; }

/* line 1854, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#sidebar-video-container video {
  min-width: 100%;
  min-height: 100%; }

/* line 1858, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.now-playing-old-chrome-style {
  border-top: 1px solid #E5E8EA; }

/* line 1861, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.now-playing-old-chrome-style.transitioning .large figure {
  transition: height 0.2s ease-in-out; }

/* line 1864, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.now-playing-old-chrome-style.transitioning .small figure {
  transition: width 0.2s ease-in-out; }

/* line 1867, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.now-playing-old-chrome-style .caption {
  height: 50px; }

/* line 1870, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.now-playing-old-chrome-style .caption div.text {
  padding: 9px 5px 10px 10px; }

/* line 1873, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.now-playing-old-chrome-style .caption p {
  margin: 0;
  margin-right: 32px;
  white-space: nowrap;
  font-size: 12px;
  line-height: 17px;
  overflow: hidden;
  text-indent: 0%; }

/* line 1882, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.now-playing-old-chrome-style .caption p.track {
  font-weight: 400;
  font-size: 14px; }

/* line 1886, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.now-playing-old-chrome-style .caption span {
  padding-right: 10px; }

/* line 1889, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.now-playing-old-chrome-style .caption span.double {
  display: none; }

/* line 1892, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.now-playing-old-chrome-style .caption span span {
  padding-right: 0; }

/* line 1895, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.now-playing-old-chrome-style .caption .scrolling span.double {
  display: inline; }

/* line 1898, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.now-playing-old-chrome-style .caption .button {
  background: transparent !important;
  position: absolute;
  right: 5px;
  bottom: 11px;
  border: none !important; }

/* line 1905, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.now-playing-old-chrome-style .caption .button:after {
  border: none !important; }

/* line 1908, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.now-playing-new-chrome-style {
  border-top: 2px solid #E5E8EA;
  margin-bottom: -1px; }

/* line 1912, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.now-playing-new-chrome-style .caption {
  display: none; }

/* line 1915, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.now-playing-new-chrome-style.transitioning .large figure {
  transition: height 250ms cubic-bezier(0.3, 0, 0, 1); }

/* line 1918, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.now-playing-new-chrome-style.expanded {
  margin-bottom: 0; }

/* line 1921, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-notifications {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* line 1926, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-notifications button {
  position: relative;
  width: auto;
  min-width: 30px;
  margin-right: 20px;
  overflow: visible; }

/* line 1933, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-notifications button:last-child {
  margin-right: 0; }

/* line 1936, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-notifications button:hover .counter {
  background: #4687D6;
  border-color: #333333;
  color: #FFFFFF; }

/* line 1941, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-notifications button .counter {
  display: inline-block;
  margin-left: 17px;
  margin-right: -13px;
  position: relative;
  padding: 0 7px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: normal;
  background: #4687D6;
  border: 1px solid #282828;
  color: #FFFFFF; }

/* line 1957, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#notifications {
  position: relative; }

/* line 1960, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#notifications .dropdown-menu {
  left: auto;
  right: 100%;
  margin-right: -35px; }

/* line 1965, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#notifications .dropdown-menu:focus {
  outline: none; }

/* line 1968, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#notifications .dropdown-menu:before {
  pointer-events: none; }

/* line 1971, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#notifications .dropdown-menu iframe {
  height: 280px;
  display: block; }

/* line 1975, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.profile-menu-wrapper {
  display: flex;
  align-items: center;
  position: relative; }

/* line 1980, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.profile {
  display: flex;
  align-items: center;
  margin-right: 10px; }

/* line 1985, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.profile:hover {
  color: #008CD6; }

/* line 1988, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.profile:hover .spoticon-user-16,
.profile:hover .avatar.incognito {
  background-color: #E5E8EA;
  color: #56666F;
  box-shadow: 0px 0px 0px 1px #56666F; }

/* line 1994, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.profile:hover .spoticon-user-16:after,
.profile:hover .avatar.incognito:after {
  box-shadow: 0px 0px 0px 1px #56666F; }

/* line 1998, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.profile:active {
  color: #56666F; }

/* line 2001, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.profile .button {
  color: #56666F; }

/* line 2004, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.profile .avatar {
  background-size: cover;
  background-position: center;
  margin-right: 5px;
  border: 0;
  /* <- border inherited from GLUE button,
    but we don't want it on rounded avatars */
  width: 28px;
  height: 28px;
  border-radius: 14px; }

/* line 2015, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.profile .avatar.spoticon-user-16,
.profile .avatar.incognito {
  width: 26px;
  height: 26px;
  box-shadow: 0px 0px 0px 1px #56666F;
  position: relative; }

/* line 2022, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.profile .avatar.spoticon-user-16:after,
.profile .avatar.incognito:after {
  box-shadow: 0px 0px 0px 1px #56666F;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 500px;
  content: ""; }

/* line 2033, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.profile .avatar.spoticon-user-16:before,
.profile .avatar.incognito:before {
  line-height: 26px;
  position: relative;
  left: 5px; }

/* line 2039, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.profile .avatar.incognito {
  color: #56666F; }

/* line 2042, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.profile .username {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 240px; }

/* line 2048, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.profile .username.incognito {
  color: #4687D6; }

/* line 2051, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.dropdown > button {
  margin: 0 10px;
  color: #56666F; }

/* line 2055, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.dropdown > button:hover {
  color: #56666F; }

/* line 2058, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.dropdown .dropdown-menu:focus {
  outline: none; }

/* line 2061, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.dropdown .dropdown-menu:before {
  pointer-events: none;
  right: 23px; }

/* line 2065, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.dropdown .dropdown-menu li a {
  cursor: default;
  pointer-events: none; }

/* line 2069, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.dropdown .dropdown-menu li.selected > a,
.dropdown .dropdown-menu li.selected > a:hover {
  color: #8b949a;
  background-color: #dde1e3; }

/* line 2074, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.dropdown .dropdown-menu li.selected a:after {
  border-left-color: #8b949a; }

@media (max-height: 768px) {
  /* line 2078, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-profile-menu .profile .avatar {
    height: 24px;
    width: 24px; }
  /* line 2082, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-profile-menu .profile .avatar::before {
    line-height: 24px;
    left: 4px; } }

/* line 2087, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect {
  display: inline-flex;
  align-items: center; }

/* line 2091, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect #devices-label {
  text-transform: uppercase;
  color: #56666F;
  font-size: 11px;
  text-overflow: ellipsis;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 22px; }

/* line 2101, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect:hover #devices-label,
.view-player #connect:hover #devices-icon {
  color: #008CD6; }

/* line 2105, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect:hover #devices-label.remote,
.view-player #connect:hover #devices-icon.remote {
  color: #008CD6; }

/* line 2109, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect #connecticon {
  color: #56666F; }

/* line 2112, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect #devices-label.remote,
.view-player #connect #devices-icon.remote {
  color: #008CD6; }

/* line 2116, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect #devices-icon {
  margin: 0 8px;
  color: #56666F; }

/* line 2120, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker {
  display: none; }

/* line 2123, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker.visible {
  display: block; }

/* line 2126, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker:focus {
  outline: none; }

/* line 2129, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container {
  position: absolute;
  width: 280px;
  right: 65px;
  bottom: 60px;
  left: auto;
  top: auto;
  display: block;
  background: #f2f3f6;
  border-radius: 3px;
  padding: 0;
  margin: 0;
  z-index: 1002; }

/* line 2143, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container:before {
  margin-right: 100px; }

/* line 2146, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-title {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: normal;
  font-weight: 400;
  color: #56666F;
  text-transform: normal;
  position: relative;
  background-color: #f2f3f6;
  text-align: left; }

/* line 2158, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-title span {
  display: block;
  padding: 10px 35px 6px 10px; }

/* line 2162, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-title img.help,
.view-player #connect-picker #connect-container #connect-help img.help,
.view-player #connect-picker #connect-container #connect-offline img.help,
.view-player #connect-picker #connect-container #connect-header img.help {
  display: block;
  position: absolute;
  right: 6px;
  top: 6px;
  cursor: pointer; }

/* line 2172, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-help,
.view-player #connect-picker #connect-container #connect-upsell,
.view-player #connect-picker #connect-container #connect-header,
.view-player #connect-picker #connect-container #connect-offline {
  background-color: #e3e5ec;
  border-bottom: 1px solid #9CA6AC;
  border-top: 1px solid #9CA6AC;
  text-align: center;
  margin: 0;
  padding: 12px; }

/* line 2183, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-help button,
.view-player #connect-picker #connect-container #connect-upsell button,
.view-player #connect-picker #connect-container #connect-header button,
.view-player #connect-picker #connect-container #connect-offline button {
  margin: 8px auto;
  max-width: 100%; }

/* line 2190, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-help img.speakericon,
.view-player #connect-picker #connect-container #connect-upsell img.speakericon,
.view-player #connect-picker #connect-container #connect-header img.speakericon,
.view-player #connect-picker #connect-container #connect-offline img.speakericon {
  width: 60px;
  height: 60px;
  margin: 0 0 10px 0; }

/* line 2198, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-help img.headerimg,
.view-player #connect-picker #connect-container #connect-upsell img.headerimg,
.view-player #connect-picker #connect-container #connect-header img.headerimg,
.view-player #connect-picker #connect-container #connect-offline img.headerimg {
  width: 180px;
  margin: 0; }

/* line 2205, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-help p,
.view-player #connect-picker #connect-container #connect-upsell p,
.view-player #connect-picker #connect-container #connect-header p,
.view-player #connect-picker #connect-container #connect-offline p {
  padding-left: 20px;
  padding-right: 20px;
  margin: 0; }

/* line 2213, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-help,
.view-player #connect-picker #connect-container #connect-offline {
  padding-top: 10px;
  padding-bottom: 10px; }

/* line 2218, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-header {
  padding-top: 0px;
  padding-bottom: 10px; }

/* line 2222, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-upsell {
  padding-top: 20px;
  padding-bottom: 20px; }

/* line 2226, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-upsell p {
  padding-top: 10px;
  padding-bottom: 10px; }

/* line 2230, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-offline .title {
  color: #56666F;
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 110%;
  display: block; }

/* line 2237, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices {
  border-top: 1px solid #9CA6AC;
  max-height: 300px;
  overflow-y: auto; }

/* line 2242, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 0; }

/* line 2248, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li {
  margin: 0;
  padding: 0;
  background-color: #e3e5ec;
  border-bottom: 1px solid #9CA6AC;
  height: 60px;
  position: relative;
  text-align: center;
  cursor: default; }

/* line 2258, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li span {
  display: block;
  position: absolute;
  top: 12px;
  left: 50px;
  right: 10px;
  font-size: 10pt;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left; }

/* line 2270, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li .device-title {
  font-size: 9pt;
  top: 31px;
  left: 66px;
  font-weight: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #56666F; }

/* line 2280, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li .device-subtitle {
  font-size: 10pt;
  color: #56666F; }

/* line 2284, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li .device {
  position: absolute;
  left: 10px;
  line-height: 60px; }

/* line 2289, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li .device-icon {
  position: absolute;
  left: 50px;
  top: 30px; }

/* line 2294, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li .device-icon:before {
  font-size: 12px;
  color: #56666F; }

/* line 2298, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li:focus {
  outline: none; }

/* line 2301, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li:last-child {
  border-bottom: none; }

/* line 2304, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li.active {
  color: #008CD6; }

/* line 2307, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li.active .device-title,
.view-player #connect-picker #connect-container #connect-devices ul li.active .device-subtitle,
.view-player #connect-picker #connect-container #connect-devices ul li.active .device-icon::before {
  color: #008CD6; }

/* line 2312, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li.not-available .device-title,
.view-player #connect-picker #connect-container #connect-devices ul li.not-available .device-subtitle {
  color: #56666F; }

/* line 2316, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li.not-available .device,
.view-player #connect-picker #connect-container #connect-devices ul li.not-available .device-icon {
  opacity: 0.4; }

/* line 2320, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li.selectable:hover,
.view-player #connect-picker #connect-container #connect-devices ul li.selectable:focus {
  background-color: #d4d7e1; }

/* line 2324, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li.device-self.active .device-icon {
  display: none; }

/* line 2327, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li.device-self.active .device-title {
  position: absolute;
  left: 50px; }

/* line 2331, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li.device-self:not(.active) .device-icon {
  display: none; }

/* line 2334, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li.device-self:not(.active) .device-title {
  display: none; }

/* line 2337, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li.device-self:not(.active) .device-subtitle {
  position: absolute;
  left: 50px;
  top: 0px;
  line-height: 60px;
  vertical-align: middle; }

/* line 2344, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li.connecting .device-icon:before {
  color: #56666F; }

/* line 2347, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #connect-picker #connect-container #connect-devices ul li.connecting .spoticon-chromecast-connected-16::before {
  animation: castloading 0.8s linear infinite alternate; }

/* line 2350, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player .remote-playback-bar {
  display: none;
  background-color: #008CD6;
  position: relative;
  left: 0;
  height: 20px;
  right: 0; }

/* line 2358, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player .remote-playback-bar p {
  color: #FFFFFF;
  text-align: right;
  line-height: 22px;
  font-size: 12px;
  margin-bottom: 0;
  margin-right: 100px;
  white-space: nowrap;
  max-width: 400px;
  overflow: hidden;
  float: right;
  text-overflow: ellipsis; }

/* line 2371, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player .remote-playback-bar.visible {
  display: block; }

/* line 2374, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player .remote-playback-bar .arrow {
  width: 0;
  height: 0;
  content: "";
  border: 10px solid transparent;
  border-bottom: 10px solid #008CD6;
  right: 190px;
  position: absolute;
  top: -20px; }

/* line 2384, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#connect-container-background {
  position: absolute;
  left: 0;
  top: 38px;
  right: 0;
  bottom: 60px;
  z-index: 10; }

/* line 2392, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
body.remotebar .view-player {
  height: 81px; }

/* line 2395, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
body.remotebar .view-player #connect-picker #connect-container {
  bottom: 80px; }

/* line 2398, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
body.remotebar .view-player #connect-picker #connect-container.remote {
  bottom: 76px; }

/* line 2401, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
body.remotebar #connect-container-background {
  bottom: 80px; }

@media (max-height: 768px) {
  /* line 2405, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #connect-picker #connect-container {
    bottom: 52px; }
  /* line 2408, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player .remote-playback-bar {
    height: 20px; }
  /* line 2411, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #connect-container-background {
    bottom: 52px; }
  /* line 2414, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  body.remotebar #connect-container-background {
    bottom: 72px; } }

@keyframes castloading {
  0% {
    content: "\f30D"; }
  50% {
    content: "\f30F"; }
  100% {
    content: "\f311"; } }

/* Get some "irregular" flickering like in the original trilogy */
@keyframes saber-flicker {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* line 2444, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#progressbar[data-saber-color] .progress-bar,
#progress-bar-new[data-saber-color] .progress-bar {
  height: 8px;
  margin-top: -2px; }

/* line 2449, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#progressbar[data-saber-color] .progress-bar-wrapper,
#progress-bar-new[data-saber-color] .progress-bar-wrapper {
  top: -2px; }

/* line 2453, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#progressbar[data-saber-color] .progress-bar-wrapper .handle,
#progress-bar-new[data-saber-color] .progress-bar-wrapper .handle {
  top: -2px;
  z-index: 2;
  /* ensure handle is visibly above hilt */ }

/* line 2459, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#progressbar[data-saber-color] .inner,
#progress-bar-new[data-saber-color] .inner {
  margin-top: -4px;
  height: 8px;
  border-radius: 0px 2px 2px 0px; }

/* line 2465, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#progressbar[data-saber-color] .inner:before,
#progress-bar-new[data-saber-color] .inner:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  border-radius: 100px;
  animation-duration: 0.05s;
  animation-iteration-count: infinite; }

/* line 2479, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#progressbar[data-saber-color] .inner:hover:before,
#progress-bar-new[data-saber-color] .inner:hover:before {
  animation-name: saber-flicker; }

/* line 2483, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#progressbar[data-saber-color='green'] .inner,
#progress-bar-new[data-saber-color='green'] .inner {
  box-shadow: 0 0 16px 1px #008CD6;
  background-image: -webkit-linear-gradient(top, #87dc5a 0%, #FFFFFF 30%, #FFFFFF 50%, #FFFFFF 70%, #87dc5a 100%);
  /* flicker intensity */ }

/* line 2489, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#progressbar[data-saber-color='green'] .inner:before,
#progress-bar-new[data-saber-color='green'] .inner:before {
  box-shadow: 0 0 16px 4px #008CD6; }

/* line 2493, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#progressbar[data-saber-color='blue'] .inner,
#progress-bar-new[data-saber-color='blue'] .inner {
  box-shadow: 0 0 16px 1px #4687D6;
  background-image: -webkit-linear-gradient(top, #3784d6 0%, #FFFFFF 30%, #FFFFFF 50%, #FFFFFF 70%, #3784d6 100%);
  /* flicker intensity */ }

/* line 2499, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#progressbar[data-saber-color='blue'] .inner:before,
#progress-bar-new[data-saber-color='blue'] .inner:before {
  box-shadow: 0 0 16px 8px #4687D6; }

/* line 2503, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#progressbar[data-saber-color='red'] .inner,
#progress-bar-new[data-saber-color='red'] .inner {
  box-shadow: 0 0 16px 1px #CD1A2B;
  background-image: -webkit-linear-gradient(top, #e51115 0%, #FFFFFF 30%, #FFFFFF 50%, #FFFFFF 70%, #e51115 100%);
  /* flicker intensity */ }

/* line 2509, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#progressbar[data-saber-color='red'] .inner:before,
#progress-bar-new[data-saber-color='red'] .inner:before {
  box-shadow: 0 0 20px 14px #CD1A2B; }

/* line 2513, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.player-old-chrome-style .saber-hilt {
  width: 0;
  height: 20px;
  z-index: 1;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }

/* line 2521, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.player-old-chrome-style .saber-hilt[data-saber-hilt='anakin'] {
  background-image: url(../images/sw_saber_anakin.png); }

/* line 2524, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.player-old-chrome-style .saber-hilt[data-saber-hilt='anakin'].activated {
  margin-right: -5px; }

/* line 2527, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.player-old-chrome-style .saber-hilt[data-saber-hilt='luke'] {
  background-image: url(../images/sw_saber_luke.png); }

/* line 2530, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.player-old-chrome-style .saber-hilt[data-saber-hilt='luke'].activated {
  margin-right: -5px; }

/* line 2533, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.player-old-chrome-style .saber-hilt[data-saber-hilt='vader'] {
  background-image: url(../images/sw_saber_vader.png); }

/* line 2536, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.player-old-chrome-style .saber-hilt[data-saber-hilt='vader'].activated {
  margin-right: -7px; }

/* line 2539, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.player-old-chrome-style .saber-hilt.activated {
  width: 90px; }

/* line 2542, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.player-new-chrome-style .saber-hilt {
  display: none;
  width: 0;
  height: 20px;
  z-index: 1;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }

/* line 2551, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.player-new-chrome-style .saber-hilt[data-saber-hilt='anakin'] {
  background-image: url(../images/sw_saber_anakin.png); }

/* line 2554, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.player-new-chrome-style .saber-hilt[data-saber-hilt='luke'] {
  background-image: url(../images/sw_saber_luke.png); }

/* line 2557, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.player-new-chrome-style .saber-hilt[data-saber-hilt='vader'] {
  background-image: url(../images/sw_saber_vader.png); }

/* line 2560, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.player-new-chrome-style .saber-hilt.activated {
  margin-right: -5px;
  width: 90px;
  display: block; }

/* line 2565, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player {
  background: #ffffff;
  border-top: 2px solid #E5E8EA;
  height: 61px;
  width: 100%;
  min-width: 500px;
  color: #56666F;
  overflow: hidden; }

/* line 2574, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player.player-new-chrome-style {
  display: none; }

/* line 2577, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player .player-controls-container {
  cursor: default;
  align-items: center;
  height: 60px; }

/* line 2582, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #miniplayer {
  display: none; }

/* line 2585, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls {
  margin: 0 30px 0 10px; }

/* line 2588, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #previous,
.view-player #controls #next {
  height: 22px;
  line-height: 20px;
  padding-top: 2px;
  padding-left: 22px;
  padding-right: 22px;
  border-radius: 11px;
  background: transparent;
  color: #56666F;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
  margin: 0 12px; }

/* line 2605, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #previous .b-alt-text,
.view-player #controls #next .b-alt-text {
  margin-top: -20px; }

/* line 2609, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #previous.contextmenu-active,
.view-player #controls #next.contextmenu-active,
.view-player #controls #previous:not(:disabled):hover,
.view-player #controls #next:not(:disabled):hover {
  background-color: transparent;
  color: #56666F; }

/* line 2616, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #previous:not(:disabled):hover:active,
.view-player #controls #next:not(:disabled):hover:active {
  background: transparent;
  color: #8b949a;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2623, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous:not(:disabled):hover:active,
  .view-player #controls #next:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2629, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous,
  .view-player #controls #next {
    transition-duration: 50ms; } }

/* line 2634, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #previous:after,
.view-player #controls #next:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2640, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous:after,
  .view-player #controls #next:after {
    transition-duration: 50ms; } }

/* line 2645, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #previous.contextmenu-active,
.view-player #controls #next.contextmenu-active,
.view-player #controls #previous:not(:disabled):hover,
.view-player #controls #next:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2653, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.contextmenu-active,
  .view-player #controls #next.contextmenu-active,
  .view-player #controls #previous:not(:disabled):hover,
  .view-player #controls #next:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 2660, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #previous.contextmenu-active:after,
.view-player #controls #next.contextmenu-active:after,
.view-player #controls #previous:not(:disabled):hover:after,
.view-player #controls #next:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2668, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.contextmenu-active:after,
  .view-player #controls #next.contextmenu-active:after,
  .view-player #controls #previous:not(:disabled):hover:after,
  .view-player #controls #next:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 2675, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #previous:not(:disabled):hover:active,
.view-player #controls #next:not(:disabled):hover:active {
  transition: none; }

/* line 2679, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #previous:not(:disabled):hover:active:after,
.view-player #controls #next:not(:disabled):hover:active:after {
  transition: none; }

/* line 2683, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #previous:before,
.view-player #controls #next:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 22px;
  font-size: 22px;
  padding-left: 0px;
  width: calc(100% - 0px); }

/* line 2703, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #previous.button-play:before,
.view-player #controls #next.button-play:before {
  content: "\f132"; }

/* line 2707, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #previous.button-play.playing:not(:hover),
.view-player #controls #next.button-play.playing:not(:hover),
.tl-row.playing .view-player #controls #previous.button-play:not(:hover),
.tl-row.playing .view-player #controls #next.button-play:not(:hover),
.tl-row.playing.view-player #controls #previous.button-play:not(:hover),
.tl-row.playing.view-player #controls #next.button-play:not(:hover),
.media-object.playing .view-player #controls #previous.button-play:not(:hover),
.media-object.playing .view-player #controls #next.button-play:not(:hover),
.media-object.playing.view-player #controls #previous.button-play:not(:hover),
.media-object.playing.view-player #controls #next.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 2719, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #previous.button-play.playing:not(:hover):after,
.view-player #controls #next.button-play.playing:not(:hover):after,
.tl-row.playing .view-player #controls #previous.button-play:not(:hover):after,
.tl-row.playing .view-player #controls #next.button-play:not(:hover):after,
.tl-row.playing.view-player #controls #previous.button-play:not(:hover):after,
.tl-row.playing.view-player #controls #next.button-play:not(:hover):after,
.media-object.playing .view-player #controls #previous.button-play:not(:hover):after,
.media-object.playing .view-player #controls #next.button-play:not(:hover):after,
.media-object.playing.view-player #controls #previous.button-play:not(:hover):after,
.media-object.playing.view-player #controls #next.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 2738, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #previous.button-play.playing:not(:hover).contextmenu-active,
.view-player #controls #next.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .view-player #controls #previous.button-play:not(:hover).contextmenu-active,
.tl-row.playing .view-player #controls #next.button-play:not(:hover).contextmenu-active,
.tl-row.playing.view-player #controls #previous.button-play:not(:hover).contextmenu-active,
.tl-row.playing.view-player #controls #next.button-play:not(:hover).contextmenu-active,
.media-object.playing .view-player #controls #previous.button-play:not(:hover).contextmenu-active,
.media-object.playing .view-player #controls #next.button-play:not(:hover).contextmenu-active,
.media-object.playing.view-player #controls #previous.button-play:not(:hover).contextmenu-active,
.media-object.playing.view-player #controls #next.button-play:not(:hover).contextmenu-active,
.view-player #controls #previous.button-play.playing:not(:hover):not(:disabled):hover,
.view-player #controls #next.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 2760, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #previous.button-play.playing:not(:hover).contextmenu-active:after,
.view-player #controls #next.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .view-player #controls #previous.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing .view-player #controls #next.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.view-player #controls #previous.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.view-player #controls #next.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .view-player #controls #previous.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .view-player #controls #next.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.view-player #controls #previous.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.view-player #controls #next.button-play:not(:hover).contextmenu-active:after,
.view-player #controls #previous.button-play.playing:not(:hover):not(:disabled):hover:after,
.view-player #controls #next.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2783, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.button-play.playing:not(:hover).contextmenu-active,
  .view-player #controls #next.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .view-player #controls #previous.button-play:not(:hover).contextmenu-active,
  .tl-row.playing .view-player #controls #next.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player #controls #previous.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player #controls #next.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player #controls #previous.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player #controls #next.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player #controls #previous.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player #controls #next.button-play:not(:hover).contextmenu-active,
  .view-player #controls #previous.button-play.playing:not(:hover):not(:disabled):hover,
  .view-player #controls #next.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 2805, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.button-play.playing:not(:hover).contextmenu-active:after,
  .view-player #controls #next.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player #controls #previous.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player #controls #next.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player #controls #previous.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player #controls #next.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player #controls #previous.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player #controls #next.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player #controls #previous.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player #controls #next.button-play:not(:hover).contextmenu-active:after,
  .view-player #controls #previous.button-play.playing:not(:hover):not(:disabled):hover:after,
  .view-player #controls #next.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 2828, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #previous.button-play.playing:not(:hover):not(:disabled):hover:active,
.view-player #controls #next.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 2840, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #previous.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.view-player #controls #next.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 2852, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #previous.button-play.playing:not(:hover):before,
.view-player #controls #next.button-play.playing:not(:hover):before,
.tl-row.playing .view-player #controls #previous.button-play:not(:hover):before,
.tl-row.playing .view-player #controls #next.button-play:not(:hover):before,
.tl-row.playing.view-player #controls #previous.button-play:not(:hover):before,
.tl-row.playing.view-player #controls #next.button-play:not(:hover):before,
.media-object.playing .view-player #controls #previous.button-play:not(:hover):before,
.media-object.playing .view-player #controls #next.button-play:not(:hover):before,
.media-object.playing.view-player #controls #previous.button-play:not(:hover):before,
.media-object.playing.view-player #controls #next.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: -1.375px;
  width: calc(100% - -1.375px); }

/* line 2866, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #previous.button-play.playing:hover:before,
.view-player #controls #next.button-play.playing:hover:before,
.tl-row.playing .view-player #controls #previous.button-play:hover:before,
.tl-row.playing .view-player #controls #next.button-play:hover:before,
.tl-row.playing.view-player #controls #previous.button-play:hover:before,
.tl-row.playing.view-player #controls #next.button-play:hover:before,
.media-object.playing .view-player #controls #previous.button-play:hover:before,
.media-object.playing .view-player #controls #next.button-play:hover:before,
.media-object.playing.view-player #controls #previous.button-play:hover:before,
.media-object.playing.view-player #controls #next.button-play:hover:before {
  content: "\f130"; }

/* line 2878, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play {
  height: 44px;
  line-height: 42px;
  padding-top: 2px;
  padding-left: 44px;
  padding-right: 44px;
  border-radius: 22px;
  background: transparent;
  color: #56666F;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  box-shadow: inset 0 0 0 1px #56666F;
  width: 44px;
  padding-left: 0;
  padding-right: 0; }

/* line 2894, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play .b-alt-text {
  margin-top: -42px; }

/* line 2897, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.contextmenu-active,
.view-player #controls #play:not(:disabled):hover {
  background-color: transparent;
  color: #56666F; }

/* line 2902, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play:not(:disabled):hover:active {
  background: transparent;
  color: #8b949a;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2908, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2913, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play {
    transition-duration: 50ms; } }

/* line 2917, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2922, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play:after {
    transition-duration: 50ms; } }

/* line 2926, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.contextmenu-active,
.view-player #controls #play:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2932, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.contextmenu-active,
  .view-player #controls #play:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 2937, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.contextmenu-active:after,
.view-player #controls #play:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2943, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.contextmenu-active:after,
  .view-player #controls #play:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 2948, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play:not(:disabled):hover:active {
  transition: none; }

/* line 2951, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play:not(:disabled):hover:active:after {
  transition: none; }

/* line 2954, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px #56666F; }

/* line 2964, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.contextmenu-active,
.view-player #controls #play:not(:disabled):hover {
  box-shadow: inset 0 0 0 1px #56666F, 0 0 0 1px transparent; }

/* line 2968, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.contextmenu-active:after,
.view-player #controls #play:not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px #56666F; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2973, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.contextmenu-active,
  .view-player #controls #play:not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #56666F; }
  /* line 2977, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.contextmenu-active:after,
  .view-player #controls #play:not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #56666F; } }

/* line 2982, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play:not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px #8b949a; }

/* line 2985, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play:not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px #8b949a; }

/* line 2988, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.contextmenu-active,
.view-player #controls #play:not(:disabled):hover {
  transform: scale(1.09090909); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2993, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.contextmenu-active,
  .view-player #controls #play:not(:disabled):hover {
    transform: scale(1.09090909); } }

/* line 2998, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 44px;
  font-size: 26px;
  padding-left: 9px;
  width: calc(100% - 9px); }

/* line 3017, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.button-play:before {
  content: "\f132"; }

/* line 3020, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.button-play.playing:not(:hover),
.tl-row.playing .view-player #controls #play.button-play:not(:hover),
.tl-row.playing.view-player #controls #play.button-play:not(:hover),
.media-object.playing .view-player #controls #play.button-play:not(:hover),
.media-object.playing.view-player #controls #play.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 3027, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.button-play.playing:not(:hover):after,
.tl-row.playing .view-player #controls #play.button-play:not(:hover):after,
.tl-row.playing.view-player #controls #play.button-play:not(:hover):after,
.media-object.playing .view-player #controls #play.button-play:not(:hover):after,
.media-object.playing.view-player #controls #play.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 3041, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .view-player #controls #play.button-play:not(:hover).contextmenu-active,
.tl-row.playing.view-player #controls #play.button-play:not(:hover).contextmenu-active,
.media-object.playing .view-player #controls #play.button-play:not(:hover).contextmenu-active,
.media-object.playing.view-player #controls #play.button-play:not(:hover).contextmenu-active,
.view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 3053, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .view-player #controls #play.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.view-player #controls #play.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .view-player #controls #play.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.view-player #controls #play.button-play:not(:hover).contextmenu-active:after,
.view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3066, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .view-player #controls #play.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player #controls #play.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player #controls #play.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player #controls #play.button-play:not(:hover).contextmenu-active,
  .view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 3078, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player #controls #play.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player #controls #play.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player #controls #play.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player #controls #play.button-play:not(:hover).contextmenu-active:after,
  .view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 3091, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 3098, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 3105, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.button-play.playing:not(:hover):before,
.tl-row.playing .view-player #controls #play.button-play:not(:hover):before,
.tl-row.playing.view-player #controls #play.button-play:not(:hover):before,
.media-object.playing .view-player #controls #play.button-play:not(:hover):before,
.media-object.playing.view-player #controls #play.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 7.375px;
  width: calc(100% - 7.375px); }

/* line 3114, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.button-play.playing:hover:before,
.tl-row.playing .view-player #controls #play.button-play:hover:before,
.tl-row.playing.view-player #controls #play.button-play:hover:before,
.media-object.playing .view-player #controls #play.button-play:hover:before,
.media-object.playing.view-player #controls #play.button-play:hover:before {
  content: "\f130"; }

/* line 3121, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.button-play.playing:not(:hover) {
  box-shadow: inset 0 0 0 1px #56666F; }

/* line 3124, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.button-play.playing:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px #56666F; }

/* line 3134, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.button-play.playing:not(:hover).contextmenu-active,
.view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px #56666F, 0 0 0 1px transparent; }

/* line 3138, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.button-play.playing:not(:hover).contextmenu-active:after,
.view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px #56666F; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3143, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover).contextmenu-active,
  .view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #56666F; }
  /* line 3147, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover).contextmenu-active:after,
  .view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #56666F; } }

/* line 3152, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px #56666F; }

/* line 3155, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px #56666F; }

/* line 3158, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #controls #play.button-play.playing:not(:hover):before {
  content: "\f1D3";
  color: inherit;
  padding-left: 9px;
  width: calc(100% - 9px); }

/* line 3164, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #offline {
  margin: 0 20px 0 0;
  line-height: 26px;
  display: none;
  color: #4687D6;
  cursor: default; }

/* line 3171, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #offline span {
  text-transform: uppercase;
  font-size: 12px; }

/* line 3175, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player.offline #offline {
  display: block; }

/* line 3178, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player.offline #progressbar {
  right: 300px; }

/* line 3181, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #volumebar-container {
  width: 80px;
  margin-right: 27px; }

/* line 3185, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #volumebar-container .inner {
  background: #56666F; }

/* line 3188, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #volumebar-icon {
  display: inline-block; }

/* line 3191, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #progressbar {
  margin-right: 10px; }

/* line 3194, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player .progress-bar-wrapper {
  height: 35px; }

/* line 3197, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #elapsed,
.view-player #remaining {
  color: #56666F;
  display: block;
  font-size: 11px;
  width: 35px; }

/* line 3204, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #lyrics-button {
  display: block;
  margin: 0 10px;
  text-transform: uppercase;
  color: #56666F;
  font-size: 11px; }

/* line 3211, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #lyrics-button:hover {
  color: #FFFFFF; }

/* line 3214, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #extra-buttons {
  margin: 0 5px 0 17px;
  display: flex;
  align-items: center; }

/* line 3219, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #extra-buttons button.drop-target-active {
  color: #000000;
  background-color: #FFFFFF; }

/* line 3223, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player #circular-progress-meter {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  margin-top: -5px; }

@media (max-height: 768px) {
  /* line 3231, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player {
    height: 53px; }
  /* line 3234, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player .player-controls-container {
    height: 52px; }
  /* line 3237, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls {
    margin: 0 20px 0 10px; }
  /* line 3240, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous,
  .view-player #controls #next {
    height: 18px;
    line-height: 16px;
    padding-top: 2px;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 9px;
    background: transparent;
    color: #56666F;
    transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
    transition-property: transform, box-shadow, color, background-color;
    width: 18px;
    padding-left: 0;
    padding-right: 0;
    margin: 0 8px; }
  /* line 3257, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous .b-alt-text,
  .view-player #controls #next .b-alt-text {
    margin-top: -16px; }
  /* line 3261, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.contextmenu-active,
  .view-player #controls #next.contextmenu-active,
  .view-player #controls #previous:not(:disabled):hover,
  .view-player #controls #next:not(:disabled):hover {
    background-color: transparent;
    color: #FFFFFF; }
  /* line 3268, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous:not(:disabled):hover:active,
  .view-player #controls #next:not(:disabled):hover:active {
    background: transparent;
    color: #808080;
    transform: scale(1); }
  /* line 3274, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous:after,
  .view-player #controls #next:after {
    transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
    transition-property: box-shadow; }
  /* line 3279, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.contextmenu-active,
  .view-player #controls #next.contextmenu-active,
  .view-player #controls #previous:not(:disabled):hover,
  .view-player #controls #next:not(:disabled):hover {
    transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
    transition-property: transform, box-shadow, color, background-color; }
  /* line 3286, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.contextmenu-active:after,
  .view-player #controls #next.contextmenu-active:after,
  .view-player #controls #previous:not(:disabled):hover:after,
  .view-player #controls #next:not(:disabled):hover:after {
    transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
    transition-property: box-shadow; }
  /* line 3293, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous:not(:disabled):hover:active,
  .view-player #controls #next:not(:disabled):hover:active {
    transition: none; }
  /* line 3297, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous:not(:disabled):hover:active:after,
  .view-player #controls #next:not(:disabled):hover:active:after {
    transition: none; }
  /* line 3301, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous:before,
  .view-player #controls #next:before {
    font-family: "glue1-spoticon";
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    line-height: inherit;
    vertical-align: bottom;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    border-radius: 500px;
    line-height: 18px;
    font-size: 18px;
    padding-left: 0px;
    width: calc(100% - 0px); }
  /* line 3321, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.button-play:before,
  .view-player #controls #next.button-play:before {
    content: "\f132"; }
  /* line 3325, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.button-play.playing:not(:hover),
  .view-player #controls #next.button-play.playing:not(:hover),
  .tl-row.playing .view-player #controls #previous.button-play:not(:hover),
  .tl-row.playing .view-player #controls #next.button-play:not(:hover),
  .tl-row.playing.view-player #controls #previous.button-play:not(:hover),
  .tl-row.playing.view-player #controls #next.button-play:not(:hover),
  .media-object.playing .view-player #controls #previous.button-play:not(:hover),
  .media-object.playing .view-player #controls #next.button-play:not(:hover),
  .media-object.playing.view-player #controls #previous.button-play:not(:hover),
  .media-object.playing.view-player #controls #next.button-play:not(:hover) {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 3337, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.button-play.playing:not(:hover):after,
  .view-player #controls #next.button-play.playing:not(:hover):after,
  .tl-row.playing .view-player #controls #previous.button-play:not(:hover):after,
  .tl-row.playing .view-player #controls #next.button-play:not(:hover):after,
  .tl-row.playing.view-player #controls #previous.button-play:not(:hover):after,
  .tl-row.playing.view-player #controls #next.button-play:not(:hover):after,
  .media-object.playing .view-player #controls #previous.button-play:not(:hover):after,
  .media-object.playing .view-player #controls #next.button-play:not(:hover):after,
  .media-object.playing.view-player #controls #previous.button-play:not(:hover):after,
  .media-object.playing.view-player #controls #next.button-play:not(:hover):after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 500px;
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 3356, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.button-play.playing:not(:hover).contextmenu-active,
  .view-player #controls #next.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .view-player #controls #previous.button-play:not(:hover).contextmenu-active,
  .tl-row.playing .view-player #controls #next.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player #controls #previous.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player #controls #next.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player #controls #previous.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player #controls #next.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player #controls #previous.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player #controls #next.button-play:not(:hover).contextmenu-active,
  .view-player #controls #previous.button-play.playing:not(:hover):not(:disabled):hover,
  .view-player #controls #next.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }
  /* line 3378, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.button-play.playing:not(:hover).contextmenu-active:after,
  .view-player #controls #next.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player #controls #previous.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player #controls #next.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player #controls #previous.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player #controls #next.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player #controls #previous.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player #controls #next.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player #controls #previous.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player #controls #next.button-play:not(:hover).contextmenu-active:after,
  .view-player #controls #previous.button-play.playing:not(:hover):not(:disabled):hover:after,
  .view-player #controls #next.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 3400, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.button-play.playing:not(:hover):not(:disabled):hover:active,
  .view-player #controls #next.button-play.playing:not(:hover):not(:disabled):hover:active,
  .tl-row.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:active,
  .tl-row.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover:active,
  .tl-row.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:active,
  .tl-row.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover:active,
  .media-object.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:active,
  .media-object.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover:active,
  .media-object.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:active,
  .media-object.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover:active {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 3412, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.button-play.playing:not(:hover):not(:disabled):hover:active:after,
  .view-player #controls #next.button-play.playing:not(:hover):not(:disabled):hover:active:after,
  .tl-row.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:active:after,
  .tl-row.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover:active:after,
  .tl-row.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:active:after,
  .tl-row.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover:active:after,
  .media-object.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:active:after,
  .media-object.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover:active:after,
  .media-object.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:active:after,
  .media-object.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover:active:after {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 3424, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.button-play.playing:not(:hover):before,
  .view-player #controls #next.button-play.playing:not(:hover):before,
  .tl-row.playing .view-player #controls #previous.button-play:not(:hover):before,
  .tl-row.playing .view-player #controls #next.button-play:not(:hover):before,
  .tl-row.playing.view-player #controls #previous.button-play:not(:hover):before,
  .tl-row.playing.view-player #controls #next.button-play:not(:hover):before,
  .media-object.playing .view-player #controls #previous.button-play:not(:hover):before,
  .media-object.playing .view-player #controls #next.button-play:not(:hover):before,
  .media-object.playing.view-player #controls #previous.button-play:not(:hover):before,
  .media-object.playing.view-player #controls #next.button-play:not(:hover):before {
    content: "\f1D0";
    padding-left: -1.125px;
    width: calc(100% - -1.125px); }
  /* line 3438, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.button-play.playing:hover:before,
  .view-player #controls #next.button-play.playing:hover:before,
  .tl-row.playing .view-player #controls #previous.button-play:hover:before,
  .tl-row.playing .view-player #controls #next.button-play:hover:before,
  .tl-row.playing.view-player #controls #previous.button-play:hover:before,
  .tl-row.playing.view-player #controls #next.button-play:hover:before,
  .media-object.playing .view-player #controls #previous.button-play:hover:before,
  .media-object.playing .view-player #controls #next.button-play:hover:before,
  .media-object.playing.view-player #controls #previous.button-play:hover:before,
  .media-object.playing.view-player #controls #next.button-play:hover:before {
    content: "\f130"; }
  /* line 3450, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play {
    height: 34px;
    line-height: 32px;
    padding-top: 2px;
    padding-left: 34px;
    padding-right: 34px;
    border-radius: 17px;
    background: transparent;
    color: #56666F;
    transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
    transition-property: transform, box-shadow, color, background-color;
    box-shadow: inset 0 0 0 1px #56666F;
    width: 34px;
    padding-left: 0;
    padding-right: 0; }
  /* line 3466, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play .b-alt-text {
    margin-top: -32px; }
  /* line 3469, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.contextmenu-active,
  .view-player #controls #play:not(:disabled):hover {
    background-color: transparent;
    color: #FFFFFF; }
  /* line 3474, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play:not(:disabled):hover:active {
    background: transparent;
    color: #808080;
    transform: scale(1); }
  /* line 3479, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play:after {
    transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
    transition-property: box-shadow; }
  /* line 3483, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.contextmenu-active,
  .view-player #controls #play:not(:disabled):hover {
    transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
    transition-property: transform, box-shadow, color, background-color; }
  /* line 3488, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.contextmenu-active:after,
  .view-player #controls #play:not(:disabled):hover:after {
    transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
    transition-property: box-shadow; }
  /* line 3493, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play:not(:disabled):hover:active {
    transition: none; }
  /* line 3496, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play:not(:disabled):hover:active:after {
    transition: none; }
  /* line 3499, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 500px;
    box-shadow: inset 0 0 0 1px #56666F; }
  /* line 3509, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.contextmenu-active,
  .view-player #controls #play:not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #FFFFFF, 0 0 0 1px transparent; }
  /* line 3513, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.contextmenu-active:after,
  .view-player #controls #play:not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #FFFFFF; }
  /* line 3517, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play:not(:disabled):hover:active {
    box-shadow: inset 0 0 0 1px #808080; }
  /* line 3520, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play:not(:disabled):hover:active:after {
    box-shadow: inset 0 0 0 1px #808080; }
  /* line 3523, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.contextmenu-active,
  .view-player #controls #play:not(:disabled):hover {
    transform: scale(1.11764706); }
  /* line 3527, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play:before {
    font-family: "glue1-spoticon";
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    line-height: inherit;
    vertical-align: bottom;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    border-radius: 500px;
    line-height: 34px;
    font-size: 20px;
    padding-left: 7px;
    width: calc(100% - 7px); }
  /* line 3546, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play:before {
    content: "\f132"; }
  /* line 3549, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover),
  .tl-row.playing .view-player #controls #play.button-play:not(:hover),
  .tl-row.playing.view-player #controls #play.button-play:not(:hover),
  .media-object.playing .view-player #controls #play.button-play:not(:hover),
  .media-object.playing.view-player #controls #play.button-play:not(:hover) {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 3556, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover):after,
  .tl-row.playing .view-player #controls #play.button-play:not(:hover):after,
  .tl-row.playing.view-player #controls #play.button-play:not(:hover):after,
  .media-object.playing .view-player #controls #play.button-play:not(:hover):after,
  .media-object.playing.view-player #controls #play.button-play:not(:hover):after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 500px;
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 3570, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .view-player #controls #play.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player #controls #play.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player #controls #play.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player #controls #play.button-play:not(:hover).contextmenu-active,
  .view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }
  /* line 3582, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player #controls #play.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player #controls #play.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player #controls #play.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player #controls #play.button-play:not(:hover).contextmenu-active:after,
  .view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 3594, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover:active,
  .tl-row.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover:active,
  .tl-row.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover:active,
  .media-object.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover:active,
  .media-object.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover:active {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 3601, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover:active:after,
  .tl-row.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover:active:after,
  .tl-row.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover:active:after,
  .media-object.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover:active:after,
  .media-object.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover:active:after {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 3608, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover):before,
  .tl-row.playing .view-player #controls #play.button-play:not(:hover):before,
  .tl-row.playing.view-player #controls #play.button-play:not(:hover):before,
  .media-object.playing .view-player #controls #play.button-play:not(:hover):before,
  .media-object.playing.view-player #controls #play.button-play:not(:hover):before {
    content: "\f1D0";
    padding-left: 5.75px;
    width: calc(100% - 5.75px); }
  /* line 3617, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:hover:before,
  .tl-row.playing .view-player #controls #play.button-play:hover:before,
  .tl-row.playing.view-player #controls #play.button-play:hover:before,
  .media-object.playing .view-player #controls #play.button-play:hover:before,
  .media-object.playing.view-player #controls #play.button-play:hover:before {
    content: "\f130"; }
  /* line 3624, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover) {
    box-shadow: inset 0 0 0 1px #56666F; }
  /* line 3627, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover):after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 500px;
    box-shadow: inset 0 0 0 1px #56666F; }
  /* line 3637, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover).contextmenu-active,
  .view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #56666F, 0 0 0 1px transparent; }
  /* line 3641, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover).contextmenu-active:after,
  .view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #56666F; }
  /* line 3645, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover:active {
    box-shadow: inset 0 0 0 1px #56666F; }
  /* line 3648, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover:active:after {
    box-shadow: inset 0 0 0 1px #56666F; }
  /* line 3651, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover):before {
    content: "\f1D3";
    color: inherit;
    padding-left: 7px;
    width: calc(100% - 7px); }
  /* line 3657, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player .remote-playback-bar p {
    font-size: 9pt; }
  /* line 3660, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  body.remotebar .view-player {
    height: 73px; } }

@media (max-height: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 3665, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous:not(:disabled):hover:active,
  .view-player #controls #next:not(:disabled):hover:active {
    transform: scale(1); } }

@media (max-height: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 3671, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous,
  .view-player #controls #next {
    transition-duration: 50ms; } }

@media (max-height: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 3677, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous:after,
  .view-player #controls #next:after {
    transition-duration: 50ms; } }

@media (max-height: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 3683, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.contextmenu-active,
  .view-player #controls #next.contextmenu-active,
  .view-player #controls #previous:not(:disabled):hover,
  .view-player #controls #next:not(:disabled):hover {
    transition-duration: 66ms; } }

@media (max-height: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 3691, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.contextmenu-active:after,
  .view-player #controls #next.contextmenu-active:after,
  .view-player #controls #previous:not(:disabled):hover:after,
  .view-player #controls #next:not(:disabled):hover:after {
    transition-duration: 66ms; } }

@media (max-height: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 3699, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.button-play.playing:not(:hover).contextmenu-active,
  .view-player #controls #next.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .view-player #controls #previous.button-play:not(:hover).contextmenu-active,
  .tl-row.playing .view-player #controls #next.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player #controls #previous.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player #controls #next.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player #controls #previous.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player #controls #next.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player #controls #previous.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player #controls #next.button-play:not(:hover).contextmenu-active,
  .view-player #controls #previous.button-play.playing:not(:hover):not(:disabled):hover,
  .view-player #controls #next.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 3721, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #previous.button-play.playing:not(:hover).contextmenu-active:after,
  .view-player #controls #next.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player #controls #previous.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player #controls #next.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player #controls #previous.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player #controls #next.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player #controls #previous.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player #controls #next.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player #controls #previous.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player #controls #next.button-play:not(:hover).contextmenu-active:after,
  .view-player #controls #previous.button-play.playing:not(:hover):not(:disabled):hover:after,
  .view-player #controls #next.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player #controls #next.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player #controls #previous.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player #controls #next.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

@media (max-height: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 3745, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play:not(:disabled):hover:active {
    transform: scale(1); } }

@media (max-height: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 3750, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play {
    transition-duration: 50ms; } }

@media (max-height: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 3755, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play:after {
    transition-duration: 50ms; } }

@media (max-height: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 3760, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.contextmenu-active,
  .view-player #controls #play:not(:disabled):hover {
    transition-duration: 66ms; } }

@media (max-height: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 3766, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.contextmenu-active:after,
  .view-player #controls #play:not(:disabled):hover:after {
    transition-duration: 66ms; } }

@media (max-height: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 3772, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.contextmenu-active,
  .view-player #controls #play:not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #282828; }
  /* line 3776, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.contextmenu-active:after,
  .view-player #controls #play:not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #282828; } }

@media (max-height: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 3782, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.contextmenu-active,
  .view-player #controls #play:not(:disabled):hover {
    transform: scale(1.11764706); } }

@media (max-height: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 3788, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .view-player #controls #play.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player #controls #play.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player #controls #play.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player #controls #play.button-play:not(:hover).contextmenu-active,
  .view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 3800, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player #controls #play.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player #controls #play.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player #controls #play.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player #controls #play.button-play:not(:hover).contextmenu-active:after,
  .view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player #controls #play.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player #controls #play.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

@media (max-height: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 3814, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover).contextmenu-active,
  .view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #56666F; }
  /* line 3818, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player #controls #play.button-play.playing:not(:hover).contextmenu-active:after,
  .view-player #controls #play.button-play.playing:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #56666F; } }

/* line 3823, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style {
  display: none; }

/* line 3826, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style.visible {
  display: block; }

/* line 3829, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style:focus {
  outline: none; }

/* line 3832, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style {
  position: absolute;
  width: 280px;
  right: 104px;
  bottom: 76px;
  left: auto;
  top: auto;
  display: block;
  background: #282828;
  border-radius: 3px;
  padding: 0;
  margin: 0;
  z-index: 1002; }

@media (max-height: 768px) {
  /* line 3847, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style {
    bottom: 68px; } }

/* line 3851, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-title {
  position: relative;
  background-color: #282828;
  text-align: left;
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: #FFFFFF;
  text-transform: normal; }

/* line 3863, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-title span {
  display: block;
  padding: 14px 35px 10px 14px; }

/* line 3867, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-title img.help,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-help img.help,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-offline img.help {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer; }

/* line 3876, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-help,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-upsell,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-header,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-offline {
  background-color: #282828;
  border-bottom: 1px solid #404040;
  border-top: 1px solid #404040;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
  margin: 0; }

/* line 3888, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-help button,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-upsell button,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-header button,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-offline button {
  display: inline-block;
  margin: 0 auto;
  color: #FFFFFF; }

/* line 3896, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-help img.speakericon,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-upsell img.speakericon,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-header img.speakericon,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-offline img.speakericon {
  width: 60px;
  height: 60px;
  margin: 0 0 10px 0; }

/* line 3904, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-help img.headerimg,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-upsell img.headerimg,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-header img.headerimg,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-offline img.headerimg {
  width: 180px;
  margin: 0; }

/* line 3911, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-help p,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-upsell p,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-header p,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-offline p {
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 0 10px 0; }

/* line 3919, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-header {
  padding-top: 0; }

/* line 3922, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-offline .title {
  color: #FFFFFF;
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 110%;
  display: block; }

/* line 3929, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style {
  border-top: 1px solid #404040;
  max-height: 280px; }

/* line 3933, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 0; }

/* line 3939, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li {
  margin: 0;
  padding: 0;
  background-color: #282828;
  border-bottom: 1px solid #404040;
  height: 60px;
  position: relative;
  text-align: center;
  cursor: default; }

/* line 3949, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li .device-name {
  display: block;
  position: absolute;
  top: 20px;
  left: 50px;
  right: 10px;
  font-size: 10pt;
  font-weight: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #fff; }

/* line 3962, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li span {
  display: block;
  position: absolute;
  top: 11px;
  left: 50px;
  right: 10px;
  font-size: 10pt;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left; }

/* line 3974, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li .device-title {
  font-size: 9pt;
  top: 31px;
  left: 66px;
  font-weight: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #56666F; }

/* line 3984, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li .device-subtitle {
  font-size: 10pt;
  color: #FFF; }

/* line 3988, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li .device {
  position: absolute;
  left: 10px;
  line-height: 60px; }

/* line 3993, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li .device-icon {
  position: absolute;
  left: 50px;
  top: 30px; }

/* line 3998, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li .device-icon:before {
  font-size: 12px;
  color: #56666F; }

/* line 4002, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li:focus {
  outline: none; }

/* line 4005, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li.active {
  color: #008CD6; }

/* line 4008, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li.active .device-title,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li.active .device-subtitle,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li.active .device-icon::before {
  color: #008CD6; }

/* line 4013, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li.active .device-subtitle {
  text-transform: uppercase; }

/* line 4016, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li.not-available .device-title,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li.not-available .device-subtitle {
  color: #56666F; }

/* line 4020, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li.not-available .device,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li.not-available .device-icon {
  opacity: 0.4; }

/* line 4024, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li.selectable:hover,
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li.selectable:focus {
  background-color: #333333; }

/* line 4028, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li.active .device-name {
  display: flex;
  height: 36px;
  align-items: center; }

/* line 4033, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style .connect-devices-new-chrome-style ul li.active .device-subtitle {
  display: block; }

/* line 4036, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .remote-playback-bar {
  display: none;
  background-color: #008CD6;
  position: relative;
  left: 0;
  height: 20px;
  right: 0; }

/* line 4044, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .remote-playback-bar p {
  color: #FFFFFF;
  line-height: 21px;
  font-size: 12px;
  margin-bottom: 0;
  float: right;
  min-width: 258px;
  max-width: 100%;
  padding-right: 4px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/* line 4058, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .remote-playback-bar p strong {
  font-weight: 400; }

/* line 4061, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .remote-playback-bar .spoticon {
  margin-right: 6px; }

/* line 4064, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .remote-playback-bar.visible {
  display: block; }

/* line 4067, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .remote-playback-bar .arrow {
  width: 0;
  height: 0;
  content: "";
  border: 10px solid transparent;
  border-bottom: 10px solid #008CD6;
  right: -10px;
  position: absolute;
  top: -20px; }

/* line 4077, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .remote-playback-bar.available-devices {
  background-color: #4687D6; }

/* line 4080, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .remote-playback-bar.available-devices .arrow {
  border-bottom-color: #4687D6; }

/* line 4083, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#connect-container-background-new-chrome-style {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10; }

/* line 4091, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
body.remotebar .view-player-new {
  height: 109px; }

/* line 4094, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
body.remotebar .view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style {
  bottom: 108px; }

/* line 4097, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
body.remotebar .view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style.remote {
  bottom: 104px; }

/* line 4100, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
body.remotebar .view-player-new .player-bar-wrapper {
  height: calc(100% - 20px); }

/* line 4103, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
body.remotebar #connect-container-background-new-chrome-style {
  bottom: 108px; }

@media (max-height: 768px) {
  /* line 4107, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  body.remotebar .view-player-new {
    height: 93px; }
  /* line 4110, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  body.remotebar .view-player-new .player-bar-wrapper {
    height: calc(100% - 20px); }
  /* line 4113, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  body.remotebar .view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style {
    bottom: 92px; }
  /* line 4116, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  body.remotebar .view-player-new #connect-picker-new-chrome-style #connect-container-new-chrome-style.remote {
    bottom: 88px; }
  /* line 4119, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  body.remotebar #connect-container-background-new-chrome-style {
    bottom: 92px; } }

/* Flexbox and text-align */
/* line 4124, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-bar-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%; }

/* line 4130, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-bar-spacer {
  flex-basis: 10%;
  flex-grow: 0;
  flex-shrink: 1; }

/* line 4135, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .now-playing-container {
  flex-basis: 20%;
  flex-grow: 0;
  flex-shrink: 0;
  min-width: 248px; }

/* line 4141, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .now-playing-container .caption {
  display: flex; }

/* line 4144, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .now-playing-container .caption .cover-image-link {
  flex-basis: 56px; }

@media (max-height: 768px) {
  /* line 4148, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .now-playing-container .caption .cover-image-link {
    flex-basis: 48px; } }

/* line 4152, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .now-playing-container .caption .cover-image-link .toggle-cover-size {
  text-align: center; }

/* line 4155, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .now-playing-container .caption .cover-image-link:hover,
.view-player-new .now-playing-container .caption .cover-image-link:focus {
  border-bottom-color: transparent; }

/* line 4159, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .now-playing-container .caption .text-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden; }

/* line 4166, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container {
  flex-basis: 40%;
  flex-grow: 0;
  flex-shrink: 1;
  min-width: 300px;
  text-align: center; }

/* line 4173, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .progress-container {
  display: flex; }

/* line 4176, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .progress-container .elapsed,
.view-player-new .player-controls-container .progress-container .remaining {
  display: flex;
  align-items: center; }

/* line 4181, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container {
  flex-basis: 20%;
  flex-grow: 0;
  flex-shrink: 0;
  min-width: 248px;
  display: flex;
  justify-content: flex-end;
  align-items: center; }

/* End Flexbox and text-align */
/* Other styles */
/* line 4192, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new {
  background: #FFFFFF;
  border-top: 1px solid #E4E7E9;
  color: #FFFFFF;
  overflow: hidden;
  height: 88px; }

/* line 4199, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new.player-old-chrome-style {
  display: none; }

@media (max-height: 768px) {
  /* line 4203, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new {
    height: 72px; } }

/* line 4207, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .now-playing {
  display: none;
  overflow: hidden;
  position: relative;
  width: 100%; }

/* line 4213, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .now-playing.active {
  display: block; }

/* line 4216, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .now-playing .cover-image-link-wrapper {
  flex: 0 1 72px;
  height: 56px;
  position: relative; }

@media (max-height: 768px) {
  /* line 4222, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .now-playing .cover-image-link-wrapper {
    flex: 0 1 60px;
    height: 48px; } }

/* line 4227, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .now-playing .cover-image-link {
  position: absolute;
  right: 0;
  height: 56px;
  width: 56px; }

/* line 4233, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .now-playing .cover-image-link figure {
  height: 56px;
  width: 56px; }

/* line 4237, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .now-playing .cover-image-link figure .cover-image {
  height: 100%; }

@media (max-height: 768px) {
  /* line 4241, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .now-playing .cover-image-link {
    height: 48px;
    width: 48px; }
  /* line 4245, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .now-playing .cover-image-link figure {
    height: 48px;
    width: 48px; } }

/* line 4250, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .now-playing .cover-image-link .toggle-cover-size {
  cursor: default;
  position: absolute;
  opacity: 0;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  background-color: #000000;
  transition: opacity 0.5s;
  border-radius: 5px; }

/* line 4262, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .now-playing .cover-image-link:hover .toggle-cover-size {
  opacity: 0.7; }

/* line 4265, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .now-playing .now-playing-text-spacer {
  flex: 0 0 12px; }

/* line 4268, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .now-playing .mo-placeholder {
  pointer-events: none;
  left: 5%;
  top: 5%;
  width: 90%;
  height: 90%;
  background-color: #000000; }

/* line 4276, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .now-playing .mo-placeholder text {
  fill: #404040; }

/* line 4279, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .now-playing .cover-image-container {
  position: relative; }

/* line 4282, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .now-playing .cover-image-container .cover-image {
  width: 100%;
  background-size: cover;
  background-position: center;
  position: relative; }

/* line 4288, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container {
  cursor: default; }

/* line 4291, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .button {
  margin: 0 7px; }

/* line 4294, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .progress-container {
  margin-top: 6px; }

@media (max-height: 768px) {
  /* line 4298, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .progress-container {
    margin-top: 3px; } }

/* line 4302, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .progress-container .elapsed,
.view-player-new .player-controls-container .progress-container .remaining {
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
  color: #56666F;
  font-size: 11px;
  line-height: 11px;
  width: 35px;
  margin-left: 14px; }

/* line 4312, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .progress-container .progress-bar .inner {
  background-color: #56666F; }

/* line 4315, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .progress-container .progress-bar .handle {
  box-shadow: none; }

/* line 4318, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .progress-container.progress-bar-enabled:hover .elapsed,
.view-player-new .player-controls-container .progress-container.progress-bar-enabled.dragging-progress-bar .elapsed,
.view-player-new .player-controls-container .progress-container.progress-bar-enabled:hover .remaining,
.view-player-new .player-controls-container .progress-container.progress-bar-enabled.dragging-progress-bar .remaining,
.view-player-new .player-controls-container .progress-container.progress-bar-enabled:hover .handle,
.view-player-new .player-controls-container .progress-container.progress-bar-enabled.dragging-progress-bar .handle {
  opacity: 1; }

/* line 4326, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .progress-container.progress-bar-enabled:hover .progress-bar .inner,
.view-player-new .player-controls-container .progress-container.progress-bar-enabled.dragging-progress-bar .progress-bar .inner {
  background-color: #008CD6; }

/* line 4330, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .progress-container:hover .elapsed,
.view-player-new .player-controls-container .progress-container:hover .remaining {
  opacity: 1; }

/* line 4334, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls {
  margin-top: 8px; }

@media (max-height: 768px) {
  /* line 4338, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls {
    margin-top: 2px; } }

/* line 4342, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play {
  height: 32px;
  line-height: 30px;
  padding-top: 2px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 16px;
  background: transparent;
  color: #56666F;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  box-shadow: inset 0 0 0 1px #56666F;
  width: 32px;
  padding-left: 0;
  padding-right: 0; }

/* line 4358, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play .b-alt-text {
  margin-top: -30px; }

/* line 4361, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.contextmenu-active,
.view-player-new .player-controls-container .controls .button-play:not(:disabled):hover {
  background-color: transparent;
  color: #282828; }

/* line 4366, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play:not(:disabled):hover:active {
  background: transparent;
  color: #808080;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 4372, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .button-play:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 4377, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .button-play {
    transition-duration: 50ms; } }

/* line 4381, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 4386, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .button-play:after {
    transition-duration: 50ms; } }

/* line 4390, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.contextmenu-active,
.view-player-new .player-controls-container .controls .button-play:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 4396, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .button-play.contextmenu-active,
  .view-player-new .player-controls-container .controls .button-play:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 4401, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.contextmenu-active:after,
.view-player-new .player-controls-container .controls .button-play:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 4407, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .button-play.contextmenu-active:after,
  .view-player-new .player-controls-container .controls .button-play:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 4412, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play:not(:disabled):hover:active {
  transition: none; }

/* line 4415, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play:not(:disabled):hover:active:after {
  transition: none; }

/* line 4418, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px #56666F; }

/* line 4428, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.contextmenu-active,
.view-player-new .player-controls-container .controls .button-play:not(:disabled):hover {
  box-shadow: inset 0 0 0 1px #282828, 0 0 0 1px transparent; }

/* line 4432, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.contextmenu-active:after,
.view-player-new .player-controls-container .controls .button-play:not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px #282828; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 4437, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .button-play.contextmenu-active,
  .view-player-new .player-controls-container .controls .button-play:not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #282828; }
  /* line 4441, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .button-play.contextmenu-active:after,
  .view-player-new .player-controls-container .controls .button-play:not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #282828; } }

/* line 4446, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play:not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 4449, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play:not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 4452, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.contextmenu-active,
.view-player-new .player-controls-container .controls .button-play:not(:disabled):hover {
  transform: scale(1.0625); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 4457, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .button-play.contextmenu-active,
  .view-player-new .player-controls-container .controls .button-play:not(:disabled):hover {
    transform: scale(1.0625); } }

/* line 4462, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 32px;
  font-size: 20px;
  padding-left: 6px;
  width: calc(100% - 6px); }

/* line 4481, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.button-play:before {
  content: "\f132"; }

/* line 4484, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover),
.tl-row.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover),
.tl-row.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover),
.media-object.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover),
.media-object.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 4491, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover):after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):after,
.media-object.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):after,
.media-object.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 4505, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover).contextmenu-active,
.tl-row.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover).contextmenu-active,
.media-object.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover).contextmenu-active,
.media-object.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover).contextmenu-active,
.view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 4517, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover).contextmenu-active:after,
.view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 4530, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover).contextmenu-active,
  .view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 4542, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover).contextmenu-active:after,
  .view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 4555, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 4562, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 4569, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover):before,
.tl-row.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):before,
.tl-row.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):before,
.media-object.playing .view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):before,
.media-object.playing.view-player-new .player-controls-container .controls .button-play.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 4.75px;
  width: calc(100% - 4.75px); }

/* line 4578, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.button-play.playing:hover:before,
.tl-row.playing .view-player-new .player-controls-container .controls .button-play.button-play:hover:before,
.tl-row.playing.view-player-new .player-controls-container .controls .button-play.button-play:hover:before,
.media-object.playing .view-player-new .player-controls-container .controls .button-play.button-play:hover:before,
.media-object.playing.view-player-new .player-controls-container .controls .button-play.button-play:hover:before {
  content: "\f130"; }

/* line 4585, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover) {
  box-shadow: inset 0 0 0 1px #56666F; }

/* line 4588, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px #56666F; }

/* line 4598, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover).contextmenu-active,
.view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px #56666F, 0 0 0 1px transparent; }

/* line 4602, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover).contextmenu-active:after,
.view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px #56666F; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 4607, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover).contextmenu-active,
  .view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #56666F; }
  /* line 4611, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover).contextmenu-active:after,
  .view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #56666F; } }

/* line 4616, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px #56666F; }

/* line 4619, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px #56666F; }

/* line 4622, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-play.button-play.playing:not(:hover):before {
  content: "\f1D3";
  color: inherit;
  padding-left: 6px;
  width: calc(100% - 6px); }

/* line 4628, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous,
.view-player-new .player-controls-container .controls .next {
  height: 32px;
  line-height: 30px;
  padding-top: 2px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 16px;
  background: transparent;
  color: #56666F;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  width: 32px;
  padding-left: 0;
  padding-right: 0; }

/* line 4644, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous .b-alt-text,
.view-player-new .player-controls-container .controls .next .b-alt-text {
  margin-top: -30px; }

/* line 4648, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous.contextmenu-active,
.view-player-new .player-controls-container .controls .next.contextmenu-active,
.view-player-new .player-controls-container .controls .previous:not(:disabled):hover,
.view-player-new .player-controls-container .controls .next:not(:disabled):hover {
  background-color: transparent;
  color: #282828; }

/* line 4655, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous:not(:disabled):hover:active,
.view-player-new .player-controls-container .controls .next:not(:disabled):hover:active {
  background: transparent;
  color: #808080;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 4662, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .previous:not(:disabled):hover:active,
  .view-player-new .player-controls-container .controls .next:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 4668, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .previous,
  .view-player-new .player-controls-container .controls .next {
    transition-duration: 50ms; } }

/* line 4673, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous:after,
.view-player-new .player-controls-container .controls .next:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 4679, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .previous:after,
  .view-player-new .player-controls-container .controls .next:after {
    transition-duration: 50ms; } }

/* line 4684, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous.contextmenu-active,
.view-player-new .player-controls-container .controls .next.contextmenu-active,
.view-player-new .player-controls-container .controls .previous:not(:disabled):hover,
.view-player-new .player-controls-container .controls .next:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 4692, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .previous.contextmenu-active,
  .view-player-new .player-controls-container .controls .next.contextmenu-active,
  .view-player-new .player-controls-container .controls .previous:not(:disabled):hover,
  .view-player-new .player-controls-container .controls .next:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 4699, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous.contextmenu-active:after,
.view-player-new .player-controls-container .controls .next.contextmenu-active:after,
.view-player-new .player-controls-container .controls .previous:not(:disabled):hover:after,
.view-player-new .player-controls-container .controls .next:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 4707, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .previous.contextmenu-active:after,
  .view-player-new .player-controls-container .controls .next.contextmenu-active:after,
  .view-player-new .player-controls-container .controls .previous:not(:disabled):hover:after,
  .view-player-new .player-controls-container .controls .next:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 4714, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous:not(:disabled):hover:active,
.view-player-new .player-controls-container .controls .next:not(:disabled):hover:active {
  transition: none; }

/* line 4718, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous:not(:disabled):hover:active:after,
.view-player-new .player-controls-container .controls .next:not(:disabled):hover:active:after {
  transition: none; }

/* line 4722, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous:before,
.view-player-new .player-controls-container .controls .next:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 32px;
  font-size: 20px;
  padding-left: 6px;
  width: calc(100% - 6px); }

/* line 4742, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous.button-play:before,
.view-player-new .player-controls-container .controls .next.button-play:before {
  content: "\f132"; }

/* line 4746, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous.button-play.playing:not(:hover),
.view-player-new .player-controls-container .controls .next.button-play.playing:not(:hover),
.tl-row.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover),
.tl-row.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover),
.tl-row.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover),
.tl-row.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover),
.media-object.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover),
.media-object.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover),
.media-object.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover),
.media-object.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 4758, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous.button-play.playing:not(:hover):after,
.view-player-new .player-controls-container .controls .next.button-play.playing:not(:hover):after,
.tl-row.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover):after,
.tl-row.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover):after,
.tl-row.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover):after,
.tl-row.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover):after,
.media-object.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover):after,
.media-object.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover):after,
.media-object.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover):after,
.media-object.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 4777, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous.button-play.playing:not(:hover).contextmenu-active,
.view-player-new .player-controls-container .controls .next.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover).contextmenu-active,
.tl-row.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover).contextmenu-active,
.tl-row.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover).contextmenu-active,
.tl-row.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover).contextmenu-active,
.media-object.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover).contextmenu-active,
.media-object.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover).contextmenu-active,
.media-object.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover).contextmenu-active,
.media-object.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover).contextmenu-active,
.view-player-new .player-controls-container .controls .previous.button-play.playing:not(:hover):not(:disabled):hover,
.view-player-new .player-controls-container .controls .next.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 4799, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous.button-play.playing:not(:hover).contextmenu-active:after,
.view-player-new .player-controls-container .controls .next.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover).contextmenu-active:after,
.view-player-new .player-controls-container .controls .previous.button-play.playing:not(:hover):not(:disabled):hover:after,
.view-player-new .player-controls-container .controls .next.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 4822, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .previous.button-play.playing:not(:hover).contextmenu-active,
  .view-player-new .player-controls-container .controls .next.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover).contextmenu-active,
  .tl-row.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover).contextmenu-active,
  .view-player-new .player-controls-container .controls .previous.button-play.playing:not(:hover):not(:disabled):hover,
  .view-player-new .player-controls-container .controls .next.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 4844, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .previous.button-play.playing:not(:hover).contextmenu-active:after,
  .view-player-new .player-controls-container .controls .next.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover).contextmenu-active:after,
  .view-player-new .player-controls-container .controls .previous.button-play.playing:not(:hover):not(:disabled):hover:after,
  .view-player-new .player-controls-container .controls .next.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 4867, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous.button-play.playing:not(:hover):not(:disabled):hover:active,
.view-player-new .player-controls-container .controls .next.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 4879, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.view-player-new .player-controls-container .controls .next.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 4891, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous.button-play.playing:not(:hover):before,
.view-player-new .player-controls-container .controls .next.button-play.playing:not(:hover):before,
.tl-row.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover):before,
.tl-row.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover):before,
.tl-row.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover):before,
.tl-row.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover):before,
.media-object.playing .view-player-new .player-controls-container .controls .previous.button-play:not(:hover):before,
.media-object.playing .view-player-new .player-controls-container .controls .next.button-play:not(:hover):before,
.media-object.playing.view-player-new .player-controls-container .controls .previous.button-play:not(:hover):before,
.media-object.playing.view-player-new .player-controls-container .controls .next.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 4.75px;
  width: calc(100% - 4.75px); }

/* line 4905, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous.button-play.playing:hover:before,
.view-player-new .player-controls-container .controls .next.button-play.playing:hover:before,
.tl-row.playing .view-player-new .player-controls-container .controls .previous.button-play:hover:before,
.tl-row.playing .view-player-new .player-controls-container .controls .next.button-play:hover:before,
.tl-row.playing.view-player-new .player-controls-container .controls .previous.button-play:hover:before,
.tl-row.playing.view-player-new .player-controls-container .controls .next.button-play:hover:before,
.media-object.playing .view-player-new .player-controls-container .controls .previous.button-play:hover:before,
.media-object.playing .view-player-new .player-controls-container .controls .next.button-play:hover:before,
.media-object.playing.view-player-new .player-controls-container .controls .previous.button-play:hover:before,
.media-object.playing.view-player-new .player-controls-container .controls .next.button-play:hover:before {
  content: "\f130"; }

/* line 4917, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous.active,
.view-player-new .player-controls-container .controls .next.active {
  color: #008CD6; }

/* line 4921, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous.active.contextmenu-active,
.view-player-new .player-controls-container .controls .next.active.contextmenu-active,
.view-player-new .player-controls-container .controls .previous.active:not(:disabled):hover,
.view-player-new .player-controls-container .controls .next.active:not(:disabled):hover {
  color: #00a7ff; }

/* line 4927, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous.drop-target-active,
.view-player-new .player-controls-container .controls .next.drop-target-active {
  color: #000000;
  background-color: #FFFFFF; }

/* line 4932, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous.drop-target-active.contextmenu-active,
.view-player-new .player-controls-container .controls .next.drop-target-active.contextmenu-active,
.view-player-new .player-controls-container .controls .previous.drop-target-active:not(:disabled):hover,
.view-player-new .player-controls-container .controls .next.drop-target-active:not(:disabled):hover {
  color: #000000; }

/* line 4938, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .previous.drop-target-active.contextmenu-active,
.view-player-new .player-controls-container .controls .next.drop-target-active.contextmenu-active,
.view-player-new .player-controls-container .controls .previous.drop-target-active:not(:disabled):hover,
.view-player-new .player-controls-container .controls .next.drop-target-active:not(:disabled):hover {
  background-color: #282828; }

/* line 4944, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle,
.view-player-new .player-controls-container .controls .button-repeat,
.view-player-new .player-controls-container .controls .button-thumbs-down,
.view-player-new .player-controls-container .controls .button-thumbs-up {
  height: 24px;
  line-height: 22px;
  padding-top: 2px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 12px;
  background: transparent;
  color: #56666F;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  width: 24px;
  padding-left: 0;
  padding-right: 0; }

/* line 4962, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle .b-alt-text,
.view-player-new .player-controls-container .controls .button-repeat .b-alt-text,
.view-player-new .player-controls-container .controls .button-thumbs-down .b-alt-text,
.view-player-new .player-controls-container .controls .button-thumbs-up .b-alt-text {
  margin-top: -22px; }

/* line 4968, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle.contextmenu-active,
.view-player-new .player-controls-container .controls .button-repeat.contextmenu-active,
.view-player-new .player-controls-container .controls .button-thumbs-down.contextmenu-active,
.view-player-new .player-controls-container .controls .button-thumbs-up.contextmenu-active,
.view-player-new .player-controls-container .controls .button-shuffle:not(:disabled):hover,
.view-player-new .player-controls-container .controls .button-repeat:not(:disabled):hover,
.view-player-new .player-controls-container .controls .button-thumbs-down:not(:disabled):hover,
.view-player-new .player-controls-container .controls .button-thumbs-up:not(:disabled):hover {
  background-color: transparent;
  color: #282828; }

/* line 4979, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle:not(:disabled):hover:active,
.view-player-new .player-controls-container .controls .button-repeat:not(:disabled):hover:active,
.view-player-new .player-controls-container .controls .button-thumbs-down:not(:disabled):hover:active,
.view-player-new .player-controls-container .controls .button-thumbs-up:not(:disabled):hover:active {
  background: transparent;
  color: #808080;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 4988, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .button-shuffle:not(:disabled):hover:active,
  .view-player-new .player-controls-container .controls .button-repeat:not(:disabled):hover:active,
  .view-player-new .player-controls-container .controls .button-thumbs-down:not(:disabled):hover:active,
  .view-player-new .player-controls-container .controls .button-thumbs-up:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 4996, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .button-shuffle,
  .view-player-new .player-controls-container .controls .button-repeat,
  .view-player-new .player-controls-container .controls .button-thumbs-down,
  .view-player-new .player-controls-container .controls .button-thumbs-up {
    transition-duration: 50ms; } }

/* line 5003, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle:after,
.view-player-new .player-controls-container .controls .button-repeat:after,
.view-player-new .player-controls-container .controls .button-thumbs-down:after,
.view-player-new .player-controls-container .controls .button-thumbs-up:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 5011, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .button-shuffle:after,
  .view-player-new .player-controls-container .controls .button-repeat:after,
  .view-player-new .player-controls-container .controls .button-thumbs-down:after,
  .view-player-new .player-controls-container .controls .button-thumbs-up:after {
    transition-duration: 50ms; } }

/* line 5018, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle.contextmenu-active,
.view-player-new .player-controls-container .controls .button-repeat.contextmenu-active,
.view-player-new .player-controls-container .controls .button-thumbs-down.contextmenu-active,
.view-player-new .player-controls-container .controls .button-thumbs-up.contextmenu-active,
.view-player-new .player-controls-container .controls .button-shuffle:not(:disabled):hover,
.view-player-new .player-controls-container .controls .button-repeat:not(:disabled):hover,
.view-player-new .player-controls-container .controls .button-thumbs-down:not(:disabled):hover,
.view-player-new .player-controls-container .controls .button-thumbs-up:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 5030, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .button-shuffle.contextmenu-active,
  .view-player-new .player-controls-container .controls .button-repeat.contextmenu-active,
  .view-player-new .player-controls-container .controls .button-thumbs-down.contextmenu-active,
  .view-player-new .player-controls-container .controls .button-thumbs-up.contextmenu-active,
  .view-player-new .player-controls-container .controls .button-shuffle:not(:disabled):hover,
  .view-player-new .player-controls-container .controls .button-repeat:not(:disabled):hover,
  .view-player-new .player-controls-container .controls .button-thumbs-down:not(:disabled):hover,
  .view-player-new .player-controls-container .controls .button-thumbs-up:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 5041, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle.contextmenu-active:after,
.view-player-new .player-controls-container .controls .button-repeat.contextmenu-active:after,
.view-player-new .player-controls-container .controls .button-thumbs-down.contextmenu-active:after,
.view-player-new .player-controls-container .controls .button-thumbs-up.contextmenu-active:after,
.view-player-new .player-controls-container .controls .button-shuffle:not(:disabled):hover:after,
.view-player-new .player-controls-container .controls .button-repeat:not(:disabled):hover:after,
.view-player-new .player-controls-container .controls .button-thumbs-down:not(:disabled):hover:after,
.view-player-new .player-controls-container .controls .button-thumbs-up:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 5053, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .button-shuffle.contextmenu-active:after,
  .view-player-new .player-controls-container .controls .button-repeat.contextmenu-active:after,
  .view-player-new .player-controls-container .controls .button-thumbs-down.contextmenu-active:after,
  .view-player-new .player-controls-container .controls .button-thumbs-up.contextmenu-active:after,
  .view-player-new .player-controls-container .controls .button-shuffle:not(:disabled):hover:after,
  .view-player-new .player-controls-container .controls .button-repeat:not(:disabled):hover:after,
  .view-player-new .player-controls-container .controls .button-thumbs-down:not(:disabled):hover:after,
  .view-player-new .player-controls-container .controls .button-thumbs-up:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 5064, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle:not(:disabled):hover:active,
.view-player-new .player-controls-container .controls .button-repeat:not(:disabled):hover:active,
.view-player-new .player-controls-container .controls .button-thumbs-down:not(:disabled):hover:active,
.view-player-new .player-controls-container .controls .button-thumbs-up:not(:disabled):hover:active {
  transition: none; }

/* line 5070, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle:not(:disabled):hover:active:after,
.view-player-new .player-controls-container .controls .button-repeat:not(:disabled):hover:active:after,
.view-player-new .player-controls-container .controls .button-thumbs-down:not(:disabled):hover:active:after,
.view-player-new .player-controls-container .controls .button-thumbs-up:not(:disabled):hover:active:after {
  transition: none; }

/* line 5076, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle:before,
.view-player-new .player-controls-container .controls .button-repeat:before,
.view-player-new .player-controls-container .controls .button-thumbs-down:before,
.view-player-new .player-controls-container .controls .button-thumbs-up:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 24px;
  font-size: 14px;
  padding-left: 5px;
  width: calc(100% - 5px); }

/* line 5098, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle.button-play:before,
.view-player-new .player-controls-container .controls .button-repeat.button-play:before,
.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:before,
.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:before {
  content: "\f132"; }

/* line 5104, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle.button-play.playing:not(:hover),
.view-player-new .player-controls-container .controls .button-repeat.button-play.playing:not(:hover),
.view-player-new .player-controls-container .controls .button-thumbs-down.button-play.playing:not(:hover),
.view-player-new .player-controls-container .controls .button-thumbs-up.button-play.playing:not(:hover),
.tl-row.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover),
.tl-row.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover),
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover),
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover),
.tl-row.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover),
.tl-row.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover),
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover),
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover),
.media-object.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover),
.media-object.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover),
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover),
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover),
.media-object.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover),
.media-object.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover),
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover),
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 5126, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle.button-play.playing:not(:hover):after,
.view-player-new .player-controls-container .controls .button-repeat.button-play.playing:not(:hover):after,
.view-player-new .player-controls-container .controls .button-thumbs-down.button-play.playing:not(:hover):after,
.view-player-new .player-controls-container .controls .button-thumbs-up.button-play.playing:not(:hover):after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):after,
.media-object.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):after,
.media-object.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):after,
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):after,
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):after,
.media-object.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):after,
.media-object.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):after,
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):after,
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 5155, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle.button-play.playing:not(:hover).contextmenu-active,
.view-player-new .player-controls-container .controls .button-repeat.button-play.playing:not(:hover).contextmenu-active,
.view-player-new .player-controls-container .controls .button-thumbs-down.button-play.playing:not(:hover).contextmenu-active,
.view-player-new .player-controls-container .controls .button-thumbs-up.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover).contextmenu-active,
.tl-row.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover).contextmenu-active,
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover).contextmenu-active,
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover).contextmenu-active,
.tl-row.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover).contextmenu-active,
.tl-row.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover).contextmenu-active,
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover).contextmenu-active,
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover).contextmenu-active,
.media-object.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover).contextmenu-active,
.media-object.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover).contextmenu-active,
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover).contextmenu-active,
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover).contextmenu-active,
.media-object.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover).contextmenu-active,
.media-object.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover).contextmenu-active,
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover).contextmenu-active,
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover).contextmenu-active,
.view-player-new .player-controls-container .controls .button-shuffle.button-play.playing:not(:hover):not(:disabled):hover,
.view-player-new .player-controls-container .controls .button-repeat.button-play.playing:not(:hover):not(:disabled):hover,
.view-player-new .player-controls-container .controls .button-thumbs-down.button-play.playing:not(:hover):not(:disabled):hover,
.view-player-new .player-controls-container .controls .button-thumbs-up.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 5197, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle.button-play.playing:not(:hover).contextmenu-active:after,
.view-player-new .player-controls-container .controls .button-repeat.button-play.playing:not(:hover).contextmenu-active:after,
.view-player-new .player-controls-container .controls .button-thumbs-down.button-play.playing:not(:hover).contextmenu-active:after,
.view-player-new .player-controls-container .controls .button-thumbs-up.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover).contextmenu-active:after,
.view-player-new .player-controls-container .controls .button-shuffle.button-play.playing:not(:hover):not(:disabled):hover:after,
.view-player-new .player-controls-container .controls .button-repeat.button-play.playing:not(:hover):not(:disabled):hover:after,
.view-player-new .player-controls-container .controls .button-thumbs-down.button-play.playing:not(:hover):not(:disabled):hover:after,
.view-player-new .player-controls-container .controls .button-thumbs-up.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 5240, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .button-shuffle.button-play.playing:not(:hover).contextmenu-active,
  .view-player-new .player-controls-container .controls .button-repeat.button-play.playing:not(:hover).contextmenu-active,
  .view-player-new .player-controls-container .controls .button-thumbs-down.button-play.playing:not(:hover).contextmenu-active,
  .view-player-new .player-controls-container .controls .button-thumbs-up.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover).contextmenu-active,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover).contextmenu-active,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover).contextmenu-active,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover).contextmenu-active,
  .view-player-new .player-controls-container .controls .button-shuffle.button-play.playing:not(:hover):not(:disabled):hover,
  .view-player-new .player-controls-container .controls .button-repeat.button-play.playing:not(:hover):not(:disabled):hover,
  .view-player-new .player-controls-container .controls .button-thumbs-down.button-play.playing:not(:hover):not(:disabled):hover,
  .view-player-new .player-controls-container .controls .button-thumbs-up.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 5282, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .player-controls-container .controls .button-shuffle.button-play.playing:not(:hover).contextmenu-active:after,
  .view-player-new .player-controls-container .controls .button-repeat.button-play.playing:not(:hover).contextmenu-active:after,
  .view-player-new .player-controls-container .controls .button-thumbs-down.button-play.playing:not(:hover).contextmenu-active:after,
  .view-player-new .player-controls-container .controls .button-thumbs-up.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover).contextmenu-active:after,
  .view-player-new .player-controls-container .controls .button-shuffle.button-play.playing:not(:hover):not(:disabled):hover:after,
  .view-player-new .player-controls-container .controls .button-repeat.button-play.playing:not(:hover):not(:disabled):hover:after,
  .view-player-new .player-controls-container .controls .button-thumbs-down.button-play.playing:not(:hover):not(:disabled):hover:after,
  .view-player-new .player-controls-container .controls .button-thumbs-up.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 5325, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle.button-play.playing:not(:hover):not(:disabled):hover:active,
.view-player-new .player-controls-container .controls .button-repeat.button-play.playing:not(:hover):not(:disabled):hover:active,
.view-player-new .player-controls-container .controls .button-thumbs-down.button-play.playing:not(:hover):not(:disabled):hover:active,
.view-player-new .player-controls-container .controls .button-thumbs-up.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 5347, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.view-player-new .player-controls-container .controls .button-repeat.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.view-player-new .player-controls-container .controls .button-thumbs-down.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.view-player-new .player-controls-container .controls .button-thumbs-up.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 5369, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle.button-play.playing:not(:hover):before,
.view-player-new .player-controls-container .controls .button-repeat.button-play.playing:not(:hover):before,
.view-player-new .player-controls-container .controls .button-thumbs-down.button-play.playing:not(:hover):before,
.view-player-new .player-controls-container .controls .button-thumbs-up.button-play.playing:not(:hover):before,
.tl-row.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):before,
.tl-row.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):before,
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):before,
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):before,
.tl-row.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):before,
.tl-row.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):before,
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):before,
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):before,
.media-object.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):before,
.media-object.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):before,
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):before,
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):before,
.media-object.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:not(:hover):before,
.media-object.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:not(:hover):before,
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:not(:hover):before,
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 4.125px;
  width: calc(100% - 4.125px); }

/* line 5393, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle.button-play.playing:hover:before,
.view-player-new .player-controls-container .controls .button-repeat.button-play.playing:hover:before,
.view-player-new .player-controls-container .controls .button-thumbs-down.button-play.playing:hover:before,
.view-player-new .player-controls-container .controls .button-thumbs-up.button-play.playing:hover:before,
.tl-row.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:hover:before,
.tl-row.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:hover:before,
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:hover:before,
.tl-row.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:hover:before,
.tl-row.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:hover:before,
.tl-row.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:hover:before,
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:hover:before,
.tl-row.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:hover:before,
.media-object.playing .view-player-new .player-controls-container .controls .button-shuffle.button-play:hover:before,
.media-object.playing .view-player-new .player-controls-container .controls .button-repeat.button-play:hover:before,
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-down.button-play:hover:before,
.media-object.playing .view-player-new .player-controls-container .controls .button-thumbs-up.button-play:hover:before,
.media-object.playing.view-player-new .player-controls-container .controls .button-shuffle.button-play:hover:before,
.media-object.playing.view-player-new .player-controls-container .controls .button-repeat.button-play:hover:before,
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-down.button-play:hover:before,
.media-object.playing.view-player-new .player-controls-container .controls .button-thumbs-up.button-play:hover:before {
  content: "\f130"; }

/* line 5415, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle.active,
.view-player-new .player-controls-container .controls .button-repeat.active,
.view-player-new .player-controls-container .controls .button-thumbs-down.active,
.view-player-new .player-controls-container .controls .button-thumbs-up.active {
  color: #008CD6; }

/* line 5421, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle.active.contextmenu-active,
.view-player-new .player-controls-container .controls .button-repeat.active.contextmenu-active,
.view-player-new .player-controls-container .controls .button-thumbs-down.active.contextmenu-active,
.view-player-new .player-controls-container .controls .button-thumbs-up.active.contextmenu-active,
.view-player-new .player-controls-container .controls .button-shuffle.active:not(:disabled):hover,
.view-player-new .player-controls-container .controls .button-repeat.active:not(:disabled):hover,
.view-player-new .player-controls-container .controls .button-thumbs-down.active:not(:disabled):hover,
.view-player-new .player-controls-container .controls .button-thumbs-up.active:not(:disabled):hover {
  color: #00a7ff; }

/* line 5431, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle.drop-target-active,
.view-player-new .player-controls-container .controls .button-repeat.drop-target-active,
.view-player-new .player-controls-container .controls .button-thumbs-down.drop-target-active,
.view-player-new .player-controls-container .controls .button-thumbs-up.drop-target-active {
  color: #000000;
  background-color: #FFFFFF; }

/* line 5438, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle.drop-target-active.contextmenu-active,
.view-player-new .player-controls-container .controls .button-repeat.drop-target-active.contextmenu-active,
.view-player-new .player-controls-container .controls .button-thumbs-down.drop-target-active.contextmenu-active,
.view-player-new .player-controls-container .controls .button-thumbs-up.drop-target-active.contextmenu-active,
.view-player-new .player-controls-container .controls .button-shuffle.drop-target-active:not(:disabled):hover,
.view-player-new .player-controls-container .controls .button-repeat.drop-target-active:not(:disabled):hover,
.view-player-new .player-controls-container .controls .button-thumbs-down.drop-target-active:not(:disabled):hover,
.view-player-new .player-controls-container .controls .button-thumbs-up.drop-target-active:not(:disabled):hover {
  color: #000000; }

/* line 5448, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .player-controls-container .controls .button-shuffle.drop-target-active.contextmenu-active,
.view-player-new .player-controls-container .controls .button-repeat.drop-target-active.contextmenu-active,
.view-player-new .player-controls-container .controls .button-thumbs-down.drop-target-active.contextmenu-active,
.view-player-new .player-controls-container .controls .button-thumbs-up.drop-target-active.contextmenu-active,
.view-player-new .player-controls-container .controls .button-shuffle.drop-target-active:not(:disabled):hover,
.view-player-new .player-controls-container .controls .button-repeat.drop-target-active:not(:disabled):hover,
.view-player-new .player-controls-container .controls .button-thumbs-down.drop-target-active:not(:disabled):hover,
.view-player-new .player-controls-container .controls .button-thumbs-up.drop-target-active:not(:disabled):hover {
  background-color: #282828; }

/* line 5458, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container {
  padding-right: 24px; }

/* line 5461, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics,
.view-player-new .extra-controls-container .button-queue,
.view-player-new .extra-controls-container .button-devices {
  height: 32px;
  line-height: 30px;
  padding-top: 2px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 16px;
  background: transparent;
  color: #56666F;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  width: 32px;
  padding-left: 0;
  padding-right: 0; }

/* line 5478, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics .b-alt-text,
.view-player-new .extra-controls-container .button-queue .b-alt-text,
.view-player-new .extra-controls-container .button-devices .b-alt-text {
  margin-top: -30px; }

/* line 5483, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics.contextmenu-active,
.view-player-new .extra-controls-container .button-queue.contextmenu-active,
.view-player-new .extra-controls-container .button-devices.contextmenu-active,
.view-player-new .extra-controls-container .button-lyrics:not(:disabled):hover,
.view-player-new .extra-controls-container .button-queue:not(:disabled):hover,
.view-player-new .extra-controls-container .button-devices:not(:disabled):hover {
  background-color: transparent;
  color: #282828; }

/* line 5492, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics:not(:disabled):hover:active,
.view-player-new .extra-controls-container .button-queue:not(:disabled):hover:active,
.view-player-new .extra-controls-container .button-devices:not(:disabled):hover:active {
  background: transparent;
  color: #808080;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 5500, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .extra-controls-container .button-lyrics:not(:disabled):hover:active,
  .view-player-new .extra-controls-container .button-queue:not(:disabled):hover:active,
  .view-player-new .extra-controls-container .button-devices:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 5507, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .extra-controls-container .button-lyrics,
  .view-player-new .extra-controls-container .button-queue,
  .view-player-new .extra-controls-container .button-devices {
    transition-duration: 50ms; } }

/* line 5513, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics:after,
.view-player-new .extra-controls-container .button-queue:after,
.view-player-new .extra-controls-container .button-devices:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 5520, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .extra-controls-container .button-lyrics:after,
  .view-player-new .extra-controls-container .button-queue:after,
  .view-player-new .extra-controls-container .button-devices:after {
    transition-duration: 50ms; } }

/* line 5526, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics.contextmenu-active,
.view-player-new .extra-controls-container .button-queue.contextmenu-active,
.view-player-new .extra-controls-container .button-devices.contextmenu-active,
.view-player-new .extra-controls-container .button-lyrics:not(:disabled):hover,
.view-player-new .extra-controls-container .button-queue:not(:disabled):hover,
.view-player-new .extra-controls-container .button-devices:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 5536, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .extra-controls-container .button-lyrics.contextmenu-active,
  .view-player-new .extra-controls-container .button-queue.contextmenu-active,
  .view-player-new .extra-controls-container .button-devices.contextmenu-active,
  .view-player-new .extra-controls-container .button-lyrics:not(:disabled):hover,
  .view-player-new .extra-controls-container .button-queue:not(:disabled):hover,
  .view-player-new .extra-controls-container .button-devices:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 5545, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics.contextmenu-active:after,
.view-player-new .extra-controls-container .button-queue.contextmenu-active:after,
.view-player-new .extra-controls-container .button-devices.contextmenu-active:after,
.view-player-new .extra-controls-container .button-lyrics:not(:disabled):hover:after,
.view-player-new .extra-controls-container .button-queue:not(:disabled):hover:after,
.view-player-new .extra-controls-container .button-devices:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 5555, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .extra-controls-container .button-lyrics.contextmenu-active:after,
  .view-player-new .extra-controls-container .button-queue.contextmenu-active:after,
  .view-player-new .extra-controls-container .button-devices.contextmenu-active:after,
  .view-player-new .extra-controls-container .button-lyrics:not(:disabled):hover:after,
  .view-player-new .extra-controls-container .button-queue:not(:disabled):hover:after,
  .view-player-new .extra-controls-container .button-devices:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 5564, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics:not(:disabled):hover:active,
.view-player-new .extra-controls-container .button-queue:not(:disabled):hover:active,
.view-player-new .extra-controls-container .button-devices:not(:disabled):hover:active {
  transition: none; }

/* line 5569, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics:not(:disabled):hover:active:after,
.view-player-new .extra-controls-container .button-queue:not(:disabled):hover:active:after,
.view-player-new .extra-controls-container .button-devices:not(:disabled):hover:active:after {
  transition: none; }

/* line 5574, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics:before,
.view-player-new .extra-controls-container .button-queue:before,
.view-player-new .extra-controls-container .button-devices:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 32px;
  font-size: 16px;
  padding-left: 8px;
  width: calc(100% - 8px); }

/* line 5595, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics.button-play:before,
.view-player-new .extra-controls-container .button-queue.button-play:before,
.view-player-new .extra-controls-container .button-devices.button-play:before {
  content: "\f132"; }

/* line 5600, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics.button-play.playing:not(:hover),
.view-player-new .extra-controls-container .button-queue.button-play.playing:not(:hover),
.view-player-new .extra-controls-container .button-devices.button-play.playing:not(:hover),
.tl-row.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover),
.tl-row.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover),
.tl-row.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover),
.tl-row.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover),
.tl-row.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover),
.tl-row.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover),
.media-object.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover),
.media-object.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover),
.media-object.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover),
.media-object.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover),
.media-object.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover),
.media-object.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 5617, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics.button-play.playing:not(:hover):after,
.view-player-new .extra-controls-container .button-queue.button-play.playing:not(:hover):after,
.view-player-new .extra-controls-container .button-devices.button-play.playing:not(:hover):after,
.tl-row.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):after,
.tl-row.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover):after,
.tl-row.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover):after,
.tl-row.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):after,
.tl-row.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover):after,
.tl-row.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover):after,
.media-object.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):after,
.media-object.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover):after,
.media-object.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover):after,
.media-object.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):after,
.media-object.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover):after,
.media-object.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 5641, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics.button-play.playing:not(:hover).contextmenu-active,
.view-player-new .extra-controls-container .button-queue.button-play.playing:not(:hover).contextmenu-active,
.view-player-new .extra-controls-container .button-devices.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover).contextmenu-active,
.tl-row.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover).contextmenu-active,
.tl-row.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover).contextmenu-active,
.tl-row.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover).contextmenu-active,
.tl-row.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover).contextmenu-active,
.tl-row.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover).contextmenu-active,
.media-object.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover).contextmenu-active,
.media-object.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover).contextmenu-active,
.media-object.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover).contextmenu-active,
.media-object.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover).contextmenu-active,
.media-object.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover).contextmenu-active,
.media-object.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover).contextmenu-active,
.view-player-new .extra-controls-container .button-lyrics.button-play.playing:not(:hover):not(:disabled):hover,
.view-player-new .extra-controls-container .button-queue.button-play.playing:not(:hover):not(:disabled):hover,
.view-player-new .extra-controls-container .button-devices.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 5673, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics.button-play.playing:not(:hover).contextmenu-active:after,
.view-player-new .extra-controls-container .button-queue.button-play.playing:not(:hover).contextmenu-active:after,
.view-player-new .extra-controls-container .button-devices.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover).contextmenu-active:after,
.view-player-new .extra-controls-container .button-lyrics.button-play.playing:not(:hover):not(:disabled):hover:after,
.view-player-new .extra-controls-container .button-queue.button-play.playing:not(:hover):not(:disabled):hover:after,
.view-player-new .extra-controls-container .button-devices.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 5706, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .extra-controls-container .button-lyrics.button-play.playing:not(:hover).contextmenu-active,
  .view-player-new .extra-controls-container .button-queue.button-play.playing:not(:hover).contextmenu-active,
  .view-player-new .extra-controls-container .button-devices.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover).contextmenu-active,
  .tl-row.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover).contextmenu-active,
  .tl-row.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover).contextmenu-active,
  .view-player-new .extra-controls-container .button-lyrics.button-play.playing:not(:hover):not(:disabled):hover,
  .view-player-new .extra-controls-container .button-queue.button-play.playing:not(:hover):not(:disabled):hover,
  .view-player-new .extra-controls-container .button-devices.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 5738, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .extra-controls-container .button-lyrics.button-play.playing:not(:hover).contextmenu-active:after,
  .view-player-new .extra-controls-container .button-queue.button-play.playing:not(:hover).contextmenu-active:after,
  .view-player-new .extra-controls-container .button-devices.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover).contextmenu-active:after,
  .view-player-new .extra-controls-container .button-lyrics.button-play.playing:not(:hover):not(:disabled):hover:after,
  .view-player-new .extra-controls-container .button-queue.button-play.playing:not(:hover):not(:disabled):hover:after,
  .view-player-new .extra-controls-container .button-devices.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 5771, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics.button-play.playing:not(:hover):not(:disabled):hover:active,
.view-player-new .extra-controls-container .button-queue.button-play.playing:not(:hover):not(:disabled):hover:active,
.view-player-new .extra-controls-container .button-devices.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 5788, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.view-player-new .extra-controls-container .button-queue.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.view-player-new .extra-controls-container .button-devices.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 5805, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics.button-play.playing:not(:hover):before,
.view-player-new .extra-controls-container .button-queue.button-play.playing:not(:hover):before,
.view-player-new .extra-controls-container .button-devices.button-play.playing:not(:hover):before,
.tl-row.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):before,
.tl-row.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover):before,
.tl-row.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover):before,
.tl-row.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):before,
.tl-row.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover):before,
.tl-row.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover):before,
.media-object.playing .view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):before,
.media-object.playing .view-player-new .extra-controls-container .button-queue.button-play:not(:hover):before,
.media-object.playing .view-player-new .extra-controls-container .button-devices.button-play:not(:hover):before,
.media-object.playing.view-player-new .extra-controls-container .button-lyrics.button-play:not(:hover):before,
.media-object.playing.view-player-new .extra-controls-container .button-queue.button-play:not(:hover):before,
.media-object.playing.view-player-new .extra-controls-container .button-devices.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 7px;
  width: calc(100% - 7px); }

/* line 5824, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics.button-play.playing:hover:before,
.view-player-new .extra-controls-container .button-queue.button-play.playing:hover:before,
.view-player-new .extra-controls-container .button-devices.button-play.playing:hover:before,
.tl-row.playing .view-player-new .extra-controls-container .button-lyrics.button-play:hover:before,
.tl-row.playing .view-player-new .extra-controls-container .button-queue.button-play:hover:before,
.tl-row.playing .view-player-new .extra-controls-container .button-devices.button-play:hover:before,
.tl-row.playing.view-player-new .extra-controls-container .button-lyrics.button-play:hover:before,
.tl-row.playing.view-player-new .extra-controls-container .button-queue.button-play:hover:before,
.tl-row.playing.view-player-new .extra-controls-container .button-devices.button-play:hover:before,
.media-object.playing .view-player-new .extra-controls-container .button-lyrics.button-play:hover:before,
.media-object.playing .view-player-new .extra-controls-container .button-queue.button-play:hover:before,
.media-object.playing .view-player-new .extra-controls-container .button-devices.button-play:hover:before,
.media-object.playing.view-player-new .extra-controls-container .button-lyrics.button-play:hover:before,
.media-object.playing.view-player-new .extra-controls-container .button-queue.button-play:hover:before,
.media-object.playing.view-player-new .extra-controls-container .button-devices.button-play:hover:before {
  content: "\f130"; }

/* line 5841, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics.active,
.view-player-new .extra-controls-container .button-queue.active,
.view-player-new .extra-controls-container .button-devices.active {
  color: #008CD6; }

/* line 5846, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics.active.contextmenu-active,
.view-player-new .extra-controls-container .button-queue.active.contextmenu-active,
.view-player-new .extra-controls-container .button-devices.active.contextmenu-active,
.view-player-new .extra-controls-container .button-lyrics.active:not(:disabled):hover,
.view-player-new .extra-controls-container .button-queue.active:not(:disabled):hover,
.view-player-new .extra-controls-container .button-devices.active:not(:disabled):hover {
  color: #00a7ff; }

/* line 5854, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics.drop-target-active,
.view-player-new .extra-controls-container .button-queue.drop-target-active,
.view-player-new .extra-controls-container .button-devices.drop-target-active {
  color: #000000;
  background-color: #FFFFFF; }

/* line 5860, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics.drop-target-active.contextmenu-active,
.view-player-new .extra-controls-container .button-queue.drop-target-active.contextmenu-active,
.view-player-new .extra-controls-container .button-devices.drop-target-active.contextmenu-active,
.view-player-new .extra-controls-container .button-lyrics.drop-target-active:not(:disabled):hover,
.view-player-new .extra-controls-container .button-queue.drop-target-active:not(:disabled):hover,
.view-player-new .extra-controls-container .button-devices.drop-target-active:not(:disabled):hover {
  color: #000000; }

/* line 5868, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .button-lyrics.drop-target-active.contextmenu-active,
.view-player-new .extra-controls-container .button-queue.drop-target-active.contextmenu-active,
.view-player-new .extra-controls-container .button-devices.drop-target-active.contextmenu-active,
.view-player-new .extra-controls-container .button-lyrics.drop-target-active:not(:disabled):hover,
.view-player-new .extra-controls-container .button-queue.drop-target-active:not(:disabled):hover,
.view-player-new .extra-controls-container .button-devices.drop-target-active:not(:disabled):hover {
  background-color: #56666F; }

/* line 5876, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .volumebar-container {
  width: 56px; }

/* line 5879, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .volumebar-container .progress-bar-wrapper .inner {
  background: #56666F; }

/* line 5882, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .volumebar-container .progress-bar-wrapper .handle {
  box-shadow: none; }

/* line 5885, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .extra-controls-container .volumebar-container .progress-bar-wrapper.active .inner,
.view-player-new .extra-controls-container .volumebar-container .progress-bar-wrapper:hover .inner {
  background: #008CD6; }

/* line 5889, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .image-expanded .cover-image-link-wrapper {
  flex-basis: 0; }

/* line 5892, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .image-expanded .now-playing-text-spacer {
  flex-basis: 16px; }

@media (max-height: 768px) {
  /* line 5896, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .image-expanded .now-playing-text-spacer {
    flex-basis: 12px; } }

/* line 5900, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .transitioning .cover-image-link-wrapper {
  transition: all 250ms cubic-bezier(0.3, 0, 0, 1); }

/* line 5903, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .transitioning .now-playing-text-spacer {
  transition: all 250ms cubic-bezier(0.3, 0, 0, 1); }

/* line 5906, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .text-container {
  margin-left: -6px; }

/* line 5909, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .text-container .text-item-container {
  max-width: 100%; }

/* line 5912, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .text-container .text-item-container .text-item {
  position: relative;
  display: inline-block;
  max-width: 100%; }

/* line 5917, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .text-container .text-item-container .text-item.preserve-icon-space {
  padding-right: 32px; }

/* line 5920, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .text-container .text-item-container .text-item .scroll-text-container {
  overflow: hidden;
  position: relative; }

/* line 5924, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .text-container .text-item-container .text-item .scroll-text-container::before,
.view-player-new .text-container .text-item-container .text-item .scroll-text-container::after {
  content: '';
  bottom: 0;
  position: absolute;
  top: 0;
  width: 6px; }

/* line 5940, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .text-container .text-item-container .text-item .scroll-text-container p {
  padding: 0 6px; }

/* line 5943, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .text-container .text-item-container-track {
  height: 24px; }

/* line 5946, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .text-container .text-item-container-artists {
  height: 17px; }

/* line 5949, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .text {
  margin-left: 12px;
  padding-right: 40px;
  overflow: hidden; }

/* line 5954, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .track,
.view-player-new .artist {
  display: block;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  padding-bottom: 1px; }

/* line 5962, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .track {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: #56666F; }

/* line 5969, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .track a {
  color: #56666F; }

/* line 5972, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .artist {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.015em;
  line-height: 18px;
  color: #56666F; }

/* line 5980, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .artist a {
  color: #56666F; }

/* line 5983, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .artist a:hover {
  color: #282828; }

/* line 5986, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .double {
  padding-right: 10px; }

/* line 5989, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .double {
  display: none; }

/* line 5992, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .scrolling .inner-text-span {
  padding-right: 10px; }

/* line 5995, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .scrolling .double {
  display: inline; }

/* line 5998, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button {
  height: 24px;
  line-height: 22px;
  padding-top: 2px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 12px;
  background: transparent;
  color: #56666F;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  width: 24px;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  right: 0;
  top: -4px;
  margin-left: 8px; }

/* line 6017, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button .b-alt-text {
  margin-top: -22px; }

/* line 6020, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button.contextmenu-active,
.view-player-new .nowplaying-add-button:not(:disabled):hover {
  background-color: transparent;
  color: #56666F; }

/* line 6025, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button:not(:disabled):hover:active {
  background: transparent;
  color: #8b949a;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 6031, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .nowplaying-add-button:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 6036, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .nowplaying-add-button {
    transition-duration: 50ms; } }

/* line 6040, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 6045, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .nowplaying-add-button:after {
    transition-duration: 50ms; } }

/* line 6049, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button.contextmenu-active,
.view-player-new .nowplaying-add-button:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 6055, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .nowplaying-add-button.contextmenu-active,
  .view-player-new .nowplaying-add-button:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 6060, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button.contextmenu-active:after,
.view-player-new .nowplaying-add-button:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 6066, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .nowplaying-add-button.contextmenu-active:after,
  .view-player-new .nowplaying-add-button:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 6071, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button:not(:disabled):hover:active {
  transition: none; }

/* line 6074, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button:not(:disabled):hover:active:after {
  transition: none; }

/* line 6077, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 24px;
  font-size: 16px;
  padding-left: 4px;
  width: calc(100% - 4px); }

/* line 6096, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button.button-play:before {
  content: "\f132"; }

/* line 6099, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button.button-play.playing:not(:hover),
.tl-row.playing .view-player-new .nowplaying-add-button.button-play:not(:hover),
.tl-row.playing.view-player-new .nowplaying-add-button.button-play:not(:hover),
.media-object.playing .view-player-new .nowplaying-add-button.button-play:not(:hover),
.media-object.playing.view-player-new .nowplaying-add-button.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 6106, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button.button-play.playing:not(:hover):after,
.tl-row.playing .view-player-new .nowplaying-add-button.button-play:not(:hover):after,
.tl-row.playing.view-player-new .nowplaying-add-button.button-play:not(:hover):after,
.media-object.playing .view-player-new .nowplaying-add-button.button-play:not(:hover):after,
.media-object.playing.view-player-new .nowplaying-add-button.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 6120, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .view-player-new .nowplaying-add-button.button-play:not(:hover).contextmenu-active,
.tl-row.playing.view-player-new .nowplaying-add-button.button-play:not(:hover).contextmenu-active,
.media-object.playing .view-player-new .nowplaying-add-button.button-play:not(:hover).contextmenu-active,
.media-object.playing.view-player-new .nowplaying-add-button.button-play:not(:hover).contextmenu-active,
.view-player-new .nowplaying-add-button.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 6132, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .view-player-new .nowplaying-add-button.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.view-player-new .nowplaying-add-button.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .view-player-new .nowplaying-add-button.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.view-player-new .nowplaying-add-button.button-play:not(:hover).contextmenu-active:after,
.view-player-new .nowplaying-add-button.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 6145, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .nowplaying-add-button.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .view-player-new .nowplaying-add-button.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.view-player-new .nowplaying-add-button.button-play:not(:hover).contextmenu-active,
  .media-object.playing .view-player-new .nowplaying-add-button.button-play:not(:hover).contextmenu-active,
  .media-object.playing.view-player-new .nowplaying-add-button.button-play:not(:hover).contextmenu-active,
  .view-player-new .nowplaying-add-button.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 6157, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .view-player-new .nowplaying-add-button.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .view-player-new .nowplaying-add-button.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.view-player-new .nowplaying-add-button.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .view-player-new .nowplaying-add-button.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.view-player-new .nowplaying-add-button.button-play:not(:hover).contextmenu-active:after,
  .view-player-new .nowplaying-add-button.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 6170, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 6177, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.view-player-new .nowplaying-add-button.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 6184, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button.button-play.playing:not(:hover):before,
.tl-row.playing .view-player-new .nowplaying-add-button.button-play:not(:hover):before,
.tl-row.playing.view-player-new .nowplaying-add-button.button-play:not(:hover):before,
.media-object.playing .view-player-new .nowplaying-add-button.button-play:not(:hover):before,
.media-object.playing.view-player-new .nowplaying-add-button.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 3px;
  width: calc(100% - 3px); }

/* line 6193, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button.button-play.playing:hover:before,
.tl-row.playing .view-player-new .nowplaying-add-button.button-play:hover:before,
.tl-row.playing.view-player-new .nowplaying-add-button.button-play:hover:before,
.media-object.playing .view-player-new .nowplaying-add-button.button-play:hover:before,
.media-object.playing.view-player-new .nowplaying-add-button.button-play:hover:before {
  content: "\f130"; }

/* line 6200, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button.active {
  color: #008CD6; }

/* line 6203, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button.active.contextmenu-active,
.view-player-new .nowplaying-add-button.active:not(:disabled):hover {
  color: #00a7ff; }

/* line 6207, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button.drop-target-active {
  color: #000000;
  background-color: #FFFFFF; }

/* line 6211, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button.drop-target-active.contextmenu-active,
.view-player-new .nowplaying-add-button.drop-target-active:not(:disabled):hover {
  color: #000000; }

/* line 6215, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button.drop-target-active.contextmenu-active,
.view-player-new .nowplaying-add-button.drop-target-active:not(:disabled):hover {
  background-color: #282828; }

/* line 6219, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-player-new .nowplaying-add-button.added {
  color: #008CD6; }

/* End Other styles */
/* line 6223, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-search {
  float: left; }

/* line 6226, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-search label {
  display: none; }

/* line 6229, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-search span {
  position: absolute;
  top: 0; }

/* line 6233, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-search span.spoticon-search-16 {
  left: 5px;
  color: #282828; }

/* line 6237, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-search span.spoticon-x-16 {
  right: 8px;
  top: 1px; }

/* line 6241, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-search span.spoticon-x-16:before {
  font-size: 11px; }

/* line 6244, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-search .search-form {
  display: inline-block;
  position: relative;
  line-height: 24px; }

/* line 6249, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-search .search-form input[type=search] {
  width: 240px;
  height: 24px;
  line-height: 19px;
  padding: 3px 20px 2px 26px;
  display: block;
  border-radius: 12px;
  background-color: #EBEFF1;
  border: 1px solid #E5E8EA; }

/* line 6259, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-search .search-form input[type=search]::-webkit-input-placeholder {
  color: #282828; }

/* line 6262, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.view-search .search-form input[type=search]:focus::-webkit-input-placeholder {
  color: transparent; }

/* line 6265, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.search-suggest {
  transition: 1s opacity;
  position: absolute;
  top: 40px;
  max-height: calc(100vh -  128px);
  z-index: 10; }

/* line 6272, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.search-suggest iframe {
  max-height: 100%;
  box-shadow: 0px 0px 4px #ffffff;
  border-radius: 5px; }

/* line 6277, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.search-suggest {
  left: 100px; }

/* line 6280, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.header-inline-controls .search-suggest {
  left: 164px; }

/* line 6283, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-share {
  z-index: 9999;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

/* line 6291, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-share iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto auto; }

/* line 6299, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.upgrade-button {
  display: flex;
  align-items: center; }

/* line 6303, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.upgrade-button .button {
  max-width: 190px; }

/* line 6306, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.upgrade-button .blue-border {
  height: 24px;
  line-height: 22px;
  padding-top: 2px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 12px;
  background: rgba(86, 102, 111, 0.7);
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  box-shadow: inset 0 0 0 1px #4687D6; }

/* line 6319, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.upgrade-button .blue-border .b-alt-text {
  margin-top: -22px; }

/* line 6322, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.upgrade-button .blue-border.contextmenu-active,
.upgrade-button .blue-border:not(:disabled):hover {
  background-color: rgba(86, 102, 111, 0.7);
  color: #ffffff; }

/* line 6327, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.upgrade-button .blue-border:not(:disabled):hover:active {
  background: rgba(16, 16, 16, 0.76);
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 6333, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .upgrade-button .blue-border:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 6338, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .upgrade-button .blue-border {
    transition-duration: 50ms; } }

/* line 6342, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.upgrade-button .blue-border:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 6347, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .upgrade-button .blue-border:after {
    transition-duration: 50ms; } }

/* line 6351, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.upgrade-button .blue-border.contextmenu-active,
.upgrade-button .blue-border:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 6357, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .upgrade-button .blue-border.contextmenu-active,
  .upgrade-button .blue-border:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 6362, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.upgrade-button .blue-border.contextmenu-active:after,
.upgrade-button .blue-border:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 6368, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .upgrade-button .blue-border.contextmenu-active:after,
  .upgrade-button .blue-border:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 6373, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.upgrade-button .blue-border:not(:disabled):hover:active {
  transition: none; }

/* line 6376, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.upgrade-button .blue-border:not(:disabled):hover:active:after {
  transition: none; }

/* line 6379, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.upgrade-button .blue-border:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px #4687D6; }

/* line 6389, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.upgrade-button .blue-border.contextmenu-active,
.upgrade-button .blue-border:not(:disabled):hover {
  box-shadow: inset 0 0 0 1px #4491ee, 0 0 0 1px transparent; }

/* line 6393, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.upgrade-button .blue-border.contextmenu-active:after,
.upgrade-button .blue-border:not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px #4491ee; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 6398, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .upgrade-button .blue-border.contextmenu-active,
  .upgrade-button .blue-border:not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #4491ee; }
  /* line 6402, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .upgrade-button .blue-border.contextmenu-active:after,
  .upgrade-button .blue-border:not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #4491ee; } }

/* line 6407, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.upgrade-button .blue-border:not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px #386cab; }

/* line 6410, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.upgrade-button .blue-border:not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px #386cab; }

/* line 6413, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.upgrade-button .blue-border.contextmenu-active,
.upgrade-button .blue-border:not(:disabled):hover {
  transform: scale(1.08333333); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 6418, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .upgrade-button .blue-border.contextmenu-active,
  .upgrade-button .blue-border:not(:disabled):hover {
    transform: scale(1.08333333); } }

/* line 6423, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#delete-playlist {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none; }

/* line 6431, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#delete-playlist .dropdown-menu {
  position: absolute;
  display: block;
  padding: 15px 40px 10px 40px;
  text-align: center; }

/* line 6437, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#delete-playlist .dropdown-menu:focus {
  outline: none; }

/* line 6440, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#delete-playlist .dropdown-menu button {
  margin-left: 6px;
  margin-right: 6px; }

/* line 6444, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-leaderboard-ad {
  position: relative;
  background-color: #f2f3f6; }

/* line 6448, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-leaderboard-ad #leaderboard-ad-wrapper {
  border-top: 1px solid #E5E8EA; }

/* line 6451, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-leaderboard-ad .ad-feedback-button {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 16px;
  z-index: 2; }

/* line 6458, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-leaderboard-ad .close-button-container {
  position: relative; }

/* line 6461, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-leaderboard-ad a.close {
  position: absolute;
  right: 0px;
  top: 1px;
  color: #56666F;
  background: #f2f3f6;
  font-size: 24px;
  padding: 10px 11px 11px 13px;
  cursor: pointer;
  border: 0px;
  z-index: 5;
  opacity: 0; }

/* line 6474, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-leaderboard-ad a.close.active {
  opacity: 0.75;
  transition: opacity 1s; }

/* line 6478, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal {
  /*! Quill Editor v0.19.8
 *  https://quilljs.com/
 *  Copyright (c) 2014, Jason Chen
 *  Copyright (c) 2013, salesforce.com
 */ }

/* line 6485, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .iframe-modal .popover-content {
  padding: 0;
  height: 369px;
  overflow: hidden; }

/* line 6490, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .iframe-modal .popover-content iframe {
  width: 100%;
  height: 100%; }

/* line 6494, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .default .popover-content {
  padding: 32px; }

/* line 6497, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .popover-content:focus {
  outline: none; }

/* line 6500, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .avoid-duplicates {
  width: 530px;
  margin-left: -265px;
  margin-top: -100px; }

/* line 6505, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .avoid-duplicates .popover-content {
  height: auto;
  text-align: center;
  padding: 6px 16px; }

/* line 6510, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .popover-footer {
  outline: none;
  padding-top: 9px;
  text-align: center; }

/* line 6515, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal.modal-transparent .modal-backdrop {
  background-color: transparent; }

/* line 6518, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-link-tooltip {
  padding: 5px 10px; }

/* line 6521, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-link-tooltip input.input {
  width: 170px; }

/* line 6524, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-link-tooltip input.input,
#view-modal .ql-link-tooltip a.done {
  display: none; }

/* line 6528, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-link-tooltip.editing input.input,
#view-modal .ql-link-tooltip.editing a.done {
  display: inline-block; }

/* line 6532, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-link-tooltip.editing a.url,
#view-modal .ql-link-tooltip.editing a.change {
  display: none; }

/* line 6536, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-paste-manager {
  left: -100000px;
  position: absolute;
  top: 50%; }

/* line 6541, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-toolbar {
  box-sizing: border-box; }

/* line 6544, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-tooltip {
  background-color: #fff;
  border: 1px solid #000;
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  white-space: nowrap;
  z-index: 2000; }

/* line 6553, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-tooltip a {
  cursor: pointer;
  text-decoration: none; }

/* line 6557, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-container {
  box-sizing: border-box;
  cursor: text;
  font-family: Helvetica, 'Arial', sans-serif;
  font-size: 13px;
  height: 100%;
  line-height: 1.42;
  margin: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 12px 15px;
  position: relative; }

/* line 6570, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-editor {
  box-sizing: border-box;
  min-height: 100%;
  outline: none;
  tab-size: 4;
  white-space: pre-wrap; }

/* line 6577, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-editor div {
  margin: 0;
  padding: 0; }

/* line 6581, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-editor a {
  text-decoration: underline; }

/* line 6584, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-editor b {
  font-weight: bold; }

/* line 6587, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-editor i {
  font-style: italic; }

/* line 6590, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-editor s {
  text-decoration: line-through; }

/* line 6593, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-editor u {
  text-decoration: underline; }

/* line 6596, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-editor img {
  max-width: 100%; }

/* line 6599, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-editor blockquote,
#view-modal .ql-editor ol,
#view-modal .ql-editor ul {
  margin: 0 0 0 2em;
  padding: 0; }

/* line 6605, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-editor ol {
  list-style-type: decimal; }

/* line 6608, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-editor ul {
  list-style-type: disc; }

/* line 6611, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-editor.ql-ie-9 br,
#view-modal .ql-editor.ql-ie-10 br {
  display: none; }

/* line 6615, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-snow .ql-link-tooltip a,
#view-modal .ql-snow .ql-link-tooltip span {
  line-height: 25px; }

/* line 6619, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-snow.ql-toolbar {
  box-sizing: border-box;
  padding: 8px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

/* line 6627, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-snow.ql-toolbar .ql-format-group {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle; }

/* line 6632, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-snow.ql-toolbar .ql-format-separator {
  box-sizing: border-box;
  background-color: #ddd;
  display: inline-block;
  height: 14px;
  margin-left: 4px;
  margin-right: 4px;
  vertical-align: middle;
  width: 1px; }

/* line 6642, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-snow.ql-toolbar .ql-format-button {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  width: 24px; }

/* line 6655, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-snow.ql-toolbar .ql-format-button.ql-link,
#view-modal .ql-snow.ql-toolbar .ql-picker.ql-link .ql-picker-label,
#view-modal .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=link],
#view-modal .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=link] {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAllBMVEUAAAD///9VVVVJSUk5OTlAQEBHR0dFRUVCQkJHR0dBQUFCQkJGRkZDQ0NGRkZFRUVCQkJDQ0NERERDQ0NERERFRUVERERFRUVDQ0NERERFRUVERERERERFRUVERERERERERERERERFRUVERERFRUVFRUVERERERERERERERERERERERERERERERERERERERERERERERETx5KUoAAAAMXRSTlMAAAYHCQwZGiMkJzIzOUJOYGNlfoCJl5ibnaCxtLa8xsfIycrQ1OHi5uvs7e/19vn8NGTYeAAAAJdJREFUeNqN0McOgkAARdGnFJWiKGBhEEFpSn3//3OGjMmQ6MK7PMuLxVe/CXDTPl5DJmk3cOTTmZE7MDQES11RyhBY5vQU9aOB2z3gWVFMsXywYx3t9Q9tXsyDjlOVLQlOyanOL1ibkqB7l5odM01QSJqK6GdXmGwUHVhowImJIr2iMI9sLUWwa5LtFjPCSjSJBUl//HoDlmQPy0DFuCkAAAAASUVORK5CYII="); }

/* line 6661, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-snow.ql-toolbar .ql-format-button.ql-link.ql-active,
#view-modal .ql-snow.ql-toolbar .ql-picker.ql-link .ql-picker-label.ql-active,
#view-modal .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=link].ql-active,
#view-modal .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=link].ql-selected,
#view-modal .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-link:hover,
#view-modal .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-link .ql-picker-label:hover,
#view-modal .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=link]:hover,
#view-modal .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=link]:hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAmVBMVEUAAAD///8AVdUAbdsAccYAatUAZswAYs4AZswAY80AacsAZswAZM0AZ8kAZM0AZcsAZcoAZMsAZcoAZcoAZssAZs0AZs0AZ8wAZs0AZswAZs0AZswAZs0AZswAZs0AZs0AZs0AZ8wAZswAZcwAZs0AZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsy/jsjWAAAAMnRSTlMAAAYHCQwZGiMkJzIzOUJOYGNlfoCAiZeYm52gsbS2vMbHyMnK0NTh4ubr7O3v9fb5/BM/koAAAACXSURBVHjajdDbEoFQAIXhpROqiAjaSdGJSq33fzjTbDO7GS78l9/lj9lXvwnw0le8gEzSuufAhzshr2doCpaGopQhoOX0Fb0GE9fbnidFMYV2Z8c62hgfWj6Z7zqOVY4kuCXHuqBgbUmC4Z9rdsx0QSFpLGKQXWCxUbRloQNHJoqMisI6sLUVwalJtitMCHPRJDYk/fHrDdIHECSPJag6AAAAAElFTkSuQmCC"); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 6672, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-modal .ql-snow.ql-toolbar .ql-format-button.ql-link,
  #view-modal .ql-snow.ql-toolbar .ql-picker.ql-link .ql-picker-label,
  #view-modal .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=link],
  #view-modal .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=link] {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAABDlBMVEUAAAD///8AAACAgIBVVVVAQEAzMzNVVVVAQEBNTU1HR0dAQEBJSUlGRkZDQ0NAQEBERERHR0dGRkZDQ0NBQUFGRkZERERCQkJGRkZFRUVCQkJFRUVERERDQ0NDQ0NCQkJFRUVDQ0NERERDQ0NFRUVDQ0NFRUVFRUVFRUVFRUVERERDQ0NFRUVERERFRUVERERERERDQ0NFRUVFRUVERERERERERERERERFRUVERERERERERERFRUVDQ0NERERERERFRUVERERERERERERERERERERERERERERERERERERERERFRUVERERERERERERERERERERERERERERERERERERERERERERERERERERERESFPz0UAAAAWXRSTlMAAAECAwQFBggKEhQVFhccHiQoKissLTIzNDpGR0hMTU5QUlRVW12BgoaHjI2PmJmam5ygpKWosbKztLW6vcDD0NLT2Nna3N7g4eLj5Ofo6err7u/w8vn7/A90CXkAAAFqSURBVDjLzdTHUgJREIXho8yo6JgFc0LFjAkVMZAFJYrCzP/+L+JCtJipS5U7Patbt79Vd1dr6BfRHyBJUiie6dSSiwrEh2aeAPAO7cEoUqWXdHgQirQAOh7A46gZzVQBzsfmSgAnRhR6AjiS5OQAd9aE4t9GmqoCCRPKAGe9zzhQDxlQBzpjknab9c2RD2DBgGrgzUlqQnfrHlg3oGug6Eh1oFsAEtvLVhAteUBuSjseP2lfzQf6dARQjY/s9SncY9uH7DQA7+ky/XkI+8YSfvRVC6k3AO4s34BHT90+1N2yYq8A+/5V0Wyi0ac2NJkD3KgfSaGF9QRQ9oCC5JSAiyCStA2k9jzISooCFQNaBlpWrJBdkTThQsOA7DYQ+3pbKeDWgHQFvDiSNJwEWDWheRfIOZKVBLiRCekYoBiZSAHkx83IfgDABXielhkpfAcAkJ/WICTrwAXgZlyDkRS9rDRu1wJL98/u0yeVYHcP1mwWWgAAAABJRU5ErkJggg=="); }
  /* line 6678, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-modal .ql-snow.ql-toolbar .ql-format-button.ql-link.ql-active,
  #view-modal .ql-snow.ql-toolbar .ql-picker.ql-link .ql-picker-label.ql-active,
  #view-modal .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=link].ql-active,
  #view-modal .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=link].ql-selected,
  #view-modal .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-link:hover,
  #view-modal .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-link .ql-picker-label:hover,
  #view-modal .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=link]:hover,
  #view-modal .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=link]:hover {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAABDlBMVEUAAAD///8AAP8AgP8AVaoAgL8AZswAVdUAYL8AZswAY8YAZswAYc4AaNEAZMgAZMgAZswAY80AZswAZ8gAZcoAaMsAZswAZswAZM0AZ8kAZcoAZswAZc0AZ8oAZc0AZ8oAZcsAZswAZ8oAZMsAZswAZc0AZcsAZ84AZswAZ84AZswAZswAZ8wAZs0AZs0AZs0AZ80AZswAZ8wAZswAZ8wAZswAZs0AZs0AZs0AZ8wAZswAZ8wAZ8wAZ8wAZs0AZswAZs0AZswAZswAZswAZswAZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsxCnEEHAAAAWXRSTlMAAAECAwQFBggKEhQVFhccHiQoKissLTIzNDpGR0hMTU5QUlRVW12BgoaHjI2PmJmam5ygpKWosbKztLW6vcDD0NLT2Nna3N7g4eLj5Ofo6err7u/w8vn7/A90CXkAAAFqSURBVDjLzdTHUgJREIXho8yo6JgFc0LFjAkVMZAFJYrCzP/+L+JCtJipS5U7Patbt79Vd1dr6BfRHyBJUiie6dSSiwrEh2aeAPAO7cEoUqWXdHgQirQAOh7A46gZzVQBzsfmSgAnRhR6AjiS5OQAd9aE4t9GmqoCCRPKAGe9zzhQDxlQBzpjknab9c2RD2DBgGrgzUlqQnfrHlg3oGug6Eh1oFsAEtvLVhAteUBuSjseP2lfzQf6dARQjY/s9SncY9uH7DQA7+ky/XkI+8YSfvRVC6k3AO4s34BHT90+1N2yYq8A+/5V0Wyi0ac2NJkD3KgfSaGF9QRQ9oCC5JSAiyCStA2k9jzISooCFQNaBlpWrJBdkTThQsOA7DYQ+3pbKeDWgHQFvDiSNJwEWDWheRfIOZKVBLiRCekYoBiZSAHkx83IfgDABXielhkpfAcAkJ/WICTrwAXgZlyDkRS9rDRu1wJL98/u0yeVYHcP1mwWWgAAAABJRU5ErkJggg=="); } }

/* line 6689, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-snow .ql-tooltip {
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #222; }

/* line 6694, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-snow .ql-tooltip a {
  color: #06c; }

/* line 6697, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-snow .ql-tooltip .input {
  border: 1px solid #ccc;
  margin: 0px;
  padding: 5px; }

/* line 6702, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .ql-snow a {
  color: #06c; }

/* line 6705, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate {
  width: 698px;
  margin-left: -349px;
  max-height: 513px;
  margin-top: -256px; }

/* line 6711, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .image-wrapper {
  position: relative; }

/* line 6714, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .controls {
  width: 100%;
  position: absolute;
  bottom: 10px;
  text-align: center; }

/* line 6720, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .replace-image-button,
#view-modal .playlist-annotate .remove-image-button,
#view-modal .playlist-annotate .choose-image-button {
  margin-top: 10px;
  width: 90%; }

/* line 6726, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .replace-image-button,
#view-modal .playlist-annotate .remove-image-button {
  display: none; }

/* line 6730, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .has-image .choose-image-button {
  display: none; }

/* line 6733, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .has-image:hover .replace-image-button,
#view-modal .playlist-annotate .has-image:hover .remove-image-button {
  display: inline-block; }

/* line 6737, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .dropzone-wrapper {
  display: none;
  pointer-events: none; }

/* line 6741, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .dropzone-message,
#view-modal .playlist-annotate .dropzone-error-message {
  margin: auto; }

/* line 6745, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate.drag .dropzone-wrapper {
  outline-offset: -5px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(86, 102, 111, 0.75);
  z-index: 5; }

/* line 6756, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate.drag.drag-valid .dropzone-wrapper {
  outline: 2px dashed #56666F; }

/* line 6759, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate.drag.drag-valid .dropzone-wrapper .dropzone-error-message {
  display: none; }

/* line 6762, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate.drag.drag-invalid .dropzone-wrapper {
  outline: 2px dashed #CD1A2B; }

/* line 6765, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate.drag.drag-invalid .dropzone-wrapper .dropzone-message {
  display: none; }

/* line 6768, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .name-field-wrapper {
  position: relative; }

/* line 6771, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .name-field {
  padding-right: 76px; }

/* line 6774, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .name-field-char-counter {
  position: absolute;
  width: 66px;
  top: 6px;
  right: 5px; }

/* line 6780, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .description-field-wrapper {
  height: 210px;
  resize: none;
  position: relative; }

/* line 6785, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .description-field-wrapper.has-editor {
  padding: 0; }

/* line 6788, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .description-field-wrapper.has-editor .ql-container {
  padding: 0;
  font-family: inherit; }

/* line 6792, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .description-field-wrapper.has-editor .ql-editor a {
  text-decoration: none;
  color: #4687D6; }

/* line 6796, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .description-field-char-counter {
  position: absolute;
  width: 66px;
  right: 15px; }

/* line 6801, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .toolbar {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #ccc; }

/* line 6807, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .toolbar .ql-link {
  background-position: left center;
  padding-left: 24px;
  width: auto; }

/* line 6812, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .image-upload-progress-bar {
  pointer-events: none;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 5px;
  background-color: #008CD6;
  transition: width 0.25s ease-out; }

/* line 6823, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .image-upload-progress-bar.no-transition {
  transition: none; }

/* line 6826, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .placeholder {
  display: none;
  position: absolute;
  pointer-events: none;
  top: 6px;
  left: 13px; }

/* line 6833, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .placeholder,
#view-modal .playlist-annotate .description-field-wrapper::-webkit-input-placeholder {
  color: #56666F; }

/* line 6837, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .show-placeholder .placeholder {
  display: block; }

/* line 6840, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .error-message-wrapper {
  transition: opacity 0.1s ease-out;
  display: flex;
  align-items: stretch;
  opacity: 0;
  color: #FFFFFF;
  pointer-events: none; }

/* line 6848, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .error-message-wrapper.has-error > *,
#view-modal .playlist-annotate .error-message-wrapper.has-warning > * {
  padding: 5px 10px; }

/* line 6852, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .error-message-wrapper.has-error > * {
  background: #CD1A2B; }

/* line 6855, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .error-message-wrapper.has-warning > * {
  background: #4687D6; }

/* line 6858, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .error-message-wrapper.has-error,
#view-modal .playlist-annotate .error-message-wrapper.has-warning {
  pointer-events: auto;
  opacity: 1; }

/* line 6863, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .error-message-wrapper #error-message-bar {
  flex: 1;
  padding-left: 5px; }

/* line 6867, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .error-message-wrapper #error-message-bar::after {
  float: right;
  content: attr(data-close);
  color: #FFFFFF;
  opacity: 0;
  transition: opacity 0.1s ease-in-out; }

/* line 6874, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .error-message-wrapper #error-message-bar:hover {
  cursor: pointer; }

/* line 6877, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .error-message-wrapper #error-message-bar:hover::after {
  opacity: 1; }

/* line 6880, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate .permission-message {
  font-size: 12px; }

/* line 6883, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .playlist-annotate input[type="submit"] {
  position: absolute;
  top: -1000px; }

/* line 6887, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .full-screen-modal-container {
  max-height: none;
  height: 100%;
  top: 0;
  width: 100%;
  left: 0;
  margin-top: 0;
  margin-left: 0;
  background: none transparent; }

/* line 6897, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .full-screen-modal-container .popover-content {
  height: 100%;
  padding: 0;
  overflow: hidden; }

/* line 6902, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .full-screen-modal-container iframe {
  width: 100%;
  height: 100%;
  background: transparent; }

/* line 6907, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .fit-01 {
  width: 100%; }

/* line 6910, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .fit-02 {
  width: 50%; }

/* line 6913, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .fit-03 {
  width: 33.33333333%; }

/* line 6916, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .fit-04 {
  width: 25%; }

/* line 6919, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .fit-05 {
  width: 20%; }

/* line 6922, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .fit-06 {
  width: 16.66666667%; }

/* line 6925, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .fit-07 {
  width: 14.28571429%; }

/* line 6928, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .fit-08 {
  width: 12.5%; }

/* line 6931, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .fit-09 {
  width: 11.11111111%; }

/* line 6934, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .fit-10 {
  width: 10%; }

/* line 6937, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .fit-11 {
  width: 9.09090909%; }

/* line 6940, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .fit-12 {
  width: 8.33333333%; }

/* line 6943, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .popover-cell {
  display: inline-block;
  padding: 9px 9px; }

/* line 6947, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .popover-grid {
  margin: -9px -14px; }

/* line 6950, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .popover-grid * {
  font-size: 0px; }

/* line 6953, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .popover-grid h1 {
  font-size: 48px;
  margin: 0px; }

/* line 6957, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .popover-grid h2 {
  font-size: 36px;
  margin: 0px; }

/* line 6961, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .popover-grid h3 {
  font-size: 28px;
  margin: 0px; }

/* line 6965, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .popover-grid h4 {
  font-size: 18px;
  margin: 0px; }

/* line 6969, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .popover-grid h5 {
  font-size: 14px;
  margin: 0px; }

/* line 6973, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .popover-grid h6 {
  font-size: 12px;
  margin: 0px; }

/* line 6977, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .popover-grid p,
#view-modal .popover-grid input,
#view-modal .popover-grid textarea {
  font-size: 14px;
  margin: 0px; }

/* line 6983, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-modal .licenses-modal iframe {
  background-color: #FFFFFF; }

/* line 6986, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#churned-locked-state {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background-color: rgba(30, 50, 100, 0.92);
  color: white;
  text-align: center;
  display: none;
  overflow: auto; }

/* line 6999, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#churned-locked-state .overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* line 7010, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#churned-locked-state .message-highlight {
  background: #eb1e32;
  text-transform: uppercase;
  font-size: 1.1125em;
  line-height: 2.95em;
  letter-spacing: 0.125em; }

@media (max-height: 600px) {
  /* line 7018, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #churned-locked-state .message-highlight {
    font-size: 0.89em; } }

/* line 7022, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#churned-locked-state .message {
  max-width: 448px;
  margin: 0 auto; }

/* line 7026, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#churned-locked-state .message-title {
  font-size: 3.75em;
  font-weight: 400; }

@media (max-height: 600px) {
  /* line 7031, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #churned-locked-state .message-title {
    font-size: 3em; } }

@media (max-height: 600px) {
  /* line 7036, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #churned-locked-state .message-title {
    line-height: 1em; } }

/* line 7040, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#churned-locked-state .message-description {
  margin-top: 30px;
  font-size: 1.25em; }

@media (max-height: 600px) {
  /* line 7045, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #churned-locked-state .message-description {
    font-size: 1em; } }

/* line 7049, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#churned-locked-state .update-payment {
  margin-top: 25px; }

/* line 7052, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#churned-locked-state .message-cancel-sub {
  display: block;
  margin-top: 60px;
  font-size: 1.25em; }

@media (max-height: 600px) {
  /* line 7058, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #churned-locked-state .message-cancel-sub {
    font-size: 1em; } }

/* line 7062, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#churned-locked-state .cancel-sub {
  color: #008CD6; }

/* line 7065, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-buddy-list {
  width: 256px;
  min-width: 140px;
  max-width: 400px;
  position: relative;
  background-color: #f2f3f6; }

@media screen and (max-width: 1190px) {
  /* line 7073, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-buddy-list {
    display: none; } }

/* line 7077, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.hide-buddy-list #view-buddy-list {
  display: none; }

/**
 * Make sure the billboard ad doesn't cover the buddy feed
 */
/* line 7083, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-active-padder {
  display: none;
  height: 122px;
  background-color: #121314; }

/* line 7088, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-active .billboard-active-padder {
  display: block; }

@media (max-height: 1px) {
  /* line 7092, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  header,
  #main {
    display: none; }
  /* line 7096, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player {
    min-width: 100%;
    max-width: 100%;
    height: 100% !important;
    display: flex;
    flex-flow: column;
    position: relative; }
  /* line 7104, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player #miniplayer {
    flex: 1;
    display: flex;
    flex-flow: row-reverse; }
  /* line 7109, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player #miniplayer .miniplayer-bg {
    display: block;
    position: absolute;
    bottom: 0;
    right: 100vh;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center; }
  /* line 7119, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player #miniplayer .miniplayer-bg::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(86, 102, 111, 0.7) 0%, rgba(86, 102, 111, 0.7) 50%, #000000 100%); }
  /* line 7128, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player #miniplayer .cover {
    position: relative; }
  /* line 7131, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player #miniplayer .cover figure {
    width: 100vh;
    height: 100vh;
    background-size: cover;
    margin: 0; }
  /* line 7137, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player #miniplayer .metadata {
    flex: 1;
    margin: 0 8px;
    padding-top: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-flow: row;
    align-items: center; }
  /* line 7147, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player #miniplayer .metadata > div {
    width: 100%; }
  /* line 7150, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player #miniplayer .metadata h4,
  #view-player #miniplayer .metadata h5 {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  /* line 7157, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player #miniplayer .expand {
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 6px;
    width: 12px;
    height: 12px;
    background-color: #FFF;
    display: none; }
  /* line 7167, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player .player-controls-container {
    position: relative;
    height: 40px;
    padding-top: 0;
    padding-right: 100vh; }
  /* line 7173, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player .player-controls-container #controls {
    margin: 0 8px; }
  /* line 7176, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player .player-controls-container #elapsed,
  #view-player .player-controls-container #remaining {
    display: none; }
  /* line 7180, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player .player-controls-container #progressbar {
    margin: 0; }
  /* line 7183, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player .player-controls-container #progressbar .progress-bar-wrapper {
    position: initial; }
  /* line 7186, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player .player-controls-container #progressbar .progress-bar-wrapper .progress-bar {
    bottom: 0;
    top: auto;
    right: 100vh;
    height: 2px;
    border-radius: 0; }
  /* line 7193, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player .player-controls-container #extra-buttons {
    margin: 3px 8px 8px auto; }
  /* line 7196, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player .player-controls-container #extra-buttons button:hover:not(.button-no-hover) {
    background-color: transparent; }
  /* line 7199, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player .player-controls-container #offline {
    margin: 6px 10px 0 0; }
  /* line 7202, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player .player-controls-container #offline span {
    display: none; }
  /* line 7205, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player #lyrics-button,
  #view-player #queue,
  #view-player #connecticon,
  #view-player #volumebar-container,
  #view-player .remote-playback-bar:before {
    display: none; } }

@media (max-height: 1px) and (max-aspect-ratio: 199 / 100) {
  /* line 7214, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player #miniplayer {
    flex-flow: column;
    padding-top: 20px; }
  /* line 7218, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player #miniplayer .miniplayer-bg {
    right: 0; }
  /* line 7221, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player #miniplayer .cover {
    text-align: center; }
  /* line 7224, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player #miniplayer .cover figure {
    height: calc(100vh - 113px);
    width: calc(100vh - 113px);
    margin: auto; }
  /* line 7229, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player #miniplayer .metadata {
    padding-top: 10px;
    margin: 0; }
  /* line 7233, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player .player-controls-container {
    padding-right: 0; }
  /* line 7236, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player .player-controls-container #progressbar .progress-bar-wrapper {
    position: relative; }
  /* line 7239, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player .player-controls-container #progressbar .progress-bar-wrapper .progress-bar {
    right: 0;
    top: 0;
    margin: auto;
    height: 4px;
    border-radius: 2px; }
  /* line 7246, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #view-player .player-controls-container #extra-buttons {
    margin-left: 10px; } }

/* line 7250, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-video {
  position: absolute;
  z-index: 998;
  width: 100%;
  height: 100%;
  display: none; }

/* line 7257, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-video video,
#sidebar-video-container video {
  width: 100%;
  height: 100%;
  background-color: #000000; }

/* line 7263, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button-wrapper {
  position: absolute;
  z-index: 999;
  top: 15px;
  right: 20px;
  opacity: .3;
  transition: opacity 66ms cubic-bezier(0.3, 0, 0, 1); }

/* line 7271, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button-wrapper:hover {
  transition: opacity 50ms cubic-bezier(0.3, 0, 0.7, 1);
  opacity: .7; }

/* line 7275, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button-wrapper:focus {
  transition: opacity 50ms cubic-bezier(0.3, 0, 0.7, 1);
  opacity: .9; }

/* line 7279, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button {
  height: 24px;
  line-height: 22px;
  padding-top: 2px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 12px;
  background: transparent;
  color: #56666F;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  width: 24px;
  padding-left: 0;
  padding-right: 0; }

/* line 7294, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button .b-alt-text {
  margin-top: -22px; }

/* line 7297, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button.contextmenu-active,
.video-close-button:not(:disabled):hover {
  background-color: transparent;
  color: #FFFFFF; }

/* line 7302, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button:not(:disabled):hover:active {
  background: transparent;
  color: #808080;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 7308, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .video-close-button:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 7313, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .video-close-button {
    transition-duration: 50ms; } }

/* line 7317, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 7322, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .video-close-button:after {
    transition-duration: 50ms; } }

/* line 7326, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button.contextmenu-active,
.video-close-button:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 7332, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .video-close-button.contextmenu-active,
  .video-close-button:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 7337, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button.contextmenu-active:after,
.video-close-button:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 7343, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .video-close-button.contextmenu-active:after,
  .video-close-button:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 7348, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button:not(:disabled):hover:active {
  transition: none; }

/* line 7351, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button:not(:disabled):hover:active:after {
  transition: none; }

/* line 7354, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 24px;
  font-size: 24px;
  padding-left: 0px;
  width: calc(100% - 0px); }

/* line 7373, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button.button-play:before {
  content: "\f132"; }

/* line 7376, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button.button-play.playing:not(:hover),
.tl-row.playing .video-close-button.button-play:not(:hover),
.tl-row.playing.video-close-button.button-play:not(:hover),
.media-object.playing .video-close-button.button-play:not(:hover),
.media-object.playing.video-close-button.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 7383, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button.button-play.playing:not(:hover):after,
.tl-row.playing .video-close-button.button-play:not(:hover):after,
.tl-row.playing.video-close-button.button-play:not(:hover):after,
.media-object.playing .video-close-button.button-play:not(:hover):after,
.media-object.playing.video-close-button.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 7397, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .video-close-button.button-play:not(:hover).contextmenu-active,
.tl-row.playing.video-close-button.button-play:not(:hover).contextmenu-active,
.media-object.playing .video-close-button.button-play:not(:hover).contextmenu-active,
.media-object.playing.video-close-button.button-play:not(:hover).contextmenu-active,
.video-close-button.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .video-close-button.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.video-close-button.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .video-close-button.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.video-close-button.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 7409, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .video-close-button.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.video-close-button.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .video-close-button.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.video-close-button.button-play:not(:hover).contextmenu-active:after,
.video-close-button.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .video-close-button.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.video-close-button.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .video-close-button.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.video-close-button.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 7422, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .video-close-button.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .video-close-button.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.video-close-button.button-play:not(:hover).contextmenu-active,
  .media-object.playing .video-close-button.button-play:not(:hover).contextmenu-active,
  .media-object.playing.video-close-button.button-play:not(:hover).contextmenu-active,
  .video-close-button.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .video-close-button.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.video-close-button.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .video-close-button.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.video-close-button.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 7434, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .video-close-button.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .video-close-button.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.video-close-button.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .video-close-button.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.video-close-button.button-play:not(:hover).contextmenu-active:after,
  .video-close-button.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .video-close-button.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.video-close-button.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .video-close-button.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.video-close-button.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 7447, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .video-close-button.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.video-close-button.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .video-close-button.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.video-close-button.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 7454, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .video-close-button.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.video-close-button.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .video-close-button.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.video-close-button.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 7461, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button.button-play.playing:not(:hover):before,
.tl-row.playing .video-close-button.button-play:not(:hover):before,
.tl-row.playing.video-close-button.button-play:not(:hover):before,
.media-object.playing .video-close-button.button-play:not(:hover):before,
.media-object.playing.video-close-button.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: -1.5px;
  width: calc(100% - -1.5px); }

/* line 7470, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button.button-play.playing:hover:before,
.tl-row.playing .video-close-button.button-play:hover:before,
.tl-row.playing.video-close-button.button-play:hover:before,
.media-object.playing .video-close-button.button-play:hover:before,
.media-object.playing.video-close-button.button-play:hover:before {
  content: "\f130"; }

/* line 7477, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button.active {
  color: #008CD6; }

/* line 7480, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button.active.contextmenu-active,
.video-close-button.active:not(:disabled):hover {
  color: #00a7ff; }

/* line 7484, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button.drop-target-active {
  color: #000000;
  background-color: #FFFFFF; }

/* line 7488, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button.drop-target-active.contextmenu-active,
.video-close-button.drop-target-active:not(:disabled):hover {
  color: #000000; }

/* line 7492, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.video-close-button.drop-target-active.contextmenu-active,
.video-close-button.drop-target-active:not(:disabled):hover {
  background-color: #FFFFFF; }

/* line 7496, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
body.video #nowplaying-add-icon {
  display: none; }

/* line 7499, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
body.video #nowplaying-track-link,
body.video #nowplaying-track-link-new-chrome-style,
body.video #nowplaying-track-link-container span.double a,
body.video #nowplaying-track-link-container-new-chrome-style span.double a {
  cursor: default; }

/* line 7505, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
body.video #nowplaying-track-link:hover,
body.video #nowplaying-track-link-new-chrome-style:hover,
body.video #nowplaying-track-link-container span.double a:hover,
body.video #nowplaying-track-link-container-new-chrome-style span.double a:hover,
body.video #nowplaying-track-link:focus,
body.video #nowplaying-track-link-new-chrome-style:focus,
body.video #nowplaying-track-link-container span.double a:focus,
body.video #nowplaying-track-link-container-new-chrome-style span.double a:focus {
  border-bottom-color: transparent; }

/* line 7515, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
body.video #view-now-playing .caption p {
  margin-right: 0; }

/* line 7518, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
body.video.video-full-screen #queue,
body.video.video-full-screen .browser-navigation,
body.video.video-full-screen .view-search,
body.video.video-full-screen #view-profile-menu {
  display: none; }

/* line 7524, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
body.video.video-full-screen #view-video {
  display: inherit; }

/* line 7527, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
body.video .view-player #lyrics-button,
body.video .view-player-new #lyrics-button {
  display: none; }

/* line 7531, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-your-artists-tooltip {
  background: #4687D6;
  transform: translateY(-50%);
  color: #FFFFFF;
  padding: 10px;
  width: 270px; }

/* line 7538, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#view-your-artists-tooltip:before {
  border-right-color: #4687D6; }

/* line 7541, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.ad-feedback-button {
  margin: 0;
  height: 30px;
  min-width: 30px;
  border: none;
  background-color: rgba(86, 102, 111, 0.8);
  color: white;
  outline: none;
  background-image: url("http://zlink.app.spotify.com/images/icon-sad.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
  border: 3px solid transparent; }

/* line 7556, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.ad-feedback-button:before {
  content: 'Don`t like this ad?';
  position: absolute;
  top: 50%;
  line-height: 20px;
  margin-top: -10px;
  margin-right: 10px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0 5px;
  right: 0;
  opacity: 0;
  transition: all 0.3s ease;
  white-space: nowrap;
  border-radius: 2px;
  color: black;
  pointer-events: none; }

/* line 7573, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.ad-feedback-button:hover:before,
.ad-feedback-button:disabled:before {
  right: 100%;
  opacity: 1; }

/* line 7578, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.ad-feedback-button:disabled:before {
  content: 'Sorry!'; }

/* line 7581, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad {
  display: none;
  z-index: 9;
  /* More than this makes it cover the search dropdown */
  overflow: hidden;
  opacity: 0;
  background: rgba(18, 19, 20, 0.95);
  transition: background-color 0.5s, opacity 0.5s; }

/* line 7590, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad a {
  border: none; }

/* line 7593, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad.dummy {
  display: block;
  visibility: none; }

/* line 7597, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad.visible {
  display: -webkit-box;
  display: -moz-box;
  -display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center; }

/* line 7606, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad.ready {
  opacity: 1; }

/* line 7609, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad .minimizer,
.billboard-ad .maximizer {
  position: absolute;
  outline: 0;
  margin: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  border: none;
  background: none;
  color: #FFFFFF;
  opacity: .3;
  transition: opacity .5s; }

/* line 7623, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad .minimizer:hover,
.billboard-ad .maximizer:hover {
  opacity: .7; }

/* line 7627, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad .minimizer:focus,
.billboard-ad .maximizer:focus {
  opacity: .9; }

/* line 7631, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad .minimizer {
  display: none;
  top: 15px;
  right: 20px; }

/* line 7636, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad .maximizer {
  display: none;
  top: 20px;
  left: calc(50% - 315px);
  z-index: 9;
  background: #000000;
  padding: 3px 4px 4px 4px;
  border-radius: 2px;
  transition: top 0.5s, left 0.5s; }

/* line 7646, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad .countdown {
  position: absolute;
  top: 17px;
  right: 20px; }

/* line 7651, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad .billboard {
  position: static;
  transform: translate3d(0, 0, 0);
  transition: width 0.5s, height 0.5s, bottom 0.5s, left 0.5s, transform 0.5s, margin-bottom 0.5s;
  pointer-events: auto;
  cursor: pointer; }

/* line 7658, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad .billboard video,
.billboard-ad .billboard img {
  height: 100%;
  width: 100%; }

/* line 7663, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad .billboard .disclaimer {
  position: absolute;
  top: -35px;
  display: block;
  width: 100%;
  text-align: center;
  color: #dfe0e6; }

/* line 7671, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad .footer {
  position: absolute;
  bottom: -122px;
  left: 0;
  right: 0;
  height: 122px;
  transition: bottom 0.5s;
  pointer-events: auto;
  border-top: 1px solid #E5E8EA;
  background-color: #f2f3f6; }

/* line 7682, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad .footer .companion {
  position: absolute;
  left: calc(50% - 364px);
  bottom: 16px;
  height: 90px;
  width: 720px;
  transition: left 0.5s;
  cursor: pointer;
  margin-left: 6px; }

/* line 7692, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad .footer .companion img {
  height: 100%;
  width: 100%; }

/* line 7696, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad.minimized {
  background: rgba(18, 19, 20, 0);
  pointer-events: none; }

/* line 7700, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad.minimized .minimizer {
  display: none; }

/* line 7703, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad.minimized .companion {
  left: calc(50% - 284px); }

/* line 7706, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad.minimized .maximizer {
  display: block; }

/* line 7709, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad.minimized .billboard {
  position: absolute;
  bottom: 16px !important;
  left: calc(50% - 448px);
  height: 90px;
  width: 164px;
  transform: scale(1, 1);
  overflow: hidden; }

/* line 7718, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad.minimized .billboard .disclaimer {
  display: none; }

/* line 7721, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad.minimized .footer {
  bottom: 0px; }

/* line 7724, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad.has-been-maximized .footer {
  bottom: 0; }

/* line 7727, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad.has-been-maximized .minimizer {
  display: block; }

/* line 7730, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad.modal-expanded.video .billboard {
  width: 800px; }

/* line 7733, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad.has-been-minimized .countdown {
  display: none; }

/* line 7736, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.billboard-ad .modal-expanded {
  left: 0 !important; }

/**
 * Media queries to scale the ad based on screen size
 */
@media (min-height: 0px) and (max-height: 600px) {
  /* line 7743, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .billboard-ad .billboard {
    transform: scale(0.6, 0.6); } }

@media (min-height: 600px) and (max-height: 750px) {
  /* line 7748, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .billboard-ad .billboard {
    transform: scale(0.7, 0.7); }
  /* line 7751, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .billboard-ad.has-been-maximized .billboard {
    margin-bottom: 125px; } }

@media (min-width: 0px) and (max-width: 900px) and (min-height: 750px) {
  /* line 7756, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .billboard-ad .billboard {
    transform: scale(0.6, 0.6); } }

@media (min-width: 900px) and (max-width: 1000px) and (min-height: 750px) {
  /* line 7761, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .billboard-ad .billboard {
    transform: scale(0.7, 0.7); } }

@media (min-width: 1000px) and (max-width: 1100px) and (min-height: 750px) {
  /* line 7766, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .billboard-ad .billboard {
    transform: scale(0.8, 0.8); } }

@media (min-width: 1100px) and (max-width: 1200px) and (min-height: 750px) {
  /* line 7771, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .billboard-ad .billboard {
    transform: scale(0.9, 0.9); } }

/* line 7775, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.blurred {
  -webkit-filter: blur(10px);
  transform: scale(1.1);
  opacity: 0.65; }

/* line 7780, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#leaderboard-ad-wrapper {
  z-index: 4;
  position: relative;
  overflow: hidden; }

/* line 7785, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#leaderboard-ad-element {
  width: 760px;
  height: 90px;
  margin: 16px auto;
  position: relative;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

@media (max-width: 1024px) {
  /* line 7797, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #leaderboard-ad-element {
    padding: 0 8px;
    margin: 8px auto; } }

@media (max-height: 768px) {
  /* line 7803, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  #leaderboard-ad-element {
    margin: 8px auto; } }

/* line 7807, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.saf-video-takeover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }

/* line 7819, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.saf-video-takeover.will-maximize {
  -webkit-transform-origin: -15% 80%;
  -webkit-transform: scale(0, 0); }

/* line 7823, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.saf-video-takeover.will-maximize.maximize {
  transition: -webkit-transform 0.3s ease-in-out;
  -webkit-transform: scale(1, 1); }

/* line 7827, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.saf-video-takeover.will-minimize {
  -webkit-transform-origin: -15% 80%;
  -webkit-transform: scale(1, 1); }

/* line 7831, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.saf-video-takeover.will-minimize.minimize {
  transition: -webkit-transform 0.3s ease-in-out;
  -webkit-transform: scale(0, 0); }

/* line 7835, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.saf-video-takeover-min .saf-video-takeover {
  background: #000; }

/* line 7838, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.saf-video-takeover-max .saf-video-takeover {
  background: rgba(18, 19, 20, 0.95); }

/* line 7841, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.saf-video-takeover-video video {
  cursor: pointer; }

/* line 7844, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.saf-video-takeover-min .saf-video-takeover-video video {
  width: 100%;
  padding: 0 10px; }

@media (max-width: 1000px) {
  /* line 7849, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .saf-video-takeover-max .saf-video-takeover-video video {
    max-width: 540px;
    margin: 0px; } }

@media (min-width: 1000px) and (max-width: 1279px) {
  /* line 7855, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .saf-video-takeover-max .saf-video-takeover-video video {
    max-width: 640px;
    margin: 80px; } }

@media (min-width: 1280px) and (max-width: 1899px) {
  /* line 7861, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .saf-video-takeover-max .saf-video-takeover-video video {
    max-width: 854px;
    margin: 100px; } }

@media (min-width: 1900px) {
  /* line 7867, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
  .saf-video-takeover-max .saf-video-takeover-video video {
    max-width: 1280px;
    margin: 150px; } }

/* line 7872, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.saf-video-takeover-btn-min,
.saf-video-takeover-btn-max {
  display: none;
  background: none;
  border: none;
  color: #FFFFFF;
  outline: 0;
  margin: 0;
  padding: 0;
  text-align: center; }

/* line 7883, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.saf-video-takeover-btn-max {
  position: absolute;
  top: 15px;
  right: 20px;
  width: 24px;
  height: 24px;
  opacity: .3;
  transition: opacity .5s; }

/* line 7892, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.saf-video-takeover-btn-max:hover {
  opacity: .7; }

/* line 7895, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.saf-video-takeover-btn-max:focus {
  opacity: .9; }

/* line 7898, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.saf-video-takeover-max .saf-video-takeover-btn-max {
  display: block; }

/* line 7901, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
html.glue2 #view-video-ad .saf-video-takeover-view {
  z-index: 1025; }

/* line 7904, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
html.glue2 #view-video-ad .saf-video-takeover-btn-max {
  -webkit-app-region: no-drag; }

/* line 7907, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.saf-video-takeover-btn-min {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  opacity: 0;
  transition: opacity .5s; }

/* line 7916, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.saf-video-takeover-min .saf-video-takeover-btn-min {
  display: block; }

/* line 7919, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.saf-video-takeover-min:hover .saf-video-takeover-btn-min {
  opacity: 1; }

/* line 7922, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
html,
body {
  height: 100%;
  width: 100%;
  -webkit-user-select: none;
  background-color: #f2f3f6;
  overflow: hidden !important; }

/* line 7930, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
input[type=text],
input[type=search] {
  border-radius: 3px;
  border: 0; }

/* line 7935, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
input[type=text]:focus,
input[type=search]:focus {
  outline: none; }

/* line 7939, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
iframe {
  background-color: #ffffff;
  border: 0; }

/* line 7943, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
ul {
  padding: 0;
  list-style: none; }

/* line 7947, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#loading {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999;
  opacity: 1;
  background-color: #ffffff;
  transition: all 1s ease; }

/* line 7956, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#loading .throbber-initial {
  display: none; }

/* line 7959, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#dropdown-background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none; }

/* line 7967, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#dropdown-background.visible {
  display: block; }

/* line 7970, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#main {
  overflow: hidden; }

/* line 7973, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#main-container {
  overflow: auto;
  position: relative; }

/* line 7977, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#menu-wrapper {
  width: 200px;
  max-width: 30%;
  min-width: 120px;
  float: left;
  position: relative; }

/* line 7984, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#content-wrapper {
  position: relative; }

/* line 7987, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#offline-global-progress-old-chrome-style {
  width: 100%;
  display: none; }

/* line 7991, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#offline-global-progress-old-chrome-style span {
  padding: 10px 10px;
  line-height: 20px;
  display: block; }

/* line 7996, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
#offline-global-progress-old-chrome-style p {
  margin: 0;
  background-color: #56666F;
  height: 1px;
  position: absolute;
  width: 0%;
  transition: width 0.4s;
  margin-top: -1px; }

/* line 8005, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.anchor {
  width: 0;
  height: 0;
  overflow: hidden;
  border: 0; }

/* line 8011, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.anchor:focus {
  outline: 0; }

/* line 8014, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-old-chrome-style {
  background-color: #f2f3f6; }

/* line 8017, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-old-chrome-style #offline-global-progress {
  display: none; }

/* line 8020, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-old-chrome-style #dropdown-background {
  z-index: 995; }

/* line 8023, /Users/Devin/GitHub/spotio/skin/apps/zlink.scss */
.sidebar-new-chrome-style {
  background-color: #f2f3f6; }
