.modal{border:none;padding:0;border-radius:var(--border-radius-xs);animation:zoom-out .5s ease-out;width:100%;height:100%;overflow-x:auto;max-width:520px}.modal__video,.full-width-media .modal{position:relative}.modal__video .modal__content,.full-width-media .modal .modal__content{height:100%;justify-content:center;align-items:center}.modal__video-play{position:absolute;display:flex;justify-content:center;align-items:center;z-index:1;top:0;left:0;right:0;bottom:0}.modal__video-play-icon,.modal__video-play-button{padding:var(--padding-3);border-radius:var(--border-radius-rnd);background-color:var(--vivid-purple-100)}.modal[open]{display:block;animation:zoom-in .5s ease-out}.modal__content{display:flex;width:100%}.modal__close{position:absolute;top:1rem;right:1rem}.modal iframe{width:90%;height:90%}@media(min-width: 64rem){.modal{width:80vw;height:auto;aspect-ratio:16/9;max-width:970px}.modal__video .modal__content,.full-width-media .modal .modal__content{padding:1.5rem}.modal__content{height:100%}}@keyframes zoom-in{0%{opacity:0;transform:scale(0.1);display:none}100%{opacity:1;transform:scale(1);display:flex}}@keyframes zoom-out{0%{opacity:1;transform:scale(1);display:flex}100%{opacity:0;transform:scale(0);display:none}}