.search-box{align-items:center;background:#fff;display:flex;flex-wrap:wrap;height:100%;left:0;opacity:0;position:fixed;top:0;transition:.35s ease-in-out;user-select:none;visibility:hidden;width:100%;z-index:102}.search-box--active{opacity:1;visibility:visible}body[data-theme=dark] .search-box{background:#0c0c0c}.search-box__close{-webkit-appearance:none;background-color:transparent;border:none;cursor:pointer;font-size:22px;padding:0;position:absolute;right:25px;top:15px;transition:transform .35s ease-in-out}@media screen and (min-width:721px){.search-box__close{right:50px;top:30px}}.search-box__close:after{bottom:-6px;content:"";left:-6px;position:absolute;right:-6px;top:-6px}.search-box__close:hover{transform:scale(1.2)}.search-box__close svg{display:block;height:22px;position:relative;width:auto}.search-box__close svg *{fill:#0c0c0c}body[data-theme=dark] .search-box__close svg *{fill:#fff}.search-box form{display:block;margin:0;width:100%}.search-box input[type=search]{-webkit-appearance:none;background:none;border:none;border-bottom:1px solid #ddd;height:60px;letter-spacing:1px;padding:0;transition:.35s ease-in-out;user-select:all;width:100%}body[data-theme=dark] .search-box input[type=search]{color:#fff}.search-box input[type=search]::-webkit-search-cancel-button,.search-box input[type=search]::-webkit-search-decoration,.search-box input[type=search]::-webkit-search-results-button,.search-box input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.search-box button[type=submit]{display:block;font-size:16px;font-weight:700;margin:15px auto 0}.search-box__widget{position:relative}.search-box__autocomplete{background:#fff;border:1px solid #cecece;display:none;flex-direction:column;left:0;list-style:none;margin:-1px 0 0;max-height:180px;overflow:auto;padding:0;position:absolute;top:100%;width:100%}@media screen and (min-width:1024px){.search-box__autocomplete{max-height:270px}}body[data-theme=dark] .search-box__autocomplete{background-color:#2b2b2b}.search-box__autocomplete--active{display:flex}.search-box__autocomplete__item{cursor:pointer;display:block;height:45px;margin:0!important;padding:10px;text-align:left}@media screen and (min-width:721px){.search-box__autocomplete__item{padding:10px 20px}}.search-box__autocomplete__item:hover{background:#0c0c0c;color:#fff}body[data-theme=dark] .search-box__autocomplete__item:hover{background:#fff;color:#0c0c0c}