@value ( varTextDefault, varTextSubtle, varBackgroundLightContrast2, varBackgroundActive) from "~@xo-union/tk-ui-colors/lib/variables.css";
@value ( var-sp-down-1, var-sp-down-2 ) from "~@xo-union/tk-css-spacing/lib/variables.css";
.suggestion-main {
  composes: body1 from "~@xo-union/tk-ui-typography/lib/font-scale-categories.css";
  color: var(--tkww-union-typeahead-suggestion-color, varTextSubtle);
}

.suggestion-secondary {
  composes: body2 from "~@xo-union/tk-ui-typography/lib/font-scale-categories.css";
  color: var(--tkww-union-typeahead-suggestion-color, varTextSubtle);
  margin-top: -5px;
}

.powered-by-google {
  display: flex;
  justify-content: flex-end;
}
.powered-by-google img {
  padding: var-sp-down-2;
}

.footer {
  background-color: var(--tkww-union-typeahead-footer-background-color, varBackgroundLightContrast2);
  color: var(--tkww-union-typeahead-footer-color, varTextDefault);
  padding-bottom: var-sp-down-2;
  padding-left: var-sp-down-1;
  padding-right: var-sp-down-1;
  padding-top: var-sp-down-2;
}

.suggestion-item {
  transition: background-color 0.3s ease;
}
.suggestion-item:hover {
  background-color: var(--tkww-union-typeahead-suggestion-hover-background-color, varBackgroundActive);
}