.help-banner-light {
  background-color: #f8fcfe;
}

.help-banner-dark {
  background-color: #174674;
}

.help-rating > div {
  display: none;
}

.help-rating .show {
  display: block;
}

.link-secondary[href]:hover {
  color: #26a2d6 !important;
}

input[type="search"]::-webkit-search-cancel-button {
  cursor: pointer;
}

.help-article-content .video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  margin-bottom: 1rem;
}

.help-article-content .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.help-article-content iframe:not(.custom-embeded-player) {
  height: auto;
  width: 100%;
  aspect-ratio: 16 / 9;
}

.help-article-content img {
  max-width: 100%;
  height: auto;
}