/* INDEX offers and NON STOP listening history are independent. */
body.service-dj-hasera .www-index-cover-rail .emitter-rail-heart { display:none!important; }
@media(min-width:700px) {
 body.service-dj-hasera .www-index-cover-rail { display:grid!important; width:calc(100vw - 76px)!important; max-width:none!important; grid-template-columns:repeat(var(--dj-index-rail-limit,12),minmax(0,1fr))!important; }
 body.service-dj-hasera .www-index-cover-rail .www-index-cover-link { width:100%!important; max-width:none!important; min-width:0!important; height:auto!important; aspect-ratio:1; }
}
@media(max-width:699px) {
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"]:is(.is-club-guest,.is-club-authenticated,.is-radio-club-authenticated) .www-index-cover-rail {
   bottom:calc(max(5mm,env(safe-area-inset-bottom)) + 2mm)!important;
   translate:none!important;
 }
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"]:not(.is-radio-mobile-menu-open):not(.is-radio-eisi-menu-active):not(.is-eisi-mobile-nav-rising):not(.is-eisi-mobile-nav-docked):not(.dj-mobile-hamburger-at-top) .radio-mobile-menu-navigation {
   bottom:calc(9.5dvh + max(5mm,env(safe-area-inset-bottom)) + 2mm)!important;
 }
 /* Relative to the supplied NON STOP screenshot: move the complete band down 14mm. */
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"].is-emitter-player-open .emitter-player-rail {
   bottom:calc(max(5mm,calc(11.7dvh - 16mm)) + 2mm)!important;
   translate:none!important;
 }
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"].is-emitter-player-open:not(.is-radio-mobile-menu-open):not(.is-radio-eisi-menu-active):not(.is-eisi-mobile-nav-rising):not(.is-eisi-mobile-nav-docked):not(.dj-mobile-hamburger-at-top) .radio-mobile-menu-navigation {
   bottom:calc(21.2dvh - 12mm)!important;
 }
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"] .www-index-stage {
   height:100vh!important;
   min-height:100vh!important;
 }
}

@media(max-width:699px) {
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"] .radio-mobile-menu-navigation {
   transform:translateX(-50%) translateY(-3mm)!important;
 }
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"] .radio-eisi-mobile-primary-menu {
   transform:translateX(-50%) translateY(-2mm)!important;
 }
 html:has(body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"]) #radio-screen-awake-control {
   transform:translateY(-7mm)!important;
 }
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"] .www-index-skin-img {
   top:0!important; bottom:0!important; height:100dvh!important;
   transform:none!important; object-fit:cover!important;
 }
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"] :is(.www-index-cover-rail,.emitter-player-rail),
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"] :is(.www-index-cover-rail,.emitter-player-rail) > button {
   background:transparent!important; border:0!important; box-shadow:none!important;
 }
}
@media(max-width:699px) {
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"]:not(.is-emitter-player-open) .radio-mobile-genres {
   position:fixed!important; top:16.49vw!important; left:50%!important; right:auto!important;
   width:78.4vw!important; height:15.3vw!important; display:grid!important;
   grid-template-columns:repeat(4,1fr)!important; gap:0!important; padding:0!important; margin:0!important; border:0!important;
   transform:translateX(-50%)!important; translate:none!important; scale:1!important;
   align-items:center!important; justify-items:center!important;
 }
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"]:not(.is-emitter-player-open) .radio-mobile-genres > button,
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"]:not(.is-emitter-player-open) .radio-mobile-genres > button > img {
   width:15.3vw!important; height:15.3vw!important; min-width:0!important; max-width:none!important; min-height:15.3vw!important; max-height:none!important;
   transform:none!important; margin:0!important; padding:0!important;
 }
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"]:not(.is-emitter-player-open) .topbar > .brand {
   top:2.23vw!important; left:4.25vw!important; width:29.8vw!important; transform:none!important;
 }
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"]:not(.is-emitter-player-open) .public-social {
   top:2.23vw!important; right:5.4vw!important; left:auto!important; width:31.2vw!important; transform:none!important;
 }
}
@media(max-width:699px) {
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"]:not(.is-emitter-player-open) {
   --radio-mobile-brand-width:48.52432vw!important;
   --radio-mobile-social-top:calc(5.422857vw - 12.5px)!important;
 }
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"]:not(.is-emitter-player-open) .radio-mobile-genres > button,
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"]:not(.is-emitter-player-open) .radio-mobile-genres > button > img {
   min-height:15.3vw!important; max-height:none!important;
 }
}
@media(min-width:700px) {
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"] .emitter-player-rail {
   display:flex!important; flex-wrap:nowrap!important; justify-content:center!important;
   width:calc(100vw - 76px)!important; max-width:none!important; gap:12px!important;
   background:transparent!important; border:0!important; box-shadow:none!important;
 }
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"] .emitter-player-rail > button {
   flex:0 0 calc((100vw - 208px)/12)!important;
   width:calc((100vw - 208px)/12)!important; min-width:0!important; max-width:none!important;
   height:auto!important; aspect-ratio:1; background:transparent!important; border:0!important; box-shadow:none!important;
 }
}
html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"] :is(.www-index-cover-rail,.emitter-player-rail) > button,
html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"] :is(.www-index-cover-rail,.emitter-player-rail) > button > img {
 background:transparent!important; border:0!important; outline:0!important; box-shadow:none!important; padding:0!important;
}
@media(min-width:700px) {
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"] .emitter-hstw {
  padding-top:170px!important;
  padding-bottom:calc((100vw - 208px)/12 + 5mm + 16px)!important;
 }
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"] .emitter-hstw .hstw-shell {
  transform:none!important; translate:none!important; display:flex!important; flex-direction:column!important; align-items:center!important; gap:12px!important; height:auto!important; min-height:0!important;
 }
}
@media(min-width:700px) {
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"] .emitter-hstw .hstw-wave-canvas {
  height:clamp(50px,calc(100dvh - 610px),130px)!important;
 }
}
@media(min-width:700px) {
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"] .emitter-hstw {
  align-content:center!important; align-items:center!important;
 }
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"] .emitter-hstw .hstw-shell {
  position:relative!important; top:auto!important; bottom:auto!important; margin:0!important;
 }
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"] .emitter-hstw .hstw-shell > * {
  margin:0!important; flex-shrink:0!important;
 }
 html body.service-dj-hasera.is-www-index-shell[data-dj-listening-layout="v1"] .emitter-hstw .hstw-wave-button {
  padding:0!important; min-height:0!important; height:clamp(50px,calc(100dvh - 610px),130px)!important;
 }
}