.searchModal.active,.searchModal.active .searchModalContent{opacity:1;visibility:visible}.searchModalBtn{position:relative;padding:0;border:none;background:0 0;outline:0;cursor:pointer;width:60px;display:inline-block;text-align:center;color:var(--accent-color);font-weight:700;font-size:25px}.searchModal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.9);visibility:hidden;opacity:0;z-index:-1;transform:translateY(1rem) translateZ(0);transition:.3s}.searchModal.active{transform:translateY(0) translateZ(0);z-index:1000}.searchModal [data-dismiss=searchModal]{position:absolute;height:2rem;width:2rem;top:1rem;right:1rem}.searchModalClose{background:red;border:none;outline:0}.searchModal [data-dismiss=searchModal]:focus i{color:var(--background-color)}.searchModal [data-dismiss=searchModal] i{font-size:2rem;color:var(--background-color)}.searchModal [data-dismiss=searchModal] span{display:block;color:var(--background-color);font-size:.5rem;transform:translateY(1.1rem)}.searchModal .searchModalContent{position:absolute;top:0;right:0;bottom:0;left:0;width:80%;margin:0 auto;padding:1rem 0;overflow:hidden;opacity:0;visibility:hidden;transition:.3s .3s}.searchModal .searchModalContent>div{position:absolute;width:100%;top:8rem;left:0;transition:.3s cubic-bezier(1, .1, 0, .9)}.searchModal .searchModalContent>div.searchModalResults{visibility:visible;transform:translateX(0)}.searchModal h2{text-transform:uppercase;letter-spacing:2px;color:#fff;font-size:.75rem;margin-top:0}.searchModal input{display:block;width:100%;background:0 0;border:1px solid #0288d1;border-width:0 0 1px;color:#fff;padding:1.5rem 0;font-size:2rem;font-weight:100}.searchModal input:focus{outline:0}.searchModal ul{margin:0;padding:0;list-style:none}.searchModal ul li{position:relative;color:var(--background-color);font-size:1.15rem;padding:0 .5rem .3rem 1.75rem;cursor:pointer}.searchModal ul li a{color:var(--background-color)!important}.searchModal ul li:before{content:"";position:absolute;box-sizing:border-box;top:50%;left:.5rem;margin-top:-4px;display:block;height:8px;width:8px;border:2px solid #fff;border-radius:100%}.searchModal ul li:focus,.searchModal ul li:hover{background:rgba(255,255,255,.1);outline:0}.searchModal ul+h2{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;margin-top:1rem}.material-icons{color:#fff}.searchModalRecentSearches ul{max-height:200px;overflow-y:auto}.searchModalRecentSearches ul::-webkit-scrollbar{width:6px;height:6px}.searchModalRecentSearches ul::-webkit-scrollbar-track{background-color:var(--text-color);border-radius:3px}.searchModalRecentSearches ul::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:3px}.searchModalRecentSearches ul::-webkit-scrollbar-thumb:hover{background-color:#a0a0a0}