.DatasetMetadataView-BlockRow[data-type=link] {
  justify-content: center;
}

/* Title bar */

#project-logo {
  margin-right: 12px;
}
#esa-logo {
  margin-right: 35px;
}
#project-logo img,
#esa-logo img {
  vertical-align: middle;
}
@media screen and (min-width: 1060px) {
  .ovl-short-title {
    display: none;
  }
}
@media screen and (max-width: 1059px) {
  .ovl-long-title {
    display: none;
  }
}
@media screen and (max-width: 889px) {
  .TitleBar .UIButton span {
    display: none;
  }
}
@media screen and (max-width: 619px) {
  #esa-logo {
    width: 36px;
    overflow: hidden;
    margin-right: 16px;
  }
  .TitleBar-Title {
    margin-right: 16px;
  }
  .TitleBar-PoweredBy {
    left: 100px;
    min-width: auto;
  }
}
@media screen and (max-width: 549px) {
  #project-logo {
    display: none;
  }
  #esa-logo {
    margin-right: 10px;
  }
  .TitleBar-PoweredBy {
    left: 46px;
  }
}
@media screen and (max-width: 500px) {
  .TitleBar-Spacer {
    display: block;
  }
}
@media screen and (max-width: 479px) {
  .TitleBar-Wrapper {
    padding-right: 35px;
  }
}
@media screen and (max-width: 319px) {
  #esa-logo {
    display: none;
  }
  .TitleBar-PoweredBy {
    left: 0;
  }
  .TitleBar-Title {
    margin-right: 6px;
  }
  .TitleBar-Spacer {
    display: none;
  }
}

/* About dialog */

.ovl-about-logos {
  height: 160px;
  display: grid;
  grid-template-areas: "odl ovl esa" "odl ovl nor";
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
}
.ovl-about-logos a {
  display: grid;
  align-items: center;
  justify-items: center;
  position: relative;
}
.ovl-about-logos img {
  display: block;
  height: 3em;
}
.ovl-about-logos a .opens-in-new-tab-icon {
  display: none;
}
@media (hover: hover) {
  .ovl-about-logos a:hover .opens-in-new-tab-icon {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }
}
.ovl-ovl-logo {
  grid-area: ovl;
  align-self: stretch;
  justify-self: stretch;
}
.ovl-ovl-logo img {
  height: 100%;
}
.ovl-odl-logo {
  grid-area: odl;
}
.ovl-odl-logo img {
  height: 4em;
}
.ovl-esa-logo {
  grid-area: esa;
}
.ovl-nor-logo {
  grid-area: nor;
}
@media screen and (max-width: 750px) {
  .ovl-about-logos {
    grid-template-areas: "ovl esa" "ovl nor" "ovl odl";
    grid-template-columns: 1fr 1fr;
    justify-items: end;
  }
  .ovl-about-logos img {
    font-size: clamp(.7em, .7em + (80vw - 15em) / 7, 1em);
  }
}

.ovl-yt {
  padding-left: 2em;
  list-style: none;
}
.ovl-ytl {
  white-space: nowrap;
}
.ovl-yt .ovl-ytl {
  white-space: normal;
}
.ovl-ytl::before {
  content: '';
  background: url(YT_logo.svg) center / auto 0.8em no-repeat;
  height: 1em;
  margin-right: 5px;
  display: inline-block;
  width: 1.13em;
  vertical-align: middle;
}