.yt-spec-button-shape-next {
  position: relative;
  margin: 0;
  white-space: nowrap;
  min-width: 0;
  text-transform: none;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  border: none;
  cursor: pointer;
  outline-width: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  -webkit-flex-basis: 0.000000001px;
  flex-basis: 0.000000001px;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.yt-spec-button-shape-next__button-shape-wiz-class {
  display: contents;
}
.yt-spec-button-shape-next__icon {
  line-height: 0;
  fill: currentColor;
}
.yt-spec-button-shape-next__secondary-icon {
  line-height: 0;
  fill: currentColor;
}
.yt-spec-button-shape-next--icon-button {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  flex: none;
}
.yt-spec-button-shape-next__button-text-content {
  text-overflow: ellipsis;
  overflow: hidden;
}
.yt-spec-button-shape-next--size-xs {
  padding: 0 8px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  border-radius: 12px;
}
.yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--outline {
  padding: 0 7px;
  border-width: 1px;
  border-style: solid;
}
.yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--focused {
  padding: 0 6px;
  border-width: 2px;
  border-style: solid;
}
.yt-spec-button-shape-next--size-xs .yt-spec-button-shape-next__icon {
  width: 16px;
  height: 16px;
}
.yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--align-by-text {
  margin-left: -8px;
}
.yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-button {
  width: 24px;
  padding: 0;
}
.yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--align-by-text {
  margin-left: -4px;
}
.yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end {
  padding: 0 8px;
  width: 32px;
}
.yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end
  .yt-spec-button-shape-next__icon {
  margin-left: -2px;
}
.yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--segmented-start {
  border-radius: 12px 0 0 12px;
  position: relative;
}
.yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--segmented-start::after {
  content: "";
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0;
  top: 4px;
  height: 16px;
  width: 1px;
}
.yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--segmented-end {
  border-radius: 0 12px 12px 0;
}
.yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-trailing
  .yt-spec-button-shape-next__icon {
  margin-left: 2px;
  margin-right: -2px;
}
.yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-leading
  .yt-spec-button-shape-next__icon {
  margin-right: 2px;
  margin-left: -2px;
}
.yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--align-by-text {
  margin-left: -6px;
}
.yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-leading-trailing
  .yt-spec-button-shape-next__icon {
  margin-right: 2px;
  margin-left: -2px;
}
.yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-leading-trailing
  .yt-spec-button-shape-next__secondary-icon {
  margin-left: 2px;
  margin-right: -2px;
}
.yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-leading-trailing.yt-spec-button-shape-next--align-by-text {
  margin-left: -6px;
}
.yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-leading-trailing-no-text
  .yt-spec-button-shape-next__icon {
  margin-right: 0;
}
.yt-spec-button-shape-next--size-s {
  padding: 0 12px;
  height: 32px;
  font-size: 12px;
  line-height: 32px;
  border-radius: 16px;
}
.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--outline {
  padding: 0 11px;
  border-width: 1px;
  border-style: solid;
}
.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--focused {
  padding: 0 10px;
  border-width: 2px;
  border-style: solid;
}
.yt-spec-button-shape-next--size-s .yt-spec-button-shape-next__icon {
  width: 16px;
  height: 16px;
}
.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--align-by-text {
  margin-left: -12px;
}
.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-button {
  width: 32px;
  padding: 0;
}
.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--align-by-text {
  margin-left: -8px;
}
.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end {
  padding: 0 12px;
  width: 44px;
}
.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end
  .yt-spec-button-shape-next__icon {
  margin-left: -4px;
}
.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--override-small-size-icon
  .yt-spec-button-shape-next__icon {
  width: 24px;
  height: 24px;
}
.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--segmented-start {
  border-radius: 16px 0 0 16px;
  position: relative;
}
.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--segmented-start::after {
  content: "";
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0;
  top: 8px;
  height: 16px;
  width: 1px;
}
.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--segmented-end {
  border-radius: 0 16px 16px 0;
}
.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-trailing
  .yt-spec-button-shape-next__icon {
  margin-left: 4px;
  margin-right: -4px;
}
.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-leading
  .yt-spec-button-shape-next__icon {
  margin-right: 4px;
  margin-left: -4px;
}
.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--align-by-text {
  margin-left: -8px;
}
.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-leading-trailing
  .yt-spec-button-shape-next__icon {
  margin-right: 4px;
  margin-left: -4px;
}
.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-leading-trailing
  .yt-spec-button-shape-next__secondary-icon {
  margin-left: 4px;
  margin-right: -4px;
}
.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-leading-trailing.yt-spec-button-shape-next--align-by-text {
  margin-left: -8px;
}
.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-leading-trailing-no-text
  .yt-spec-button-shape-next__icon {
  margin-right: 0;
}
.yt-spec-button-shape-next--size-m {
  padding: 0 16px;
  height: 36px;
  font-size: 14px;
  line-height: 36px;
  border-radius: 18px;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--outline {
  padding: 0 15px;
  border-width: 1px;
  border-style: solid;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--focused {
  padding: 0 14px;
  border-width: 2px;
  border-style: solid;
}
.yt-spec-button-shape-next--size-m .yt-spec-button-shape-next__icon {
  width: 24px;
  height: 24px;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--align-by-text {
  margin-left: -16px;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-button {
  width: 36px;
  padding: 0;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--align-by-text {
  margin-left: -6px;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end {
  padding: 0 16px;
  width: 52px;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end
  .yt-spec-button-shape-next__icon {
  margin-left: -6px;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start {
  border-radius: 18px 0 0 18px;
  position: relative;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {
  content: "";
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0;
  top: 6px;
  height: 24px;
  width: 1px;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-end {
  border-radius: 0 18px 18px 0;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-trailing
  .yt-spec-button-shape-next__icon {
  margin-left: 6px;
  margin-right: -6px;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading
  .yt-spec-button-shape-next__icon {
  margin-right: 6px;
  margin-left: -6px;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--align-by-text {
  margin-left: -10px;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading-trailing
  .yt-spec-button-shape-next__icon {
  margin-right: 6px;
  margin-left: -6px;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading-trailing
  .yt-spec-button-shape-next__secondary-icon {
  margin-left: 6px;
  margin-right: -6px;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading-trailing.yt-spec-button-shape-next--align-by-text {
  margin-left: -10px;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading-trailing-no-text
  .yt-spec-button-shape-next__icon {
  margin-right: 0;
}
.yt-spec-button-shape-next--size-l {
  padding: 0 24px;
  height: 48px;
  font-size: 18px;
  line-height: 48px;
  border-radius: 24px;
}
.yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--outline {
  padding: 0 23px;
  border-width: 1px;
  border-style: solid;
}
.yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--focused {
  padding: 0 22px;
  border-width: 2px;
  border-style: solid;
}
.yt-spec-button-shape-next--size-l .yt-spec-button-shape-next__icon {
  width: 24px;
  height: 24px;
}
.yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--align-by-text {
  margin-left: -24px;
}
.yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-button {
  width: 48px;
  padding: 0;
}
.yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--align-by-text {
  margin-left: -12px;
}
.yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end {
  padding: 0 24px;
  width: 72px;
}
.yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end
  .yt-spec-button-shape-next__icon {
  margin-left: -8px;
}
.yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--segmented-start {
  border-radius: 24px 0 0 24px;
  position: relative;
}
.yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--segmented-start::after {
  content: "";
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0;
  top: 12px;
  height: 24px;
  width: 1px;
}
.yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--segmented-end {
  border-radius: 0 24px 24px 0;
}
.yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-trailing
  .yt-spec-button-shape-next__icon {
  margin-left: 8px;
  margin-right: -8px;
}
.yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-leading
  .yt-spec-button-shape-next__icon {
  margin-right: 8px;
  margin-left: -8px;
}
.yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--align-by-text {
  margin-left: -16px;
}
.yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-leading-trailing
  .yt-spec-button-shape-next__icon {
  margin-right: 8px;
  margin-left: -8px;
}
.yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-leading-trailing
  .yt-spec-button-shape-next__secondary-icon {
  margin-left: 8px;
  margin-right: -8px;
}
.yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-leading-trailing.yt-spec-button-shape-next--align-by-text {
  margin-left: -16px;
}
.yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-leading-trailing-no-text
  .yt-spec-button-shape-next__icon {
  margin-right: 0;
}
.yt-spec-button-shape-next--size-xl {
  padding: 0 32px;
  height: 56px;
  font-size: 24px;
  line-height: 56px;
  border-radius: 28px;
}
.yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--outline {
  padding: 0 31px;
  border-width: 1px;
  border-style: solid;
}
.yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--focused {
  padding: 0 30px;
  border-width: 2px;
  border-style: solid;
}
.yt-spec-button-shape-next--size-xl .yt-spec-button-shape-next__icon {
  width: 24px;
  height: 24px;
}
.yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--align-by-text {
  margin-left: -32px;
}
.yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-button {
  width: 56px;
  padding: 0;
}
.yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--align-by-text {
  margin-left: -16px;
}
.yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end {
  padding: 0 32px;
  width: 88px;
}
.yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end
  .yt-spec-button-shape-next__icon {
  margin-left: -12px;
}
.yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--segmented-start {
  border-radius: 28px 0 0 28px;
  position: relative;
}
.yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--segmented-start::after {
  content: "";
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0;
  top: 16px;
  height: 24px;
  width: 1px;
}
.yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--segmented-end {
  border-radius: 0 28px 28px 0;
}
.yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-trailing
  .yt-spec-button-shape-next__icon {
  margin-left: 12px;
  margin-right: -12px;
}
.yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-leading
  .yt-spec-button-shape-next__icon {
  margin-right: 12px;
  margin-left: -12px;
}
.yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--align-by-text {
  margin-left: -20px;
}
.yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-leading-trailing
  .yt-spec-button-shape-next__icon {
  margin-right: 12px;
  margin-left: -12px;
}
.yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-leading-trailing
  .yt-spec-button-shape-next__secondary-icon {
  margin-left: 12px;
  margin-right: -12px;
}
.yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-leading-trailing.yt-spec-button-shape-next--align-by-text {
  margin-left: -20px;
}
.yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-leading-trailing-no-text
  .yt-spec-button-shape-next__icon {
  margin-right: 0;
}
.yt-spec-button-shape-next--one-off-custom-text-wrap-container {
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
}
.yt-spec-button-shape-next--one-off-custom-text-wrap-container
  .yt-spec-button-shape-next__button-text-content {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 8rem;
  -webkit-line-clamp: 4;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.yt-spec-button-shape-next--disable-text-ellipsis
  .yt-spec-button-shape-next__button-text-content {
  text-overflow: clip;
}
.yt-spec-button-shape-next--icon-only-default {
  min-width: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 0;
}
.yt-spec-button-shape-next--icon-only-default.yt-spec-button-shape-next--align-by-text {
  margin-left: -8px;
}
.yt-spec-button-shape-next--workaround-icon-no-border-radius {
  border-radius: unset;
}
.yt-spec-button-shape-next--disabled {
  cursor: default;
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {
  color: #fff;
  /*! rtl:ignore */
  background: #065fd4;
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled:hover {
  /*! rtl:ignore */
  background: #0556bf;
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled:hover {
    /*! rtl:ignore */
    background: #065fd4;
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled:active {
    /*! rtl:ignore */
    background: #0556bf;
    border-color: transparent;
  }
}
@media (-ms-high-contrast: active), (forced-colors: active) {
  .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {
  color: #065fd4;
  border-color: rgba(0, 0, 0, 0.1);
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover {
  /*! rtl:ignore */
  background: #def1ff;
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover {
    /*! rtl:ignore */
    border-color: rgba(0, 0, 0, 0.1);
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:active {
    /*! rtl:ignore */
    background: #def1ff;
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text {
  color: #065fd4;
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text:hover {
  /*! rtl:ignore */
  background: #def1ff;
  border-color: transparent;
}
@media (hover: none) {
}
@media (hover: none) {
  .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text:active {
    /*! rtl:ignore */
    background: #def1ff;
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--tonal {
  color: #065fd4;
  /*! rtl:ignore */
  background: #def1ff;
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--tonal:hover {
  /*! rtl:ignore */
  background: #dadfe6;
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--tonal:hover {
    /*! rtl:ignore */
    background: #def1ff;
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--tonal:active {
    /*! rtl:ignore */
    background: #dadfe6;
    border-color: transparent;
  }
}
@media (-ms-high-contrast: active), (forced-colors: active) {
  .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--tonal {
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--focused {
  color: #065fd4;
  /*! rtl:ignore */
  background: unset;
  border-color: #065fd4;
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--focused:hover {
  /*! rtl:ignore */
  background: #def1ff;
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--focused:hover {
    /*! rtl:ignore */
    background: unset;
    border-color: #065fd4;
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--focused:active {
    /*! rtl:ignore */
    background: #def1ff;
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--call-to-action-inverse.yt-spec-button-shape-next--text {
  color: #3ea6ff;
}
.yt-spec-button-shape-next--call-to-action-inverse.yt-spec-button-shape-next--text:hover {
  /*! rtl:ignore */
  background: #263850;
  border-color: transparent;
}
@media (hover: none) {
}
@media (hover: none) {
  .yt-spec-button-shape-next--call-to-action-inverse.yt-spec-button-shape-next--text:active {
    /*! rtl:ignore */
    background: #263850;
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--call-to-action-overlay.yt-spec-button-shape-next--filled {
  color: #030303;
  /*! rtl:ignore */
  background: #3ea6ff;
}
.yt-spec-button-shape-next--call-to-action-overlay.yt-spec-button-shape-next--filled:hover {
  /*! rtl:ignore */
  background: #65b8ff;
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--call-to-action-overlay.yt-spec-button-shape-next--filled:hover {
    /*! rtl:ignore */
    background: #3ea6ff;
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--call-to-action-overlay.yt-spec-button-shape-next--filled:active {
    /*! rtl:ignore */
    background: #65b8ff;
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--call-to-action-overlay.yt-spec-button-shape-next--focused {
  color: #3ea6ff;
  /*! rtl:ignore */
  background: #000;
  border-color: #3ea6ff;
}
.yt-spec-button-shape-next--call-to-action-overlay.yt-spec-button-shape-next--focused:hover {
  /*! rtl:ignore */
  background: #65b8ff;
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--call-to-action-overlay.yt-spec-button-shape-next--focused:hover {
    /*! rtl:ignore */
    background: #000;
    border-color: #3ea6ff;
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--call-to-action-overlay.yt-spec-button-shape-next--focused:active {
    /*! rtl:ignore */
    background: #65b8ff;
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
  color: #fff;
  /*! rtl:ignore */
  background: #030303;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:hover {
  /*! rtl:ignore */
  background: #272727;
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:hover {
    /*! rtl:ignore */
    background: #030303;
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:active {
    /*! rtl:ignore */
    background: #272727;
    border-color: transparent;
  }
}
@media (-ms-high-contrast: active), (forced-colors: active) {
  .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline {
  color: #030303;
  border-color: rgba(0, 0, 0, 0.1);
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:hover {
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:hover {
    /*! rtl:ignore */
    border-color: rgba(0, 0, 0, 0.1);
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:active {
    /*! rtl:ignore */
    background: rgba(0, 0, 0, 0.1);
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {
  color: #030303;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:hover {
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
@media (hover: none) {
}
@media (hover: none) {
  .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:active {
    /*! rtl:ignore */
    background: rgba(0, 0, 0, 0.1);
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {
  color: #030303;
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.05);
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal:hover {
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal:hover {
    /*! rtl:ignore */
    background: rgba(0, 0, 0, 0.05);
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal:active {
    /*! rtl:ignore */
    background: rgba(0, 0, 0, 0.1);
    border-color: transparent;
  }
}
@media (-ms-high-contrast: active), (forced-colors: active) {
  .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--focused {
  color: #030303;
  /*! rtl:ignore */
  background: unset;
  border-color: #030303;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--focused:hover {
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--focused:hover {
    /*! rtl:ignore */
    background: unset;
    border-color: #030303;
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--focused:active {
    /*! rtl:ignore */
    background: rgba(0, 0, 0, 0.1);
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--filled {
  color: #030303;
  /*! rtl:ignore */
  background: #fff;
}
.yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--filled:hover {
  /*! rtl:ignore */
  background: #d9d9d9;
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--filled:hover {
    /*! rtl:ignore */
    background: #fff;
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--filled:active {
    /*! rtl:ignore */
    background: #d9d9d9;
    border-color: transparent;
  }
}
@media (-ms-high-contrast: active), (forced-colors: active) {
  .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--filled {
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--outline {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
}
.yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--outline:hover {
  /*! rtl:ignore */
  background: rgba(255, 255, 255, 0.1);
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--outline:hover {
    /*! rtl:ignore */
    border-color: rgba(255, 255, 255, 0.2);
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--outline:active {
    /*! rtl:ignore */
    background: rgba(255, 255, 255, 0.1);
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--text {
  color: #fff;
}
.yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--text:hover {
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
@media (hover: none) {
}
@media (hover: none) {
  .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--text:active {
    /*! rtl:ignore */
    background: rgba(0, 0, 0, 0.1);
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--tonal {
  color: #fff;
  /*! rtl:ignore */
  background: rgba(255, 255, 255, 0.1);
}
.yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--tonal:hover {
  /*! rtl:ignore */
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--tonal:hover {
    /*! rtl:ignore */
    background: rgba(255, 255, 255, 0.1);
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--tonal:active {
    /*! rtl:ignore */
    background: rgba(255, 255, 255, 0.2);
    border-color: transparent;
  }
}
@media (-ms-high-contrast: active), (forced-colors: active) {
  .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--tonal {
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--focused {
  color: #fff;
  /*! rtl:ignore */
  background: unset;
  border-color: #fff;
}
.yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--focused:hover {
  /*! rtl:ignore */
  background: rgba(255, 255, 255, 0.1);
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--focused:hover {
    /*! rtl:ignore */
    background: unset;
    border-color: #fff;
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--focused:active {
    /*! rtl:ignore */
    background: rgba(255, 255, 255, 0.1);
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled {
  color: #000;
  /*! rtl:ignore */
  background: #fff;
}
.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled:hover {
  /*! rtl:ignore */
  background: #e6e6e6;
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled:hover {
    /*! rtl:ignore */
    background: #fff;
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled:active {
    /*! rtl:ignore */
    background: #e6e6e6;
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--outline {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
}
.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--outline:hover {
  /*! rtl:ignore */
  background: rgba(255, 255, 255, 0.1);
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--outline:hover {
    /*! rtl:ignore */
    border-color: rgba(255, 255, 255, 0.3);
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--outline:active {
    /*! rtl:ignore */
    background: rgba(255, 255, 255, 0.1);
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--text {
  color: #fff;
}
.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--text:hover {
  /*! rtl:ignore */
  background: rgba(255, 255, 255, 0.1);
  border-color: transparent;
}
@media (hover: none) {
}
@media (hover: none) {
  .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--text:active {
    /*! rtl:ignore */
    background: rgba(255, 255, 255, 0.1);
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal {
  color: #fff;
  /*! rtl:ignore */
  background: rgba(255, 255, 255, 0.1);
}
.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal:hover {
  /*! rtl:ignore */
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal:hover {
    /*! rtl:ignore */
    background: rgba(255, 255, 255, 0.1);
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal:active {
    /*! rtl:ignore */
    background: rgba(255, 255, 255, 0.2);
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next--enable-backdrop-filter-experiment {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--focused {
  color: #fff;
  /*! rtl:ignore */
  background: #000;
  border-color: #fff;
}
.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--focused:hover {
  /*! rtl:ignore */
  background: rgba(255, 255, 255, 0.1);
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--focused:hover {
    /*! rtl:ignore */
    background: #000;
    border-color: #fff;
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--focused:active {
    /*! rtl:ignore */
    background: rgba(255, 255, 255, 0.1);
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--filled {
  color: #000;
  /*! rtl:ignore */
  background: #fff;
}
.yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--filled:hover {
  /*! rtl:ignore */
  background: #e6e6e6;
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--filled:hover {
    /*! rtl:ignore */
    background: #fff;
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--filled:active {
    /*! rtl:ignore */
    background: #e6e6e6;
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--tonal {
  color: #fff;
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.3);
}
.yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--tonal:hover {
  /*! rtl:ignore */
  background: rgba(40, 40, 40, 0.6);
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--tonal:hover {
    /*! rtl:ignore */
    background: rgba(0, 0, 0, 0.3);
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--tonal:active {
    /*! rtl:ignore */
    background: rgba(40, 40, 40, 0.6);
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next--enable-backdrop-filter-experiment {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--focused {
  color: #fff;
  /*! rtl:ignore */
  background: #000;
  border-color: rgba(0, 0, 0, 0.3);
}
.yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--focused:hover {
  /*! rtl:ignore */
  background: rgba(40, 40, 40, 0.6);
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--focused:hover {
    /*! rtl:ignore */
    background: #000;
    border-color: rgba(0, 0, 0, 0.3);
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--focused:active {
    /*! rtl:ignore */
    background: rgba(40, 40, 40, 0.6);
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--brand-gradient.yt-spec-button-shape-next--filled {
  color: #fff;
  /*! rtl:ignore */
  background: -webkit-linear-gradient(45deg, #e1002d 30%, #e01378 85%);
  background: linear-gradient(45deg, #e1002d 30%, #e01378 85%);
}
.yt-spec-button-shape-next--brand-gradient.yt-spec-button-shape-next--filled:hover {
  /*! rtl:ignore */
  background: -webkit-linear-gradient(45deg, #e1002d 30%, #e01378 85%);
  background: linear-gradient(45deg, #e1002d 30%, #e01378 85%);
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--brand-gradient.yt-spec-button-shape-next--filled:hover {
    /*! rtl:ignore */
    background: -webkit-linear-gradient(45deg, #e1002d 30%, #e01378 85%);
    background: linear-gradient(45deg, #e1002d 30%, #e01378 85%);
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--brand-gradient.yt-spec-button-shape-next--filled:active {
    /*! rtl:ignore */
    background: -webkit-linear-gradient(45deg, #e1002d 30%, #e01378 85%);
    background: linear-gradient(45deg, #e1002d 30%, #e01378 85%);
    border-color: transparent;
  }
}
@media (-ms-high-contrast: active), (forced-colors: active) {
  .yt-spec-button-shape-next--brand-gradient.yt-spec-button-shape-next--filled {
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.yt-spec-button-shape-next--brand-gradient.yt-spec-button-shape-next--focused {
  color: #030303;
  /*! rtl:ignore */
  background: unset;
  border-color: #030303;
}
.yt-spec-button-shape-next--brand-gradient.yt-spec-button-shape-next--focused:hover {
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--brand-gradient.yt-spec-button-shape-next--focused:hover {
    /*! rtl:ignore */
    background: unset;
    border-color: #030303;
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--brand-gradient.yt-spec-button-shape-next--focused:active {
    /*! rtl:ignore */
    background: rgba(0, 0, 0, 0.1);
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--filled {
  color: #fff;
  /*! rtl:ignore */
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #7f0e7f),
    color-stop(20%, #aa09aa),
    to(#ff4e45)
  );
  background: -webkit-linear-gradient(
    left,
    #7f0e7f 0,
    #aa09aa 20%,
    #ff4e45 100%
  );
  background: linear-gradient(90deg, #7f0e7f 0, #aa09aa 20%, #ff4e45 100%);
}
.yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--filled:hover {
  /*! rtl:ignore */
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #007a65),
    to(#7f0e7f)
  );
  background: -webkit-linear-gradient(left, #007a65 0, #7f0e7f 100%);
  background: linear-gradient(90deg, #007a65 0, #7f0e7f 100%);
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--filled:hover {
    /*! rtl:ignore */
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(0, #7f0e7f),
      color-stop(20%, #aa09aa),
      to(#ff4e45)
    );
    background: -webkit-linear-gradient(
      left,
      #7f0e7f 0,
      #aa09aa 20%,
      #ff4e45 100%
    );
    background: linear-gradient(90deg, #7f0e7f 0, #aa09aa 20%, #ff4e45 100%);
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--filled:active {
    /*! rtl:ignore */
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(0, #007a65),
      to(#7f0e7f)
    );
    background: -webkit-linear-gradient(left, #007a65 0, #7f0e7f 100%);
    background: linear-gradient(90deg, #007a65 0, #7f0e7f 100%);
    border-color: transparent;
  }
}
@media (-ms-high-contrast: active), (forced-colors: active) {
  .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--filled {
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--tonal {
  color: #030303;
  /*! rtl:ignore */
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(127, 14, 127, 0.2)),
    color-stop(20%, rgba(170, 9, 170, 0.2)),
    to(rgba(255, 78, 69, 0.2))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(127, 14, 127, 0.2) 0,
    rgba(170, 9, 170, 0.2) 20%,
    rgba(255, 78, 69, 0.2) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(127, 14, 127, 0.2) 0,
    rgba(170, 9, 170, 0.2) 20%,
    rgba(255, 78, 69, 0.2) 100%
  );
}
.yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--tonal:hover {
  /*! rtl:ignore */
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, rgba(0, 122, 101, 0.2)),
    to(rgba(127, 14, 127, 0.2))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(0, 122, 101, 0.2) 0,
    rgba(127, 14, 127, 0.2) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(0, 122, 101, 0.2) 0,
    rgba(127, 14, 127, 0.2) 100%
  );
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--tonal:hover {
    /*! rtl:ignore */
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(rgba(127, 14, 127, 0.2)),
      color-stop(20%, rgba(170, 9, 170, 0.2)),
      to(rgba(255, 78, 69, 0.2))
    );
    background: -webkit-linear-gradient(
      left,
      rgba(127, 14, 127, 0.2) 0,
      rgba(170, 9, 170, 0.2) 20%,
      rgba(255, 78, 69, 0.2) 100%
    );
    background: linear-gradient(
      90deg,
      rgba(127, 14, 127, 0.2) 0,
      rgba(170, 9, 170, 0.2) 20%,
      rgba(255, 78, 69, 0.2) 100%
    );
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--tonal:active {
    /*! rtl:ignore */
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(0, rgba(0, 122, 101, 0.2)),
      to(rgba(127, 14, 127, 0.2))
    );
    background: -webkit-linear-gradient(
      left,
      rgba(0, 122, 101, 0.2) 0,
      rgba(127, 14, 127, 0.2) 100%
    );
    background: linear-gradient(
      90deg,
      rgba(0, 122, 101, 0.2) 0,
      rgba(127, 14, 127, 0.2) 100%
    );
    border-color: transparent;
  }
}
@media (-ms-high-contrast: active), (forced-colors: active) {
  .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--tonal {
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--focused {
  color: #030303;
  /*! rtl:ignore */
  background: unset;
  border-color: #030303;
}
.yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--focused:hover {
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
@media (hover: none) {
  .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--focused:hover {
    /*! rtl:ignore */
    background: unset;
    border-color: #030303;
  }
}
@media (hover: none) {
  .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--focused:active {
    /*! rtl:ignore */
    background: rgba(0, 0, 0, 0.1);
    border-color: transparent;
  }
}
.yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--filled {
  color: #909090;
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.05);
}
@media (-ms-high-contrast: active), (forced-colors: active) {
  .yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--filled {
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--outline {
  color: #909090;
  border-color: rgba(0, 0, 0, 0.1);
}
.yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--text {
  color: #909090;
}
.yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--tonal {
  color: #909090;
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.05);
}
@media (-ms-high-contrast: active), (forced-colors: active) {
  .yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--tonal {
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.ytUpsellOfferTableCellContentViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 2px;
  color: #030303;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}
.ytUpsellOfferTableCellContentViewModelUpsellOfferTableCellTitle {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 700;
}
.ytUpsellOfferTableCellContentViewModelUpsellOfferTableCellSubtitle {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.ytUpsellOfferTableCellContentViewModelUpsellOfferTableCellInfoText {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 400;
  margin-top: -4px;
}
.ytUpsellOfferTableCellContentViewModelUpsellOfferTableCellFeatureDescription {
  max-width: none;
  text-align: left;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  margin-left: 8px;
}
.ytUpsellOfferTableCellContentViewModelUpsellOfferTableCellIcon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #030303;
}
.ytUpsellOfferTableCellContentViewModelUpsellOfferTableCellNote {
  color: #606060;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 400;
}
:root {
  --yt-attributed-string-link-hover-color: unset;
}
.yt-core-attributed-string--inline-block-mod {
  display: inline-block;
}
.yt-core-attributed-string__image-element--image-alignment-bottom {
  vertical-align: bottom;
}
.yt-core-attributed-string__image-element--image-alignment-baseline {
  vertical-align: baseline;
}
.yt-core-attributed-string__image-element--image-alignment-vertical-center {
  vertical-align: middle;
}
.yt-core-attributed-string__list-group {
  -webkit-padding-start: 20px;
  padding-inline-start: 20px;
}
.yt-core-attributed-string__link {
  text-decoration: none;
  display: inline;
}
.yt-core-attributed-string__link--call-to-action-color {
  color: #065fd4;
}
.yt-core-attributed-string__link--overlay-call-to-action-color {
  color: #3ea6ff;
}
.yt-core-attributed-string--link-inherit-color
  .yt-core-attributed-string__link--call-to-action-color {
  color: inherit;
}
.yt-core-attributed-string--link-inherit-color
  .yt-core-attributed-string__link--call-to-action-color:hover {
  color: var(--yt-attributed-string-link-hover-color);
}
.yt-core-attributed-string--ellipsis-truncate {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yt-core-attributed-string--white-space-no-wrap {
  white-space: nowrap;
}
.yt-core-attributed-string--white-space-pre-wrap {
  white-space: pre-wrap;
}
.yt-core-attributed-string--ignore-split-lines {
  white-space: normal;
}
.yt-core-attributed-string--text-alignment-left {
  display: block;
  text-align: left;
}
.yt-core-attributed-string--text-alignment-right {
  display: block;
  text-align: right;
}
.yt-core-attributed-string--text-alignment-center {
  display: block;
  text-align: center;
}
.yt-core-attributed-string--text-alignment-justified {
  display: block;
  text-align: justify;
}
.yt-core-attributed-string--text-alignment-layout-start {
  display: block;
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.yt-core-attributed-string--text-alignment-unknown {
  display: block;
  text-align: inherit;
}
.yt-core-attributed-string--word-wrapping {
  overflow-wrap: anywhere;
}
.yt-core-attributed-string--underlined {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}
.yt-core-attributed-string--strikethrough {
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
}
.yt-core-attributed-string--underline-strikethrough {
  -webkit-text-decoration-line: underline line-through;
  text-decoration-line: underline line-through;
}
.yt-core-attributed-string--line-style-none {
  text-decoration: none;
}
.yt-core-attributed-string--line-style-single {
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid;
}
.yt-core-attributed-string--line-style-dot {
  -webkit-text-decoration-style: dotted;
  text-decoration-style: dotted;
}
.yt-core-attributed-string--baseline-offset-subscript {
  vertical-align: sub;
}
.yt-core-attributed-string--baseline-offset-superscript {
  vertical-align: super;
}
.yt-core-attributed-string--baseline-offset-unknown {
  vertical-align: baseline;
}
.yt-core-attributed-string--italicized {
  font-style: italic;
}
.yt-core-attributed-string--heading-1 {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 500;
}
.yt-core-attributed-string--heading-2 {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
}
.yt-core-attributed-string--heading-3 {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.ytCoreImageHost {
  visibility: hidden;
  display: inline-block;
  min-height: 1px;
  min-width: 1px;
}
.ytCoreImageLoaded {
  visibility: inherit;
}
.ytCoreImageFillParentHeight {
  height: 100%;
}
.ytCoreImageFillParentWidth {
  width: 100%;
}
.ytCoreImageObjectPositionTopLeft {
  -o-object-position: top left;
  object-position: top left;
}
.ytCoreImageObjectPositionTopRight {
  -o-object-position: top right;
  object-position: top right;
}
.ytCoreImageContentModeScaleToFill {
  -o-object-fit: fill;
  object-fit: fill;
}
.ytCoreImageContentModeScaleAspectFit {
  -o-object-fit: contain;
  object-fit: contain;
}
.ytCoreImageContentModeScaleAspectFill {
  -o-object-fit: cover;
  object-fit: cover;
}
.ytCoreImageContentModeCenter {
  -o-object-fit: none;
  object-fit: none;
  -o-object-position: center center;
  object-position: center center;
}
.ytCoreImageFlipRtl {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.ytUpsellOfferTableCellViewModelCellWrapper {
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: auto;
}
.ytUpsellOfferTableCellViewModelCellWrapperHeaderCell {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytUpsellOfferTableCellViewModelCellWrapperContentCell {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.ytUpsellOfferTableCellViewModelCellWrapperHeaderRowCell {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.ytUpsellOfferTableRowViewModelHost {
  display: grid;
  grid-template-columns: 240px 1fr;
  grid-gap: 0;
}
@media (max-width: 570px) {
  .ytUpsellOfferTableRowViewModelHost {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
.ytUpsellOfferTableRowViewModelUpsellOfferTableRowHeaderCell {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: start;
  align-items: start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 52px;
}
@media (max-width: 570px) {
  .ytUpsellOfferTableRowViewModelUpsellOfferTableRowHeaderCell {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: none;
  }
}
.ytUpsellOfferTableRowViewModelUpsellOfferTableFirstRowCell {
  padding-top: 4px;
  padding-bottom: 4px;
}
.ytUpsellOfferTableRowViewModelUpsellOfferTableRowContentCell {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  height: 52px;
}
@media (max-width: 570px) {
  .ytUpsellOfferTableRowViewModelUpsellOfferTableRowContentCell {
    border-top: none;
  }
}
.ytUpsellOfferTableRowViewModelUpsellOfferTableRowContentCells {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(95px, 1fr));
  grid-gap: 0;
}
.ytUpsellOfferTableViewModelHost {
  text-align: center;
}
.ytUpsellOfferTableViewModelUpsellOfferTableRows {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  max-width: 512px;
}
.ytUpsellViewModelHost {
  display: block;
  padding: 24px;
  max-width: 375px;
}
.ytUpsellViewModelHostNoPadding {
  padding: 0;
  padding-top: 24px;
}
.ytUpsellViewModelHostWide {
  max-width: 512px;
}
.ytUpsellViewModelHostUpsellLogo {
  width: 124px;
}
.ytUpsellViewModelHostUpsellTitle {
  padding-top: 24px;
  color: #030303;
  font-family: "YouTube Sans", "Roboto", sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700;
}
.ytUpsellViewModelHostUpsellSubtitleSection {
  padding: 0;
}
.ytUpsellViewModelHostUpsellSubtitleSectionSubtitle {
  padding-top: 8px;
  color: #030303;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
}
.ytUpsellViewModelHostUpsellSubtitleSectionSubtitleSecondary {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}
.ytUpsellViewModelHostUpsellBenefitInfoSection {
  padding-top: 4px;
}
.ytUpsellViewModelHostUpsellBenefitInfoSectionIcon {
  padding-right: 16px;
}
.ytUpsellViewModelHostUpsellBenefitInfoSectionBenefitInfo {
  padding-top: 12px;
  color: #030303;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
}
.ytUpsellViewModelHostUpsellOfferTableSection {
  padding-top: 4px;
}
.ytUpsellViewModelHostUpsellLegalInfoSection {
  padding-top: 12px;
}
.ytUpsellViewModelHostUpsellLegalInfoSectionLegalInfo {
  padding-top: 4px;
  color: #606060;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}
.ytUpsellViewModelHostUpsellLegalInfoSectionLegalInfoSmaller {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 400;
}
.ytMiniAppScoreChallengeViewModelHost {
  padding: 24px 24px 8px;
  width: auto;
  display: block;
}
.ytMiniAppScoreChallengeViewModelScoreRadial {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 148px;
  position: relative;
}
.ytMiniAppScoreChallengeViewModelScoreRadial::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  border-radius: 31px;
  -webkit-mask-image: -webkit-radial-gradient(
    rgb(0, 0, 0) 20%,
    transparent 60%
  );
  mask-image: radial-gradient(rgb(0, 0, 0) 20%, transparent 60%);
  -webkit-filter: blur(2px);
  filter: blur(2px);
  background: repeating-conic-gradient(
    from 0deg,
    #f7d7c5 0deg 10deg,
    transparent 10deg 20deg
  );
}
.ytMiniAppScoreChallengeViewModelDarkScoreRadial::before {
  background: repeating-conic-gradient(
    from 0deg,
    #424f5d 0deg 10deg,
    transparent 10deg 20deg
  );
}
.ytMiniAppScoreChallengeViewModelTitle {
  color: #030303;
  text-align: center;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  overflow: hidden;
  display: block;
  max-height: 5.6rem;
  -webkit-line-clamp: 2;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.ytMiniAppScoreChallengeViewModelSubtitle {
  color: #606060;
  padding: 8px 0;
  text-align: center;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 2rem;
  -webkit-line-clamp: 1;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.ytMiniAppScoreChallengeViewModelScore {
  color: #030303;
  min-width: 82px;
  padding: 0 16px;
  height: 62px;
  border-radius: 31px;
  background-color: #fff;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  position: relative;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: 900;
}
.ytMiniAppScoreChallengeViewModelPrompt {
  color: #606060;
  padding-top: 8px;
  text-wrap: wrap;
  text-align: center;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}
.ytLottieComponentHost {
  display: block;
}
.ytLottieComponentHost svg {
  display: block;
}
.ytButtonOrAnchorHost {
  display: inline-block;
}
.ytButtonOrAnchorButton {
  display: inline-block;
  border: none;
  color: inherit;
  padding: 0;
  margin: 0;
  cursor: pointer;
  outline-width: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  text-decoration: none;
  text-align: unset;
  width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
.ytButtonOrAnchorAnchor {
  display: inline-block;
  color: inherit;
  padding: 0;
  margin: 0;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.ytThumbnailHoverOverlayViewModelHost {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  cursor: pointer;
}
.ytThumbnailHoverOverlayViewModelHost:focus,
.ytThumbnailHoverOverlayViewModelHost:focus-within,
.ytThumbnailHoverOverlayViewModelHost:hover {
  opacity: 1;
}
.ytThumbnailHoverOverlayViewModelHostForceHover {
  opacity: 1;
  -webkit-transition: none;
  transition: none;
}
.ytThumbnailHoverOverlayViewModelScrim {
  display: block;
  position: relative;
  height: 100%;
}
.ytThumbnailHoverOverlayViewModelStyleCover {
  background-color: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
}
.ytThumbnailHoverOverlayViewModelStyleButton {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 16px;
  right: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 36px;
  border-radius: 18px;
  padding: 0 16px;
}
.ytThumbnailHoverOverlayViewModelText {
  margin: 4px;
  color: #fff;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}
.ytThumbnailHoverOverlayViewModelIcon {
  margin: 4px;
  color: #fff;
  fill: #fff;
  height: 24px;
}
.yt-spec-avatar-shape {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.yt-spec-avatar-shape__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  background-color: transparent;
  border-style: none;
}
.yt-spec-avatar-shape__button--tappable {
  cursor: pointer;
}
.yt-spec-avatar-shape__button--button-tiny {
  width: 16px;
  height: 16px;
}
.yt-spec-avatar-shape__button--button-extra-small {
  width: 24px;
  height: 24px;
}
.yt-spec-avatar-shape__button--button-small {
  width: 32px;
  height: 32px;
}
.yt-spec-avatar-shape__button--button-medium {
  width: 36px;
  height: 36px;
}
.yt-spec-avatar-shape__button--button-48 {
  width: 48px;
  height: 48px;
}
.yt-spec-avatar-shape__button--button-large {
  width: 56px;
  height: 56px;
}
.yt-spec-avatar-shape__button--button-extra-large {
  width: 72px;
  height: 72px;
}
.yt-spec-avatar-shape__button--button-extra-extra-large {
  width: 120px;
  height: 120px;
}
.yt-spec-avatar-shape__button--button-giant {
  width: 160px;
  height: 160px;
}
.yt-spec-avatar-shape__button--button-responsive {
  width: 128px;
  height: 128px;
}
.yt-spec-avatar-shape__button--button-in-cluster-size-18 {
  width: 18px;
  height: 18px;
}
.yt-spec-avatar-shape__button--button-in-cluster-size-20 {
  width: 20px;
  height: 20px;
}
.yt-spec-avatar-shape__button--button-in-cluster-size-22 {
  width: 22px;
  height: 22px;
}
.yt-spec-avatar-shape__button--button-in-cluster-size-24 {
  width: 24px;
  height: 24px;
}
.yt-spec-avatar-shape__image {
  border-radius: 50%;
}
.yt-spec-avatar-shape__image--ads-app {
  border-radius: 20%;
}
.yt-spec-avatar-shape__image--inscribed-square {
  -webkit-transform: scale(1.4142135624);
  -ms-transform: scale(1.4142135624);
  transform: scale(1.4142135624);
}
.yt-spec-avatar-shape__image-overlays {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.yt-spec-avatar-shape--stories-watched {
  border: 2px solid #ccc;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%;
}
.yt-spec-avatar-shape--stories-unwatched {
  border: 2px solid #e1002d;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%;
}
.yt-spec-avatar-shape--live-ring {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%;
}
.yt-spec-avatar-shape--live-ring::after {
  border-radius: 50%;
  padding: 2px;
  position: absolute;
  content: "";
  inset: -4px;
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff))
      content-box,
    -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #fff)
      )
      content-box,
    -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box,
    -webkit-linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  background: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(60%, #e1002d),
    color-stop(85%, #e01378)
  );
  background: -webkit-linear-gradient(bottom left, #e1002d 60%, #e01378 85%);
  background: linear-gradient(to top right, #e1002d 60%, #e01378 85%);
}
.yt-spec-avatar-shape__on-select-border {
  border: 1px solid #0f0f0f;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%;
}
.yt-spec-avatar-shape--background-border {
  border: 2px solid #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%;
}
.yt-spec-avatar-shape--background-border-thin {
  border: 1px solid #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%;
}
.yt-spec-avatar-shape__white-border {
  border: 2px solid #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%;
}
.yt-spec-avatar-shape__white-border--white-border-thin {
  border-width: 1px;
}
.yt-spec-avatar-shape--is-overlay.yt-spec-avatar-shape--background-border,
.yt-spec-avatar-shape--is-overlay.yt-spec-avatar-shape--background-border-thin {
  border-color: #fff;
}
.yt-spec-avatar-shape__badge-text {
  padding: 0 2px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  visibility: hidden;
  color: #fff;
  z-index: 1;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 500;
  white-space: nowrap;
}
.yt-spec-avatar-shape__badge-icon {
  max-width: 16px;
  padding: 0 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
}
.yt-spec-avatar-shape__live-badge {
  border-radius: 4px;
  text-align: center;
  background-color: #e1002d;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  bottom: -4px;
}
.yt-spec-avatar-shape__live-badge--badge-small {
  max-width: 32px;
  height: 13px;
}
.yt-spec-avatar-shape__live-badge--badge-medium {
  max-width: 36px;
  height: 14px;
}
.yt-spec-avatar-shape__live-badge--badge-large {
  max-width: 52px;
  height: 14px;
}
.yt-spec-avatar-shape__live-badge--badge-extra-large {
  border-radius: 4px;
  max-width: 68px;
  height: 16px;
}
.yt-spec-avatar-shape__live-badge--badge-extra-large
  .yt-spec-avatar-shape__badge-icon {
  max-width: 24px;
  padding: 0 4px;
}
.yt-spec-avatar-shape__live-badge--badge-extra-large
  .yt-spec-avatar-shape__badge-text {
  padding: 0 4px;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500;
}
.yt-spec-avatar-shape__new-content {
  background-color: #065fd4;
}
.yt-spec-avatar-shape__live-dot {
  background-color: #e1002d;
}
.yt-spec-avatar-shape--square {
  border-radius: 12px;
  overflow: hidden;
}
.yt-spec-avatar-shape--avatar-size-tiny {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
.yt-spec-avatar-shape--avatar-size-tiny .yt-spec-avatar-shape__new-content,
.yt-spec-avatar-shape--avatar-size-tiny .yt-spec-avatar-shape__live-dot {
  position: absolute;
  border: 2px solid rgba(255, 255, 255, 0.98);
  border-radius: 50%;
  bottom: -1.664px;
  right: -1.664px;
  width: 8px;
  height: 8px;
}
.yt-spec-avatar-shape--avatar-size-tiny.yt-spec-avatar-shape--no-margin {
  margin: 0;
}
.yt-spec-avatar-shape--avatar-size-extra-small {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.yt-spec-avatar-shape--avatar-size-extra-small
  .yt-spec-avatar-shape__new-content,
.yt-spec-avatar-shape--avatar-size-extra-small .yt-spec-avatar-shape__live-dot {
  position: absolute;
  border: 2px solid rgba(255, 255, 255, 0.98);
  border-radius: 50%;
  bottom: -1.496px;
  right: -1.496px;
  width: 10px;
  height: 10px;
}
.yt-spec-avatar-shape--avatar-size-extra-small.yt-spec-avatar-shape--no-margin {
  margin: 0;
}
.yt-spec-avatar-shape--avatar-size-small {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}
.yt-spec-avatar-shape--avatar-size-small .yt-spec-avatar-shape__new-content,
.yt-spec-avatar-shape--avatar-size-small .yt-spec-avatar-shape__live-dot {
  position: absolute;
  border: 2px solid rgba(255, 255, 255, 0.98);
  border-radius: 50%;
  bottom: -0.828px;
  right: -0.828px;
  width: 11px;
  height: 11px;
}
.yt-spec-avatar-shape--avatar-size-small.yt-spec-avatar-shape--no-margin {
  margin: 0;
}
.yt-spec-avatar-shape--avatar-size-medium {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 36px;
  height: 36px;
}
.yt-spec-avatar-shape--avatar-size-medium .yt-spec-avatar-shape__new-content,
.yt-spec-avatar-shape--avatar-size-medium .yt-spec-avatar-shape__live-dot {
  position: absolute;
  border: 2px solid rgba(255, 255, 255, 0.98);
  border-radius: 50%;
  bottom: -0.744px;
  right: -0.744px;
  width: 12px;
  height: 12px;
}
.yt-spec-avatar-shape--avatar-size-medium.yt-spec-avatar-shape--no-margin {
  margin: 0;
}
.yt-spec-avatar-shape--avatar-size-48 {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}
.yt-spec-avatar-shape--avatar-size-48 .yt-spec-avatar-shape__new-content,
.yt-spec-avatar-shape--avatar-size-48 .yt-spec-avatar-shape__live-dot {
  position: absolute;
  border: 2px solid rgba(255, 255, 255, 0.98);
  border-radius: 50%;
  bottom: 0.508px;
  right: 0.508px;
  width: 13px;
  height: 13px;
}
.yt-spec-avatar-shape--avatar-size-48.yt-spec-avatar-shape--no-margin {
  margin: 0;
}
.yt-spec-avatar-shape--avatar-size-large {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 56px;
  height: 56px;
}
.yt-spec-avatar-shape--avatar-size-large .yt-spec-avatar-shape__new-content,
.yt-spec-avatar-shape--avatar-size-large .yt-spec-avatar-shape__live-dot {
  position: absolute;
  border: 2px solid rgba(255, 255, 255, 0.98);
  border-radius: 50%;
  bottom: 0.676px;
  right: 0.676px;
  width: 15px;
  height: 15px;
}
.yt-spec-avatar-shape--avatar-size-large.yt-spec-avatar-shape--no-margin {
  margin: 0;
}
.yt-spec-avatar-shape--avatar-size-extra-large {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 72px;
  height: 72px;
}
.yt-spec-avatar-shape--avatar-size-extra-large
  .yt-spec-avatar-shape__new-content,
.yt-spec-avatar-shape--avatar-size-extra-large .yt-spec-avatar-shape__live-dot {
  position: absolute;
  border: 2px solid rgba(255, 255, 255, 0.98);
  border-radius: 50%;
  bottom: 1.512px;
  right: 1.512px;
  width: 18px;
  height: 18px;
}
.yt-spec-avatar-shape--avatar-size-extra-large.yt-spec-avatar-shape--no-margin {
  margin: 0;
}
.yt-spec-avatar-shape--avatar-size-extra-extra-large {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 120px;
  height: 120px;
}
.yt-spec-avatar-shape--avatar-size-extra-extra-large
  .yt-spec-avatar-shape__new-content,
.yt-spec-avatar-shape--avatar-size-extra-extra-large
  .yt-spec-avatar-shape__live-dot {
  position: absolute;
  border: 2px solid rgba(255, 255, 255, 0.98);
  border-radius: 50%;
  bottom: 8.52px;
  right: 8.52px;
  width: 18px;
  height: 18px;
}
.yt-spec-avatar-shape--avatar-size-extra-extra-large.yt-spec-avatar-shape--no-margin {
  margin: 0;
}
.yt-spec-avatar-shape--avatar-size-giant {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 160px;
  height: 160px;
}
.yt-spec-avatar-shape--avatar-size-giant .yt-spec-avatar-shape__new-content,
.yt-spec-avatar-shape--avatar-size-giant .yt-spec-avatar-shape__live-dot {
  position: absolute;
  border: 2px solid rgba(255, 255, 255, 0.98);
  border-radius: 50%;
  bottom: 14.36px;
  right: 14.36px;
  width: 18px;
  height: 18px;
}
.yt-spec-avatar-shape--avatar-size-giant.yt-spec-avatar-shape--no-margin {
  margin: 0;
}
.yt-spec-avatar-shape--avatar-size-responsive {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 128px;
  height: 128px;
  max-width: 144px;
}
.yt-spec-avatar-shape--avatar-size-responsive.yt-spec-avatar-shape--no-margin {
  margin: 0;
}
.yt-spec-avatar-shape--avatar-in-cluster-size-18 {
  width: 18px;
  height: 18px;
}
.yt-spec-avatar-shape--avatar-in-cluster-size-20 {
  width: 20px;
  height: 20px;
}
.yt-spec-avatar-shape--avatar-in-cluster-size-22 {
  width: 22px;
  height: 22px;
}
.yt-spec-avatar-shape--avatar-in-cluster-size-24 {
  width: 24px;
  height: 24px;
}
.ytSpecButtonViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.animatedRollingCharacterHost {
  display: inline;
}
.animatedRollingNumberHost {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  overflow: hidden;
}
.yt-spec-touch-feedback-shape {
  display: inline-block;
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.yt-spec-touch-feedback-shape--trigger-events {
  pointer-events: none;
}
.yt-spec-touch-feedback-shape__hover-effect {
  -webkit-transition: all 0.3s cubic-bezier(0.05, 0, 0, 1);
  transition: all 0.3s cubic-bezier(0.05, 0, 0, 1);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  will-change: opacity, transform;
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.yt-spec-touch-feedback-shape--hovered
  .yt-spec-touch-feedback-shape__hover-effect {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.yt-spec-touch-feedback-shape__fill {
  will-change: opacity;
  opacity: 0;
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.yt-spec-touch-feedback-shape__stroke {
  will-change: opacity;
  opacity: 0;
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.yt-spec-touch-feedback-shape--down .yt-spec-touch-feedback-shape__fill {
  opacity: 0.1;
}
.yt-spec-touch-feedback-shape--focused .yt-spec-touch-feedback-shape__fill {
  opacity: 0.1;
}
.yt-spec-touch-feedback-shape--thumbnail-size-small {
  margin: -4px;
}
.yt-spec-touch-feedback-shape--thumbnail-size-small
  .yt-spec-touch-feedback-shape__stroke,
.yt-spec-touch-feedback-shape--thumbnail-size-small
  .yt-spec-touch-feedback-shape__fill,
.yt-spec-touch-feedback-shape--thumbnail-size-small
  .yt-spec-touch-feedback-shape__hover-effect {
  border-radius: 4px;
}
.yt-spec-touch-feedback-shape--thumbnail-size-medium {
  margin: -8px;
}
.yt-spec-touch-feedback-shape--thumbnail-size-medium
  .yt-spec-touch-feedback-shape__stroke,
.yt-spec-touch-feedback-shape--thumbnail-size-medium
  .yt-spec-touch-feedback-shape__fill,
.yt-spec-touch-feedback-shape--thumbnail-size-medium
  .yt-spec-touch-feedback-shape__hover-effect {
  border-radius: 8px;
}
.yt-spec-touch-feedback-shape--thumbnail-size-large {
  margin: -12px;
}
.yt-spec-touch-feedback-shape--thumbnail-size-large
  .yt-spec-touch-feedback-shape__stroke,
.yt-spec-touch-feedback-shape--thumbnail-size-large
  .yt-spec-touch-feedback-shape__fill,
.yt-spec-touch-feedback-shape--thumbnail-size-large
  .yt-spec-touch-feedback-shape__hover-effect {
  border-radius: 16px;
}
.yt-spec-touch-feedback-shape--circular .yt-spec-touch-feedback-shape__stroke,
.yt-spec-touch-feedback-shape--circular .yt-spec-touch-feedback-shape__fill,
.yt-spec-touch-feedback-shape--circular
  .yt-spec-touch-feedback-shape__hover-effect {
  border-radius: 50%;
}
.yt-spec-touch-feedback-shape--touch-response
  .yt-spec-touch-feedback-shape__fill {
  background-color: #000;
}
.yt-spec-touch-feedback-shape--touch-response
  .yt-spec-touch-feedback-shape__stroke {
  border: 1px solid #000;
}
.yt-spec-touch-feedback-shape--touch-response-inverse
  .yt-spec-touch-feedback-shape__fill {
  background-color: #fff;
}
.yt-spec-touch-feedback-shape--touch-response-inverse
  .yt-spec-touch-feedback-shape__stroke {
  border: 1px solid #fff;
}
.yt-spec-touch-feedback-shape--touch-response-inverse.yt-spec-touch-feedback-shape--down
  .yt-spec-touch-feedback-shape__fill,
.yt-spec-touch-feedback-shape--touch-response-inverse.yt-spec-touch-feedback-shape--focused
  .yt-spec-touch-feedback-shape__fill {
  opacity: 0.2;
}
.yt-spec-touch-feedback-shape--overlay-touch-response
  .yt-spec-touch-feedback-shape__fill {
  background-color: #fff;
}
.yt-spec-touch-feedback-shape--overlay-touch-response
  .yt-spec-touch-feedback-shape__stroke {
  border: 1px solid #fff;
}
.yt-spec-touch-feedback-shape--overlay-touch-response-inverse
  .yt-spec-touch-feedback-shape__fill {
  background-color: #000;
}
.yt-spec-touch-feedback-shape--overlay-touch-response-inverse
  .yt-spec-touch-feedback-shape__stroke {
  border: 1px solid #000;
}
.yt-spec-button-shape-with-label {
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.yt-spec-button-shape-with-label__label {
  margin: 4px -8px 0;
  color: #030303;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 2rem;
  -webkit-line-clamp: 1;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.yt-spec-button-shape-with-label--is-overlay
  .yt-spec-button-shape-with-label__label {
  max-width: 64px;
  color: #fff;
}
@-webkit-keyframes popover-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes popover-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes popover-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes popover-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes popover-see-through-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.9;
  }
}
@keyframes popover-see-through-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.9;
  }
}
@-webkit-keyframes popover-see-through-fade-out {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@keyframes popover-see-through-fade-out {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
.ytPopoverComponentHost {
  margin: 0;
  position: absolute;
}
.ytPopoverComponentHost:popover-open,
.ytPopoverComponentHost.\:popover-open {
  -webkit-animation: popover-fade-in 0.15s ease-in;
  animation: popover-fade-in 0.15s ease-in;
}
.ytPopoverComponentHostSeeThrough:popover-open,
.ytPopoverComponentHostSeeThrough.\:popover-open {
  -webkit-animation: popover-see-through-fade-in 0.15s ease-in forwards;
  animation: popover-see-through-fade-in 0.15s ease-in forwards;
}
.ytPopoverComponentHostClosing:popover-open,
.ytPopoverComponentHostClosing.\:popover-open {
  -webkit-animation: popover-fade-out 75ms ease-out forwards;
  animation: popover-fade-out 75ms ease-out forwards;
}
.ytPopoverComponentHostClosing.ytPopoverComponentHostSeeThrough:popover-open,
.ytPopoverComponentHostClosing.ytPopoverComponentHostSeeThrough.\:popover-open {
  -webkit-animation: popover-see-through-fade-out 75ms ease-out forwards;
  animation: popover-see-through-fade-out 75ms ease-out forwards;
}
.ytTooltipContainerHost {
  display: block;
}
.ytTooltipContainerDefaultTooltipContent {
  padding: 8px;
  border-style: none;
  border-radius: 4px;
  color: #fff;
  background-color: #606060;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
}
.ytTooltipContainerPlayerTooltipContent {
  padding: 4px 8px;
  border-style: none;
  border-radius: 8px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  text-shadow: 0 2px 8px #000;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}
.ytCollectionThumbnailViewModelHost {
  display: block;
  position: relative;
  width: 100%;
}
.ytCollectionThumbnailViewModelHostHasStacks {
  border-top: 1px solid #fff;
  margin-top: -1px;
}
.ytCollectionThumbnailViewModelSlideshow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ytCollectionThumbnailSlideshowHost {
  display: block;
  position: relative;
}
.ytCollectionThumbnailSlideshowSlideshowThumbnail {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
}
.ytCollectionThumbnailSlideshowSlideshowThumbnailFirstSlide {
  position: relative;
}
.ytCollectionThumbnailSlideshowSlideshowThumbnailShowSlide {
  opacity: 1;
}
.ytAnimatedThumbnailOverlayViewModelHost {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.ytThumbnailBottomOverlayViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-align-items: flex-end;
  -webkit-box-align: end;
  align-items: flex-end;
  -webkit-justify-content: flex-end;
  -webkit-box-pack: end;
  justify-content: flex-end;
}
.ytThumbnailBottomOverlayViewModelHostBackground {
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  -webkit-flex-basis: 0.000000001px;
  flex-basis: 0.000000001px;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-justify-content: flex-end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  height: 68px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(transparent),
    to(rgba(0, 0, 0, 0.6))
  );
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.6));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
}
.ytThumbnailBottomOverlayViewModelBadgeContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.ytThumbnailBottomOverlayViewModelBadgeContainerSmall {
  padding: 0 2px 2px 0;
}
.ytThumbnailBottomOverlayViewModelBadgeContainerSmallLegacy {
  padding: 0 2px 4px 0;
}
.ytThumbnailBottomOverlayViewModelBadgeContainerMedium {
  padding: 0 4px 4px 0;
}
.ytThumbnailBottomOverlayViewModelBadgeContainerLarge {
  padding: 0 8px 8px 0;
}
.ytThumbnailBottomOverlayViewModelBadgeContainerClip {
  margin-right: 4px;
}
.ytThumbnailBottomOverlayViewModelBadge {
  margin-left: 4px;
}
.ytThumbnailOverlayProgressBarHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.ytThumbnailOverlayProgressBarHostSmall {
  margin-bottom: 2px;
}
.ytThumbnailOverlayProgressBarHostMedium {
  margin-bottom: 4px;
}
.ytThumbnailOverlayProgressBarHostLarge {
  margin-bottom: 8px;
}
.ytThumbnailOverlayProgressBarHostProgressBar {
  width: 100%;
  border-radius: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  margin: 0 8px 4px 12px;
}
.ytThumbnailOverlayProgressBarHostProgressBarSegment {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.ytThumbnailOverlayProgressBarHostProgressBarActiveSegment {
  background-color: #fff;
  height: 6px;
}
.ytThumbnailOverlayProgressBarHostProgressBarInactiveSegment {
  background-color: rgba(255, 255, 255, 0.3);
  height: 4px;
  border-radius: 2px 0 0 2px;
  margin-right: 2px;
  margin-left: 2px;
  margin-top: 2px;
}
.ytThumbnailOverlayProgressBarHostProgressBarLeftSegment {
  border-radius: 2px 0 0 2px;
}
.ytThumbnailOverlayProgressBarHostProgressBarRightSegment {
  border-radius: 0 2px 2px 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.ytThumbnailOverlayProgressBarHostProgressBarContainer {
  position: relative;
}
.ytThumbnailOverlayProgressBarHostWatchedProgressBar {
  height: 4px;
  margin: 0 4px 4px 8px;
  background-color: rgba(255, 255, 255, 0.3);
  width: 100%;
  border-radius: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  overflow: hidden;
}
.ytThumbnailOverlayProgressBarHostWatchedProgressBarSegment {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(80%, #f03),
    to(#ff2791)
  );
  background: -webkit-linear-gradient(left, #f03 80%, #ff2791 100%);
  background: linear-gradient(to right, #f03 80%, #ff2791 100%);
}
.ytThumbnailOverlayProgressBarHostUseLegacyBar {
  position: absolute;
  bottom: 0;
  margin: 0;
  border-radius: 0;
}
.ytThumbnailOverlayProgressBarHostLabel {
  position: absolute;
  background-color: #fff;
  color: #030303;
  padding: 0 4px;
  bottom: 16px;
  left: -10px;
  border-radius: 4px;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500;
}
.ytThumbnailOverlayProgressBarHostLabelTriangle {
  position: absolute;
  bottom: 12px;
  left: -5px;
  height: 0;
  width: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
}
.ytThumbnailBadgeViewModelHost {
  display: block;
}
.yt-badge-shape {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 2px;
  padding: 0 4px;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500;
}
.yt-badge-shape__icon {
  display: block;
  margin-right: 2px;
  height: 16px;
  width: 16px;
}
.yt-badge-shape--modern .yt-badge-shape__icon {
  margin-right: 2px;
  height: 12px;
  width: 12px;
}
.yt-badge-shape--no-text {
  padding: 0 1px;
  min-height: 18px;
}
.yt-badge-shape--no-text .yt-badge-shape__icon {
  margin-right: 0;
}
.yt-badge-shape--thumbnail-badge {
  border-radius: 4px;
  padding: 1px 4px;
}
.yt-badge-shape--thumbnail-badge .yt-badge-shape__icon {
  margin-right: 4px;
  height: 12px;
  width: 12px;
}
.yt-badge-shape--thumbnail-badge.yt-badge-shape--no-text .yt-badge-shape__icon {
  margin-right: 0;
}
.yt-badge-shape--status-badge {
  border-radius: 4px;
  padding: 1px 4px;
}
.yt-badge-shape--status-badge .yt-badge-shape__icon {
  margin-right: 4px;
  height: 12px;
  width: 12px;
}
.yt-badge-shape--status-badge.yt-badge-shape--no-text .yt-badge-shape__icon {
  margin-right: 0;
}
.yt-badge-shape__text {
  display: block;
  white-space: nowrap;
}
.yt-badge-shape__text--has-multiple-badges-in-row {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 20ch;
}
.yt-badge-shape--default {
  color: #606060;
  background: rgba(0, 0, 0, 0.05);
}
.yt-badge-shape--default.yt-badge-shape--overlay {
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
}
.yt-badge-shape--default.yt-badge-shape--modern {
  color: #606060;
  background: none;
  padding-left: 0;
}
.yt-badge-shape--media {
  color: #606060;
  outline: 1px solid rgba(0, 0, 0, 0.1);
  outline-offset: -1px;
}
.yt-badge-shape--media.yt-badge-shape--modern {
  color: #606060;
  outline: 1px solid rgba(0, 0, 0, 0.1);
  outline-offset: -1px;
}
.yt-badge-shape--promoted {
  color: #030303;
  padding-left: 0;
}
.yt-badge-shape--promoted.yt-badge-shape--modern {
  color: #030303;
  background: none;
  padding-left: 0;
}
.yt-badge-shape--promoted-inverted.yt-badge-shape--modern {
  color: #fff;
  background: none;
  padding-left: 0;
}
.yt-badge-shape--timely {
  color: #606060;
  padding-left: 0;
}
.yt-badge-shape--timely .yt-badge-shape__icon {
  color: #e1002d;
}
.yt-badge-shape--timely.yt-badge-shape--modern {
  color: #606060;
  padding-left: 0;
}
.yt-badge-shape--timely.yt-badge-shape--modern .yt-badge-shape__icon {
  color: #e1002d;
}
.yt-badge-shape--premium {
  color: #fff;
  background: #e1002d;
}
.yt-badge-shape--premium.yt-badge-shape--modern {
  color: #fff;
  background: #e1002d;
}
.yt-badge-shape--sale {
  color: #c30027;
  padding-left: 0;
}
.yt-badge-shape--sale .yt-badge-shape__icon {
  color: #c30027;
}
.yt-badge-shape--sale.yt-badge-shape--modern {
  color: #c30027;
  padding-left: 0;
}
.yt-badge-shape--sale.yt-badge-shape--modern .yt-badge-shape__icon {
  color: #c30027;
}
.yt-badge-shape--membership {
  color: #107516;
  background: rgba(0, 0, 0, 0.05);
}
.yt-badge-shape--membership.yt-badge-shape--modern {
  color: #107516;
  background: none;
  padding-left: 0;
}
.yt-badge-shape--commerce {
  color: #107516;
  background: rgba(0, 0, 0, 0.05);
}
.yt-badge-shape--commerce.yt-badge-shape--modern {
  color: #107516;
  background: none;
  padding-left: 0;
}
.yt-badge-shape--live {
  color: #fff;
  background: rgba(225, 0, 45, 0.9);
}
.yt-badge-shape--live.yt-badge-shape--overlay {
  color: #fff;
  background: rgba(225, 0, 45, 0.9);
}
.yt-badge-shape--live.yt-badge-shape--modern {
  color: #fff;
  background: rgba(225, 0, 45, 0.9);
}
.yt-badge-shape--status-new {
  color: #065fd4;
  outline: 1px solid #065fd4;
  outline-offset: -1px;
}
.yt-badge-shape--status-new.yt-badge-shape--modern {
  color: #065fd4;
  outline: 1px solid #065fd4;
  outline-offset: -1px;
}
.yt-badge-shape--status-complete {
  padding-left: 0;
}
.yt-badge-shape--status-complete.yt-badge-shape--modern {
  padding-left: 0;
}
.yt-badge-shape--status-warning {
  padding-left: 0;
}
.yt-badge-shape--status-warning.yt-badge-shape--modern {
  padding-left: 0;
}
.yt-badge-shape--status-error {
  padding-left: 0;
}
.yt-badge-shape--status-error.yt-badge-shape--modern {
  padding-left: 0;
}
.yt-badge-shape--status-default {
  color: #030303;
  background: rgba(0, 0, 0, 0.1);
}
.yt-badge-shape--status-default.yt-badge-shape--modern {
  color: #030303;
  background: rgba(0, 0, 0, 0.1);
}
.yt-badge-shape--thumbnail-default {
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
}
.yt-badge-shape--thumbnail-default.yt-badge-shape--modern {
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
}
.yt-badge-shape--thumbnail-live {
  color: #fff;
  background: rgba(225, 0, 45, 0.9);
}
.yt-badge-shape--thumbnail-live.yt-badge-shape--modern {
  color: #fff;
  background: rgba(225, 0, 45, 0.9);
}
.yt-badge-shape--thumbnail-special {
  color: #030303;
  background: #fff;
}
.yt-badge-shape--thumbnail-special .yt-badge-shape__icon {
  color: #e1002d;
}
.yt-badge-shape--thumbnail-special.yt-badge-shape--modern {
  color: #030303;
  background: #fff;
}
.yt-badge-shape--thumbnail-special.yt-badge-shape--modern
  .yt-badge-shape__icon {
  color: #e1002d;
}
.yt-badge-shape--ad {
  font-weight: 700;
  color: #030303;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding-right: 0;
  padding-left: 0;
  font-size: unset;
  line-height: unset;
}
.yt-badge-shape--ad.yt-badge-shape--ads-include-dot::after {
  content: "·";
  -webkit-padding-end: 4px;
  padding-inline-end: 4px;
  -webkit-padding-start: 4px;
  padding-inline-start: 4px;
}
.yt-badge-shape--ad.yt-badge-shape--overlay {
  color: #fff;
}
.ytSpecIconShapeHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.ytThumbnailOverlayButtonViewModelHost {
  display: block;
}
.ytThumbnailOverlayButtonViewModelButton {
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.ytThumbnailOverlayButtonViewModelButtonLegacyIcon {
  position: absolute;
  bottom: 8px;
  right: 8px;
}
.ytThumbnailOverlayTitleViewModelHost {
  position: absolute;
  padding: 12px 12px 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.ytThumbnailOverlayTitleViewModelLeadingContent {
  margin-right: 8px;
}
.ytThumbnailOverlayTitleViewModelPositionTop {
  top: 0;
  left: 0;
  right: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.6)),
    to(transparent)
  );
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), transparent);
  background: linear-gradient(rgba(0, 0, 0, 0.6), transparent);
}
.ytThumbnailOverlayTitleViewModelPositionBottom {
  bottom: 0;
  left: 0;
  right: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(transparent),
    to(rgba(0, 0, 0, 0.6))
  );
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.6));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
}
.ytThumbnailOverlayTitleViewModelTitle {
  color: #fff;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 2rem;
  -webkit-line-clamp: 1;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.ytThumbnailOverlayTitleViewModelSubtitle {
  color: #fff;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 2rem;
  -webkit-line-clamp: 1;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.ytDecoratedAvatarViewModelHost {
  display: block;
}
.ytThumbnailHoverOverlayToggleActionsViewModelHost {
  display: block;
  top: 0;
  right: 0;
  position: absolute;
  z-index: 200;
}
.ytThumbnailHoverOverlayToggleActionsViewModelButton {
  padding: 4px 4px 0;
}
.yt-thumbnail-overlay-badge-view-model {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  position: absolute;
}
.yt-thumbnail-overlay-badge-view-model--small {
  margin: 2px;
}
.yt-thumbnail-overlay-badge-view-model--medium {
  margin: 4px;
}
.yt-thumbnail-overlay-badge-view-model--large {
  margin: 8px;
}
.yt-thumbnail-overlay-badge-view-model--top-start {
  top: 0;
  left: 0;
}
.yt-thumbnail-overlay-badge-view-model--top-start
  .yt-thumbnail-overlay-badge-view-model__badge {
  margin-right: 4px;
}
.yt-thumbnail-overlay-badge-view-model--bottom-end {
  bottom: 0;
  right: 0;
}
.yt-thumbnail-overlay-badge-view-model--bottom-end
  .yt-thumbnail-overlay-badge-view-model__badge {
  margin-left: 4px;
}
.yt-thumbnail-overlay-badge-view-model--clip.yt-thumbnail-overlay-badge-view-model--bottom-end
  .yt-thumbnail-overlay-badge-view-model__badge:last-child {
  margin-right: 4px;
}
.ytThumbnailOverlayFullViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
}
.ytThumbnailOverlayFullViewModelText {
  margin: 4px;
  color: #fff;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}
.ytThumbnailOverlayFullViewModelIcon {
  margin: 4px;
  color: #fff;
  fill: #fff;
  height: 24px;
}
.ytThumbnailViewModelHost {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
}
.ytThumbnailViewModelCinematic {
  background-color: #000;
}
.ytThumbnailViewModelAspectRatio16By9 {
  padding-top: 56.25%;
}
.ytThumbnailViewModelAspectRatio2By3 {
  padding-top: 150%;
}
.ytThumbnailViewModelShortsAspectRatio9By16 {
  padding-top: 178%;
}
.ytThumbnailViewModelAspectRatio1By1 {
  padding-top: 100%;
}
.ytThumbnailViewModelSmall {
  border-radius: 4px;
}
.ytThumbnailViewModelMedium {
  border-radius: 8px;
}
.ytThumbnailViewModelLarge {
  border-radius: 12px;
}
.ytThumbnailViewModelImage {
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
}
.ytThumbnailViewModelBlurredImage {
  position: absolute;
  inset: 0;
  height: 200%;
  -webkit-filter: blur(30px);
  filter: blur(30px);
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);
}
.ytPinkingNsHost {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ytPinkingNsPinkingLeft {
  position: absolute;
  left: 0;
  width: 4px;
  height: 100%;
}
.ytPinkingNsPinkingRight {
  position: absolute;
  right: 0;
  width: 4px;
  height: 100%;
}
.ytPinkingNsPinking {
  fill: #fff;
}
.ytCollectionsStackRelativeStack {
  position: relative;
}
.ytCollectionsStackSpacer {
  height: 5px;
}
.ytCollectionsStackSpacerDoubleStack {
  height: 9px;
}
.ytCollectionsStackCollectionStack2 {
  background-color: #606060;
  opacity: 50%;
  position: absolute;
  top: -8px;
  width: calc(100% - 24px);
  height: 100%;
  left: 12px;
  right: 12px;
  border-radius: 12px;
}
@media (min-aspect-ratio: 13/9) and (orientation: landscape),
  (min-width: 931px) and (orientation: landscape) {
  .ytCollectionsStackCollectionStack2ResponsiveMode {
    display: none;
  }
}
.ytCollectionsStackCollectionStack1 {
  background-color: #606060;
  margin-top: -1px;
  border-top: 1px solid #fff;
}
.ytCollectionsStackCollectionStack1Small {
  position: absolute;
  top: -4px;
  width: calc(100% - 16px);
  height: 100%;
  left: 8px;
  right: 8px;
  border-radius: 4px;
}
.ytCollectionsStackCollectionStack1Medium {
  position: absolute;
  top: -4px;
  width: calc(100% - 16px);
  height: 100%;
  left: 8px;
  right: 8px;
  border-radius: 8px;
}
.ytCollectionsStackCollectionStack1Large {
  position: absolute;
  top: -4px;
  width: calc(100% - 16px);
  height: 100%;
  left: 8px;
  right: 8px;
  border-radius: 12px;
}
.ytHorizontalSliderViewModelHost {
  display: block;
}
.ytSliderShapeHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 16px 12px;
}
.ytSliderShapeHostIncrementButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 48px;
  width: 48px;
  background-color: transparent;
  border-style: none;
  cursor: pointer;
  position: relative;
}
.ytSliderShapeHostIncrementButtonIconWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.05);
}
.ytSliderShapeHostIncrementButtonIcon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 16px;
  height: 16px;
  color: #030303;
}
.ytSliderShapeHostIncrementButton:disabled {
  cursor: default;
  color: #ccc;
}
.ytSliderShapeHostSlider {
  --yt-slider-shape-gradient-percent: 0;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  margin: 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 24px;
  background-color: transparent;
  outline: none;
  border-bottom: none;
}
.ytSliderShapeHostSlider::-webkit-slider-runnable-track {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#030303),
    color-stop(#030303),
    color-stop(#909090),
    to(#909090)
  );
  background: -webkit-linear-gradient(
    left,
    #030303 0,
    #030303 var(--yt-slider-shape-gradient-percent),
    #909090 var(--yt-slider-shape-gradient-percent),
    #909090 100%
  );
  background: linear-gradient(
    to right,
    #030303 0,
    #030303 var(--yt-slider-shape-gradient-percent),
    #909090 var(--yt-slider-shape-gradient-percent),
    #909090 100%
  );
  height: 4px;
  border-radius: 12px;
}
.ytSliderShapeHostSlider::-moz-range-track {
  background: linear-gradient(
    to right,
    #030303 0,
    #030303 var(--yt-slider-shape-gradient-percent),
    #909090 var(--yt-slider-shape-gradient-percent),
    #909090 100%
  );
  height: 4px;
  border-radius: 12px;
}
.ytSliderShapeHostSlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #030303;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin-top: -6px;
}
.ytSliderShapeHostSlider::-moz-range-thumb {
  background: #030303;
  width: 16px;
  height: 16px;
  border-radius: 8px;
}
.ytSliderShapeHostSlider::-ms-thumb {
  background: #030303;
  width: 16px;
  height: 16px;
  border-radius: 8px;
}
.ytSliderShapeVertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  margin: 0;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: bt-rl;
  writing-mode: vertical-rl;
  direction: rtl;
}
.ytSliderShapeVerticalSlider {
  --yt-slider-shape-gradient-percent: 0;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  height: 100%;
  margin: 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 24px;
  background-color: transparent;
  outline: none;
  border-bottom: none;
}
.ytSliderShapeVerticalSlider::-webkit-slider-runnable-track {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#030303),
    color-stop(#030303),
    color-stop(#909090),
    to(#909090)
  );
  background: -webkit-linear-gradient(
    bottom,
    #030303 0,
    #030303 var(--yt-slider-shape-gradient-percent),
    #909090 var(--yt-slider-shape-gradient-percent),
    #909090 100%
  );
  background: linear-gradient(
    to top,
    #030303 0,
    #030303 var(--yt-slider-shape-gradient-percent),
    #909090 var(--yt-slider-shape-gradient-percent),
    #909090 100%
  );
  width: 4px;
  border-radius: 12px;
}
.ytSliderShapeVerticalSlider::-moz-range-track {
  background: linear-gradient(
    to top,
    #030303 0,
    #030303 var(--yt-slider-shape-gradient-percent),
    #909090 var(--yt-slider-shape-gradient-percent),
    #909090 100%
  );
  width: 4px;
  border-radius: 12px;
}
.ytSliderShapeVerticalSlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #030303;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin-right: -6px;
}
.ytSliderShapeVerticalSlider::-moz-range-thumb {
  background: #030303;
  width: 16px;
  height: 16px;
  border-radius: 8px;
}
.ytSliderShapeVerticalSlider::-ms-thumb {
  background: #030303;
  width: 16px;
  height: 16px;
  border-radius: 8px;
}
.ytSwitchListItemViewModelHost {
  display: block;
}
.yt-list-item-view-model {
  display: inline-block;
  width: 100%;
  color: #030303;
}
.yt-list-item-view-model:focus-visible {
  outline: none;
}
.yt-list-item-view-model--hidden {
  display: none;
}
.yt-list-item-view-model--keyboard-focused:focus-within {
  background-color: rgba(0, 0, 0, 0.05);
  outline: 2px solid currentColor;
  outline-offset: -2px;
  border-radius: 8px;
}
.yt-list-item-view-model__button-or-anchor:focus-visible {
  outline: none;
}
.yt-list-item-view-model__text-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  min-height: 44px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.yt-list-item-view-model__title-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.yt-list-item-view-model__title {
  color: #030303;
  white-space: nowrap;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 4.4rem;
  -webkit-line-clamp: 2;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.yt-list-item-view-model__subtitle {
  color: #606060;
  margin-top: 2px;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
}
.yt-list-item-view-model__selection-text {
  color: #606060;
  margin-left: 4px;
}
.yt-list-item-view-model__selection-text--trailing-selection-text {
  margin-left: 12px;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}
.yt-list-item-view-model__chevron-icon {
  width: 18px;
  height: 18px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.yt-list-item-view-model__leading {
  margin-right: 12px;
}
.yt-list-item-view-model__trailing {
  margin-left: 12px;
}
.yt-list-item-view-model__button-container {
  -webkit-align-self: start;
  align-self: start;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 44px;
  min-width: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.yt-list-item-view-model__image-container {
  -webkit-align-self: start;
  align-self: start;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 44px;
  min-width: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.yt-list-item-view-model__image {
  max-height: 36px;
}
.yt-list-item-view-model__accessory {
  border-radius: 2px;
  overflow: hidden;
  color: #030303;
}
.yt-list-item-view-model__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.yt-list-item-view-model__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 2px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border-radius: 8px;
}
.yt-list-item-view-model__container--disable-horizontal-padding {
  padding: 2px 0;
}
.yt-list-item-view-model__container--in-popup {
  border-radius: 0;
}
.yt-list-item-view-model__container--disabled {
  color: #606060;
}
.yt-list-item-view-model__container--disabled .yt-list-item-view-model__title,
.yt-list-item-view-model__container--disabled
  .yt-list-item-view-model__accessory {
  color: #606060;
}
.yt-list-item-view-model__container--tappable {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.yt-list-item-view-model__container--tappable:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.yt-list-item-view-model__container--has-subtitle {
  padding: 6px 16px;
}
.yt-list-item-view-model__container--has-subtitle.yt-list-item-view-model__container--disable-horizontal-padding {
  padding: 6px 0;
}
.yt-list-item-view-model__container--compact
  .yt-list-item-view-model__text-wrapper {
  min-height: 36px;
}
.yt-list-item-view-model__container--compact .yt-list-item-view-model__title {
  white-space: nowrap;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 4rem;
  -webkit-line-clamp: 2;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.yt-list-item-view-model__container--compact
  .yt-list-item-view-model__selection-text--trailing-selection-text {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
}
.yt-list-item-view-model__container--compact
  .yt-list-item-view-model__chevron-icon {
  width: 16px;
  height: 16px;
}
.yt-list-item-view-model__container--compact
  .yt-list-item-view-model__button-container {
  height: 36px;
  min-width: 36px;
}
.yt-list-item-view-model__container--compact
  .yt-list-item-view-model__image-container {
  height: 36px;
  min-width: 24px;
}
.yt-list-item-view-model__container--compact .yt-list-item-view-model__image {
  max-height: 24px;
}
.yt-list-item-view-model__container--compact.yt-list-item-view-model__container--has-subtitle
  .yt-list-item-view-model__text-wrapper {
  min-height: 42px;
}
.yt-list-item-view-model__container--compact.yt-list-item-view-model__container--has-subtitle
  .yt-list-item-view-model__button-container,
.yt-list-item-view-model__container--compact.yt-list-item-view-model__container--has-subtitle
  .yt-list-item-view-model__image-container {
  height: 42px;
}
.yt-list-item-view-model--is-overlay {
  color: #fff;
}
.yt-list-item-view-model--is-overlay .yt-list-item-view-model__title {
  color: #fff;
}
.yt-list-item-view-model--is-overlay .yt-list-item-view-model__subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.yt-list-item-view-model--is-overlay .yt-list-item-view-model__accessory {
  color: #fff;
}
.ytSubscribeButtonViewModelHost {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  max-width: 100%;
}
.ytSubscribeButtonViewModelHostCanAnimateWidth {
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
.ytSubscribeButtonViewModelHostHidden {
  display: none;
}
.ytSubscribeButtonViewModelInvisible {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.ytSubscribeButtonViewModelContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.ytSubscribeButtonViewModelAnimatedActionWrapper {
  max-width: 100%;
}
.ytSubscribeButtonViewModelAnimatedActionWrapperIsAnimating,
.ytSubscribeButtonViewModelStaticWidth {
  width: 100%;
}
.ytAnimatedActionHost {
  display: block;
  position: relative;
}
.ytAnimatedActionLottie {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  pointer-events: none;
}
.ytAnimatedActionBackground {
  width: 100%;
}
.ytAnimatedActionBackgroundContainer {
  overflow: hidden;
  border-radius: 18px;
}
.ytAnimatedActionContentWithBackground {
  position: relative;
}
.ytAnimatedIconHost {
  display: block;
}
.ytAnimatedIconHost .animated-like-icon,
.ytAnimatedIconHost .custom-animated-like-icon {
  height: 24px;
  width: 24px;
  margin: 0;
}
.ytAnimatedIconHost .animated-like-icon .animated-like-icon,
.ytAnimatedIconHost .custom-animated-like-icon .animated-like-icon {
  pointer-events: none;
  width: 61px;
  height: 62px;
  -webkit-transform: translate(-18px, -18px);
  -ms-transform: translate(-18px, -18px);
  transform: translate(-18px, -18px);
}
.ytAnimatedIconHost .animated-like-icon .animated-like-icon-delhi,
.ytAnimatedIconHost .animated-like-icon .custom-animated-like-icon,
.ytAnimatedIconHost .custom-animated-like-icon .animated-like-icon-delhi,
.ytAnimatedIconHost .custom-animated-like-icon .custom-animated-like-icon {
  pointer-events: none;
  width: 48px;
  height: 48px;
  -webkit-transform: translate(-12px, -12px);
  -ms-transform: translate(-12px, -12px);
  transform: translate(-12px, -12px);
}
.ytAnimatedIconHost .animated-subscribe-icon {
  height: 30px;
  width: 30px;
  -webkit-transform: translate(-3px, -3px);
  -ms-transform: translate(-3px, -3px);
  transform: translate(-3px, -3px);
}
.ytAnimatedIconHost .animated-subscribe-icon-delhi {
  height: 48px;
  width: 48px;
  -webkit-transform: translate(-12px, -12px);
  -ms-transform: translate(-12px, -12px);
  transform: translate(-12px, -12px);
}
.ytSwitchButtonViewModelHost {
  display: block;
}
.ytSwitchButtonViewModelButton {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  text-transform: inherit;
  color: inherit;
  background: transparent;
}
.ytSwitchButtonViewModelTappable {
  cursor: pointer;
}
.ytSwitchShapeHost {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 24px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.ytSwitchShapeTrack {
  position: absolute;
  width: 40px;
  height: 24px;
  border-radius: 12px;
  background-color: #909090;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.ytSwitchShapeTrackActive {
  background-color: #0f0f0f;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.ytSwitchShapeTrackDisabled {
  opacity: 0.3;
}
.ytSwitchShapeKnob {
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  width: 20px;
  height: 20px;
  top: 2px;
  -webkit-transform: translateX(2px);
  -ms-transform: translateX(2px);
  transform: translateX(2px);
  -webkit-transition: -webkit-transform 0.15s;
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
}
.ytSwitchShapeKnobActive {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
  -webkit-transition: -webkit-transform 0.15s;
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
}
@media (forced-colors: active) {
  .ytSwitchShapeTrack {
    outline: 1px solid #909090;
  }
  .ytSwitchShapeTrackActive {
    outline: 2px solid #030303;
  }
  .ytSwitchShapeKnob {
    outline: 1px solid #030303;
  }
}
.ytwAccountLinkButtonViewModelHost {
  display: block;
}
.ytwAccountLinkButtonViewModelHostMinWidth .yt-spec-button-shape-next {
  min-width: 120px;
}
.ytCheckboxShapeHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 48px;
  width: 100%;
  color: #030303;
}
.ytCheckboxShapeHostCompact {
  min-height: 40px;
}
.ytCheckboxShapeInput {
  position: fixed;
  opacity: 0;
  height: 0;
  width: 0;
  margin: 0;
}
.ytCheckboxShapeLabel {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: inline-block;
  position: relative;
  padding-right: 12px;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
}
.ytCheckboxShapeDisableHorizontalPadding .ytCheckboxShapeLabel {
  padding-right: 0;
}
.ytCheckboxShapeCheckboxDefaultStyle {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 0 12px;
}
input:checked ~ .ytCheckboxShapeCheckbox > :first-child {
  display: none;
}
input:not(:checked) ~ .ytCheckboxShapeCheckbox > :last-child {
  display: none;
}
.yt-radio-shape {
  position: relative;
  display: block;
}
.yt-radio-shape__input {
  position: absolute;
  opacity: 0.000001;
  margin: 0;
  width: 24px;
  height: 24px;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.yt-radio-shape__label-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 48px;
  width: 100%;
  color: #030303;
}
.yt-radio-shape__label-container--keyboard-focused {
  outline: 2px solid currentColor;
  outline-offset: -2px;
  border-radius: 8px;
}
.yt-radio-shape__label {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: inline-block;
  position: relative;
  padding-right: 12px;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
}
.yt-radio-shape__radio--radio-default-style {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 0 12px;
  height: 24px;
  width: 24px;
}
input:not(:checked)
  + label
  > .yt-radio-shape__radio--check-icon
  > :first-child {
  visibility: hidden;
}
input:checked + label > .yt-radio-shape__radio > :first-child {
  display: none;
}
input:not(:checked) + label > .yt-radio-shape__radio > :last-child {
  display: none;
}
.yt-radio-shape--compact {
  min-height: 40px;
}
.toggleableListItemViewModelHost {
  display: block;
}
.ytListViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 299.9px) {
  .ytListViewModelHostKaiosSpatNav {
    padding: 3px;
  }
}
.ytListViewModelCollectionThumbnailClass {
  width: 400px;
}
.ytDownloadListItemViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.yt-panel-footer-view-model {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 12px;
}
.yt-panel-footer-view-model--hide-divider {
  border-top: none;
}
.yt-panel-footer-view-model--disable-padding {
  padding: 12px 0 0;
}
.yt-panel-footer-view-model--disable-padding.yt-panel-footer-view-model--hide-divider {
  padding-top: 0;
}
.yt-panel-footer-view-model--row-bottom-padding {
  padding-bottom: 12px;
}
.yt-panel-footer-view-model--text-padding {
  padding-right: 24px;
}
.yt-panel-footer-view-model__text-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  color: #606060;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}
.yt-panel-footer-view-model__button-stack {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.yt-panel-footer-view-model__button-stack--top-button {
  margin: 0 0 8px;
}
.yt-panel-footer-view-model__button-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.yt-panel-footer-view-model__button-row--trailing {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.yt-panel-footer-view-model__button-row--left-button {
  margin-right: 8px;
}
.yt-panel-footer-view-model__button-row--full-width {
  width: 100%;
}
.yt-panel-footer-view-model__button-row--expand {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.yt-panel-footer-view-model__button-row--shrink {
  -webkit-box-flex: 0;
  -webkit-flex: 0;
  flex: 0;
}
.yt-panel-footer-view-model__button-row--hidden {
  display: none;
}
.ytPanelHeaderViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 10px 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  min-height: 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.ytPanelHeaderViewModelHostHideDivider {
  border-bottom: none;
}
.ytPanelHeaderViewModelHostCompact {
  padding: 8px 12px;
}
.ytPanelHeaderViewModelTitleWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.ytPanelHeaderViewModelTitleHeader {
  margin: 0;
}
.ytPanelHeaderViewModelTitle {
  color: #030303;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  overflow: hidden;
  display: block;
  max-height: 2.8rem;
  -webkit-line-clamp: 1;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
@media (max-width: 527.9px) {
  .ytPanelHeaderViewModelTitle {
    font-family: "Roboto", "Arial", sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 700;
    overflow: hidden;
    display: block;
    max-height: 2.6rem;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.ytPanelHeaderViewModelSubtitle {
  margin-top: 2px;
  color: #606060;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 1.8rem;
  -webkit-line-clamp: 1;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.ytPanelHeaderViewModelTrailingButtons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-left: 12px;
}
.ytPanelHeaderViewModelButton:not(:last-child) {
  padding-right: 24px;
}
.ytSheetViewModelHost {
  display: block;
}
.ytSheetViewModelContextual {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.ytSheetViewModelDisableBackdropFilter {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.yt-spec-bottom-sheet-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.yt-spec-bottom-sheet-layout__bottom-sheet-renderer-container {
  border-radius: 12px;
  background-color: #fff;
  display: block;
  overflow: hidden;
  position: fixed;
  margin: 0 8px 24px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
@media (min-aspect-ratio: 13/9) and (orientation: landscape) and (min-width: 416px),
  (min-width: 931px) and (orientation: landscape) and (min-width: 416px) {
  .yt-spec-bottom-sheet-layout__bottom-sheet-renderer-container {
    width: 400px;
    margin: 0 auto 24px auto;
  }
}
.yt-spec-bottom-sheet-layout__bottom-sheet-layout-header-wrapper {
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  flex: none;
  border-bottom: 1px solid #fff;
}
.yt-spec-bottom-sheet-layout__bottom-sheet-layout-header-wrapper--bottom-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.yt-spec-bottom-sheet-layout__bottom-sheet-drag-line {
  background: #030303;
  opacity: 0.15;
  border-radius: 4px;
  height: 4px;
  margin: 0 auto;
  width: 40px;
  margin-top: 8px;
}
.yt-spec-bottom-sheet-layout__bottom-sheet-layout-header {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: 8px;
}
.yt-spec-bottom-sheet-layout__bottom-sheet-layout-header--with-title {
  margin-bottom: 7px;
}
.yt-spec-bottom-sheet-layout__bottom-sheet-layout-header-title-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-left: 12px;
}
.yt-spec-bottom-sheet-layout__bottom-sheet-layout-title {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  color: #030303;
  max-height: 20px;
  margin: 0;
}
.yt-spec-bottom-sheet-layout__bottom-sheet-layout-subtitle {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #606060;
  margin-bottom: 0;
  margin-top: 4px;
  max-height: 16px;
}
.yt-spec-bottom-sheet-layout--modern
  .yt-spec-bottom-sheet-layout__bottom-sheet-layout-title {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  overflow: hidden;
  display: block;
  max-height: 2.8rem;
  -webkit-line-clamp: 1;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
@media (max-width: 527.9px) {
  .yt-spec-bottom-sheet-layout--modern
    .yt-spec-bottom-sheet-layout__bottom-sheet-layout-title {
    font-family: "Roboto", "Arial", sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 700;
    overflow: hidden;
    display: block;
    max-height: 2.6rem;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.yt-spec-bottom-sheet-layout--modern
  .yt-spec-bottom-sheet-layout__bottom-sheet-layout-subtitle {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 1.8rem;
  -webkit-line-clamp: 1;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.yt-spec-bottom-sheet-layout__bottom-sheet-layout-action-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #030303;
  margin: 0 12px;
}
.yt-spec-bottom-sheet-layout__bottom-sheet-layout-content-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}
.yt-spec-bottom-sheet-layout__bottom-sheet-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  color: #030303;
}
.yt-spec-bottom-sheet-layout__bottom-sheet-layout-footer-wrapper {
  display: block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  flex: none;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}
.yt-spec-bottom-sheet-layout__footer-button-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin: 12px 0;
}
.yt-spec-bottom-sheet-layout__footer-button-wrapper--landscape-button-wrapper {
  margin: 6px 0;
}
.yt-spec-bottom-sheet-layout__secondary-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-right: 8px;
  margin-left: 12px;
}
.yt-spec-bottom-sheet-layout__secondary-button--secondary-button-trailing-pair {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.yt-spec-bottom-sheet-layout__secondary-button--secondary-button-split-pair {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.yt-spec-bottom-sheet-layout__secondary-button--secondary-button-primary-split-pair {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.yt-spec-bottom-sheet-layout__primary-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.yt-spec-bottom-sheet-layout__primary-button--default {
  margin: 0 12px;
  width: 100%;
}
.yt-spec-bottom-sheet-layout__primary-button--trailing-pair {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-right: 12px;
}
.yt-spec-bottom-sheet-layout__primary-button--split-pair {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin-right: 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.yt-spec-bottom-sheet-layout__primary-button--primary-split-pair {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin-right: 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.yt-spec-bottom-sheet-layout__footer-label-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 12px;
  height: 30px;
}
.yt-spec-bottom-sheet-layout__footer-label-wrapper--without-buttons {
  margin-bottom: 12px;
}
.yt-spec-bottom-sheet-layout__trailing-label {
  margin-top: 12px;
  color: #606060;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}
.yt-spec-bottom-sheet-layout__leading-label {
  margin-top: 12px;
  color: #606060;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}
.ytContextualSheetLayoutHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  height: 100%;
  min-width: 256px;
  max-width: 400px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-height: calc(100vh - 48px);
}
.ytContextualSheetLayoutHeaderContainer {
  -webkit-box-flex: 0;
  -webkit-flex: 0;
  flex: 0;
}
.ytContextualSheetLayoutContentContainer {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  overflow-y: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
.ytContextualSheetLayoutContentContainer::-webkit-scrollbar {
  background: transparent;
  width: 16px;
}
.ytContextualSheetLayoutContentContainer::-webkit-scrollbar-thumb {
  height: 56px;
  border-radius: 8px;
  border: 4px solid transparent;
  background-clip: content-box;
  background-color: transparent;
}
.ytContextualSheetLayoutContentContainer:hover {
  scrollbar-color: #ccc transparent;
}
.ytContextualSheetLayoutContentContainer:hover::-webkit-scrollbar-thumb {
  background-color: #ccc;
}
.ytContextualSheetLayoutFooterContainer {
  -webkit-box-flex: 0;
  -webkit-flex: 0;
  flex: 0;
}
.yt-avatar-stack-view-model {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.yt-avatar-stack-view-model__avatars {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.yt-avatar-stack-view-model__avatar--avatar-size-tiny:not(:last-child) {
  margin-left: -8px;
}
.yt-avatar-stack-view-model__avatar--avatar-size-extra-small:not(:last-child) {
  margin-left: -8px;
}
.yt-avatar-stack-view-model__avatar--avatar-size-small:not(:last-child) {
  margin-left: -8px;
}
.yt-avatar-stack-view-model__avatar--avatar-size-medium:not(:last-child) {
  margin-left: -8px;
}
.yt-avatar-stack-view-model__avatar--avatar-size-48:not(:last-child) {
  margin-left: -8px;
}
.yt-avatar-stack-view-model__avatar--avatar-size-large:not(:last-child) {
  margin-left: -8px;
}
.yt-avatar-stack-view-model__avatar--avatar-size-extra-large:not(:last-child) {
  margin-left: -8px;
}
.yt-avatar-stack-view-model__avatar--avatar-size-extra-extra-large:not(:last-child) {
  margin-left: -8px;
}
.yt-avatar-stack-view-model__avatar--avatar-size-giant:not(:last-child) {
  margin-left: -8px;
}
.yt-avatar-stack-view-model__avatar--avatar-size-responsive:not(:last-child) {
  margin-left: -8px;
}
.yt-avatar-stack-view-model__text-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.05);
  margin: 2px 0;
  margin-left: -8px;
  border: 2px solid #fff;
}
.yt-avatar-stack-view-model__text-container--thin-border {
  margin-top: 3px;
  margin-bottom: 3px;
  border-width: 1px;
}
.yt-avatar-stack-view-model__text-container--thin-border-overlay {
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.2);
}
.yt-avatar-stack-view-model__avatar-decorated-text {
  color: #606060;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.yt-avatar-stack-view-model__avatar-stack-text {
  margin-left: 8px;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 1.8rem;
  -webkit-line-clamp: 1;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.yt-avatar-stack-view-model__avatar-stack-text:first-child {
  margin-left: 0;
}
.yt-avatar-stack-view-model--tappable {
  cursor: pointer;
}
.yt-avatar-stack-view-model__avatar-button {
  margin: 4px 0;
}
.yt-avatar-stack-view-model--is-overlay {
  position: relative;
  left: 2px;
  margin-right: 2px;
}
.yt-avatar-stack-view-model--medium-text
  .yt-avatar-stack-view-model__avatar-stack-text {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 2rem;
  -webkit-line-clamp: 1;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.ytBadgeViewModelHost {
  display: inline-block;
}
.ytBrNzBadgeShapeHost {
  display: block;
}
.ytBrNzBadgeShapeBadgeStyleTypeNzRatingRedSquare {
  background: #f03936;
  height: 2.2rem;
  width: 2.2rem;
  border-radius: 0;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytBrNzBadgeShapeBadgeStyleTypeNzRatingYellowCircle {
  background: #ffef00;
  height: 2.2rem;
  width: 2.2rem;
  border-radius: 50%;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytBrNzBadgeShapeBadgeStyleTypeNzRatingGreenCircle {
  background: #42c758;
  height: 2.2rem;
  width: 2.2rem;
  border-radius: 50%;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytBrNzBadgeShapeBadgeStyleTypeBrRatingSmallGreenSquare {
  background: rgb(0, 166, 81);
  height: 1.8rem;
  width: 1.8rem;
  color: white;
  border: 1px solid white;
  border-radius: 10%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytBrNzBadgeShapeBadgeStyleTypeBrRatingSmallBlueSquare {
  background: rgb(0, 149, 218);
  height: 1.8rem;
  width: 1.8rem;
  color: white;
  border: 1px solid white;
  border-radius: 10%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytBrNzBadgeShapeBadgeStyleTypeBrRatingLargeBlueSquare {
  background: rgb(0, 149, 218);
  height: 2.2rem;
  width: 2.2rem;
  color: white;
  border: 1px solid white;
  border-radius: 10%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytBrNzBadgeShapeBadgeStyleTypeBrRatingSmallYellowSquare {
  background: rgb(251, 193, 21);
  height: 1.8rem;
  width: 1.8rem;
  color: white;
  border: 1px solid white;
  border-radius: 10%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytBrNzBadgeShapeBadgeStyleTypeBrRatingLargeYellowSquare {
  background: rgb(251, 193, 21);
  height: 2.2rem;
  width: 2.2rem;
  color: white;
  border: 1px solid white;
  border-radius: 10%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytBrNzBadgeShapeBadgeStyleTypeBrRatingSmallOrangeSquare {
  background: rgb(245, 130, 32);
  height: 1.8rem;
  width: 1.8rem;
  color: white;
  border: 1px solid white;
  border-radius: 10%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytBrNzBadgeShapeBadgeStyleTypeBrRatingLargeOrangeSquare {
  background: rgb(245, 130, 32);
  height: 2.2rem;
  width: 2.2rem;
  color: white;
  border: 1px solid white;
  border-radius: 10%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytBrNzBadgeShapeBadgeStyleTypeBrRatingSmallRedSquare {
  background: rgb(236, 29, 37);
  height: 1.8rem;
  width: 1.8rem;
  color: white;
  border: 1px solid white;
  border-radius: 10%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytBrNzBadgeShapeBadgeStyleTypeBrRatingLargeRedSquare {
  background: rgb(236, 29, 37);
  height: 2.2rem;
  width: 2.2rem;
  color: white;
  border: 1px solid white;
  border-radius: 10%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytBrNzBadgeShapeBadgeStyleTypeBrRatingSmallBlackSquare {
  background: rgb(0, 0, 0);
  height: 1.8rem;
  width: 1.8rem;
  color: white;
  border: 1px solid white;
  border-radius: 10%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytBrNzBadgeShapeBadgeStyleTypeBrRatingLargeBlackSquare {
  background: rgb(0, 0, 0);
  height: 2.2rem;
  width: 2.2rem;
  color: white;
  border: 1px solid white;
  border-radius: 10%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.yt-spec-dialog-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}
.yt-spec-dialog-layout__dialog-layout-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: 24px;
}
.yt-spec-dialog-layout__dialog-layout-container--dialog-layout-top-padding {
  padding-top: 24px;
}
.yt-spec-dialog-layout__dialog-layout-icon {
  margin: 24px 24px 0;
}
.yt-spec-dialog-layout__dialog-layout-icon--dialog-layout-icon-above-media {
  margin-bottom: 24px;
}
.yt-spec-dialog-layout__dialog-layout-icon--dialog-layout-icon-center-align {
  -webkit-align-self: center;
  align-self: center;
}
.yt-spec-dialog-layout__dialog-layout-asset {
  width: 100%;
  min-height: 0;
  -webkit-flex-shrink: 4;
  flex-shrink: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.yt-spec-dialog-layout__dialog-layout-asset-item {
  width: 100%;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.yt-spec-dialog-layout__dialog-header-container {
  padding: 24px 24px 8px;
}
.yt-spec-dialog-layout__dialog-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.yt-spec-dialog-layout__dialog-header--dialog-header-above-asset {
  padding-bottom: 24px;
}
.yt-spec-dialog-layout__dialog-layout-title {
  color: #030303;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin-bottom: 0;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  overflow: hidden;
  display: block;
  max-height: 5.6rem;
  -webkit-line-clamp: 2;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.yt-spec-dialog-layout__dialog-leading-action-header {
  color: #030303;
  margin-right: 12px;
}
.yt-spec-dialog-layout__dialog-trailing-action-header {
  color: #030303;
  margin-left: auto;
}
.yt-spec-dialog-layout__dialog-layout-content {
  color: #030303;
  overflow-y: auto;
}
.yt-spec-dialog-layout__dialog-layout-content-inner {
  overflow: visible;
  padding: 0 24px;
}
.yt-spec-dialog-layout__dialog-layout-footer-container {
  padding-top: 16px;
  padding-left: 24px;
  padding-right: 24px;
}
.yt-spec-dialog-layout__dialog-layout-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap-reverse;
  flex-flow: row wrap-reverse;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: -8px 0 0 -8px;
}
.yt-spec-dialog-layout__dialog-layout-footer--dialog-buttons-inline-end {
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  justify-content: end;
}
.yt-spec-dialog-layout__dialog-layout-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 8px 0 0 8px;
}
.yt-spec-dialog-layout__dialog-layout-button--dialog-buttons-inline-stretched {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.yt-spec-dialog-layout--dialog-layout-center-align
  .yt-spec-dialog-layout__dialog-layout-title,
.yt-spec-dialog-layout--dialog-layout-center-align
  .yt-spec-dialog-layout__dialog-layout-content {
  text-align: center;
}
.yt-spec-dialog-layout--dialog-buttons-stacked {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 330px) {
  .yt-spec-dialog-layout--dialog-layout-responsive {
    min-width: calc(100vw - 96px);
    max-width: 100%;
    max-height: 100vh;
  }
}
@media (min-width: 331px) and (max-width: 527px) {
  .yt-spec-dialog-layout--dialog-layout-responsive {
    min-width: calc(100vw - 96px);
    min-width: min(320px, 100vw - 96px);
    max-width: calc(100vw - 96px);
    max-width: min(400px, 100vw - 96px);
    max-height: calc(100vh - 96px);
  }
}
@media (min-width: 528px) {
  .yt-spec-dialog-layout--dialog-layout-responsive {
    min-width: 320px;
    max-width: calc(100vw - 96px);
    max-width: min(560px, 100vw - 96px);
    max-height: calc(100vh - 96px);
    max-height: min(560px, 100vh - 96px);
  }
}
.yt-spec-dialog-layout--dialog-layout-fullscreen {
  height: 100%;
  width: 100%;
}
.yt-spec-dialog-layout--dialog-layout-fullscreen
  .yt-spec-dialog-layout__dialog-layout-container,
.yt-spec-dialog-layout--dialog-layout-fullscreen
  .yt-spec-dialog-layout__dialog-layout-content {
  display: block;
  height: 100%;
  width: 100%;
}
.yt-spec-dialog-layout--dialog-layout-fullscreen
  .yt-spec-dialog-layout__dialog-layout-content-inner {
  display: block;
  height: 100%;
  width: 100%;
  padding: 0;
}
@media (min-width: 528px) {
  .yt-spec-dialog-layout--dialog-layout-extended-max-height {
    max-height: calc(100vh - 96px);
  }
}
.yt-spec-dialog-layout--dialog-layout-asset-inset
  .yt-spec-dialog-layout__dialog-layout-asset {
  width: auto;
  padding: 0 24px;
  border-radius: 12px;
}
.yt-spec-dialog-layout--dialog-layout-asset-inset
  .yt-spec-dialog-layout__dialog-layout-asset-item {
  border-radius: 12px;
}
.ytMarqueeScroll {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}
.ytMarqueeScrollHost {
  display: block;
  overflow: hidden;
}
.ytMarqueeScrollAnimationEnabled {
  -webkit-animation: scrolling-parent 16s linear infinite;
  animation: scrolling-parent 16s 3s linear infinite;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-name: scrolling-parent;
  animation-name: scrolling-parent;
}
.ytMarqueeScrollInnerContainer {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
}
@-webkit-keyframes scrolling-parent {
  100% {
    -webkit-transform: translateX(var(--marquee-translate, 0));
    transform: translateX(var(--marquee-translate, 0));
  }
}
@keyframes scrolling-parent {
  100% {
    -webkit-transform: translateX(var(--marquee-translate, 0));
    transform: translateX(var(--marquee-translate, 0));
  }
}
.ytMarqueeScrollPrimaryString,
.ytMarqueeScrollDuplicateString {
  display: inline-block;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}
.ytMarqueeScrollHostLarge .ytMarqueeScrollPrimaryString,
.ytMarqueeScrollHostLarge .ytMarqueeScrollDuplicateString {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
}
.smartimation__content {
  display: block;
}
.smartimation--experiment-enabled {
  position: relative;
  display: block;
}
.smartimation--experiment-enabled .smartimation__content {
  position: relative;
  z-index: 1;
  border-radius: 18px;
}
.smartimation__border {
  z-index: 1;
  border-radius: 22px;
  position: absolute;
  overflow: hidden;
  top: -3px;
  left: -3px;
  bottom: -3px;
  right: -3px;
}
.smartimation__border-gradient {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.smartimation--active-border .smartimation__border-gradient {
  opacity: 1;
}
.smartimation--active-background .smartimation__content {
  background: #fff;
}
.smartimation--enable-masking .smartimation__border {
  padding: 3px;
  -webkit-mask: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #fff)
      )
      content-box,
    -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box,
    -webkit-linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.smartimation--enable-masking .smartimation__border-gradient {
  width: calc(100% + 12px);
  -webkit-transform: translate(-3px, -3px);
  -ms-transform: translate(-3px, -3px);
  transform: translate(-3px, -3px);
}
.smartimation--enable-masking .smartimation__content {
  background: transparent;
}
.smartimation--invisible .smartimation__border,
.smartimation--invisible .smartimation__border-gradient {
  opacity: 0.001;
}
.ytDislikeButtonViewModelHost {
  display: block;
}
.ytLikeButtonViewModelHost {
  display: block;
}
.ytReelSoundMetadataViewModelHost {
  display: block;
}
@media (max-width: 299.9px) {
  .ytReelSoundMetadataViewModelHost {
    display: none;
  }
}
.ytReelSoundMetadataViewModelMetadataContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.ytReelSoundMetadataViewModelIcon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  color: var(--reel-metadata-color, #fff);
}
.ytReelSoundMetadataViewModelMarqueeContainer {
  color: var(--reel-metadata-color, #fff);
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}
.ytReelSoundMetadataViewModelHostLarge {
  display: block;
}
.ytReelSoundMetadataViewModelHostLargeIcon {
  width: 22px;
  height: 22px;
  margin-right: 8px;
}
.ytReelSoundMetadataViewModelHostLargeMarqueeContainer {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
}
.ytChipShapeButtonReset {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  color: inherit;
  border: none;
  cursor: pointer;
  outline-width: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  text-decoration: none;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}
.ytChipShapeHost {
  display: block;
}
.ytChipShapeChip {
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: none;
  border-radius: 8px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  height: 32px;
  min-width: 12px;
  white-space: nowrap;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.ytChipShapeOnlyTextPadding {
  padding: 0 12px;
}
.ytChipShapeOnlyIconPadding {
  padding: 0;
}
.ytChipShapeStartIconPadding {
  -webkit-padding-end: 12px;
  padding-inline-end: 12px;
}
.ytChipShapeEndIconPadding {
  -webkit-padding-start: 12px;
  padding-inline-start: 12px;
}
.ytChipShapeActive {
  background-color: #0f0f0f;
  color: #fff;
}
.ytChipShapeDisabled {
  background-color: rgba(0, 0, 0, 0.05);
  color: #909090;
}
.ytChipShapeInactive {
  background-color: rgba(0, 0, 0, 0.05);
  color: #030303;
}
.ytChipShapeFocused {
  outline: 2px solid #030303;
  outline-offset: -2px;
  background-color: #fff;
  color: #030303;
}
.ytChipShapeIconStart {
  height: 18px;
  margin: 0 4px 0 8px;
  width: 18px;
}
.ytChipShapeIconOnly {
  height: 24px;
  margin: 0 8px;
  width: 24px;
}
.ytChipShapeIconEnd {
  height: 18px;
  margin: 0 6px 0 4px;
  width: 18px;
}
.ytChipShapeAICustomizedChipBorderDarkMode {
  border: 2px solid transparent;
  background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#0f0f0f),
        to(#0f0f0f)
      )
      padding-box,
    -webkit-gradient(linear, left top, right top, from(#7f0e7f), to(#007a65)) border-box;
  background: -webkit-linear-gradient(#0f0f0f, #0f0f0f) padding-box,
    -webkit-linear-gradient(left, #7f0e7f, #007a65) border-box;
  background: linear-gradient(#0f0f0f, #0f0f0f) padding-box,
    linear-gradient(to right, #7f0e7f, #007a65) border-box;
}
.ytChipShapeAICustomizedChipBackgroundLightMode {
  color: #fff;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#7f0e7f),
    to(#007a65)
  );
  background-image: -webkit-linear-gradient(left, #7f0e7f, #007a65);
  background-image: linear-gradient(to right, #7f0e7f, #007a65);
}
.ytChipShapeAICustomizedChipIconDarkMode {
  color: #7f0e7f;
}
.YtmCompactMediaItemHost {
  padding: 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.YtmCompactMediaItemHost[data-has-subscribe-button="true"]
  .YtmCompactMediaItemMetadata {
  padding: 0;
  -webkit-box-align: normal;
  -webkit-align-items: normal;
  align-items: normal;
  margin: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.YtmCompactMediaItemHost[data-has-subscribe-button="true"]
  .YtmCompactMediaItemMetadata
  ytm-menu-renderer {
  height: 100%;
}
.YtmCompactMediaItemHost[data-has-subscribe-button="true"]
  .YtmCompactMediaItemContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.YtmCompactMediaItemHost[data-has-subscribe-button="true"]
  .video-thumbnail-img {
  width: 67px;
  height: 67px;
  min-height: 0;
  border-radius: 50%;
}
.YtmCompactMediaItemHost[data-has-subscribe-button="true"]
  .channel-subscribe-button {
  padding: 0 0 0 8px;
}
.YtmCompactMediaItemHost[data-color-palette-applied="true"] .subhead {
  opacity: 1;
}
.YtmCompactMediaItemHost > a {
  display: block;
}
@media (max-width: 299px) and (orientation: landscape),
  (max-width: 299px) and (orientation: portrait) {
  .YtmCompactMediaItemHost {
    display: block;
    padding: 0 8px;
  }
  .YtmCompactMediaItemHost
    .video-thumbnail-container-compact.video-thumbnail-container-compact {
    width: 100%;
    height: auto;
    padding-bottom: 56.25%;
  }
}
.YtmCompactMediaItemHost .engagement-bar {
  height: 24px;
  margin-top: 4px;
}
.YtmCompactMediaItemMulticolumn {
  padding-left: 0;
  padding-right: 0;
}
.YtmCompactMediaItemImage {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.YtmCompactMediaItemImage.stacked {
  position: relative;
  margin-top: 6px;
}
.YtmCompactMediaItemMetadata {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  min-width: 0;
  overflow: visible;
}
@media (min-width: 550px) and (orientation: portrait),
  (min-width: 931px) and (orientation: landscape) {
  .YtmCompactMediaItemMetadata[data-has-badges="true"]
    .YtmCompactMediaItemHeadline {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media (max-width: 549px) and (orientation: portrait),
  (max-width: 930px) and (orientation: landscape) {
  .YtmCompactMediaItemMetadata[data-has-badges="true"]
    .YtmCompactMediaItemHeadline {
    max-height: 2.5em;
    -webkit-line-clamp: 2;
  }
  .YtmCompactMediaItemMetadata.has-engagement-bar .YtmCompactMediaItemHeadline {
    max-height: 2.5em;
    -webkit-line-clamp: 2;
  }
  .YtmCompactMediaItemMetadata.has-engagement-bar[data-has-badges="true"]
    .YtmCompactMediaItemHeadline {
    max-height: 1.25em;
    -webkit-line-clamp: 1;
  }
}
@media (max-width: 299px) and (orientation: landscape),
  (max-width: 299px) and (orientation: portrait) {
  .YtmCompactMediaItemMetadata {
    padding: 4px 0;
  }
  .YtmCompactMediaItemMetadata[data-has-badges="true"]
    .YtmCompactMediaItemHeadline {
    display: -webkit-box;
    white-space: normal;
  }
}
.YtmCompactMediaItemMetadataContent {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  min-width: 0;
  overflow: hidden;
  padding: 0 8px;
}
.YtmCompactMediaItemMetadataContent.stacked {
  margin-top: 8px;
}
@media (max-width: 299px) and (orientation: landscape),
  (max-width: 299px) and (orientation: portrait) {
  .YtmCompactMediaItemMetadataContent {
    padding: 0;
  }
}
.YtmCompactMediaItemHeadlinePlaceholder {
  height: 16px;
  max-width: 300px;
  margin-bottom: 8px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.YtmCompactMediaItemSubheadPlaceholder {
  height: 16px;
  width: 120px;
  margin-bottom: 3px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.YtmCompactMediaItemHeadline {
  overflow: hidden;
  margin: 0;
  font-size: 1.4rem;
}
.YtmCompactMediaItemHeadline .ytm-channel-name {
  font-size: 1.4rem;
}
@media (max-width: 549px) and (orientation: portrait),
  (max-width: 930px) and (orientation: landscape) {
  .YtmCompactMediaItemHeadline {
    max-height: 3.75em;
    -webkit-line-clamp: 3;
  }
}
.YtmCompactMediaItemByline {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.YtmCompactMediaItemStats {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.YtmCompactMediaItemStats ~ .YtmCompactMediaItemStats::before {
  content: " · ";
}
.YtmCompactMediaItemDescription {
  margin: 8px 0;
  padding: 0;
}
.YtmCompactMediaItemMenu {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  color: #909090;
}
ytm-notification-action-renderer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.notification-action-response-text {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding-right: 1rem;
}
.notification-action-button {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(1turn);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.spinnerWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.spinner {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 12px auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #eee;
  border-top-color: #666;
  -webkit-animation: spinner 0.8s linear infinite;
  animation: spinner 0.8s linear infinite;
}
.spinner > .hidden {
  display: none;
}
.spinner:not([hidden]) {
  color: #333;
  font-size: 1.6rem;
}
.button-renderer {
  position: relative;
}
.button-renderer[data-style="STYLE_BRAND"] {
  color: #e1002d;
}
.button-renderer[data-style="STYLE_PRIMARY"]:not([disabled="true"]) {
  color: #fff;
  background-color: #065fd4;
}
.button-renderer[data-style="STYLE_PRIMARY"][disabled="true"] {
  background-color: transparent;
}
.button-renderer[data-style="STYLE_TEXT"] {
  color: #606060;
}
.button-renderer[data-style="STYLE_TEXT"] .logo-arrow {
  fill: #fff;
}
.button-renderer[data-style="STYLE_BLUE_TEXT"] {
  color: #065fd4;
}
.button-renderer[data-style="STYLE_BLUE_TEXT_WITH_INVERSE_THEME"] {
  color: #3ea6ff;
}
.button-renderer[data-style="STYLE_DESTRUCTIVE"] {
  background-color: #e1002d;
  border-color: #e1002d;
  color: #fff;
}
.button-renderer[data-style="STYLE_SUGGESTIVE"] {
  border: 1px solid #065fd4;
  color: #065fd4;
}
.button-renderer[data-style="STYLE_OVERLAY"] {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.button-renderer[data-style="STYLE_DARK"] {
  background-color: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.7);
}
.button-renderer[data-style="STYLE_INACTIVE_OUTLINE"] {
  color: #606060;
  border: 1px solid #606060;
  padding: 5px 11px;
}
.button-renderer[data-icon-only="true"] {
  min-width: 0;
  margin: 0;
}
.button-renderer[data-icon-only="false"] .button-renderer-icon {
  margin: 0 8px;
}
.button-renderer-text {
  -webkit-align-self: center;
  align-self: center;
  min-height: 1em;
  line-height: 1em;
  font-weight: 500;
}
[is-busy="true"] .button-renderer-icon,
[is-busy="true"] .button-renderer-text {
  visibility: hidden;
}
.button-with-icon-spinner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.button-renderer-with-animation .c3-material-button-button {
  overflow: visible;
}
.formatted-string-deemphasize {
  color: #606060;
}
c3-toast {
  display: block;
  position: fixed;
  z-index: 5;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 14px 24px;
  font-size: 1.4rem;
  color: #fff;
  background: #0f0f0f;
  will-change: transform;
  margin-bottom: -100%;
}
c3-toast.hug-toast {
  max-width: 344px;
}
c3-toast.inverse-theme {
  background: #fff;
  color: #030303;
}
c3-toast.inverse-theme c3-material-button {
  color: #065fd4;
}
[has-safe-area-in-max="true"] c3-toast {
  padding: 14px 24px;
  padding: 14px max(24px, env(safe-area-inset-right)) 14px
    max(24px, env(safe-area-inset-left));
}
[has-pivot-bar="true"] c3-toast {
  --safe-area-inset-top: env(safe-area-inset-top);
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
  bottom: 48px;
  bottom: calc(48px + var(--safe-area-inset-bottom));
  margin-bottom: -100%;
  margin-bottom: calc(-100% + var(--safe-area-inset-bottom));
  z-index: 2;
}
[modal-open-body] c3-toast,
[shorts-player="true"] c3-toast {
  bottom: 8px;
  margin-bottom: -100%;
  z-index: 5;
}
c3-toast[dir="out"] {
  -webkit-transition: margin 195ms cubic-bezier(0.4, 0, 1, 1);
  transition: margin 195ms cubic-bezier(0.4, 0, 1, 1);
}
c3-toast[dir="in"] {
  -webkit-transition: margin 225ms cubic-bezier(0, 0, 0.2, 1);
  transition: margin 225ms cubic-bezier(0, 0, 0.2, 1);
  margin-bottom: 0;
}
.dialog {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 1.3rem;
  color: #030303;
  background-color: #fff;
  border: none;
}
.dialog.modern-dialog {
  -webkit-box-shadow: 0 0 24px 12px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 24px 12px rgba(0, 0, 0, 0.25);
}
.dialog.rounded-container {
  border-radius: 12px;
}
.dialog.modern-dialog-layout {
  padding: 0;
  border-radius: 24px;
}
.dialog-body {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 300px;
  max-height: 100vh;
}
.dialog.scrollable .dialog-body {
  overflow-y: visible;
  overflow-x: visible;
  max-height: unset;
}
.dialog-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 4;
}
.dialog-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.dialog-header,
.dialog-buttons {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.dialog-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: 12px;
}
.dialog-buttons > * {
  margin-left: 8px;
}
.dialog-buttons > :first-child {
  margin-left: 0;
}
.dialog-flex-button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.dialog-flex-button c3-material-button.compact {
  margin: 0;
}
.dialog-body a,
.dialog-header a {
  color: #065fd4;
}
.dialog-body ytm-menu-item a {
  color: currentcolor;
}
@media (min-width: 330px) and (min-height: 330px) {
  .dialog {
    min-width: 250px;
    max-width: 356px;
  }
  .dialog-container {
    margin: 0 40px;
    padding: 0;
    padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom)
      env(safe-area-inset-left);
  }
}
.dialog-fullscreen {
  min-width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  height: 1px;
}
.dialog-fullscreen > .dialog-body {
  height: 100%;
}
html {
  color: #030303;
  background-color: #fff;
  font-size: 10px;
  font-family: Roboto, Arial, sans-serif;
}
body {
  margin: 0;
  padding: 0;
  padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom)
    env(safe-area-inset-left);
  font-size: 1.2rem;
  overflow-x: hidden;
}
[hidden][hidden] {
  display: none;
  visibility: hidden;
}
ytm-app > .spinner {
  margin-top: 100px;
}
ytm-header {
  display: block;
}
header {
  height: 48px;
}
.player-container {
  position: absolute;
  top: 48px;
  right: 0;
  right: env(safe-area-inset-right);
  left: 0;
  left: env(safe-area-inset-left);
  overflow: hidden;
  z-index: 2;
  direction: ltr;
}
[has-player-custom-control="true"] .player-container {
  overflow: visible !important;
}
.inline-player-hidden,
#player.inline-player-hidden {
  opacity: 0;
  pointer-events: none;
}
ytm-watch .player-size,
.player-container .player-size {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
}
ytm-watch .player-size,
.player-container #player.player-size {
  background-color: #000;
}
.player-cinematics {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: #000;
}
.player-cinematics ~ .player-size,
.player-cinematics ~ #player.player-size {
  background-color: transparent;
}
.page-shorts ytm-watch .player-size,
.page-shorts .player-container .player-size {
  padding-bottom: 0;
}
.player-container .player-api {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.player-api[hidden],
.player-api[playable="false"],
.player-api[loading="true"] {
  display: none;
}
#player.inline-on-thumbnail {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.player-container .html5-video-player {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
ytm-app {
  display: block;
  overflow-x: hidden;
}
[has-soft-bar="true"] ytm-app {
  padding-bottom: 30px;
}
[has-pivot-bar="true"] ytm-app {
  padding-bottom: 48px;
}
ytm-header.sticky-player,
ytm-header-bar.sticky-player,
ytm-mobile-topbar-renderer.sticky-player,
ytm-header.is-automotive,
ytm-header-bar.is-automotive,
ytm-mobile-topbar-renderer.is-automotive,
ytm-mobile-topbar-renderer.shorts-topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 4;
  padding: 0;
  padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left);
}
ytm-header-bar.sticky-player.out,
ytm-mobile-topbar-renderer.sticky-player.out {
  top: -48px;
  -webkit-transition: -webkit-transform 195ms cubic-bezier(0.4, 0, 1, 1);
  transition: -webkit-transform 195ms cubic-bezier(0.4, 0, 1, 1);
  transition: transform 195ms cubic-bezier(0.4, 0, 1, 1);
  transition: transform 195ms cubic-bezier(0.4, 0, 1, 1),
    -webkit-transform 195ms cubic-bezier(0.4, 0, 1, 1);
  -webkit-transition-property: all;
  transition-property: all;
}
ytm-header-bar.sticky-player.in,
ytm-mobile-topbar-renderer.sticky-player.in {
  top: 0;
  -webkit-transition: -webkit-transform 225ms cubic-bezier(0, 0, 0.2, 1);
  transition: -webkit-transform 225ms cubic-bezier(0, 0, 0.2, 1);
  transition: transform 225ms cubic-bezier(0, 0, 0.2, 1);
  transition: transform 225ms cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 225ms cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition-property: all;
  transition-property: all;
}
.player-container.sticky-player {
  position: fixed;
  top: 48px;
  right: 0;
  right: env(safe-area-inset-right);
  left: 0;
  left: env(safe-area-inset-left);
  overflow: hidden;
  z-index: 2;
}
.player-container.header-in-player,
.player-container.sticky-player.header-in-player {
  top: 0;
}
ytm-app.sticky-player {
  display: block;
  padding-top: 48px;
}
ytm-app.sticky-player.header-in-player {
  padding-top: 0;
}
@media (min-width: 931px) and (orientation: landscape) {
  .player-container,
  .player-container.sticky-player {
    right: 256px;
  }
  .player-placeholder-wrapper {
    width: calc(100% - 256px);
  }
}
@media (min-width: 1280px) and (orientation: landscape) {
  .player-container,
  .player-container.sticky-player {
    right: 500px;
  }
  .player-placeholder-wrapper {
    width: calc(100% - 500px);
  }
}
@media (max-width: 930px) and (orientation: landscape) {
  ytm-mobile-topbar-renderer.shorts-topbar {
    right: 72px;
  }
  ytm-watch .player-size,
  .player-container .player-size {
    padding-bottom: calc(56.25% - 96px);
  }
}
@media (max-width: 299px) and (orientation: landscape),
  (max-width: 299px) and (orientation: portrait) {
  ytm-watch .player-size,
  .player-container .player-size {
    padding-bottom: 56.25%;
  }
}
@media (max-width: 320px) and (max-height: 240px) and (orientation: landscape) {
  ytm-watch .player-size,
  .player-container .player-size {
    padding-bottom: 56.25%;
  }
}
@media (min-width: 550px) and (orientation: portrait),
  (min-width: 931px) and (orientation: landscape) {
  ytm-app {
    padding-top: 48px;
  }
  ytm-header,
  ytm-header-bar,
  ytm-mobile-topbar-renderer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
  }
}
.content-error {
  font-size: 1.4rem;
  padding: 12px;
  text-align: center;
}
#player-thumbnail-overlay {
  position: absolute;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 0;
}
#player-container-id[playable="true"] #player-thumbnail-overlay {
  visibility: hidden;
}
html[page-shorts],
body.page-shorts {
  overscroll-behavior-y: none;
}
body.loading.page-shorts #header,
body.loading.page-shorts .player-placeholder-wrapper {
  display: none;
}
body.page-shorts #player-container-id,
body.page-shorts .player-container #player {
  height: 100%;
  top: 0;
}
.cbox,
.vbox,
.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.vbox {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-height: 100%;
  margin: auto;
}
* {
  -ms-flex: 0 1 auto;
}
button {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  text-transform: inherit;
  color: inherit;
  background: transparent;
}
html {
  word-wrap: break-word;
  color: #030303;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
}
html[darker-dark-theme] {
  background-color: #fff;
}
html.watch-scroll {
  scroll-padding-top: 48px;
}
html.watch-scroll.sticky-player {
  scroll-padding-top: calc(48px + 56.25vw);
}
input,
textarea {
  background-color: transparent;
  padding-bottom: 4px;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  margin-bottom: 1px;
  font: inherit;
  color: #030303;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #606060;
  opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #606060;
  opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #606060;
  opacity: 1;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #606060;
  opacity: 1;
}
input::placeholder,
textarea::placeholder {
  color: #606060;
  opacity: 1;
}
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-height: 8.4rem;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 8px;
}
input {
  border-bottom: 1px solid #737373;
  text-overflow: ellipsis;
}
input:focus {
  margin-bottom: 0;
  border-bottom-width: 2px;
  border-bottom-color: #030303;
}
form {
  margin: 0;
}
a {
  color: currentColor;
  text-decoration: none;
}
strong,
b {
  font-weight: 500;
}
h1,
h2,
h3,
h4 {
  margin: 0 0 3px;
}
h1,
h2,
h3,
h4,
.subhead {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-height: 2.5em;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.25;
  text-overflow: ellipsis;
  font-weight: normal;
}
h2 {
  font-size: 1.8rem;
}
h3 {
  font-size: 1.4rem;
}
h4 {
  font-size: 1.3rem;
}
.subhead {
  opacity: 0.6;
}
img {
  min-width: 1px;
  min-height: 1px;
  -webkit-filter: none;
  filter: none;
}
.background-image {
  -webkit-filter: none;
  filter: none;
}
.bottom-fade {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0)),
    color-stop(90%, rgba(0, 0, 0, 0.7))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.7) 90%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.7) 90%
  );
}
img:not([src]) {
  visibility: hidden;
}
:focus {
  outline: none;
}
.option {
  background-color: #fff;
}
.title {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin: 0;
  font-size: 1.5rem;
  font-weight: normal;
}
p {
  margin: 8px 0;
  line-height: 1.25;
}
.details {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: 12px;
}
.section {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.section:empty {
  display: none;
}
.section + .section:not(:empty):last-of-type {
  border-bottom: 0;
}
.secondary-text {
  color: #606060;
}
.small-text {
  font-size: 1.2rem;
}
.user-text {
  white-space: pre-wrap;
}
.item {
  margin-top: 12px;
  display: block;
}
.item:last-child {
  margin-bottom: 12px;
}
@media (max-width: 299px) and (orientation: landscape),
  (max-width: 299px) and (orientation: portrait) {
  .item {
    margin-top: 8px;
  }
}
.text-info:not(:empty) ~ .text-info:not(:empty)::before {
  content: "•";
  padding: 0 4px;
}
.image-overlay-text {
  text-shadow: 1px 1px hsla(0, 0%, 6.7%, 0.2), -1px 1px hsla(0, 0%, 6.7%, 0.2),
    -1px -1px hsla(0, 0%, 6.7%, 0.2), 1px -1px hsla(0, 0%, 6.7%, 0.2);
}
.image-overlay-icon {
  width: 28px;
  height: 28px;
  stroke: hsla(0, 0%, 6.7%, 0.2);
  stroke-width: 1px;
}
#player-control-container {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#player-control-container.disable-user-select {
  -webkit-user-select: none;
}
[dir="rtl"] #player-shorts-container {
  direction: rtl;
}
[shorts-player="true"] .player-container #player,
[shorts-player="true"] #player-shorts-container,
[faux-fullscreen="true"] .player-container #player,
[faux-fullscreen="true"] #player-control-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 0;
}
[faux-fullscreen="true"][fullscreen-rejected="true"] #app {
  display: none;
}
[shorts-player="true"] .player-container .html5-video-container {
  width: 100%;
  height: 100%;
}
[shorts-player="true"] ytm-header-bar,
[shorts-player="true"] ytm-mobile-topbar-renderer:not(.shorts-topbar),
[faux-fullscreen="true"] ytm-header-bar,
[faux-fullscreen="true"] ytm-mobile-topbar-renderer,
[shorts-player="true"] .player-container,
[faux-fullscreen="true"] .player-container {
  overflow: visible;
  z-index: 4;
}
[shorts-player="true"] .player-container .ytp-unmute.ytp-popup {
  top: 75px;
  left: 0;
  left: env(safe-area-inset-left);
}
.ypc-promotion {
  color: #c30027;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 2.4rem;
}
button,
select,
[role="button"],
input[type="checkbox"] {
  cursor: pointer;
}
.hidden-button {
  position: fixed;
  top: 0;
  left: 0;
  height: 12px;
  width: 12px;
}
.unified-share-url-input {
  width: 100%;
  display: block;
  padding: 12px;
  color: #065fd4;
  background-color: #e9e9e9;
  border-bottom-style: none;
  border-radius: 8px;
}
.bottom-sheet-share-item .unified-share-url-input {
  height: 48px;
  margin-bottom: 12px;
}
.ytWebScrimHost {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.8);
}
.ytWebScrimHostRelative {
  position: absolute;
}
.ytWebScrimHostModernOverlay {
  background-color: rgba(0, 0, 0, 0.3);
}
.ytWebScrimHostBottomSheet {
  background-color: rgba(0, 0, 0, 0.6);
}
.ytWebScrimHostEngagementPanel {
  z-index: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 100vw;
}
.ytWebScrimHostDraggableEngagementPanel {
  z-index: 3;
  top: 0;
}
.ytWebScrimHostDrawerLayout {
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ytWebScrimDialogContainer {
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 4;
}
.ytWebScrimHiddenButton {
  position: fixed;
  top: 0;
  left: 0;
  height: 12px;
  width: 12px;
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  text-transform: inherit;
  color: inherit;
  background: transparent;
}
.ytWebSpinnerWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytWebSpinnerSpinner {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 12px auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #eee;
  border-top-color: #666;
  -webkit-animation: spinner 0.8s linear infinite;
  animation: spinner 0.8s linear infinite;
}
.ytWebSpinnerSpinner:not([hidden]) {
  color: #333;
  font-size: 1.6rem;
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(1turn);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
bottom-sheet-container {
  position: fixed;
  z-index: 5;
}
c3-overlay.bottom-sheet-overlay {
  background-color: rgba(0, 0, 0, 0.6);
}
[bottom-sheet-open] {
  overflow: hidden;
}
[modal-open-body] {
  position: fixed;
  left: 0;
  right: 0;
}
.b3-iframe-ancestor[modal-open-body] {
  position: absolute;
}
c3-material-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 5.14em;
  margin: 0 0.29em;
  font-size: 1.4rem;
  text-transform: uppercase;
  border-radius: 3px;
}
c3-material-button .c3-material-button-button.sentence-case {
  text-transform: none;
}
c3-material-button.icon {
  min-width: 0;
  width: 40px;
  height: 40px;
  margin: 0;
}
c3-material-button.compact {
  margin: -0.7em -0.57em;
}
c3-material-button.compact + c3-material-button.compact {
  margin-left: 0.7em;
}
.c3-material-button-button {
  padding: 0.7em 0.57em;
}
c3-material-button.disabled .c3-material-button-button,
.c3-material-button-button[disabled] {
  color: #909090;
}
c3-material-button.full-width .c3-material-button-button {
  width: 100%;
}
c3-material-button.full-width .c3-material-button-button .cbox {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
c3-icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  fill: currentColor;
  stroke: none;
}
[dir="rtl"] c3-icon[flip-for-rtl="true"] {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.icon-button {
  border: none;
  background: transparent;
  width: 40px;
  height: 40px;
  padding: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
c3-icon svg {
  width: 100%;
  height: 100%;
}
c3-icon.icon-state-outline[icon-state-filled] {
  display: none;
}
c3-icon.icon-state-filled[icon-state-outline] {
  display: none;
}
.pivot-bar-item-tab c3-icon[icon-state-filled] {
  display: none;
}
.pivot-bar-item-tab c3-icon[icon-state-outline] {
  display: block;
}
.pivot-bar-item-tab[aria-selected="true"] c3-icon[icon-state-filled] {
  display: block;
}
.pivot-bar-item-tab[aria-selected="true"] c3-icon[icon-state-outline] {
  display: none;
}
#menu,
.menu-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 4;
}
.menu-content {
  position: relative;
  z-index: 2;
  max-height: 100%;
  overflow-y: auto;
  color: #030303;
  background-color: #fff;
  padding: 3px;
}
.menu-content.menu-bottom {
  bottom: 0;
  color: #030303;
  padding: 0;
  position: fixed;
  max-width: 100%;
  width: 100%;
}
.bottom-menu-cancel {
  border-top: 1px solid #f1f1f1;
  padding: 8px 0;
}
.menu-content > a {
  display: block;
}
.menu-cancel-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.menu-cancel-icon {
  margin: 0 8px;
}
.menu-content.menu-bottom c3-icon {
  color: #909090;
  margin: 0 32px 0 0;
}
.menu-content:not(.menu-show-icons) .menu-item-button c3-icon {
  display: none;
}
@media (min-width: 330px) {
  .menu-content:not(.menu-bottom) {
    min-width: 250px;
    max-width: 356px;
    margin: 40px;
  }
}
.menu-full-width .menu-content {
  background-color: #fff;
  min-width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  height: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.menu-content.rounded-container {
  border-radius: 8px;
}
.icon-button.small {
  padding-left: 0;
  padding-right: 0;
  width: 16px;
}
ytm-menu-item {
  display: block;
  padding: 3px 0;
}
.menu-item-button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-size: 1.6rem;
  padding: 9px 12px;
  text-align: initial;
  text-transform: unset;
  width: 100%;
}
.menu-item-button.list-item-styles {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 48px;
  padding: 8px 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
}
.list-item-styles c3-icon {
  margin-left: 6px;
  margin-right: 18px;
}
.menu-item-button.list-item-styles:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.menu-bottom .menu-item-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 1.6rem;
  padding: 11px 16px;
}
c3-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.3);
}
c3-overlay.bottom-sheet-overlay-scrim {
  z-index: 5;
}
.share-target-link {
  display: block;
  padding: 12px;
}
.bottom-sheet-share-item .share-target-link {
  padding: 0;
  margin-left: 12px;
  height: 48px;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
fullscreen-overlay {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: scroll;
  z-index: 4;
}
.player-settings-header {
  margin-bottom: 20px;
}
.player-caption-settings,
.player-quality-settings,
.player-speed-settings {
  width: 100%;
  margin: 4px 0 12px;
}
.accountInfoHost {
  display: block;
}
.copyDebugInfoPlayerDebugInfo {
  height: 40vh;
  direction: ltr;
}
.stableVolumeToggleHost {
  display: block;
}
.ytwVariableSpeedControllerSpeedButtonViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.ytwVariableSpeedControllerSpeedButtonViewModelSpeedLabel {
  margin-top: 4px;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500;
}
.ytwVariableSpeedControllerViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin: 12px;
}
.ytwVariableSpeedControllerViewModelSpeedIndicatorContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  margin: auto;
}
.ytwVariableSpeedControllerViewModelPlaybackSpeedDisplay {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-self: center;
  align-self: center;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: 900;
}
@media (max-width: 527.9px) {
  .ytwVariableSpeedControllerViewModelPlaybackSpeedDisplay {
    font-family: "Roboto", "Arial", sans-serif;
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 900;
  }
}
.ytwVariableSpeedControllerViewModelPremiumBadge {
  position: absolute;
  right: 100%;
  margin-right: 8px;
}
.ytwVariableSpeedControllerViewModelSliderContainer {
  margin: 8px 0;
}
.ytwVariableSpeedControllerViewModelPlaybackSpeedButton {
  margin: 0 4px;
}
.ytwVariableSpeedControllerViewModelButtonContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytmClosedCaptioningButtonHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  width: 48px;
  height: 48px;
}
.ytmClosedCaptioningButtonIconDisabled {
  color: #ccc;
}
.ytmClosedCaptioningButtonIconDisabledOverlay {
  color: rgba(255, 255, 255, 0.3);
}
.ytmClosedCaptioningButtonButton {
  cursor: pointer;
  width: 48px;
  height: 48px;
  padding: 12px;
  border: none;
  outline: none;
  font: inherit;
  text-transform: inherit;
  color: inherit;
  background: transparent;
}
.ytwPlayerEndscreenHost {
  display: block;
}
ytm-thumbnail-overlay-time-status-renderer {
  margin: 5px;
}
ytm-thumbnail-overlay-time-status-renderer[thumbnail-size="small"] {
  margin: 2px;
}
ytm-thumbnail-overlay-time-status-renderer[thumbnail-size="medium"] {
  margin: 4px;
}
ytm-thumbnail-overlay-time-status-renderer[thumbnail-size="large"] {
  margin: 8px;
}
ytm-thumbnail-overlay-time-status-renderer[data-style="LIVE"],
ytm-thumbnail-overlay-time-status-renderer[data-style="SHORTS"] {
  text-transform: uppercase;
}
#player-endscreen-container,
#player-endscreen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.ytm-player-endscreen {
  color: #eee;
}
#player-endscreen[data-has-timer-countdown="true"] {
  background-color: #000;
}
.ytm-player-endscreen .cued-thumbnail-overlay {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.4;
}
.ytm-player-endscreen .upnext-top {
  position: absolute;
  bottom: 50%;
  width: 100%;
  text-align: center;
}
.ytm-player-endscreen .upnext-top .upnext-header,
.ytm-player-endscreen .upnext-top .upnext-title,
.ytm-player-endscreen .upnext-top .upnext-author {
  line-height: 1.3em;
}
.ytm-player-endscreen .upnext-header {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.5rem;
}
.ytm-player-endscreen .upnext-title {
  padding: 0 10px 2px;
  margin-left: 32px;
  margin-right: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.65rem;
}
.ytm-player-endscreen .upnext-author {
  padding: 0 10px 10px;
  color: #fff;
  font-size: 1.4rem;
}
.ytm-player-endscreen .upnext-middle {
  position: absolute;
  top: 60%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
}
.ytm-player-endscreen a.autoplay-next-container,
.ytm-player-endscreen a.autoplay-next-container c3-icon {
  display: block;
  width: 50px;
  height: 50px;
  padding: 0;
}
.ytm-player-endscreen .upnext-bottom {
  position: absolute;
  top: 70%;
  width: 100%;
  text-align: center;
}
.ytm-player-endscreen .autonav-off-controls-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}
.ytm-player-endscreen .autonav-user-education-container {
  position: absolute;
  top: 25%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ytm-player-endscreen .autonav-off-controls {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ytm-player-endscreen .autonav-off-controls .icon-button {
  height: 48px;
  width: 48px;
  padding: 6px;
}
.ytm-player-endscreen .autonav-off-controls .icon-button > c3-icon {
  height: 36px;
  width: 36px;
}
.ytm-player-endscreen .autonav-off-controls .icon-button > c3-icon svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
}
.ytm-player-endscreen .autonav-off-controls .icon-button > c3-icon svg path {
  fill: #fff;
}
.ytm-player-endscreen
  .autonav-off-controls
  .icon-button.icon-disable
  c3-icon
  svg
  path {
  fill: rgba(255, 255, 255, 0.7);
}
.ytm-player-endscreen .autonav-off-controls .endscreen-replay-button {
  margin: 0 60px;
}
.ytm-player-endscreen
  .autonav-off-controls
  .endscreen-replay-button.icon-button,
.ytm-player-endscreen
  .autonav-off-controls
  .endscreen-replay-button.icon-button
  > c3-icon {
  height: 56px;
  width: 56px;
  padding: 0;
}
@media (max-width: 299px) and (orientation: landscape),
  (max-width: 299px) and (orientation: portrait) {
  .ytm-player-endscreen .autonav-off-controls {
    margin-top: -6px;
  }
  .ytm-player-endscreen .autonav-off-controls .endscreen-replay-button {
    margin: 0 12px;
    padding: 8px;
  }
}
.ytm-player-endscreen button.icon-button.endscreen-logo-play-button {
  left: 50%;
  top: 50%;
  margin-left: -46px;
  margin-top: -32px;
  padding: 0;
  position: absolute;
  display: block;
}
.ytm-player-endscreen .endscreen-logo-play-button,
.ytm-player-endscreen .endscreen-logo-play-button c3-icon {
  width: 92px;
  height: 64px;
}
.ytm-player-endscreen .endscreen-logo-play-button c3-icon {
  fill: #f03;
}
#player-endscreen .autonav-endscreen-button-container ytm-button-renderer {
  width: 100%;
}
#player-endscreen
  .autonav-endscreen-button-container
  ytm-button-renderer
  button {
  width: 100%;
}
.new-controls #player-endscreen {
  z-index: 3;
}
#player-endscreen.endscreen-v2 {
  font-size: 1.4rem;
}
[dir="rtl"] #player-endscreen.endscreen-v2[data-has-timer-countdown="true"] {
  direction: rtl;
}
#player-endscreen.endscreen-v2[data-has-timer-countdown="true"] {
  padding: 8px 16px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (max-width: 299px) and (orientation: landscape),
  (max-width: 299px) and (orientation: portrait) {
  #player-endscreen.endscreen-v2[data-has-timer-countdown="true"] {
    padding: 8px;
  }
}
.ytm-player-endscreen .autonav-top-panel {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.ytm-player-endscreen .autonav-top-panel icon-button {
  width: 32px;
  height: 32px;
  padding: 4px;
}
.ytm-player-endscreen .autonav-off-controls-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}
.ytm-player-endscreen .autonav-user-education-container {
  position: absolute;
  top: 25%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ytm-player-endscreen .autonav-endscreen-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 16px;
}
.ytm-player-endscreen .autonav-endscreen-countdown-container {
  color: #aaa;
  margin-bottom: 12px;
  margin-top: 4px;
}
.ytm-player-endscreen
  .autonav-endscreen-countdown-container
  .autonav-endscreen-header
  span.autonav-endscreen-countdown-number {
  color: #fff;
  font-weight: 500;
}
.ytm-player-endscreen
  .autonav-endscreen-countdown-container
  .autonav-endscreen-cued-video-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.ytm-player-endscreen
  .autonav-endscreen-countdown-container
  .autonav-endscreen-cued-video-container:first-child {
  margin-right: 12px;
}
.ytm-player-endscreen
  .autonav-endscreen-countdown-container
  .autonav-endscreen-cued-video-container
  .cued-thumbnail-overlay-v2,
.ytm-player-endscreen
  .autonav-endscreen-countdown-container
  .autonav-endscreen-cued-video-container
  .autonav-endscreen-video-info {
  width: 50%;
  -webkit-flex-basis: calc(50% - 6px);
  flex-basis: calc(50% - 6px);
}
.ytm-player-endscreen
  .autonav-endscreen-countdown-container
  .autonav-endscreen-cued-video-container
  .cued-thumbnail-overlay-v2 {
  position: relative;
}
.ytm-player-endscreen
  .autonav-endscreen-countdown-container
  .autonav-endscreen-cued-video-container
  .cued-thumbnail-overlay-v2
  .video-thumbnail-container-compact {
  width: 100%;
  height: auto;
  padding-bottom: 56.25%;
}
.ytm-player-endscreen
  .autonav-endscreen-countdown-container
  .autonav-endscreen-cued-video-container
  .cued-thumbnail-overlay-v2
  .thumbnail-overlays {
  position: absolute;
  bottom: 0;
  right: 0;
}
.ytm-player-endscreen
  .autonav-endscreen-countdown-container
  .autonav-endscreen-cued-video-container
  .autonav-endscreen-video-info
  .autonav-endscreen-video-title {
  color: #fff;
  font-weight: 400;
  margin-bottom: 4px;
  line-height: 1.25;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-height: 2.5em;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ytm-player-endscreen
  .autonav-endscreen-countdown-container
  .autonav-endscreen-cued-video-container
  .autonav-endscreen-video-info
  .autonav-endscreen-video-author {
  color: #aaa;
  font-size: 1.2rem;
}
.ytm-player-endscreen .autonav-endscreen-button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.ytm-player-endscreen
  .autonav-endscreen-button-container
  c3-material-button:first-child {
  margin-right: 8px;
}
.ytm-player-endscreen .autonav-endscreen-button-container c3-material-button {
  width: 50%;
  -webkit-flex-basis: calc(50% - 8px);
  flex-basis: calc(50% - 8px);
  margin: 0;
  background-color: rgba(255, 255, 255, 0.3);
}
.ytm-player-endscreen
  .autonav-endscreen-button-container
  c3-material-button.cancel-autoplay {
  background-color: rgba(255, 255, 255, 0.1);
}
.ytm-player-endscreen
  .autonav-endscreen-button-container
  c3-material-button
  button {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (max-width: 299px) and (orientation: landscape),
  (max-width: 299px) and (orientation: portrait) {
  .ytm-player-endscreen .autonav-top-panel {
    display: none;
  }
  .ytm-player-endscreen .autonav-endscreen-countdown-container {
    margin-bottom: 8px;
  }
  .ytm-player-endscreen
    .autonav-endscreen-countdown-container
    .autonav-endscreen-cued-video-container
    .cued-thumbnail-overlay-v2,
  .ytm-player-endscreen
    .autonav-endscreen-countdown-container
    .autonav-endscreen-cued-video-container
    .autonav-endscreen-video-info {
    width: 50%;
    -webkit-flex-basis: calc(50% - 4px);
    flex-basis: calc(50% - 4px);
  }
  .ytm-player-endscreen .autonav-endscreen-button-container c3-material-button {
    width: 50%;
    -webkit-flex-basis: calc(50% - 4px);
    flex-basis: calc(50% - 4px);
  }
}
.ytm-player-endscreen
  .endscreen-v2
  .autonav-endscreen-button-container
  ytm-button-renderer:first-child {
  margin-right: 12px;
}
.ytm-player-endscreen
  .endscreen-v2
  .autonav-endscreen-button-container
  ytm-button-renderer {
  width: 50%;
}
.ytm-player-endscreen
  .endscreen-v2
  .autonav-endscreen-button-container
  ytm-button-renderer
  a,
.ytm-player-endscreen
  .endscreen-v2
  .autonav-endscreen-button-container
  ytm-button-renderer
  button {
  width: 100%;
}
img.custom-thumbnail.video-thumbnail-img {
  -o-object-fit: scale-down;
  object-fit: scale-down;
  max-height: 100%;
  max-width: 100%;
}
.video-thumbnail-container-large,
.video-thumbnail-container-compact {
  position: relative;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  overflow: hidden;
}
.video-thumbnail-bg {
  background-color: rgba(0, 0, 0, 0.1);
}
.video-thumbnail-container-large {
  padding-bottom: 56.25%;
}
.video-thumbnail-container-large.stacked {
  border-radius: 12px;
  border-top: 1px solid #fff;
}
.video-thumbnail-container-compact {
  width: 160px;
  height: 90px;
}
.custom-thumbnail-background-container {
  position: absolute;
  width: 180px;
  height: 180px;
}
.custom-thumbnail-background-container .custom-thumbnail {
  opacity: 0.7;
  -webkit-filter: blur(30px);
  filter: blur(30px);
}
.video-thumbnail-container-compact-rounded {
  border-radius: 8px;
}
.original-aspect-ratio img {
  height: 100%;
  width: auto;
}
.stacked {
  border-radius: 12px;
  border-top: 1px solid #fff;
}
@media (max-width: 549px) and (orientation: portrait) {
  .big-shorts-singleton .video-thumbnail-container-large {
    padding-bottom: 125%;
  }
  .big-shorts-singleton .video-thumbnail-container-large img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
}
@media (max-width: 549px) and (orientation: portrait) {
  ytm-item-section-renderer:first-of-type .video-thumbnail-container-large {
    margin-top: 0;
  }
  .video-thumbnail-container-large:where(.not-rendered-from-rich-item) {
    margin: -13px -12px 0;
    padding-top: 13px;
  }
  .style-recommendations-in-portrait
    .video-thumbnail-container-large.rounded-thumbnail {
    border-radius: 12px;
    margin: 0;
    padding-top: 0;
  }
}
@media (max-width: 299px) and (orientation: portrait) {
  .video-thumbnail-container-large {
    margin: 0;
    padding-top: 0;
  }
}
.video-thumbnail-container-large.thumbnail-cover-rounded {
  border-radius: 12px;
}
@media (min-width: 550px) and (orientation: portrait),
  (min-width: 931px) and (orientation: landscape) {
  .video-thumbnail-container-large.rounded-thumbnail {
    border-radius: 12px;
  }
}
@media (min-aspect-ratio: 13/9) and (orientation: landscape),
  (min-width: 931px) and (orientation: landscape) {
  .video-thumbnail-container-large.rounded-thumbnail {
    border-radius: 12px;
  }
}
.video-thumbnail-fill-parent {
  margin: 0;
  padding-top: 0;
  border-radius: 12px;
}
.ytmCustomControlHost {
  display: block;
}
.ytBigboardStoryboardHost {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.ytPlayerStoryboardHost {
  position: absolute;
  bottom: 80px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}
.ytPlayerStoryboardHostBigboard {
  width: 100%;
  left: 50%;
}
.ytPlayerStoryboardHostMwebShorts {
  margin-bottom: 48px;
}
.ytPlayerStoryboardHostInlinePlayer {
  bottom: 56px;
}
.ytPlayerStoryboardHostDesktopShorts {
  margin-bottom: 16px;
}
.ytPlayerStoryboardHostIsDragging {
  margin-bottom: 80px;
}
.ytPlayerStoryboardHostFadeIn {
  -webkit-animation: 0.1s cubic-bezier(0.2, 0, 0.6, 1) fade-in;
  animation: 0.1s cubic-bezier(0.2, 0, 0.6, 1) fade-in;
}
.ytPlayerStoryboardStoryboardImageWrapper {
  background-color: #fff;
  border: 2px solid white;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}
.ytPlayerStoryboardBigboardWrapper {
  position: absolute;
  inset: 0;
  background: #000;
}
.ytPlayerStoryboardBigboardImageWrapper {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  overflow: hidden;
}
.ytPlayerStoryboardTimestamp {
  font-weight: 700;
  color: #fff;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.75);
}
.ytPlayerStoryboardTimestampShorts {
  font-family: "YouTube Sans", "Roboto", sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700;
  padding-top: 8px;
}
.ytPlayerStoryboardTimestampIsHovering {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
}
.ytPlayerStoryboardMetadata {
  position: absolute;
  bottom: -6px;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  left: 50%;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  font-size: 12px;
}
.ytPlayerStoryboardMetadataBigboard {
  width: auto;
  color: #fff;
  max-width: 100%;
  bottom: 6px;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 8px 16px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  min-width: 0;
}
.ytPlayerStoryboardTitle {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytPlayerStoryboardTitleBigboard {
  margin-bottom: 0;
  font-weight: 700;
}
.ytPlayerStoryboardTimedMarkerIconWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.ytPlayerStoryboardTimedMarkerIcon {
  height: 14px;
  width: 14px;
  margin-right: 4px;
}
.ytPlayerStoryboardStoryboardImage {
  width: 100%;
  height: 100%;
  position: absolute;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ytmCreatorEndscreenHost {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  visibility: hidden;
}
.ytmCreatorEndscreenInCueRange {
  visibility: visible;
}
.ytmCreatorEndscreenSize853 {
  font-size: 1.4rem;
}
.ytmCreatorEndscreenSize1280 {
  font-size: 1.8rem;
}
.ytmCreatorEndscreenSize1920 {
  font-size: 2.4rem;
}
.ytmCreatorEndscreenElement {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0.05, 0, 0, 1);
  transition: opacity 0.2s cubic-bezier(0.05, 0, 0, 1);
}
.ytmCreatorEndscreenElementVisible {
  opacity: 1;
  pointer-events: auto;
}
.ytmCreatorEndscreenScrim {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background-color: #000;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.05, 0, 0, 1);
  transition-timing-function: cubic-bezier(0.05, 0, 0, 1);
}
.ytmCreatorEndscreenScrimVisible {
  opacity: 0.25;
}
.ytmExpandingEndscreenElementHost {
  display: block;
  height: 100%;
  width: 100%;
  -webkit-transition: z-index 0.2s step-end;
  transition: z-index 0.2s step-end;
  z-index: 6;
  position: relative;
}
.ytmExpandingEndscreenElementHostActive {
  -webkit-transition: z-index 0.2s step-start;
  transition: z-index 0.2s step-start;
  z-index: 7;
}
.ytmExpandingEndscreenElementThumbnail {
  height: 100%;
  width: 100%;
  cursor: pointer;
  position: absolute;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}
.ytmExpandingEndscreenElementRound {
  border-radius: 50%;
}
.ytmExpandingEndscreenElementOverlay {
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  padding: 8px;
  margin: -8px;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.05, 0, 0, 1);
  transition-timing-function: cubic-bezier(0.05, 0, 0, 1);
  color: #fff;
  visibility: hidden;
  -webkit-align-content: center;
  align-content: center;
  max-width: 100%;
  overflow: hidden;
}
.ytmCreatorEndscreenRoundingSmall .ytmExpandingEndscreenElementOverlay {
  border-radius: 4px;
}
.ytmCreatorEndscreenRoundingMedium .ytmExpandingEndscreenElementOverlay {
  border-radius: 8px;
}
.ytmCreatorEndscreenRoundingLarge .ytmExpandingEndscreenElementOverlay {
  border-radius: 12px;
}
.ytmExpandingEndscreenElementOverlayRight {
  left: 0;
}
.ytmExpandingEndscreenElementOverlayRightActive {
  padding-left: calc(100% + 8px);
}
.ytmExpandingEndscreenElementOverlayLeft {
  right: 0;
}
.ytmExpandingEndscreenElementOverlayLeftActive {
  padding-right: calc(100% + 8px);
}
.ytmExpandingEndscreenElementOverlayRightActive,
.ytmExpandingEndscreenElementOverlayLeftActive {
  opacity: 1;
  visibility: visible;
  max-width: none;
}
.ytmExpandingEndscreenElementOverlayContent {
  width: 115px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-left: 12px;
  margin-right: 8px;
  max-height: 100%;
  text-overflow: ellipsis;
}
.ytmCreatorEndscreenElementOverlayActiveRight
  .ytmExpandingEndscreenElementOverlayContent {
  margin-left: 8px;
  margin-right: 12px;
}
.ytmCreatorEndscreenSize426 .ytmExpandingEndscreenElementOverlayContent,
.ytmCreatorEndscreenSize470 .ytmExpandingEndscreenElementOverlayContent,
.ytmCreatorEndscreenSize506 .ytmExpandingEndscreenElementOverlayContent,
.ytmCreatorEndscreenSize570 .ytmExpandingEndscreenElementOverlayContent {
  width: 136px;
}
.ytmCreatorEndscreenSize426 .ytmExpandingEndscreenElementOverlayContent {
  margin-left: 8px;
  margin-right: 12px;
}
.ytmExpandingEndscreenElementOverlayActiveRight
  .ytmCreatorEndscreenSize426
  .ytmExpandingEndscreenElementOverlayContent {
  margin-left: 12px;
  margin-right: 8px;
}
.ytmCreatorEndscreenSize640 .ytmExpandingEndscreenElementOverlayContent {
  width: 136px;
  margin-left: 16px;
  margin-right: 8px;
}
.ytmCreatorEndscreenElementOverlayActiveRight
  .ytmCreatorEndscreenSize640
  .ytmExpandingEndscreenElementOverlayContent {
  margin-left: 8px;
  margin-right: 16px;
}
.ytmCreatorEndscreenSize853 .ytmExpandingEndscreenElementOverlayContent {
  width: 176px;
  margin-left: 16px;
  margin-right: 8px;
}
.ytmCreatorEndscreenElementOverlayActiveRight
  .ytmCreatorEndscreenSize853
  .ytmExpandingEndscreenElementOverlayContent {
  margin-left: 8px;
  margin-right: 16px;
}
.ytmCreatorEndscreenSize1280 .ytmExpandingEndscreenElementOverlayContent {
  width: 264px;
  margin-left: 32px;
  margin-right: 16px;
}
.ytmCreatorEndscreenElementOverlayActiveRight
  .ytmCreatorEndscreenSize1280
  .ytmExpandingEndscreenElementOverlayContent {
  margin-left: 16px;
  margin-right: 32px;
}
.ytmCreatorEndscreenSize1920 .ytmExpandingEndscreenElementOverlayContent {
  width: 392px;
  margin-left: 48px;
  margin-right: 24px;
}
.ytmCreatorEndscreenElementOverlayActiveRight
  .ytmCreatorEndscreenSize1920
  .ytmExpandingEndscreenElementOverlayContent {
  margin-left: 24px;
  margin-right: 48px;
}
.ytmExpandingEndscreenElementOverlayTitle {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: 2px;
  text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ytmCreatorEndscreenSize853 .ytmExpandingEndscreenElementOverlayTitle {
  font-size: 1.6rem;
}
.ytmCreatorEndscreenSize1280 .ytmExpandingEndscreenElementOverlayTitle {
  font-size: 2rem;
}
.ytmCreatorEndscreenSize1920 .ytmExpandingEndscreenElementOverlayTitle {
  font-size: 2.4rem;
}
.ytmExpandingEndscreenElementOverlayMetadataChannel,
.ytmExpandingEndscreenElementOverlayMetadataWebsite {
  font-size: 1.2rem;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ytmCreatorEndscreenSize853 .ytmExpandingEndscreenElementOverlayMetadataChannel,
.ytmCreatorEndscreenSize853
  .ytmExpandingEndscreenElementOverlayMetadataWebsite {
  font-size: 1.6rem;
}
.ytmCreatorEndscreenSize1280
  .ytmExpandingEndscreenElementOverlayMetadataChannel,
.ytmCreatorEndscreenSize1280
  .ytmExpandingEndscreenElementOverlayMetadataWebsite {
  font-size: 1.8rem;
  margin-top: 8px;
}
.ytmCreatorEndscreenSize1920
  .ytmExpandingEndscreenElementOverlayMetadataChannel,
.ytmCreatorEndscreenSize1920
  .ytmExpandingEndscreenElementOverlayMetadataWebsite {
  font-size: 2rem;
  margin-top: 12px;
}
.ytmExpandingEndscreenElementOverlayMetadataChannel {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding-top: 4px;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.ytmCreatorEndscreenSize640
  .ytmExpandingEndscreenElementOverlayMetadataChannel {
  -webkit-line-clamp: 2;
}
.ytmCreatorEndscreenSize570
  .ytmExpandingEndscreenElementOverlayMetadataChannel {
  -webkit-line-clamp: 1;
}
.ytmCreatorEndscreenSize506 .ytmExpandingEndscreenElementOverlayMetadataChannel,
.ytmCreatorEndscreenSize470 .ytmExpandingEndscreenElementOverlayMetadataChannel,
.ytmCreatorEndscreenSize426 .ytmExpandingEndscreenElementOverlayMetadataChannel,
.ytmCreatorEndscreenSize346
  .ytmExpandingEndscreenElementOverlayMetadataChannel {
  display: none;
}
.ytmExpandingEndscreenElementOverlayMetadataWebsite {
  white-space: nowrap;
}
.ytmExpandingEndscreenElementOverlayCallToAction {
  font-weight: 700;
  margin-top: 4px;
  font-size: 1rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ytmExpandingEndscreenElementOverlayCallToAction:hover {
  text-decoration: underline;
  cursor: pointer;
}
.ytmExpandingEndscreenElementOverlayButton {
  margin-top: 4px;
  margin-bottom: 4px;
}
.ytmCreatorEndscreenSize346 .ytmExpandingEndscreenElementOverlayButton {
  display: none;
}
.ytmExpandingEndscreenElementScrim {
  pointer-events: none;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 6;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ytmExpandingEndscreenElementScrimChannel {
  border-radius: 50%;
}
.ytmExpandingEndscreenElementScrimActive {
  opacity: 0.25;
}
ytm-subscribe-button-renderer {
  display: block;
}
ytm-subscribe-button-renderer .button-renderer-icon {
  height: 16px;
  width: 16px;
}
.modern-subscribe-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.subscribe-button-count {
  font-size: 1.4rem;
  margin: 0 8px;
}
@-webkit-keyframes notification-bell-fade-in {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes notification-bell-fade-in {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.notification-bell-container {
  display: block;
  position: absolute;
  z-index: 5;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
}
.notification-bell-container.hidden {
  display: none;
}
.notification-bell {
  display: block;
  margin-top: -2px;
  -webkit-animation: notification-bell-fade-in 0.2s cubic-bezier(0.05, 0, 0, 1);
  animation: notification-bell-fade-in 0.2s cubic-bezier(0.05, 0, 0, 1);
}
.modern-subscribe-button-container {
  position: relative;
}
.modern-subscribe-button .yt-core-attributed-string {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.05, 0, 0, 1);
  transition-timing-function: cubic-bezier(0.05, 0, 0, 1);
  padding-left: 0;
}
.ytmVideoInfoExpanded .modern-subscribe-button .yt-core-attributed-string,
.YtmVideoInfoExpanded .modern-subscribe-button .yt-core-attributed-string {
  -webkit-transition: none;
  transition: none;
}
.with-notification-bell .yt-core-attributed-string {
  padding-left: 24px;
}
.animated-subscribe-container {
  width: 100%;
}
.animated-subscribe-content-container {
  width: 100%;
  overflow: hidden;
  border-radius: 18px;
}
.animated-subscribe-flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.can-animate {
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
.static-width .animated-subscribe-flex-container {
  width: auto;
}
.ytmThumbnailEndscreenElementHost {
  display: block;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.5);
  overflow: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.05, 0, 0, 1);
  transition-timing-function: cubic-bezier(0.05, 0, 0, 1);
  z-index: 5;
}
.ytmCreatorEndscreenRoundingSmall .ytmThumbnailEndscreenElementHost {
  border-radius: 4px;
}
.ytmCreatorEndscreenRoundingMedium .ytmThumbnailEndscreenElementHost {
  border-radius: 8px;
}
.ytmCreatorEndscreenRoundingLarge .ytmThumbnailEndscreenElementHost {
  border-radius: 12px;
}
.ytmThumbnailEndscreenElementHostActive {
  border-color: #fff;
}
.ytmThumbnailEndscreenElementTopOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 33%;
}
.ytmThumbnailEndscreenElementThumbnailTitle {
  color: #fff;
  position: relative;
  font-size: 1.2rem;
  font-weight: 500;
  margin: 6px 8px 0;
  line-height: 1.25;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  display: box;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.ytmCreatorEndscreenSize640 .ytmThumbnailEndscreenElementThumbnailTitle {
  font-size: 1.4rem;
}
.ytmCreatorEndscreenSize853 .ytmThumbnailEndscreenElementThumbnailTitle {
  font-size: 1.6rem;
  margin: 10px 12px;
}
.ytmCreatorEndscreenSize1280 .ytmThumbnailEndscreenElementThumbnailTitle {
  font-size: 2rem;
  margin: 14px 16px;
}
.ytmCreatorEndscreenSize1920 .ytmThumbnailEndscreenElementThumbnailTitle {
  font-size: 2.4rem;
  margin: 18px 20px;
}
.ytmThumbnailEndscreenElementThumbnail {
  -o-object-fit: cover;
  object-fit: cover;
}
.ytmThumbnailEndscreenElementTimeStatus {
  position: absolute;
  bottom: 0;
  right: 0;
}
.ytmThumbnailEndscreenElementTimeStatus .yt-badge-shape {
  font-size: inherit;
}
.ytmCreatorEndscreenSize853
  .ytmThumbnailEndscreenElementTimeStatus
  .yt-badge-shape {
  padding: 2px 4px;
  margin-bottom: 2px;
  margin-right: 2px;
}
.ytmCreatorEndscreenSize1280
  .ytmThumbnailEndscreenElementTimeStatus
  .yt-badge-shape {
  padding: 6px 8px;
  margin-bottom: 8px;
  margin-right: 8px;
}
.ytmCreatorEndscreenSize1920
  .ytmThumbnailEndscreenElementTimeStatus
  .yt-badge-shape {
  padding: 10px 12px;
  margin-bottom: 16px;
  margin-right: 16px;
}
.ytmThumbnailEndscreenElementTopGradient {
  position: absolute;
  opacity: 0.8;
  height: 100%;
  width: 100%;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgb(0, 0, 0)),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(top, rgb(0, 0, 0), transparent);
  background-image: linear-gradient(to bottom, rgb(0, 0, 0), transparent);
}
.ytmThumbnailEndscreenElementPlaylistLengthOverlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 2px;
  color: rgba(255, 255, 255, 0.7);
}
.ytmCreatorEndscreenSize853 .ytmThumbnailEndscreenElementPlaylistLengthOverlay {
  padding: 4px;
}
.ytmCreatorEndscreenSize1280
  .ytmThumbnailEndscreenElementPlaylistLengthOverlay {
  padding: 8px;
}
.ytmCreatorEndscreenSize1920
  .ytmThumbnailEndscreenElementPlaylistLengthOverlay {
  padding: 12px;
}
.ytmThumbnailEndscreenElementPlaylistLength {
  color: rgba(255, 255, 255, 0.7);
}
.ytmThumbnailEndscreenElementPlaylistIcon {
  color: rgba(255, 255, 255, 0.7);
  margin: 0 2px;
}
.ytmCreatorEndscreenSize853 .ytmThumbnailEndscreenElementPlaylistIcon {
  margin: 0 4px;
}
.ytmCreatorEndscreenSize1280 .ytmThumbnailEndscreenElementPlaylistIcon {
  margin: 0 8px;
}
.ytmCreatorEndscreenSize1920 .ytmThumbnailEndscreenElementPlaylistIcon {
  margin: 0 12px;
}
.ytmThumbnailEndscreenElementScrim {
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 5;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ytmThumbnailEndscreenElementScrimActive {
  opacity: 0.25;
}
.ytmCuedOverlayHost {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.ytmCuedOverlayHost.hidden {
  visibility: hidden;
  opacity: 0;
}
.ytmCuedOverlayThumbnail {
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.ytmCuedOverlayPlayButton {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -36px;
  margin-top: -36px;
  width: 72px;
  height: 72px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.ytmCuedOverlayPlayButton.shorts {
  margin-left: -50px;
  margin-top: -50px;
  width: 100px;
  height: 100px;
}
.ytmCuedOverlayPlayButtonIcon {
  width: 100%;
  height: 100%;
  color: red;
}
.ytmCuedOverlayGradient {
  width: 100%;
  position: absolute;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.8)),
    color-stop(rgba(0, 0, 0, 0.6)),
    to(rgba(0, 0, 0, 0))
  );
  background: -webkit-linear-gradient(
    rgba(0, 0, 0, 0.8),
    rgba(0, 0, 0, 0.6),
    rgba(0, 0, 0, 0)
  );
  background: linear-gradient(
    rgba(0, 0, 0, 0.8),
    rgba(0, 0, 0, 0.6),
    rgba(0, 0, 0, 0)
  );
  height: 7rem;
}
.ytPlayerControlsAnimatedSeekArrowsHost {
  display: block;
  white-space: nowrap;
}
.ytPlayerControlsAnimatedSeekArrowsArrow {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.ytPlayerControlsAnimatedSeekArrowsArrowSmall {
  width: 10px;
  height: 10px;
  border: 5px solid rgba(0, 0, 0, 0);
}
.ytPlayerControlsAnimatedSeekArrowsArrowSmallForward {
  border-left: 5px solid #fff;
  margin-right: -2.5px;
  -webkit-animation-name: forward-arrow-fade;
  animation-name: forward-arrow-fade;
}
.ytPlayerControlsAnimatedSeekArrowsArrowSmallBackward {
  border-right: 5px solid #fff;
  margin-left: -2.5px;
  -webkit-animation-name: backward-arrow-fade;
  animation-name: backward-arrow-fade;
}
.ytPlayerControlsAnimatedSeekArrowsArrowLarge {
  width: 20px;
  height: 20px;
  border: 10px solid rgba(0, 0, 0, 0);
}
.ytPlayerControlsAnimatedSeekArrowsArrowLargeForward {
  border-left: 10px solid #fff;
  margin-right: -5px;
}
.ytPlayerControlsAnimatedSeekArrowsArrowLargeBackward {
  border-right: 10px solid #fff;
  margin-left: -5px;
}
.ytPlayerControlsAnimatedSeekArrowsForwardArrow {
  -webkit-animation-name: forward-arrow-fade;
  animation-name: forward-arrow-fade;
}
.ytPlayerControlsAnimatedSeekArrowsBackwardArrow {
  -webkit-animation-name: backward-arrow-fade;
  animation-name: backward-arrow-fade;
}
.ytPlayerControlsAnimatedSeekArrowsForwardArrow:nth-child(2),
.ytPlayerControlsAnimatedSeekArrowsBackwardArrow:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.ytPlayerControlsAnimatedSeekArrowsForwardArrow:nth-child(3),
.ytPlayerControlsAnimatedSeekArrowsBackwardArrow:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
@-webkit-keyframes forward-arrow-fade {
  0% {
    border-left-color: rgba(0, 0, 0, 0);
  }
  50% {
    border-left-color: #fff;
  }
  100% {
    border-left-color: rgba(0, 0, 0, 0);
  }
}
@keyframes forward-arrow-fade {
  0% {
    border-left-color: rgba(0, 0, 0, 0);
  }
  50% {
    border-left-color: #fff;
  }
  100% {
    border-left-color: rgba(0, 0, 0, 0);
  }
}
@-webkit-keyframes backward-arrow-fade {
  0% {
    border-right-color: rgba(0, 0, 0, 0);
  }
  50% {
    border-right-color: #fff;
  }
  100% {
    border-right-color: rgba(0, 0, 0, 0);
  }
}
@keyframes backward-arrow-fade {
  0% {
    border-right-color: rgba(0, 0, 0, 0);
  }
  50% {
    border-right-color: #fff;
  }
  100% {
    border-right-color: rgba(0, 0, 0, 0);
  }
}
.ytwDoubleTapToSeekHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.ytwDoubleTapToSeekCircleHost {
  display: block;
}
.player-controls-double-tap-to-seek-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  overflow: hidden;
}
.player-controls-double-tap-to-seek-content.always-visible {
  visibility: visible;
  pointer-events: none;
}
.player-controls-double-tap-to-seek-static-circle {
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.25;
}
.player-controls-double-tap-to-seek-content.always-visible
  .player-controls-double-tap-to-seek-static-circle {
  opacity: 0;
}
.circle-show {
  -webkit-animation: 0.2s linear fade-in-circle forwards;
  animation: 0.2s linear fade-in-circle forwards;
}
.circle-hide {
  -webkit-animation: 0.2s linear fade-out-circle forwards;
  animation: 0.2s linear fade-out-circle forwards;
}
.player-controls-double-tap-to-seek-info {
  position: relative;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.player-controls-double-tap-to-seek-info[side="back"],
.player-controls-double-tap-to-seek-info-back {
  left: 16%;
}
.player-controls-double-tap-to-seek-info[side="forward"],
.player-controls-double-tap-to-seek-info-forward {
  left: 84%;
}
.player-controls-arrows-container {
  white-space: nowrap;
}
.player-controls-forward-arrow,
.player-controls-backward-arrow {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.player-controls-arrow-large {
  width: 20px;
  height: 20px;
  border: 10px solid rgba(0, 0, 0, 0);
}
.player-controls-arrow-small {
  width: 10px;
  height: 10px;
  border: 5px solid rgba(0, 0, 0, 0);
}
.player-controls-arrow-large.player-controls-forward-arrow {
  border-left: 10px solid #fff;
  margin-right: -5px;
}
.player-controls-arrow-large.player-controls-backward-arrow {
  border-right: 10px solid #fff;
  margin-left: -5px;
}
.player-controls-arrow-small.player-controls-forward-arrow {
  border-left: 5px solid #fff;
  margin-right: -2.5px;
}
.player-controls-arrow-small.player-controls-backward-arrow {
  border-right: 5px solid #fff;
  margin-left: -2.5px;
}
.player-controls-arrow-forward-fade-out,
.player-controls-arrow-backward-fade-out {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.player-controls-arrow-forward-fade-out {
  -webkit-animation-name: fade-out-forward;
  animation-name: fade-out-forward;
}
.player-controls-arrow-backward-fade-out {
  -webkit-animation-name: fade-out-backward;
  animation-name: fade-out-backward;
}
.player-controls-arrow-forward-fade-out:nth-child(2),
.player-controls-arrow-backward-fade-out:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.player-controls-arrow-forward-fade-out:nth-child(3),
.player-controls-arrow-backward-fade-out:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
@-webkit-keyframes fade-out-forward {
  0% {
    border-left-color: rgba(0, 0, 0, 0);
  }
  50% {
    border-left-color: #fff;
  }
  100% {
    border-left-color: rgba(0, 0, 0, 0);
  }
}
@keyframes fade-out-forward {
  0% {
    border-left-color: rgba(0, 0, 0, 0);
  }
  50% {
    border-left-color: #fff;
  }
  100% {
    border-left-color: rgba(0, 0, 0, 0);
  }
}
@-webkit-keyframes fade-out-backward {
  0% {
    border-right-color: rgba(0, 0, 0, 0);
  }
  50% {
    border-right-color: #fff;
  }
  100% {
    border-right-color: rgba(0, 0, 0, 0);
  }
}
@keyframes fade-out-backward {
  0% {
    border-right-color: rgba(0, 0, 0, 0);
  }
  50% {
    border-right-color: #fff;
  }
  100% {
    border-right-color: rgba(0, 0, 0, 0);
  }
}
@-webkit-keyframes fade-in-circle {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.25;
  }
}
@keyframes fade-in-circle {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.25;
  }
}
@-webkit-keyframes fade-out-circle {
  from {
    opacity: 0.25;
  }
  to {
    opacity: 0;
  }
}
@keyframes fade-out-circle {
  from {
    opacity: 0.25;
  }
  to {
    opacity: 0;
  }
}
.ytmEmbedsInfoPanelRendererHost {
  color: #fff;
  padding: 12px 0 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  z-index: 2;
  top: 52px;
  min-width: 130px;
  max-width: min(50% - 64px, 272px);
}
.ytmEmbedsInfoPanelRendererHostAutohide {
  -webkit-animation: fade 3s ease-in 10s forwards;
  animation: fade 3s ease-in 10s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@media (max-aspect-ratio: 3/4) {
  .ytmEmbedsInfoPanelRendererHostTopControlsStackedInPortrait {
    top: 112px;
  }
}
.ytmEmbedsInfoPanelRendererHidden {
  display: none;
}
.ytmEmbedsInfoPanelRendererButton {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: left;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-left: 4px solid #3ea6ff;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  max-width: 312px;
  padding: 8px;
  text-decoration: none;
}
.ytmEmbedsInfoPanelRendererText {
  font-size: 1.3rem;
  padding-left: 8px;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 4rem;
  -webkit-line-clamp: 2;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
@-webkit-keyframes fade {
  to {
    opacity: 0;
  }
}
@keyframes fade {
  to {
    opacity: 0;
    pointer-events: none;
  }
}
.ytAutocropButtonHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  margin-top: 60px;
}
.ytAutocropButtonVisible {
  visibility: visible;
}
.ytAutocropButtonHidden {
  visibility: hidden;
}
.ytAutocropButtonAutoCropButton {
  border: 1px solid rgba(255, 255, 255, 0.7);
  background-color: rgba(40, 40, 40, 0.6);
  border-radius: 18px;
}
.ytProfileIconHost {
  display: inline-block;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
}
.ytProfileIconHost:has(.ytProfileIconImage) {
  background-color: unset;
}
.ytProfileIconImage {
  width: 100%;
  height: 100%;
}
.YtmChannelThumbnailWithLinkRendererHost {
  display: block;
}
.YtmChannelThumbnailWithLinkRendererIcon {
  width: 40px;
  height: 40px;
}
.typography-display-2 {
  font-size: 2.4rem;
  line-height: 3.2rem;
}
.typography-display-1 {
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0.005em;
}
.typography-title-2 {
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0.01em;
}
.typography-title-1 {
  font-size: 1.4rem;
  line-height: 1.8rem;
  letter-spacing: 0.01em;
}
.typography-button {
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.8rem;
  letter-spacing: 0.01em;
}
.typography-body-2b {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
  letter-spacing: 0.01em;
}
.typography-body-2a {
  font-size: 1.4rem;
  line-height: 1.8rem;
  letter-spacing: 0.01em;
}
.typography-body-1b {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6rem;
  letter-spacing: 0.02em;
}
.typography-body-1a {
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: 0.02em;
}
.typography-label {
  font-size: 1rem;
  line-height: 1.4rem;
}
.typography-narrow-default-action-m {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}
ytm-chip-cloud-chip-renderer {
  cursor: pointer;
  outline: none;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
ytm-chip-cloud-chip-renderer .chip-container {
  height: 32px;
  min-width: 48px;
  text-align: center;
  padding: 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 8px;
  border: 0;
}
ytm-chip-cloud-chip-renderer .chip-container.chip-no-vertical-padding {
  padding: 0;
}
ytm-chip-cloud-chip-renderer .chip-container:has(c3-icon) {
  padding-left: 8px;
}
ytm-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"] .chip-container,
ytm-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] .chip-container {
  background-color: rgba(0, 0, 0, 0.05);
  color: #030303;
  -webkit-transition: background-color 0.5s cubic-bezier(0.05, 0, 0, 1);
  transition: background-color 0.5s cubic-bezier(0.05, 0, 0, 1);
}
ytm-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"]
  .chip-container
  > c3-icon,
ytm-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"]
  .chip-container
  > c3-icon {
  height: 18px;
  width: 18px;
  padding-right: 4px;
}
ytm-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"].selected
  .chip-container,
ytm-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"].selected
  .chip-container {
  background-color: #606060;
  color: #fff;
}
ytm-chip-cloud-chip-renderer .chip-text {
  max-width: 20rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
ytm-chip-cloud-chip-renderer .chip-text.modern {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
ytm-chip-cloud-chip-renderer[chip-style="STYLE_EXPLORE_LAUNCHER_CHIP"]
  .chip-container {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  border: 0;
  padding: 0 12px 0 6px;
}
ytm-chip-cloud-chip-renderer[chip-style="STYLE_EXPLORE_LAUNCHER_CHIP"]
  .chip-container
  > c3-icon {
  padding-right: 4px;
}
ytm-chip-cloud-chip-renderer[chip-style="STYLE_EXPLORE_LAUNCHER_CHIP"].more-drawer
  .chip-container {
  padding: 0;
  min-width: 42px;
}
ytm-chip-cloud-chip-renderer[chip-style="STYLE_EXPLORE_LAUNCHER_CHIP"].more-drawer
  .chip-container
  > c3-icon {
  padding-right: 0;
}
.ytm-chips-shelf-view-model {
  --chips-shelf-side-margin: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-bottom: 24px;
}
.ytm-chips-shelf-view-model__chips-shelf-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 8px 4px 8px var(--chips-shelf-side-margin);
}
.ytm-chips-shelf-view-model__chips-shelf-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: calc(var(--chips-shelf-side-margin) - 4px);
  padding-right: 12px;
  margin-bottom: 16px;
  max-height: 80px;
  overflow: hidden;
}
.ytm-chips-shelf-view-model__chips-shelf-title {
  line-height: 1.25;
  margin: 0;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 500;
}
.ytm-chips-shelf-view-model__chips-shelf-item {
  margin: 0 4px 8px;
}
.ytm-chips-shelf-view-model__menu-button {
  margin-left: 8px;
}
.ytm-chips-shelf-view-model--is-inner-chips-shelf {
  margin-bottom: 0;
}
.ytm-chips-shelf-view-model--enable-animation {
  --chips-shelf-height: 0;
  overflow: hidden;
  opacity: 0;
  height: var(--chips-shelf-height);
  -webkit-transition: opacity 0.5s, height 0.3s;
  transition: opacity 0.5s, height 0.3s;
}
.ytm-chips-shelf-view-model--enable-animation.expanded {
  opacity: 1;
}
.ytm-chips-shelf-view-model--is-inner-chips-shelf-content {
  margin-bottom: 0;
}
.ytm-chips-shelf-view-model--is-horizontally-scrollable {
  max-height: 40px;
  overflow-x: auto;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  scrollbar-width: none;
}
.YtmBadgeAndBylineRendererHost {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 3em;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 299px) and (orientation: landscape),
  (max-width: 299px) and (orientation: portrait) {
  .YtmBadgeAndBylineRendererHost {
    display: block;
    max-height: none;
    overflow: visible;
  }
}
.YtmBadgeAndBylineRendererHost[data-is-all-badges="true"] {
  margin-top: 4px;
}
.YtmBadgeAndBylineRendererHost ytm-badge-supported-renderer {
  position: relative;
}
.YtmBadgeAndBylineRendererSmallLockup {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.YtmBadgeAndBylineRendererSmallLockupDiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.YtmBadgeAndBylineRendererHost .YtmBadgeAndBylineRendererSmallLockupSpan {
  display: block;
  line-height: 1.25;
  max-height: 1.25em;
  overflow: hidden;
  white-space: pre;
  word-break: break-word;
  text-overflow: ellipsis;
}
.YtmBadgeAndBylineRendererItemByline,
.YtmBadgeAndBylineRendererItemBadge,
.YtmBadgeAndBylineRendererSeparator {
  margin-right: 4px;
}
.YtmBadgeAndBylineRendererItemByline {
  display: inline;
  opacity: 0.6;
}
.YtmBadgeAndBylineRendererItemBadge {
  display: inline-block;
}
.YtmBadgeAndBylineRendererSeparator {
  font-size: 1.2rem;
  opacity: 0.6;
}
.YtmBadgeSupportedRendererHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.YtmBadgeSupportedRendererHost > ytm-metadata-badge-renderer {
  min-width: 0;
  -webkit-flex-shrink: 10000;
  flex-shrink: 10000;
}
.YtmBadgeSupportedRendererHost > ytm-metadata-badge-renderer:first-child {
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}
.YtmBadgeSupportedRendererHost ytm-badge {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
ytm-metadata-badge-renderer + ytm-metadata-badge-renderer {
  margin-left: 4px;
}
ytm-metadata-badge-renderer c3-icon {
  height: 15px;
  width: 15px;
  vertical-align: sub;
}
ytm-metadata-badge-renderer.badge-large-icon c3-icon {
  height: 18px;
  width: 18px;
}
.metadata-badge[data-type="BADGE_STYLE_TYPE_AD"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 2px 0;
  color: #030303;
  background: none;
  white-space: nowrap;
  font-weight: 700;
}
.metadata-badge[data-type="BADGE_STYLE_TYPE_AD"]::after {
  content: "·";
  -webkit-padding-end: 4px;
  padding-inline-end: 4px;
  -webkit-padding-start: 4px;
  padding-inline-start: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.metadata-badge[data-type="BADGE_STYLE_TYPE_SIMPLE"] {
  color: #606060;
  background-color: rgba(0, 0, 0, 0.05);
}
.metadata-badge[data-type="BADGE_STYLE_TYPE_RED"] {
  color: #c30027;
  background-color: rgba(0, 0, 0, 0.05);
}
.metadata-badge[data-type="BADGE_STYLE_TYPE_PREMIUM"] {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 2px 4px;
  background: -webkit-linear-gradient(45deg, #e1002d 30%, #e01378 90%);
  background: linear-gradient(45deg, #e1002d 30%, #e01378 90%);
}
.metadata-badge[data-type="BADGE_STYLE_TYPE_PREMIUM"] c3-icon {
  display: none;
}
.metadata-badge[data-type="BADGE_STYLE_TYPE_YPC"] {
  color: #107516;
  background-color: rgba(0, 0, 0, 0.05);
}
.metadata-badge[data-type="BADGE_STYLE_TYPE_YPC_GREEN"] {
  background-color: #deffde;
  color: #107516;
}
.metadata-badge[data-type="BADGE_STYLE_TYPE_VERIFIED"],
.metadata-badge[data-type="BADGE_STYLE_TYPE_VERIFIED_ARTIST"],
.metadata-badge[data-type="BADGE_STYLE_TYPE_COLLECTION"] {
  background: none;
  padding: 0;
}
.metadata-badge[data-type="BADGE_STYLE_TYPE_DISABLED"] {
  color: #909090;
}
.metadata-badge[data-type="BADGE_STYLE_TYPE_COLLECTION"] {
  text-transform: uppercase;
}
.metadata-badge[data-type="BADGE_STYLE_TYPE_SHORTS_PLAYER"] {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}
.metadata-badge[data-type="BADGE_STYLE_TYPE_STARTING_SOON"] {
  background: transparent;
  color: #c30027;
  border: 1px solid rgba(225, 0, 45, 0.9);
}
ytm-badge {
  display: inline-block;
  padding: 2px 4px;
  border-radius: 4px;
  color: #606060;
  background-color: rgba(0, 0, 0, 0.05);
}
ytm-badge > y-icon {
  width: 13px;
  height: 13px;
}
ytm-badge + ytm-badge {
  margin-left: 4px;
}
ytm-badge[data-type="BADGE_STYLE_TYPE_MEMBERS_ONLY"] {
  color: #107516;
}
ytm-badge[data-type="BADGE_STYLE_TYPE_SHORTS_PLAYER"] > c3-icon {
  padding-right: 2px;
}
ytm-privacy-badge-renderer {
  margin-left: 4px;
}
ytm-privacy-badge-renderer c3-icon {
  height: 15px;
  width: 15px;
}
.standalone-collection-badge {
  color: #030303;
  background: none;
}
.standalone-collection-badge a {
  color: #065fd4;
}
.standalone-collection-badge-inline a {
  color: #606060;
}
.standalone-collection-badge .icon-text {
  display: inline;
  margin-right: 4px;
}
.top-standalone-badge ytm-badge,
.top-standalone-badge ytm-badge[data-type] {
  padding: 12px 4px 4px;
  margin-top: -12px;
}
.top-standalone-badge ytm-badge:first-child,
.top-standalone-badge ytm-badge[data-type]:first-child {
  margin-left: -12px;
  padding-left: 12px;
}
.top-standalone-badge ytm-badge a {
  display: inline-block;
  padding: 12px 4px 4px;
  margin: -12px 0 -4px;
}
.top-standalone-badge ytm-badge:first-child a:first-child {
  margin-left: -12px;
  padding-left: 12px;
}
.top-standalone-badge ytm-badge:last-child a:last-child {
  padding-right: 12px;
}
ytm-standalone-ypc-badge-renderer {
  margin-left: 4px;
}
.standalone-ypc-modern-badge {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.standalone-ypc-discount-text-badge {
  margin-right: 4px;
  text-decoration: line-through;
}
.standalone-ypc-badge[data-type="STYLE_AVAILABLE"] {
  background-color: rgba(0, 0, 0, 0.05);
  color: #107516;
}
.standalone-ypc-badge[data-type="STYLE_PURCHASED"] {
  font-weight: bold;
}
.standalone-ypc-badge[data-type="STYLE_NOT_AVAILABLE"] {
  background: #909090;
  color: #fff;
}
.standalone-ypc-badge[data-type="STYLE_DISCOUNT"] {
  background: rgba(0, 0, 0, 0.05);
  color: #606060;
  text-decoration: line-through;
}
ytm-text-badge-renderer + ytm-text-badge-renderer {
  margin-left: 4px;
}
ytm-text-badge-renderer c3-icon {
  height: 15px;
  width: 15px;
  vertical-align: sub;
}
.text-badge[data-type="BADGE_STYLE_TYPE_SIMPLE"] {
  color: #606060;
  background-color: rgba(0, 0, 0, 0.05);
}
.text-badge[data-type="BADGE_STYLE_TYPE_RED"] {
  color: #c30027;
  background-color: rgba(0, 0, 0, 0.05);
}
lazy-list ytm-media-item {
  display: block;
  padding: 0;
  min-width: 0;
  overflow: hidden;
}
lazy-list ytm-media-item .media-item-thumbnail-container {
  padding: 0 12px;
}
lazy-list ytm-media-item .details {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  min-width: 0;
  padding-left: 0;
  margin-top: 4px;
}
ytm-media-item .upper-details {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 8px;
}
lazy-list ytm-media-item .media-channel {
  margin-top: 8px;
}
ytm-media-item .upper-details .media-channel,
ytm-media-item[use-vertical-layout] .upper-details .media-channel {
  margin-top: 0;
}
ytm-media-item .upper-details ytm-profile-icon {
  display: block;
  width: 36px;
  height: 36px;
}
lazy-list ytm-media-item .media-item-metadata {
  margin-top: 8px;
}
lazy-list .item ytm-media-item {
  margin-top: 0;
  margin-bottom: 12px;
}
lazy-list ytm-media-item .video-thumbnail-container-large {
  margin: 0 -12px;
}
@-webkit-keyframes metadata-bounce {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20%,
  80% {
    -webkit-transform: translateX(-120px);
    transform: translateX(-120px);
  }
}
@keyframes metadata-bounce {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20%,
  80% {
    -webkit-transform: translateX(-120px);
    transform: translateX(-120px);
  }
}
ytm-media-item .metadata-scroll-container {
  overflow: auto;
  -webkit-scroll-snap-type: x mandatory;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
ytm-media-item .metadata-content-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 200%;
}
ytm-media-item .metadata-content-container.bounce {
  -webkit-animation-name: metadata-bounce;
  animation-name: metadata-bounce;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
ytm-media-item .scroll-view {
  width: 50%;
  scroll-snap-align: start;
}
ytm-media-item .scroll-dots-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
}
ytm-media-item .scroll-dot {
  height: 4px;
  width: 4px;
  border: 1px solid #030303;
  border-radius: 50%;
  margin: 0 3px;
}
ytm-media-item .scroll-dot.active {
  background-color: #030303;
}
ytm-media-item {
  display: block;
  padding: 0 12px;
  min-width: 0;
}
ytm-media-item[use-vertical-layout] {
  padding: 0;
}
ytm-media-item[use-vertical-layout] .media-item-metadata {
  margin-top: 8px;
}
ytm-media-item[use-vertical-layout] .upper-details .media-item-metadata {
  margin-top: 0;
  -webkit-align-self: center;
  align-self: center;
}
ytm-media-item[use-vertical-layout] .media-channel {
  margin-top: 8px;
}
ytm-media-item > a {
  display: block;
}
.media-item-thumbnail-container {
  position: relative;
}
.media-item-thumbnail-container.stacked:not(.multi-column-feed) {
  margin-left: 12px;
  margin-right: 12px;
  position: relative;
  margin-top: 10px;
}
.media-item-thumbnail-container.multi-column-feed {
  margin-top: -2px;
}
@media (min-aspect-ratio: 13/9) and (orientation: landscape),
  (min-width: 931px) and (orientation: landscape) {
  .media-item-thumbnail-container.stacked:not(.multi-column-feed) {
    margin-left: unset;
    margin-right: unset;
  }
  .media-item-thumbnail-container.stacked:not(.multi-column-feed) {
    margin-top: 4px;
  }
  ytm-media-item .media-item-landscape-stack {
    display: none;
  }
  ytm-media-item .details.stacked {
    margin-top: 4px;
  }
}
@media (min-width: 550px) and (orientation: portrait) {
  ytm-media-item .details.stacked-playlist {
    margin-left: 4px;
  }
}
.media-item-animated-thumbnail,
.media-item-thumbnail-slideshow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.inline-byline-channel-name {
  margin-bottom: 3px;
}
.media-item-metadata {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 0;
}
.media-item-top-badges ytm-metadata-badge-renderer {
  display: block;
}
.media-icon {
  width: 40px;
  height: 40px;
}
.media-channel {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.media-item-info,
ytm-media-item .details {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  min-width: 0;
}
.media-item-info {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-left: 12px;
}
.media-item-info[no-channel-avatar="true"],
.details.small-lockup {
  margin-left: 0;
  margin-right: 0;
}
.details.feature-phone-minimal-lockups .media-item-info {
  margin-left: 8px;
  margin-right: 8px;
}
.details
  .media-item-info[no-channel-avatar="true"][use-modern-collections="true"] {
  margin-left: 4px;
}
.media-item-headline-placeholder {
  height: 16px;
  max-width: 300px;
  margin-bottom: 8px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.media-item-headline-placeholder:nth-child(2) {
  width: 120px;
  margin-bottom: 8px;
}
.media-item-endorsement-container {
  margin-bottom: -4px;
  color: #030303;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.media-item-endorsement-container > .media-item-secondary-headline {
  padding-top: 8px;
}
.media-item-endorsement-container > .media-item-secondary-headline > span {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3.2rem;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.media-item-endorsement-container
  > .media-item-secondary-headline
  > span
  > strong {
  font-weight: 700;
}
.media-item-subhead-placeholder {
  height: 16px;
  width: 120px;
  margin-bottom: 3px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.media-item-menu {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.media-item-byline {
  unicode-bidi: -webkit-isolate;
  unicode-bidi: -moz-isolate;
  unicode-bidi: isolate;
}
ytm-media-item .details.feature-phone-minimal-lockups .media-channel {
  display: none;
}
ytm-media-item .details {
  margin-top: 12px;
}
ytm-media-item[use-vertical-layout] .details {
  margin-top: 4px;
}
ytm-browse lazy-list ytm-item-section-renderer:first-of-type ytm-media-item {
  margin: 0;
}
ytm-browse ytm-item-section-renderer:first-of-type ytm-media-item {
  margin: -12px 0 0;
}
ytm-media-item .video-thumbnail-overlay-side {
  width: 33%;
}
@media (max-width: 549px) and (orientation: portrait) {
  lazy-list ytm-media-item .details {
    padding-left: 12px;
  }
  lazy-list
    ytm-media-item.big-shorts-singleton
    .media-item-thumbnail-container {
    padding: 0;
  }
  lazy-list
    ytm-media-item.big-shorts-singleton
    .video-thumbnail-container-large {
    margin: 0;
  }
}
@media (min-width: 550px) and (orientation: portrait) {
  ytm-browse
    ytm-item-section-renderer:first-of-type
    ytm-promoted-video-renderer
    ytm-media-item {
    margin-top: 0;
  }
  lazy-list ytm-media-item {
    padding: 0 12px;
  }
  lazy-list .item ytm-media-item {
    margin-top: 12px;
  }
  lazy-list ytm-media-item .media-item-thumbnail-container {
    padding: 0;
  }
  lazy-list ytm-media-item .video-thumbnail-container-large {
    margin: 0;
  }
}
@media (min-aspect-ratio: 13/9) and (orientation: landscape),
  (min-width: 931px) and (orientation: landscape) {
  ytm-media-item:not([use-vertical-layout]) {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    min-width: 0;
  }
  ytm-media-item:not([use-vertical-layout]) .media-item-thumbnail-container {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  ytm-media-item:not([use-vertical-layout]) .video-thumbnail-container-large {
    width: 200px;
    height: 112px;
    padding-bottom: 0;
  }
  ytm-media-item:not([use-vertical-layout]) .details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 0 12px;
    min-width: 0;
    width: 100%;
  }
  ytm-media-item:not([use-vertical-layout]) .media-item-info {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
  }
  ytm-media-item:not([use-vertical-layout]) .media-item-metadata {
    margin-bottom: 2px;
    max-height: 70px;
    overflow: hidden;
    min-width: 0;
  }
  ytm-media-item[use-vertical-layout] h3 {
    margin-bottom: 8px;
  }
  ytm-media-item:not([use-vertical-layout]) .media-channel {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
    width: 100%;
  }
  ytm-media-item:not([use-vertical-layout]) .media-item-extra-endpoint {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
  lazy-list ytm-media-item {
    padding: 0 12px;
  }
  lazy-list .item ytm-media-item {
    margin-top: 12px;
  }
  lazy-list ytm-media-item .media-item-thumbnail-container {
    padding: 0;
  }
  lazy-list ytm-media-item .media-channel {
    margin-top: 0;
  }
  lazy-list ytm-media-item .media-item-metadata {
    margin-top: 0;
  }
  ytm-browse
    ytm-item-section-renderer:first-of-type
    ytm-media-item:not([use-vertical-layout]) {
    margin-top: 0;
  }
  ytm-browse
    lazy-list
    ytm-item-section-renderer:first-of-type
    ytm-media-item:not([use-vertical-layout]) {
    margin-top: 12px;
  }
  ytm-browse
    lazy-list
    ytm-item-section-renderer:first-of-type
    ytm-promoted-video-renderer
    ytm-media-item:not([use-vertical-layout]) {
    margin-top: 0;
  }
  lazy-list ytm-media-item .video-thumbnail-container-large {
    margin: 0;
  }
  ytm-media-item:not([use-vertical-layout]) .media-item-info {
    margin-left: 0;
  }
  ytm-media-item:not([use-vertical-layout]) .details.stacked-playlist {
    margin-top: 4px;
  }
  ytm-media-item:not([use-vertical-layout]) .details.stacked {
    margin-top: 4px;
  }
}
@media (max-width: 930px) and (orientation: landscape) {
  lazy-list ytm-media-item {
    padding: 0 12px;
  }
  lazy-list .item ytm-media-item {
    margin-top: 12px;
  }
  ytm-browse
    lazy-list
    ytm-item-section-renderer:first-of-type
    ytm-promoted-video-renderer
    ytm-media-item:not([use-vertical-layout]) {
    margin-top: 12px;
  }
}
@media (max-width: 299px) and (orientation: landscape),
  (max-width: 299px) and (orientation: portrait) {
  ytm-media-item {
    padding: 0 8px;
  }
  ytm-media-item .details {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  ytm-browse ytm-item-section-renderer:first-of-type ytm-media-item {
    margin-top: 8px;
  }
  lazy-list ytm-media-item {
    padding: 0 8px;
  }
  lazy-list .item ytm-media-item {
    margin-bottom: 0;
  }
  lazy-list ytm-media-item .media-item-thumbnail-container {
    padding: 0;
  }
  lazy-list ytm-media-item .media-item-metadata {
    margin-top: 0;
  }
  lazy-list ytm-media-item .details {
    margin-top: 12px;
    margin-bottom: 4px;
    padding-left: 0;
  }
  ytm-browse lazy-list ytm-media-item .details {
    margin-bottom: 0;
  }
  ytm-browse lazy-list ytm-item-section-renderer:first-of-type ytm-media-item {
    margin-top: 8px;
  }
  lazy-list ytm-media-item .video-thumbnail-container-large {
    margin: 0;
  }
  ytm-browse
    lazy-list
    ytm-item-section-renderer:first-of-type
    ytm-promoted-video-renderer
    ytm-media-item:not([use-vertical-layout]) {
    margin-top: 8px;
  }
}
@media (max-width: 299px) and (orientation: portrait) {
  lazy-list .item ytm-media-item {
    margin-top: 8px;
  }
}
@media (min-width: 300px) and (max-width: 330px) {
  lazy-list ytm-media-item {
    padding: 0 12px;
  }
  lazy-list ytm-media-item .media-item-thumbnail-container {
    padding: 0;
  }
  lazy-list ytm-media-item .video-thumbnail-container-large {
    margin: 0;
  }
  ytm-browse
    lazy-list
    ytm-item-section-renderer:first-of-type
    ytm-promoted-video-renderer
    ytm-media-item:not([use-vertical-layout]) {
    margin-top: 0;
  }
}
ytm-media-item.small-lockup {
  margin-right: 0;
  padding-left: 0;
  width: 160px;
}
ytm-media-item.small-lockup .media-item-headline {
  font-weight: 400;
}
.like-button-renderer [aria-pressed="true"] c3-icon {
  color: #065fd4;
}
.like-button-renderer [aria-pressed="true"] c3-icon path {
  fill: #3ea6ff;
  stroke: #fff;
  stroke-width: 1px;
}
ytm-menu-renderer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.bottom-sheet-media-menu-item ytm-menu-item {
  padding: 0;
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.bottom-sheet-media-menu-item .menu-item-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 0;
  margin-left: 12px;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.bottom-sheet-media-menu-item c3-icon {
  margin-right: 12px;
}
ytm-thumbnail-overlay-resume-playback-renderer {
  display: block;
  width: 100%;
  height: 4px;
  background-color: #909090;
  position: absolute;
  bottom: 0;
}
.thumbnail-overlay-resume-playback-progress {
  height: 4px;
  left: 0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(80%, #f03),
    to(#ff2791)
  );
  background: -webkit-linear-gradient(left, #f03 80%, #ff2791 100%);
  background: linear-gradient(to right, #f03 80%, #ff2791 100%);
}
ytm-video-with-context-renderer {
  display: block;
}
@media (max-width: 299px) and (orientation: landscape),
  (max-width: 299px) and (orientation: portrait) {
  ytm-video-with-context-renderer.feed-item {
    margin-bottom: 16px;
  }
}
@media (min-width: 300px) and (orientation: landscape),
  (min-width: 300px) and (orientation: portrait) {
  ytm-video-with-context-renderer.feed-item {
    margin-bottom: 24px;
  }
}
@media (max-width: 299px) and (orientation: landscape),
  (max-width: 299px) and (orientation: portrait) {
  ytm-video-with-context-renderer.adaptive-feed-item {
    margin-bottom: 16px;
  }
}
@media (min-width: 300px) and (orientation: landscape),
  (min-width: 300px) and (orientation: portrait) {
  ytm-video-with-context-renderer.adaptive-feed-item {
    margin-bottom: 24px;
  }
}
@media (min-aspect-ratio: 13/9) and (orientation: landscape),
  (min-width: 931px) and (orientation: landscape) {
  ytm-video-with-context-renderer.adaptive-feed-item {
    margin-bottom: 12px;
  }
}
lazy-list ytm-video-with-context-renderer.item {
  margin-top: 0;
}
ytm-thumbnail-overlay-icon-renderer {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
ytm-thumbnail-overlay-icon-renderer:not([icon-position="THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_POSITION_BOTTOM_LEFT_CORNER"]) {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background-color: rgba(0, 0, 0, 0.3);
}
ytm-thumbnail-overlay-icon-renderer[icon-position="THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_POSITION_BOTTOM_LEFT_CORNER"] {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 5px;
  padding: 1px;
  background-color: #fff;
  border-radius: 50%;
}
[icon-style="THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_STYLE_FILLED"] c3-icon {
  display: block;
  padding: 1px;
  width: 1.2rem;
  height: 1.2rem;
}
ytm-thumbnail-overlay-icon-renderer:not([icon-style="THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_STYLE_FILLED"])
  c3-icon {
  width: 2rem;
  height: 2rem;
}
ytm-thumbnail-overlay-icon-renderer[icon-style="THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_STYLE_FILLED"]
  c3-icon
  path {
  fill: #000;
}
ytm-thumbnail-overlay-icon-renderer:not([icon-style="THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_STYLE_FILLED"])
  c3-icon
  path {
  fill: #fff;
}
.videoThumbnailGroupOverlayBottomLeftRightGroup {
  width: 100%;
  bottom: 0;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.videoThumbnailGroupResumePlayback {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  order: 1;
}
.videoThumbnailGroupTimeStatus {
  right: 0;
  bottom: 0;
  position: absolute;
}
.videoThumbnailGroupOverlayLeftRightGroup {
  position: relative;
  width: 100%;
  bottom: 0;
  height: 100%;
}
.videoThumbnailGroupOverlayCenter {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.fullscreen-controls {
  --controls-height: 215px;
  --video-recommendations-peek-height: 36px;
  top: calc(100vh - var(--video-recommendations-peek-height));
  left: 0;
  right: 0;
  position: absolute;
  height: var(--controls-height);
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.fs-watch-system .fullscreen-controls {
  top: 100vh;
}
.fullscreen-controls-video-title {
  color: #fff;
}
.fullscreen-controls .large-media-item-headline {
  color: #fff;
  -webkit-line-clamp: 1;
}
.fullscreen-controls .large-media-item-info {
  margin-left: 0;
}
.fullscreen-controls .ytm-badge-and-byline-item-byline {
  color: #fff;
}
.fullscreen-controls.expanded {
  top: calc(100vh - var(--controls-height));
}
.fullscreen-recommendations-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.fullscreen-recommendations-wrapper::-webkit-scrollbar {
  display: none;
}
.fullscreen-buttons-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 44px;
}
.fullscreen-recommendation {
  width: 200px;
  min-width: 200px;
  margin: 0 8px;
}
.top-fullscreen-controls {
  padding: 12px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
}
.fullscreen-close-button-wrapper {
  margin-top: -8px;
  margin-left: auto;
}
.fullscreen-action-menu {
  position: absolute;
  bottom: 12px;
  height: 40px;
  left: 24px;
  right: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  z-index: 2;
}
.action-menu-engagement-buttons-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.action-menu-engagement-buttons-wrapper.delhi-player {
  border-radius: 48px;
  padding: 6px 0;
  background: rgba(0, 0, 0, 0.3);
  text-shadow: 0 0 2px #000;
}
.action-menu-engagement-buttons-wrapper.delhi-player button {
  text-shadow: 0 0 2px #000;
}
.action-menu-engagement-buttons-wrapper.delhi-player svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.8));
}
.fullscreen-recommendation,
.fullscreen-action-menu,
.fullscreen-action-menu .yt-core-attributed-string {
  color: #fff;
}
.fullscreen-watch-next-entrypoint-wrapper {
  margin-left: auto;
  height: 100%;
}
.fullscreen-more-videos-endpoint {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.stacked-videos-wrapper {
  position: relative;
  z-index: 2;
  width: 64px;
  height: 100%;
}
.stacked-video-preview {
  width: 64px;
  height: 36px;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  position: absolute;
  top: 0;
  background: black;
  border: 1px solid white;
  border-radius: 3px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stacked-video-preview .stacked-video-preview-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.stacked-video-preview:nth-child(1) {
  z-index: 3;
}
.stacked-video-preview:nth-child(2) {
  z-index: 2;
  -webkit-transform: translateY(-4px) scale(0.875);
  -ms-transform: translateY(-4px) scale(0.875);
  transform: translateY(-4px) scale(0.875);
}
.stacked-video-preview:nth-child(2) .stacked-video-preview-image {
  opacity: 0.75;
}
.stacked-video-preview:nth-child(3) {
  z-index: 1;
  -webkit-transform: translateY(-8px) scale(0.75);
  -ms-transform: translateY(-8px) scale(0.75);
  transform: translateY(-8px) scale(0.75);
}
.stacked-video-preview:nth-child(3) .stacked-video-preview-image {
  opacity: 0.5;
}
.more-videos-message {
  margin-right: 12px;
  text-align: right;
}
.more-videos-message-title {
  font-size: 12px;
  line-height: 16px;
}
.more-videos-message-subtitle {
  font-size: 10px;
  line-height: 14px;
  opacity: 0.7;
}
.quick-actions-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
}
.quick-actions-wrapper:not(.enable-rtl-mirroring) {
  margin-left: auto;
}
.quick-actions-wrapper.enable-rtl-mirroring {
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}
.quick-actions-bar-buttons-wrapper {
  padding-left: 12px;
}
.watch-on-youtube-button-wrapper {
  direction: ltr;
}
@media (max-height: 221px) {
  .watch-on-youtube-button-wrapper .yt-spec-button-shape-next {
    height: 40px;
    padding: 0 20px;
  }
}
.no-label-exp ytm-slim-metadata-toggle-button-renderer.circle-buttons,
.no-label-exp ytm-slim-metadata-button-renderer,
.no-label-exp > ytm-button-renderer.circle-buttons {
  margin-right: 8px;
}
[dir="rtl"]
  .no-label-exp
  ytm-slim-metadata-toggle-button-renderer.circle-buttons.like-button-no-label-exp {
  direction: rtl;
}
.no-label-exp:not(.delhi-player)
  ytm-slim-metadata-toggle-button-renderer.circle-buttons.like-button-no-label-exp {
  margin-right: -6px;
  margin-left: -13px;
}
@media (max-width: 549px) and (orientation: portrait) {
  .fs-watch-system:not(.fullscreen-controls-always-on) .fullscreen-controls,
  .fs-watch-system:not(.fullscreen-controls-always-on) .fullscreen-action-menu {
    display: none;
  }
}
.ytwPlayerFullscreenActionMenuHost {
  display: block;
}
.ytmFullscreenRelatedVideosEntryPointViewModelHost {
  display: block;
}
.ytmFullscreenRelatedVideosEntryPointViewModelButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 48px;
  border-radius: 24px;
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;
  color: #fff;
  border: none;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  background: rgba(0, 0, 0, 0.3);
  text-shadow: 0 0 2px #000;
}
.ytmFullscreenRelatedVideosEntryPointViewModelButton button {
  text-shadow: 0 0 2px #000;
}
.ytmFullscreenRelatedVideosEntryPointViewModelButton svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.8));
}
.ytmFullscreenRelatedVideosEntryPointViewModelThumbnailStack {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: -1px;
}
.ytmFullscreenRelatedVideosEntryPointViewModelHost:not(.ytmFullscreenRelatedVideosEntryPointViewModelTitleHidden)
  .ytmFullscreenRelatedVideosEntryPointViewModelThumbnailStack {
  margin-left: 8px;
}
.ytmFullscreenRelatedVideosEntryPointViewModelFadedThumbnail {
  height: 2px;
  margin-bottom: 1px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.ytmFullscreenRelatedVideosEntryPointViewModelSmallFadedThumbnail {
  width: 10px;
  background: rgba(255, 255, 255, 0.3);
}
.ytmFullscreenRelatedVideosEntryPointViewModelLargeFadedThumbnail {
  width: 20px;
  background: rgba(255, 255, 255, 0.7);
}
.ytmFullscreenRelatedVideosEntryPointViewModelThumbnailContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 36px;
  height: 20px;
  border: 2px solid white;
  border-radius: 8px;
  overflow: hidden;
}
.ytmFullscreenRelatedVideosEntryPointViewModelThumbnail {
  display: block;
}
.ytmSlimMetadataButtonRendererHost {
  margin-right: 12px;
}
ytm-slim-metadata-toggle-button-renderer.circle-buttons {
  margin-right: 12px;
}
ytm-slim-metadata-toggle-button-renderer.circle-buttons .button-renderer-text {
  display: none;
}
ytm-slim-metadata-toggle-button-renderer.circle-buttons .button-renderer {
  width: 40px;
  height: 40px;
  min-width: auto;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  margin: 0;
}
ytm-slim-metadata-toggle-button-renderer.circle-buttons
  .c3-material-button-button {
  padding: 0;
}
ytm-slim-metadata-toggle-button-renderer.circle-buttons .button-renderer-icon {
  width: 20px;
  height: 20px;
}
.player-controls-hide {
  display: none;
}
.ytwPlayerFullscreenControlsHost {
  display: block;
}
.ytwPlayerFullscreenTopControlsHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.ytmPaidContentOverlayHost {
  color: #fff;
  -webkit-animation: fade 3s ease-in 20s forwards;
  animation: fade 3s ease-in 20s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  padding: 12px 0 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.ytmPaidContentOverlayHidden {
  display: none;
}
.ytmPaidContentOverlayLink {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-left: 4px solid #3ea6ff;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  max-width: 312px;
  padding: 8px;
  text-decoration: none;
}
.ytmPaidContentOverlayText {
  font-size: 1.3rem;
  padding-left: 8px;
}
@-webkit-keyframes fade {
  to {
    opacity: 0;
  }
}
@keyframes fade {
  to {
    opacity: 0;
    pointer-events: none;
  }
}
.ytwPlayerBottomControlsHost {
  display: block;
}
.ytwPlayerBottomControlsFullscreenButtonWrapper {
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}
.ytwPlayerTimeDisplayHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-left: 16px;
  color: #fff;
  font-weight: 500;
  overflow: hidden;
}
.ytwPlayerTimeDisplayLiveDot::before {
  content: "";
  display: block;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  margin-right: 4px;
  background-color: #fff;
  opacity: 0.7;
}
.ytwPlayerTimeDisplayLiveDot.ytwPlayerTimeDisplayLiveHead::before {
  background-color: rgba(225, 0, 45, 0.9);
  opacity: 1;
}
.ytwPlayerTimeDisplayTimeDelimiter {
  color: #fff;
  margin: 0 4px;
  opacity: 0.7;
}
.ytwPlayerTimeDisplayTimeSecond {
  opacity: 0.7;
}
.ytwPlayerTimeDisplayChapterButton {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ytwPlayerTimeDisplayChapterText {
  margin-left: 8px;
}
.ytwPlayerTimeDisplayPlayerBarActionContainer.ytwPlayerTimeDisplayPill {
  margin: 0 0 0 8px;
  padding-right: 0;
  font-size: 1.2rem;
}
.ytwPlayerTimeDisplayDelhi .ytwPlayerTimeDisplayPlayerBarActionContainer {
  max-width: 240px;
}
.ytwPlayerTimeDisplayPlayerBarButton.ytwPlayerTimeDisplayPlayerBarButton {
  overflow: hidden;
  padding: 0;
}
.ytwPlayerTimeDisplayChevron {
  color: #fff;
}
.ytwPlayerTimeDisplayPill {
  height: 24px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  padding: 0 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytwPlayerTimeDisplayDelhi .ytwPlayerTimeDisplayPill {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 6px;
  border-radius: 16px;
  font-size: 1.4rem;
  background: rgba(0, 0, 0, 0.3);
  text-shadow: 0 0 2px #000;
}
.ytwPlayerTimeDisplayDelhi .ytwPlayerTimeDisplayPill button {
  text-shadow: 0 0 2px #000;
}
.ytwPlayerTimeDisplayDelhi .ytwPlayerTimeDisplayPill svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.8));
}
.ytwPlayerTimeDisplayDelhi .ytwPlayerTimeDisplayChevron {
  margin-right: -4px;
  height: 16px;
  width: 16px;
}
.player-controls-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: absolute;
  bottom: 30px;
  z-index: 2;
  height: 44px;
}
.player-controls-bottom.player-controls-bottom-left {
  /*! rtl:ignore */
  left: 12px;
  /*! rtl:ignore */
  right: 56px;
}
.player-controls-bottom.player-controls-bottom-left.player-controls-bottom-mirror-rtl {
  left: 12px;
  right: 56px;
}
.player-controls-bottom.player-controls-bottom-right {
  /*! rtl:ignore */
  left: unset;
  /*! rtl:ignore */
  right: 12px;
}
.player-controls-bottom.player-controls-bottom-right.player-controls-bottom-mirror-rtl {
  left: unset;
  right: 12px;
}
.player-controls-bottom .icon-button {
  height: 44px;
  width: 44px;
  padding: 8px;
  display: block;
}
.delhi-player .player-controls-bottom .fullscreen-icon {
  background: rgba(0, 0, 0, 0.3);
  text-shadow: 0 0 2px #000;
  border-radius: 50%;
  height: 36px;
  width: 36px;
  padding: 6px;
}
.delhi-player .player-controls-bottom .fullscreen-icon button {
  text-shadow: 0 0 2px #000;
}
.delhi-player .player-controls-bottom .fullscreen-icon svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.8));
}
.delhi-player .player-controls-bottom.player-controls-bottom-left {
  /*! rtl:ignore */
  right: 78px;
}
.delhi-player
  .player-controls-bottom.player-controls-bottom-left.player-controls-bottom-mirror-rtl {
  right: 78px;
}
.delhi-player .player-controls-bottom.player-controls-bottom-right {
  /*! rtl:ignore */
  left: unset;
  /*! rtl:ignore */
  right: 30px;
}
.delhi-player
  .player-controls-bottom.player-controls-bottom-right.player-controls-bottom-mirror-rtl {
  left: unset;
  right: 30px;
}
body[faux-fullscreen="true"] .player-controls-bottom {
  bottom: 44px;
}
body[faux-fullscreen="true"]
  .enable-fullscreen-controls
  .player-controls-bottom {
  bottom: 74px;
}
body[faux-fullscreen="true"]
  .enable-fullscreen-controls.fs-watch-system
  .player-controls-bottom {
  bottom: 94px;
}
.fp .player-controls-bottom {
  bottom: 0;
}
.fp .player-controls-bottom.player-controls-bottom-left {
  /*! rtl:ignore */
  left: 0;
  /*! rtl:ignore */
  right: 44px;
}
.fp
  .player-controls-bottom.player-controls-bottom-left.player-controls-bottom-mirror-rtl {
  left: 0;
  right: 44px;
}
.fp .player-controls-bottom.player-controls-bottom-right {
  /*! rtl:ignore */
  left: unset;
  /*! rtl:ignore */
  right: 0;
}
.fp
  .player-controls-bottom.player-controls-bottom-right.player-controls-bottom-mirror-rtl {
  left: unset;
  right: 0;
}
.fp .fullscreen-icon {
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
}
.ytwPlayerMiddleControlsHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
ytm-custom-control .player-controls-middle {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 6;
}
ytm-custom-control .player-controls-middle.prevent-controls-collision {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
ytm-custom-control .player-controls-middle .icon-button {
  height: 48px;
  width: 48px;
  padding: 6px;
  border-radius: 24px;
  background-color: rgba(0, 0, 0, 0.3);
}
ytm-custom-control .player-controls-middle .icon-button > c3-icon {
  height: 32px;
  width: 32px;
}
ytm-custom-control .player-controls-middle.delhi-player .icon-button {
  height: 36px;
  width: 36px;
  padding: 6px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  text-shadow: 0 0 2px #000;
}
ytm-custom-control .player-controls-middle.delhi-player .icon-button button {
  text-shadow: 0 0 2px #000;
}
ytm-custom-control .player-controls-middle.delhi-player .icon-button svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.8));
}
ytm-custom-control .player-controls-middle.delhi-player .icon-button > c3-icon {
  height: 24px;
  width: 24px;
}
ytm-custom-control
  .player-controls-middle
  .icon-button.endscreen-replay-button {
  height: auto;
  width: auto;
  border-radius: 56px;
}
ytm-custom-control
  .player-controls-middle
  .icon-button.endscreen-replay-button
  > c3-icon {
  height: 40px;
  width: 40px;
  padding: 8px;
}
ytm-custom-control
  .player-controls-middle
  .player-control-play-pause-icon.icon-button {
  height: 56px;
  width: 56px;
  border-radius: 56px;
  padding: 0;
}
ytm-custom-control
  .player-controls-middle
  .player-control-play-pause-icon.icon-button
  > c3-icon {
  height: 40px;
  width: 40px;
  padding: 8px;
}
ytm-custom-control
  .player-controls-middle.delhi-player
  .player-control-play-pause-icon.icon-button {
  height: 56px;
  width: 56px;
  padding: 10px;
  border-radius: 50%;
}
ytm-custom-control
  .player-controls-middle.delhi-player
  .player-control-play-pause-icon.icon-button
  > c3-icon {
  height: 36px;
  width: 36px;
  padding: unset;
}
ytm-custom-control .player-controls-middle .player-control-play-pause-icon,
ytm-custom-control
  .player-controls-middle
  .endscreen-replay-button.icon-button {
  margin: 0 40px;
}
ytm-custom-control
  .player-controls-middle
  .screenreader-safe-hide-middle-buttons {
  pointer-events: none;
  opacity: 0;
}
ytm-custom-control .player-controls-middle .player-controls-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
[dir="rtl"]
  ytm-custom-control
  .player-controls-middle:not(.prevent-controls-collision) {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
ytm-custom-control
  .player-controls-middle
  .player-controls-middle-core-buttons {
  direction: ltr;
}
@media (min-width: 550px) and (orientation: portrait),
  (min-width: 931px) and (orientation: landscape) {
  ytm-custom-control .player-controls-middle .player-control-play-pause-icon {
    margin: 0 80px;
  }
  ytm-custom-control
    .player-controls-middle
    .player-control-play-pause-icon.icon-button,
  ytm-custom-control
    .player-controls-middle
    .player-control-play-pause-icon.icon-button
    > c3-icon {
    height: 64px;
    width: 64px;
    padding: 0;
  }
}
@media (max-width: 299px) and (orientation: landscape),
  (max-width: 299px) and (orientation: portrait) {
  ytm-custom-control .player-controls-middle {
    margin-top: -6px;
  }
  ytm-custom-control
    .player-controls-middle
    .player-control-play-pause-icon.icon-button {
    margin: 0 12px;
    padding: 0;
  }
  ytm-custom-control
    .player-controls-middle
    .player-control-play-pause-icon.icon-button
    > c3-icon {
    width: 40px;
    height: 40px;
  }
}
.ytmVideoInfoHost {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
  min-width: 0;
}
.ytmVideoInfoVideoDetailsContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding-left: 12px;
  min-height: 5.2rem;
}
.ytmVideoInfoVideoTitle {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  display: block;
  max-width: 100%;
  padding-top: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
  -webkit-mask-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(95%, #fff),
    to(rgba(0, 0, 0, 0))
  );
  -webkit-mask-image: -webkit-linear-gradient(left, #fff 95%, rgba(0, 0, 0, 0));
  mask-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(95%, #fff),
    to(rgba(0, 0, 0, 0))
  );
  mask-image: linear-gradient(to right, #fff 95%, rgba(0, 0, 0, 0));
}
@media (max-width: 527.9px) {
  .ytmVideoInfoVideoTitle {
    font-family: "Roboto", "Arial", sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 700;
  }
}
[dir="rtl"] .ytmVideoInfoVideoTitle {
  -webkit-mask-image: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(95%, #fff),
    to(rgba(0, 0, 0, 0))
  );
  -webkit-mask-image: -webkit-linear-gradient(
    right,
    #fff 95%,
    rgba(0, 0, 0, 0)
  );
  mask-image: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(95%, #fff),
    to(rgba(0, 0, 0, 0))
  );
  mask-image: linear-gradient(to left, #fff 95%, rgba(0, 0, 0, 0));
}
.ytmVideoInfoChannelTitle {
  max-width: 100%;
  font-size: 1.2rem;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
  opacity: 1;
  line-height: 1.1;
}
.ytmVideoInfoVideoTitleContainer {
  padding-left: 16px;
  min-height: 36px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
  color: #fff;
  margin-right: 12px;
}
.enable-rtl-mirroring .ytmVideoInfoVideoTitleContainer {
  padding-left: 0;
  -webkit-padding-start: 16px;
  padding-inline-start: 16px;
}
.ytmVideoInfoLogoEnabled {
  padding-left: 52px;
}
.enable-rtl-mirroring .ytmVideoInfoLogoEnabled {
  padding-left: 0;
  -webkit-padding-start: 52px;
  padding-inline-start: 52px;
}
.ytmVideoInfoChannelLogo {
  width: 36px;
  height: 36px;
  display: block;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 12px;
  margin-top: 8px;
  border-radius: 50%;
  z-index: 7;
  position: absolute;
  top: 0;
}
.ytmVideoInfoChannelContainer {
  height: 5.2rem;
  position: absolute;
  left: 0;
  min-width: 52px;
  max-width: calc(100% - 12px);
  margin: 4px;
  margin-top: 8px;
  overflow: hidden;
}
[dir="rtl"] .ytmVideoInfoChannelContainer {
  left: auto;
  right: 0;
}
.ytmVideoInfoOverlay {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.8);
  margin-left: 4px;
  height: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.05, 0, 0, 1);
  transition-timing-function: cubic-bezier(0.05, 0, 0, 1);
  opacity: 0;
  max-width: 0;
  padding-left: 52px;
  padding-right: 10px;
  z-index: 5;
  position: relative;
}
.enable-rtl-mirroring .ytmVideoInfoOverlay {
  padding-left: 0;
  padding-right: 0;
  padding-inline: 52px 10px;
}
.ytmVideoInfoExpanded {
  opacity: 1;
  max-width: 100%;
}
.ytmVideoInfoChannelInfo {
  display: block;
  padding-right: 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-align-self: center;
  align-self: center;
  max-width: 100%;
}
.ytmVideoInfoFlyoutChannelTitle {
  font-size: 1.4rem;
  color: #fff;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
  margin-bottom: 2px;
  -webkit-align-self: center;
  align-self: center;
}
.ytmVideoInfoFlyoutChannelSubtitle {
  font-size: 1.2rem;
  color: #fff;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
}
.ytmVideoInfoSubscribeButton {
  -webkit-align-self: center;
  align-self: center;
}
.ytmVideoInfoSubscribeButton .is-subscribed .yt-core-attributed-string {
  color: rgba(255, 255, 255, 0.7);
}
.ytmVideoInfoSubscribeButton .subscribe-button-count,
.ytmVideoInfoHide {
  display: none;
}
.ytmVideoInfoLink:hover {
  cursor: pointer;
}
.ytmVideoInfoChannelAvatar {
  display: block;
  position: absolute;
  width: 48px;
  height: 48px;
}
.ytmMuteButtonHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  width: 48px;
  height: 48px;
}
.ytmMuteButtonButton {
  cursor: pointer;
  width: 48px;
  height: 48px;
  padding: 12px;
  border: none;
  outline: none;
  font: inherit;
  text-transform: inherit;
  color: inherit;
  background: transparent;
}
.ytwPlayerAutonavToggleHost {
  display: block;
}
.ytwPlayerAutonavToggleHost .play-icon {
  color: #fff;
}
.ytm-autonav-toggle-button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  width: 48px;
  height: 48px;
}
.ytm-autonav-toggle-button-container .spanner-icon-off,
.ytm-autonav-toggle-button-container .spanner-icon-on {
  width: 36px;
  height: 14px;
  position: relative;
}
.ytm-autonav-toggle-button-container .spanner-icon-on svg,
.ytm-autonav-toggle-button-container .spanner-icon-off svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 14px;
}
.ytm-autonav-toggle-button-container .play-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 22px;
  width: 20px;
  height: 20px;
}
.ytm-autonav-toggle-button-container .pause-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 6px;
  width: 20px;
  height: 20px;
}
[dir="rtl"] .ytm-autonav-toggle-button-container .play-icon {
  left: 6px;
}
[dir="rtl"] .ytm-autonav-toggle-button-container .pause-icon {
  left: 22px;
}
ytm-custom-control .icon-button {
  height: 48px;
  width: 48px;
  padding: 12px;
}
@media (max-width: 299px) and (orientation: landscape),
  (max-width: 299px) and (orientation: portrait) {
  ytm-custom-control .icon-button:not(.player-settings-icon) {
    height: 40px;
    width: 40px;
    padding: 8px;
  }
  ytm-custom-control .icon-button:not(.player-settings-icon) > c3-icon {
    height: 24px;
    width: 24px;
  }
}
ytm-custom-control .autonav-user-education-container {
  position: absolute;
  top: 25%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
}
.intercept-element-clicks .player-controls-bottom,
.intercept-element-clicks .player-controls-middle,
.intercept-element-clicks .player-controls-top,
.intercept-element-clicks .watch-page-progress-bar {
  pointer-events: none;
}
ytm-custom-control .player-controls-bottom .icon-button > c3-icon svg path,
ytm-custom-control .player-controls-middle .icon-button > c3-icon svg path,
ytm-custom-control .player-controls-top .icon-button > c3-icon svg path,
ytm-custom-control .player-controls-pb .icon-button > c3-icon,
ytm-custom-control
  .player-controls-top
  ytm-closed-captioning-button
  button[aria-pressed="true"]
  > c3-icon
  svg
  path,
ytm-custom-control
  .player-controls-top
  ytm-closed-captioning-button
  button[aria-pressed="false"]
  > c3-icon
  svg
  path,
ytm-custom-control .fine-scrubbing-overlay .icon-button > c3-icon svg path {
  fill: #fff;
}
ytm-custom-control
  .player-controls-top
  ytm-closed-captioning-button
  button
  > c3-icon
  svg
  path,
ytm-custom-control
  .player-controls-middle
  .icon-button.icon-disable
  > c3-icon
  svg
  path {
  fill: rgba(255, 255, 255, 0.7);
}
ytm-custom-control .player-controls-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
ytm-custom-control .player-controls-top.delhi-player {
  right: 24px;
}
ytm-custom-control .player-controls-top-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
[dir="rtl"] ytm-custom-control .player-controls-top,
[dir="rtl"] ytm-custom-control .player-controls-background {
  direction: rtl;
}
body[faux-fullscreen="true"] ytm-custom-control .player-controls-top {
  top: env(safe-area-inset-top);
}
ytm-custom-control c3-overlay {
  visibility: visible;
}
#player-control-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  touch-action: manipulation;
}
#player-control-overlay .player-controls-content {
  height: 100%;
  overflow: hidden;
  visibility: hidden;
}
#player-control-overlay.use-opacity .player-controls-content {
  opacity: 0;
  visibility: unset;
}
#player-control-overlay .player-controls-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0);
}
#player-control-overlay.delhi-player .player-controls-background {
  opacity: 0;
}
#player-control-overlay.delhi-player
  .player-controls-background:not(.fullscreen-recs-expanded) {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.6)),
    color-stop(25%, rgba(0, 0, 0, 0.54)),
    color-stop(50%, rgba(0, 0, 0, 0.36)),
    color-stop(75%, rgba(0, 0, 0, 0.18)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.6) 0,
    rgba(0, 0, 0, 0.54) 25%,
    rgba(0, 0, 0, 0.36) 50%,
    rgba(0, 0, 0, 0.18) 75%,
    rgba(0, 0, 0, 0) 100%
  );
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.6) 0,
    rgba(0, 0, 0, 0.54) 25%,
    rgba(0, 0, 0, 0.36) 50%,
    rgba(0, 0, 0, 0.18) 75%,
    rgba(0, 0, 0, 0) 100%
  );
  -webkit-background-size: 1px 50%;
  background-size: 1px 50%;
  background-repeat: repeat-x;
}
#player-control-overlay.delhi-player
  .player-controls-background.fullscreen-recs-expanded {
  background-color: rgba(0, 0, 0, 0.6);
}
#player-control-overlay .player-controls-background-container {
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  visibility: visible;
}
#player-control-overlay .player-controls-background-action-items {
  position: absolute;
  z-index: 0;
}
#player-control-overlay.animation-enabled {
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
  -webkit-transition-property: all;
  transition-property: all;
}
#player-control-overlay.animation-enabled .player-controls-background {
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
#player-control-overlay.animation-enabled.delhi-player
  .player-controls-background {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#player-control-overlay.pointer-events-off {
  pointer-events: none;
}
#player-control-overlay.fadein {
  pointer-events: auto;
}
#player-control-overlay.fadein .player-controls-background {
  z-index: 2;
}
#player-control-overlay.fadein .player-controls-content {
  visibility: visible;
}
#player-control-overlay.fadein.background-hidden:not(.delhi-player)
  .player-controls-background {
  background: rgba(0, 0, 0, 0);
}
#player-control-overlay.fadein:not(.delhi-player) .player-controls-background {
  background: rgba(0, 0, 0, 0.6);
}
#player-control-overlay.fadein.delhi-player .player-controls-background {
  opacity: 1;
}
#player-control-overlay.fadein.use-opacity .player-controls-content {
  opacity: 1;
  visibility: unset;
}
#player-control-overlay.hidden {
  display: none;
}
#player-control-overlay.loading {
  background-color: #000;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
body[faux-fullscreen="true"] .watch-page-progress-bar {
  left: 24px;
  right: 24px;
}
body[faux-fullscreen="true"]
  .enable-fullscreen-controls
  .watch-page-progress-bar {
  bottom: 30px;
}
body[faux-fullscreen="true"]
  .enable-fullscreen-controls.fs-watch-system
  .watch-page-progress-bar {
  bottom: 50px;
}
.fullscreen-controls-always-on .watch-page-progress-bar {
  bottom: 52px;
}
.fullscreen-controls-always-on .player-controls-bottom {
  bottom: 82px;
}
.fullscreen-controls-always-on .fullscreen-action-menu {
  left: 12px;
  right: 12px;
}
@media (max-height: 221px) {
  .fullscreen-controls-always-on .watch-page-progress-bar {
    bottom: 32px;
    z-index: 3;
    height: 40px;
    left: 12px;
    right: 12px;
  }
  .fullscreen-controls-always-on
    .watch-page-progress-bar
    .ytPlayerProgressBarDragContainer {
    -webkit-box-align: end;
    -webkit-align-items: end;
    align-items: end;
  }
  .fullscreen-controls-always-on
    .watch-page-progress-bar
    .ytPlayerProgressBarProgressBar {
    padding-bottom: 12px;
  }
  .fullscreen-controls-always-on .player-controls-bottom {
    bottom: 58px;
  }
  .fullscreen-controls-always-on
    .player-controls-bottom.player-controls-bottom-left {
    /*! rtl:ignore */
    left: 0;
    /*! rtl:ignore */
    right: 44px;
  }
  .fullscreen-controls-always-on
    .player-controls-bottom.player-controls-bottom-left.player-controls-bottom-mirror-rtl {
    left: 0;
    right: 44px;
  }
  .fullscreen-controls-always-on
    .player-controls-bottom.player-controls-bottom-right {
    /*! rtl:ignore */
    left: unset;
    /*! rtl:ignore */
    right: 0;
    z-index: 4;
  }
  .fullscreen-controls-always-on
    .player-controls-bottom.player-controls-bottom-right.player-controls-bottom-mirror-rtl {
    left: unset;
    right: 0;
  }
  .fullscreen-controls-always-on .fullscreen-action-menu {
    left: 2px;
    right: 2px;
    bottom: 2px;
  }
  .fullscreen-controls-always-on .fullscreen-more-videos-endpoint {
    margin-top: 12px;
  }
  .fullscreen-controls-always-on .stacked-videos-wrapper,
  .fullscreen-controls-always-on .stacked-video-preview {
    width: 42px;
    height: 24px;
  }
  .fullscreen-controls-always-on .player-time-chapter-title {
    display: none;
  }
}
.ytwPlayerTopControlsHost {
  display: block;
}
.ytwPlayerTopControlsPlayerControlsTopRight {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.ytwPlayerTopControlsContainerWithEmbeddedVideoDetails {
  width: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
@media (max-aspect-ratio: 3/4) {
  .ytwPlayerTopControlsContainerWithEmbeddedVideoDetails {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media (max-aspect-ratio: 3/4) {
  .ytwPlayerTopControlsContainerWithEmbeddedVideoDetailsPlayerControlsTopRight {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}
.ytwAutonavTooltipHost {
  display: block;
}
.ytwDoubleTapToSeekTooltipHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.tooltip-wrapper {
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-top: 16px;
}
.modern-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 6;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 7px 16px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tooltip-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 8px;
  position: absolute;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tooltip-wrapper:empty {
  display: none;
}
.player-controls-top-tooltip {
  color: #fff;
  position: relative;
  left: 0;
  right: 0;
}
.player-controls-top-tooltip-label {
  text-align: justify;
}
.player-controls-top-tooltip-label.player-controls-top-tooltip-contains-icon {
  padding: 0 12px;
}
[dir="rtl"] .player-controls-top-tooltip-label {
  direction: rtl;
}
.player-controls-top-tooltip-icon {
  margin-left: 4px;
}
.ytwPlayerUserEduTooltipHost {
  display: block;
}
.ytwSpeedmasterTooltipHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.ytChapteredProgressBarHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  width: 100%;
  height: 3px;
}
.ytChapteredProgressBarChapteredPlayerBarChapter {
  height: 3px;
  margin: 0 1px;
  position: relative;
}
.ytChapteredProgressBarChapteredPlayerBarChapterSeen {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(80%, #f03),
    to(#ff2791)
  );
  background: -webkit-linear-gradient(left, #f03 80%, #ff2791 100%);
  background: linear-gradient(to right, #f03 80%, #ff2791 100%);
}
.ytChapteredProgressBarChapteredPlayerBarChapterIsScrubbing {
  margin: 0 2px;
}
.ytChapteredProgressBarChapteredPlayerBarChapter:first-of-type {
  margin-left: 0;
}
.ytChapteredProgressBarChapteredPlayerBarChapter:last-of-type {
  margin-right: 0;
}
.ytChapteredProgressBarChapteredPlayerBarFill {
  height: 3px;
  position: absolute;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(80%, #f03),
    to(#ff2791)
  );
  background: -webkit-linear-gradient(left, #f03 80%, #ff2791 100%);
  background: linear-gradient(to right, #f03 80%, #ff2791 100%);
}
.ytChapteredProgressBarChapteredPlayerBarLoaded {
  background: rgba(255, 255, 255, 0.3);
  height: 3px;
  position: absolute;
}
.ytChapteredProgressBarHoveredMacroMarker {
  -webkit-transform: scaleY(2);
  -ms-transform: scaleY(2);
  transform: scaleY(2);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
.ytHeatSeekerHost {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.5px;
  fill: rgba(255, 255, 255, 0.4);
}
.ytHeatSeekerHighContrast {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0)),
    color-stop(90%),
    to(rgba(0, 0, 0, 0.6))
  );
  background: -webkit-linear-gradient(
    rgba(0, 0, 0, 0),
    90%,
    rgba(0, 0, 0, 0.6)
  );
  background: linear-gradient(rgba(0, 0, 0, 0), 90%, rgba(0, 0, 0, 0.6));
  fill: rgba(255, 255, 255, 0.5);
}
.ytProgressBarLineHost {
  display: block;
  position: absolute;
  width: 100%;
}
.ytProgressBarLineProgressBarLine {
  position: relative;
  height: 3px;
  width: 100%;
}
.ytProgressBarLineProgressBarLineRounded {
  border-radius: 1.5px;
  overflow: hidden;
}
.ytProgressBarLineProgressBarLineBottomInset {
  height: 5px;
  border-radius: 2.5px;
  overflow: hidden;
}
.ytProgressBarLineProgressBarBackground {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0.3;
  width: 100%;
}
.ytProgressBarLineProgressBarLoaded {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0.6;
}
.ytProgressBarLineProgressBarHovered {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0.7;
}
.ytProgressBarLineProgressBarPlayed {
  position: absolute;
  top: 0;
  bottom: 0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(80%, #f03),
    to(#ff2791)
  );
  background: -webkit-linear-gradient(left, #f03 80%, #ff2791 100%);
  background: linear-gradient(to right, #f03 80%, #ff2791 100%);
}
.ytProgressBarPlayheadHost {
  display: block;
  position: absolute;
}
.ytProgressBarPlayheadProgressBarPlayheadDot {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #f03;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.1s ease;
  transition: -webkit-transform 0.1s ease;
  transition: transform 0.1s ease;
  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}
.ytProgressBarPlayheadProgressBarPlayheadDotLarge {
  height: 16px;
  width: 16px;
}
.ytProgressBarPlayheadProgressBarPlayheadDotHide {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.ytProgressBarPlayheadProgressBarPlayheadCustom {
  height: 20px;
  width: 20px;
}
.ytProgressBarPlayheadProgressBarPlayheadCustomLarge {
  height: 24px;
  width: 24px;
}
.ytProgressBarPlayheadProgressBarPlayheadCustomHide {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.ytPlayerProgressBarHost {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  direction: ltr;
}
.ytPlayerProgressBarHostReadOnly {
  pointer-events: none;
}
.ytPlayerProgressBarHostHidden {
  opacity: 0;
}
.ytPlayerProgressBarHostLowerPlayer {
  bottom: 0;
  left: 30px;
  right: 30px;
  height: 44px;
}
.ytPlayerProgressBarHostBottomEdge {
  height: 28px;
  left: 0;
  right: 0;
  bottom: -7px;
}
.ytPlayerProgressBarHostBottomInset {
  height: 28px;
  bottom: 0;
  left: 0;
  right: 0;
}
.ytPlayerProgressBarHostCustom {
  position: relative;
}
.ytPlayerProgressBarBackground {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0)),
    to(rgba(0, 0, 0, 0.5))
  );
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  opacity: 1;
  -webkit-transition: opacity 0.1s cubic-bezier(0.2, 0, 0.6, 1);
  transition: opacity 0.1s cubic-bezier(0.2, 0, 0.6, 1);
}
.ytPlayerProgressBarBackgroundHide {
  opacity: 0;
}
.ytPlayerProgressBarDragContainer {
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.ytPlayerProgressBarDragContainerBottomEdge {
  height: 0;
  padding: 19.5px 0 8.5px;
}
.ytPlayerProgressBarProgressBar {
  width: 100%;
  overflow: visible;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytPlayerProgressBarProgressBarInset {
  padding: 16px 0 12px;
  width: calc(100% - 24px);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: width 0.1s cubic-bezier(0.05, 0, 0, 1),
    -webkit-transform 0.1s cubic-bezier(0.05, 0, 0, 1);
  transition: width 0.1s cubic-bezier(0.05, 0, 0, 1),
    -webkit-transform 0.1s cubic-bezier(0.05, 0, 0, 1);
  transition: width 0.1s cubic-bezier(0.05, 0, 0, 1),
    transform 0.1s cubic-bezier(0.05, 0, 0, 1);
  transition: width 0.1s cubic-bezier(0.05, 0, 0, 1),
    transform 0.1s cubic-bezier(0.05, 0, 0, 1),
    -webkit-transform 0.1s cubic-bezier(0.05, 0, 0, 1);
}
.ytPlayerProgressBarProgressBarInsetMinimized {
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
  -webkit-transform: translateY(12px);
  -ms-transform: translateY(12px);
  transform: translateY(12px);
}
.ytmVideoCoverHost {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.ytmVideoCoverHost.ended {
  z-index: 0;
}
.ytmVideoCoverHost.hidden {
  visibility: hidden;
  opacity: 0;
}
.ytmVideoCoverThumbnail {
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.ytmMutedAutoplayOverlayHost {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.ytmMutedAutoplayOverlayBrandingIcon {
  position: absolute;
  bottom: 6px;
  right: 12px;
  color: #fff;
}
[dir="rtl"] .ytmMutedAutoplayOverlayBrandingIcon {
  left: 12px;
  right: auto;
}
.ytmMutedAutoplayOverlayBackground {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.ytmMutedAutoplayOverlayActionMenu {
  opacity: 1;
  visibility: visible;
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
  -webkit-transition-property: all;
  transition-property: all;
}
.ytmMutedAutoplayOverlayActionMenu.hidden {
  opacity: 0;
  visibility: hidden;
}
.ytmMutedAutoplayOverlayEqualizer {
  position: absolute;
  bottom: 15px;
  right: 12px;
}
[dir="rtl"] .ytmMutedAutoplayOverlayEqualizer {
  left: 12px;
  right: auto;
}
@-webkit-keyframes ytm-equalizer-animation {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes ytm-equalizer-animation {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
.ytmMutedAutoplayOverlayEqualizer .ytm-equalizer-bar-left,
.ytmMutedAutoplayOverlayEqualizer .ytm-equalizer-bar-middle,
.ytmMutedAutoplayOverlayEqualizer .ytm-equalizer-bar-right {
  position: absolute;
  bottom: 0;
  -ms-transform-origin: 8px 16px;
  transform-origin: 8px 16px;
  -webkit-transform-origin: 8px 16px;
  -webkit-animation-name: ytm-equalizer-animation;
  animation-name: ytm-equalizer-animation;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.ytmMutedAutoplayOverlayEqualizer .ytm-equalizer-bar-left {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.ytmMutedAutoplayOverlayEqualizer .ytm-equalizer-bar-middle {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
}
.ytmMutedAutoplayOverlayEqualizer .ytm-equalizer-bar-right {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}
.ytmWatchPlayerControlsHost {
  display: block;
}
.ytwPlayerSeekOverlayHost {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  pointer-events: none;
  direction: ltr;
}
.ytwPlayerSeekOverlayAnimation {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  opacity: 0;
}
.ytwPlayerSeekOverlayAnimationBack {
  left: 48px;
}
.ytwPlayerSeekOverlayAnimationForward {
  right: 48px;
}
.ytwPlayerSeekOverlayDuration {
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700;
}
@media (max-width: 527.9px) {
  .ytwPlayerSeekOverlayDuration {
    font-family: "Roboto", "Arial", sans-serif;
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 700;
  }
}
.ytwPlayerSeekOverlayAnimationBack .ytwPlayerSeekOverlayArrow {
  margin-right: 20px;
}
.ytwPlayerSeekOverlayAnimationForward .ytwPlayerSeekOverlayArrow {
  margin-left: 20px;
}
.ytwPlayerSeekOverlayArrow .ytwPlayerSeekOverlayArrowSvg {
  display: block;
}
.ytwPlayerSeekOverlayArrow .ytwPlayerSeekOverlayArrowPath {
  -webkit-filter: drop-shadow(0 0 0.5px rgba(0, 0, 0, 0.8));
  filter: drop-shadow(0 0 0.5px rgba(0, 0, 0, 0.8));
}
.ytwPlayerSeekOverlayArrowPersistent {
  position: relative;
  z-index: 1;
}
.ytwPlayerSeekOverlayArrowAdditional {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
.ytwPlayerSeekOverlayAnimationBack .ytwPlayerSeekOverlayArrowAdditional {
  left: 0;
}
.ytwPlayerSeekOverlayAnimationForward .ytwPlayerSeekOverlayArrowAdditional {
  right: 0;
}
.ytwPivotButtonViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
}
.ytwPivotButtonViewModelHostImage {
  border-radius: 6px;
  width: 40px;
  height: 40px;
  display: block;
}
.ytwPivotButtonViewModelHostIcon {
  border: 1px solid #fff;
  border-radius: 6px;
  padding: 6px;
}
.ytwPivotButtonViewModelHost[data-background-color="THEME_ATTRIBUTE_OVERLAY_BACKGROUND_MEDIUM"]
  .ytwPivotButtonViewModelHostIcon {
  background-color: rgba(0, 0, 0, 0.6);
}
.ytwReelActionBarViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.ytwReelActionBarViewModelHost > * {
  margin-top: 16px;
}
@media (max-height: 411px) and (orientation: landscape) {
  .ytwReelActionBarViewModelHost > * {
    margin-top: 0;
  }
  .ytwReelActionBarViewModelHost .yt-spec-button-shape-with-label__label {
    display: none;
  }
}
.ytwPlayerDisclosureViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.ytwPlayerDisclosureViewModelEndpoint {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-width: 516px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  border-left: 4px solid #3ea6ff;
  padding: 6px 0 6px 6px;
  text-decoration: none;
}
.ytwPlayerDisclosureViewModelExtractOverlay
  .ytwPlayerDisclosureViewModelEndpoint {
  color: var(--reel-metadata-color);
  background-color: rgba(0, 0, 0, 0.05);
}
.ytwPlayerDisclosureViewModelText {
  margin: 0 4px;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 3.6rem;
  -webkit-line-clamp: 2;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.ytReelChannelBarViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--reel-metadata-color, #fff);
}
.ytReelChannelBarViewModelChannelName {
  padding: 0 8px;
  word-break: break-word;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 6rem;
  -webkit-line-clamp: 3;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
@media (max-width: 299.9px) {
  .ytReelChannelBarViewModelChannelName {
    font-family: "Roboto", "Arial", sans-serif;
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 500;
    overflow: hidden;
    display: block;
    max-height: 3.6rem;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.ytReelChannelBarViewModelChannelNameLarge {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 2.2rem;
  -webkit-line-clamp: 1;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
@media (max-width: 299.9px) {
  .ytReelChannelBarViewModelReelSubscribeButton {
    display: none;
  }
}
@media (max-width: 299.9px) {
  .ytReelChannelBarViewModelReelSponsorButton {
    display: none;
  }
}
.ytReelMetapanelViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  max-width: 480px;
}
.ytReelMetapanelViewModelMetapanelItem:not(:first-child) {
  padding-top: 8px;
  width: 100%;
}
.ytReelMetapanelViewModelExpansive {
  padding: 8px 0;
}
.ytReelMetapanelViewModelExpansive:first-child {
  padding-top: 0;
}
.ytReelMetapanelViewModelExpansive:last-child {
  padding-bottom: 0;
}
.ytReelMetapanelViewModelExpansiveBlock {
  padding: 4px 0;
  width: 100%;
}
.ytReelMultiFormatLinkViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 30px;
}
.ytReelMultiFormatLinkViewModelHostTall {
  height: 36px;
}
@media (max-width: 299.9px) {
  .ytReelMultiFormatLinkViewModelHost {
    display: none;
  }
}
.ytReelMultiFormatLinkViewModelEndpoint {
  position: relative;
  margin-top: 0;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  color: var(--reel-metadata-color, #fff);
}
.ytReelMultiFormatLinkViewModelLink {
  margin-right: 48px;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 2rem;
  -webkit-line-clamp: 1;
}
.ytReelMultiFormatLinkViewModelIcon {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
}
.ytReelMultiFormatLinkViewModelTitle {
  vertical-align: middle;
}
.ytReelMultiFormatLinkViewModelHostLarge,
.ytReelMultiFormatLinkViewModelHostLargeTall {
  height: unset;
}
.ytReelMultiFormatLinkViewModelHostLargeIcon {
  width: 22px;
  height: 22px;
  margin-right: 8px;
}
.ytReelMultiFormatLinkViewModelLargeLink {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 2.2rem;
  -webkit-line-clamp: 1;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.ytShortsSuggestedActionViewModelStaticHost {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 18px;
}
@media (max-width: 299.9px) {
  .ytShortsSuggestedActionViewModelStaticHost {
    display: none;
  }
}
.ytShortsSuggestedActionViewModelStaticHost:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.ytShortsSuggestedActionViewModelStaticHostContainer {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 16px;
  height: 36px;
  border: none;
  border-radius: 18px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  cursor: pointer;
}
.ytShortsSuggestedActionViewModelStaticHostLeadingSection {
  margin-right: 6px;
  margin-left: -6px;
}
.ytShortsSuggestedActionViewModelStaticHostTextSection {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  text-align: left;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}
.ytShortsSuggestedActionViewModelStaticHostPrimaryText {
  display: -webkit-flex;
  display: flex;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 4rem;
  -webkit-line-clamp: 2;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.ytShortsSuggestedActionViewModelStaticHostLeadingSection {
  max-width: 100%;
  width: 24px;
  height: 24px;
}
.ytShortsSuggestedActionViewModelStaticHostLeadingImage,
.ytShortsSuggestedActionViewModelStaticHostLeadingIcon {
  max-width: 100%;
  max-height: 100%;
}
.ytShortsSuggestedActionViewModelDynamicHost {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width: 299.9px) {
  .ytShortsSuggestedActionViewModelDynamicHost {
    display: none;
  }
}
.ytShortsSuggestedActionViewModelDynamicHostFixedHeightAuto {
  height: auto;
}
.ytShortsSuggestedActionViewModelDynamicHostHidden {
  opacity: 0;
}
.ytShortsSuggestedActionViewModelDynamicHostShown {
  -webkit-animation: fadeIn 0.5s ease-in-out;
  animation: fadeIn 0.5s ease-in-out;
  opacity: 1;
}
.ytShortsSuggestedActionViewModelDynamicHostUseRoundBorder {
  border-radius: 28px;
}
.ytShortsSuggestedActionViewModelDynamicHostRoundAllCorners {
  border-radius: 8px;
}
.ytShortsSuggestedActionViewModelDynamicHostOnlyRoundLeadingCorners {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.ytShortsSuggestedActionViewModelDynamicHostContainer {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: none;
  max-height: 52px;
  padding: 8px;
  background-color: rgba(40, 40, 40, 0.6);
  color: var(--reel-metadata-color, #fff);
  cursor: pointer;
}
.ytShortsSuggestedActionViewModelDynamicHostContainer:hover {
  background-color: rgba(0, 0, 0, 0.6);
  border-color: transparent;
}
.ytShortsSuggestedActionViewModelDynamicHostCollapsedLeadingSection {
  margin-right: 8px;
  border-radius: 4px;
  width: 28px;
  height: 28px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.ytShortsSuggestedActionViewModelDynamicHostExpandedLeadingSection {
  margin-right: 8px;
  width: 36px;
  height: 36px;
}
.ytShortsSuggestedActionViewModelDynamicHostLeadingImage {
  max-width: 100%;
  max-height: 100%;
  border-radius: 4px;
}
.ytShortsSuggestedActionViewModelDynamicHostCollapsedLeadingIcon {
  width: 100%;
  height: 100%;
}
.ytShortsSuggestedActionViewModelDynamicHostExpandedLeadingIcon {
  padding: 4px;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.ytShortsSuggestedActionViewModelDynamicHostCollapsedSecondary {
  opacity: 0;
  display: none;
}
.ytShortsSuggestedActionViewModelDynamicHostExpandedSecondary {
  -webkit-animation: fadeIn 0.25s ease-in-out;
  animation: fadeIn 0.25s ease-in-out;
  opacity: 1;
  margin-top: -2px;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 1.8rem;
  -webkit-line-clamp: 1;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.ytShortsSuggestedActionViewModelDynamicHostCollapsedTrailingSection {
  cursor: pointer;
  position: relative;
  background-color: rgba(40, 40, 40, 0.6);
  border-radius: 0 8px 8px 0;
  padding: 8px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 28px;
  width: 24px;
}
.ytShortsSuggestedActionViewModelDynamicHostCollapsedTrailingSection:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.ytShortsSuggestedActionViewModelDynamicHostExpandedTrailingSection {
  cursor: pointer;
  position: relative;
  background-color: rgba(40, 40, 40, 0.6);
  border-radius: 0 8px 8px 0;
  padding: 14px 12px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 24px;
  width: 24px;
}
.ytShortsSuggestedActionViewModelDynamicHostExpandedTrailingSection:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.ytShortsSuggestedActionViewModelDynamicHostTrailingIcon {
  width: 24px;
  height: 24px;
  color: var(--reel-metadata-color, #fff);
}
.ytShortsSuggestedActionViewModelExtractOverlay {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
}
.ytShortsSuggestedActionViewModelExtractOverlayContainer {
  background-color: rgba(0, 0, 0, 0.05);
}
.ytShortsSuggestedActionViewModelExtractOverlayContainer:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.ytShortsSuggestedActionViewModelExtractOverlayCollapsedTrailingSection {
  background-color: rgba(0, 0, 0, 0.05);
  color: var(--reel-metadata-color, #030303);
}
.ytShortsSuggestedActionViewModelExtractOverlayCollapsedTrailingSection:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.ytShortsSuggestedActionViewModelExtractOverlayExpandedTrailingSection {
  background-color: rgba(0, 0, 0, 0.05);
  color: var(--reel-metadata-color, #030303);
}
.ytShortsSuggestedActionViewModelExtractOverlayExpandedTrailingSection:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.ytShortsSuggestedActionViewModelExpansiveContainer {
  color: var(--reel-metadata-color, #030303);
  max-width: 480px;
}
.ytShortsSuggestedActionViewModelExpansiveContainerPrimaryText {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 2rem;
  -webkit-line-clamp: 1;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.ytShortsSuggestedActionViewModelExpansiveContainerExpandedSecondary {
  color: rgba(from var(--reel-metadata-color, #030303) r g b/.7);
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 1.8rem;
  -webkit-line-clamp: 1;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ytShortsVideoTitleViewModelHost {
  display: block;
  color: var(--reel-metadata-color, #fff);
}
.ytShortsVideoTitleViewModelHostClickable {
  cursor: pointer;
}
.ytShortsVideoTitleViewModelShortsVideoTitle {
  pointer-events: auto;
  word-break: break-word;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 6rem;
  -webkit-line-clamp: 3;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
@media (max-width: 299.9px) {
  .ytShortsVideoTitleViewModelShortsVideoTitle {
    font-family: "Roboto", "Arial", sans-serif;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400;
    overflow: hidden;
    display: block;
    max-height: 4rem;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.ytShortsVideoTitleViewModelShortsVideoTitleLarge {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  overflow: hidden;
  display: block;
  max-height: 2.8rem;
  -webkit-line-clamp: 1;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
@media (max-width: 527.9px) {
  .ytShortsVideoTitleViewModelShortsVideoTitleLarge {
    font-family: "Roboto", "Arial", sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 700;
    overflow: hidden;
    display: block;
    max-height: 2.6rem;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
@media (max-width: 930px) and (orientation: landscape) {
  .YtmBottomSheetOverlayRendererHost {
    overflow-y: scroll;
  }
}
.YtmBottomSheetOverlayRendererContainer {
  border-radius: 20px;
  background-color: #f9f9f9;
  margin: 0 8px 24px;
  max-width: 400px;
  display: block;
  overflow: scroll;
}
.YtmBottomSheetOverlayRendererHeader {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 140px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 20px 0;
  width: 100%;
  position: relative;
  border-radius: 12px;
}
.YtmBottomSheetOverlayRendererCentralIcon {
  height: 65px;
  width: 65px;
  color: #f03;
  background-color: #f1f1f1;
  padding: 15px;
  border-radius: 45px;
}
.YtmBottomSheetOverlayRendererClose {
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 24px;
}
.YtmBottomSheetOverlayRendererClose .c3-material-button-button {
  padding: 0.7em;
}
.YtmBottomSheetOverlayRendererDragHandle {
  background: #030303;
  opacity: 0.15;
  border-radius: 4px;
  height: 4px;
  margin: 0 auto;
  width: 40px;
  position: absolute;
  top: 8px;
}
.YtmBottomSheetOverlayRendererContents {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 24px;
}
.YtmBottomSheetOverlayRendererContents c3-material-button.compact {
  margin: 8px 0 0;
}
.YtmBottomSheetOverlayRendererContents
  c3-material-button.compact
  + c3-material-button.compact {
  margin-left: 0;
}
.YtmBottomSheetOverlayRendererContents > div {
  padding-bottom: 6px;
}
.YtmBottomSheetOverlayRendererContents > ytm-button-renderer {
  padding-top: 6px;
}
.YtmBottomSheetOverlayRendererOverlayContainer {
  position: fixed;
  bottom: 0;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
}
@media (max-width: 930px) and (orientation: landscape) {
  .YtmBottomSheetOverlayRendererOverlayContainer {
    top: 0;
  }
}
@media (min-width: 550px) and (orientation: portrait) {
  .YtmBottomSheetOverlayRendererOverlayContainer {
    bottom: 50%;
  }
}
@media (min-width: 931px) and (orientation: landscape) {
  .YtmBottomSheetOverlayRendererOverlayContainer {
    bottom: 25%;
  }
}
@media (max-height: 500px) and (orientation: landscape) {
  .YtmBottomSheetOverlayRendererOverlayContainer {
    bottom: 0;
  }
}
[bottom-sheet-overlay-body-open] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  overflow: hidden;
}
.ytm-forced-mute-message .cbox {
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #fff;
  border-radius: 3px;
  width: 24px;
  height: 24px;
  padding: 6px;
}
.ytm-forced-mute-message .cbox c3-icon {
  width: 24px;
  height: 24px;
}
ytm-info-panel-container-renderer.item {
  margin-top: 0;
}
ytm-info-panel-container-renderer {
  background-color: #def1ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}
ytm-info-panel-container-renderer[background="INFO_PANEL_CONTAINER_BACKGROUND_SYSTEM"]:first-child {
  border: none;
}
ytm-info-panel-container-renderer[background="INFO_PANEL_CONTAINER_BACKGROUND_SYSTEM"] {
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
ytm-info-panel-container-renderer[background="INFO_PANEL_CONTAINER_BACKGROUND_GRAY"] {
  background-color: #f1f1f1;
}
ytm-info-panel-container-renderer[background="INFO_PANEL_CONTAINER_BACKGROUND_OVERLAY_BLACK"] {
  background-color: rgba(0, 0, 0, 0.6);
}
.ytm-info-panel-container-header {
  height: 36px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.ytm-info-panel-container-header-left-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ytm-info-panel-container-header-icon {
  margin-left: 16px;
  margin-right: 8px;
}
.ytm-info-panel-content-wrapper {
  padding: 12px 16px 16px 16px;
}
ytm-info-panel-content-renderer[ytm-info-panel-content-has-menu="true"]
  .ytm-info-panel-content-wrapper {
  padding-bottom: 12px;
}
ytm-info-panel-content-renderer
  .ytm-info-panel-content-wrapper[data-has-icon="true"] {
  padding: 14px 12px 14px 12px;
}
.ytm-info-panel-content-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
}
ytm-info-panel-content-renderer[ytm-info-panel-content-has-menu="true"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
}
ytm-info-panel-content-renderer.watch-info-panel {
  margin: 12px;
  border-radius: 12px;
}
.ytm-info-panel-content-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.ytm-info-panel-content-title-container {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #065fd4;
  margin-bottom: 4px;
  max-height: 2.5em;
  -webkit-line-clamp: 2;
}
.ytm-info-panel-content-link-icon {
  padding-left: 1px;
  width: 14px;
  height: 14px;
  vertical-align: text-top;
}
.ytm-info-panel-content-metadata {
  margin-bottom: 4px;
}
.ytm-info-panel-content-publish-time {
  display: inline;
  color: #606060;
  padding-left: 3px;
}
ytm-info-panel-content-renderer[ytm-info-panel-content-truncate-paragraphs="true"]
  .ytm-info-panel-content-paragraph {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.ytm-info-panel-content-inline-source {
  display: inline-block;
  color: #065fd4;
  padding-left: 2px;
}
.ytm-info-panel-content-inline-source-text {
  display: inline-block;
}
ytm-info-panel-content-renderer[data-background="INFO_PANEL_CONTENT_BACKGROUND_OVERLAY_BLACK"]
  .ytm-info-panel-content-inline-source {
  color: #fff;
  font-weight: 500;
}
ytm-info-panel-content-renderer[data-background="INFO_PANEL_CONTENT_BACKGROUND_BLUE"] {
  background-color: #def1ff;
}
ytm-info-panel-content-renderer.cinematic-background {
  background: rgba(0, 0, 0, 0.1);
}
.ytm-info-panel-content-thumbnail {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 64px;
  width: 64px;
  margin-left: 8px;
}
.ytm-info-panel-content-endpoint {
  width: 100%;
}
.ytm-info-panel-content-header-right-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.ytm-info-panel-content-header-icon {
  margin-left: 4px;
  margin-right: 4px;
  width: 16px;
  height: 16px;
}
ytm-reel-player-overlay-renderer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.reel-player-overlay-main-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  justify-content: end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  padding: 0 0 16px 16px;
}
.reel-player-overlay-metadata {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
  flex: 1 1 0%;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  min-width: 0;
}
ytm-reel-player-overlay-renderer[data-has-info-panel="true"]
  + .ProgressBarShowing {
  padding-top: 16px;
}
.reel-player-overlay-metadata ytm-metadata-badge-renderer {
  margin-bottom: 12px;
}
.enable-shorts-overlay-update ytm-metadata-badge-renderer {
  margin-bottom: 0;
  height: 24px;
  padding: 3px 4px 3px 0;
}
.reel-player-overlay-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 8px;
}
.reel-player-overlay-actions c3-material-button {
  margin: 0 !important;
  min-width: 0;
  text-transform: none;
}
.reel-player-overlay-actions c3-material-button .button-renderer-text {
  margin-top: 7px;
  max-width: 64px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.reel-player-overlay-actions ytm-button-renderer {
  max-width: 64px;
}
.reel-player-overlay-actions ytm-button-renderer,
.reel-player-overlay-actions ytm-toggle-button-renderer,
.reel-player-overlay-actions ytm-bottom-sheet-renderer,
.reel-player-overlay-actions pivot-button-view-model {
  display: block;
  margin-top: 16px;
}
@media (max-width: 930px) and (orientation: landscape) {
  .reel-player-overlay-actions {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    max-height: calc(100vh - 48px);
  }
  .reel-player-overlay-actions ytm-button-renderer,
  .reel-player-overlay-actions ytm-toggle-button-renderer,
  .reel-player-overlay-actions ytm-bottom-sheet-renderer,
  .reel-player-overlay-actions pivot-button-view-model {
    display: block;
    margin-top: 0.3em;
  }
}
.reel-player-overlay-actions ytm-menu-renderer {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.reel-player-overlay-actions ytm-menu-renderer .icon-button {
  height: 48px;
  width: 48px;
}
.reel-player-overlay-actions button > .cbox {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.sound-metadata-counterfactual {
  display: none;
}
ytm-reel-player-overlay-renderer ytm-profile-icon {
  border: 1px solid #fff;
}
@media (max-height: 411px) and (orientation: landscape) {
  .reel-player-overlay-actions c3-material-button,
  .reel-player-overlay-actions ytm-forced-mute-message-renderer {
    min-height: 40px;
  }
  .reel-player-overlay-actions c3-material-button .button-renderer-text {
    display: none;
  }
  .reel-player-overlay-actions .yt-core-attributed-string {
    display: none;
  }
  .reel-player-overlay-actions ytm-menu-renderer .icon-button {
    height: 32px;
  }
}
#player-controls {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
}
.new-controls-rendered {
  position: fixed;
  inset: 0;
  padding-bottom: 0;
}
.embeds-enable-shorts {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--tonal {
  background-color: rgba(0, 0, 0, 0.6);
}
c3-toast {
  background: #0f0f0f;
  color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
  padding: 14px 10px 14px 12px;
  min-height: 48px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}
c3-toast c3-material-button {
  color: #3ea6ff;
}
[faux-fullscreen="true"] c3-toast {
  background: #000;
  color: #fff;
}
[faux-fullscreen="true"] c3-toast c3-material-button {
  color: #3ea6ff;
}
[faux-fullscreen="true"][landscape="true"] c3-toast {
  max-width: 344px;
}
c3-toast:has(ytm-notification-action-renderer):has(ytm-button-renderer) {
  padding: 6px 10px 6px 12px;
}
[has-safe-area-in-max="true"] c3-toast {
  padding: 14px 10px 14px 12px;
  padding: 14px max(10px, env(safe-area-inset-right)) 14px
    max(12px, env(safe-area-inset-left));
}
[has-pivot-bar="true"] c3-toast {
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
  bottom: 48px;
  bottom: calc(48px + 8px + var(--safe-area-inset-bottom));
}
sentinel {
}