.modal .modal__content {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;height: 100%;width: 100%;overflow-y: scroll;}.modal__content h2 {margin: 0 0 15px 0;max-width: 80%;}.modal__content button {margin-top: 40px 0 0 0;}.modal {transform: translate(-50%, -50%);position: absolute;left: 50%;top: 50%;max-width: 600px;border-radius: 10px;box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.28);}.show-modal {transition: background 500ms ease;padding: 0;margin-right: 20px;cursor: pointer;border: 0;padding-bottom: 1px;transition: all 0.3s ease;}.show-modal:hover {padding-bottom: 1px;transition: all 0.3s ease;}.close-modal-x {position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;}.close-modal-x a {display: flex;width: 100%;height: 100%;transition: all 0.5s ease;}.close-modal-x a svg {width: 20px;height: 20px;}.close-modal-x a:hover {transform: rotate(180deg);transition: all 0.5s ease;cursor: pointer;}.close-modal-x a:hover svg path {transition: all 0.5s ease;}.modal-buttons {justify-content: space-between;align-items: center;width: 100%;margin: 35px 0 0 0;}.modal-buttons > .btn-standard-modal.noarrow:first-child {float: right;}.mask-modal {visibility: hidden;transition: 0.7s;position: fixed;height: 100vh;width: 100vw;z-index: 150;opacity: 0;left: 0;top: 0;}.modal {transition: 0.5s ease-out;visibility: hidden;position: fixed;height: auto;width: auto;padding: 30px;z-index: 151;opacity: 0;}.active-modal {visibility: visible;opacity: 1;}.active-modal + .modal {visibility: visible;opacity: 1;}@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {}@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}@media only screen and (max-width: 767px) {.modal {width: 80%;}}.modal .modal__content {width: 500px;overflow-y: hidden;}.modal .modal__content col-react-bridge {margin: auto;}.modal .modal__content h2,.modal .modal__content p {color: var(--main-color);}@media only screen and (max-width: 450px){.modal__content .modal-buttons button {font-size: 2em;}.modal .modal__content input[type="file"] {font-size: 2em;}.modal .modal__content {width: 100%;}}.active-modal + .modal {max-height: 100%;overflow:auto;}