.modal{display:none;position:fixed;left:0;top:0;width:100%;height:100vh;z-index:999;opacity:0}.modal-overlay{width:100%;height:100vh;position:fixed;background:rgb(0 0 0 / .6)}.modal-list{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100vh;overflow-y:auto}.modal-container{width:500px;position:relative;z-index:3;max-width:100%;background:#fff;border-right:10px;margin:auto;position:relative;padding:40px;text-align:center}.modal-close{position:absolute;right:10px;top:10px;cursor:pointer;z-index:2;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}