@charset "utf-8";

.s-tabs { background-color: rgb(1, 12, 6); color: rgb(255, 255, 255); column-gap: 3rem; display: grid; padding-block: 1.5rem; width: 100%; }

.s-tabs__container { display: grid; gap: 2.5rem; position: relative; }

.s-tabs__buttons { align-items: center; display: flex; flex-direction: row; gap: 1.5rem; justify-content: flex-start; }

.s-tabs__button { font-family: "Walter Turncoat", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 100%; padding: 0.2rem 0px; position: relative; text-align: center; text-transform: capitalize; }

.s-tabs__button::before { background-color: var(--surface-cta); content: ""; display: block; left: 0px; position: absolute; transform: scaleX(0); transform-origin: left center; transition: transform 0.3s; width: 100%; }

.s-tabs__button.is-active::before, .s-tabs__button:active::before, .s-tabs__button:hover::before { transform: scaleX(1); }

.s-tabs__button::before { bottom: -0.5rem; height: 0.13rem; }

.s-tabs__dot, .s-tabs__dots { align-items: center; display: flex; flex-direction: row; justify-content: center; }

.s-tabs__dot::after { border: .0625rem solid var(--icon-reverse); border-radius: 50%; content: ""; display: block; height: 0.75rem; width: 0.75rem; }

.s-tabs__dot.is-active::after { background-color: var(--icon-brand); border-color: var(--icon-brand); }

.s-tabs__panels { display: grid; }

.s-tabs__panel { grid-area: 1 / 1; opacity: 0; visibility: hidden; }

.s-tabs__panel.is-active { transition: opacity 0.25s ease-in-out; visibility: visible; }

.s-tabs__panel.is-visible { opacity: 1; }

.s-tabs__header { display: grid; gap: 0.75rem; }

.s-tabs__kicker { font-family: "Walter Turncoat", sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.1; text-transform: uppercase; }

.s-tabs__title { font-size: 1.625rem; font-weight: 700; line-height: 1.1; }

.s-tabs__panel-inner { display: grid; gap: 1.5rem; }

.s-tabs__content h1, .s-tabs__content h2, .s-tabs__content h3, .s-tabs__content h4, .s-tabs__content h5, .s-tabs__content h6 { font-family: "Walter Turncoat", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 100%; margin-bottom: -1rem; text-align: left; text-transform: capitalize; }

.s-tabs__content > ul { display: grid; gap: 0.75rem; padding-left: 0px; }

.s-tabs__content > ul > li { padding-left: 1.3em; position: relative; list-style: none !important; margin: 0px !important; }

.s-tabs__content > ul > li::before { background-color: var(--checkmark-color,var(--text-cta)); content: ""; height: 1em; left: 0px; mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' aria-hidden='true' viewBox='0 0 12 9'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006h-.001z' clip-rule='evenodd'/%3E%3C/svg%3E"); mask-position: center center; mask-repeat: no-repeat; mask-size: contain; position: absolute; top: 0.2em; width: 0.8em; }

.s-tabs__content--text-darker p { opacity: 0.6; }

.s-tabs__content--grid { column-count: 2; column-gap: 1.4rem; }

.s-tabs__content--grid p { font-size: 1rem; }

.s-tabs__image { height: 100%; }

.s-tabs__image img { height: 100%; object-fit: cover; width: 100%; }

.s-tabs__visuals { width: 100%; }

.s-tabs__visuals > * { border-radius: 0.5rem; overflow: hidden; }

@media only screen and (min-width: 48em) {
  .s-tabs__title { font-size: 2.0625rem; }
}

@media only screen and (min-width: 64em) {
  .s-tabs { padding-block: 3rem 6rem; }
  .s-tabs__container { display: block; padding-top: 5rem; }
  .s-tabs__buttons { margin-block: -4rem 4rem; width: 44%; }
  .s-tabs__dots { display: none; }
  .s-tabs__panel-inner { width: 44%; }
  .s-tabs__visuals { bottom: 0px; position: absolute; right: 0px; top: 0px; width: 49%; }
}

@media only screen and (min-width: 80em) {
  .s-tabs__title { font-size: 2.625rem; }
  .s-tabs__content--grid { column-gap: 5.4rem; }
}

@media only screen and (max-width: calc(64em - 1px)) {
  .s-tabs__visuals .video-html5 { height: 0px; overflow: hidden; padding-bottom: 61.8047%; position: relative; width: 100%; }
  .s-tabs__visuals .video-html5 video { inset: 0px; position: absolute; }
}

@media (prefers-color-scheme: dark) {
  .s-tabs__dot::after { border: 0.0625rem solid white; }
}