/* Seamless world-to-world crossfade. Keep labels outside the faded edge. */
#dashboard .world-zone{position:relative!important;margin:0!important;z-index:1}
#dashboard .world-zone+.world-zone{
  margin-top:-84px!important;
  z-index:2;
  box-shadow:none!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.16) 20px,rgba(0,0,0,.52) 48px,rgba(0,0,0,.88) 72px,#000 84px,#000 100%)!important;
  mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.16) 20px,rgba(0,0,0,.52) 48px,rgba(0,0,0,.88) 72px,#000 84px,#000 100%)!important;
}
#dashboard .world-zone .world-label{top:24px!important;opacity:1!important;filter:none!important;background:rgba(255,255,255,.96)!important;color:var(--ink)!important;border-color:#fff!important;box-shadow:0 7px 0 rgba(62,82,95,.22)!important}
#dashboard .world-zone+.world-zone .world-label{top:98px!important}
html[data-theme="dark"] #dashboard .world-zone .world-label{background:rgba(24,29,47,.97)!important;color:#f1f3ff!important;border-color:#46506d!important;box-shadow:0 7px 0 rgba(4,7,14,.7)!important}
html[data-theme="dark"] #dashboard .world-zone .world-label h3{color:#f1f3ff!important}
html[data-theme="dark"] #dashboard .world-zone .world-label span{color:#c4cbe0!important}
@media(max-width:600px){
  #dashboard .world-zone+.world-zone{margin-top:-46px!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.32) 13px,rgba(0,0,0,.75) 32px,#000 46px,#000 100%)!important;mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.32) 13px,rgba(0,0,0,.75) 32px,#000 46px,#000 100%)!important}
  #dashboard .world-zone .world-label{top:14px!important;padding:6px 12px!important}
  #dashboard .world-zone+.world-zone .world-label{top:54px!important}
  #dashboard .world-label h3{font-size:13px!important}
  #dashboard .world-label span{font-size:9px!important}
}