/* SP: Badge đỏ số tin nhắn chưa đọc trên icon Chat */
.chatUnreadBadge{
  position:absolute;
  top:2px;
  right:18px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:#e60023;
  color:#fff;
  font-size:11px;
  font-weight:700;
  line-height:18px;
  text-align:center;
  box-shadow:0 0 0 2px #fff;
  z-index:5;
  pointer-events:none;
}
.pcTopBar__btn .chatUnreadBadge{
  top:2px;
  right:4px;
}
.bottomNav__btn[data-route="/chat"] .chatUnreadBadge{
  top:1px;
  right:18px;
}
.notificationSwitchRow{
  cursor:pointer;
}

.accountSettingsRow__note{
  display:block;
  margin-top:3px; /* SP có thể sửa khoảng cách dòng chú thích thông báo ngoài tại đây */
  font-size:12px; /* SP có thể sửa cỡ chữ dòng chú thích thông báo ngoài tại đây */
  font-weight:400;
  line-height:1.25;
  color:#888;
}
.notificationSwitch{
  width:48px;
  height:28px;
  border-radius:999px;
  border:0;
  background:#d8d8d8;
  position:relative;
  flex:0 0 auto;
  transition:background .18s ease;
}
.notificationSwitch::before{
  content:"";
  position:absolute;
  width:22px;
  height:22px;
  left:3px;
  top:3px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.2);
  transition:transform .18s ease;
}
.notificationSwitchRow.is-on .notificationSwitch{
  background:#e60023;
}
.notificationSwitchRow.is-on .notificationSwitch::before{
  transform:translateX(20px);
}