._root_1ylzx_1 {
  all: unset;
  width: 36px;
  height: 20px;
  background: var(--icon-tertiary);
  border-radius: 9999px;
  position: relative;
  tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

._root_1ylzx_1[data-state="checked"] {
    background: var(--icon-interactive);
  }

._thumb_1ylzx_16 {
  display: block;
  height: 16px;
  width: 16px;
  background: white;
  border-radius: 9999px;
  transition: transform 100ms;
  transform: translateX(2px);
  will-change: transform;
}

._thumb_1ylzx_16[data-state="checked"] {
    transform: translateX(18px);
  }