.margin-content { margin-inline-end: var(--gridVideosMiniatureMargins)!important; } .margin-content { margin-inline-start: var(--gridVideosMiniatureMargins)!important; } .margin-content { --gridVideosMiniatureMargins: var(--videosHorizontalMarginContent); } .main-col .margin-content { margin: 0 var(--horizontalMarginContent); flex-grow: 1; } .videos-header { display: grid; grid-template-columns: auto 1fr auto; margin-bottom: 30px; } .videos-header .title { font-size: 18px; color: var(--mainForegroundColor); display: inline-block; font-weight: 600; margin-top: 30px; margin-bottom: 0; } .videos-header .title, .videos-header .title-subscription { grid-column: 1; } .videos-header .title-subscription { grid-row: 2; font-size: 14px; color: var(--greyForegroundColor); } .videos-header .title, .videos-header .title-subscription { grid-column: 1; } .videos-header my-feed { margin-inline-start: 5px; } .videos-header my-feed { display: inline-block; width: 16px; color: var(--mainColor); position: relative; top: -2px; } .feed { width: 100%; } my-global-icon { cursor: pointer; width: 100%; } [role=button] { cursor: pointer; } .date-title:not(:first-child) { margin-top: .5rem; padding-top: 20px; border-top: 1px solid rgba(0,0,0,.1); } .date-title { font-size: 16px; font-weight: 600; margin-bottom: 20px; grid-column: 1/-1; } @media screen and (min-width: 500px) { .margin-content .videos, .margin-content .playlists { --miniatureMinWidth: 255px; --miniatureMaxWidth: 280px; display: grid; grid-column-gap: 30px; column-gap: 30px; grid-template-columns: repeat(auto-fill,minmax(var(--miniatureMinWidth),1fr)); } } .section:first-child { padding-top: 30px; } .section:first-child .section-title { border-top: 0!important; } .section .section-title a:hover, .section .section-title a:focus:not(.focus-visible), .section .section-title a:active { text-decoration: none; outline: none; } .section .section-title:not(h2) { border-top: 1px solid rgba(0,0,0,.1); } .section .section-title { font-size: 24px; font-weight: 600; padding-top: 15px; margin-bottom: 15px; display: flex; justify-content: space-between; } .section-title { grid-column: 1/-1; } @media screen and (min-width: 500px) { .margin-content .videos, .margin-content .playlists { --miniatureMinWidth: 255px; --miniatureMaxWidth: 280px; display: grid; grid-column-gap: 30px; column-gap: 30px; grid-template-columns: repeat(auto-fill,minmax(var(--miniatureMinWidth),1fr)); } } .section.channel .section-title a { display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; align-items: center; } .section .section-title a { color: var(--mainForegroundColor); }