/*
   imported from text-input.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 */
/**
  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 */
.text-input__text-input___1uSHN {
  display: flex;
  flex-direction: column; }
  .text-input__text-input__label___334cJ {
    display: flex;
    flex-direction: column;
    font-size: calc(12px + 2 * (100vw - 320px) / 1120); }
  .text-input__text-input__input___1jYmm {
    border: 0;
    border-radius: 6px;
    padding: calc(3.06569px + 0.29197vw);
    width: 100%; }
    .text-input__text-input__input-error___2IXOw {
      -webkit-appearance: none;
      background: #FFC7CC !important;
      border: 1px solid #C12F3C;
      color: #C12F3C !important; }
  .text-input__text-input___1uSHN span {
    margin-bottom: 4px; }
  .text-input__text-input___1uSHN .text-input__input-wrapper___2rwHQ {
    align-items: center;
    display: flex;
    justify-content: center; }
    .text-input__text-input___1uSHN .text-input__input-wrapper___2rwHQ .text-input__button-group___2Mmat {
      display: flex;
      position: absolute;
      right: 10px; }
      .text-input__text-input___1uSHN .text-input__input-wrapper___2rwHQ .text-input__button-group___2Mmat.text-input__multiple-buttons___1fZeO {
        padding-top: 5px;
        right: 24px; }
      .text-input__text-input___1uSHN .text-input__input-wrapper___2rwHQ .text-input__button-group___2Mmat .text-input__inline-button-icon___CsvCb {
        margin: 0 7px; }
    .text-input__text-input___1uSHN .text-input__input-wrapper___2rwHQ input {
      height: 40px; }