@keyframes fadeAndScale{0%{opacity:0}25%{opacity:1}to{opacity:0}}.video-js.vjs-mobile-ui{&.vjs-has-started:not(.vjs-ad-playing) .vjs-touch-overlay{pointer-events:auto;position:absolute;top:0}& .vjs-touch-overlay{pointer-events:none;width:100%;height:100%;display:block;&.skip{opacity:0;background-image:url("data:image/svg+xml;utf8,<svg fill=\"%23FFFFFF\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/></svg>");background-position:80%;background-repeat:no-repeat;background-size:10%;animation:.8s linear fadeAndScale;&:after{content:attr(data-skip-text);position:absolute;top:60%;left:70%}}&.skip.reverse{background-image:url("data:image/svg+xml;utf8,<svg fill=\"%23FFFFFF\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/></svg>");background-position:20%;&:after{right:70%;left:unset}}& .vjs-play-control{pointer-events:none;opacity:0;width:30%;height:80%;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);& .vjs-icon-placeholder:before{content:"";background-image:url("data:image/svg+xml;utf8,<svg fill=\"%23FFFFFF\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/></svg>");background-position:50%;background-repeat:no-repeat;background-size:60%}&.vjs-paused .vjs-icon-placeholder:before{content:"";background-image:url("data:image/svg+xml;utf8,<svg fill=\"%23FFFFFF\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8 5v14l11-7z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/></svg>")}&.vjs-ended .vjs-icon-placeholder:before{content:"";background-image:url("data:image/svg+xml;utf8,<svg fill=\"%23FFFFFF\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z\"/></svg>")}}&.show-play-toggle .vjs-play-control{opacity:1;pointer-events:auto}}&.vjs-mobile-ui-disable-end.vjs-ended .vjs-touch-overlay{display:none}&:not(:fullscreen).using-fs-swipe-up,&:fullscreen.using-fs-swipe-down{touch-action:none;overflow:hidden}}