.modal { font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; }
.modal__overlay { position:fixed; top: 0; left: 0; right: 0; bottom: 0; background:rgba(0,0,0,0.6); display: flex; justify-content: center; align-items:center; z-index:9999;}
.modal__container { background-color: #fff; padding:2.5rem; max-width:900px; min-width:300px; max-height: 100vh; border-radius:4px; overflow-y: auto; box-sizing: border-box;}
.modal__header { display:flex; justify-content: space-between; align-items: center; padding-bottom:.75rem; border-bottom:2px solid #333; height:2rem; position:relative; }
.modal__title { margin-top: 0; margin-bottom: 0; font-weight: 600; font-size: 1.25rem; line-height: 1.25; color: #333; box-sizing: border-box; }
.modal__close {  background:transparent; border:0; outline:none; position:absolute; right:0; top:0; line-height:1;}
.modal__header .modal__close:before { content: "\2715"; font-size:2rem;}
.modal__content { margin-top: 2rem; margin-bottom: 2rem; line-height: 1.5; color:#333; }
.modal__footer { text-align:right; border-top:1px solid #ccc; padding-top:.75rem; }
.modal__btn {background:#fff; color:#333; border-radius:0.25rem; cursor:pointer; -webkit-appearance:button; text-transform:none; overflow:visible; margin:0; will-change:transform; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility:hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out,-webkit-transform .25s ease-out; display: inline-block; font-size:1rem; padding:.5rem 1.5rem; border:1px solid #ccc; }
.modal__btn:focus, .modal__btn:hover {-webkit-transform: scale(1.05);transform: scale(1.05);}
.modal__btn-primary {background-color:#333;color: #fff;}

@keyframes mmfadeIn {from { opacity: 0; } to { opacity: 1; }}
@keyframes mmfadeOut {from { opacity: 1; } to { opacity: 0; }}
@keyframes mmslideIn {from { transform: translateY(15%); }to{ transform: translateY(0);}}
@keyframes mmslideOut {from { transform: translateY(0); }to{ transform: translateY(-10%);}}
.maxmodal-slide { display: none;}
.maxmodal-slide.is-open {display: block;}
.maxmodal-slide[aria-hidden="false"] .modal__overlay {animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);}
.maxmodal-slide[aria-hidden="false"] .modal__container {animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);}
.maxmodal-slide[aria-hidden="true"] .modal__overlay {animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);}
.maxmodal-slide[aria-hidden="true"] .modal__container {animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);}
.maxmodal-slide .modal__container,.maxmodal-slide .modal__overlay {will-change: transform;}