/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
 .search-box {
    visibility: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999999;
  }
 .wp-block-nextland-search-popup .search-popup{
    max-width: 40px;
  }
  .search-box .container {
    display: table;
    width: 100%;
    height: 100%;
  }
  .search-box .close {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    z-index: 9;
  }
  .search-box .close:hover {
    opacity: 1;
  }
  .search-box .close:before,
  .search-box .close:after {
    position: absolute;
    left: 15px;
    content: " ";
    height: 33px;
    width: 2px;
    background-color: red;
  }
  .search-box .close:before {
    transform: rotate(45deg);
  }
  .search-box .close:after {
    transform: rotate(-45deg);
  }

 
  .search-box.-open {
    background: #000;
    visibility: visible;
    animation: fadein 0.8s;
  }