.video-popup{align-items:center;background:hsla(0,0%,4%,.9);display:none;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.video-popup.active{display:flex;flex-wrap:wrap}.popup-content{margin:auto;max-width:980px;position:relative;width:100%}.close-popup{background:transparent;border:1px solid hsla(0,0%,100%,.5);color:#fff;cursor:pointer;display:grid;height:36px;place-items:center;position:absolute;right:0;top:-46px;transition:background .25s ease,border-color .25s ease;width:36px}.close-popup svg{height:14px;width:14px}.video-container{aspect-ratio:16/9;background:#000;box-shadow:0 30px 70px rgba(0,0,0,.5);position:relative}.video-container iframe,.video-container video{height:100%;width:100%}.video-container iframe{border:0;height:100%;inset:0;position:absolute;width:100%}