.modal-overlay{
position:fixed;
inset:0;
background:rgba(0,0,0,0.6);
z-index:9999;
display:flex;
align-items:center;
justify-content:center;
}
.modal-box{
position:relative;
background-color:var(--bg2);
border:var(--bw1) solid var(--bc1);
border-radius:var(--br1);
box-shadow:var(--fbs);
display:flex;
align-items:center;
justify-content:center;
padding:var(--gap);
box-sizing:border-box;
}
.modal-close{
position:absolute;
top:var(--gd4);
right:var(--gd4);
width:36px;
height:36px;
display:flex;
align-items:center;
justify-content:center;
background-color:var(--bg3);
border:var(--bw1) solid var(--bc1);
border-radius:var(--br0);
cursor:pointer;
font-size:20px;
line-height:1;
color:var(--tx2);
padding:0;
z-index:1;
}
.modal-close:hover{
background-color:var(--rb1);
border-color:var(--rd1);
color:var(--rd1);
}
html.modal-lock{
overflow:hidden!important;
}