.data-source {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 14px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #101f1b;
  cursor: pointer;
}
.data-source span { display: grid; }
.data-source strong { font-size: 13px; }
.data-source small { font-size: 10px; color: var(--muted); letter-spacing: .08em; text-transform: uppercase; }
.data-source input { position: absolute; opacity: 0; pointer-events: none; }
.data-source > i { position: relative; width: 42px; height: 24px; border-radius: 99px; background: #354740; transition: .2s; }
.data-source > i::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #91a59c; transition: .2s; }
.data-source input:checked + i { background: #759e3d; }
.data-source input:checked + i::after { translate: 18px 0; background: var(--green); }