.modal{opacity:0;z-index:1000;background-color:#0000004d;outline:0;justify-content:center;align-items:center;width:100%;height:100%;min-height:100vh;padding:30px 15px;transition:all .1s cubic-bezier(.4,0,.2,1) .2s;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.modal__content{opacity:0;background-color:#fff;border-radius:6px;width:100%;max-width:900px;margin:auto 0;padding:.8rem 1.2rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;transform:translateY(100px);box-shadow:0 10px 30px #00000026}@media (width>=768px){.modal__content{padding:1.6rem 2.4rem}}.modal__content__close{cursor:pointer;width:2.4rem;height:2.4rem;position:absolute;top:.8rem;right:.8rem}@media (width>=768px){.modal__content__close{top:1.6rem}}.modal__content__close i{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.modal__content__close i:before,.modal__content__close i:after{content:"";background-color:#000;width:3px;height:22px;position:absolute}.modal__content__close i:before{transform:rotate(45deg)}.modal__content__close i:after{transform:rotate(-45deg)}.modal__content__close:hover i:before,.modal__content__close:hover i:after{background-color:#00000080}.modal--active{opacity:1;transition-duration:.25s;transition-delay:0s}.modal--active .modal__content{opacity:1;transition-duration:.35s;transition-delay:.15s;transform:translateY(0)}