/*
 * ATB Theme Light
 *
 * Standalone light counterpart of atb-theme.css: it carries the same layout,
 * spacing and typography rules, only with the light palette, so a page can
 * load it on its own.
 *
 * The .atb-light blocks at the end cover the fragments, whose own CSS is dark
 * by default; the class comes from the ATB Light Mode fragment. They also let
 * this file win over atb-theme.css when both are loaded on the same page.
 */

:root {
  --atb-white: #ffffff;

  --atb-primary: #262c37;
  --atb-secondary: #5c6069;
  --atb-border: #dde0e6;
  --atb-surface: #ffffff;

  --body-bg: #fbfcfe !important;
  --atb-body-bg: #fbfcfe;

  --atb-container-max-sm: 366px;
  --atb-container-max-lg: 1600px;

  --atb-h1-font-size: 2.688rem;
  --atb-h2-font-size: 2.25rem;
  --atb-h3-font-size: 2rem;
  --atb-h4-font-size: 1.75rem;
  --atb-h5-font-size: 1.125rem;
  --atb-h6-font-size: 0.875rem;

  --atb-font-size-lg: 1.313rem;
  --atb-font-size-base: 1.125rem;
  --atb-font-size-sm: 1rem;

  --text-paragraph-font-size: 1.125rem;
  --text-paragraph-base-font-size: 1rem;

  --atb-font-weight-extra-bold: 800;
  --atb-font-weight-bolder: 700;
  --atb-font-weight-bold: 600;
  --atb-font-weight-semi-bold: 500;
  --atb-font-weight-normal: 400;
  --atb-font-weight-light: 300;

  --atb-font-family-base:
    "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

  --atb-border-radius-sm: unset;
  --atb-border-radius: 0.5rem;
  --atb-border-radius-lg: unset;

  /* Buttons */
  --atb-btn-primary-background-color: linear-gradient(
    249.88deg,
    #377cff -37.23%,
    #0b5fff 63.41%
  );
  --atb-btn-primary-border-color: unset;
  --atb-btn-primary-color: var(--atb-white);
  --atb-btn-primary-hover-background-color: linear-gradient(
    259.01deg,
    #0b5fff 10.38%,
    #377cff 104.03%
  );
  --atb-btn-primary-hover-border-color: unset;
  --atb-btn-primary-hover-color: var(--atb-white);

  --atb-btn-outline-primary-border-color: unset;
  --atb-btn-outline-primary-color: var(--atb-primary);
  --atb-btn-outline-primary-hover-background-color:
    radial-gradient(
      circle at 85.71% 9.82%,
      rgba(11, 95, 255, 0.08) 0%,
      rgba(11, 95, 255, 0) 100%
    ),
    rgba(255, 255, 255, 0.01);
  --atb-btn-outline-primary-hover-border-color: linear-gradient(
    135deg,
    #6399ff,
    #781fff
  );
  --atb-btn-outline-primary-hover-color: var(--atb-primary);

  /* Custom Vars */
  --atb-btn-lg-font-size: 1.125rem;
  --atb-btn-lg-line-height: 1.75rem;
  --atb-btn-lg-padding-x: 0.875rem;
  --atb-btn-lg-padding-y: 1.125rem;

  --atb-btn-md-font-size: 1rem;
  --atb-btn-md-line-height: 1.5rem;
  --atb-btn-md-padding-x: 0.75rem;
  --atb-btn-md-padding-y: 1rem;

  --atb-btn-sm-font-size: 0.875rem;
  --atb-btn-sm-line-height: 1.25rem;
  --atb-btn-sm-padding-x: 0.625rem;
  --atb-btn-sm-padding-y: 0.75rem;

  --atb-btn-link-primary-color: #004ad7;
  --atb-btn-link-primary-hover-color: #004ad7;

  --atb-btn-link-secondary-color: var(--atb-primary);
  --atb-btn-link-secondary-hover-color: unset;

  --atb-btn-link-lg-font-size: 1.25rem;
  --atb-btn-link-lg-line-height: 1.75rem;

  --atb-btn-link-md-font-size: 1rem;
  --atb-btn-link-md-line-height: 1.5rem;

  --atb-btn-link-sm-font-size: 0.875rem;
  --atb-btn-link-sm-line-height: 1.25rem;
}

@media (min-width: 1280px) {
  :root {
    --atb-h1-font-size: 3.125rem;
    --atb-h2-font-size: 2.7rem;
    --atb-h3-font-size: 2.313rem;
    --atb-h4-font-size: 1.75rem;
    --atb-h5-font-size: 1.125rem;
    --atb-h6-font-size: 0.875rem;
  }
}

body {
  overflow-x: hidden;
  background-color: var(--atb-body-bg);
}

html {
  background-color: var(--atb-body-bg);
}

body:not(.has-edit-mode-menu) #atb-container,
body:not(.has-edit-mode-menu) .master-atb-footer {
  max-width: 90%;
  margin: 0 auto;
}

@media (min-width: 1280px) {
  body:not(.has-edit-mode-menu) #atb-container,
  body:not(.has-edit-mode-menu) .master-atb-footer {
    max-width: var(--atb-container-max-lg);
    padding: 0 2.5rem;
  }
}

#atb-container .atb-mt-xs {
  margin-top: 1.5rem;
}

#atb-container .atb-mt-s {
  margin-top: 2.5rem;
}

#atb-container .atb-mb-s {
  margin-bottom: 2.5rem;
}

#atb-container .atb-mt {
  margin-top: 5rem;
}

#atb-container .atb-mb {
  margin-bottom: 5rem;
}

@media (min-width: 1280px) {
  #atb-container .atb-mt-xs {
    margin-top: 2rem;
  }
  #atb-container .atb-mt-s {
    margin-top: 5rem;
  }

  #atb-container .atb-mb-s {
    margin-bottom: 5rem;
  }

  #atb-container .atb-mt {
    margin-top: 10rem;
  }

  #atb-container .atb-mb {
    margin-bottom: 10rem;
  }
}

#atb-container mark {
  color: #4b3fe4;
  background-color: transparent;
  background-image: linear-gradient(90deg, #0b5fff, #7414ff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#atb-container h1 mark,
#atb-container h2 mark {
  display: inline-block;
}

#atb-container a {
  color: var(--atb-btn-link-primary-color);
  text-decoration: none;
}

#atb-container [class*="lfr-layout-structure-item-atb-svg-sprite-sheet"] {
  height: 0;
}

#atb-container .spacing-xl {
  margin-top: 80px;
}

@media (min-width: 1280px) {
  #atb-container .spacing-xl {
    margin-top: 160px;
  }
}

#atb-container h1,
#atb-container h2,
#atb-container h3,
#atb-container h4,
#atb-container h5,
#atb-container h6,
#atb-container p,
#atb-container span {
  font-family: var(--atb-font-family-base), serif;
  margin: 0;
  padding: 0;
}

#atb-container h1,
#atb-container h2,
#atb-container h3,
#atb-container h4,
#atb-container h5,
#atb-container h6,
#atb-container p,
#atb-container span {
  color: var(--atb-primary);
}

#atb-container .atb-solution-finder-button > span,
#atb-container .atb-button.primary > span {
  color: var(--atb-btn-primary-color);
}

#atb-container h1 {
  font-size: var(--atb-h1-font-size);
  font-weight: var(--atb-font-weight-bolder);
}

#atb-container h2 {
  font-size: var(--atb-h2-font-size);
  font-weight: var(--atb-font-weight-bolder);
}

#atb-container h3 {
  font-size: var(--atb-h3-font-size);
  font-weight: var(--atb-font-weight-bold);
}

#atb-container h4 {
  font-size: var(--atb-h4-font-size);
  font-weight: var(--atb-font-weight-bolder);
}

#atb-container p {
  font-size: var(--atb-font-size-base);
}

#atb-container .wistia_embed {
  border-radius: var(--atb-border-radius);
}

/* Footer */

@media (max-width: 991px) {
  .master-atb-footer .footer-container {
    padding: 40px 24px !important;
  }
}

.master-atb-footer {
  padding: 0 !important;
  max-width: unset !important;
  background: rgba(240, 242, 247, 0.7) !important;
  box-shadow: -3px 3px 30px 4px rgba(16, 24, 40, 0.08);
  backdrop-filter: blur(50px);
  border-top: 1px solid var(--atb-border) !important;
}

.master-atb-footer .footer-container {
  max-width: 1600px !important;
  background: unset !important;
  padding: 2.5rem 0 1rem 2.5rem !important;
}

.master-atb-footer .footer-container .sections-container .component-text,
.master-atb-footer .footer-container .sections-container .redirect-footer-link,
.master-atb-footer .footer-container h5 {
  font-family: "Source Sans Pro", serif !important;
}

.master-atb-footer .footer-container .svg-logo,
.master-atb-footer .footer-container .sections-container .component-text,
.master-atb-footer .footer-container .sections-container .redirect-footer-link,
.master-atb-footer .footer-container .sections-container svg {
  color: var(--atb-primary) !important;
}

.master-atb-footer
  .footer-container
  .sections-container
  .component-text
  a:hover,
.master-atb-footer
  .footer-container
  .sections-container
  .component-html
  a:hover,
.master-atb-footer
  .footer-container
  .sections-container
  .redirect-footer-link
  a:hover,
.master-atb-footer .footer-container .sections-container svg:hover,
.master-atb-footer .footer-container .footer-bottom-links a:hover {
  color: var(--atb-btn-link-primary-hover-color) !important;
}

.master-atb-footer .footer-container a.focus,
.master-atb-footer .footer-container a:focus-visible,
.master-atb-footer .footer-container .c-prefers-focus a:focus {
  box-shadow: none !important;
}

.master-atb-footer .footer-container .bottom-section-container .component-text,
.master-atb-footer
  .footer-container
  .bottom-section-container
  .redirect-footer-link {
  color: var(--atb-secondary) !important;
  font-size: 0.813rem;
}

/* Navigation */

.navigation-wrapper-container {
  background:
    radial-gradient(
      108.66% 109.35% at 100% 1.5%,
      rgba(255, 255, 255, 0.9) 0.25%,
      rgba(240, 242, 247, 0.6) 100%
    ),
    rgba(251, 252, 254, 0.75) !important;
  box-shadow: -3px 3px 30px 4px rgba(16, 24, 40, 0.08);
  backdrop-filter: blur(50px);
}

.navigation-wrapper-container .bottom-content-wrapper,
.navigation-wrapper-container .bottom-content-wrapper .left-container,
.navigation-wrapper-container .bottom-content-wrapper .right-container {
  background: transparent !important;
}

.navigation-wrapper-container .navigation-container-top,
.navigation-wrapper-container .navigation-container-bottom {
  animation: none !important;
}

/* Navigation Mobile */

.navigation-wrapper-container .lfr-navigation__mobile {
  background:
    radial-gradient(
      90.18% 246.09% at 85.71% 9.82%,
      rgba(11, 95, 255, 0.06) 0%,
      rgba(11, 95, 255, 0) 100%
    ),
    rgba(255, 255, 255, 0.9);
  box-shadow: -3px 3px 30px 4px rgba(16, 24, 40, 0.08);
  backdrop-filter: blur(20px);
  border-radius: 4px !important;
  padding: 10px 12px !important;
  height: unset !important;
  border: 1px solid #c5c9d1 !important;
}

.navigation-wrapper-container .lfr-navigation__mobile .mobile-text--menu {
  color: var(--atb-primary) !important;
}

.navigation-wrapper-container
  .lfr-navigation__mobile
  .mobile-icon
  .mobile-icon__line {
  background-color: var(--atb-primary) !important;
}

.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation__mobile:active,
.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation__mobile:focus,
.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation__mobile:focus-visible {
  outline: unset !important;
}

.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation__mobile:active
  .mobile-text--close,
.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation__mobile:focus
  .mobile-text--close,
.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation__mobile:focus-visible
  .mobile-text--close {
  color: var(--atb-btn-link-primary-hover-color) !important;
}

.navigation-wrapper-container.logged-in {
  top: 0 !important;
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .lfr-navigation.default-style
    .lfr-navigation-menu__item-button
    .item-button__label {
    padding: 14px 2px !important;
    gap: 4px !important;
  }

  .lfr-layout-structure-item-navigation-container {
    width: 98% !important;
    margin: 0 auto;
  }

  .navigation-wrapper-container .navigation-logo {
    padding: 0 1rem 1rem 0;
  }
}

@media (max-width: 991px) {
  .navigation-wrapper-container .navigation-container-bottom {
    z-index: 0;
  }

  .navigation-wrapper-container
    .lfr-navigation.default-style
    .lfr-navigation-menu__item-button:focus,
  .navigation-wrapper-container
    .lfr-navigation.default-style
    .lfr-navigation-menu__item-button:focus-visible,
  .navigation-wrapper-container
    .lfr-navigation.default-style
    .lfr-navigation-menu__item-button:focus-within,
  .navigation-wrapper-container
    .lfr-navigation.default-style
    .lfr-navigation-menu__item-button:hover,
  .navigation-wrapper-container
    .lfr-navigation.default-style
    .lfr-navigation-menu__item-button:has(.item-button__input:focus),
  .navigation-wrapper-container
    .lfr-navigation.default-style
    .lfr-navigation-menu__item-button:has(.item-button__input:focus-visible),
  .navigation-wrapper-container
    .lfr-navigation.default-style
    .lfr-navigation-menu__item-button:has(.item-button__input:focus-within),
  .navigation-wrapper-container
    .lfr-navigation.default-style
    .lfr-navigation-menu__item-button:has(.item-button__input:hover) {
    background: unset !important;
  }

  .navigation-wrapper-container .navigation-container > div > div,
  .navigation-wrapper-container .navigation-container > div > div > div {
    background: unset !important;
  }

  a.focus.submenu-item,
  a:focus-visible.submenu-item,
  a:focus.submenu-item.c-prefers-focus {
    box-shadow: unset !important;
  }

  .navigation-wrapper-container .lfr-navigation__container {
    background:
      radial-gradient(
        108.66% 109.35% at 100% 1.5%,
        rgba(255, 255, 255, 0.9) 0.25%,
        rgba(240, 242, 247, 0.6) 100%
      ),
      #fbfcfe !important;
    box-shadow: -3px 3px 30px 4px rgba(16, 24, 40, 0.08);
    backdrop-filter: blur(50px);
    bottom: -8px !important;
    height: calc(100vh - 124px) !important;
  }

  .navigation-wrapper-container
    .lfr-navigation
    .lfr-navigation-menu__item-button
    .item-button__label {
    width: 100% !important;
    padding: 14px 24px !important;
  }

  .navigation-wrapper-container .lfr-navigation .mobile-text--close {
    color: var(--atb-btn-link-primary-hover-color) !important;
  }

  .navigation-wrapper-container
    .lfr-navigation-submenu:not(.bg-light-blue, .bg-customizable) {
    margin-bottom: 0 !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .navigation-wrapper-container
    .lfr-navigation-submenu
    .lfr-navigation-submenu__items {
    border-left: 1px solid var(--atb-border) !important;
    margin-bottom: 0 !important;
    padding: 0 0 0 16px !important;
  }

  .navigation-wrapper-container .lfr-navigation-menu__item-options {
    margin-bottom: 20px;
    padding: 0 !important;
  }

  .navigation-wrapper-container .lfr-navigation-menu__item-options > div {
    padding: 0 24px !important;
  }

  .navigation-wrapper-container .lfr-navigation-submenu__items .submenu-item,
  .navigation-wrapper-container .mega-menu-item {
    padding: 6px !important;
  }

  .navigation-wrapper-container .lfr-navigation-submenu:last-child {
    padding: 24px !important;
  }

  .navigation-wrapper-container .lfr-navigation-submenu__name {
    border-bottom: unset !important;
  }
}

/* Logo */

.navigation-wrapper-container .navigation-logo {
  padding: 0 1rem;
}

.navigation-wrapper-container svg {
  color: var(--atb-primary) !important;
}

.navigation-wrapper-container .navigation-logo:hover,
.navigation-wrapper-container .navigation-logo:focus {
  outline: unset !important;
  background: rgba(11, 95, 255, 0.1) !important;
  box-shadow: unset !important;
}

/* Navigation Menu Entries */

.navigation-wrapper-container .lfr-navigation-menu .label-name {
  color: var(--atb-primary) !important;
}

.lfr-navigation.default-style .lfr-navigation-menu__item-button:focus,
.lfr-navigation.default-style .lfr-navigation-menu__item-button:focus-visible,
.lfr-navigation.default-style .lfr-navigation-menu__item-button:focus-within,
.lfr-navigation.default-style .lfr-navigation-menu__item-button:hover,
.lfr-navigation.default-style
  .lfr-navigation-menu__item-button:has(.item-button__input:focus),
.lfr-navigation.default-style
  .lfr-navigation-menu__item-button:has(.item-button__input:focus-visible),
.lfr-navigation.default-style
  .lfr-navigation-menu__item-button:has(.item-button__input:focus-within),
.lfr-navigation.default-style
  .lfr-navigation-menu__item-button:has(.item-button__input:hover) {
  outline: unset !important;
  background: none !important;
  position: relative;
}

.lfr-navigation.default-style .lfr-navigation-menu__item-button:focus::before,
.lfr-navigation.default-style
  .lfr-navigation-menu__item-button:focus-visible::before,
.lfr-navigation.default-style
  .lfr-navigation-menu__item-button:focus-within::before,
.lfr-navigation.default-style .lfr-navigation-menu__item-button:hover::before,
.lfr-navigation.default-style
  .lfr-navigation-menu__item-button:has(.item-button__input:focus)::before,
.lfr-navigation.default-style
  .lfr-navigation-menu__item-button:has(
    .item-button__input:focus-visible
  )::before,
.lfr-navigation.default-style
  .lfr-navigation-menu__item-button:has(
    .item-button__input:focus-within
  )::before,
.lfr-navigation.default-style
  .lfr-navigation-menu__item-button:has(.item-button__input:hover)::before {
  @media (min-width: 1280px) {
    content: "";
    background: linear-gradient(to right, #3d80ff, #7414ff);
    padding: 1.5px;
    bottom: -10px;
    width: 97%;
    left: 0;
    position: absolute;
    border-radius: 50px;
  }
}

.lfr-navigation.default-style .lfr-navigation-menu__item-button:focus::after,
.lfr-navigation.default-style
  .lfr-navigation-menu__item-button:focus-visible::after,
.lfr-navigation-menu__item-button::after,
.lfr-navigation.default-style
  .lfr-navigation-menu__item-button:focus-within::after,
.lfr-navigation.default-style .lfr-navigation-menu__item-button:hover::after,
.lfr-navigation.default-style
  .lfr-navigation-menu__item-button:has(.item-button__input:focus)::after,
.lfr-navigation.default-style
  .lfr-navigation-menu__item-button:has(
    .item-button__input:focus-visible
  )::after,
.lfr-navigation.default-style
  .lfr-navigation-menu__item-button:has(
    .item-button__input:focus-within
  )::after,
.lfr-navigation.default-style
  .lfr-navigation-menu__item-button:has(.item-button__input:hover)::after {
  content: none !important;
}

.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation-menu__item-button:focus
  .item-button__label
  > *,
.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation-menu__item-button:focus-visible
  .item-button__label
  > *,
.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation-menu__item-button:focus-within
  .item-button__label
  > *,
.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation-menu__item-button:hover
  .item-button__label
  > *,
.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation-menu__item-button:has(.item-button__input:focus)
  .item-button__label
  > *,
.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation-menu__item-button:has(.item-button__input:focus-visible)
  .item-button__label
  > *,
.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation-menu__item-button:has(.item-button__input:focus-within)
  .item-button__label
  > *,
.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation-menu__item-button:has(.item-button__input:hover)
  .item-button__label
  > * {
  color: var(--atb-btn-link-primary-hover-color) !important;
  opacity: 1 !important;
}

.navigation-wrapper-container
  .lfr-navigation-menu__item-button:hover
  .item-button__label,
.navigation-wrapper-container
  .lfr-navigation-menu__item-button:focus
  .item-button__label,
.navigation-wrapper-container
  .lfr-navigation-menu__item-button:focus-visible
  .item-button__label,
.navigation-wrapper-container
  .lfr-navigation-menu__item-button:focus-within
  .item-button__label,
.navigation-wrapper-container
  .lfr-navigation-menu__item-button:has(.item-button__input:hover)
  .item-button__label,
.navigation-wrapper-container
  .lfr-navigation-menu__item-button:has(.item-button__input:checked)
  .item-button__label {
  color: var(--atb-btn-link-primary-hover-color) !important;
}

.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation-menu__item-button
  .item-button__label
  svg {
  transition: none;
}

.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation-menu__item-button:hover
  .item-button__label
  svg {
  transform-origin: 50% 50%;
  transform: rotate(180deg);
}

/* Search */

.navigation-wrapper-container .utility-nav-icon {
  transition: none !important;
}

.navigation-wrapper-container .utility-nav-icon:hover,
.navigation-wrapper-container .utility-nav-icon:focus,
.navigation-wrapper-container .utility-nav-icon:focus-visible {
  outline: unset !important;
  background: #0b5fff1a !important;
}

.navigation-wrapper-container .utility-nav-icon:hover svg,
.navigation-wrapper-container .utility-nav-icon:focus svg,
.navigation-wrapper-container .utility-nav-icon:focus-visible svg {
  color: var(--atb-btn-link-primary-hover-color) !important;
}

/* Language Selector */

.navigation-wrapper-container
  .language-selector-dropdown
  .language-selector-dropdown-toggle
  .language-selector-dropdown-title {
  color: var(--atb-primary) !important;
}

.navigation-wrapper-container
  .language-selector-dropdown
  .language-selector-dropdown-toggle:hover,
.navigation-wrapper-container
  .language-selector-dropdown
  input:focus
  ~ .language-selector-dropdown-toggle,
.navigation-wrapper-container
  .language-selector-dropdown
  input:focus-visible
  ~ .language-selector-dropdown-toggle {
  outline: unset !important;
  background: #0b5fff1a !important;
}

.navigation-wrapper-container
  .language-selector-dropdown
  .language-selector-dropdown-toggle:hover
  .language-selector-dropdown-title,
.navigation-wrapper-container
  .language-selector-dropdown
  .language-selector-dropdown-toggle:hover
  .language-selector-dropdown-caret,
.navigation-wrapper-container
  .language-selector-dropdown
  input:focus
  ~ .language-selector-dropdown-toggle
  .language-selector-dropdown-title,
.navigation-wrapper-container
  .language-selector-dropdown
  input:focus
  ~ .language-selector-dropdown-toggle
  .language-selector-dropdown-caret,
.navigation-wrapper-container
  .language-selector-dropdown
  input:focus-visible
  ~ .language-selector-dropdown-toggle
  .language-selector-dropdown-title,
.navigation-wrapper-container
  .language-selector-dropdown
  input:focus-visible
  ~ .language-selector-dropdown-toggle
  .language-selector-dropdown-caret {
  color: var(--atb-btn-link-primary-hover-color) !important;
}

.navigation-wrapper-container
  .language-selector-dropdown
  .language-selector-dropdown-content {
  background:
    radial-gradient(
      108.66% 109.35% at 100% 1.5%,
      rgba(255, 255, 255, 0.9) 0.25%,
      rgba(240, 242, 247, 0.6) 100%
    ),
    var(--atb-surface);
  border: 1px solid var(--atb-border);
  box-shadow: -3px 3px 30px 4px rgba(16, 24, 40, 0.08);
  backdrop-filter: blur(50px);
}

.navigation-wrapper-container
  .language-selector-dropdown
  .language-selector-dropdown-content
  .language-entry-long-text {
  color: var(--atb-primary);
}

.language-selector-dropdown
  .language-selector-dropdown-content
  .language-entry-long-text {
  transition: none !important;
}

.language-selector-dropdown
  .language-selector-dropdown-content
  .language-entry-long-text:hover,
.language-selector-dropdown
  .language-selector-dropdown-content
  .language-entry-long-text:focus,
.language-selector-dropdown
  .language-selector-dropdown-content
  .language-entry-long-text:focus-visible {
  background: #0b5fff1a !important;
  outline: unset !important;
  color: var(--atb-btn-link-primary-hover-color) !important;
  text-decoration: none !important;
}

/* Login */

.navigation-wrapper-container .account-dropdown .account-dropdown-toggle:hover,
.navigation-wrapper-container
  .account-dropdown
  input:focus
  ~ .account-dropdown-toggle,
.navigation-wrapper-container
  .account-dropdown
  input:focus-visible
  ~ .account-dropdown-toggle {
  outline: unset !important;
  background: #0b5fff1a !important;
}

.navigation-wrapper-container
  .account-dropdown
  .account-dropdown-toggle
  .account-dropdown-title {
  color: var(--atb-primary) !important;

  @media screen and (min-width: 1024px) and (max-width: 1440px) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

.navigation-wrapper-container
  .account-dropdown
  .account-dropdown-toggle:hover
  .account-dropdown-title,
.navigation-wrapper-container
  .account-dropdown
  .account-dropdown-toggle:hover
  .account-dropdown-caret,
.navigation-wrapper-container
  .account-dropdown
  input:focus
  ~ .account-dropdown-toggle
  .account-dropdown-title,
.navigation-wrapper-container
  .account-dropdown
  input:focus
  ~ .account-dropdown-toggle
  .account-dropdown-caret,
.navigation-wrapper-container
  .account-dropdown
  input:focus-visible
  ~ .account-dropdown-toggle
  .account-dropdown-title,
.navigation-wrapper-container
  .account-dropdown
  input:focus-visible
  ~ .account-dropdown-toggle
  .account-dropdown-caret {
  color: var(--atb-btn-link-primary-hover-color) !important;
}

.navigation-wrapper-container .account-dropdown .account-dropdown-content {
  background:
    radial-gradient(
      108.66% 109.35% at 100% 1.5%,
      rgba(255, 255, 255, 0.9) 0.25%,
      rgba(240, 242, 247, 0.6) 100%
    ),
    var(--atb-surface);
  border: 1px solid var(--atb-border);
  box-shadow: -3px 3px 30px 4px rgba(16, 24, 40, 0.08);
  backdrop-filter: blur(50px);
}

.navigation-wrapper-container
  .account-dropdown
  .account-dropdown-content
  .account-dropdown-menu-item {
  background: unset;
  text-decoration: none;
  transition: none;
}

.navigation-wrapper-container
  .account-dropdown
  .account-dropdown-content
  .account-dropdown-menu-item-title {
  color: var(--atb-primary) !important;
}

.account-dropdown .account-dropdown-menu-item:hover,
.account-dropdown .account-dropdown-menu-item:focus,
.account-dropdown .account-dropdown-menu-item:focus-visible {
  background: #0b5fff1a !important;
  outline: unset !important;
}

.account-dropdown-avatar {
  border: none !important;
}

/* Menu Content */

.navigation-wrapper-container .lfr-navigation-menu__item-options {
  background:
    radial-gradient(
      108.66% 109.35% at 100% 1.5%,
      rgba(255, 255, 255, 0.9) 0.25%,
      rgba(240, 242, 247, 0.6) 100%
    ),
    var(--atb-surface) !important;
  box-shadow: -3px 3px 30px 4px rgba(16, 24, 40, 0.08) !important;
  bottom: -8px !important;
  backdrop-filter: blur(50px) !important;
  border-top: 1px solid var(--atb-border);
  padding: 1rem 0 2rem;
}

.navigation-wrapper-container .lfr-navigation-submenu {
  background: unset !important;
  margin-top: unset !important;
  padding: 2rem;
}

.navigation-wrapper-container .lfr-navigation-submenu__items .submenu-item {
  padding: 0.5rem;
}

.navigation-wrapper-container .lfr-navigation-submenu__name {
  display: block;
  border-bottom: 1px solid var(--atb-border);
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}

.navigation-wrapper-container .lfr-navigation-submenu__items {
  border-top: unset !important;
}

.navigation-wrapper-container .lfr-navigation-submenu.bg-light-blue {
  background: #f0f5ff !important;
  border-radius: 0.5rem;
  padding: 2rem;
}

.navigation-wrapper-container .lfr-navigation-submenu__name,
.navigation-wrapper-container
  .lfr-navigation-submenu
  .lfr-navigation-submenu__items
  .submenu-item
  .submenu-item__content
  .submenu-item__content-name,
.navigation-wrapper-container
  .lfr-navigation-submenu
  .lfr-navigation-submenu__items
  .submenu-item
  .submenu-item__content
  .submenu-item__content-description,
.navigation-wrapper-container .lfr-navigation-submenu .mega-menu-item-title,
.navigation-wrapper-container
  .lfr-navigation-submenu
  .mega-menu-item-description {
  color: var(--atb-primary) !important;
}

.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation-submenu__items
  .submenu-item:hover,
.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation-submenu__items
  .submenu-item:focus,
.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation-submenu__items
  .submenu-item:focus-visible,
.navigation-wrapper-container
  .lfr-navigation.default-style
  .lfr-navigation-submenu__items
  .submenu-item:focus-within {
  outline: unset !important;
  text-decoration: none;
  box-shadow: unset !important;
}

.navigation-wrapper-container
  .lfr-navigation-submenu__items
  .submenu-item:hover,
.navigation-wrapper-container
  .lfr-navigation-submenu__items
  .submenu-item:focus,
.navigation-wrapper-container
  .lfr-navigation-submenu__items
  .submenu-item:focus-visible,
.navigation-wrapper-container
  .lfr-navigation-submenu__items
  .submenu-item:focus-within {
  background: #0b5fff1a !important;
}

.navigation-wrapper-container
  .lfr-navigation-submenu__items
  .submenu-item:hover
  .submenu-item__content
  .submenu-item__content-name,
.navigation-wrapper-container
  .lfr-navigation-submenu__items
  .submenu-item:focus
  .submenu-item__content
  .submenu-item__content-name,
.navigation-wrapper-container
  .lfr-navigation-submenu__items
  .submenu-item:focus-visible
  .submenu-item__content
  .submenu-item__content-name,
.navigation-wrapper-container
  .lfr-navigation-submenu__items
  .submenu-item:focus-within
  .submenu-item__content
  .submenu-item__content-name {
  color: var(--atb-btn-link-primary-hover-color) !important;
}

.navigation-wrapper-container .mega-menu-item {
  transition: none !important;
  padding: 0 0.5rem 0.5rem 0.5rem;
}

.navigation-wrapper-container .mega-menu-item:hover,
.navigation-wrapper-container .mega-menu-item:focus,
.navigation-wrapper-container .mega-menu-item:focus-visible {
  outline: unset !important;
  text-decoration: none;
  background: #0b5fff1a !important;
  box-shadow: unset !important;
}

.navigation-wrapper-container .mega-menu-item:hover .mega-menu-item-title,
.navigation-wrapper-container .mega-menu-item:focus .mega-menu-item-title,
.navigation-wrapper-container
  .mega-menu-item:focus-visible
  .mega-menu-item-title {
  color: var(--atb-btn-link-primary-hover-color) !important;
}

/* ------------------------------------------------------------------
 * Fragment overrides, scoped to .atb-light
 * ------------------------------------------------------------------ */

body.atb-light,
.atb-light {
  --atb-primary: #262c37;
  --atb-secondary: #5c6069;
  --atb-border: #dde0e6;
  --atb-surface: #ffffff;

  --body-bg: #fbfcfe !important;
  --atb-body-bg: #fbfcfe;

  --atb-btn-outline-primary-color: var(--atb-primary);
  --atb-btn-outline-primary-hover-background-color:
    radial-gradient(
      circle at 85.71% 9.82%,
      rgba(11, 95, 255, 0.08) 0%,
      rgba(11, 95, 255, 0) 100%
    ),
    rgba(255, 255, 255, 0.01);
  --atb-btn-outline-primary-hover-color: var(--atb-primary);

  --atb-btn-link-primary-color: #004ad7;
  --atb-btn-link-primary-hover-color: #004ad7;
  --atb-btn-link-secondary-color: var(--atb-primary);
}

/* CTA */

.atb-light #atb-container .atb-button.primary:hover,
#atb-container .atb-light .atb-button.primary:hover {
  background-image:
    var(--atb-btn-primary-hover-background-color),
    linear-gradient(45deg, #0b5fff 0%, #0b5fff 60%, #659aff 80%);
}

.atb-light #atb-container .atb-button.primary-outline,
#atb-container .atb-light .atb-button.primary-outline,
.atb-light #atb-container .atb-button.primary-outline:active,
#atb-container .atb-light .atb-button.primary-outline:active {
  background:
    radial-gradient(
      circle at 85.71% 9.82%,
      rgba(11, 95, 255, 0.06) 0%,
      rgba(11, 95, 255, 0) 100%
    ),
    rgba(255, 255, 255, 0.01);
  color: var(--atb-primary);
}

.atb-light #atb-container .atb-button.primary-outline::before,
#atb-container .atb-light .atb-button.primary-outline::before {
  background: linear-gradient(135deg, rgba(16, 24, 40, 0.28), #0b5fff);
}

.atb-light #atb-container .atb-button.primary-outline:active > *,
#atb-container .atb-light .atb-button.primary-outline:active > * {
  color: #004ad7;
}

.atb-light #atb-container .atb-button.primary-outline:active::before,
#atb-container .atb-light .atb-button.primary-outline:active::before {
  background: linear-gradient(135deg, #0b5fff, #781fff);
}

/* Form and input */

.atb-light #atb-container .atb-form-prefilled .atb-form-prefilled-input,
#atb-container .atb-light .atb-form-prefilled .atb-form-prefilled-input {
  background: var(--atb-surface);
  border-color: rgba(16, 24, 40, 0.2);
  color: var(--atb-primary);
}

@media (min-width: 1280px) {
  .atb-light #atb-container .atb-form-prefilled .atb-form-prefilled-field,
  #atb-container .atb-light .atb-form-prefilled .atb-form-prefilled-field {
    background: var(--atb-surface);
    border-color: rgba(16, 24, 40, 0.2);
  }
}

.atb-light
  #atb-container
  .atb-form-prefilled
  .atb-form-prefilled-input::placeholder,
#atb-container
  .atb-light
  .atb-form-prefilled
  .atb-form-prefilled-input::placeholder {
  color: #6f798e;
}

.atb-light #atb-container .atb-form-prefilled .atb-form-prefilled-error,
#atb-container .atb-light .atb-form-prefilled .atb-form-prefilled-error {
  color: #c53434;
}

.atb-light #atb-container .atb-marketo-form-container,
#atb-container .atb-light .atb-marketo-form-container {
  background:
    radial-gradient(
      108.66% 109.35% at 100% 1.5%,
      rgba(255, 255, 255, 0.9) 0.25%,
      rgba(240, 242, 247, 0.6) 100%
    ),
    var(--atb-surface);
  box-shadow: 0 8px 30px rgba(173, 201, 255, 0.35);
}

.atb-light
  #atb-container
  .atb-marketo-form-container
  .mktoForm
  input[type="date"],
.atb-light
  #atb-container
  .atb-marketo-form-container
  .mktoForm
  input[type="email"],
.atb-light
  #atb-container
  .atb-marketo-form-container
  .mktoForm
  input[type="tel"],
.atb-light
  #atb-container
  .atb-marketo-form-container
  .mktoForm
  input[type="text"],
.atb-light
  #atb-container
  .atb-marketo-form-container
  .mktoForm
  input[type="url"],
.atb-light #atb-container .atb-marketo-form-container .mktoForm select,
.atb-light #atb-container .atb-marketo-form-container .mktoForm textarea,
#atb-container
  .atb-light
  .atb-marketo-form-container
  .mktoForm
  input[type="date"],
#atb-container
  .atb-light
  .atb-marketo-form-container
  .mktoForm
  input[type="email"],
#atb-container
  .atb-light
  .atb-marketo-form-container
  .mktoForm
  input[type="tel"],
#atb-container
  .atb-light
  .atb-marketo-form-container
  .mktoForm
  input[type="text"],
#atb-container
  .atb-light
  .atb-marketo-form-container
  .mktoForm
  input[type="url"],
#atb-container .atb-light .atb-marketo-form-container .mktoForm select,
#atb-container .atb-light .atb-marketo-form-container .mktoForm textarea {
  border-color: #c5c9d1;
  color: var(--atb-primary);
}

.atb-light #atb-container .atb-marketo-form-container .mktoForm select option,
#atb-container .atb-light .atb-marketo-form-container .mktoForm select option {
  color: var(--atb-primary) !important;
  background: var(--atb-surface) !important;
}

.atb-light #atb-container .atb-marketo-form-container .mktoForm .mktoLabel,
#atb-container .atb-light .atb-marketo-form-container .mktoForm .mktoLabel {
  color: var(--atb-primary);
}

.atb-light #atb-container .atb-marketo-form-container .mktoHtmlText,
#atb-container .atb-light .atb-marketo-form-container .mktoHtmlText {
  color: var(--atb-secondary);
}