11 border-bottom: 1px solid #DADADA;
21 font-weight: $font-semibold;
25 .results-filter-button {
34 background-image: url('../../assets/images/search/filter.svg');
40 // Animation when we show/hide the filters
41 transition: max-height 0.3s;
42 display: block !important;
43 overflow: hidden !important;
68 @include disable-default-a-behaviour;
70 color: var(--mainForegroundColor);
74 font-weight: $font-semibold;
77 .video-info-date-views {
82 @include disable-default-a-behaviour;
87 text-overflow: ellipsis;
102 @include avatar(120px);
104 margin: 0 50px 0 40px;
107 .video-channel-info {
111 .video-channel-names {
112 @include disable-default-a-behaviour;
115 align-items: baseline;
116 color: var(--mainForegroundColor);
119 .video-channel-display-name {
120 font-weight: $font-semibold;
124 .video-channel-name {
126 color: $grey-actor-name;
135 @media screen and (max-width: $small-view) {
136 .video-channel-names {
137 flex-direction: column !important;
139 .video-channel-name {
140 margin-left: 0 !important;
145 @media screen and (max-width: $mobile-view) {
150 font-size: 15px !important;
154 flex-direction: column;
156 justify-content: center;
162 .video-info-account {
167 margin-right: 0 !important;
169 /deep/ .video-thumbnail {
182 .video-channel-info .video-channel-names {
186 my-subscribe-button {