.search {
  position: relative; }
  .search input[type="search"] {
    -webkit-appearance: inherit;
    width: calc(100% - 40px); }
  .search .search-btn, .search .cross, .search .back {
    position: absolute; }
  .search .search-btn {
    right: 0;
    top: 0;
    padding: 9px;
    background: #0ebbc1;
    border: none;
    cursor: pointer;
    height: 100%;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
    .search .search-btn svg {
      fill: white; }
  .search .cross, .search .back {
    top: 12px; }
  .search .cross {
    right: 60px; }
  .search .back {
    left: 10px; }
  .search .cross {
    display: none; }
  .search .autosuggest-content {
    display: none; }
  .search .form-control {
    min-height: 44px; }
  .search.full input[type="search"] {
    border-color: #0ebbc1;
    background: #F5F6FA;
    padding-left: 40px; }
    @media (min-width: 992px) {
      .search.full input[type="search"] {
        padding-left: 10px; } }
    .search.full input[type="search"].filled ~ .cross {
      display: block; }
  .search.full .autosuggest-content.visible {
    display: flex; }