2 @use '_variables' as *;
4 @use './_player-variables' as *;
6 /* Special mobile style */
8 .video-js.vjs-peertube-skin.vjs-is-mobile {
10 .vjs-progress-control .vjs-slider .vjs-play-progress {
11 // Always display the circle on mobile
20 .vjs-mobile-buttons-overlay {
24 background-color: rgba(0, 0, 0, 0.4);
40 top: calc(50% - 10px);
41 transform: translateY(-50%);
47 .forward-button .icon {
66 animation: fadeInAndOut 1s linear infinite;
71 display: inline-block;
86 animation-delay: 0.25s;
90 animation-delay: 0.5s;
101 transform: scaleX(-1);
105 animation-delay: 0.5s;
109 animation-delay: 0.25s;
143 .vjs-mobile-buttons-overlay {
149 .vjs-mobile-buttons-overlay {
163 @keyframes fadeInAndOut {