@value (
  colorTextPrimary,
  colorBackgroundTertiary
) from '../../styles/variables/_color.css';

@value (
  size42,
  size34
) from '../../styles/variables/_size.css';

.searchInputWrapper {
  display: flex;
  position: relative;
  align-items: flex-end;
  height: fit-content;
}

.clickable {
  cursor: pointer;
}

.primaryText {
  color: colorTextPrimary;
}

.loaderContainer {
  display: flex;
  height: size42;
  width: size42;
  align-items: center;
  justify-content: center;
  margin-left: calc(size42 * -1);
}

.loaderContainer.small {
  height: size34;
  width: size34;
  margin-left: calc(size34 * -1);
}

.loader {
  background-color: colorBackgroundTertiary;
}