:root{--modal-backdrop-color:rgba(0,0,0,0.85);--modal-close-size:1rem;--modal-close-distance:.75rem;--modal-content-width:18.75rem}@media (min-width:768px){:root{--modal-close-size:1.5rem;--modal-close-distance:1.25rem;--modal-content-width:40rem}}@media (min-width:1024px){:root{--modal-close-distance:2rem;--modal-content-width:60rem}}@media (min-width:1280px){:root{--modal-content-width:80rem}}@media (min-width:1740px){:root{--modal-content-width:90rem}}@keyframes fadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.85);background-color:var(--modal-backdrop-color);z-index:-1;opacity:0;transform:scale(.5)}.modal.active{z-index:110;display:grid;align-content:center;justify-content:center;place-content:center;animation:fadeIn 1s ease-in-out forwards}.modal__wrapper{width:100%}@media (min-width:640px){.modal__wrapper{width:75%;margin:0 auto}}.modal__wrapper.embed{width:18.75rem;width:var(--modal-content-width)}.modal__inner{position:relative}@media (min-width:1740px){.modal__inner{max-width:2200px;margin-left:auto;margin-right:auto}}.modal__close-icon{position:absolute;top:.75rem;top:var(--modal-close-distance);right:.75rem;right:var(--modal-close-distance);width:1rem;width:var(--modal-close-size);height:1rem;height:var(--modal-close-size);cursor:pointer;z-index:20}.modal__close-icon span{display:block;background-color:var(--color-white);width:100%;height:2px;transform:rotate(45deg);margin-top:10px}.modal__close-icon span:nth-of-type(2){transform:rotate(135deg);margin-top:-2px}.modal__content{position:relative;z-index:0}.modal__content iframe{aspect-ratio:16/9;width:100%;height:100%}.modal-video{width:100%}