.modal__overlay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: start; align-content: flex-start; width: 100%; height: 100%; position: fixed; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); }

.modal__container { display: block; width: calc(100% - 40px); max-width: 1040px; height: auto; max-height: calc(100vh - 40px); background-color: #fff; padding: 50px 60px; overflow-y: auto; opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; -o-transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }

.modal__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: start; align-content: flex-start; width: 100%; height: auto; }

.modal__header .modal__close::before { content: "\2715"; }

.modal__title { font-weight: bold; margin: 0; }

.modal__content { display: block; width: 100%; height: auto; }

.modal__footer { display: block; width: 100%; height: auto; }

.modal__btn { display: inline-block; width: auto; height: auto; padding: 5px 15px; margin: 0; color: #fff; background-color: #000; cursor: pointer; }

.micromodal-slide { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0.3s; -o-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; position: relative; z-index: 999; }

.micromodal-slide.is-open { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }

.micromodal-slide[aria-hidden="false"] .modal__container { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }

/*# sourceMappingURL=micromodal.css.map */