.search-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.search-modal__overlay {
  opacity: 0.95;
  background-color: #121212;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 101;
}
.search-modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  transition: background-color 0.3s linear;
  background: #ed0f00 url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='19' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M18.854.795l-.649-.649a.546.546 0 0 0-.744 0L9.505 8.103 6.807 5.405 1.549.146a.546.546 0 0 0-.745 0L.156.795a.523.523 0 0 0 0 .744l8.97 8.983c.208.196.55.196.757 0l8.97-8.983A.575.575 0 0 0 19 1.173a.608.608 0 0 0-.146-.378z'/%3E%3Cpath d='M18.854 17.874l-.649.648a.546.546 0 0 1-.744 0l-7.956-7.956-2.698 2.698-5.258 5.258a.546.546 0 0 1-.745 0l-.648-.648a.523.523 0 0 1 0-.745l8.97-8.983a.562.562 0 0 1 .757 0l8.97 8.983c.086.11.147.22.147.366a.608.608 0 0 1-.146.379z'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
  background-size: 18px;
  text-indent: -99999px;
  display: block;
  z-index: 102;
}
.search-modal__close:hover,
.search-modal__close:active {
  background-color: #ff2b1d;
}
.search-modal__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
}
.search-modal--open {
  display: block;
}
@media (max-width: 768px) {
  .search-modal__overlay {
    opacity: 1;
    background-color: #000;
  }
  .search-modal__close {
    width: 20px;
    height: 20px;
    top: 30px;
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23ED0F00' stroke-width='4' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M3.07 16.93L16.93 3.07M3.07 3.07l13.86 13.86'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
  }
  .search-modal__close:hover,
  .search-modal__close:active {
    background-color: transparent;
  }
}