body{align-items:center;background-color:#c4c2c5;font-family:San Francisco,Helvetica,Noto,Roboto,Arial,sans-serif;height:94vh;justify-content:center;margin:0}.modal,body{display:flex}.modal{background-color:#fffeff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.24);flex-direction:column;height:22vh;justify-content:space-between;max-height:180px;max-width:500px;min-width:200px;padding:0;text-align:center;width:75vw}.vl{border-left:1px solid hsla(270,6%,86%,.7);height:96%;vertical-align:top}.modal h2{align-items:center;color:#08090a;display:flex;flex:1;font-size:1.3rem;font-weight:380;justify-content:center}.modal-buttons{border-top:1px solid hsla(270,6%,86%,.7);display:flex;justify-content:flex-end}.modal-button{border:none;border-radius:16px;cursor:pointer;flex:1;font-size:1.2rem;font-weight:560;margin:0;padding:20px;transition:background-color .3s ease}.modal-button.cancel{background-color:#fffeff;color:#9c989c;font-weight:500}.modal-button.ok{background-color:#fffeff;color:#649daf}.modal-button:active,.modal-button:hover{background-color:#dbd9dd}.modal-button.ok:active{background-color:#71b8e4}.modal.hidden{display:none}