+.copy-button {
+ border: none;
+}
+
+@media screen and (max-width: 1400px) {
+ // Takes all the row width
+ .channel-avatar-row {
+ grid-column: 1 / 3;
+ }
+
+ .owner-card {
+ grid-row: 2;
+ margin-left: 60px;
+ }
+}
+
+@media screen and (max-width: 1100px) {
+ .root {
+ --myGlobalTopPadding: 45px;
+ --myChannelImgMargin: 15px;
+ }
+
+ .channel-info {
+ display: flex;
+ flex-direction: column;
+ margin-bottom: 0;
+ }
+
+ .channel-description:not(.expanded) {
+ max-height: 70px;
+
+ @include fade-text(30px, pvar(--channelBackgroundColor));
+ }
+
+ .show-more {
+ display: inline-block;
+ }
+
+ .channel-buttons.bottom {
+ display: flex;
+ justify-content: center;
+ margin-bottom: 30px;
+ }
+
+ .channel-buttons.right {
+ display: none;
+ }
+
+ .owner-card {
+ display: none;
+ }
+
+ .bottom-owner {
+ display: block;
+ width: 100%;
+ border-bottom: 2px solid $separator-border-color;
+ padding: var(--myGlobalTopPadding) 45px;
+ margin-bottom: 60px;
+ }
+
+ .owner-block {
+ display: grid;
+ width: 100%;
+ padding: 0;
+
+ .avatar-row {
+ grid-column: 1;
+ margin-right: 30px;
+ }
+
+ .owner-description {
+ grid-column: 2;
+ max-height: 70px;
+
+ @include fade-text(30px, pvar(--mainBackgroundColor));
+ }
+
+ .view-account {
+ grid-column: 2;