.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);z-index:9999;color:#595959}.modal__buttons,.modal__wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center}.modal__wrapper{width:100%;height:100%;padding:15px;position:relative}.modal__container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;max-width:512px;height:auto;max-height:90vh;padding:22.5px;border-radius:5px;background-color:#fff;box-shadow:0 2px 5px #d8d8d8;overflow-y:auto;-webkit-animation:show-in .3s;animation:show-in .3s}.modal__buttons{gap:10px}.modal__button{padding:10px 17.6px;outline:none;border:none;font-size:1em;border-radius:.25em;color:#fff;cursor:pointer}.modal__button:hover{opacity:.7}.modal__button:focus{box-shadow:0 0 0 3px rgba(100,150,200,.5)}.modal__button:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.modal__button.submit{background-color:#2196f3}.modal__button.cancel{background-color:#bd0909}