@charset "utf-8";

.FeaturedPromotedCard { margin: 0px auto; max-width: 90rem; position: relative; z-index: 0; }

.FeaturedPromotedCard__foregroundLayer { z-index: 1; }

.FeaturedPromotedCard__wrapper { column-gap: 1rem; display: grid; grid-template-columns: repeat(6, minmax(12.5%, 1fr)); margin-left: 1rem; margin-right: 1rem; }

@media (min-width: 768px) {
  .FeaturedPromotedCard__wrapper { margin-left: 1.5rem; margin-right: 1.5rem; }
}

@media (min-width: 1024px) {
  .FeaturedPromotedCard__wrapper { grid-template-columns: repeat(12, minmax(6.4%, 1fr)); margin-left: 2.5rem; margin-right: 2.5rem; }
}

.FeaturedPromotedCard__wrapper--contentRows { grid-template-rows: auto auto 3rem; }

@media (min-width: 1024px) {
  .FeaturedPromotedCard__wrapper--contentRows { grid-template-rows: auto 3rem; }
}

.FeaturedPromotedCard__backgroundColor { grid-area: 1 / 1 / 3 / 7; }

@media (min-width: 768px) {
  .FeaturedPromotedCard__backgroundColor { grid-area: 1 / 2 / 3 / 6; }
}

@media (min-width: 1024px) {
  .FeaturedPromotedCard__backgroundColor { grid-area: 1 / 2 / 2 / 12; }
}

.FeaturedPromotedCard__backgroundColor--orange-200 { background-color: var(--pal-colors-default-background-brand-01-strong); }

.FeaturedPromotedCard__backgroundColor--magenta-200 { background-color: var(--pal-colors-default-background-brand-02-strong); }

.FeaturedPromotedCard__backgroundColor--fire-200 { background-color: var(--pal-colors-default-background-brand-03-strong); }

.FeaturedPromotedCard__backgroundColor--plum-200 { background-color: var(--pal-colors-default-background-brand-04-strong); }

.FeaturedPromotedCard__backgroundColor--magenta-100 { background-color: var(--pal-colors-default-background-brand-02); }

.FeaturedPromotedCard__backgroundColor--orange-100 { background-color: var(--pal-colors-default-background-brand-01); }

.FeaturedPromotedCard__backgroundColor--fire-100 { background-color: var(--pal-colors-default-background-brand-03); }

.FeaturedPromotedCard__backgroundColor--plum-100 { background-color: var(--pal-colors-default-background-brand-04); }

.FeaturedPromotedCard__backgroundColor--neutral-25, .FeaturedPromotedCard__backgroundColor--neutral-50 { background-color: var(--pal-colors-default-background-xsubtle); }

.FeaturedPromotedCard__pattern { grid-column: 1 / 7; }

@media (min-width: 768px) {
  .FeaturedPromotedCard__pattern { grid-column: 1 / 5; }
}

@media (min-width: 1024px) {
  .FeaturedPromotedCard__pattern { grid-column: 1 / 7; padding-left: 2rem; }
}

@media (min-width: 1440px) {
  .FeaturedPromotedCard__pattern { padding-left: 4.13rem; }
}

.FeaturedPromotedCard__pattern .Image { position: relative; }

.FeaturedPromotedCard__pattern img { bottom: -2rem; left: -1.5rem; position: absolute; }

@media (min-width: 768px) {
  .FeaturedPromotedCard__pattern img { bottom: -3rem; left: 5.7rem; }
}

@media (min-width: 1024px) {
  .FeaturedPromotedCard__pattern img { bottom: -3rem; left: unset; }
}

.FeaturedPromotedCard__textContent { grid-area: 2 / 1 / 2 / 7; margin: 0px 2rem; }

@media (min-width: 768px) {
  .FeaturedPromotedCard__textContent { grid-area: 2 / 2 / 2 / 6; }
}

@media (min-width: 1024px) {
  .FeaturedPromotedCard__textContent { align-self: center; grid-area: 1 / 3 / 1 / 6; margin: 7.18rem 0px; }
}

.FeaturedPromotedCard__tag { margin-top: 1rem; }

@media (min-width: 1024px) {
  .FeaturedPromotedCard__tag { margin-bottom: 3rem; margin-top: unset; }
}

.FeaturedPromotedCard__eyebrow { margin-top: 2rem; word-break: break-word; }

@media (min-width: 1024px) {
  .FeaturedPromotedCard__eyebrow { margin-top: unset; }
}

.FeaturedPromotedCard__headline { margin-top: 1rem; }

.FeaturedPromotedCard__subheadline { color: var(--pal-colors-default-content-subtle); margin-top: 1rem; }

.FeaturedPromotedCard__actions { margin: 2rem 0px; white-space: nowrap; }

@media (min-width: 1024px) {
  .FeaturedPromotedCard__actions { display: flex; margin: 2rem 0px 0px; }
}

.FeaturedPromotedCard__actionsButton { display: unset; }

@media (min-width: 768px) {
  .FeaturedPromotedCard__actionsButton { display: flex; }
}

@media (min-width: 1024px) {
  .FeaturedPromotedCard__actionsButton { display: unset; }
}

@media (min-width: 1440px) {
  .FeaturedPromotedCard__actionsButton { display: flex; }
}

@media (min-width: 768px) {
  .FeaturedPromotedCard__actionsButton div:first-child { margin-right: 1.5rem; }
}

.FeaturedPromotedCard__actionsButton--fullwidth .FeaturedPromotedCard__button { display: flex; flex-direction: column; }

@media (min-width: 768px) {
  .FeaturedPromotedCard__actionsButton--fullwidth .FeaturedPromotedCard__button { display: unset; }
}

@media (min-width: 1024px) {
  .FeaturedPromotedCard__actionsButton--fullwidth .FeaturedPromotedCard__button { display: flex; flex-direction: column; }
}

@media (min-width: 1440px) {
  .FeaturedPromotedCard__actionsButton--fullwidth .FeaturedPromotedCard__button { display: unset; }
}

.FeaturedPromotedCard__primaryButton { margin-bottom: 0.5rem; }

@media (min-width: 768px) {
  .FeaturedPromotedCard__primaryButton { margin-bottom: unset; }
}

@media (min-width: 1024px) {
  .FeaturedPromotedCard__primaryButton { margin-bottom: 0.5rem; }
}

@media (min-width: 1440px) {
  .FeaturedPromotedCard__primaryButton { margin-bottom: unset; }
}

.FeaturedPromotedCard__actionsLink { align-items: center; display: flex; margin: 1.5rem 0px 0px; }

@media (min-width: 1024px) {
  .FeaturedPromotedCard__actionsLink { margin: unset; }
}

.FeaturedPromotedCard__actionsLink div:first-child { margin-right: 2rem; }

.FeaturedPromotedCard__image { grid-area: 1 / 1 / 1 / 7; margin: 2rem 2rem 1rem; }

@media (min-width: 768px) {
  .FeaturedPromotedCard__image { grid-area: 1 / 2 / 1 / 6; margin: 2rem 4rem 1rem; }
}

@media (min-width: 1024px) {
  .FeaturedPromotedCard__image { align-self: center; grid-area: 1 / 7 / 1 / 12; margin: 2rem 5.06rem 2rem 0px; }
}

.VideoPlayer__thumbnail { cursor: pointer; position: relative; }

.VideoPlayer__play { background: var(--pal-color-button-secondary-background); border: none; border-radius: 5rem; cursor: pointer; height: 2rem; left: 50%; padding: 0px; width: 2rem; z-index: 3; }

.VideoPlayer__play, .VideoPlayer__play svg { font-size: 6.25rem; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); }

.VideoPlayer__play svg { left: 54%; }

@media (min-width: 1024px) {
  .react-player__preview { height: 28.81rem !important; object-fit: fill; }
}

.InlineVideo { position: relative; }

.InlineVideo--paused svg { margin-left: 0.275rem; }

.InlineVideo video { vertical-align: bottom; }

.InlineVideo__controlButton { cursor: pointer; left: 1rem; position: absolute; z-index: 3; }

.InlineVideo__controlButton, .InlineVideo__controlButton:active, .InlineVideo__controlButton:focus, .InlineVideo__controlButton:hover { background-color: var(--pal-color-button-secondary-background); border-color: var(--pal-color-button-secondary-border); bottom: 1rem; color: var(--pal-color-button-secondary-content); }

.InlineVideo__controlButton:active svg, .InlineVideo__controlButton:focus svg, .InlineVideo__controlButton:hover svg { fill: var(--pal-color-button-secondary-content); }

.InlineVideo__controlButton svg { vertical-align: middle; }