.yt-modal{backdrop-filter:blur(6px);background:rgba(4,3,40,.85);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.yt-modal.is-opening{animation:ytModalFadeIn .2s ease-out;display:block}.yt-modal.is-closing{animation:ytModalFadeOut .2s ease-in;display:block}@keyframes ytModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ytModalFadeOut{0%{opacity:1}to{opacity:0}}.yt-modal-inner{left:50%;max-width:960px;padding:var(--space-6);position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.yt-modal.is-opening .yt-modal-inner{animation:ytModalSlideIn .3s ease-out}.yt-modal.is-closing .yt-modal-inner{animation:ytModalSlideOut .25s ease-in forwards}@keyframes ytModalSlideIn{0%{opacity:0;transform:translate(-50%,calc(-50% - 24px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes ytModalSlideOut{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - 16px))}}.yt-modal-video{aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;width:100%}.yt-modal-video iframe{border:none;display:block;height:100%;width:100%}.yt-modal-close{align-items:center;background:hsla(0,0%,100%,.12);border:none;border-radius:var(--radius-pill);color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;position:absolute;right:0;top:0;transition:background .15s ease;width:36px}.yt-modal-close:hover{background:hsla(0,0%,100%,.25)}