/* R119 | One download CTA per viewport: menu top for desktop, fixed header for mobile. */
@media (max-width:767px){
 body.bc-modern .navbar-main #topMenu > li.bc-play-nav-item{display:none!important}
}
@media (min-width:768px){
 body.bc-modern .navbar-main #topMenu > li.bc-play-nav-item{
  display:block!important;flex:0 0 auto!important;align-self:center!important
 }
 body.bc-modern .navbar-main #topMenu > li.bc-play-nav-item > a,
 body.bc-modern .navbar-main #topMenu > li.bc-play-nav-item > a:visited{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:5px!important;background:#ed1646!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;border-radius:8px!important;
  box-shadow:0 2px 8px rgba(0,0,0,.16)!important;
  font:800 11px/1 system-ui,-apple-system,Arial,sans-serif!important;
  letter-spacing:0!important;padding:8px 10px!important;min-height:34px!important;
  height:34px!important;margin:0 7px 0 0!important;white-space:nowrap!important;
  text-decoration:none!important
 }
 body.bc-modern .navbar-main #topMenu > li.bc-play-nav-item > a:hover,
 body.bc-modern .navbar-main #topMenu > li.bc-play-nav-item > a:focus-visible{
  background:#ca0e39!important;outline:2px solid #fff!important;outline-offset:1px
 }
 body.bc-modern .navbar-main #topMenu > li.bc-play-nav-item > a i{font-size:13px!important;color:#fff!important}
}
@media (min-width:768px) and (max-width:1299px){
 body.bc-modern .navbar-main #topMenu > li.bc-play-nav-item > a{
  padding:7px 7px!important;font-size:10px!important;margin-right:3px!important
 }
}