/* imported from toggle-switch.scss 
 */

/**
  If making changes to this file, please make sure the changes are reflected on the :export section at the end of the file.
 */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* IMPORT_PT: update these as the project sees fit */
/* stylelint-disable */

/* stylelint-enable */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* IMPORT_PT: update these as the project sees fit */
/* Line Heights */
/* stylelint-disable */

/* stylelint-enable */
.toggle-switch__toggle-switch___2-ycU {
  display: inline-block;
  font-size: calc(12px + 2 * (100vw - 320px) / 1120);
  position: relative;
  width: 80px; }
  .toggle-switch__toggle-switch___2-ycU .toggle-switch__toggle-switch-checkbox___o0yjz {
    display: none; }
  .toggle-switch__toggle-switch___2-ycU .toggle-switch__toggle-switch-label___16boY {
    border-radius: 18px;
    cursor: pointer;
    display: block;
    overflow: hidden; }
  .toggle-switch__toggle-switch___2-ycU .toggle-switch__toggle-switch-slider___rAZKU {
    display: block;
    font-family: "Lato", sans-serif;
    font-size: calc(12px + 2 * (100vw - 320px) / 1120);
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    margin-left: -100%;
    transition: background-color 0.3s ease-in 0s;
    width: 200%; }
    .toggle-switch__toggle-switch___2-ycU .toggle-switch__toggle-switch-slider___rAZKU::before, .toggle-switch__toggle-switch___2-ycU .toggle-switch__toggle-switch-slider___rAZKU::after {
      box-sizing: border-box;
      float: left;
      padding: 0;
      width: 50%; }
    .toggle-switch__toggle-switch___2-ycU .toggle-switch__toggle-switch-slider___rAZKU::before {
      content: "Yes";
      padding-left: 14px; }
    .toggle-switch__toggle-switch___2-ycU .toggle-switch__toggle-switch-slider___rAZKU::after {
      content: "No";
      padding-right: 14px;
      text-align: right; }
  .toggle-switch__toggle-switch___2-ycU .toggle-switch__toggle-switch-btn___qFaze {
    border-radius: 20px;
    bottom: 0;
    display: block;
    height: 28px;
    position: absolute;
    right: 47px;
    top: 4px;
    transition: right 0.3s ease-in 0s;
    width: 28px; }
  .toggle-switch__toggle-switch___2-ycU .toggle-switch__toggle-switch-label___16boY .toggle-switch__toggle-switch-checkbox___o0yjz.toggle-switch__slide___2gkpy + .toggle-switch__toggle-switch-slider___rAZKU {
    margin-left: 0; }
  .toggle-switch__toggle-switch___2-ycU .toggle-switch__toggle-switch-label___16boY .toggle-switch__toggle-switch-checkbox___o0yjz.toggle-switch__slide___2gkpy ~ .toggle-switch__toggle-switch-btn___qFaze {
    right: 5px; }