.search-overlay,.search-area{visibility:hidden;opacity:0;height:0;overflow:hidden;position:fixed;cursor:pointer;cursor:hand;webkit-transition:opacity 250ms ease-in-out;-moz-transition:opacity 250ms ease-in-out;-o-transition:opacity 250ms ease-in-out;-ms-transition:opacity 250ms ease-in-out;transition:opacity 250ms ease-in-out}.search-overlay{top:0;bottom:0;left:0;right:0;z-index:5000;background:rgb(0 0 0 / .6)}.search-overlay .icon{position:absolute;top:20px;right:20px;color:#eee;font-size:2em}.search-overlay .icon:hover{color:#fff}.search-area{top:50%;left:50%;z-index:5001;width:400px;transform:translateX(-50%) translateY(-50%);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff}.search-overlay.active,.search-area.active{height:auto;visibility:visible;opacity:1}.search-area .search-field{height:52px;padding:15px;font-size:1.2em}.search-button{cursor:pointer;cursor:hand}@media screen and (max-width:420px){.search-area{left:0;width:90%;margin-left:5%;margin-right:5%}}