.modal-window-area{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0,0.4);
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:0.3s;
    visibility:hidden;
    opacity:0;
}
.modal-window-area.active{
    visibility:visible;
    opacity:1;
}
.modal-window-area .modal-window-shell{
   opacity:0;
   visibility:hidden;
   position:relative;
   transition:0.3s;
   top:10vh;
   padding:0 5vw;
   display:flex;
   align-items:center;
   justify-content:center;
   width:100%;
}
.modal-window-area .modal-window-shell.active{
    opacity:1;
    visibility:visible;
    top:0;
}
.modal-window-area .modal-window-shell .accept-modal{
    padding:20px;
    background:var(--background-dark);
    border-radius:10px;
    width:40vw;
    max-width:100%;
}
.modal-window-area .modal-window-shell .accept-modal .title{
    color:white;
    font-sizE:20px;
    font-weight:600;
    margin:0 0 20px 0;
}
.modal-window-area .modal-window-shell .accept-modal .title-comment{
    line-height:18px;
    font-sizE:14px;
    color:white;
    margin:0 0 20px 0;
}
.modal-window-area .modal-window-shell .accept-modal .buttons{
    display:flex;
    align-items:center;
}
.modal-window-area .modal-window-shell .accept-modal .buttons .button{
    width:calc(50% - 10px);
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    font-size:14px;
    font-weight:600;
    height:40px;
    border-radius:5px;
    cursor:pointer;
}
.modal-window-area .modal-window-shell .accept-modal .buttons .button.accept{
    margin:0 20px 0 0;
    background:var(--delete);
}
.modal-window-area .modal-window-shell .accept-modal .buttons .button.cancel{
    background:black;
}