/* ================================================================================ */
/*  Project: WebRH
/*  Author: Digital Experience
/*  Date: Fri Sep 25 2026 15:44:36 GMT+0000 (Coordinated Universal Time)
/*  
/*  Copyright © 2026 Red Hat, Inc.
/*  https://www.redhat.com
/* ================================================================================ */

.rh-video-embed--component[data-rh-align~=left] {
  list-style-position: outside;
  text-align: left;
}
.rh-video-embed--component[data-rh-align~=right] {
  text-align: right;
  list-style-position: inside;
}
.rh-video-embed--component[data-rh-align~=center] {
  text-align: center;
  list-style-position: inside;
}
.rh-video-embed--component[data-rh-align~=center] > ul {
  padding-left: 0;
}
@media (max-width: 767px) {
  .rh-video-embed--component[data-rh-align~=left-mobile] {
    list-style-position: outside;
    text-align: left;
  }
  .rh-video-embed--component[data-rh-align~=right-mobile] {
    text-align: right;
    list-style-position: inside;
  }
  .rh-video-embed--component[data-rh-align~=center-mobile] {
    text-align: center;
    list-style-position: inside;
  }
  .rh-video-embed--component[data-rh-align~=center-mobile] > ul {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .rh-video-embed--component[data-rh-align=left-desktop] {
    list-style-position: outside;
    text-align: left;
  }
  .rh-video-embed--component[data-rh-align=right-desktop] {
    text-align: right;
    list-style-position: inside;
  }
}

.rh-video-embed-media-container {
  position: relative;
  margin: 0 0 16px;
}
.rh-video-embed-media-container:last-child {
  margin-bottom: 0;
}
[data-rh-fill=bleed] .rh-video-embed-media-container:first-child {
  margin: -32px -32px 32px;
}
@container rh-card--layout (min-width: 768px) {
  .card-flex--subpattern[data-rh-card=sections] [data-rh-fill=bleed] .rh-video-embed-media-container:first-child, [data-rh-fill=bleed] .card-flex--subpattern[data-rh-card=sections] [data-rh-fill=bleed] .rh-video-embed-media-container:first-child {
    margin: -32px -32px 0;
  }
  :not(.card-flex--subpattern)[data-rh-card=sections] [data-rh-fill=bleed] .rh-video-embed-media-container:first-child, [data-rh-fill=bleed] :not(.card-flex--subpattern)[data-rh-card=sections] [data-rh-fill=bleed] .rh-video-embed-media-container:first-child {
    margin-bottom: -32px;
  }
  [data-rh-card-header=image] [data-rh-fill=bleed] .rh-video-embed-media-container:first-child, [data-rh-fill=bleed] [data-rh-card-header=image] [data-rh-fill=bleed] .rh-video-embed-media-container:first-child {
    margin: 32px 32px 0;
  }
}
[data-rh-align~=bleed] .rh-video-embed-media-container:first-child {
  margin: -32px -32px 32px;
}
@container rh-card--layout (min-width: 768px) {
  .card-flex--subpattern[data-rh-card=sections] [data-rh-align~=bleed] .rh-video-embed-media-container:first-child, [data-rh-align~=bleed] .card-flex--subpattern[data-rh-card=sections] [data-rh-align~=bleed] .rh-video-embed-media-container:first-child {
    margin: -32px -32px 0;
  }
}
[data-rh-fill=bleed] .rh-video-embed-media-container {
  margin: -32px -32px 32px;
}
@container rh-card--layout (min-width: 768px) {
  .card-flex--subpattern[data-rh-card=sections] [data-rh-fill=bleed] .rh-video-embed-media-container, [data-rh-fill=bleed] .card-flex--subpattern[data-rh-card=sections] [data-rh-fill=bleed] .rh-video-embed-media-container {
    margin: -32px -32px 0;
  }
}

.rh-video-embed-iframe-container {
  padding: 0 0 56.25%;
  height: 0;
  position: relative;
}
.rh-video-embed-iframe-container[data-rh-functionality=hide] {
  display: none;
}
.rh-video-embed-iframe-container iframe,
.rh-video-embed-iframe-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rh-video-embed-iframe-container iframe {
  border: 0;
}

.rh-video-embed-title {
  margin: 0 0 8px;
  font-family: var(--rh-font-family-heading, RedHatDisplay, "Red Hat Display", Helvetica, Arial, sans-serif);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.3;
  color: light-dark(#151515, #ffffff);
}
@media (min-width: 768px) {
  .rh-video-embed-title {
    font-size: 1.5rem;
  }
}
.rh-video-embed-title:last-child {
  margin-bottom: 0;
}
.rh-video-embed-title:not(:last-child, :empty) {
  margin-bottom: 16px;
}
.rh-video-embed-title:not(:first-child) {
  margin-top: 24px;
}
[data-rh-overlay] .rh-video-embed-title {
  font-weight: 500;
}
.rh-video-embed-title a {
  text-decoration: none;
  color: inherit;
}
.rh-video-embed-title a:hover, .rh-video-embed-title a:active, .rh-video-embed-title a:focus {
  color: light-dark(#004d99, #c7c7c7);
}

.rh-video-embed-summary-link,
.rh-video-embed-summary a,
.rh-video-embed-caption a {
  text-decoration: none;
  color: light-dark(#0066cc, #92c5f9);
}
.rh-video-embed-summary-link:hover, .rh-video-embed-summary-link:active,
.rh-video-embed-summary a:hover,
.rh-video-embed-summary a:active,
.rh-video-embed-caption a:hover,
.rh-video-embed-caption a:active {
  cursor: pointer;
  text-decoration: underline;
  color: light-dark(#004d99, #b9dafc);
}
.rh-video-embed-summary-link:focus, .rh-video-embed-summary-link:active,
.rh-video-embed-summary a:focus,
.rh-video-embed-summary a:active,
.rh-video-embed-caption a:focus,
.rh-video-embed-caption a:active {
  outline: 1px dotted light-dark(#0066cc, #92c5f9);
  outline-offset: 1px;
  text-decoration: none !important;
}
[data-rh-theme^="dark desaturated"] .rh-video-embed-summary-link,
[data-rh-theme^="dark desaturated"] .rh-video-embed-summary a,
[data-rh-theme^="dark desaturated"] .rh-video-embed-caption a {
  color: #ffffff;
}
[data-rh-theme^="dark desaturated"] .rh-video-embed-summary-link:hover, [data-rh-theme^="dark desaturated"] .rh-video-embed-summary-link:active,
[data-rh-theme^="dark desaturated"] .rh-video-embed-summary a:hover,
[data-rh-theme^="dark desaturated"] .rh-video-embed-summary a:active,
[data-rh-theme^="dark desaturated"] .rh-video-embed-caption a:hover,
[data-rh-theme^="dark desaturated"] .rh-video-embed-caption a:active {
  color: #c7c7c7;
}
[data-rh-theme^="dark desaturated"] .rh-video-embed-summary-link:focus, [data-rh-theme^="dark desaturated"] .rh-video-embed-summary-link:active,
[data-rh-theme^="dark desaturated"] .rh-video-embed-summary a:focus,
[data-rh-theme^="dark desaturated"] .rh-video-embed-summary a:active,
[data-rh-theme^="dark desaturated"] .rh-video-embed-caption a:focus,
[data-rh-theme^="dark desaturated"] .rh-video-embed-caption a:active {
  outline-color: #ffffff;
}
[data-rh-theme~=desaturated] .rh-video-embed-summary-link,
[data-rh-theme~=desaturated] .rh-video-embed-summary a,
[data-rh-theme~=desaturated] .rh-video-embed-caption a {
  text-decoration: underline;
}

.rh-video-embed-summary {
  margin: 0 0 16px;
  font-family: var(--rh-font-family-body-text, RedHatText, "Red Hat Text", Helvetica, Arial, sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: light-dark(#151515, #ffffff);
}
.rh-video-embed-summary:last-child {
  margin-bottom: 0;
}
@container rh-card--layout (min-width: 202px) {
  .rh-video-embed-summary {
    font-size: 0.875rem;
  }
}
@container card-flex (min-width: 202px) {
  .rh-video-embed-summary {
    font-size: 0.875rem;
  }
}
@container rh-card--layout (min-width: 302px) {
  .rh-video-embed-summary {
    font-size: 1rem;
  }
}
@container card-flex (min-width: 302px) {
  .rh-video-embed-summary {
    font-size: 1rem;
  }
}
.rh-video-embed-summary strong,
.rh-video-embed-summary b {
  font-weight: 500;
}

.rh-video-embed-caption {
  margin: 0 0 16px;
  font-family: var(--rh-font-family-body-text, RedHatText, "Red Hat Text", Helvetica, Arial, sans-serif);
  font-size: 0.875rem;
  line-height: 1.5;
  color: light-dark(#707070, #c7c7c7);
}
.rh-video-embed-caption:last-child {
  margin-bottom: 0;
}

.rh-video-embed-consent-message {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-image: url("../images/Red-Hat-cookie-preference-BG.svg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #292929;
  color: #ffffff;
}
.rh-video-embed-consent-message img {
  display: block;
  margin: 0 auto;
  width: 27px;
  flex-basis: 100%;
}
@container rh-card--layout (min-width: 320px) {
  .rh-video-embed-consent-message img {
    width: 54px;
  }
}
@container card-flex (min-width: 320px) {
  .rh-video-embed-consent-message img {
    width: 54px;
  }
}
.rh-video-embed-consent-message p {
  margin: 0;
  padding-top: 8px;
  padding-bottom: 16px;
  font-family: var(--rh-font-family-heading, RedHatDisplay, "Red Hat Display", Helvetica, Arial, sans-serif);
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center;
  width: 100%;
  flex-basis: 100%;
}
.rh-video-embed-consent-message p:last-child {
  padding: 0;
  font-family: var(--rh-font-family-body-text, RedHatText, "Red Hat Text", Helvetica, Arial, sans-serif);
  font-size: 1rem;
  line-height: 1.5;
}
@container rh-card--layout (min-width: 200px) {
  .rh-video-embed-consent-message p {
    padding-top: 16px;
  }
  .rh-video-embed-consent-message p:last-child {
    padding: 0 10%;
  }
}
@container card-flex (min-width: 200px) {
  .rh-video-embed-consent-message p {
    padding-top: 16px;
  }
  .rh-video-embed-consent-message p:last-child {
    padding: 0 10%;
  }
}
@container rh-card--layout (min-width: 320px) {
  .rh-video-embed-consent-message p {
    font-size: 1.5rem;
    padding-top: 32px;
  }
  .rh-video-embed-consent-message p:last-child {
    font-size: 1.125rem;
    padding: 0 20%;
  }
}
@container card-flex (min-width: 320px) {
  .rh-video-embed-consent-message p {
    font-size: 1.5rem;
    padding-top: 32px;
  }
  .rh-video-embed-consent-message p:last-child {
    font-size: 1.125rem;
    padding: 0 20%;
  }
}
.rh-video-embed-consent-message + .rh-video-embed-link > .rh-video-embed-link-button-outer {
  display: none;
}
.rh-video-embed-consent-message > div {
  width: auto;
  height: auto;
  flex-basis: 100%;
  padding: 16px;
  max-width: 650px;
}
.rh-video-embed-consent-message button {
  cursor: pointer;
  padding: 16px 32px;
  margin: -16px -32px;
}

.rh-twelve-col-card > .rh-card-content > .rh-group--layout {
  height: 100%;
}

.rh-video-embed-link {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 0;
  background: transparent;
  border: none;
}
.rh-video-embed-link:active, .rh-video-embed-link:focus {
  outline: 1px dotted light-dark(#0066cc, #92c5f9);
  outline-offset: 1px;
  text-decoration: none !important;
}
@media print {
  .rh-video-embed-link::after {
    content: none !important;
  }
}
.rh-video-embed-link:hover .rh-video-embed-link-button-outer, .rh-video-embed-link:focus .rh-video-embed-link-button-outer {
  background-color: #292929;
  cursor: pointer;
}
[data-rh-btn-color=light] .rh-video-embed-link:hover .rh-video-embed-link-button-outer, [data-rh-btn-color=light] .rh-video-embed-link:focus .rh-video-embed-link-button-outer {
  background-color: rgba(255, 255, 255, 0.5);
}
.rh-video-embed-link .rh-video-embed-link-button-outer {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  background-color: rgba(41, 41, 41, 0.7);
  border-radius: 100%;
  transform: translate(-50%, -50%);
}
[data-rh-btn-color=light] .rh-video-embed-link .rh-video-embed-link-button-outer {
  background-color: rgba(255, 255, 255, 0.25);
}
.rh-video-embed-link .rh-video-embed-link-button-inner {
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  margin-left: 4px;
  border-style: solid;
  border-width: 12px 0 10px 21px;
  border-color: transparent transparent transparent #ffffff;
}
[data-rh-theme^="dark desaturated"] .rh-video-embed-link:active, [data-rh-theme^="dark desaturated"] .rh-video-embed-link:focus {
  outline-color: #ffffff;
}

.rh-video-embed-thumb {
  width: 100%;
  height: auto;
}
.rh-video-embed-thumb:hover {
  cursor: pointer;
}
[data-rh-align~=full] .rh-video-embed-thumb, [data-rh-align~=bleed] .rh-video-embed-thumb {
  width: 100%;
  height: auto;
  display: block;
}
[data-rh-align~=bleed] .rh-video-embed-thumb {
  margin-bottom: -4px;
}
[data-rh-align~=left] .rh-video-embed-thumb, [data-rh-align~=center] .rh-video-embed-thumb {
  margin-right: auto;
}
[data-rh-align~=right] .rh-video-embed-thumb, [data-rh-align~=center] .rh-video-embed-thumb {
  margin-left: auto;
}