/* Copyright text placeholder, Warner Bros. Discovery, Inc. */

.Cd2KQzuzEyBnrDFO {
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}

.R4FVeHq2DiYxlYoc {
  --widget-card-bg: var(--color_surface_low);
  --widget-card-border: var(--color_tile_neutral_border_low);
  --widget-poster-bg: var(--color_card_neutral_fill_mid);
  --widget-text-high: var(--color_general_text_high);
  --widget-text-mid: var(--color_general_text_mid);
  --widget-slim-button-bg: var(--color_component_button_ghost_fill_base);
  --widget-slim-button-bg-hover: var(--color_component_button_ghost_fill_hover);
  --widget-slim-button-bg-press: var(--color_component_button_ghost_fill_press);
  --widget-slim-button-text: var(--color_component_button_ghost_text_base);
  --widget-slim-button-text-hover: var(--color_component_button_ghost_text_hover);
  --widget-slim-button-text-press: var(--color_component_button_ghost_text_press);
  --widget-card-radius: var(--border-corner-general-lg-bp-03);
  --widget-button-radius: var(--border-corner-action-md-bp-03);

  aspect-ratio: 16 / 9;
  cursor: pointer;
  display: block;
  max-width: 640px;
  overflow: hidden;
  padding: 0;
  position: relative;
  border: var(--spacer-space-padding-small-dense-bp-03) solid var(--widget-card-border);
  border-radius: var(--widget-card-radius);
  color: var(--widget-text-high);
  background: var(--widget-card-bg);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.R4FVeHq2DiYxlYoc::after {
  position: absolute;
  inset: 0;
  background: var(--widget-showcase-gradient);
  content: '';
  pointer-events: none;
}

.m3md4gwVcvMX0NPj {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background: var(--widget-poster-bg);
}

.YNhNGLLizI8lKbRy {
  position: absolute;
  right: var(--spacer-space-padding-medium-regular-bp-03);
  bottom: var(--spacer-space-padding-medium-regular-bp-03);
  left: var(--spacer-space-padding-medium-regular-bp-03);
  z-index: 1;
  max-width: 52%;
  min-width: 0;
}

.U92NE9u7Eiw50Go8 {
  margin: 0;
  color: var(--widget-text-high);
  font-size: var(--font_heading_lg_bp_03_font_size-slate3);
  line-height: var(--font_heading_lg_bp_03_line_height-slate3);
  text-shadow: 0 var(--spacer-space-padding-small-regular-bp-03) var(--spacer-space-horizontal-far-sm-bp-03)
    var(--color_surface_low);
}

.kA2l82w56c_f4PDJ {
  display: block;
  width: 65%;
  height: auto;
}

.tQPMUn_R8I8dm7GG {
  margin: var(--spacer-space-horizontal-near-sm-bp-03) 0;
  color: var(--widget-text-mid);
  font-size: var(--font_body_sm_bp_03_font_size-slate3);
  line-height: var(--font_body_sm_bp_03_line_height-slate3);
}

.HfvZ0En8Um8jF5W3 {
  margin: 0 0 var(--spacer-space-horizontal-far-sm-bp-03);
  color: var(--widget-text-mid);
  font-size: var(--font_body_sm_bp_03_font_size-slate3);
  line-height: var(--font_body_sm_bp_03_line_height-slate3);
}

._hmGqsAO0jcjPdbB {
  display: flex;
  align-items: center;
  gap: var(--spacer-space-horizontal-near-md-bp-03);
  filter: drop-shadow(var(--widget-actions-shadow));
}

.gumQRVTKbrAZt4Do,
.U6p1dGdMxWCi3a75 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: var(--widget-button-radius);
  font-family: inherit;
  font-size: var(--font_action_sm_bp_03_font_size-slate3);
  font-weight: 700;
  line-height: var(--font_action_sm_bp_03_line_height-slate3);
  text-decoration: none;
  transition-duration: 200ms; /* MotionTokensSlate3.duration._20 */
  transition-property: background-color, color;
  transition-timing-function: cubic-bezier(0, 0, 0.34, 1); /* MotionTokensSlate3.easing.ease_out */
}

.gumQRVTKbrAZt4Do {
  gap: var(--spacer-space-horizontal-near-sm-bp-03);
  padding: var(--spacer-space-padding-small-regular-bp-03) var(--spacer-space-padding-small-spacious-bp-03)
    var(--spacer-space-padding-small-regular-bp-03) var(--spacer-space-padding-small-regular-bp-03);
  color: var(--widget-slim-button-text);
  background: var(--widget-slim-button-bg);
}

.C1dNRezFnDM9hNBA {
  width: var(--spacer-size-icon-action-md-bp-03);
  height: var(--spacer-size-icon-action-md-bp-03);
  flex: 0 0 auto;
  fill: currentColor;
}

.gzECSiDDFukYQ20B {
  width: var(--spacer-size-icon-action-md-bp-03);
  height: var(--spacer-size-icon-action-md-bp-03);
  fill: currentColor;
}

.gumQRVTKbrAZt4Do:hover,
.U6p1dGdMxWCi3a75:hover {
  color: var(--widget-slim-button-text-hover);
  background: var(--widget-slim-button-bg-hover);
}

.gumQRVTKbrAZt4Do:active,
.U6p1dGdMxWCi3a75:active {
  color: var(--widget-slim-button-text-press);
  background: var(--widget-slim-button-bg-press);
}

.U6p1dGdMxWCi3a75 {
  padding: var(--spacer-space-padding-small-regular-bp-03);
  color: var(--widget-slim-button-text);
  background: var(--widget-slim-button-bg);
  cursor: pointer;
}

/* Copyright text placeholder, Warner Bros. Discovery, Inc. */

.IVvDQqZ7pQkV82Jn {
  margin: 0;
  padding: var(--spacer-space-padding-large-spacious-bp-01);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: var(--font_body_md_bp_01_font_size-slate3);
  line-height: var(--font_body_md_bp_01_line_height-slate3);
  text-align: center;
}

/* Copyright text placeholder, Warner Bros. Discovery, Inc. */

.pyHA8y80DpIb5v42 {
  --message-body-color: var(--color_general_text_mid);
  --message-body-font-size: var(--font_body_md_bp_01_font_size-slate3);
  --message-body-line-height: var(--font_body_md_bp_01_line_height-slate3);
  --message-border-color: var(--color_general_border_lowest);
  --message-border-radius: var(--border-corner-component-card-standard-bp-01);
  --message-border-width: var(--border-stroke-general-sm-bp-01);
  --message-content-gap: var(--spacer-space-vertical-near-md-bp-01);
  --message-icon-color: var(--color_general_text_mid);
  --message-icon-size: var(--spacer-size-icon-message-lg-bp-01);
  --message-padding-block: var(--spacer-space-padding-large-spacious-bp-01);
  --message-padding-inline: var(--spacer-space-padding-large-regular-bp-01);
  --message-root-gap: var(--spacer-space-vertical-far-md-bp-01);
  --message-space-none: var(--spacer-space-vertical-none-bp-01);
  --message-surface: var(--color_surface_mid);
  --message-title-color: var(--color_general_text_high);
  --message-title-font-size: var(--font_heading_md_bp_01_font_size-slate3);
  --message-title-line-height: var(--font_heading_md_bp_01_line_height-slate3);

  align-items: center;
  width: 100%;
  padding-block: var(--message-padding-block);
  padding-inline: var(--message-padding-inline);
  border: var(--message-border-width) solid var(--message-border-color);
  border-radius: var(--message-border-radius);
  box-sizing: border-box;
  color: var(--message-title-color);
  background: var(--message-surface);
  display: flex;
  flex-direction: column;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  gap: var(--message-root-gap);
  text-align: center;
}
.pyHA8y80DpIb5v42[data-tone='error'] {
  --message-border-color: var(--color_utility_error_border_mid);
  --message-icon-color: var(--color_general_text_error);
}

.qFSkPdE7dzIeHOeL {
  width: var(--message-icon-size);
  height: var(--message-icon-size);
  color: var(--message-icon-color);
  display: flex;
}

.qFSkPdE7dzIeHOeL > span {
  width: 100%;
  height: 100%;
}

.WUOOmodd8k0NdMdK {
  display: flex;
  flex-direction: column;
  gap: var(--message-content-gap);
  width: 100%;
}

.TD4vlIGl9IUN_anP {
  margin: var(--message-space-none);
  color: var(--message-title-color);
  font-size: var(--message-title-font-size);
  font-weight: 700;
  line-height: var(--message-title-line-height);
  overflow-wrap: anywhere;
}

.xdXtDUwBcxchXKCy {
  margin: var(--message-space-none);
  color: var(--message-body-color);
  font-size: var(--message-body-font-size);
  font-weight: 400;
  line-height: var(--message-body-line-height);
  overflow-wrap: anywhere;
}

/* Canonical Max BP02. CSS custom properties cannot be used in media-query conditions. */
@media (min-width: 440px) {
  .pyHA8y80DpIb5v42 {
    --message-body-font-size: var(--font_body_md_bp_02_font_size-slate3);
    --message-body-line-height: var(--font_body_md_bp_02_line_height-slate3);
    --message-border-radius: var(--border-corner-component-card-standard-bp-02);
    --message-border-width: var(--border-stroke-general-sm-bp-02);
    --message-content-gap: var(--spacer-space-vertical-near-md-bp-02);
    --message-icon-size: var(--spacer-size-icon-message-lg-bp-02);
    --message-padding-block: var(--spacer-space-padding-large-spacious-bp-02);
    --message-padding-inline: var(--spacer-space-padding-large-regular-bp-02);
    --message-root-gap: var(--spacer-space-vertical-far-md-bp-02);
    --message-space-none: var(--spacer-space-vertical-none-bp-02);
    --message-title-font-size: var(--font_heading_md_bp_02_font_size-slate3);
    --message-title-line-height: var(--font_heading_md_bp_02_line_height-slate3);
  }
}

/* Canonical Max BP03. */
@media (min-width: 600px) {
  .pyHA8y80DpIb5v42 {
    --message-body-font-size: var(--font_body_md_bp_03_font_size-slate3);
    --message-body-line-height: var(--font_body_md_bp_03_line_height-slate3);
    --message-border-radius: var(--border-corner-component-card-standard-bp-03);
    --message-border-width: var(--border-stroke-general-sm-bp-03);
    --message-content-gap: var(--spacer-space-vertical-near-md-bp-03);
    --message-icon-size: var(--spacer-size-icon-message-lg-bp-03);
    --message-padding-block: var(--spacer-space-padding-large-spacious-bp-03);
    --message-padding-inline: var(--spacer-space-padding-large-regular-bp-03);
    --message-root-gap: var(--spacer-space-vertical-far-md-bp-03);
    --message-space-none: var(--spacer-space-vertical-none-bp-03);
    --message-title-font-size: var(--font_heading_md_bp_03_font_size-slate3);
    --message-title-line-height: var(--font_heading_md_bp_03_line_height-slate3);
  }
}

/* Canonical Max BP04. */
@media (min-width: 800px) {
  .pyHA8y80DpIb5v42 {
    --message-body-font-size: var(--font_body_md_bp_04_font_size-slate3);
    --message-body-line-height: var(--font_body_md_bp_04_line_height-slate3);
    --message-border-radius: var(--border-corner-component-card-standard-bp-04);
    --message-border-width: var(--border-stroke-general-sm-bp-04);
    --message-content-gap: var(--spacer-space-vertical-near-md-bp-04);
    --message-icon-size: var(--spacer-size-icon-message-lg-bp-04);
    --message-padding-block: var(--spacer-space-padding-large-spacious-bp-04);
    --message-padding-inline: var(--spacer-space-padding-large-regular-bp-04);
    --message-root-gap: var(--spacer-space-vertical-far-md-bp-04);
    --message-space-none: var(--spacer-space-vertical-none-bp-04);
    --message-title-font-size: var(--font_heading_md_bp_04_font_size-slate3);
    --message-title-line-height: var(--font_heading_md_bp_04_line_height-slate3);
  }
}

/* Canonical Max BP05. */
@media (min-width: 1100px) {
  .pyHA8y80DpIb5v42 {
    --message-body-font-size: var(--font_body_md_bp_05_font_size-slate3);
    --message-body-line-height: var(--font_body_md_bp_05_line_height-slate3);
    --message-border-radius: var(--border-corner-component-card-standard-bp-05);
    --message-border-width: var(--border-stroke-general-sm-bp-05);
    --message-content-gap: var(--spacer-space-vertical-near-md-bp-05);
    --message-icon-size: var(--spacer-size-icon-message-lg-bp-05);
    --message-padding-block: var(--spacer-space-padding-large-spacious-bp-05);
    --message-padding-inline: var(--spacer-space-padding-large-regular-bp-05);
    --message-root-gap: var(--spacer-space-vertical-far-md-bp-05);
    --message-space-none: var(--spacer-space-vertical-none-bp-05);
    --message-title-font-size: var(--font_heading_md_bp_05_font_size-slate3);
    --message-title-line-height: var(--font_heading_md_bp_05_line_height-slate3);
  }
}

/* Canonical Max BP06. */
@media (min-width: 1400px) {
  .pyHA8y80DpIb5v42 {
    --message-body-font-size: var(--font_body_md_bp_06_font_size-slate3);
    --message-body-line-height: var(--font_body_md_bp_06_line_height-slate3);
    --message-border-radius: var(--border-corner-component-card-standard-bp-06);
    --message-border-width: var(--border-stroke-general-sm-bp-06);
    --message-content-gap: var(--spacer-space-vertical-near-md-bp-06);
    --message-icon-size: var(--spacer-size-icon-message-lg-bp-06);
    --message-padding-block: var(--spacer-space-padding-large-spacious-bp-06);
    --message-padding-inline: var(--spacer-space-padding-large-regular-bp-06);
    --message-root-gap: var(--spacer-space-vertical-far-md-bp-06);
    --message-space-none: var(--spacer-space-vertical-none-bp-06);
    --message-title-font-size: var(--font_heading_md_bp_06_font_size-slate3);
    --message-title-line-height: var(--font_heading_md_bp_06_line_height-slate3);
  }
}

/* Canonical Max BP07. */
@media (min-width: 1800px) {
  .pyHA8y80DpIb5v42 {
    --message-body-font-size: var(--font_body_md_bp_07_font_size-slate3);
    --message-body-line-height: var(--font_body_md_bp_07_line_height-slate3);
    --message-border-radius: var(--border-corner-component-card-standard-bp-07);
    --message-border-width: var(--border-stroke-general-sm-bp-07);
    --message-content-gap: var(--spacer-space-vertical-near-md-bp-07);
    --message-icon-size: var(--spacer-size-icon-message-lg-bp-07);
    --message-padding-block: var(--spacer-space-padding-large-spacious-bp-07);
    --message-padding-inline: var(--spacer-space-padding-large-regular-bp-07);
    --message-root-gap: var(--spacer-space-vertical-far-md-bp-07);
    --message-space-none: var(--spacer-space-vertical-none-bp-07);
    --message-title-font-size: var(--font_heading_md_bp_07_font_size-slate3);
    --message-title-line-height: var(--font_heading_md_bp_07_line_height-slate3);
  }
}

.ZLJbHJeLcx4mItx0 {
  --widget-surface: var(--color_surface_low);
  --widget-poster-fill: var(--color_card_neutral_fill_mid);
  --widget-border: var(--color_tile_neutral_border_low);
  --widget-text-high: var(--color_general_text_high);
  --widget-text-mid: var(--color_general_text_mid);
  --widget-play-fill: var(--color_component_button_ghost_fill_base);
  --widget-play-fill-hover: var(--color_component_button_ghost_fill_hover);
  --widget-play-fill-press: var(--color_component_button_ghost_fill_press);
  --widget-play-text: var(--color_component_button_ghost_text_base);
  --widget-play-text-hover: var(--color_component_button_ghost_text_hover);
  --widget-play-text-press: var(--color_component_button_ghost_text_press);

  min-width: 0;
  overflow: hidden;
  border: var(--border-stroke-general-sm-bp-03) solid var(--widget-border);
  border-radius: var(--border-corner-component-tile-standard-bp-03);
  color: var(--widget-text-high);
  background: var(--widget-surface);
  box-shadow: var(--widget-card-shadow);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.lN9v22G3TUU6PGFW {
  position: relative;
  aspect-ratio: 2 / 3;
  overflow: hidden;
  background: var(--widget-poster-fill);
}

.BH41ezccC58sVIkD {
  position: absolute;
  inset: 0;
  display: block;
  color: inherit;
  text-decoration: none;
}

.K8NnDweGw82Bm3SU {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  transition: transform var(--widget-motion-duration) var(--widget-motion-easing);
}

.BH41ezccC58sVIkD:hover .K8NnDweGw82Bm3SU {
  transform: scale(var(--widget-motion-scale-hover));
}

.ydNNQxcJNIYtmfJq {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 70%;
  background: var(--widget-showcase-tile-gradient);
  pointer-events: none;
}

.oRDbbKodh6IsKCO9 {
  position: absolute;
  right: var(--spacer-space-padding-small-spacious-bp-03);
  bottom: var(--spacer-space-horizontal-far-sm-bp-03);
  left: var(--spacer-space-padding-small-spacious-bp-03);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
}

.TVnFCp8rCYMKG1jA {
  display: block;
  width: 85%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  filter: drop-shadow(var(--widget-text-shadow));
}

.aeKTjnrf4sbVLm0g {
  overflow: hidden;
  max-width: 100%;
  color: var(--widget-text-high);
  font-size: var(--font_heading_sm_bp_03_font_size-slate3);
  font-weight: 700;
  line-height: var(--font_heading_sm_bp_03_line_height-slate3);
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  filter: drop-shadow(var(--widget-text-shadow));
}

.ufp_Ac9W8NsNiNoR {
  display: flex;
  align-items: center;
  gap: var(--spacer-space-horizontal-near-md-bp-03);
  margin-top: var(--spacer-space-vertical-near-md-bp-03);
}

.CSFqdQ0Y7pEAZo3G,
.Xd1dlJYngBgVx3kS {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: var(--border-stroke-general-none-bp-03) solid var(--widget-play-fill);
  border-radius: var(--border-corner-action-md-bp-03);
  padding: var(--spacer-space-padding-small-regular-bp-03);
  color: var(--widget-play-text);
  background: var(--widget-play-fill);
  font: inherit;
  font-weight: 700;
  transition-duration: var(--widget-motion-duration);
  transition-property: background-color, color, transform;
  transition-timing-function: var(--widget-motion-easing);
}

.CSFqdQ0Y7pEAZo3G {
  gap: var(--spacer-space-horizontal-near-xs-bp-03);
  font-size: var(--font_action_sm_bp_03_font_size-slate3);
  line-height: var(--font_action_sm_bp_03_line_height-slate3);
  text-decoration: none;
}

.Xd1dlJYngBgVx3kS {
  cursor: pointer;
}

.CSFqdQ0Y7pEAZo3G:hover,
.Xd1dlJYngBgVx3kS:hover {
  color: var(--widget-play-text-hover);
  background: var(--widget-play-fill-hover);
}

.CSFqdQ0Y7pEAZo3G:active,
.Xd1dlJYngBgVx3kS:active {
  color: var(--widget-play-text-press);
  background: var(--widget-play-fill-press);
  transform: scale(var(--widget-motion-scale-press));
}

.BH41ezccC58sVIkD:focus-visible,
.CSFqdQ0Y7pEAZo3G:focus-visible,
.Xd1dlJYngBgVx3kS:focus-visible {
  outline: var(--border-stroke-action-md-bp-03) solid var(--color_utility_focus_border_outer);
  outline-offset: var(--spacer-space-padding-small-dense-bp-03);
}

.jIf_cll5JVYmSBBU {
  width: var(--spacer-size-icon-action-md-bp-03);
  height: var(--spacer-size-icon-action-md-bp-03);
  flex: 0 0 auto;
  fill: currentColor;
}

.SHBxAIHI7BQhSb01 {
  min-width: 0;
  padding: var(--spacer-space-horizontal-far-sm-bp-03);
  background: var(--widget-surface);
}

.qz2PHHj940d2VKRH,
.MnhosIbTWDUPOqUF {
  overflow: hidden;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qz2PHHj940d2VKRH {
  color: var(--widget-text-high);
  font-size: var(--font_heading_xs_bp_03_font_size-slate3);
  font-weight: 700;
  line-height: var(--font_heading_xs_bp_03_line_height-slate3);
}

.Bh7LkI2J3LUDp9UT {
  font-weight: 400;
}

.xSX2WmSHlEg1OM2d {
  font-weight: 700;
}

.MnhosIbTWDUPOqUF {
  margin-top: var(--spacer-space-horizontal-near-xs-bp-03);
  color: var(--widget-text-mid);
  font-size: var(--font_body_sm_bp_03_font_size-slate3);
  line-height: var(--font_body_sm_bp_03_line_height-slate3);
}

.na9WkOkEt48oUdD9 {
  display: flex;
  gap: var(--spacer-space-horizontal-near-md-bp-03);
}

.GLQc08QsJKAgs2CS {
  display: grid;
  grid-auto-columns: minmax(0, 68vw);
  grid-auto-flow: column;
  gap: var(--spacer-space-horizontal-far-xs-bp-03);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  margin: 0;
  padding: var(--spacer-space-padding-small-dense-bp-03) var(--spacer-space-padding-medium-regular-bp-03)
    var(--spacer-space-padding-medium-regular-bp-03) var(--spacer-space-padding-small-dense-bp-03);
  list-style: none;
  scroll-padding-inline: var(--spacer-space-padding-small-dense-bp-03);
  scroll-snap-type: inline mandatory;
}

.pv60oQxao91k6TJO {
  min-width: 0;
  scroll-snap-align: start;
}

@media (min-width: 640px) {
  .GLQc08QsJKAgs2CS {
    grid-auto-columns: minmax(0, clamp(220px, 30vw, 291px));
  }
}

@media (min-width: 1024px) {
  .GLQc08QsJKAgs2CS {
    grid-auto-columns: minmax(0, clamp(240px, 26vw, 291px));
  }
}