.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; }