@charset "utf-8";

@keyframes swing { 
  0% { transform: rotate(0deg); }
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-15deg); }
  60% { transform: rotate(10deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

.fig-toggle { align-items: center; cursor: pointer; display: flex; }

.fig-toggle--center { justify-content: center; }

.fig-toggle--flex-end { justify-content: flex-end; }

.fig-toggle--space-between { justify-content: space-between; }

.fig-toggle[aria-hidden="true"] { display: none; }

.fig-toggle:has(.fig-toggle__input:disabled) { cursor: not-allowed; }

.fig-toggle__text { color: rgb(114, 114, 114); font-family: source-sans-pro, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif; font-size: 0.875rem; line-height: 1.42857; margin-right: 8px; }

.fig-toggle__input { height: 0px; margin: 0px; opacity: 0; width: 0px; }

.fig-toggle__input:checked + .fig-toggle__slider { background-color: rgb(31, 102, 186); }

.fig-toggle__input:checked + .fig-toggle__slider::after { left: calc(100% - 2px); transform: translateX(-100%); }

.fig-toggle__input:focus-visible + .fig-toggle__slider { outline: rgb(31, 102, 186) dashed 1px; }

.fig-toggle__slider { background-color: rgb(204, 204, 204); border-radius: 16px; display: block; height: 20px; position: relative; width: 32px; }

.fig-toggle__slider::after { background: rgb(255, 255, 255); border-radius: 50%; content: ""; height: 16px; left: 2px; position: absolute; top: 2px; transition: transform 0.3s, left 0.3s; width: 16px; }

@media (prefers-reduced-motion) {
  .fig-toggle__slider::after { transition: none; }
}