:root {
  --rte-heading-color: #000;
  --rte-paragraph-color: #1f1f1f;
  --rte-quote-color: #000;

  --rte-cta-primary-contained-default-text: #fff;
  --rte-cta-primary-contained-default-background: #e00;

  --rte-cta-primary-contained-hover-text: #fff;
  --rte-cta-primary-contained-hover-background: #d80000;

  --rte-cta-primary-contained-active-text: #fff;
  --rte-cta-primary-contained-active-background: #b10303;

  --rte-cta-secondary-contained-default-text: #1f1f1f;
  --rte-cta-secondary-contained-default-background: #00000014;

  --rte-cta-secondary-contained-hover-text: #1f1f1f;
  --rte-cta-secondary-contained-hover-background: #0000001f;

  --rte-cta-secondary-contained-active-text: #1f1f1f;
  --rte-cta-secondary-contained-active-background: #0000003d;

  --rte-cta-secondary-outlined-default-text: #1f1f1f;
  --rte-cta-secondary-outlined-default-border: #0000001e;
  --rte-cta-secondary-outlined-default-background: transparent;

  --rte-cta-secondary-outlined-hover-text: #1f1f1f;
  --rte-cta-secondary-outlined-hover-border: #0000001e;
  --rte-cta-secondary-outlined-hover-background: #0000001e;

  --rte-cta-secondary-outlined-active-text: #1f1f1f;
  --rte-cta-secondary-outlined-active-border: #0000001e;
  --rte-cta-secondary-outlined-active-background: #0000003d;

  --rte-cta-text-default-text: #1f1f1f;
  --rte-cta-text-default-background: transparent;

  --rte-cta-text-hover-text: #1f1f1f;
  --rte-cta-text-hover-background: #0000001e;

  --rte-cta-text-active-text: #1f1f1f;
  --rte-cta-text-active-background: #0000003d;
  --aot-typography_font-family: 'ABBvoice', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 427px) {
  :root {
    --rte-section-heading-2-font-weight: 700;
  }
}

@media only screen and (min-width: 428px) and (max-width: 767px) {
  :root {
    --rte-section-heading-2-font-weight: 500;
  }
}

@media only screen and (max-width: 767px) {
  :root {
    --rte-quote-font-size: 32px;
    --rte-quote-line-height: 110%;
    --rte-quote-attribution-font-size: 16px;
    --rte-section-heading-1-font-size: 24px;
    --rte-section-heading-2-font-size: 20px;
    --rte-introduction-paragraph-font-size: 14px;
    --rte-paragraph-font-size: 14px;
    --rte-paragraph-spacing: 48px;
    --rte-paragraph-heading-spacing: 24px;
    --rte-quote-bottom-spacing: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  :root {
    --rte-quote-font-size: 40px;
    --rte-quote-line-height: 125%;
    --rte-quote-attribution-font-size: 20px;
    --rte-section-heading-1-font-size: 28px;
    --rte-section-heading-2-font-size: 20px;
    --rte-section-heading-2-font-weight: 500;
    --rte-introduction-paragraph-font-size: 16px;
    --rte-paragraph-font-size: 16px;
    --rte-paragraph-spacing: 48px;
    --rte-paragraph-heading-spacing: 24px;
    --rte-quote-bottom-spacing: 32px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
  :root {
    --rte-quote-font-size: 40px;
    --rte-quote-line-height: 125%;
    --rte-quote-attribution-font-size: 20px;
    --rte-section-heading-1-font-size: 32px;
    --rte-section-heading-2-font-size: 24px;
    --rte-section-heading-2-font-weight: 500;
    --rte-introduction-paragraph-font-size: 16px;
    --rte-paragraph-font-size: 16px;
    --rte-paragraph-spacing: 64px;
    --rte-paragraph-heading-spacing: 24px;
    --rte-quote-bottom-spacing: 40px;
  }
}

@media only screen and (min-width: 1440px) {
  :root {
    --rte-quote-font-size: 40px;
    --rte-quote-line-height: 125%;
    --rte-quote-attribution-font-size: 20px;
    --rte-section-heading-1-font-size: 32px;
    --rte-section-heading-2-font-size: 24px;
    --rte-section-heading-2-font-weight: 500;
    --rte-introduction-paragraph-font-size: 16px;
    --rte-paragraph-font-size: 16px;
    --rte-paragraph-spacing: 64px;
    --rte-paragraph-heading-spacing: 24px;
    --rte-quote-bottom-spacing: 40px;
  }
}

/* Reset */
.cq-RichText-editable * {
  box-shadow: none !important;
  transition: none !important;
}

.cq-RichText-editable *:hover {
  box-shadow: none !important;
  transition: none !important;
}

.cq-RichText-editable p,
.cq-RichText-editable h1,
.cq-RichText-editable h2,
.cq-RichText-editable h3,
.richtext p,
.richtext h1,
.richtext h2,
.richtext h3 {
  margin: 0;
  padding: 0;
}

.cq-RichText-editable p:empty,
.richtext p:empty {
  display: none;
}

.cq-RichText-editable a:not(.tertiary) {
  border-bottom: 0 none;
  color: var(--rte-paragraph-color);
  text-decoration: underline;
}

.cq-RichText-editable a:hover {
  text-decoration: none;
}

.cq-RichText-editable h2::before,
.paragraph h2::before,
.cmp-paragraph h2::before,
.cq-RichText-editable h3::before,
.paragraph h3::before,
.cmp-paragraph h3::before {
  all: unset;
}

.richtext,
.cq-RichText-editable {
  font-family: var(--aot-typography_font-family);
  color: var(--rte-paragraph-color);
  font-feature-settings:
    'liga' off,
    'clig' off;
}

.richtext .section-heading-1,
.richtext .section-heading-2,
.richtext .introduction-paragraph,
.richtext .paragraph,
.richtext .quote,
.richtext .quote-attribution {
  display: block;
}

.richtext h2,
.richtext .section-heading-2 {
  margin-bottom: var(--rte-paragraph-heading-spacing);
  font-size: var(--rte-section-heading-1-font-size);
  line-height: 125%;
  font-weight: 700;
  color: var(--rte-heading-color);
  font-style: normal;
}

.richtext h3,
.richtext .section-heading-3 {
  margin-block: var(--rte-paragraph-heading-spacing);
  font-size: var(--rte-section-heading-2-font-size);
  line-height: 125%;
  font-weight: var(--rte-section-heading-2-font-weight);
  font-style: normal;
  color: var(--rte-heading-color);
}

.richtext .introduction-paragraph {
  margin-block: var(--rte-paragraph-spacing);
  font-size: var(--rte-introduction-paragraph-font-size);
  line-height: 140%;
  font-weight: 500;
  font-style: normal;
  color: var(--rte-paragraph-color);
}

.richtext
  p:not(
    :has(
        .primary,
        .secondary,
        .tertiary,
        .discreet,
        .quote-attribution,
        .quote,
        .introduction-paragraph,
        .section-heading-1,
        .section-heading-2
      )
  ),
.richtext ul li,
.richtext ol:not(:has(.reference)),
.richtext .paragraph {
  font-size: var(--rte-paragraph-font-size);
  line-height: 140%;
  font-weight: 300;
  font-style: normal;
  color: var(--rte-paragraph-color);
}

.richtext .paragraph {
  margin-block: var(--rte-paragraph-spacing);
}

.richtext p:not(:has(.primary, .secondary, .tertiary, .discreet)) a,
.richtext a {
  color: var(--rte-paragraph-color);
}

.richtext a {
  text-decoration: underline;
}

.richtext a:hover {
  text-decoration: none;
}

.richtext p:not(:has(.primary, .secondary, .tertiary, .discreet)) a:hover,
.richtext .paragraph a:hover,
.richtext .introduction-paragraph a:hover {
  text-decoration: none;
}

.richtext ul,
.richtext ol {
  margin-block: var(--rte-paragraph-spacing);
  padding-left: 20px;
}

.richtext ul ul,
.richtext ol ol {
  margin-block: 0;
}

.richtext ul li::marker,
.richtext ol li::marker {
  color: var(--rte-paragraph-color);
}

.richtext ol .reference {
  font-size: 12px;
  line-height: 140%;
  font-weight: 300;
  color: var(--rte-paragraph-color);
  font-style: normal;
}

.richtext ol:has(.reference) {
  font-size: 12px;
  margin-block: 0;
}

.richtext .quote {
  margin-block: var(--rte-paragraph-spacing) var(--rte-quote-bottom-spacing);
  font-size: var(--rte-quote-font-size);
  line-height: var(--rte-quote-line-height);
  font-weight: 700;
  font-style: normal;
  color: var(--rte-quote-color);
}

.richtext .quote-attribution {
  margin-bottom: var(--rte-paragraph-spacing);
  font-size: var(--rte-quote-attribution-font-size);
  line-height: 140%;
  font-weight: 500;
  font-style: normal;
  color: var(--rte-quote-color);
}

@media only screen and (min-width: 428px) and (max-width: 767px) {
  .richtext .quote-attribution {
    font-weight: 700;
  }
}

.richtext p:has(.primary, .secondary, .tertiary, .discreet) {
  margin-block: var(--rte-paragraph-spacing);
}

/* CTA's */
@media only screen and (max-width: 767px) {
  .richtext p:has(.primary, .secondary, .tertiary, .discreet) {
    display: grid;
    grid-template-rows: auto;
    gap: 16px;
  }
}

@media only screen and (min-width: 768px) {
  .richtext p:has(.primary, .secondary, .tertiary, .discreet) {
    display: grid;
    grid-template-columns: repeat(4, max-content);
    gap: 16px;
  }
}

.richtext .cq-RichText-editable p:has(.primary, .secondary, .tertiary, .discreet)::after {
  content: ' ';
}

/* grid off in authoring */

.richtext .cq-RichText-editable p:has(.primary, .secondary, .tertiary, .discreet) {
  display: block;
}

.richtext .cq-RichText-editable a.primary,
.richtext .cq-RichText-editable a.secondary,
.richtext .cq-RichText-editable a.tertiary,
.richtext .cq-RichText-editable a.discreet {
  display: inline-flex;
}

.cq-RichText-editable a,
p:has(.primary, .secondary, .tertiary, .discreet) a {
  text-decoration: none;
}

/* CTA's common layout */
.richtext a.primary,
.richtext a.secondary,
.richtext a.tertiary,
.richtext a.discreet {
  box-sizing: border-box;
  width: fit-content;
  margin: 0;
  padding: 16px 28px;
  border: 0;
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
  font-family: var(--aot-typography_font-family);
  text-decoration: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

@media only screen and (max-width: 767px) {
  .richtext a.primary,
  .richtext a.secondary,
  .richtext a.tertiary,
  .richtext a.discreet {
    width: 100%;
  }
}

.richtext a.primary:hover,
.richtext a.primary:active,
.richtext a.secondary:hover,
.richtext a.secondary:active,
.richtext a.tertiary:hover,
.richtext a.tertiary:active,
.richtext a.discreet:hover,
.richtext a.discreet:active {
  cursor: pointer;
}

.richtext a.primary {
  background-color: var(--rte-cta-primary-contained-default-background);
  color: var(--rte-cta-primary-contained-default-text);
}

.richtext a.primary:hover {
  background-color: var(--rte-cta-primary-contained-hover-background);
  color: var(--rte-cta-primary-contained-hover-text);
}

.richtext a.primary:active {
  background-color: var(--rte-cta-primary-contained-active-background);
  color: var(--rte-cta-primary-contained-active-text);
}

.richtext a.primary span {
  color: var(--rte-cta-primary-contained-default-text);
}

/* CTA common layout for icons */
.richtext a.primary[target='_self']::after,
.richtext a.primary[target='_blank']::after,
.richtext a.secondary[target='_self']::after,
.richtext a.secondary[target='_blank']::after,
.richtext a.tertiary[target='_self']::after,
.richtext a.tertiary[target='_blank']::after,
.richtext a.discreet[target='_self']::after,
.richtext a.discreet[target='_blank']::after {
  content: '';
  display: block;
  height: 24px;
  width: 24px;
  flex: 0 0 24px;
}

.richtext a.primary[target='_self']::after {
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewbox='0 0 24 24' %3E%3Cpath fill='%23fff' fill-rule='nonzero' d='M14 4L12.5 5.5L18 11H2V13H18L12.5 18.5L14 20L22 12L14 4Z'/%3E%3C/svg%3E")
    no-repeat center center;
}

.richtext a.primary[target='_blank']::after {
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='nonzero' d='M7.75725 4.92878V7.0501H15.5354L4.22172 18.3638L5.63593 19.778L16.9496 8.46432V16.2425H19.071V4.92878H7.75725Z'/%3E%3C/svg%3E")
    no-repeat center center;
}

/* RTE: a.secondary = Atom: Secondary Contained */
.richtext a.secondary {
  background-color: var(--rte-cta-secondary-contained-default-background);
  color: var(--rte-cta-secondary-contained-default-text);
}

.richtext a.secondary:hover {
  background-color: var(--rte-cta-secondary-contained-hover-background);
  color: var(--rte-cta-secondary-contained-hover-text);
}

.richtext a.secondary:active {
  background-color: var(--rte-cta-secondary-contained-active-background);
  color: var(--rte-cta-secondary-contained-active-text);
}

.richtext a.secondary[target='_blank']::after {
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cpath fill='%231f1f1f' fill-rule='nonzero' d='M7.75725 4.92878V7.0501H15.5354L4.22172 18.3638L5.63593 19.778L16.9496 8.46432V16.2425H19.071V4.92878H7.75725Z'/%3E%3C/svg%3E")
    no-repeat center center;
}

.richtext a.secondary[target='_self']::after {
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewbox='0 0 24 24' %3E%3Cpath fill='%231f1f1f' fill-rule='nonzero' d='M14 4L12.5 5.5L18 11H2V13H18L12.5 18.5L14 20L22 12L14 4Z'/%3E%3C/svg%3E")
    no-repeat center center;
}

/* RTE: a.tertiary = Atom: Secondary Outlined */
.richtext a.tertiary {
  border: 2px solid var(--rte-cta-secondary-outlined-default-border);
  color: var(--rte-cta-secondary-outlined-default-text);
  background-color: var(--rte-cta-secondary-outlined-default-background);
}

.richtext a.tertiary:hover {
  color: var(--rte-cta-secondary-outlined-hover-text);
  border-color: var(--rte-cta-secondary-outlined-hover-border);
  background-color: var(--rte-cta-secondary-outlined-hover-background);
}

.richtext a.tertiary:active {
  color: var(--rte-cta-secondary-outlined-active-text);
  border-color: var(--rte-cta-secondary-outlined-active-border);
  background-color: var(--rte-cta-secondary-outlined-active-background);
}

.richtext a.tertiary[target='_blank']::after {
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewbox='0 0 24 24' %3E%3Cpath fill='%231f1f1f' fill-rule='nonzero' d='M7.75725 4.92878V7.0501H15.5354L4.22172 18.3638L5.63593 19.778L16.9496 8.46432V16.2425H19.071V4.92878H7.75725Z'/%3E%3C/svg%3E")
    no-repeat center center;
}

.richtext a.tertiary[target='_self']::after {
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewbox='0 0 24 24' %3E%3Cpath fill='%231f1f1f' fill-rule='nonzero' d='M14 4L12.5 5.5L18 11H2V13H18L12.5 18.5L14 20L22 12L14 4Z'/%3E%3C/svg%3E")
    no-repeat center center;
}

/* RTE: a.discreet = Atom: Text */
.richtext a.discreet {
  color: var(--rte-cta-text-default-text);
  background-color: var(--rte-cta-text-default-background);
}

.richtext a.discreet:hover {
  color: var(--rte-cta-text-hover-text);
  background-color: var(--rte-cta-text-hover-background);
}

.richtext a.discreet:active {
  color: var(--rte-cta-text-active-text);
  background-color: var(--rte-cta-text-active-background);
}

.richtext a.discreet[target='_blank']::after {
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewbox='0 0 24 24' %3E%3Cpath fill='%231f1f1f' fill-rule='nonzero' d='M7.75725 4.92878V7.0501H15.5354L4.22172 18.3638L5.63593 19.778L16.9496 8.46432V16.2425H19.071V4.92878H7.75725Z'/%3E%3C/svg%3E")
    no-repeat center center;
}

.richtext a.discreet[target='_self']::after {
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewbox='0 0 24 24' %3E%3Cpath fill='%231f1f1f' fill-rule='nonzero' d='M14 4L12.5 5.5L18 11H2V13H18L12.5 18.5L14 20L22 12L14 4Z'/%3E%3C/svg%3E")
    no-repeat center center;
}

.cq-RichText-editable a:focus-visible,
.richtext a:focus-visible {
  outline: 2px solid #2934ff;
  outline-offset: 2px;
  border-radius: 4px;
}

.richtext a.primary:focus-visible,
.richtext a.secondary:focus-visible,
.richtext a.tertiary:focus-visible,
.richtext a.discreet:focus-visible {
  border-radius: 28px;
}

/* visually hidden approach: Added automatically with target blank  */
.cmp-link__screen-reader-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.richtext.aot-9-grid:not(.aot-aside + .aot-content .richtext.aot-9-grid) {
  display: grid;
  grid-column-gap: var(--grid-column-gap);
  grid-template-columns: var(--grid-template-columns);
}

.aot-article-template .richtext.aot-9-grid:not(.aot-aside + .aot-content .richtext.aot-9-grid) > .cmp-richtext,
.aot-case-study-template .richtext.aot-9-grid:not(.aot-aside + .aot-content .richtext.aot-9-grid) > .cmp-richtext {
  grid-column: var(--content-grid-column);
}

.richtext.aot-9-grid:not(.aot-aside + .aot-content .richtext.aot-9-grid) > .cmp-richtext {
  grid-column: var(--contentFullWidth-grid-column);
}

.richtext > .cmp-richtext > h3:nth-child(2),
.richtext > .cmp-richtext > p:nth-child(2) span.introduction-paragraph,
.richtext > .cmp-richtext > p:nth-child(2) span.paragraph {
  margin-top: 0;
}
