*,:after,:before{box-sizing:border-box}.modal{background-color:#fff;border-radius:10px;left:50%;max-width:0;padding:2%;position:fixed;top:50%;transform:scale(0);transition:.2s ease-in-out;width:0;z-index:10}.modal.active{box-shadow:0 0 0 1px rgba(0,0,0,.05),0 16px 32px rgba(0,0,0,.125);max-width:80%;transform:translate(-50%,-50%) scale(1);width:800px;z-index:1000}.close-button{background:rgba(0,0,0,.08);border:none;border-radius:50%;color:#000;cursor:pointer;float:right;height:25px;outline:none;text-align:center;width:25px}#overlay{background:hsla(0,9%,98%,.9);bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:.2s ease-in-out;z-index:100}#overlay.active{opacity:1;pointer-events:all}.modal-content{clear:right;margin-top:30px}[type=search]{-webkit-appearance:textfield;background-color:#f6f6f8;border:0;border-radius:6px;margin-top:20px;outline-offset:-2px;padding:20px;width:100%}