/* imported from search.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 */
.search__search___3Zpb2 {
  border-radius: 29px;
  display: flex;
  flex-wrap: nowrap;
  height: 40px;
  padding: 4px 24px 4px 12px;
  width: 100%; }
  .search__search__icon___2EE7g {
    align-items: center;
    display: flex;
    margin-right: 8px;
    pointer-events: none; }
  .search__search__input___2aizJ {
    background: transparent;
    border: none;
    font-size: calc(16px + 2 * (100vw - 320px) / 1120);
    outline: none;
    width: 100%; }