.video-pop,.noti-pop{--pop-scale:1;inset:var(--pop-top,0px) 0 0;z-index:100;justify-content:center;align-items:center;display:flex;position:fixed}.video-pop[hidden],.noti-pop[hidden]{display:none}.video-pop__shadow,.noti-pop__shadow{background:#000;position:absolute;inset:0}.video-pop__shadow,.noti-pop__shadow,.noti-pop__box{touch-action:none}.video-pop__box{width:calc(964.777px * var(--pop-scale));position:relative}.video-pop__frame{aspect-ratio:964.777/541.988;background:#000}.video-pop__close{left:calc(937.97px * var(--pop-scale));top:calc(-38.5px * var(--pop-scale));width:calc(66.536px * var(--pop-scale));height:calc(66.536px * var(--pop-scale));cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;display:block;position:absolute}.video-pop__close:focus-visible{outline-offset:2px;outline:2px solid #f7c274}.video-pop__x{width:100%;height:100%;display:block}.noti-pop__box{width:899px;height:508.029px;scale:var(--pop-scale);flex:none;position:relative}.noti-pop__art{pointer-events:none;width:940px;max-width:none;height:592px;display:block;position:absolute;top:-82.986px;left:-.5px}.noti-pop .noti-pop__close{border-radius:50%;width:84.192px;height:81.94px;top:-33.04px;left:837.13px}.noti-pop__close>.state-img{width:116.048px;height:108.663px;transition-duration:.2s;top:-15.473px;left:-14.066px}.video-pop__shadow,.noti-pop__shadow,.video-pop__box,.noti-pop__box{opacity:0;transition:opacity .5s var(--f-ease-in-out-back)}.video-pop__box,.noti-pop__box{margin:calc(2 * var(--pop-dy,0px)) 0 0 calc(2 * var(--pop-dx,0px))}.is-open>.video-pop__shadow,.is-open>.noti-pop__shadow{opacity:.76}.is-open>.video-pop__box,.is-open>.noti-pop__box{opacity:1}@media (max-width:1023px){.is-closing>.video-pop__shadow,.is-closing>.noti-pop__shadow,.is-closing>.video-pop__box,.is-closing>.noti-pop__box{transition:opacity .3s var(--f-ease-in)}}.video-pop.is-closing,.noti-pop.is-closing{pointer-events:none}@media (prefers-reduced-motion:reduce){.video-pop__shadow,.noti-pop__shadow,.video-pop__box,.noti-pop__box{transition:none!important}}.noti-pop[data-zoom] .noti-pop__box{zoom:var(--pop-scale);margin:calc(2 * var(--pop-dy,0px) / var(--pop-scale)) 0 0 calc(2 * var(--pop-dx,0px) / var(--pop-scale));scale:none}@media (max-width:1023px){.video-pop__box{width:calc(300px * var(--pop-scale))}.video-pop__frame{aspect-ratio:300/171}.video-pop__close{left:calc(271.25px * var(--pop-scale));top:calc(5.43px * var(--pop-scale));width:calc(25px * var(--pop-scale));height:calc(25px * var(--pop-scale))}}