.modal {padding: 15px; position: fixed; width: 100vw; height: 100vh; opacity: 0; visibility: hidden; transition: all 0.3s ease; top: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 9999; }
.modal.open {visibility: visible; opacity: 1; transition-delay: 0s;}
.modal-bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
.modal-container {margin: auto; width: 100%; background: #fff; position: relative; max-width: 600px;}
.modal-container select {background-color: #f5f5f5; width: 100%; overflow: hidden;}
.modal-container .title {line-height: normal;}
.modal-container h2 {margin-bottom: 20px;}
.modal-container .default-button {padding: 10px 80px; max-width: 100%;}
.modal-close {border: none; outline: none; background: transparent;}
.modal-container .form-styled .alert{position: absolute; width: 100%; box-sizing: border-box; }
.modal-container .buttons{display: flex; gap: 20px; margin-top: 50px;}

.modal {scrollbar-width: none;}
.modal::-webkit-scrollbar {height: 0; width: 0; display: none;}
.modal::-webkit-scrollbar-track {background: transparent;}
.modal::-webkit-scrollbar-thumb {background-color: transparent; border-radius: 0px; border: transparent;}

.modal .file-custom-error .error.error-rbz {float: left;}

@media (max-width: 768px) {
   .modal-container {
      padding: 45px;
   }
   .modal-close {
      width: 40px;
      height: 40px;
   }
}