*,:after,:before{box-sizing:border-box}.modal{background-color:#fff;border-radius:10px;left:50%;max-width:80%;padding:2%;position:fixed;top:50%;transform:translate(-50%,-50%) scale(0);transition:.2s ease-in-out;width:800px;z-index:10}.modal.active{box-shadow:0 0 0 1px rgba(0,0,0,.05),0 16px 32px rgba(0,0,0,.125);transform:translate(-50%,-50%) scale(1)}.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:1}#overlay.active{opacity:1;pointer-events:all}