.tnl-switcher {
  display: flex;
  align-items: center;
}

.tnl-switcher-title {
  color: #000000;
  margin-right: 5px;
	font-weight: 600;
}

.tnl-switcher-name {
  color: #878786;
  font-weight: 600;
}

.tnl-switcher-active-left .tnl-switcher-name-left {
  color: #000000;
}

.tnl-switcher-active-right .tnl-switcher-name-right {
  color: #000000;
}

.tnl-switcher-button {
  position: relative;
  margin: 0 10px;
  height: 24px;
  width: 44px;
  border-radius: 15px;
  background: #000000;
}

.tnl-switcher-button::after {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    background: #fff;
    top: 3px;
    border-radius: 15px;
}

.tnl-switcher-active-left .tnl-switcher-button::after {
    left: 3px;
}

.tnl-switcher-active-right .tnl-switcher-button::after {
    right: 3px;
}