.modle{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7);opacity:0;visibility:hidden;transition:opacity,visibility;transition-duration:.3s}.modle--show{opacity:1;visibility:visible}.modle--show .modle__container{transform:scale(1)}.modle__container{position:relative;width:min(600px,90%);padding:20px;border-radius:6px;background:#fff;transform:scale(.5);transition:transform .3s}.modle__close{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;color:#666;background:#ebebeb;font-size:2rem;border:0;outline:0}.modle__close:hover{color:#333;cursor:pointer}.modle__content{max-height:80vh;overflow-y:auto}.modle__footer{display:flex;justify-content:flex-end;gap:8px;padding-top:20px}.modle--no-scroll{overflow:hidden}