[data-localhost] {
  font-size: 10px;
}

html.skrollr-mobile,
html.skrollr-mobile body {
  overflow: visible !important;
}

body #app tv-embrace {
  -webkit-font-smoothing: antialiased;
  color: #111;
  display: block;
  font-family: 'Gotham', sans-serif;
  font-size: 14px;
  font-weight: 300;
  margin: 0;
  overflow-x: hidden;
}
html.skrollr-mobile body #app tv-embrace {
  transform: unset !important;
}

/* Defaults */
body #app tv-embrace a {
  color: #111;
  transition: color .3s;
}
body #app tv-embrace a:hover {
  color: #999;
  text-decoration: none;
}
body #app tv-embrace hr {
    border-block-start: 2px solid var(--tv-embrace-gray_lighter);
    box-sizing: content-box;
    margin: var(--tv-embrace-gap-1) auto;
    max-inline-size: 180px;
    height: 0;
}
body #app tv-embrace picture {
  display: flex;
}
body #app tv-embrace picture.center {
  justify-content: center;
}
body #app tv-embrace img {
  block-size: auto;
  max-inline-size: 100%;
}
body #app tv-embrace sup {
  display: inline-block;
  line-height: .1;
}
body #app tv-embrace h2 sup {
  transform: translateY(9px);
}
body #app tv-embrace h3 sup {
  transform: translateY(5px);
}
body #app tv-embrace p sup {
  font-size: 120%;
  transform: translateY(7px);
}
body #app tv-embrace i sup {
  transform: translateY(3px);
}


/* Headline */
body #app tv-embrace :where(h2, .h2) {
  font-family: 'Gotham', sans-serif;
  font-size: var(--tv-embrace-headline-1-font-size);
  font-weight: 400;
  line-height: var(--tv-embrace-headline-1-line-height);
  margin: 0;
  padding-block-end: var(--tv-embrace-gap-1);
  position: relative;
  text-align: center;
}
body #app tv-embrace :where(h2, .h2):after {
  background-color: var(--tv-embrace-gray_lighter);
  block-size: 2px;
  content: '';
  display: block;
  margin-block: var(--tv-embrace-gap-2);
  margin-inline: auto;
  max-inline-size: 180px;
}
body #app tv-embrace :where(h3, .h3) {
  font-family: 'Gotham', sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: var(--tv-embrace-gap-2);
  margin: 0;
  text-align: center;
}
body #app tv-embrace hr + :where(h3, .h3) {
  margin-block-start: calc( var(--tv-embrace-gap-1) * 2 );
}
body #app tv-embrace :where(h4, .h4) {
  font-family: 'Gotham', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: var(--tv-embrace-gap-2);
  margin: 0;
  text-align: center;
}


/* Button */
body #app tv-embrace .list-buttons {
  column-gap: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: var(--tv-embrace-gap-2) 0;
  padding: 0;
  row-gap: var(--tv-embrace-gap-1);
}
body #app tv-embrace .btn {
  background: var(--tv-embrace-blue);
  border: 0;
  border-radius: var(--tv-embrace-gap-2);
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Gotham', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color .2s ease-in-out;
  white-space: nowrap;
}
body #app tv-embrace .btn:focus-visible,
body #app tv-embrace .btn:hover {
  background-color: var(--tv-embrace-blue_dark);
  color: var(--tv-embrace-white);
}


/* Grid */
body #app tv-embrace pint-grid {
  display: grid;
  gap: var(--tv-embrace-gap-3)
}
body #app tv-embrace h3 + pint-grid {
  margin-block-start: var(--tv-embrace-gap-3);
}
body #app tv-embrace pint-grid {
  text-align: center;
}
body #app tv-embrace pint-grid pint-column {
  align-items: center;
  display: flex;
  flex-direction: column;
}
body #app tv-embrace pint-grid picture {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-block-size: 120px;
}
body #app tv-embrace h3 + picture {
  margin-block-start: var(--tv-embrace-gap-1);
}
body #app tv-embrace .water-drop {
  transform: translateX(10px);
}
@media (min-width: 768px) {
  body #app tv-embrace pint-grid[data-type="2"] {
    grid-template-columns: repeat(2, 1fr);
  }
  body #app tv-embrace pint-grid[data-type="3"] {
    grid-template-columns: repeat(3, 1fr);
  }
}


/* Video Overlay */
body #app tv-embrace #dialog-video {
  background: var(--tv-embrace-white);
  border: 0;
  border-radius: 6px;
  box-sizing: border-box;
  left: 0;
  inline-size: 100%;
  max-inline-size: calc( 460px + var(--tv-embrace-gap-2) * 2 );
  outline: none;
  padding: var(--tv-embrace-gap-2);
  position: fixed;
  top: 0;
  transform: translateY( calc( -30% + 50px ) );
  transition: transform .3s;
}
body #app tv-embrace #dialog-video[open] {
  transform: translateY( calc( -30% + 0px ) );
}
body #app tv-embrace #dialog-video::backdrop {
  background: rgba(0 0 0 / .7);
}
body #app tv-embrace #dialog-video h2 {
  font-size: 24px;
  margin: 0;
  padding: 0;
  text-align: start;
}
body #app tv-embrace #dialog-video h2:after {
  display: none;
}
body #app tv-embrace #dialog-video iframe {
  aspect-ratio: 600/ 340;
  block-size: auto;
  inline-size: 100%;
}



/* --- */


/* SECTION */

body #app tv-embrace section {
  background-color: var(--tv-embrace-white);
  scroll-margin-top: 140px;
}
body #app tv-embrace .section-gray {
  background-color: var(--tv-embrace-gray_light);
}

/* Section Inner Wrap */
body #app tv-embrace pint-content-width {
  --inner-padding-bottom: var(--theme-gap-5);
  --inner-padding-left: 0;
  --inner-padding-right: 0;
  --inner-padding-top: var(--theme-gap-5);

  box-sizing: border-box;
  display: block;
  max-width: var(--tv-embrace-viewport-max-outer);
  padding: var(--tv-embrace-gap-4) var(--tv-embrace-gutter);
}
@media (min-width: 1024px) {
  body #app tv-embrace pint-content-width {
    margin-inline: auto;
  }
}

/* Testimonials */
body #app tv-embrace .section-testimonials {
  background: none;
  color: var(--tv-embrace-white);
  position: relative;
}
body #app tv-embrace .section-testimonials pint-content-wrap {
  background: rgba(0 0 0 / .5);
  display: block;
}
body #app tv-embrace .section-testimonials pint-content-width {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-block-size: 660px;
}
body #app tv-embrace .section-testimonials pint-grid {
  gap: var(--tv-embrace-gap-6);
}
body #app tv-embrace pint-testimonial {
  display: flex;
  flex-direction: column;
}
body #app tv-embrace pint-testimonial picture {
  block-size: 160px;
  border: 2px solid transparent;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 2px #ffffff;
  inline-size: 160px;
  margin: auto;
  overflow: hidden;
}
body #app tv-embrace pint-testimonial blockquote {
  border: 0;
  flex: 1 0 auto;
  font-size: 15px;
  margin: 0 0 16px;
  padding: 0;
}
body #app tv-embrace pint-testimonial blockquote p {
  margin: 16px 0 0;
}
body #app tv-embrace pint-testimonial .btn {
  inline-size: 100%;
}



/* HEADER */
body #app tv-embrace header {
  background-color: rgba(255 255 255 / 0);
  inline-size: 100%;
  left: 0;
  position: fixed;
  top: 125px;
  transition: background-color .3s;
  z-index: 5;
}
@media (max-width: 899.95px) {
  body #app tv-embrace header {
    display: none;
  }
}
[data-localhost] body #app tv-embrace header {
  top: 0 !important;
}
[html-scroll-top-false] body #app tv-embrace header {
  background-color: rgba(255 255 255 / 1);;
  top: 70px;
}
body #app tv-embrace header pint-content-width {
  align-items: center;
  display: flex;
  gap: var(--tv-embrace-gap-2);
  min-block-size: 80px;
  padding-block: 10px;
}
/* Logo */
body #app tv-embrace .logo {
  display: none;
}
[data-localhost] body #app tv-embrace .logo {
  display: block;
}
body #app tv-embrace .logo .black,
[html-scroll-top] body #app tv-embrace .logo .black {
  display: none;
}
[html-scroll-top-false] body #app tv-embrace .logo .black {
  display: block;
}
[html-scroll-top] body #app tv-embrace .logo .white {
  display: block;
}
[html-scroll-top-false] body #app tv-embrace .logo .white {
  display: none;
}
/* Nav */
body #app tv-embrace header nav {
  margin-inline-start: auto;
}
body #app tv-embrace header nav,
body #app tv-embrace header menu,
body #app tv-embrace header menu li {
  align-items: center;
  display: flex;
  font-size: 13px;
  gap: 30px;
}
body #app tv-embrace header menu a:not(.btn) {
  color: var(--tv-embrace-white);
  text-decoration: none;
}
[html-scroll-top-false] body #app tv-embrace header nav a:not(.btn) {
  color: #111;
  text-decoration: none;
}
body #app tv-embrace header menu a:not(.btn):hover {
  color: #aaa !important;
}
@media (max-width: 899.95px) {
  body #app tv-embrace header nav {
    display: none;
  }
  body #app tv-embrace header pint-content-width > .btn {
    margin-inline-start: auto;
  }
}
/* CTA Banner */
body #app tv-embrace cta-banner {
  background: rgba(0, 160, 220, 0.75);
  color: white;
  cursor: pointer;
  display: block;
  padding-block: 10px;
  position: absolute;
  text-align: center;
  width: 100%;
}
body #app tv-embrace cta-banner p {
  margin: 0;
}
body #app tv-embrace cta-banner p + p {
  margin-block-start: 4px;
}
body #app tv-embrace cta-banner a {
  color: var(--tv-embrace-white);
}
body #app tv-embrace cta-banner strong {
  font-weight: 600;
}


/* FOOTER */
body #app tv-embrace footer pint-content-width {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--tv-embrace-gap-1);
}

/* Social */
body #app tv-embrace menu.social {
  display: flex;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Nav */
body #app tv-embrace menu.nav {
  display: flex;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Copyright */
body #app tv-embrace .copyright {
  margin-block-end: 0;
}