/* line 4, /Users/Devin/GitHub/spotio/skin/apps/discover.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 13, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad a {
  border: none; }

/* line 16, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad.dummy {
  display: block;
  visibility: none; }

/* line 20, /Users/Devin/GitHub/spotio/skin/apps/discover.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 29, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad.ready {
  opacity: 1; }

/* line 32, /Users/Devin/GitHub/spotio/skin/apps/discover.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 46, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad .minimizer:hover,
.billboard-ad .maximizer:hover {
  opacity: .7; }

/* line 50, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad .minimizer:focus,
.billboard-ad .maximizer:focus {
  opacity: .9; }

/* line 54, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad .minimizer {
  display: none;
  top: 15px;
  right: 20px; }

/* line 59, /Users/Devin/GitHub/spotio/skin/apps/discover.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 69, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad .countdown {
  position: absolute;
  top: 17px;
  right: 20px; }

/* line 74, /Users/Devin/GitHub/spotio/skin/apps/discover.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 81, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad .billboard video,
.billboard-ad .billboard img {
  height: 100%;
  width: 100%; }

/* line 86, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad .billboard .disclaimer {
  position: absolute;
  top: -35px;
  display: block;
  width: 100%;
  text-align: center;
  color: #dfe0e6; }

/* line 94, /Users/Devin/GitHub/spotio/skin/apps/discover.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 105, /Users/Devin/GitHub/spotio/skin/apps/discover.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 115, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad .footer .companion img {
  height: 100%;
  width: 100%; }

/* line 119, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad.minimized {
  background: rgba(18, 19, 20, 0);
  pointer-events: none; }

/* line 123, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad.minimized .minimizer {
  display: none; }

/* line 126, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad.minimized .companion {
  left: calc(50% - 284px); }

/* line 129, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad.minimized .maximizer {
  display: block; }

/* line 132, /Users/Devin/GitHub/spotio/skin/apps/discover.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 141, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad.minimized .billboard .disclaimer {
  display: none; }

/* line 144, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad.minimized .footer {
  bottom: 0px; }

/* line 147, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad.has-been-maximized .footer {
  bottom: 0; }

/* line 150, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad.has-been-maximized .minimizer {
  display: block; }

/* line 153, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad.modal-expanded.video .billboard {
  width: 800px; }

/* line 156, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.billboard-ad.has-been-minimized .countdown {
  display: none; }

/* line 159, /Users/Devin/GitHub/spotio/skin/apps/discover.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 166, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
  .billboard-ad .billboard {
    transform: scale(0.6, 0.6); } }

@media (min-height: 600px) and (max-height: 750px) {
  /* line 171, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
  .billboard-ad .billboard {
    transform: scale(0.7, 0.7); }
  /* line 174, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
  .billboard-ad.has-been-maximized .billboard {
    margin-bottom: 125px; } }

@media (min-width: 0px) and (max-width: 900px) and (min-height: 750px) {
  /* line 179, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
  .billboard-ad .billboard {
    transform: scale(0.6, 0.6); } }

@media (min-width: 900px) and (max-width: 1000px) and (min-height: 750px) {
  /* line 184, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
  .billboard-ad .billboard {
    transform: scale(0.7, 0.7); } }

@media (min-width: 1000px) and (max-width: 1100px) and (min-height: 750px) {
  /* line 189, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
  .billboard-ad .billboard {
    transform: scale(0.8, 0.8); } }

@media (min-width: 1100px) and (max-width: 1200px) and (min-height: 750px) {
  /* line 194, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
  .billboard-ad .billboard {
    transform: scale(0.9, 0.9); } }

/* line 198, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.blurred {
  -webkit-filter: blur(10px);
  transform: scale(1.1);
  opacity: 0.65; }

/* line 203, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
#leaderboard-ad-wrapper {
  z-index: 4;
  position: relative;
  overflow: hidden; }

/* line 208, /Users/Devin/GitHub/spotio/skin/apps/discover.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 220, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
  #leaderboard-ad-element {
    padding: 0 8px;
    margin: 8px auto; } }

@media (max-height: 768px) {
  /* line 226, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
  #leaderboard-ad-element {
    margin: 8px auto; } }

/* line 230, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.ne-bg-image {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  opacity: 0.8; }

/* line 238, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.bg-centered {
  background-position: center; }

/* line 241, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.blurred {
  -webkit-filter: blur(10px);
  filter: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cfilter%20id%3D%22blur%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%2210%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Ffilter%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%3C%2Fsvg%3E#blur");
  opacity: 0.4; }

/* line 246, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.ne-header {
  padding-bottom: 20px; }

/* line 249, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.ne-container {
  z-index: 2;
  padding-top: 25px; }

/* line 253, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.ne-container .ne-container-center {
  max-width: 685px;
  margin: 0 auto; }

/* line 257, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.ne-container .ne-title {
  font-size: 36px;
  line-height: 38px; }

/* line 261, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.ne-container .ne-attrib {
  font-size: 14px;
  margin-top: 10px; }

/* line 265, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.ne-container .exclusive {
  color: #7ab800; }

/* line 268, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.ne-bottom-fade {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  box-shadow: 0 52px 105px 121px #181818; }

/* line 275, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.ne-left-fade {
  height: 100%;
  width: 300px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: -moz-linear-gradient(right, rgba(18, 19, 20, 0) 0%, #181818 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(18, 19, 20, 0)), color-stop(100%, #181818));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(right, rgba(18, 19, 20, 0) 0%, #181818 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(right, rgba(18, 19, 20, 0) 0%, #181818 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(right, rgba(18, 19, 20, 0) 0%, #181818 100%);
  /* IE10+ */
  background: linear-gradient(to left, rgba(18, 19, 20, 0) 0%, #181818 100%);
  /* W3C */ }

/* line 295, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.ne-right-fade {
  height: 100%;
  width: 300px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background: -moz-linear-gradient(left, rgba(18, 19, 20, 0) 0%, #181818 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left top, color-stop(0%, rgba(18, 19, 20, 0)), color-stop(100%, #181818));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(18, 19, 20, 0) 0%, #181818 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(18, 19, 20, 0) 0%, #181818 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(18, 19, 20, 0) 0%, #181818 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(18, 19, 20, 0) 0%, #181818 100%);
  /* W3C */ }

/* GLUE OVERRIDES */
/* line 316, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.h-main-content .h-title {
  max-height: 79px;
  margin-bottom: 0; }

/* line 320, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.h-main-content .media-object {
  margin-bottom: 0; }

/* line 323, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.h-main-content .h-description {
  font-size: 12px;
  color: #ADAEB3; }

/* line 327, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.ne-container.sponsored {
  height: 350px; }

/* line 330, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.sponsored-credits {
  position: absolute;
  right: 16px;
  bottom: 16px;
  max-height: 28px;
  max-width: 230px;
  opacity: 0.6; }

@media screen and (max-width: 750px) {
  /* line 339, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
  .sponsored-credits {
    display: none; } }

/* GLUE RESIZING OVERRIDES */
@media screen and (max-width: 804px) {
  /* line 345, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
  .h-media {
    width: 210px;
    padding-bottom: 16px; }
  /* line 349, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
  .h-description {
    display: -webkit-box;
    visibility: visible; }
  /* line 353, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
  .h-controllers {
    left: auto; } }

/* line 357, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
#hpto {
  position: relative;
  overflow: hidden; }

/* line 361, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
#hpto-container {
  max-height: 350px;
  margin-bottom: 14px;
  background-position: center top;
  background-repeat: no-repeat;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: height 500ms ease; }

/* line 374, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
#hpto-container .h-controllers {
  left: auto !important; }

/* line 377, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
#hpto-container.hpto-closed {
  height: 0px; }

/* line 380, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.hpto-interactive {
  width: 1200px;
  height: 270px;
  overflow: hidden;
  margin: 0px auto;
  border: none;
  display: block; }

/* line 388, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.ad-iframe {
  width: 800px;
  height: 235px;
  margin: 10px auto 25px;
  border: none;
  display: block;
  overflow: hidden; }

/* line 396, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.hpto-button {
  position: absolute;
  right: 30px;
  top: 24px;
  color: #f6f8ff;
  background: #29292d;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity .2s ease;
  padding: 7px 16px 5px 16px;
  font-size: 9px;
  text-transform: uppercase;
  line-height: 9px;
  letter-spacing: 2px;
  z-index: 3;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }

/* line 415, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.hpto-button:hover {
  opacity: 0.8;
  background-color: #3d3e43;
  color: #f6f8ff; }

/* line 420, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.no-hover:hover {
  opacity: 0.4;
  background-color: #29292d;
  cursor: default; }

/* For html hptos with bg imgs to align with container bg img */
/* line 426, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.min-width {
  min-width: 800px; }

@media screen and (max-width: 804px) {
  /* line 430, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
  .hpto-button {
    display: none; } }

/* line 434, /Users/Devin/GitHub/spotio/skin/apps/discover.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 446, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.saf-video-takeover.will-maximize {
  -webkit-transform-origin: -15% 80%;
  -webkit-transform: scale(0, 0); }

/* line 450, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.saf-video-takeover.will-maximize.maximize {
  transition: -webkit-transform 0.3s ease-in-out;
  -webkit-transform: scale(1, 1); }

/* line 454, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.saf-video-takeover.will-minimize {
  -webkit-transform-origin: -15% 80%;
  -webkit-transform: scale(1, 1); }

/* line 458, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.saf-video-takeover.will-minimize.minimize {
  transition: -webkit-transform 0.3s ease-in-out;
  -webkit-transform: scale(0, 0); }

/* line 462, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.saf-video-takeover-min .saf-video-takeover {
  background: #000; }

/* line 465, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.saf-video-takeover-max .saf-video-takeover {
  background: rgba(18, 19, 20, 0.95); }

/* line 468, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.saf-video-takeover-video video {
  cursor: pointer; }

/* line 471, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.saf-video-takeover-min .saf-video-takeover-video video {
  width: 100%;
  padding: 0 10px; }

@media (max-width: 1000px) {
  /* line 476, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
  .saf-video-takeover-max .saf-video-takeover-video video {
    max-width: 540px;
    margin: 0px; } }

@media (min-width: 1000px) and (max-width: 1279px) {
  /* line 482, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
  .saf-video-takeover-max .saf-video-takeover-video video {
    max-width: 640px;
    margin: 80px; } }

@media (min-width: 1280px) and (max-width: 1899px) {
  /* line 488, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
  .saf-video-takeover-max .saf-video-takeover-video video {
    max-width: 854px;
    margin: 100px; } }

@media (min-width: 1900px) {
  /* line 494, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
  .saf-video-takeover-max .saf-video-takeover-video video {
    max-width: 1280px;
    margin: 150px; } }

/* line 499, /Users/Devin/GitHub/spotio/skin/apps/discover.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 510, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.saf-video-takeover-btn-max {
  position: absolute;
  top: 15px;
  right: 20px;
  width: 24px;
  height: 24px;
  opacity: .3;
  transition: opacity .5s; }

/* line 519, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.saf-video-takeover-btn-max:hover {
  opacity: .7; }

/* line 522, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.saf-video-takeover-btn-max:focus {
  opacity: .9; }

/* line 525, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.saf-video-takeover-max .saf-video-takeover-btn-max {
  display: block; }

/* line 528, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
html.glue2 #view-video-ad .saf-video-takeover-view {
  z-index: 1025; }

/* line 531, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
html.glue2 #view-video-ad .saf-video-takeover-btn-max {
  -webkit-app-region: no-drag; }

/* line 534, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.saf-video-takeover-btn-min {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  opacity: 0;
  transition: opacity .5s; }

/* line 543, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.saf-video-takeover-min .saf-video-takeover-btn-min {
  display: block; }

/* line 546, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.saf-video-takeover-min:hover .saf-video-takeover-btn-min {
  opacity: 1; }

/* line 549, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.story-group-container {
  padding-left: 10px;
  padding-right: 10px; }

/* line 553, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.empty-container {
  position: relative;
  height: 1100px; }

/* line 557, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.empty-content {
  background-image: url(/images/emptystate_background.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  padding-top: 2em; }

/* line 569, /Users/Devin/GitHub/spotio/skin/apps/discover.scss */
.empty-content .message {
  margin-bottom: 10px; }
