.search-modal{background-image:linear-gradient(90deg,rgba(31,52,103,.8),rgba(0,138,212,.8) 70%);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99999}.search-modal__close{align-self:flex-end;background:#141414;border:0;border-radius:0 .5rem 0 .5rem;color:#fff;font-size:35px;height:40px;top:-5px;transform:translate(2rem,-2rem);width:40px}.search-modal__content{margin:auto;max-width:800px;padding:1rem}.search-modal__container{background:#fff;border-radius:.5rem;box-shadow:0 10px 30px hsla(0,0%,8%,.5);display:flex;flex-flow:column nowrap;overflow:hidden;padding:2rem;position:relative}.search-modal[style*=block] .search-modal__container{-webkit-animation:flipinx .5s ease 0s 1 normal;-moz-animation:flipinx .5s ease 0s 1 normal;-ms-animation:flipinx .5s ease 0s 1 normal;animation:flipinx .5s ease 0s 1 normal}.search-modal__container>:not(.search-modal__pattern){position:relative;z-index:1}.search-modal__pattern{bottom:0;left:40%;opacity:.7;position:absolute;right:0;top:0}@keyframes flipinx{0%{opacity:0;transform:translateY(-200px) perspective(400px) rotateX(90deg)}to{opacity:1;transform:translateY(0) perspective(400px) rotateX(0deg)}}