.modal-container{width:100vw;height:100vh;z-index:0;background:rgba(166,166,166,0.6);display:fixed;top:0;left:0;overflow:hidden}.modal{width:50vw;height:50vh;padding:22px;background-color:white;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:100%;max-height:100%;overflow:auto;z-index:9999}.modal>.grid{display:flex}@media screen and (max-width:768px){.modal>.grid{display:block}.modal>.grid>.left{flex-basis:100%}.modal>.grid>.right{flex-basis:100%}.modal{width:75vw;height:50vh;padding:22px;background-color:white;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:100%;max-height:100%;overflow:auto;z-index:9999}}.modal>.grid>.left{flex-basis:25%}.left>p{text-align:center}.modal>.grid>.right{flex-basis:75%}.right>h4{text-transform:uppercase}