@charset "utf-8";

.EditorialFeature { margin: 0px auto; max-width: 90rem; }

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

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

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

@media (min-width: 768px) {
  .EditorialFeature__content { overflow: auto; }
}

.EditorialFeature__Image { grid-column: span 6; margin-left: -1rem; margin-right: -1rem; }

@media (min-width: 1024px) {
  .EditorialFeature__Image { grid-column: span 12; margin: 0px; }
}

.EditorialFeature__Image img { display: block; height: auto; max-width: 100%; }

.EditorialFeature__Image--mirrored img { transform: scaleX(-1); }

.EditorialFeature__Details { background-color: var(--pal-colors-default-background-default); bottom: 9%; display: flex; flex-direction: column; justify-content: center; left: -1.5rem; max-width: 90%; min-height: 51%; padding: 1.5rem; position: absolute; }

@media (min-width: 768px) {
  .EditorialFeature__Details { bottom: 8%; grid-column: 1 / 5; left: unset; max-width: unset; min-height: 35%; padding: 2rem; }
}

@media (min-width: 1024px) {
  .EditorialFeature__Details { bottom: 13%; grid-column: 7 / 12; padding: 2.5rem 3rem; }
}

.EditorialFeature__Details--mirrored { left: unset; right: -1.5rem; }

@media (min-width: 768px) {
  .EditorialFeature__Details--mirrored { bottom: 8%; grid-column: 3 / 7; right: unset; }
}

@media (min-width: 1024px) {
  .EditorialFeature__Details--mirrored { bottom: 13%; grid-column: 2 / 7; }
}

.EditorialFeature__Subtitle { margin-top: 1rem; }

.EditorialFeature__Link { margin-top: 1.25rem; }

@media (min-width: 768px) {
  .EditorialFeature__Link { margin-top: 1.75rem; }
}

@media (min-width: 1024px) {
  .EditorialFeature__Link { margin-top: 1.5rem; }
}

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