/* Official unmodified digital asset, including its built-in clear space.
   Source and checksum: static/brand/youtube/README.md.
   At 52px canvas width, the visible mark is 24px high (minimum: 20px).
   Font-library aliases also cover dynamically rendered channel controls. */
.youtube-brand-icon,
i.ri-youtube-fill,
i.ri-youtube-line,
i.fa-youtube {
  display: inline-block !important;
  width: 52px !important;
  height: 44.55px !important;
  min-width: 52px !important;
  min-height: 44.55px !important;
  flex: 0 0 52px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff url("../brand/youtube/yt_icon_red_digital.png") center / contain no-repeat !important;
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  vertical-align: middle;
  line-height: 1 !important;
}
i.ri-youtube-fill::before,
i.ri-youtube-line::before,
i.fa-youtube::before { content: none !important; }
.youtube-brand-link { display: inline-flex; flex: 0 0 auto; align-items: center; background: #fff; }
.youtube-brand-link:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.content-library-selector-icon:has(:is(.ri-youtube-fill, .ri-youtube-line)) {
  width: 52px; min-width: 52px; height: 45px; background: #fff; border-radius: 0;
}
.content-library-selector-option:has(.ri-youtube-fill) { min-height: 57px; }
.content-type-tab[data-channel="youtube"] { min-height: 57px; }
.calendar-event-modal-icon.youtube { width: 64px; min-width: 64px; height: 56px; background: #fff; }
.social-circle:has(> .ri-youtube-fill) { width: 52px; min-width: 52px; height: 45px; background: #fff; border-radius: 0; }