"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
const Wrap = styled.div.attrs({
  className: 'autosuggest-wrap'
})`
  position: relative;
`;
exports.Wrap = Wrap;
const List = styled.div.attrs({
  className: 'autosuggest-list-wrap'
})``;
exports.List = List;
const Content = styled.section.attrs({
  className: 'autosuggest-content-box'
})`
  background: $colors-main-background;
  ${styled.materialShadow(2)}

  transition: max-height .5s;
  overflow: scroll;

  position: absolute;
  z-index: 1;
  top: rem(50);

  padding: $spacing;
  width: 100%;
  display: flex;
  flex-direction: column;
`;
exports.Content = Content;
const GoogleLogoWrap = styled.div.attrs({
  className: 'google-wrap'
})`
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  text-align: right;
`;
exports.GoogleLogoWrap = GoogleLogoWrap;
const GoogleLogoImage = styled.img.attrs({
  className: 'google-logo'
})`
  max-width: 144px;
  max-height: 18px;
`;
exports.GoogleLogoImage = GoogleLogoImage; //# sourceMappingURL=_elements.js.map