.modal__container {
   display: flex;
   position: fixed;
   top: 0;
   left: 0;
   background-color: rgba(0, 0, 0, .8);
   width: 100%;
   height: 100vh;
   align-items: center;
   overflow: scroll;
   z-index: 150;
}

.modal {
   min-width: 90%;
   max-height: 90vh;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   z-index: 151;
}

.modal__close {
   padding: .5rem .7rem;
   border-radius: 3px;
   position: fixed;
   top: 2rem;
   right: 3rem;
   background-color: #fff;
   border: none;
   outline: none;
   color: var(--cL);
   text-decoration: none;
   font-family: sans-serif;
   font-weight: bold;
   font-size: 1.3rem;
   cursor: pointer;
   box-shadow: 2px 2px 2px rgba(160, 160, 180, .7);
   z-index: 152;
}

.confirmation-modal {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   z-index: 100;
   background-color: rgba(0, 0, 0, .8);
}

.confirmation_container {
   position: absolute;
   top: 30%;
   left: calc(50% - 150px);
   display: block;
   background-color: #e0e0e0;
   color: #000;
   padding: 1em;
   border-radius: 3px;
   text-align: center;
   width: 300px;
}

.confirmation_txt {
   display: block;
   padding: 1rem;
}

.modal__hide {
   display: none;
}