.modal{display:none;position:fixed;z-index:999;left:0;top:0;padding:1rem;width:100%;height:100%;overflow:auto;align-items:center;justify-content:center;background-color:rgb(0 0 0 / .75)}.modal.opened{display:flex!important}.modal__content{position:relative;background-color:#fff;padding:0;border:1px solid #888;width:min(800px, 100%);box-shadow:var(--shadow);animation-name:modalEntry;animation-duration:0.4s}.modal__content__head{padding:2px 16px;background-color:#5cb85c;color:#fff}.modal__content__body{padding:2px 16px}.modal__content__footer{padding:2px 16px;background-color:#5cb85c;color:#fff}.modal__close{font-size:1.5rem;font-weight:700;position:absolute;top:0;right:0vw;z-index:1;border:none;background:#fff0;color:rgb(0 0 0 / .55);padding:2rem .75rem;cursor:pointer;font-size:1.5rem}.modal__close:hover,.modal__close:focus{color:#000;text-decoration:none;cursor:pointer}@keyframes modalEntry{0%{opacity:0;transform:translateY(3rem)}100%{opacity:1;transform:translateY(0)}}