.search-modal{position:fixed;top:0;left:0;height:100%;width:100%;z-index:99999;background:rgba(37,37,37,.80)}.search-modal__close{background:#f3f3f3;width:40px;height:40px;border:0 none;transform:translate(2rem,-2rem);align-self:flex-end;border-radius:0 .5rem 0 .5rem}.search-modal__content{max-width:800px;padding:1rem;margin:auto}.search-modal__container{background:#fff;padding:2rem;display:flex;flex-flow:column nowrap;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(37,37,37,.5);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{position:absolute;top:0;left:40%;right:0;bottom:0;opacity:.7}@keyframes flipinx{0%{opacity:0;transform:translateY(-200px) perspective(400px) rotateX(90deg)}100%{opacity:1;transform:translateY(0) perspective(400px) rotateX(0)}}