/*
   imported from labeled-checkbox.scss 
*/

/*
  When adding a color, please add it to the :export section at the end of this file.
  If you need to add a new section/type of color, you can add the section title to the :export by pre-prending it with an underscore.
*/
/**
 * 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
*/
/* Primary Colors */
/* Secondary Colors */
/* Gradients */
/* Transparencies */
/* 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 */
/**
  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 */
.labeled-checkbox__labeled-checkbox___1Svfu {
  box-sizing: border-box;
  display: flex;
  flex-direction: row-reverse;
  font-size: calc(12px + 2 * (100vw - 320px) / 1120);
  justify-content: flex-end; }
  .labeled-checkbox__labeled-checkbox___1Svfu input {
    opacity: 0; }
  .labeled-checkbox__labeled-checkbox___1Svfu label {
    display: inline-block;
    line-height: 24px !important;
    /* width of checkbox (14px) + 12px 'margin' */
    padding-left: 26px;
    position: relative; }
    .labeled-checkbox__labeled-checkbox___1Svfu label::before, .labeled-checkbox__labeled-checkbox___1Svfu label::after {
      content: '';
      /* Needed for the line-height to take effect */
      display: inline-block;
      position: absolute; }
    .labeled-checkbox__labeled-checkbox___1Svfu label::before {
      border: 2px solid #C0C2D0;
      border-radius: 2px;
      height: 14px;
      left: 0;
      top: 6px;
      width: 14px; }
    .labeled-checkbox__labeled-checkbox___1Svfu label::after {
      /* Creates a fake checkmark */
      border-bottom: 2px solid #C0C2D0;
      border-left: 2px solid #C0C2D0;
      content: none;
      height: 5px;
      left: 3px;
      top: 9px;
      transform: rotate(-45deg);
      width: 8px; }
    .labeled-checkbox__labeled-checkbox___1Svfu label span {
      font-weight: 400; }
  .labeled-checkbox__labeled-checkbox___1Svfu input:checked + label::after {
    content: ''; }
  .labeled-checkbox__labeled-checkbox___1Svfu input:focus + label::before {
    outline: #0E99FF auto 2px; }