/* ==========================================================================
 * Toggle - Appearance
 * ========================================================================== */

.mds-c-toggles--appearance-stacked {
  flex-direction: column;
}

.mds-c-toggles--appearance-stacked-reverse {
  flex-direction: column;

  .mds-c-toggle {
    flex-flow: row-reverse;
    justify-content: space-between;
  }

  .mds-c-toggle__label {
    margin-left: 0;
  }
}