@import 'style.scss';
.modal-bg {
position: fixed;
height: 100%;
width: 100%;
background-color: black;
opacity: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
overflow: scroll;
}
.modal-wrapper {
z-index: 4;
display: flex;
margin: 0;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
}
.modal {
background: $background;
border: 1px solid black;
margin: auto;
max-width: 100%;
max-height: 100%;
}
.modal-content {
padding: 30px;
max-height: 85vh;
overflow: auto;
box-sizing: border-box;
}