.modal-container{position:fixed;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-container,.modal-overlay{top:0;left:0;width:100%;height:100%}.modal-overlay{position:absolute;background-color:rgba(0,0,0,.5);opacity:1;animation:fadeIn .2s forwards;z-index:98}.modal-overlay.fade-out{opacity:0}.modal-back{height:100%;width:100%;z-index:99;display:flex;align-items:center;justify-content:center}.modal-content{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:99}.modal-content.lg{max-width:768px;min-width:492px}.modal-content.sm{max-width:492px;min-width:300px}.content-in{animation:scaleIn .2s forwards}.content-out{animation:scaleOut .2s forwards}.modal-close{position:absolute;top:-5px;right:-5px;cursor:pointer}.modal-body{position:relative}.modal-title{font-size:1.5rem;margin-bottom:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateY(-50px)}to{transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes scaleOut{0%{transform:scale(1)}to{transform:scale(.5)}}