.logo{
  line-height: 1.2;
  letter-spacing: -0.03em;
  font-weight: 700;
}
.song-item{
  transition: all .5s ease;
}
.drag-handle{
  transition: opacity .5s ease;
}
.drag-handle:hover{
  opacity:1;
}
.badge,
.btn-secondary {
  white-space: nowrap;
}
.badge-yellow{
  white-space: inherit;
}
.toggle-switch{
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 44px;
  height: 24px;
  border-radius: 9999px;
  background-color: rgb(203 213 225);
  border: none;
  padding: 0;
  margin: 0;
  flex-shrink: 0;
  cursor: pointer;
  transition: background-color .2s ease;
}
.toggle-switch.is-on{
  background-color: rgb(11 110 113);
}
.toggle-switch:disabled{
  opacity: .6;
  cursor: default;
}
.toggle-switch-knob{
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 9999px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.25);
  transition: transform .2s ease;
}
.toggle-switch.is-on .toggle-switch-knob{
  transform: translateX(20px);
}
.p-3{
  padding:.1rem .75rem;
}