.modal__overlay{background:rgba(0,0,0,.6);height:100%;left:0;position:fixed;top:0;z-index:1000}.modal__container,.modal__overlay{margin-left:auto;margin-right:auto;width:100%}.modal__container{background:#f4f4f4;border-radius:20px;box-sizing:border-box;height:auto;max-height:80%;overflow-y:auto;position:relative;top:10%}.modal__container--lg{max-width:700px}.modal__container--md{max-width:500px}.modal__body,.modal__footer,.modal__header{padding:1rem}.modal__header{align-items:center;display:flex;justify-content:space-between}@keyframes mmfadeIn{0%{opacity:0}to{opacity:1}}@keyframes mmfadeOut{0%{opacity:1}to{opacity:0}}@keyframes mmslideIn{0%{transform:translateY(-15%)}to{transform:translateY(0)}}@keyframes mmslideOut{0%{transform:translateY(0)}to{transform:translateY(-10%)}}.modal-slide{display:none}.modal-slide.is-open{display:block}.modal-slide[aria-hidden=false] .modal__overlay{animation:mmfadeIn .1s cubic-bezier(0,0,.2,1)}.modal-slide[aria-hidden=false] .modal__container{animation:mmslideIn .2s cubic-bezier(0,0,.2,1)}.modal-slide[aria-hidden=true] .modal__overlay{animation:mmfadeOut .1s cubic-bezier(0,0,.2,1)}.modal-slide[aria-hidden=true] .modal__container{animation:mmslideOut .2s cubic-bezier(0,0,.2,1)}.modal-slide .modal__container,.modal-slide .modal__overlay{will-change:transform}
