.explanatory-video-popover{align-items:flex-start;background:#fff;border-radius:10px;bottom:20px;box-shadow:0 3px 15px 0 rgba(8,13,39,.17);color:#080d27;display:none;flex-direction:column;gap:16px;justify-content:center;padding:24px 24px 32px;position:fixed;transition:all .5s ease-in-out;width:413px;z-index:9}.explanatory-video-popover.show{display:flex}.explanatory-video-popover:not(.playing){max-width:413px}@media(max-width:767.98px){.explanatory-video-popover:not(.playing){max-width:calc(100vw - 40px);right:20px}}@media(min-width:768px){.explanatory-video-popover:not(.playing){right:calc(50vw - 348px)}}@media(min-width:992px){.explanatory-video-popover:not(.playing){right:calc(50vw - 468px)}}@media(min-width:1100px){.explanatory-video-popover:not(.playing){right:calc(50vw - 518px)}}@media(min-width:1230px){.explanatory-video-popover:not(.playing){right:calc(50vw - 558px)}}@media(min-width:1420px){.explanatory-video-popover:not(.playing){right:calc(50vw - 670px)}}.explanatory-video-popover.playing{height:80vh;right:50%;top:50%;transform:translate(50%,-50%);width:80vw}.explanatory-video-popover.playing .footer{display:none}.explanatory-video-popover.resizing .body{opacity:.5}.explanatory-video-popover.resized .body{opacity:1}.explanatory-video-popover .header{align-items:center;display:flex;justify-content:space-between;min-height:28px;width:100%}.explanatory-video-popover .title{font-size:18px;font-weight:700;line-height:22px;min-height:24px}.explanatory-video-popover .title .name{color:var(--primary-color)}.explanatory-video-popover .close{background-color:var(--link-color);cursor:pointer;display:inline-block;height:24px;-webkit-mask-image:url(/build/images/close-icon.d5dfc72f.svg);mask-image:url(/build/images/close-icon.d5dfc72f.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;padding:0;transition:.3s;width:24px}.explanatory-video-popover .close:hover{background-color:var(--link-hover-color)}.explanatory-video-popover .body{position:relative;transition:all .3s ease-in-out;width:100%}.explanatory-video-popover .footer{text-align:right;width:100%}