.imperial-midias-bell{
  position:fixed;
  top:16px;
  right:18px;
  z-index:9500;
}

.imperial-midias-bell-btn{
  position:relative;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #dce4e9;
  border-radius:10px;
  background:#fff;
  color:#163348;
  box-shadow:
    0 5px 18px
    rgba(8,29,45,.09);
  cursor:pointer;
  font-size:18px;
}

.imperial-midias-count{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:19px;
  height:19px;
  padding:0 5px;
  display:none;
  align-items:center;
  justify-content:center;
  border-radius:99px;
  background:#ff7900;
  color:#fff;
  border:2px solid #fff;
  font-size:8px;
  font-weight:700;
}

.imperial-midias-count.visivel{
  display:flex;
}

.imperial-midias-drop{
  position:absolute;
  top:50px;
  right:0;
  width:330px;
  max-height:470px;
  overflow:auto;
  display:none;
  background:#fff;
  border:1px solid #dce4e9;
  border-radius:11px;
  box-shadow:
    0 18px 45px
    rgba(4,26,42,.18);
}

.imperial-midias-drop.aberto{
  display:block;
}

.imperial-midias-drop-head{
  padding:12px 14px;
  border-bottom:1px solid #edf1f4;
}

.imperial-midias-drop-head strong{
  color:#163348;
  font-size:12px;
}

.imperial-midias-drop-head span{
  display:block;
  margin-top:2px;
  color:#84939d;
  font-size:8px;
}

.imperial-midias-notif{
  display:grid;
  grid-template-columns:55px 1fr;
  gap:9px;
  padding:9px 11px;
  border-bottom:1px solid #edf1f4;
  text-decoration:none;
}

.imperial-midias-notif:hover{
  background:#f8fafb;
}

.imperial-midias-notif img{
  width:55px;
  height:55px;
  object-fit:cover;
  border-radius:7px;
}

.imperial-midias-notif strong{
  display:block;
  color:#18354a;
  font-size:10px;
}

.imperial-midias-notif small{
  display:block;
  margin-top:3px;
  color:#7b8d99;
  font-size:8px;
  line-height:1.4;
}

.imperial-midias-open{
  display:block;
  margin:9px;
  padding:9px 11px;
  border-radius:7px;
  background:#ff7900;
  color:#fff;
  text-align:center;
  text-decoration:none;
  font-size:9px;
  font-weight:600;
}

@media(max-width:600px){

  .imperial-midias-drop{
    width:calc(100vw - 24px);
    right:-6px;
  }

}