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 font-weight: $font-semibold;
58 background-color: rgba(224, 8, 8, 0.7);
62 .video-thumbnail-actions-overlay {
65 flex-direction: column;
70 div:not(:first-child) {
74 .video-thumbnail-watch-later-overlay {
81 @include apply-svg-color(#fff);