@charset "utf-8";

a[href*=".mp4"].hide-video { visibility: hidden !important; }

video { max-width: 100%; height: auto; object-fit: cover; }

:is(.marquee, .aside.split) .pause-play-wrapper img.accessibility-control { min-height: 40px; }

.video-container { display: flex; position: relative; height: 100%; width: fit-content; margin: auto; }

:is(.aside, .marquee, .quiz-marquee) .video-container { width: auto; }

.brick-media .video-container { width: 100%; height: 100%; border-radius: inherit; }

.pause-play-wrapper { display: flex; width: fit-content; margin: auto; }

.video-container .pause-play-wrapper { position: absolute; bottom: 2%; right: 2%; margin: 0px; justify-content: center; align-items: center; border-radius: 50%; z-index: 3; padding: 3px; cursor: pointer; }

.video-container .pause-play-wrapper .offset-filler { display: inherit; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: inherit; background: var(--color-gray-800); }

:is(.marquee:not(.light), .dark) .video-container .pause-play-wrapper { padding: 1px; }

:is(.marquee:not(.light), .dark) .video-container .pause-play-wrapper:focus-visible { background: rgb(0, 0, 0); }

:is(.marquee:not(.light), .dark) .video-container .pause-play-wrapper .offset-filler { border: 2px solid rgb(255, 255, 255); }

.video-container .pause-play-wrapper:focus-visible { background: rgb(255, 255, 255); }

.video-container .pause-play-wrapper .offset-filler:hover { background: rgb(0, 0, 0); }

.video-container .pause-play-wrapper:focus-visible { outline: var(--color-accent-focus-ring) solid 2px; }

.video-container .pause-play-wrapper .offset-filler.is-playing .play-icon, .video-container .pause-play-wrapper .offset-filler:not(.is-playing) .pause-icon { display: none; }

:is(.editorial-card, .hero-marquee, .marquee):not(:has(.video-container)) .pause-play-wrapper, .editorial-card .video-container { width: auto; height: 100%; }

.brick .brick-media:not(:has(.video-container)) .pause-play-wrapper { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: inherit; border-bottom-right-radius: inherit; width: auto; height: 100%; margin: 0px; }

[dir="rtl"] .brick .brick-media:not(:has(.video-container)) .pause-play-wrapper { border-top-left-radius: inherit; border-bottom-left-radius: inherit; }

.hero-marquee .background .video-container { position: inherit; }

:is(.video-container .pause-play-wrapper, .aside.split.split-left .split-image) img.accessibility-control, .brick.split.row.media-right .foreground .brick-media img.accessibility-control { width: inherit; height: inherit; margin: 0px; }

.video-container .pause-play-wrapper img.hidden { display: none; }

.marquee .background .video-container { display: contents; }

.how-to .how-to-media .video-container { height: fit-content; }

:is(.media .background, .hero-marquee .foreground-media) .video-container { width: 100%; }

@media (min-width: 600px) {
  .media:not(.media-reverse-mobile, .media-reversed) .video-container .pause-play-wrapper, :is(.marquee.row-reversed .asset, .marquee-anchors, .hero-marquee.asset-left) .video-container .pause-play-wrapper, :is(.aside:not(.split), .aside.split.split-right) .video-container .pause-play-wrapper { left: 2%; }
  :is(.section[class*="-up"] .media .foreground .image:first-child, .aside .foreground .image:nth-last-child(1)) .video-container .pause-play-wrapper { left: auto; right: 2%; }
  [dir="rtl"] :is(.marquee.split:not(.row-reversed), .media:is(.media-reverse-mobile, .media-reversed), .hero-marquee:not(.asset-left) :is([class*="foreground"]), .aside.split:not(.split-right), .aside .foreground.container .image:nth-last-child(1), .brick.media-right, .how-to) .video-container .pause-play-wrapper { left: 2%; right: auto; }
}

@media (min-width: 600px) and (max-width: 1199px) {
  .hero-marquee.asset-left .video-container.video-holder .pause-play-wrapper, .aside:is(.media-top-tablet, .media-bottom-tablet) .video-container.video-holder .pause-play-wrapper { left: auto; right: 2%; }
}