:root {
  --animate-duration: 1s;
}

sl-skeleton-switch.skeleton-switch {
  display: flex;
  align-items: center;
  gap: 20px;
}
sl-skeleton-switch.skeleton-switch--reverse {
  flex-direction: row-reverse;
}
sl-skeleton-switch .switch-container {
  position: relative;
  display: flex;
  align-items: center;
}
sl-skeleton-switch .switch-container .switch-thumb {
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
}
sl-skeleton-switch .switch-label {
  flex: 1;
}