+ .top-left-block {
+ z-index: 1;
+ height: $header-height;
+ display: flex;
+ align-items: center;
+ min-width: 0;
+
+ .icon {
+ @include icon(24px);
+
+ &.icon-menu {
+ background-color: pvar(--mainForegroundColor);
+ mask-image: url('#{$assets-path}/images/misc/menu.svg');
+ margin: 0 18px 0 20px;
+ }
+ }
+
+ .peertube-title {
+ @include disable-default-a-behaviour;
+
+ font-size: 20px;
+ font-weight: $font-bold;
+ color: inherit !important;
+ display: flex;
+ align-items: center;
+ overflow: hidden;
+
+ .instance-name {
+ @include ellipsis;
+
+ width: 100%;
+ }
+
+ .icon.icon-logo {
+ display: inline-block;
+ width: 23px;
+ height: 24px;
+ margin-right: .5rem;
+ }
+ }
+
+ @media screen and (max-width: $mobile-view) {
+ width: 70px;