.conversation--details input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 40px !important;
  height: 22px !important;
  background: #6b7280 !important;
  border-radius: 11px !important;
  position: relative !important;
  cursor: pointer !important;
  transition: background 0.3s !important;
  margin: 0 !important;
  margin-right: 8px !important;
  flex-shrink: 0 !important;
}
.conversation--details input[type="checkbox"]::before {
  content: '' !important;
  position: absolute !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: white !important;
  top: 2px !important;
  left: 2px !important;
  transition: transform 0.3s !important;
}
.conversation--details input[type="checkbox"]:checked {
  background: #1B82F2 !important;
}
.conversation--details input[type="checkbox"]:checked::before {
  transform: translateX(18px) !important;
}