.modal-container{z-index:999;overflow-y:hidden;top:0;left:0}.modal-container,.modal-dimmer{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.modal-content{position:relative;display:flex;flex-direction:column;min-width:200px;min-height:100px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 6px rgba(0,0,0,.6);border-radius:8px}@keyframes open{0%{opacity:0;transform:translateY(500px) scale(10%)}to{opacity:100%;transform:translate(0) scale(100%)}}@keyframes close{0%{opacity:100%;transform:translate(0)}to{opacity:0;transform:translateY(500px) scale(10%)}}.open-modal{animation-name:open;animation-duration:.2s;animation-timing-function:ease-out}.close-modal{animation-name:close;animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,1,1)}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-body{display:flex;flex-direction:column;gap:16px}.modal-footer{display:flex;justify-content:flex-end;gap:8px}.modal-title{font-size:1.25rem;font-weight:500}.modal-button{display:flex;justify-content:center;align-items:center;flex:1;padding:8px 16px;border:none;border-radius:4px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer}.modal-button:hover{opacity:.8}