.nest-contentswitcher {
  color: var(--nest-contentswitcher-color, rgba(0, 0, 0, 0.57));
  background-color: var(--nest-contentswitcher-bg-color, rgba(0, 0, 0, 0.05));
  font-weight: 800;
  text-align: center;
  padding: var(--nest-contentswitcher-p, 4px);
  border-radius: var(--nest-contentswitcher-rad, 4px);
  font-size: var(--nest-contentswitcher-fs, 12px);
  line-height: var(--nest-contentswitcher-lh, 16px);
}

.nest-contentswitcher-switch {
  display: flex;
  position: relative;
}

.nest-contentswitcher-indicator {
  position: absolute;
  background-color: var(--nest-contentswitcher-indicator-color, #009e42);
  height: 100%;
  transition: translate 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.06);
  border-radius: var(--nest-contentswitcher-indicator-radius, 4px);
}

.nest-contentswitcher-option {
  flex: 1 1 0%;
  position: relative;
  transition: color 0.3s ease-in-out;
  padding: var(--nest-contentswitcher-option-p, 4px);
}

.nest-contentswitcher-option[data-n-checked] {
  color: var(--nest-contentswitcher-color-checked, #ffffff);
}

.nest-contentswitcher-input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}