.searchContainer {
  height: 0;
  border-bottom: 0;
  background: #1a1a1a;
  transition: all 0.5s ease-in-out;
  position: relative;
  overflow: hidden; }
  .searchContainer .container {
    position: relative; }
  .searchContainer .search-icon {
    position: absolute;
    right: 30px;
    font-size: 16px;
    top: 10px;
    color: rgba(255, 255, 255, 0.5); }
  .searchContainer .search-box {
    display: inline-block;
    color: #fff;
    position: absolute;
    right: 60px;
    top: 4px;
    width: 94%;
    line-height: 28px;
    border: none;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
    background: transparent; }
    .searchContainer .search-box::placeholder {
      color: #fff; }

.searchOpened .searchContainer {
  height: 40px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3); }

.ltr .searchContainer .search-icon {
  left: 30px;
  right: auto; }
.ltr .searchContainer .search-box {
  left: 60px;
  right: auto; }