.modal-overlay{z-index:1000;background-color:#000000bf;justify-content:center;align-items:center;padding:80px 0;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-container{background-color:#0000;border-radius:12px;flex-direction:column;width:90%;max-width:1200px;max-height:calc(100vh - 160px);display:flex;position:relative;overflow:hidden}.modal-close-button{cursor:pointer;z-index:9999;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem;transition:background-color .2s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close-button:hover{background-color:#ffffff1a}.modal-close-button:focus{outline-offset:2px;outline:2px solid #fff}.modal-title{color:#fff;margin-bottom:1rem;padding:1rem 2rem;font-size:1.5rem;font-weight:700}.modal-content-wrapper{width:100%;height:100%;overflow-y:auto}.modal-content-wrapper>*{width:100%}@media (max-width:768px){.modal-overlay{padding:20px 0}.modal-container{border-radius:0;width:100%;max-width:100%;max-height:calc(100vh - 40px);margin:0}.modal-close-button{min-width:44px;min-height:44px;top:.75rem;right:.75rem}}@media (max-width:480px){.modal-overlay{padding:10px 0}.modal-container{max-height:calc(100vh - 20px)}.modal-close-button{top:.5rem;right:.5rem}}