+}
+
+.miniature-show-channel {
+ height: 100%;
+ position: absolute;
+ right: 0;
+ background: linear-gradient(90deg, transparent 0, pvar(--channelBackgroundColor) 45px);
+ padding: (math.div($video-thumbnail-medium-height, 2) - 10px) 15px 0 60px;
+ z-index: z(miniature) + 1;
+
+ a {
+ color: pvar(--mainColor);
+ font-size: 16px;
+ font-weight: $font-semibold;
+ }
+}
+
+.button-show-channel {
+ display: none;
+}
+
+@media screen and (max-width: $mobile-view) {
+ .channel {
+ padding: 15px;
+ }
+
+ .channel-avatar-row {
+ grid-template-columns: auto auto auto 1fr;
+
+ .avatar-link {
+ grid-row: 1 / 4;
+ }
+
+ h2 {
+ font-size: 16px;
+ }