6 @include miniature-thumbnail;
13 background-color: rgba(0, 0, 0, 0.20);
17 background-color: pvar(--mainColor);
21 .video-thumbnail-watch-later-overlay,
22 .video-thumbnail-label-overlay,
23 .video-thumbnail-duration-overlay,
24 .video-thumbnail-live-overlay {
25 @include static-thumbnail-overlay;
29 font-weight: $font-semibold;
31 z-index: z(miniature);
34 .video-thumbnail-label-overlay {
39 font-weight: $font-bold;
41 &.warning { background-color: orange; }
42 &.danger { background-color: red; }
45 .video-thumbnail-duration-overlay,
46 .video-thumbnail-live-overlay {
53 .video-thumbnail-live-overlay {
54 background-color: rgba(224, 8, 8, 0.7);
56 font-weight: $font-semibold;
59 .video-thumbnail-actions-overlay {
62 flex-direction: column;
67 div:not(:first-child) {
71 .video-thumbnail-watch-later-overlay {
78 @include apply-svg-color(#fff);