.zrrX60LPmTQ- {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  cursor: pointer;
  gap: var(--spacing-sm);
}

.oi8QGBR75s8- {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  width: 44px;
  height: 24px;
  border: 1px solid transparent;
  padding: 0;
  border-radius: 12px;
  background-color: color-mix(in srgb, var(--icon-grey) 80%, var(--surface-2));
  cursor: pointer;
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.2s ease;
  outline: none;
}

.oi8QGBR75s8-:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-ring);
}

.oi8QGBR75s8-:hover:not([data-disabled]) {
  border-color: var(--border-strong);
}

.oi8QGBR75s8-[data-checked] {
  background-color: var(--green);
  border-color: color-mix(in srgb, var(--green) 70%, #000);
}

.oi8QGBR75s8-[data-checked]:hover:not([data-disabled]) {
  background-color: color-mix(in srgb, var(--green) 85%, #000);
}

._-2KQDw8NAiQ- {
  position: absolute;
  left: 3px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transition: transform 0.25s ease;
}

.oi8QGBR75s8-[data-checked] ._-2KQDw8NAiQ- {
  transform: translateX(20px);
}

.Yxp-nDp806A- {
  opacity: 0.5;
  cursor: not-allowed;

  .oi8QGBR75s8- {
    cursor: not-allowed;
  }
}

.MIXjRpez5gI- {
  color: var(--font-color);
  font-size: var(--font-size-sm);
  user-select: none;
}