4 $play-overlay-transition: 0.2s ease;
5 $play-overlay-height: 26px;
6 $play-overlay-width: 18px;
9 @include disable-outline;
11 display: inline-block;
15 width: $video-thumbnail-width;
16 height: $video-thumbnail-height;
17 background-color: #ececec;
18 transition: filter $play-overlay-transition;
21 text-decoration: none !important;
23 filter: brightness(85%);
28 transform: translate(-50%, -50%) scale(1);
33 box-shadow: 0 0 0 2px var(--mainColor);
37 width: $video-thumbnail-width;
38 height: $video-thumbnail-height;
42 transform : scale(1.03);
53 transform: translate(-50%, -50%) scale(0.5);
55 transition: all $play-overlay-transition;
57 border-top: ($play-overlay-height / 2) solid transparent;
58 border-bottom: ($play-overlay-height / 2) solid transparent;
60 border-left: $play-overlay-width solid rgba(255, 255, 255, 0.95);
70 background-color: rgba(0, 0, 0, 0.20);
74 background-color: var(--mainColor);
78 .video-thumbnail-overlay {
82 display: inline-block;
83 background-color: rgba(0, 0, 0, 0.7);
86 font-weight: $font-bold;