.video-modal{align-items:center;background-color:rgba(0,0,0,.8);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.video-modal .video-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;max-height:80vh;max-width:90%;padding:25px 10px 10px;position:relative}@media(min-width:576px){.video-modal .video-modal-content{max-width:80%;padding:30px 10px 10px}}.video-modal .video-modal-content .video-container{display:flex;width:100%}.video-modal .video-modal-content .video-container iframe,.video-modal .video-modal-content .video-container video{width:100%}.video-modal .video-modal-content .video-container iframe{aspect-ratio:16/9;min-width:70vw}.video-modal .video-modal-content .close-button{align-items:center;background:none;border:none;display:flex;font-size:11px;font-weight:600;height:20px;justify-content:center;line-height:22px;position:absolute;right:0;text-transform:uppercase;top:1px;width:auto;-webkit-font-smoothing:subpixel-antialiased;color:#9b9b9b;cursor:pointer;padding:12px;transition:all .2s ease-in-out}.video-modal .video-modal-content .close-button:hover{color:#000}@media(min-width:576px){.video-modal .video-modal-content .close-button{font-size:12px;line-height:22px;right:4px;top:4px}}.video-modal .video-modal-content .close-button:focus{outline:2px solid #05f;outline-offset:2px}.video-modal.compact .video-modal-content{max-width:600px;min-width:280px;padding:25px 5px 0;width:90%}@media(min-width:576px){.video-modal.compact .video-modal-content{padding:30px 10px 5px}}