.modal{z-index:2;width:100%;height:100%;position:fixed;top:0;left:0}.modal__background{object-fit:cover;z-index:0;width:100%;height:100%}.modal__content__overlay{z-index:1;-webkit-backdrop-filter:blur(2.5rem);backdrop-filter:blur(2.5rem);background-color:#072535ad;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:absolute;top:0;left:0}.modal__content{background-color:#003855;border:.125rem solid #fff;border-radius:1rem;flex-direction:column;gap:1.5rem;width:100%;max-width:28rem;max-height:90vh;padding:1.5rem 1rem;display:flex;overflow-y:auto}.modal__close-container{justify-content:flex-end;display:flex}
.close-button{cursor:pointer;color:#ffffffad;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.close-button:hover{opacity:.8}