.modal-display{position:fixed;z-index:50;left:0;top:0;display:flex;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.3);animation-name:fader;animation-duration:.5s}@keyframes fader{0%{background-color:transparent}to{background-color:rgba(0,0,0,.3)}}.modal-header{display:flex;cursor:-webkit-grab;cursor:grab}.modal-header h4{margin:5px}.modal-header>button{margin-left:auto;border:none;background-color:#fff;outline:none;padding:5px;max-height:35px;cursor:pointer;border-radius:50%}.modal-header>button:hover{background-color:#d3d3d3}.modal-content{position:absolute;left:25%;z-index:100;top:25%;border-top:3px solid var(--alma-yellow);background-color:#fff;box-shadow:0 4px 5px 3px #88888888;width:var(--modalwidth)}.modal-footer{display:flex;padding:5px;flex-direction:row-reverse;cursor:unset}.modal-footer>button{margin-left:10px}@media screen and (max-width:900px){.modal-content{width:95%;left:2.5%}}