.modal{display:none}.modal.is-open{display:block}.modal__overlay{z-index:100000;width:100%;height:100%;position:fixed;top:0;left:0}.modal__overlay:before{content:"";background:#0009;width:100%;height:100vh;position:absolute;top:0;left:0}.modal__container-wrapper{width:96%;max-width:800px;height:100%;margin-inline:auto;padding-block:24px}.modal__container{background-color:#e8f5e9;border-radius:8px;width:100%;height:100%;padding:12px;position:relative}@media (min-width:576px){.modal__container{padding:24px}}.modal[aria-hidden=false] .modal__overlay{animation:.3s cubic-bezier(0,0,.2,1) fadeIn}.modal[aria-hidden=false] .modal__container{animation:.3s cubic-bezier(0,0,.2,1) slideIn}.modal[aria-hidden=true] .modal__overlay{animation:.3s cubic-bezier(0,0,.2,1) fadeOut}.modal[aria-hidden=true] .modal__container{animation:.3s cubic-bezier(0,0,.2,1) slideOut}.modal__close{cursor:pointer;background:#fff;border:2px solid #999;border-radius:50%;width:50px;height:50px;position:absolute;top:18px;right:18px;transform:translate(50%,-50%)}.modal__close:before{color:#000;content:"✕";font-size:30px;font-weight:700;line-height:1}.modal__content{height:100%;overflow-y:auto}.modal__content>*{width:512px;max-width:100%}@media (min-width:768px){.modal__content>*{width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes slideOut{0%{transform:translateY(0)}to{transform:translateY(-10%)}}#modal-3-content>*{display:block}#body_wrap.modal-is-open .l-content{position:static}