.pd-hls-video-container{position:relative}.pd-hls-video-container .pd-hls-video,.pd-hls-video-container .pd-hls-video-poster{aspect-ratio:9/16}@media screen and (min-width:768px){.pd-hls-video-container .pd-hls-video,.pd-hls-video-container .pd-hls-video-poster{aspect-ratio:16/9}}.pd-hls-video-container .pd-hls-video-poster{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;width:100%}.pd-hls-video-container .pd-hls-video-poster.visible{opacity:1}.pd-hls-video-container .pd-hls-video-controls{bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem;position:absolute;right:1rem;z-index:2}@media screen and (min-width:768px){.pd-hls-video-container .pd-hls-video-controls{bottom:2rem;right:2rem}}.pd-hls-video-container .pd-hls-video-controls .pd-hls-video-play-pause,.pd-hls-video-container .pd-hls-video-controls .pd-hls-video-volume{backdrop-filter:blur(2px);background:hsla(0,0%,100%,.7);border:none;border-radius:1000px;display:-webkit-box;display:-ms-flexbox;display:flex;height:32px;outline:none;padding:0 6px;width:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pd-hls-video-container .pd-hls-video-controls .pd-hls-video-play-pause svg,.pd-hls-video-container .pd-hls-video-controls .pd-hls-video-volume svg{height:20px;width:20px}.pd-hls-video-container .pd-hls-video-controls .pd-hls-video-play-pause:hover,.pd-hls-video-container .pd-hls-video-controls .pd-hls-video-volume:hover{background:hsla(0,0%,100%,.9)}