.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-volume{backdrop-filter:blur(2px);background:hsla(0,0%,100%,.7);border:none;border-radius:1000px;bottom:1rem;height:32px;outline:none;padding:0 6px;position:absolute;right:1rem;width:32px;z-index:2}.pd-hls-video-container .pd-hls-video-volume svg{height:20px;width:20px}@media screen and (min-width:768px){.pd-hls-video-container .pd-hls-video-volume{bottom:2rem;right:2rem}}.pd-hls-video-container .pd-hls-video-volume:hover{background:hsla(0,0%,100%,.9)}