.block-video-player{margin-top:var(--block-gap-10);margin-bottom:var(--block-gap-10)}.block-video-player .video-player{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;aspect-ratio:var(--aspect-ratio);container-type:inline-size;container-name:video-player}.block-video-player .video-player iframe,.block-video-player .video-player video{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background-color:white}.block-video-player .video-player .auto-play-controls{position:absolute;z-index:2;left:0;bottom:0}.block-video-player .video-player .auto-play-controls button{color:var(--color-white);position:relative}.block-video-player .video-player .auto-play-controls .play svg,.block-video-player .video-player .auto-play-controls .pause svg{width:clamp(20px, 2.94cqw + 11.76px, 40px);height:clamp(20px, 2.94cqw + 11.76px, 40px);filter:drop-shadow(0 0 2px rgba(0,0,0,0.5))}.block-video-player .video-player .controls{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%}body.frontend .block-video-player .video-player .controls{opacity:0;visibility:hidden;transition:opacity 500ms ease, visibility 500ms ease}body.frontend .block-video-player .video-player .controls.show{opacity:1;visibility:visible}body.frontend .block-video-player .video-player .controls.show .controls-center{transform:translateY(-50%) translateX(-50%)}body.frontend .block-video-player .video-player .controls.show .controls-bottom{transform:translateY(0) translateX(-50%)}.block-video-player .video-player .controls .controls-center{position:absolute;top:45%;transform:translateY(calc(-50% + 10px)) translateX(-50%);left:50%;display:flex;align-items:center;justify-content:center;transition:transform 500ms ease}.block-video-player .video-player .controls .controls-center .blur{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.6;filter:blur(100px);background:var(--color-blue-500)}.block-video-player .video-player .controls .controls-center svg{width:clamp(26px, 1.47cqw + 21.88px, 36px);height:clamp(26px, 1.47cqw + 21.88px, 36px)}.block-video-player .video-player .controls .controls-center button{color:var(--color-white);margin:0 clamp(10px, 7.35cqw - 10.59px, 60px);position:relative}.block-video-player .video-player .controls .controls-center .play svg,.block-video-player .video-player .controls .controls-center .pause svg{width:clamp(50px, 2.94cqw + 41.76px, 70px);height:clamp(50px, 2.94cqw + 41.76px, 70px)}.block-video-player .video-player .controls .controls-bottom{position:absolute;bottom:clamp(1px, 4.26cqw - 10.94px, 30px);left:50%;width:calc(100% - clamp(0px, 8.82cqw - 24.71px, 60px));max-width:820px;background-color:rgba(0,6,29,0.3);color:var(--color-white);padding:clamp(6px, 2.06cqw + .24px, 20px) clamp(10px, 3.82cqw - .71px, 36px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform 500ms ease;transform:translateY(20px) translateX(-50%);display:flex;align-items:center;flex-wrap:wrap}@container video-player (max-width: 430px){.block-video-player .video-player .controls .controls-bottom{bottom:0;width:100%;flex-wrap:nowrap}}.block-video-player .video-player .controls .controls-bottom svg{width:20px;height:20px}.block-video-player .video-player .controls .controls-bottom .video-title{font-size:clamp(10px, 1.18cqw + 6.71px, 18px);font-weight:600;line-height:1;white-space:nowrap;width:100%;overflow:hidden}.block-video-player .video-player .controls .controls-bottom .video-title>div{margin-bottom:0.5em;overflow:hidden;text-overflow:ellipsis}@container video-player (max-width: 430px){.block-video-player .video-player .controls .controls-bottom .video-title{width:auto;flex-grow:1}.block-video-player .video-player .controls .controls-bottom .video-title>div{margin:0;margin-right:10px}}.block-video-player .video-player .controls .controls-bottom .count-down{font-size:var(--font-size-12);line-height:1;font-weight:600;margin-right:5px}.block-video-player .video-player .controls .controls-bottom button{width:clamp(24px, 1.18cqw + 20.71px, 32px);height:clamp(24px, 1.18cqw + 20.71px, 32px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.block-video-player .video-player .controls .controls-bottom button svg{width:clamp(18px, 1.18cqw + 14.71px, 26px);height:clamp(18px, 1.18cqw + 14.71px, 26px)}.block-video-player .video-player .controls .controls-bottom .fullscreen svg{width:clamp(16px, 1.03cqw + 13.12px, 23px);height:clamp(16px, 1.03cqw + 13.12px, 23px)}.block-video-player .video-player .controls .controls-bottom .timeline{position:relative;flex:1;height:4px;background-color:rgba(255,255,255,0.2);border-radius:2px;margin-right:10px;cursor:pointer}@container video-player (max-width: 430px){.block-video-player .video-player .controls .controls-bottom .timeline{position:absolute;top:-3px;left:0;border-radius:0px;width:100%;height:3px}}.block-video-player .video-player .controls .controls-bottom .timeline .timeline-progress{position:absolute;top:0;left:0;height:100%;background-color:var(--color-white);border-radius:2px;width:0;transition:width 300ms ease}@container video-player (max-width: 430px){.block-video-player .video-player .controls .controls-bottom .timeline .timeline-progress{border-radius:0px}}.block-video-player .video-player .poster{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;pointer-events:none}body.frontend .block-video-player .video-player .poster{opacity:0;visibility:hidden;transition:opacity 500ms ease, visibility 500ms ease}body.frontend .block-video-player .video-player .poster.show{opacity:1;visibility:visible}.block-video-player .video-player .poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block-video-player .video-player button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;margin:0;cursor:pointer;outline:none;color:white}.block-video-player .video-player button svg{color:white}.block-video-player .video-info{position:absolute;z-index:2;text-align:center;display:flex;justify-content:center;width:100%}.block-video-player .video-info .video-info-center>*:nth-child(1){margin-top:clamp(1px, 8.68cqw - 23.29px, 60px)}.block-video-player .video-info h1,.block-video-player .video-info h2,.block-video-player .video-info h3{margin-left:3em;margin-right:3em}.block-video-player .video-info h1{font-size:clamp(16px, 5cqw + 2px, 50px)}.block-video-player .video-info h2,.block-video-player .video-info h3{font-size:clamp(10px, 1.47cqw + 5.88px, 20px)}
