.modal__close{position:absolute;right:1.5rem;top:1.5rem}.modal__container{animation:modal-out .2s ease-out 0s;border-radius:2rem;container-name:modal;container-type:inline-size;display:flex;left:50%;max-height:calc(100vh - 3rem);max-width:calc(100vw - 3rem);opacity:0;overflow:auto;position:fixed;top:50%;transition:.3s;translate:-50% -50%;visibility:hidden;width:1100px;z-index:101}@media (width <= 767px){.modal__container{border-radius:1.5rem}}.modal__overlay{animation:modal-bg-out .3s ease-out 0s;background:#000;background-color:var(--overlay-bg-color);background-image:var(--overlay-bg-image);background-size:var(--overlay-bg-size);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:.3s;visibility:hidden;z-index:100}.modal__banner{flex:min(33%,320px);margin:0;position:relative}@container modal (width <= 767px){.modal__banner{display:none}}.modal__banner img{display:block;height:100%!important;inset:0;object-fit:cover;position:absolute;width:100%}.modal__body{background:#fff;display:flex;flex:100%;flex-direction:column;gap:3rem;overflow:auto;padding:3rem;scrollbar-width:none}@media (width <= 767px){.modal__body{padding:1.5rem}}.modal__title{display:block;margin-bottom:0;text-wrap:pretty}.modal__title:after{border-top:1px solid var(--primary-color,#000);flex:1;height:0}.modal__text>:last-child{margin-bottom:0}.modal.open .modal__container{animation:modal-in .2s ease-in 0s;opacity:1;visibility:visible}.modal.open .modal__overlay{animation:modal-bg-in .3s ease-in 0s;opacity:1;visibility:visible}@keyframes modal-bg-in{0%{opacity:0}to{opacity:.7}}@keyframes modal-bg-out{0%{opacity:.7}to{opacity:0}}@keyframes modal-in{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes modal-out{0%{opacity:0;scale:1}to{opacity:1;scale:0}}@keyframes modal-down{0%{translate:0 -100%}to{translate:0 0}}@keyframes modal-up{0%{translate:0 0}to{translate:0 -100%}}