@charset "utf-8";

.TitleSection__image { grid-column: 2 / 6; margin-bottom: 1.5rem; }

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

@media (min-width: 1024px) {
  .TitleSection__image { grid-column: 6 / 8; }
}

.TitleSection__tag { grid-column: 2 / 6; margin-bottom: 1rem; text-align: center; }

@media (min-width: 1024px) {
  .TitleSection__tag { grid-column: 4 / 10; margin-bottom: 1.5rem; }
}

.TitleSection__eyebrow { grid-column: 2 / 6; margin-bottom: 0.5rem; text-align: center; }

@media (min-width: 1024px) {
  .TitleSection__eyebrow { grid-column: 4 / 10; margin-bottom: 1rem; }
}

.TitleSection__headline { grid-column: span 6; margin-bottom: 0.5rem; }

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

@media (min-width: 1024px) {
  .TitleSection__headline { grid-column: 3 / 11; margin-bottom: 1rem; }
}

.TitleSection__subheadline { grid-column: 2 / 6; }

@media (min-width: 1024px) {
  .TitleSection__subheadline { grid-column: 4 / 10; }
}

.TitleSection__action { grid-column: span 6; margin-top: 1rem; text-align: center; }

.TitleSection__action .ActionGroup { display: inline-flex; }

@media (min-width: 1024px) {
  .TitleSection__action { grid-column: 4 / 10; margin-top: 2rem; }
}

.TitleSection--mobileLeft .TitleSection__image { grid-column: 1 / 5; }

@media (min-width: 768px) {
  .TitleSection--mobileLeft .TitleSection__image { grid-column: 3 / 5; }
}

@media (min-width: 1024px) {
  .TitleSection--mobileLeft .TitleSection__image { grid-column: 6 / 8; }
}

.TitleSection--mobileLeft .TitleSection__action, .TitleSection--mobileLeft .TitleSection__eyebrow, .TitleSection--mobileLeft .TitleSection__image, .TitleSection--mobileLeft .TitleSection__tag { text-align: left; }

@media (min-width: 768px) {
  .TitleSection--mobileLeft .TitleSection__action, .TitleSection--mobileLeft .TitleSection__eyebrow, .TitleSection--mobileLeft .TitleSection__image, .TitleSection--mobileLeft .TitleSection__tag { text-align: center; }
}

.TitleSection--mobileLeft .TitleSection__eyebrow, .TitleSection--mobileLeft .TitleSection__subheadline, .TitleSection--mobileLeft .TitleSection__tag { grid-column: span 6; }

@media (min-width: 768px) {
  .TitleSection--mobileLeft .TitleSection__eyebrow, .TitleSection--mobileLeft .TitleSection__subheadline, .TitleSection--mobileLeft .TitleSection__tag { grid-column: 2 / 6; }
}

@media (min-width: 1024px) {
  .TitleSection--mobileLeft .TitleSection__eyebrow, .TitleSection--mobileLeft .TitleSection__subheadline, .TitleSection--mobileLeft .TitleSection__tag { grid-column: 4 / 10; }
}

.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; }

.ActionGroup { align-items: flex-start; display: flex; flex-direction: column; }

.ActionGroup div:nth-child(2) { margin: 1.5rem 0px 0px; }

.ActionGroup a.pal-c-Link--disabled, .ActionGroup a.pal-c-Link--disabled:hover { color: var(--pal-colors-default-content-xsubtle); }

@media (min-width: 1024px) {
  .ActionGroup { align-items: center; flex-direction: row; }
  .ActionGroup div:nth-child(2), .ActionGroup__onlyLink div:nth-child(2) { margin: 0px 0px 0px 2rem; }
}

.ActionGroup__oneButton div:nth-child(2) { margin: 1.5rem 0px 0px; }

@media (min-width: 1024px) {
  .ActionGroup__oneButton div:nth-child(2) { margin: 0px 0px 0px 2rem; }
}

.ActionGroup__bothButton { display: flex; flex-direction: column; width: 100%; }

.ActionGroup__bothButton div:nth-child(2) { margin: 0.5rem 0px 0px; }

@media (min-width: 1024px) {
  .ActionGroup__bothButton { width: unset; }
  .ActionGroup__bothButton div:nth-child(2) { margin: 0px 0px 0px 1.5rem; }
}

.ActionGroup__arrowLink .Link__wrapper, .ActionGroup__arrowLink--disabled .Link__wrapper { display: unset; margin: 0px; text-align: start; }

.ActionGroup__arrowLink--disabled .Link__content .pal-c-Link { background-image: none; color: var(--pal-colors-default-background-subtle); cursor: not-allowed; transition: none; }

.ActionGroup__arrowLink--disabled .Link__content .pal-c-Link svg { fill: var(--pal-colors-default-background-subtle); transition: unset; }

.ActionGroup__arrowLink--disabled .Link__content .pal-c-Link:hover { animation: auto ease 0s 1 normal none running none; transform: unset; }

.ActionGroup__arrowLink--disabled .Link__content .pal-c-Link:hover .pal-c-Link__icon-after { animation: unset; }

@-webkit-keyframes slide-right { 
  0% { transform: unset; }
}

@keyframes slide-right { 
  50% { transform: unset; }
}

.ActionGroup__isCentered { display: block; text-align: center; }

.ActionGroup__isCentered .ActionGroup__bothButton, .ActionGroup__isCentered .ActionGroup__oneButton, .ActionGroup__isCentered .ActionGroup__onlyLink { align-items: center; }

.ActionGroup__isCentered .ActionGroup__arrowLink .Link__wrapper, .ActionGroup__isCentered .ActionGroup__arrowLink--disabled .Link__wrapper { display: inline-block; }

.ActionGroup__isCentered .ActionGroup__oneButton div:nth-child(2), .ActionGroup__isCentered div:nth-child(2) { margin: 1rem 0px 0px; }

.ActionGroup .isOfferActivated { color: var(--pal-colors-default-content-default); font-size: var(--pal-font-size-14px); }