.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0
}

[data-tippy-root] {
  max-width: calc(100vw - 10px)
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
  bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
  top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
  right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
  left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1
}

*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: theme("borderColor.DEFAULT", currentColor)
}

::before,
::after {
  --tw-content: ""
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family: theme("fontFamily.sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")
}

body {
  margin: 0;
  line-height: inherit
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px
}

abbr:where([title]) {
  text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit
}

a {
  color: inherit;
  text-decoration: inherit
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp,
pre {
  font-family: theme("fontFamily.mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  font-size: 1em
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0
}

button,
select {
  text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  background-color: rgba(0, 0, 0, 0);
  background-image: none
}

:-moz-focusring {
  outline: auto
}

:-moz-ui-invalid {
  box-shadow: none
}

progress {
  vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

summary {
  display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0
}

fieldset {
  margin: 0;
  padding: 0
}

legend {
  padding: 0
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0
}

textarea {
  resize: vertical
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: theme("colors.gray.400", #9ca3af)
}

button,
[role=button] {
  cursor: pointer
}

:disabled {
  cursor: default
}

header img,
header svg,
header video,
header canvas,
header audio,
header iframe,
header embed,
header object,
main img,
main svg,
main video,
main canvas,
main audio,
main iframe,
main embed,
main object,
footer img,
footer svg,
footer video,
footer canvas,
footer audio,
footer iframe,
footer embed,
footer object {
  display: block;
  vertical-align: middle
}

img,
video {
  max-width: 100%;
  height: auto
}

.edge-to-edge {
  display: flex;
  width: 100%;
  flex-flow: wrap
}

@media(min-width: 768px) {
  .offset {
    margin: 0 16.66666% 0 8.88888%
  }
}

.self-center {
  justify-content: center
}

.center-fixed {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-flow: wrap
}

@media(min-width: 768px) {
  .center-fixed {
    max-width: 66.66666%;
    flex: 0 1 66.66666%
  }
}

.centered {
  margin: 0 auto
}

@media(min-width: 768px) {
  .centered {
    max-width: 66.66666%;
    flex: 0 1 66.66666%
  }
}

.self-center .w-full {
  text-align: center
}

.w-full {
  width: 100%;
  max-width: 100%
}

.w-2col {
  width: 100%
}

@media(min-width: 768px) {
  .w-2col {
    max-width: 16.66666%;
    flex: 0 1 16.66666%
  }
}

.w-3col {
  width: 100%
}

@media(min-width: 768px) {
  .w-3col {
    max-width: 25%;
    flex: 0 1 25%
  }
}

.w-4col {
  width: 100%
}

@media(min-width: 768px) {
  .w-4col {
    max-width: 33.33333%;
    flex: 0 1 33.33333%
  }
}

.w-5col {
  width: 100%
}

@media(min-width: 768px) {
  .w-5col {
    max-width: 41.6666%;
    flex: 0 1 41.6666%
  }
}

.w-6col {
  width: 100%
}

@media(min-width: 768px) {
  .w-6col {
    max-width: 50%;
    flex: 0 1 50%
  }
}

.w-7col {
  width: 100%
}

@media(min-width: 768px) {
  .w-7col {
    max-width: 58.33333%;
    flex: 0 1 58.33333%
  }
}

.w-8col {
  width: 100%
}

@media(min-width: 768px) {
  .w-8col {
    max-width: 66.66666%;
    flex: 0 1 66.66666%
  }
}

.w-9col {
  width: 100%
}

@media(min-width: 768px) {
  .w-9col {
    max-width: 75%;
    flex: 0 1 75%
  }
}

.w-10col {
  width: 100%
}

@media(min-width: 768px) {
  .w-10col {
    max-width: 83.33333%;
    flex: 0 1 83.33333%
  }
}

.align--center {
  justify-content: center
}

.align--right {
  justify-content: end
}

.disable-scrolling {
  position: fixed;
  width: 100%;
  overflow: hidden
}

.wedge--violet .wedge__shape {
  background: var(--c-primary)
}

.wedge--violet .wedge__color-content {
  color: var(--c-neutral)
}

.wedge--evergreen .wedge__shape {
  background: var(--c-green)
}

.wedge--evergreen .wedge__color-content {
  color: var(--c-neutral)
}

.wedge--sun-yellow .wedge__shape {
  background: var(--c-yellow)
}

.wedge--sky-blue .wedge__shape {
  background: var(--c-blue)
}

.wedge--neutral-100 .wedge__shape {
  background: var(--c-neutral--100)
}

.wedge--neutral-200 .wedge__shape {
  background: var(--c-neutral--200)
}

.bg-primary {
  background-color: var(--c-primary)
}

.bg-blue {
  background-color: var(--c-blue)
}

.bg-success {
  background-color: var(--c-success)
}

.bg-lime--700 {
  background-color: var(--c-lime--700)
}

.bg-yellow {
  background-color: var(--c-yellow)
}

.bg-orange--500 {
  background-color: var(--c-orange--500)
}

.bg-primary--800 {
  background-color: var(--c-primary--800)
}

.bg-blue--800 {
  background-color: var(--c-blue--800)
}

.bg-success--800 {
  background-color: var(--c-success--800)
}

.bg-lime--800 {
  background-color: var(--c-lime--800)
}

.bg-neutral--600 {
  background-color: var(--c-neutral--600)
}

.bg-warning--800 {
  background-color: var(--c-warning--800)
}

.bg-orange--800 {
  background-color: var(--c-orange--800)
}

.w-full.epi-injected-minSize,
.epi-editContainer .w-full {
  width: 90vw
}

.preview-display .rich-text {
  min-height: 5rem
}

.workflow__sticky-box {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 3.125rem;
  height: 3.125rem;
  background-color: #e1e3e7;
  cursor: pointer;
  transition: width .3s ease;
  overflow: hidden;
  box-shadow: .625rem .625rem .3125rem #302f2f;
  z-index: 999;
  border-radius: 5px;
  border: .5px solid var(--c-primary)
}

.workflow__sticky-box:hover {
  width: 15.625rem;
  height: 10.9375rem
}

.workflow__sticky-box .workflow__sticky-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
  background-size: cover;
  background-position: center;
  transition: opacity .3s ease
}

.workflow__sticky-box:hover .workflow__sticky-overlay {
  opacity: 0;
  pointer-events: none
}

.workflow__pop-out {
  display: flex;
  flex-direction: column;
  padding: .625rem;
  align-items: center;
  justify-content: center;
  height: 100%;
  box-sizing: border-box;
  background-color: #fff
}

.workflow__pop-out a {
  font-size: .8rem;
  color: var(--c-primary);
  text-decoration: underline
}

.workflow__pop-out .workflow__pop-out-row {
  display: flex;
  flex-direction: row
}

.score-button.workflow__button {
  min-width: 13.125rem;
  display: inline-block;
  margin-bottom: .625rem;
  justify-content: center
}

.workflow__modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 1.25rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
  z-index: 1001;
  width: 18.75rem
}

.workflow__modal-hidden {
  display: none
}

.workflow__modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 1000
}

.workflow__modal-textbox {
  width: 100%;
  height: 6.25rem;
  margin-top: .625rem;
  margin-bottom: .625rem
}

.workflow__highcharts-overlay {
  position: absolute;
  z-index: 100;
  height: 100%;
  width: 100%
}

:root {
  --c-primary: #5627e7;
  --c-green: #005738;
  --c-yellow: #ffe805;
  --c-blue: #38a8ff;
  --c-white: #fff;
  --c-title: #4a4f68;
  --c-title--dark: #2a3544;
  --c-body: #646984;
  --c-body--dark: #2a3544;
  --c-links: #5627e7;
  --c-primary--100: #f8f5ff;
  --c-primary--200: #f0ebff;
  --c-primary--300: #ddd4fa;
  --c-primary--400: #bba9f5;
  --c-primary--600: #9a7df1;
  --c-primary--700: #3c14b6;
  --c-primary--800: #280e7a;
  --c-primary--900: #180945;
  --c-blue--100: #f1f9ff;
  --c-blue--200: #e3f3ff;
  --c-blue--300: #d7eeff;
  --c-blue--400: #afddff;
  --c-blue--500: #38a9ff;
  --c-blue--600: #88cbff;
  --c-blue--700: #0084e9;
  --c-blue--800: #00589c;
  --c-blue--900: #181d20;
  --c-lime--100: #f9fff3;
  --c-lime--200: #f5ffea;
  --c-lime--300: #eefedd;
  --c-lime--400: #dcfdba;
  --c-lime--500: #a8f953;
  --c-lime--600: #cbfb98;
  --c-lime--700: #7ff108;
  --c-lime--800: #55a006;
  --c-lime--900: #325d05;
  --c-orange--100: #fffaf2;
  --c-orange--200: #fff4e6;
  --c-orange--300: #ffeed7;
  --c-orange--400: #ffddaf;
  --c-orange--500: #ffab38;
  --c-orange--600: #ffcd88;
  --c-orange--700: #e98700;
  --c-orange--800: #9c5a00;
  --c-orange--900: #5c3909;
  --c-neutral: #fff;
  --c-neutral--100: #f5f7fb;
  --c-neutral--200: #ededf1;
  --c-neutral--300: #e3e3ec;
  --c-neutral--400: #d2d2dd;
  --c-neutral--600: #9292ad;
  --c-neutral--700: #646984;
  --c-neutral--800: #4a4f68;
  --c-neutral--900: #2a3544;
  --c-error--100: #fff7f8;
  --c-error--200: #ffedf0;
  --c-error--300: #ffd9df;
  --c-error--400: #ffa8b6;
  --c-error: #ff4865;
  --c-error--600: #ff6a82;
  --c-error--700: #da223f;
  --c-error--800: #aa142c;
  --c-error--900: #540b17;
  --c-warning--100: #fffef0;
  --c-warning--200: #fffde4;
  --c-warning--300: #fffbcd;
  --c-warning--400: #fff69b;
  --c-warning: #ffe905;
  --c-warning--600: #fff269;
  --c-warning--700: #c3b200;
  --c-warning--800: #827700;
  --c-warning--900: #4c4501;
  --c-success--100: #e8fff5;
  --c-success--200: #def9ee;
  --c-success--300: #cbf5e5;
  --c-success--400: #97ebcb;
  --c-success: #20a874;
  --c-success--600: #78d1a2;
  --c-success--700: #187e57;
  --c-success--800: #10543a;
  --c-success--900: #011c12;
  --t-fontPrimary: "Lato", sans-serif;
  --t-serif-lg--one: 400 5.25rem/1.14 "AryX  Markets Sanomat TT", serif;
  --t-serif-lg--two: 400 4rem/1.19 "AryX  Markets Sanomat TT", serif;
  --t-serif-md--one: 400 3.5rem/1.21 "AryX  Markets Sanomat TT", serif;
  --t-serif-md--two: 400 3rem/1.25 "AryX  Markets Sanomat TT", serif;
  --t-serif-md--three-plus: 400 2.75rem/1.25 "AryX  Markets Sanomat TT", serif;
  --t-serif-md--three: 400 2.5rem/1.2 "AryX  Markets Sanomat TT", serif;
  --t-serif-sm--one: 400 2rem/1.38 "AryX  Markets Sanomat TT", serif;
  --t-serif-sm--two: 400 1.5rem/1.5 "AryX  Markets Sanomat TT", serif;
  --t-serif-sm--three: 400 1.25rem/1.3 "AryX  Markets Sanomat TT", serif;
  --t-sans-lg: 400 1.375rem/1.55 "Graphik TF Web";
  --t-sans-md: 400 1.125rem/1.56 "Graphik TF Web";
  --t-sans-sm--one: 400 1rem/1.5 "Graphik TF Web";
  --t-sans-sm--two: 400 0.875rem/1.5 "Graphik TF Web";
  --t-sans-xs: 400 0.75rem/1.5 "Graphik TF Web";
  --t-sans-semibold-lg: 600 1.375rem/1.55 "Graphik TF Web";
  --t-sans-semibold-md: 600 1.125rem/1.56 "Graphik TF Web";
  --t-sans-semibold-sm--one: 600 1rem/1.5 "Graphik TF Web";
  --t-sans-semibold-sm--two: 600 0.875rem/1.5 "Graphik TF Web";
  --t-sans-semibold-xs: 600 0.75rem/1.5 "Graphik TF Web";
  --s-bodylg: 1.125rem;
  --s-bodylg--two: 1.25rem;
  --s-bodysm: 1rem;
  --s-smallbody: 0.875rem;
  --s-screen-xs: 36rem;
  --s-screen-sm: 36rem;
  --s-screen-md: 48rem;
  --s-screen-lg: 62rem;
  --s-screen-xl: 75rem;
  --s-screen-xxl: 87.5rem;
  --s-vertical-base: 0.5rem;
  --s-vertical-xs: 1.5rem;
  --s-vertical-sm: 2rem;
  --s-vertical-md: 3.5rem;
  --s-vertical-lg: 5rem;
  --s-col1: 8.333333%;
  --s-col2: 16.66666%;
  --s-col3: 25%;
  --s-col4: 33.333%;
  --s-col5: 41.6666%;
  --s-col6: 50%;
  --s-col7: 58.33333%;
  --s-col8: 66.66666%;
  --s-col9: 75%;
  --s-col10: 83.33333%;
  --s-col11: 83.33333%;
  --s-col12: 83.33333%;
  --s-sticky-sub-nav-position: 0;
  --s-icon: 1rem;
  --s-icon-lg: 1.5rem;
  --c-icon: #2a3544;
  --c-icon--dark: #000;
  --s-border-radius-xs: 0.625rem;
  --s-border-radius-sm: 1rem;
  --s-border-radius-md: 1.25rem;
  --s-border-radius-lg: 2.5rem;
  --s-border-radius-xlg: 6.25rem
}

@font-face {
  font-weight: 400;
  font-family: "AryX  Markets Sanomat TT";
  font-style: normal;
  src: url(5e673b4801bcad716d09.woff2) format("woff2"), url(c8ec869d6f0569b99166.woff) format("woff");
  font-display: fallback
}

@font-face {
  font-weight: 400;
  font-family: "Graphik TF Web";
  font-style: normal;
  src: url(2fe20fdcc61289e3e877.woff2) format("woff2"), url(497c5094d9fe3802ed70.woff) format("woff");
  font-display: fallback
}

@font-face {
  font-weight: 400;
  font-family: "Graphik TF Web";
  font-style: normal;
  src: url(2fe20fdcc61289e3e877.woff2) format("woff2"), url(497c5094d9fe3802ed70.woff) format("woff");
  font-display: fallback
}

@font-face {
  font-weight: 400;
  font-family: "Graphik TF Web";
  font-style: italic;
  src: url(bc31add761e07adf279d.woff2) format("woff2"), url(8f79d3fc741361b02831.woff) format("woff");
  font-display: fallback
}

@font-face {
  font-weight: 600;
  font-family: "Graphik TF Web";
  font-style: normal;
  src: url(246cf16108d249ab6e91.woff2) format("woff2"), url(9ed644ac51df2348899a.woff) format("woff");
  font-display: fallback
}

@font-face {
  font-weight: 600;
  font-family: "Graphik TF Web";
  font-style: italic;
  src: url(567af5c2de397b85cc7a.woff2) format("woff2"), url(b5db817b9200b07a593d.woff) format("woff");
  font-display: fallback
}

body {
  color: var(--c-body--dark);
  font: var(--t-sans-sm--one)
}

.heading-xl {
  color: var(--c-title--dark);
  font: var(--t-serif-md--one)
}

@media(min-width: 768px) {
  .heading-xl {
    font: var(--t-serif-lg--one)
  }
}

.heading-one,
h1 {
  color: var(--c-title--dark);
  font: var(--t-serif-md--two)
}

@media(min-width: 768px) {

  .heading-one,
  h1 {
    font: var(--t-serif-lg--two)
  }
}

.find-a-product__header h2,
.heading-two,
h2 {
  color: var(--c-title--dark);
  font: var(--t-serif-sm--one)
}

@media(min-width: 768px) {

  .find-a-product__header h2,
  .heading-two,
  h2 {
    font: var(--t-serif-md--one)
  }
}

.heading-three,
h3 {
  color: var(--c-title--dark);
  font: var(--t-serif-sm--two)
}

@media(min-width: 768px) {

  .heading-three,
  h3 {
    font: var(--t-serif-sm--one)
  }
}

.heading-four,
h4 {
  color: var(--c-title--dark);
  font: var(--t-serif-sm--two)
}

@media(min-width: 768px) {

  .heading-four,
  h4 {
    font: var(--t-serif-sm--two)
  }
}

.find-a-product .dropdown__button-text,
.find-a-product__search-input,
.heading-five,
h5 {
  color: var(--c-title--dark);
  font: var(--t-serif-sm--three)
}

@media(min-width: 768px) {

  .find-a-product .dropdown__button-text,
  .find-a-product__search-input,
  .heading-five,
  h5 {
    font: var(--t-serif-sm--two)
  }
}

.body-lg {
  color: var(--c-body);
  font: var(--t-sans-lg);
  letter-spacing: .001em
}

.body-lg b,
.body-lg strong {
  font: var(--t-sans-semibold-lg)
}

.body-semibold-lg {
  color: var(--c-body);
  font: var(--t-sans-semibold-lg);
  letter-spacing: .001em
}

.body-md {
  color: var(--c-body--dark);
  font: var(--t-sans-md);
  letter-spacing: .006em
}

.body-md b,
.body-md strong {
  font: var(--t-sans-semibold-md)
}

.body-semibold-md {
  color: var(--c-body--dark);
  font: var(--t-sans-semibold-md);
  letter-spacing: .006em
}

.body-sm--one {
  color: var(--c-body--dark);
  font: var(--t-sans-sm--one);
  letter-spacing: .006em
}

.body-sm--one b,
.body-sm--one strong {
  font: var(--t-sans-semibold-sm--one)
}

.body-semibold-sm--one {
  color: var(--c-body--dark);
  font: var(--t-sans-semibold-sm--one);
  letter-spacing: .006em
}

.body-sm--two {
  color: var(--c-body--dark);
  font: var(--t-sans-sm--two);
  letter-spacing: .006em
}

.body-sm--two b,
.body-sm--two strong {
  font: var(--t-sans-semibold-sm--two)
}

.body-semibold-sm--two {
  color: var(--c-body--dark);
  font: var(--t-sans-semibold-sm--two);
  letter-spacing: .006em
}

.body-xs {
  color: var(--c-primary);
  font: var(--t-sans-xs);
  letter-spacing: .006em
}

.body-xs b,
.body-xs strong {
  font: var(--t-sans-semibold-xs)
}

.body-semibold-xs {
  color: var(--c-primary);
  font: var(--t-sans-semibold-xs);
  letter-spacing: .006em
}

html {
  height: 100%;
  overflow-x: hidden;
  font-size: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
  position: relative;
  height: 100%;
  overflow-x: hidden;
  font-size: var(--s-bodysm);
  background-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  scroll-snap-type: both proximity
}

@media(min-width: 992px) {
  body {
    font-size: var(--s-bodylg)
  }
}

.anchor::before {
  display: block;
  height: 6.25rem;
  margin-top: -6.25rem;
  visibility: hidden;
  content: ""
}

.container {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding-right: var(--gutters);
  padding-left: var(--gutters)
}

@media(min-width: 52.125rem) {
  .container {
    width: calc(100% - 9rem);
    max-width: 100%;
    margin-right: 4.5rem;
    margin-left: 4.5rem
  }
}

@media(min-width: 90rem) {
  .container {
    width: calc(100% - 11rem);
    max-width: 100%;
    margin-right: 5.5rem;
    margin-left: 5.5rem
  }
}

@media(min-width: 120rem) {
  .container {
    width: calc(100% - 14.65rem);
    max-width: 100%;
    margin-right: 7.35rem;
    margin-left: 7.35rem
  }
}

@media(min-width: 768px) {
  .container .w-full {
    flex-direction: row;
    padding: 0 .5rem
  }
}

@media(min-width: 992px) {
  .container {
    flex-direction: row
  }

  .container [class^=w-]+[class^=w-] {
    margin-top: 0
  }
}

.w-2col,
.w-3col,
.w-4col,
.w-5col,
.w-6col,
.w-7col,
.w-8col,
.w-9col,
.w-10col {
  display: flex;
  flex-direction: column
}

@media(min-width: 992px) {

  .w-2col,
  .w-3col,
  .w-4col,
  .w-5col,
  .w-6col,
  .w-7col,
  .w-8col,
  .w-9col,
  .w-10col {
    padding: 0 .5rem
  }
}

@media(max-width: 991px) {

  .w-2col,
  .w-3col,
  .w-4col,
  .w-5col,
  .w-6col,
  .w-7col,
  .w-8col,
  .w-9col,
  .w-10col {
    width: 100%
  }
}

.w-2col>div,
.w-3col>div,
.w-4col>div,
.w-5col>div,
.w-6col>div,
.w-7col>div,
.w-8col>div,
.w-9col>div,
.w-10col>div {
  flex: 1 1 auto
}

.mb-sm {
  margin-bottom: 3.125rem
}

.mb-md {
  margin-bottom: 3.125rem
}

@media(min-width: 768px) {
  .mb-md {
    margin-bottom: 4.375rem
  }
}

.mb-lg {
  margin-bottom: 4.375rem
}

@media(min-width: 768px) {
  .mb-lg {
    margin-bottom: 5.625rem
  }
}

.w-2col {
  width: 100%
}

@media(min-width: 768px) {
  .w-2col {
    flex: 0 1 16.66666%;
    max-width: 16.66666%
  }
}

.w-3col {
  width: 100%
}

@media(min-width: 768px) {
  .w-3col {
    flex: 0 1 25%;
    max-width: 25%
  }
}

.w-4col {
  width: 100%
}

@media(min-width: 768px) {
  .w-4col {
    flex: 0 1 33.3333%;
    max-width: 33.3333%
  }
}

.w-5col {
  width: 100%
}

@media(min-width: 768px) {
  .w-5col {
    flex: 0 1 41.6666%;
    max-width: 41.6666%
  }
}

.w-6col {
  width: 100%
}

@media(min-width: 768px) {
  .w-6col {
    flex: 0 1 50%;
    max-width: 50%
  }
}

.w-7col {
  width: 100%
}

@media(min-width: 768px) {
  .w-7col {
    flex: 0 1 58.33333%;
    max-width: 58.33333%
  }
}

.w-8col {
  width: 100%
}

@media(min-width: 768px) {
  .w-8col {
    flex: 0 1 66.66666%;
    max-width: 66.66666%
  }
}

.w-9col {
  width: 100%
}

@media(min-width: 768px) {
  .w-9col {
    flex: 0 1 75%;
    max-width: 75%
  }
}

.w-10col {
  width: 100%
}

@media(min-width: 768px) {
  .w-10col {
    flex: 0 1 83.33333%;
    max-width: 83.33333%
  }
}

img[data-lazy-src] {
  will-change: contents
}

.full-width__forced {
  width: 100% !important;
  max-width: 100% !important
}

img[style*="float: left;"] {
  margin-right: .9375rem
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px)
}

.rich-text *+* {
  margin-top: 1.5rem
}

.rich-text *+svg {
  margin-top: unset
}

.rich-text :is(:not(h2, h3, h4, h5))+:is(h2, h3, h4, h5) {
  margin-top: 3.5rem
}

.rich-text ul,
.rich-text ol {
  padding: 0 0 0 1.5rem;
  list-style: revert
}

.rich-text ul li::before,
.rich-text ol li::before {
  content: none
}

.rich-text li+li {
  margin-top: .5rem
}

.rich-text p a:not(.score-button, .icon-button) {
  position: relative;
  color: var(--c-primary--700);
  transition: all ease .3s
}

.rich-text p a:not(.score-button, .icon-button):hover {
  text-decoration: underline
}

.rich-text p a:not(.score-button, .icon-button):focus-visible {
  color: var(--c-primary--700)
}

.rich-text p a:not(.score-button, .icon-button).disabled {
  color: var(--c-neutral--700)
}

.footer .rich-text p a:not(.score-button, .icon-button) {
  color: var(--c-neutral);
  font: var(--t-sans-semibold-xs);
  cursor: pointer
}

.rich-text p+p {
  margin-top: 1rem
}

.rich-text a:not(.score-button, .icon-button) {
  position: relative;
  color: var(--c-primary--700);
  transition: all ease .3s
}

.rich-text a:not(.score-button, .icon-button):hover {
  text-decoration: underline
}

.rich-text a:not(.score-button, .icon-button):focus-visible {
  color: var(--c-primary--700)
}

.rich-text a:not(.score-button, .icon-button).disabled {
  color: var(--c-neutral--700)
}

.rich-text .small {
  color: var(--c-neutral--700);
  font: var(--t-sans-xs)
}

.rich-text .small+.rich-text .small {
  margin-top: 1em
}

.rich-text hr {
  display: block;
  margin-top: 2.5rem;
  color: var(--c-neutral--400)
}

.rich-text hr+:not(.small):is(h1, h2, h3, h4, h5, h6, p, table, ul, ol) {
  margin-top: 2.5rem
}

.rich-text hr:first-child {
  margin-top: 0
}

.rich-text hr+.small {
  margin-top: .5rem
}

.rich-text img+hr,
.rich-text table+hr {
  margin-top: 1rem
}

@media(min-width: 768px) {

  .rich-text img+hr,
  .rich-text table+hr {
    margin-top: 1.5rem
  }
}

table {
  width: 100%;
  max-width: 100%;
  border: 1px solid inherit
}

table th {
  padding: 0 0 .5rem 1rem;
  border-bottom: 1px solid var(--c-neutral--300);
  font-weight: 600;
  font-size: .75rem;
  line-height: 1.25;
  text-align: left
}

table td {
  padding: 1.25rem 1rem;
  border-bottom: 1px solid var(--c-neutral--300);
  color: var(--c-neutral--700);
  font-size: .875rem;
  line-height: 1.5;
  text-align: left
}

table a:focus-visible,
table button:focus-visible {
  border-color: var(--c-primary--300);
  outline: .25rem solid var(--c-primary--300);
  outline-offset: 5px;
  border-radius: 10px
}

table.event-feed tr th {
  text-align: center
}

table.event-feed tr th:first-child {
  min-width: 12.5rem;
  text-align: left
}

table.event-feed tr td {
  scroll-snap-align: start;
  text-align: center
}

table.event-feed tr td:first-child {
  text-align: left
}

.rich-text table {
  display: block;
  padding-bottom: 5rem;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--c-primary--600) var(--c-primary--300)
}

.rich-text table::-webkit-scrollbar {
  width: .5rem;
  height: .5rem
}

.rich-text table::-webkit-scrollbar-track {
  background-color: var(--c-primary--300);
  border-radius: .625rem
}

.rich-text table::-webkit-scrollbar-thumb {
  background-color: var(--c-primary--600);
  border-radius: 0;
  border-radius: .625rem
}

.rich-text table tbody {
  display: table;
  width: 100%
}

.rich-text table td {
  padding: 1.25rem 1rem;
  color: var(--c-neutral--900);
  font: var(--t-sans-sm--one)
}

.rich-text table td ul {
  list-style: circle;
  list-style-type: disc
}

.rich-text table td ul li {
  color: inherit;
  font: inherit
}

.rich-text table a {
  color: var(--c-primary);
  text-underline-offset: .25rem
}

.rich-text table a:hover {
  text-decoration: underline
}

svg {
  transition: color 150ms
}

svg[class*=icon] {
  display: inline-block;
  min-width: 1em;
  height: 1em;
  color: var(--c-icon);
  font-size: 1rem;
  aspect-ratio: 1/1
}

svg.icon-share {
  fill: none
}

svg.icon-lg {
  min-width: var(--c-icon-lg);
  height: var(--s-icon-lg)
}

svg.icon-dark {
  color: var(--c-icon-dark)
}

svg.icon-quotemark {
  width: 2.5rem;
  height: 2.5625rem;
  aspect-ratio: unset
}

svg.warning-dashed {
  width: 1rem;
  height: 1rem
}

svg.icon-arrow-left,
svg.icon-chevron-sm-left,
svg.icon-chevron-lg-left,
svg.icon-carat-close {
  rotate: 180deg
}

svg.icon-arrow-top-right {
  rotate: -45deg
}

svg.icon-arrow-top-left {
  rotate: -135deg
}

svg.icon-arrow-bottom-right {
  rotate: 45deg
}

svg.icon-arrow-bottom-left {
  rotate: 135deg
}

svg.icon-arrow-up,
svg.icon-chevron-sm-up,
svg.icon-chevron-lg-up,
svg.icon-play {
  rotate: 270deg
}

svg.icon-arrow-down,
svg.icon-chevron-sm-down,
svg.icon-chevron-lg-down,
svg.icon-dot-menu-horizontal {
  rotate: 90deg
}

svg.icon-direction-up-right {
  rotate: 45deg
}

svg.icon-direction-right {
  rotate: 90deg
}

svg.icon-direction-down-right {
  rotate: 135deg
}

svg.icon-direction-down {
  rotate: 180deg
}

svg.icon-direction-down-left {
  rotate: 225deg
}

svg.icon-direction-left {
  rotate: 270deg
}

svg.icon-direction-up-left {
  rotate: 315deg
}

.fifty {
  display: flex;
  flex-wrap: wrap
}

.form-control {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  width: 50%;
  margin-bottom: 1.875rem
}

.form-control label {
  margin-bottom: .625rem;
  font-weight: bold
}

.form-control legend {
  font-weight: bold
}

legend {
  font-weight: bold
}

input,
select,
.FormSelection select,
.FormTextbox__Input {
  width: 18rem;
  height: 3rem;
  padding: .75rem .93rem;
  border: 1px solid #8f9494;
  color: var(--c-primary);
  background-color: var(--c-neutral)
}

select,
.FormSelection select {
  line-height: 1.125rem;
  background: url(ebf6388af6950fa8a826.svg) no-repeat;
  background-position: 95% 50%;
  background-size: 11px 11px;
  appearance: none
}

textarea {
  width: 100%;
  max-width: 100%;
  height: 8.75rem;
  padding: .75rem .93rem;
  border: 1px solid #8f9494;
  border-radius: 3px;
  color: var(--c-primary);
  background-color: var(--c-neutral)
}

.checkbox {
  height: auto;
  margin-bottom: 0
}

.checkbox label {
  position: relative;
  display: flex;
  align-items: center
}

.checkbox input[type=checkbox] {
  width: 0;
  height: 0;
  opacity: 0
}

.checkbox span {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 1.875rem
}

.checkbox span:before {
  position: absolute;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid currentColor;
  content: ""
}

.checkbox input:checked+span:before {
  background-color: var(--c-neutral--800);
  box-shadow: inset 0 0 0 3px #fff
}

div[style*="background-color: rgb(0, 59, 92);"] .checkbox input:checked+span:before {
  background-color: var(--c-neutral);
  box-shadow: inset 0 0 0 3px #003b5c
}

.radio {
  height: auto;
  margin-bottom: 0
}

.radio label {
  position: relative;
  display: flex;
  align-items: center
}

.radio label input[type=radio] {
  width: 0;
  height: 0;
  opacity: 0
}

.radio label span {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 1.875rem
}

.radio label span:before {
  position: absolute;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid currentColor;
  border-radius: 100%;
  content: ""
}

.radio label input:checked+span:before {
  background-color: var(--c-neutral--800);
  box-shadow: inset 0 0 0 3px #fff
}

div[style*="background-color: rgb(0, 59, 92);"] .radio label input:checked+span:before {
  background-color: var(--c-neutral);
  box-shadow: inset 0 0 0 3px #003b5c
}

hr {
  display: none
}

@media(min-width: 768px) {
  hr {
    display: block;
    border-color: var(--c-neutral--400)
  }
}

body>header ul,
body>footer ul,
main ul {
  margin: 0 0 .9375rem 0;
  padding-right: 1.25rem;
  padding-left: 1.4375rem;
  list-style: none
}

body>header ul li,
body>footer ul li,
main ul li {
  position: relative;
  color: var(--c-body--dark);
  text-align: left
}

body>header ul li::before,
body>footer ul li::before,
main ul li::before {
  display: inline-block;
  width: .875rem;
  margin-right: .1875rem;
  color: var(--c-neutral);
  font-weight: bold;
  content: "●"
}

body>header ul ul,
body>footer ul ul,
main ul ul {
  margin: 0
}

.socreport,
.hero-block__wrapper,
.videoslist-module,
.moneymarket-calculator-error-summary,
.moneymarket-calculator,
.allview-map,
.dynamic-fund-table,
.hero-video__wrapper,
.search-no-results,
.search-filters,
.search-results,
.search-input,
.alert-banner__content-wrapper,
.image-block,
.facts-grid,
.self-id__wrapper,
.podcast-player__block-divider,
.podcast-player__footer,
.podcast-player__header,
.filtered-grid__flex-container,
.quote__full-width,
.featured-hero-carousel__container,
.feature-grid__content,
.feature-grid__header,
.narrow-quote,
.video-module,
.tabset-section.tabset--vertical .tabset-container,
.flexible-content,
.link-list,
.storytelling-carousel__background--wide,
.storytelling-carousel__footer-container,
.storytelling-carousel__container,
.list-hero,
.find-a-product .find-a-product__container,
.marquee,
.fullwidth-carousel__footer-container,
.fullwidth-carousel__container,
.grid-50-50,
.homepage-hero__container,
.abbreviated-carousel__footer-container,
.abbreviated-carousel__container,
.stats-hero,
.richtext,
.footer,
.card-grid,
.visual-list__container,
.in-page-nav__nav,
.in-page-nav__header-text,
.header-navigation-search__wrapper,
.header-navigation-desktop .sub-nav--open,
.header-navigation-desktop .main-nav__content,
.header-navigation-desktop .utility-nav__content,
.calculator-page__disclosure,
.flex-grid {
  width: clamp(20rem, 100%, 90rem);
  margin: 0 auto
}

.socreport,
.hero-block__wrapper,
.videoslist-module,
.moneymarket-calculator-error-summary,
.moneymarket-calculator,
.allview-map,
.dynamic-fund-table,
.hero-video__wrapper,
.search-no-results,
.search-filters,
.search-results,
.search-input,
.alert-banner__content-wrapper,
.image-block,
.facts-grid,
.self-id__wrapper,
.podcast-player__block-divider,
.podcast-player__footer,
.podcast-player__header,
.filtered-grid__flex-container,
.quote__full-width,
.featured-hero-carousel__container,
.feature-grid__content,
.feature-grid__header,
.narrow-quote,
.video-module,
.tabset-section.tabset--vertical .tabset-container,
.flexible-content,
.link-list,
.storytelling-carousel__background--wide,
.storytelling-carousel__footer-container,
.storytelling-carousel__container,
.list-hero,
.find-a-product .find-a-product__container,
.marquee,
.fullwidth-carousel__footer-container,
.fullwidth-carousel__container,
.grid-50-50,
.homepage-hero__container,
.abbreviated-carousel__footer-container,
.abbreviated-carousel__container,
.stats-hero,
.richtext,
.footer,
.card-grid,
.visual-list__container,
.in-page-nav__nav,
.in-page-nav__header-text,
.header-navigation-search__wrapper,
.header-navigation-desktop .sub-nav--open,
.header-navigation-desktop .main-nav__content,
.header-navigation-desktop .utility-nav__content,
.calculator-page__disclosure,
.flex-grid {
  padding: 0 .875rem
}

@media(min-width: 992px) {

  .socreport,
  .hero-block__wrapper,
  .videoslist-module,
  .moneymarket-calculator-error-summary,
  .moneymarket-calculator,
  .allview-map,
  .dynamic-fund-table,
  .hero-video__wrapper,
  .search-no-results,
  .search-filters,
  .search-results,
  .search-input,
  .alert-banner__content-wrapper,
  .image-block,
  .facts-grid,
  .self-id__wrapper,
  .podcast-player__block-divider,
  .podcast-player__footer,
  .podcast-player__header,
  .filtered-grid__flex-container,
  .quote__full-width,
  .featured-hero-carousel__container,
  .feature-grid__content,
  .feature-grid__header,
  .narrow-quote,
  .video-module,
  .tabset-section.tabset--vertical .tabset-container,
  .flexible-content,
  .link-list,
  .storytelling-carousel__background--wide,
  .storytelling-carousel__footer-container,
  .storytelling-carousel__container,
  .list-hero,
  .find-a-product .find-a-product__container,
  .marquee,
  .fullwidth-carousel__footer-container,
  .fullwidth-carousel__container,
  .grid-50-50,
  .homepage-hero__container,
  .abbreviated-carousel__footer-container,
  .abbreviated-carousel__container,
  .stats-hero,
  .richtext,
  .footer,
  .card-grid,
  .visual-list__container,
  .in-page-nav__nav,
  .in-page-nav__header-text,
  .header-navigation-search__wrapper,
  .header-navigation-desktop .sub-nav--open,
  .header-navigation-desktop .main-nav__content,
  .header-navigation-desktop .utility-nav__content,
  .calculator-page__disclosure,
  .flex-grid {
    padding: 0 5.125rem
  }
}

.socreport--fullwidth,
.socreport--half,
.videoslist-module__video-section,
.data-summary__data-table+.data-summary__data-chart,
.data-summary__data-table,
.allview-map__map,
.allview-map__header,
.dynamic-fund-table__directactions,
.dynamic-fund-table__actions,
.dynamic-fund-table__dropdown,
.dynamic-fund-table__description,
.dynamic-fund-table__date,
.dynamic-fund-table__subtitle,
.dynamic-fund-table__title,
.hero-video__details,
.hero-video__content,
.hero-video__header,
.search-no-results__links,
.search-no-results__message,
.search-no-results__heading,
.search-filters__wrapper,
.search-results__item-image,
.search-results__item-cta,
.search-results__item-description,
.search-results__item-title,
.search-results__item-eyebrow,
.search-results__list,
.search-results__title,
.search-input__wrapper,
.alert-banner__inner-content,
.image-block figure,
.facts-grid__quick-resources,
.facts-grid__facts-column,
.facts-grid__heading,
.self-id__additional-information,
.self-id__content,
.self-id__header,
.top10holdings__disclosure,
.tables__table,
.tables__summary,
.tables__disclosure,
.podcast-player__block-divider>div,
.podcast-player__transcript,
.podcast-player__controls,
.podcast-player__teaser,
.allspring-pagination,
.quote__content,
.quote__image,
.feature-grid__content__item,
.feature-grid__sub-nav,
.feature-grid__main-nav,
.feature-grid__heading,
.narrow-quote .rich-text,
.video-module.video-hero .video-module__header P,
.video-module.video-hero .video-module__header,
.video-module__video-section,
.video-module__header,
.video-module__tag,
.tabset-section.tabset--vertical .tabset-container .tabset-panels,
.tabset-section.tabset--vertical .tabset-container .tabset__tabs,
.tabset-section.tabset--vertical .tabset-container .section-header,
.flexible-content__content,
.flexible-content__heading,
.link-list__content,
.link-list__heading,
.recirculation-module__left,
.recirculation-module__right,
.storytelling-carousel section,
.list-hero__list,
.list-hero__intro,
.lockup-grid .lockup-grid__section,
.lockup-grid .lockup-grid__lower-text,
.lockup-grid .lockup-section__header,
.find-a-product__actions,
.find-a-product__search-field,
.find-a-product__header,
.marquee__image,
.marquee__intro,
.fullwidth-carousel__container>section,
.grid-50-50__intro,
.grid-50-50__grid,
.homepage-hero__container>section,
.abbreviated-carousel__container>section,
.stats-hero__content,
.stats-hero__header,
.richtext__content,
.richtext__feature,
.footer__disclaimer,
.footer__linkgroups,
.footer__brand,
.card-grid--asset .card-grid__card,
.card-grid--wide-asset .card-grid__card,
.card-grid--default .card-grid__card,
.card-grid__header,
.visual-list__section,
.header-navigation-search__results,
.header-navigation-search__input,
.header-navigation-desktop .main-nav__left,
.header-navigation-desktop .main-nav__right,
.header-navigation-desktop .utility-nav__left,
.header-navigation-desktop .utility-nav__right,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  padding: 0 6px
}

@media(min-width: 768px) {

  .socreport--fullwidth,
  .socreport--half,
  .videoslist-module__video-section,
  .data-summary__data-table+.data-summary__data-chart,
  .data-summary__data-table,
  .allview-map__map,
  .allview-map__header,
  .dynamic-fund-table__directactions,
  .dynamic-fund-table__actions,
  .dynamic-fund-table__dropdown,
  .dynamic-fund-table__description,
  .dynamic-fund-table__date,
  .dynamic-fund-table__subtitle,
  .dynamic-fund-table__title,
  .hero-video__details,
  .hero-video__content,
  .hero-video__header,
  .search-no-results__links,
  .search-no-results__message,
  .search-no-results__heading,
  .search-filters__wrapper,
  .search-results__item-image,
  .search-results__item-cta,
  .search-results__item-description,
  .search-results__item-title,
  .search-results__item-eyebrow,
  .search-results__list,
  .search-results__title,
  .search-input__wrapper,
  .alert-banner__inner-content,
  .image-block figure,
  .facts-grid__quick-resources,
  .facts-grid__facts-column,
  .facts-grid__heading,
  .self-id__additional-information,
  .self-id__content,
  .self-id__header,
  .top10holdings__disclosure,
  .tables__table,
  .tables__summary,
  .tables__disclosure,
  .podcast-player__block-divider>div,
  .podcast-player__transcript,
  .podcast-player__controls,
  .podcast-player__teaser,
  .allspring-pagination,
  .quote__content,
  .quote__image,
  .feature-grid__content__item,
  .feature-grid__sub-nav,
  .feature-grid__main-nav,
  .feature-grid__heading,
  .narrow-quote .rich-text,
  .video-module.video-hero .video-module__header P,
  .video-module.video-hero .video-module__header,
  .video-module__video-section,
  .video-module__header,
  .video-module__tag,
  .tabset-section.tabset--vertical .tabset-container .tabset-panels,
  .tabset-section.tabset--vertical .tabset-container .tabset__tabs,
  .tabset-section.tabset--vertical .tabset-container .section-header,
  .flexible-content__content,
  .flexible-content__heading,
  .link-list__content,
  .link-list__heading,
  .recirculation-module__left,
  .recirculation-module__right,
  .storytelling-carousel section,
  .list-hero__list,
  .list-hero__intro,
  .lockup-grid .lockup-grid__section,
  .lockup-grid .lockup-grid__lower-text,
  .lockup-grid .lockup-section__header,
  .find-a-product__actions,
  .find-a-product__search-field,
  .find-a-product__header,
  .marquee__image,
  .marquee__intro,
  .fullwidth-carousel__container>section,
  .grid-50-50__intro,
  .grid-50-50__grid,
  .homepage-hero__container>section,
  .abbreviated-carousel__container>section,
  .stats-hero__content,
  .stats-hero__header,
  .richtext__content,
  .richtext__feature,
  .footer__disclaimer,
  .footer__linkgroups,
  .footer__brand,
  .card-grid--asset .card-grid__card,
  .card-grid--wide-asset .card-grid__card,
  .card-grid--default .card-grid__card,
  .card-grid__header,
  .visual-list__section,
  .header-navigation-search__results,
  .header-navigation-search__input,
  .header-navigation-desktop .main-nav__left,
  .header-navigation-desktop .main-nav__right,
  .header-navigation-desktop .utility-nav__left,
  .header-navigation-desktop .utility-nav__right,
  .col-12,
  .col-11,
  .col-10,
  .col-9,
  .col-8,
  .col-7,
  .col-6,
  .col-5,
  .col-4,
  .col-3,
  .col-2,
  .col-1 {
    padding: 0 10px
  }
}

.flex-grid {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in
}

.col-1 {
  width: 100%;
  min-height: .0625rem;
  max-width: 16.6666666667%
}

@media(min-width: 768px) {
  .col-1 {
    max-width: 8.3333333333%
  }
}

.offset-1 {
  margin-left: 16.6666666667%
}

@media(min-width: 768px) {
  .offset-1 {
    margin-left: 8.3333333333%
  }
}

.col-2 {
  width: 100%;
  min-height: .0625rem;
  max-width: 33.3333333333%
}

@media(min-width: 768px) {
  .col-2 {
    max-width: 16.6666666667%
  }
}

.offset-2 {
  margin-left: 33.3333333333%
}

@media(min-width: 768px) {
  .offset-2 {
    margin-left: 16.6666666667%
  }
}

.col-3 {
  width: 100%;
  min-height: .0625rem;
  max-width: 50%
}

@media(min-width: 768px) {
  .col-3 {
    max-width: 25%
  }
}

.offset-3 {
  margin-left: 50%
}

@media(min-width: 768px) {
  .offset-3 {
    margin-left: 25%
  }
}

.col-4 {
  width: 100%;
  min-height: .0625rem;
  max-width: 66.6666666667%
}

@media(min-width: 768px) {
  .col-4 {
    max-width: 33.3333333333%
  }
}

.offset-4 {
  margin-left: 66.6666666667%
}

@media(min-width: 768px) {
  .offset-4 {
    margin-left: 33.3333333333%
  }
}

.col-5 {
  width: 100%;
  min-height: .0625rem;
  max-width: 83.3333333333%
}

@media(min-width: 768px) {
  .col-5 {
    max-width: 41.6666666667%
  }
}

.offset-5 {
  margin-left: 83.3333333333%
}

@media(min-width: 768px) {
  .offset-5 {
    margin-left: 41.6666666667%
  }
}

.col-6 {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%
}

@media(min-width: 768px) {
  .col-6 {
    max-width: 50%
  }
}

.offset-6 {
  margin-left: 100%
}

@media(min-width: 768px) {
  .offset-6 {
    margin-left: 50%
  }
}

.col-7 {
  width: 100%;
  min-height: .0625rem;
  max-width: 116.6666666667%
}

@media(min-width: 768px) {
  .col-7 {
    max-width: 58.3333333333%
  }
}

.offset-7 {
  margin-left: 116.6666666667%
}

@media(min-width: 768px) {
  .offset-7 {
    margin-left: 58.3333333333%
  }
}

.col-8 {
  width: 100%;
  min-height: .0625rem;
  max-width: 133.3333333333%
}

@media(min-width: 768px) {
  .col-8 {
    max-width: 66.6666666667%
  }
}

.offset-8 {
  margin-left: 133.3333333333%
}

@media(min-width: 768px) {
  .offset-8 {
    margin-left: 66.6666666667%
  }
}

.col-9 {
  width: 100%;
  min-height: .0625rem;
  max-width: 150%
}

@media(min-width: 768px) {
  .col-9 {
    max-width: 75%
  }
}

.offset-9 {
  margin-left: 150%
}

@media(min-width: 768px) {
  .offset-9 {
    margin-left: 75%
  }
}

.col-10 {
  width: 100%;
  min-height: .0625rem;
  max-width: 166.6666666667%
}

@media(min-width: 768px) {
  .col-10 {
    max-width: 83.3333333333%
  }
}

.offset-10 {
  margin-left: 166.6666666667%
}

@media(min-width: 768px) {
  .offset-10 {
    margin-left: 83.3333333333%
  }
}

.col-11 {
  width: 100%;
  min-height: .0625rem;
  max-width: 183.3333333333%
}

@media(min-width: 768px) {
  .col-11 {
    max-width: 91.6666666667%
  }
}

.offset-11 {
  margin-left: 183.3333333333%
}

@media(min-width: 768px) {
  .offset-11 {
    margin-left: 91.6666666667%
  }
}

.col-12 {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%
}

@media(min-width: 768px) {
  .col-12 {
    max-width: 100%
  }
}

.offset-12 {
  margin-left: 200%
}

@media(min-width: 768px) {
  .offset-12 {
    margin-left: 100%
  }
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100%
}

body .main-content {
  flex: 1 0 auto;
  width: 100%
}

.bio-page .fullwidth-carousel {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  background-color: #fff
}

@media(min-width: 768px) {
  .bio-page .fullwidth-carousel {
    padding-top: 5rem;
    padding-bottom: 5rem
  }
}

.bio-page .lockup-grid {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

@media(min-width: 768px) {
  .bio-page .lockup-grid {
    padding-top: 5rem;
    padding-bottom: 5rem
  }
}

.report-page .key-takeaways {
  margin-bottom: 2.125rem
}

.report-page .fullwidth-carousel {
  padding-bottom: 5rem
}

@media(min-width: 768px) {
  .video-page .key-takeaways {
    margin-top: 2.8125rem
  }
}

@media(min-width: 768px) {
  .home-page .card-grid {
    padding-bottom: 5rem
  }
}

.team-detail-page .video-module {
  margin-top: 2.5rem
}

@media(min-width: 768px) {
  .article-page .key-takeaways {
    padding-bottom: 1.4375rem
  }

  .article-page .richtext--empty {
    padding-top: 2.5rem
  }
}

.search-results-page {
  padding-bottom: 2.5rem
}

.dynamic-fund-page .full-width-container {
  background: var(--c-neutral--100)
}

.product-finder__disclaimer {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  color: #646984;
  font: var(--t-sans-xs);
  background-color: #f5f7fb
}

@media(min-width: 768px) {
  .product-finder__disclaimer {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
  }
}

.product-finder__disclaimer p:not(:first-child) {
  margin-top: 1rem
}

.calculator-page {
  color: var(--c-neutral--700)
}

.calculator-page__disclosure {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in
}

.calculator-page__disclosure p {
  margin-bottom: 3.125rem
}

.asset-class-page .flexible-content {
  column-gap: 1rem
}

@media(min-width: 768px) {
  .asset-class-page .flexible-content {
    flex-wrap: nowrap
  }
}

.error-page .richtext--flipped {
  align-items: flex-end
}

.error-page .richtext--flipped .richtext__image {
  max-width: 100%;
  padding-left: 0
}

.premiumdiscount-page table th:not(:first-child) {
  text-align: right
}

.premiumdiscount-page table td:not(:first-child) {
  text-align: right
}

.section-hero-block {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0;
  border-radius: .5rem
}

.section-hero-block[style*="color:"] h1,
.section-hero-block[style*="color:"] h2,
.section-hero-block[style*="color:"] h3,
.section-hero-block[style*="color:"] h4,
.section-hero-block[style*="color:"] h5,
.section-hero-block[style*="color:"] h6,
.section-hero-block[style*="color:"] p,
.section-hero-block[style*="color:"] a:not(.score-button) {
  color: inherit
}

@media(min-width: 992px) {
  .section-hero-block {
    flex-direction: row
  }
}

.section-hero-block .page-layout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 100%;
  background-color: inherit
}

@media(max-width: 991px) {
  .section-hero-block .page-layout+.page-layout {
    margin-top: 1.5rem
  }
}

.section-hero-block .page-layout.score-image {
  margin-right: 0
}

@media(min-width: 992px) {
  .section-hero-block .page-layout {
    flex: 0 1 40%;
    max-width: 40%
  }

  .section-hero-block .page-layout:first-of-type {
    flex: 1 1 60%;
    max-width: 60%
  }
}

.section-hero-block .page-layout img,
.section-hero-block .page-layout .score-video {
  max-width: 100%;
  margin-right: 0;
  border-radius: .5rem;
  aspect-ratio: 356/217
}

@media(min-width: 992px) {

  .section-hero-block .page-layout img,
  .section-hero-block .page-layout .score-video {
    width: auto;
    border-radius: .5rem
  }
}

.section-hero-block.no-image .page-layout {
  flex: 1 1 100%;
  max-width: 100%
}

.section-hero-block .score-section-hero {
  text-align: left
}

.section-hero-block .score-section-hero .score-call-to-action {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%
}

.section-hero-block .score-section-hero .score-call-to-action .score-button+.score-button {
  margin: 1rem 1.875rem 0 0
}

@media(min-width: 576px) {
  .section-hero-block .score-section-hero .score-call-to-action .score-button+.score-button {
    margin: 1rem 1.875rem 0 0
  }
}

@media(max-width: 575px) {
  .section-hero-block .score-section-hero .score-call-to-action .score-button+.score-button {
    margin: 1rem 1.875rem 0 0
  }
}

.section-hero-block .score-section-hero .score-call-to-action .score-button+.score-button:last-child {
  margin-right: 0
}

@media(min-width: 992px) {
  .section-hero-block .score-section-hero {
    margin-left: 2.5rem
  }

  .section-hero-block .score-section-hero h2 {
    font-size: 2.5rem;
    line-height: 3rem
  }

  .section-hero-block .score-section-hero p {
    font-size: 1.125rem;
    line-height: 1.6875rem
  }

  .section-hero-block .score-section-hero h2 {
    font-size: 2rem;
    line-height: 2.375rem
  }

  .section-hero-block .score-section-hero p {
    font-size: 1rem;
    line-height: 1.375rem
  }
}

@media(min-width: 992px) {
  .section-hero-block.right .page-layout:first-child {
    order: 1
  }
}

.section-hero-block.right .page-layout img,
.section-hero-block.right .page-layout video,
.section-hero-block.right .page-layout .score-video {
  margin-right: 0
}

.section-hero-block.right .page-layout .score-section-hero {
  margin-right: 0;
  margin-left: 0
}

.section-hero-block.title-underline .score-section-hero h2 {
  position: relative;
  padding-bottom: 1.5rem
}

.section-hero-block.title-underline .score-section-hero h2::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 5rem;
  height: 4px;
  border-radius: 4px;
  background-color: #c81e82;
  content: ""
}

.section-hero-block.gradient {
  border-radius: 0;
  background-color: #f8f8f8;
  box-shadow: -1000px 0px 0px 0px #f8f8f8, 1000px 0px 0px 0px #f8f8f8
}

.section-hero-block.gradient::before {
  position: absolute;
  top: -6.25rem;
  left: -100vw;
  display: block;
  width: 200vw;
  height: 6.25rem;
  background-image: linear-gradient(180deg, transparent 0%, #f8f8f8 100%);
  content: ""
}

.section-hero-block.gradient::after {
  position: absolute;
  bottom: -6.25rem;
  left: -100vw;
  display: block;
  width: 200vw;
  height: 6.25rem;
  background-image: linear-gradient(0deg, transparent 0%, #f8f8f8 100%);
  content: ""
}

@media(max-width: 991px) {
  .section-hero-block.gradient {
    margin: 6.25rem 0
  }
}

@media(min-width: 992px) {
  .section-hero-block.gradient {
    margin: 6.25rem 0
  }
}

.score-tab {
  width: 100%;
  overflow: hidden
}

.score-tab .tab-buttons-wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  overflow-x: auto;
  background-color: var(--c-neutral)
}

.score-tab .tab-buttons-wrapper .tab-button {
  z-index: 599;
  flex: 1 1 100%;
  padding: .5rem 1rem;
  border-bottom: .25rem solid var(--c-neutral--300);
  color: var(#5627e7);
  font-size: 1.25rem;
  text-align: center;
  transition: border-color linear .3s
}

.score-tab .tab-buttons-wrapper .tab-button.active {
  border-color: var(--c-primary);
  color: var(--c-primary--800)
}

.score-tab .tab-content {
  position: relative;
  padding: 1rem
}

.score-tab .tab-content .content {
  display: none;
  opacity: 0;
  transition: opacity ease-in-out .5s
}

.score-tab .tab-content .content.active {
  display: block;
  opacity: 1
}

.text-field,
.dropdown {
  position: relative;
  margin: .5rem 0
}

.text-field__label,
.dropdown__label {
  color: #646984;
  font: var(--t-sans-xs)
}

.text-field__label__required,
.dropdown__label__required {
  margin-left: .25rem;
  color: #ff4865
}

.text-field__input,
.dropdown__button {
  box-sizing: border-box;
  width: 100%;
  min-height: 2rem;
  padding: .5rem;
  padding-left: 0;
  border: none;
  border-bottom: 1px solid #646984;
  color: #2a3544;
  font: var(--t-sans-sm--two);
  text-align: left
}

.text-field__error-message,
.dropdown__error-message {
  margin-top: .5rem;
  color: #da223f;
  font: var(--t-sans-xs)
}

.dropdown {
  width: 100%
}

.dropdown__icon svg {
  width: 8px;
  height: 8px
}

@media(min-width: 768px) {
  .dropdown__icon--inline svg {
    width: 24px;
    height: 24px
  }
}

.dropdown--inline {
  display: flex;
  gap: 12px
}

.dropdown__label--inline {
  display: flex;
  align-items: center;
  color: #2a3544;
  font: var(--t-serif-sm--three)
}

@media(min-width: 768px) {
  .dropdown__label--inline {
    font: var(--t-serif-md--three)
  }
}

.dropdown__container--inline {
  flex: 1
}

@media(min-width: 768px) {
  .dropdown__container--inline {
    position: relative
  }
}

.dropdown__button {
  display: flex;
  justify-content: space-between;
  transition: color .2s ease-out
}

.dropdown__button--error {
  position: relative;
  border-color: #da223f
}

.dropdown__button--error::after {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjEwODQgNC42ODk5NEMxMC41MjYyIDQuNjg5OTQgOC45Nzk0MyA1LjE1OTEzIDcuNjYzODQgNi4wMzgxOEM2LjM0ODI1IDYuOTE3MjQgNS4zMjI4NyA4LjE2NjY2IDQuNzE3MzcgOS42Mjg0N0M0LjExMTg2IDExLjA5MDMgMy45NTM0NCAxMi42OTg4IDQuMjYyMTIgMTQuMjUwN0M0LjU3MDggMTUuODAyNSA1LjMzMjczIDE3LjIyOCA2LjQ1MTU1IDE4LjM0NjhDNy41NzAzNyAxOS40NjU2IDguOTk1ODMgMjAuMjI3NSAxMC41NDc3IDIwLjUzNjJDMTIuMDk5NSAyMC44NDQ5IDEzLjcwODEgMjAuNjg2NSAxNS4xNjk5IDIwLjA4MUMxNi42MzE3IDE5LjQ3NTUgMTcuODgxMSAxOC40NTAxIDE4Ljc2MDIgMTcuMTM0NUMxOS42MzkyIDE1LjgxODkgMjAuMTA4NCAxNC4yNzIyIDIwLjEwODQgMTIuNjg5OUMyMC4xMDg0IDEwLjU2ODIgMTkuMjY1NSA4LjUzMzM4IDE3Ljc2NTMgNy4wMzMwOUMxNi4yNjUgNS41MzI4IDE0LjIzMDEgNC42ODk5NCAxMi4xMDg0IDQuNjg5OTRaTTEyLjEwODQgMTkuNTQ3MUMxMC43NTIyIDE5LjU0NzEgOS40MjY0MyAxOS4xNDQ5IDguMjk4NzggMTguMzkxNEM3LjE3MTEzIDE3LjYzOCA2LjI5MjIzIDE2LjU2NyA1Ljc3MzIzIDE1LjMxNDFDNS4yNTQyMyAxNC4wNjExIDUuMTE4NDMgMTIuNjgyMyA1LjM4MzAyIDExLjM1MjJDNS42NDc2IDEwLjAyMiA2LjMwMDY4IDguODAwMiA3LjI1OTY3IDcuODQxMjFDOC4yMTg2NiA2Ljg4MjIyIDkuNDQwNDggNi4yMjkxNCAxMC43NzA2IDUuOTY0NTZDMTIuMTAwOCA1LjY5OTk3IDEzLjQ3OTUgNS44MzU3NyAxNC43MzI1IDYuMzU0NzdDMTUuOTg1NSA2Ljg3Mzc3IDE3LjA1NjQgNy43NTI2NyAxNy44MDk5IDguODgwMzJDMTguNTYzNCAxMC4wMDggMTguOTY1NSAxMS4zMzM3IDE4Ljk2NTUgMTIuNjg5OUMxOC45NjU1IDE0LjUwODYgMTguMjQzMSAxNi4yNTI3IDE2Ljk1NzEgMTcuNTM4N0MxNS42NzEyIDE4LjgyNDYgMTMuOTI3IDE5LjU0NzEgMTIuMTA4NCAxOS41NDcxWiIgZmlsbD0iI0RBMjIzRiIvPgo8cGF0aCBkPSJNMTIuNjggOC4xMTkxNEgxMS41MzcxVjE0LjQwNDlIMTIuNjhWOC4xMTkxNFoiIGZpbGw9IiNEQTIyM0YiLz4KPHBhdGggZD0iTTEyLjEwODEgMTYuMTE5MUMxMS45Mzg2IDE2LjExOTEgMTEuNzcyOSAxNi4xNjk0IDExLjYzMTkgMTYuMjYzNkMxMS40OTEgMTYuMzU3OCAxMS4zODExIDE2LjQ5MTYgMTEuMzE2MiAxNi42NDgzQzExLjI1MTMgMTYuODA0OSAxMS4yMzQ0IDE2Ljk3NzIgMTEuMjY3NCAxNy4xNDM1QzExLjMwMDUgMTcuMzA5OCAxMS4zODIyIDE3LjQ2MjUgMTEuNTAyIDE3LjU4MjRDMTEuNjIxOSAxNy43MDIyIDExLjc3NDYgMTcuNzgzOSAxMS45NDA5IDE3LjgxN0MxMi4xMDcyIDE3Ljg1IDEyLjI3OTUgMTcuODMzMSAxMi40MzYxIDE3Ljc2ODJDMTIuNTkyOCAxNy43MDMzIDEyLjcyNjYgMTcuNTkzNCAxMi44MjA4IDE3LjQ1MjVDMTIuOTE1IDE3LjMxMTUgMTIuOTY1MyAxNy4xNDU4IDEyLjk2NTMgMTYuOTc2M0MxMi45NjUzIDE2Ljc0OSAxMi44NzUgMTYuNTMwOSAxMi43MTQyIDE2LjM3MDJDMTIuNTUzNSAxNi4yMDk0IDEyLjMzNTQgMTYuMTE5MSAxMi4xMDgxIDE2LjExOTFaIiBmaWxsPSIjREEyMjNGIi8+Cjwvc3ZnPgo=);
  content: "";
  inset: auto 2rem .5rem auto
}

.dropdown__button--error .dropdown__icon svg {
  color: #da223f
}

.dropdown__button--inline {
  height: unset;
  font: var(--t-serif-sm--three)
}

@media(min-width: 768px) {
  .dropdown__button--inline {
    font: var(--t-serif-md--three)
  }
}

.dropdown__button:focus-visible,
.dropdown__button:focus {
  border-color: #d7eeff;
  outline: none
}

.dropdown__button:active {
  border-color: #5627e7
}

body .dropdown__button--hoverable:hover,
body .dropdown__button--hoverable:focus {
  border-bottom-color: #5627e7;
  color: #5627e7
}

body .dropdown__button--hoverable:hover svg,
body .dropdown__button--hoverable:focus svg {
  color: #5627e7
}

body .dropdown__button--hoverable:hover .dropdown__button-text,
body .dropdown__button--hoverable:focus .dropdown__button-text {
  color: #5627e7
}

body .dropdown__button--hoverable:hover .dropdown__icon svg,
body .dropdown__button--hoverable:focus .dropdown__icon svg {
  color: #5627e7
}

.dropdown__menu {
  position: absolute;
  left: 0;
  z-index: 100;
  width: 100%;
  max-height: 600px;
  margin-top: 8px;
  border: 1px solid #e3e3ec;
  border-radius: 16px;
  overflow-y: auto;
  background-color: #fff;
  visibility: hidden
}

.dropdown__menu--column {
  display: grid;
  grid-template-columns: 1fr 1fr
}

@media(min-width: 1025px) {
  .dropdown__menu--column {
    grid-template-columns: 1fr 1fr 1fr
  }
}

.dropdown__menu--visible {
  visibility: visible
}

.dropdown__option {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 12px 24px;
  font: var(--t-sans-sm--two);
  text-align: left;
  transition: background-color .2s ease-out
}

.dropdown__option--selected {
  color: #5627e7
}

.dropdown__option:hover {
  background-color: #f8f5ff
}

.text-field__input:focus-visible,
.text-field__input:focus {
  border-color: #d7eeff;
  outline: none
}

.text-field__input:active {
  border-color: #5627e7
}

.text-field__input--error {
  border-color: #da223f
}

.text-field__error-icon {
  position: absolute;
  top: 0;
  right: .25rem;
  display: flex;
  align-items: center;
  height: 100%
}

.text-field__error-icon svg {
  color: #da223f
}

input[type=checkbox] {
  width: .875rem;
  height: .875rem
}

input[type=checkbox].checkbox--dark {
  position: relative;
  margin-top: .0625rem;
  padding: 0
}

input[type=checkbox].checkbox--dark:before {
  position: absolute;
  width: .9375rem;
  height: .9375rem;
  border: .0625rem solid #5627e7;
  border-radius: .125rem;
  background-color: #fff;
  content: "";
  inset: -0.0625rem auto auto -0.0625rem
}

input[type=checkbox].checkbox--dark:disabled:before {
  border-color: #ddd4fa
}

input[type=checkbox].checkbox--dark:after {
  position: absolute;
  display: block;
  width: .4375rem;
  height: .4375rem;
  margin-top: .1875rem;
  margin-left: .25rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: .9375rem;
  content: "";
  inset: -0.0625rem auto auto -0.0625rem
}

input[type=checkbox].checkbox--dark:disabled:hover:after {
  background: none
}

input[type=checkbox].checkbox--dark:hover:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzExNTI0XzE0OTc5MSkiPgo8cGF0aCBkPSJNNi41IDEyTDIgNy40OTk5N0wyLjcwNyA2Ljc5Mjk3TDYuNSAxMC41ODU1TDEzLjI5MyAzLjc5Mjk3TDE0IDQuNDk5OTdMNi41IDEyWiIgZmlsbD0iI2RkZDRmYSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzExNTI0XzE0OTc5MSI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=)
}

input[type=checkbox].checkbox--dark:checked:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzExNTI0XzE0OTc5MSkiPgo8cGF0aCBkPSJNNi41IDEyTDIgNy40OTk5N0wyLjcwNyA2Ljc5Mjk3TDYuNSAxMC41ODU1TDEzLjI5MyAzLjc5Mjk3TDE0IDQuNDk5OTdMNi41IDEyWiIgZmlsbD0iIzU2MjdlNyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzExNTI0XzE0OTc5MSI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=)
}

.in-page-nav__link,
.score-button.outlined-secondary,
.skip-link,
.score-button.outlined-primary,
.score-button.white-primary,
.score-button.primary {
  gap: .625rem;
  align-items: center;
  justify-content: flex-end;
  width: max-content;
  height: fit-content;
  min-height: 2.5rem;
  padding: .75rem 1rem;
  border: .0625rem solid rgba(0, 0, 0, 0);
  border-radius: 2.25rem;
  font-weight: 400;
  font-size: .75rem;
  line-height: 1.5;
  letter-spacing: .006rem;
  white-space: nowrap;
  transition: all .2s
}

.in-page-nav__link svg,
.score-button.outlined-secondary svg,
.skip-link svg,
.score-button.outlined-primary svg,
.score-button.white-primary svg,
.score-button.primary svg {
  font-size: 1rem
}

.in-page-nav__link:hover,
.score-button.outlined-secondary:hover,
.skip-link:hover,
.score-button.outlined-primary:hover,
.score-button.white-primary:hover,
.score-button.primary:hover {
  text-decoration: none
}

.in-page-nav__link:focus-visible,
.score-button.outlined-secondary:focus-visible,
.skip-link:focus-visible,
.score-button.outlined-primary:focus-visible,
.score-button.white-primary:focus-visible,
.score-button.primary:focus-visible {
  outline: .25rem solid var(--c-primary--300)
}

[disabled].in-page-nav__link,
[disabled].score-button.outlined-secondary,
[disabled].skip-link,
[disabled].score-button.outlined-primary,
[disabled].score-button.white-primary,
[disabled].score-button.primary,
[tabIndex="-1"].in-page-nav__link,
[tabIndex="-1"].score-button.outlined-secondary,
[tabIndex="-1"].skip-link,
[tabIndex="-1"].score-button.outlined-primary,
[tabIndex="-1"].score-button.white-primary,
[tabIndex="-1"].score-button.primary,
.disabled.in-page-nav__link,
.disabled.score-button.outlined-secondary,
.disabled.skip-link,
.disabled.score-button.outlined-primary,
.disabled.score-button.white-primary,
.disabled.score-button.primary {
  border-color: var(--c-neutral--400);
  color: var(--c-neutral--700);
  background-color: var(--c-neutral)
}

.disabled.in-page-nav__link,
.disabled.score-button.outlined-secondary,
.disabled.skip-link,
.disabled.score-button.outlined-primary,
.disabled.score-button.white-primary,
.disabled.score-button.primary {
  pointer-events: none
}

.score-button.primary {
  color: var(--c-neutral);
  background-color: var(--c-primary)
}

.score-button.primary svg {
  color: currentColor
}

.score-button.primary:hover {
  background-color: var(--c-primary--700)
}

.score-button.primary:focus-visible {
  background-color: var(--c-primary)
}

[disabled].score-button.primary,
[tabIndex="-1"].score-button.primary,
.disabled.score-button.primary {
  border-color: rgba(0, 0, 0, 0);
  color: var(--c-neutral--900);
  background-color: var(--c-primary--400)
}

[disabled].icon-only.score-button.primary,
[tabIndex="-1"].icon-only.score-button.primary,
.disabled.icon-only.score-button.primary {
  color: var(--c-neutral)
}

.score-button.white-primary {
  background-color: var(--c-neutral)
}

.score-button.white-primary:hover {
  border-color: var(--c-primary)
}

.score-button.white-primary:focus-visible {
  border-color: #fff;
  outline-color: var(--c-blue--300)
}

[disabled].score-button.white-primary,
[tabIndex="-1"].score-button.white-primary,
.disabled.score-button.white-primary {
  color: var(--c-neutral--400);
  outline: none
}

[disabled].score-button.white-primary svg,
[tabIndex="-1"].score-button.white-primary svg,
.disabled.score-button.white-primary svg {
  color: var(--c-neutral--400)
}

.disabled.score-button.white-primary {
  pointer-events: none
}

.skip-link,
.score-button.outlined-primary {
  border-color: var(--c-primary);
  color: var(--c-primary);
  background-color: var(--c-neutral)
}

.skip-link svg,
.score-button.outlined-primary svg {
  color: currentColor
}

.skip-link:hover,
.score-button.outlined-primary:hover {
  background-color: var(--c-primary--300)
}

.skip-link:focus-visible,
.score-button.outlined-primary:focus-visible {
  color: var(--c-neutral);
  background-color: var(--c-primary)
}

.score-button.outlined-secondary {
  color: var(--c-neutral--900);
  background-color: var(--c-neutral--100)
}

.score-button.outlined-secondary:hover {
  border-color: var(--c-neutral--700)
}

.score-button.outlined-secondary:focus-visible {
  outline-color: var(--c-blue--300)
}

.score-button.over-dark {
  background-color: var(--c-neutral)
}

.score-button.over-dark:hover {
  background-color: var(--c-neutral)
}

.score-button.text-secondary,
.filtered-grid-filters__subfilter-toggle,
.score-button.text-primary {
  gap: .25rem;
  align-items: center;
  white-space: nowrap
}

.score-button.text-secondary:hover,
.filtered-grid-filters__subfilter-toggle:hover,
.score-button.text-primary:hover,
.score-button.text-secondary:focus-visible,
.filtered-grid-filters__subfilter-toggle:focus-visible,
.score-button.text-primary:focus-visible {
  text-decoration: underline
}

.score-button.text-secondary:focus-visible,
.filtered-grid-filters__subfilter-toggle:focus-visible,
.score-button.text-primary:focus-visible {
  outline: 0
}

.score-button.text-secondary:focus-visible svg,
.filtered-grid-filters__subfilter-toggle:focus-visible svg,
.score-button.text-primary:focus-visible svg {
  color: var(--c-primary--700)
}

.transition-in-x.score-button.text-secondary,
.transition-in-x.filtered-grid-filters__subfilter-toggle,
.transition-in-x.score-button.text-primary {
  max-width: 2.5rem;
  overflow: hidden;
  transition: 3s max-width ease-in-out
}

.in-view.score-button.text-secondary,
.in-view.filtered-grid-filters__subfilter-toggle,
.in-view.score-button.text-primary {
  max-width: 30rem
}

[disabled].score-button.text-secondary,
[disabled].filtered-grid-filters__subfilter-toggle,
[disabled].score-button.text-primary,
[tabIndex="-1"].score-button.text-secondary,
[tabIndex="-1"].filtered-grid-filters__subfilter-toggle,
[tabIndex="-1"].score-button.text-primary,
.disabled.score-button.text-secondary,
.disabled.filtered-grid-filters__subfilter-toggle,
.disabled.score-button.text-primary {
  color: var(--c-neutral--700);
  outline: none
}

.disabled.score-button.text-secondary,
.disabled.filtered-grid-filters__subfilter-toggle,
.disabled.score-button.text-primary {
  pointer-events: none
}

.filtered-grid-filters__subfilter-toggle,
.score-button.text-primary {
  color: var(--c-links)
}

.filtered-grid-filters__subfilter-toggle svg,
.score-button.text-primary svg {
  color: var(--c-links)
}

.filtered-grid-filters__subfilter-toggle:hover svg,
.score-button.text-primary:hover svg,
.filtered-grid-filters__subfilter-toggle:focus-visible svg,
.score-button.text-primary:focus-visible svg {
  color: var(--c-primary--600)
}

.score-button.text-secondary {
  color: var(--c-neutral--900)
}

.score-button.text-secondary:focus-visible {
  color: var(--c-primary--700)
}

.score-button {
  display: inline-flex
}

.score-button.icon-only {
  padding: .75rem
}

.score-button.icon-only span {
  display: none
}

.score-button.transition-in-x {
  max-width: 2.5rem;
  overflow: hidden;
  transition: all ease .2s, max-width 3s ease-in-out
}

.score-button.in-view {
  max-width: 30rem
}

.score-button.icon-first svg {
  order: -1
}

.clickable-area {
  position: absolute !important;
  width: 100%;
  height: 100%;
  font-size: 0;
  background-color: rgba(0, 0, 0, 0);
  inset: 0
}

.skip-link {
  position: absolute;
  top: 0;
  transform: translate(-120%, 1rem)
}

.skip-link:focus-visible {
  z-index: 600;
  transform: translate(1rem, 1rem)
}

header.header-navigation[data-unique-key=main] {
  display: contents
}

header.header-navigation[data-unique-key=attestation] .utility-nav__content {
  display: none
}

header.header-navigation[data-unique-key=attestation] .main-nav__search-button {
  display: none
}

.header-navigation-desktop {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 599;
  display: none;
  width: 100%;
  background: #fff;
  transition: transform .3s ease-in-out
}

@media(min-width: 768px) {
  .header-navigation-desktop {
    display: block
  }
}

.header-navigation-desktop--hidden {
  transform: translateY(-100%)
}

.header-navigation-desktop .utility-nav {
  display: flex;
  align-items: center;
  height: 2.5rem;
  background-color: #f5f7fb
}

.header-navigation-desktop .utility-nav__content {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  justify-content: space-between
}

.header-navigation-desktop .utility-nav a,
.header-navigation-desktop .utility-nav button {
  color: #2a3544;
  font: var(--t-sans-xs)
}

.header-navigation-desktop .utility-nav a:hover,
.header-navigation-desktop .utility-nav button:hover {
  text-decoration: underline
}

.header-navigation-desktop .utility-nav__left,
.header-navigation-desktop .utility-nav__right {
  display: flex;
  gap: 1.5rem;
  align-items: center
}

.header-navigation-desktop .utility-nav__right {
  justify-content: end
}

.header-navigation-desktop .utility-nav__self-id {
  position: relative;
  margin-left: 1.5rem
}

.header-navigation-desktop .utility-nav__self-id:before {
  position: absolute;
  top: .3125rem;
  left: -1.5rem;
  display: inline-block;
  width: .0625rem;
  height: 1.25rem;
  background-color: #d2d2dd;
  content: ""
}

.header-navigation-desktop .utility-nav__self-id svg[class^=icon-flag] {
  margin: -0.125rem .625rem 0 0
}

.header-navigation-desktop .utility-nav__self-id svg.icon-chevron-sm-up {
  margin: 0 0 0 .625rem;
  transform: rotate(180deg)
}

.header-navigation-desktop .main-nav {
  padding: 2.125rem 0 var(--s-vertical-sm)
}

.header-navigation-desktop .main-nav__content {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  flex-wrap: nowrap;
  justify-content: space-between
}

.header-navigation-desktop .main-nav__left,
.header-navigation-desktop .main-nav__right {
  display: flex
}

.header-navigation-desktop .main-nav__left {
  padding-top: .1875rem
}

@media(min-width: 768px) {
  .header-navigation-desktop .main-nav__left {
    max-width: unset
  }
}

.header-navigation-desktop .main-nav__right {
  justify-content: end
}

.header-navigation-desktop .main-nav__logo {
  width: 11.5625rem;
  height: 2.5rem;
  margin-right: var(--s-vertical-sm)
}

.header-navigation-desktop .main-nav__logo img {
  width: 11.5625rem
}

.header-navigation-desktop .main-nav__menu {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none
}

.header-navigation-desktop .main-nav__search-button {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  background-color: #f5f7fb;
  cursor: pointer
}

.header-navigation-desktop .main-nav__search-button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.header-navigation-desktop .main-nav__search-button span {
  display: none;
  padding: 0 1rem;
  color: #2a3544;
  font: var(--t-sans-xs)
}

.header-navigation-desktop .main-nav__item {
  height: var(--s-vertical-xs);
  margin-top: .3125rem;
  margin-right: var(--s-vertical-xs);
  color: #2a3544;
  font: var(--t-sans-sm--two)
}

.header-navigation-desktop .main-nav__item:before {
  display: block;
  width: auto;
  height: 0;
  overflow: hidden;
  font-weight: bold;
  visibility: hidden;
  content: attr(title)
}

.header-navigation-desktop .main-nav__item:last-child {
  margin-right: 0
}

.header-navigation-desktop .main-nav__item--active,
.header-navigation-desktop .main-nav__item:hover {
  position: relative;
  color: #5627e7;
  font: var(--t-sans-semibold-sm--two)
}

.header-navigation-desktop .main-nav__item--active:after,
.header-navigation-desktop .main-nav__item:hover:after {
  position: absolute;
  bottom: -0.125rem;
  left: 0;
  display: inline-block;
  width: 100%;
  height: .0625rem;
  background-color: #5627e7;
  content: ""
}

.header-navigation-desktop__bottom {
  position: absolute;
  z-index: 10;
  width: 100%;
  background-color: #fff
}

.header-navigation-desktop .sub-nav {
  display: none;
  grid-gap: var(--s-vertical-sm);
  grid-template-columns: repeat(4, 1fr);
  max-width: 90rem;
  margin: 0 auto;
  padding-top: var(--s-vertical-sm);
  padding-bottom: var(--s-vertical-sm)
}

.header-navigation-desktop .sub-nav--open {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  display: grid
}

.header-navigation-desktop .sub-nav__column-title {
  margin-bottom: var(--s-vertical-base);
  color: #5627e7;
  font: var(--t-sans-semibold-md);
  text-align: left
}

.header-navigation-desktop .sub-nav__column-item {
  padding: var(--s-vertical-base) 0;
  color: #2a3544;
  font: var(--t-sans-sm--one)
}

.header-navigation-desktop .sub-nav__column-item a:hover {
  text-decoration: underline
}

.header-navigation-desktop .sub-nav__column-item:before {
  content: none
}

.header-navigation-desktop .sub-nav__column-content {
  margin: 0;
  padding: 0;
  list-style: none
}

.header-navigation-desktop~.header-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 598;
  display: none;
  width: 100vw;
  height: 100dvh;
  background-color: #2a3544;
  opacity: .1
}

.header-navigation-desktop~.header-overlay--open {
  display: block
}

.header-navigation-mobile {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 599;
  display: none;
  width: 100%;
  height: 5.5rem;
  background-color: #fff;
  transition: transform .3s ease-in-out
}

@media(max-width: 767px) {
  .header-navigation-mobile {
    display: block
  }
}

.header-navigation-mobile--hidden {
  transform: translateY(-100%)
}

.header-navigation-mobile .nav-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 5.5rem;
  padding: var(--s-vertical-sm) 1.25rem
}

.header-navigation-mobile .nav-header__logo {
  width: 7.3125rem;
  height: 1.5rem
}

.header-navigation-mobile .nav-header__menu {
  padding: 0 .75rem 0 .25rem
}

.header-navigation-mobile .nav-header__menu svg {
  color: #5627e7
}

.header-navigation-mobile .nav-header__search-button {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  background-color: #f5f7fb
}

.header-navigation-mobile .nav-header__search-button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.header-navigation-mobile .nav-header__search-button span {
  display: none;
  padding: 0 1rem;
  color: #2a3544;
  font: var(--t-sans-xs)
}

.header-navigation-mobile .nav-header__close {
  display: none;
  width: auto;
  height: 2.5rem;
  padding: .6875rem 1.25rem;
  border-radius: 1.25rem;
  color: #2a3544;
  font: var(--t-sans-xs);
  line-height: 1.125rem;
  background-color: #f5f7fb
}

.header-navigation-mobile .nav-header__close:hover {
  border: .0625rem solid #646984
}

.header-navigation-mobile .nav-header__close:focus {
  border: .25rem solid #d7eeff
}

.header-navigation-mobile .nav-scroll {
  display: none;
  height: calc(100dvh - 5.5rem);
  overflow-y: scroll
}

.header-navigation-mobile .nav-body {
  display: none;
  min-height: calc(100dvh - 5.5rem - 11.5rem - 1rem);
  margin: .5rem 1.25rem;
  overflow-y: hidden
}

.header-navigation-mobile .nav-body button.sub-nav__selector {
  width: 100%;
  color: var(--c-body--dark);
  text-align: left
}

.header-navigation-mobile .nav-body ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.header-navigation-mobile .nav-body ul li:before {
  content: none
}

.header-navigation-mobile .nav-body__main-nav {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none
}

.header-navigation-mobile .nav-body__main-nav-item {
  position: relative;
  width: 100%;
  height: 2.75rem;
  margin: 1.5rem 0;
  color: #2a3544;
  font: var(--t-serif-sm--one);
  font-size: 2rem
}

.header-navigation-mobile .nav-body__main-nav-item svg {
  position: absolute;
  top: 50%;
  right: .5625rem;
  color: #2a3544;
  transform: translateY(-25%)
}

.header-navigation-mobile .nav-body .sub-nav {
  display: none;
  overflow: hidden
}

.header-navigation-mobile .nav-body .sub-nav--open {
  display: flex;
  flex-direction: column
}

.header-navigation-mobile .nav-body .sub-nav__back-button {
  width: auto !important;
  height: 1.5rem;
  margin: 1.5rem 0 .5rem .3125rem;
  color: #2a3544;
  font: var(--t-sans-xs);
  line-height: 1.5rem
}

.header-navigation-mobile .nav-body .sub-nav__back-button svg {
  margin: -0.125rem .3125rem 0 0
}

.header-navigation-mobile .nav-body .sub-nav__title {
  margin: 1rem 0;
  color: #2a3544;
  font: var(--t-sans-semibold-lg)
}

.header-navigation-mobile .nav-body .sub-nav__body {
  display: flex;
  flex-direction: column
}

.header-navigation-mobile .nav-body .sub-nav__column-title,
.header-navigation-mobile .nav-body .sub-nav__item {
  position: relative;
  width: 100%;
  margin: 1rem 0;
  font: var(--t-sans-lg)
}

.header-navigation-mobile .nav-body .sub-nav__column-title svg,
.header-navigation-mobile .nav-body .sub-nav__item svg {
  position: absolute;
  top: 50%;
  right: .5625rem;
  color: #2a3544;
  transform: translateY(-25%)
}

.header-navigation-mobile .nav-footer {
  display: none;
  width: calc(100vw - 2.5rem);
  height: 11.5rem;
  margin: 0 1.25rem;
  border-top: .0625rem solid #e3e3ec
}

.header-navigation-mobile .nav-footer__links {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 2rem 0
}

.header-navigation-mobile .nav-footer__item {
  height: 1.5rem;
  margin: .5rem 0;
  color: #2a3544;
  font: var(--t-sans-xs);
  line-height: 1.5rem
}

.header-navigation-mobile .nav-footer__self-id svg[class^=icon-flag] {
  margin: -0.125rem .625rem 0 0
}

.header-navigation-mobile .nav-footer__self-id svg.icon-chevron-sm-up {
  margin: 0 0 0 .625rem;
  transform: rotate(180deg)
}

.header-navigation-mobile--open {
  height: 100dvh
}

.header-navigation-mobile--open .nav-header .nav-header__close {
  display: block
}

.header-navigation-mobile--open .nav-header .nav-header__menu,
.header-navigation-mobile--open .nav-header .nav-header__search-button {
  display: none
}

.header-navigation-mobile--open .nav-body,
.header-navigation-mobile--open .nav-footer,
.header-navigation-mobile--open .nav-scroll {
  display: block
}

.header-navigation-desktop.show-border,
.header-navigation-mobile.show-border {
  border-bottom: .09375rem solid #f5f7fb
}

.header-navigation--search-open .main-nav__search-button,
.header-navigation--search-open .nav-header__search-button {
  width: auto
}

.header-navigation--search-open .main-nav__search-button svg,
.header-navigation--search-open .nav-header__search-button svg {
  display: none
}

.header-navigation--search-open .main-nav__search-button span,
.header-navigation--search-open .nav-header__search-button span {
  display: block
}

.header-navigation--search-open .main-nav__menu,
.header-navigation--search-open .nav-header__menu {
  display: none
}

.header-navigation-search {
  position: fixed;
  top: 5.5rem;
  z-index: 11;
  display: none;
  width: 100vw;
  max-height: calc(100dvh - 5.5rem);
  padding-block: 2.5rem;
  overflow-y: auto;
  background-color: #fff
}

.header-navigation--search-open .header-navigation-search {
  display: block;
  min-height: 100dvh
}

@media(min-width: 768px) {
  .header-navigation--search-open .header-navigation-search {
    min-height: unset
  }
}

@media(min-width: 768px) {
  .header-navigation-search {
    top: 9.3125rem;
    max-height: calc(100dvh - 9.6875rem)
  }
}

.header-navigation-search__wrapper {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in
}

.header-navigation-search__blur {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  display: none;
  width: 100vw;
  height: 100dvh;
  background-color: rgba(42, 53, 68, .5);
  backdrop-filter: blur(15px);
  content: ""
}

.header-navigation--search-open .header-navigation-search__blur {
  display: block
}

.header-navigation-search__input {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  margin-bottom: 2.5rem
}

@media(min-width: 768px) {
  .header-navigation-search__input {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .header-navigation-search__input {
    margin-bottom: 2rem
  }
}

.header-navigation-search__input-submit {
  position: absolute;
  top: 50%;
  left: .5rem;
  transform: translateY(-50%)
}

.header-navigation-search__input-submit svg {
  width: 1.25rem;
  height: 1.25rem
}

@media(min-width: 768px) {
  .header-navigation-search__input-submit svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: .25rem
  }
}

.header-navigation-search__input-submit svg:hover,
.header-navigation-search__input-submit svg:focus {
  color: #5627e7
}

.header-navigation-search__input input {
  padding-left: 2.5rem;
  border-bottom-color: #5627e7;
  color: #2a3544;
  font: var(--t-serif-sm--three)
}

@media(min-width: 768px) {
  .header-navigation-search__input input {
    padding-bottom: 1.5rem;
    padding-left: 3rem;
    font: var(--t-serif-sm--one)
  }
}

.header-navigation-search__input input:focus {
  border-bottom-color: #5627e7
}

.header-navigation-search__input input::placeholder {
  color: #9292ad
}

.header-navigation-search__input input::-webkit-search-cancel-button {
  width: 1.625rem;
  height: 1.625rem;
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 16 16%27%3E%3Cpath d=%27M8 .7 7.3 0 4 3.3.7 0 0 .7 3.3 4 0 7.3l.7.7L4 4.7 7.3 8l.7-.7L4.7 4 8 .7Z%27 fill=%27currentColor%27 /%3E%3C/svg%3E");
  cursor: pointer;
  appearance: none
}

.header-navigation-search__input input::-webkit-search-cancel-button:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 16 16%27%3E%3Cpath d=%27M8 .7 7.3 0 4 3.3.7 0 0 .7 3.3 4 0 7.3l.7.7L4 4.7 7.3 8l.7-.7L4.7 4 8 .7Z%27 fill=%27%235627e7%27 /%3E%3C/svg%3E")
}

.header-navigation-search__results {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  height: auto;
  margin-bottom: 2.5rem
}

@media(min-width: 768px) {
  .header-navigation-search__results {
    max-width: 100%
  }
}

.header-navigation-search__results-list--hidden {
  display: none
}

.header-navigation-search__results-list-static:not(:first-child) {
  margin-top: 2rem
}

@media(min-width: 768px) {
  .header-navigation-search__results-list-static:not(:first-child) {
    margin-top: 1.5rem
  }
}

.header-navigation-search__results-list-footer {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e3e3ec
}

.header-navigation-search__results-list-footer-more {
  display: flex;
  align-items: center;
  color: #5627e7;
  font: var(--t-sans-xs)
}

.header-navigation-search__results-list-footer-more svg {
  width: .75rem;
  height: .625rem;
  margin-left: .5rem;
  color: #5627e7
}

.header-navigation-search__results-title {
  margin-bottom: .625rem;
  color: #646984;
  font: var(--t-sans-xs)
}

.header-navigation-search__results-item {
  display: flex;
  gap: 2.5rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .25rem;
  padding: .375rem 0;
  color: #2a3544;
  font: var(--t-sans-xs)
}

@media(min-width: 768px) {
  .header-navigation-search__results-item {
    font: var(--t-sans-sm--two)
  }
}

.header-navigation-search__results-item:last-child {
  margin-bottom: 0
}

.header-navigation-search__results-item:hover {
  background-color: #f5f7fb
}

.header-navigation-search__results-item span {
  font-weight: 600
}

.header-navigation-search__results-list-results .header-navigation-search__results-item {
  margin-bottom: .5rem
}

.header-navigation-search__results-item-link:hover,
.header-navigation-search__results-item-link:focus {
  color: #5627e7;
  text-decoration: underline
}

.header-navigation-search__results-item-link:hover svg,
.header-navigation-search__results-item-link:focus svg {
  color: #5627e7
}

.header-navigation-search__results-item-link svg {
  width: .75rem;
  height: .625rem;
  margin-left: .5rem
}

.header-navigation-search__results-item-download {
  display: flex;
  align-items: center;
  color: #5627e7;
  white-space: nowrap
}

.header-navigation-search__results-item-download svg {
  margin-left: .5rem;
  color: #5627e7
}

.login-link {
  position: relative
}

.login-link svg {
  margin: -0.0625rem 0 0 .375rem
}

.category-tabs {
  padding: 2.5rem 6.5rem;
  color: #bba9f5;
  background-color: #5627e7
}

.category-tabs--light {
  color: #646984;
  background-color: #fff
}

.category-tabs--light .category-tabs__tablist {
  border-bottom: 1px solid #d2d2dd
}

.category-tabs--light .category-tabs__tab:hover,
.category-tabs--light .category-tabs__tab:focus-visible {
  color: #5627e7;
  outline: none
}

.category-tabs--light .category-tabs__tab[aria-selected=true] {
  border-bottom: 1px solid #5627e7;
  color: #5627e7
}

.category-tabs__tablist {
  display: flex;
  gap: 3.5rem;
  border-bottom: 1px solid #bba9f5;
  font: var(--t-sans-semibold-sm--two);
  font-weight: 400
}

@media(min-width: 768px) {
  .category-tabs__tablist {
    flex-direction: row;
    overflow-x: auto
  }
}

@media(min-width: 768px)and (pointer: fine) {
  .category-tabs__tablist {
    scrollbar-width: thin;
    scrollbar-color: var(--c-neutral--300) var(--c-neutral--100)
  }

  .category-tabs__tablist::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
  }

  .category-tabs__tablist::-webkit-scrollbar-track {
    background-color: var(--c-neutral--100);
    border-radius: .625rem
  }

  .category-tabs__tablist::-webkit-scrollbar-thumb {
    background-color: var(--c-neutral--300);
    border-radius: 0;
    border-radius: .625rem
  }
}

@media(max-width: 575px) {
  .category-tabs__tablist {
    gap: 1rem
  }
}

.category-tabs__tab {
  padding-bottom: .5rem;
  letter-spacing: .00625rem;
  white-space: nowrap
}

.category-tabs__tab:hover {
  color: #fff
}

.category-tabs__tab[aria-selected=true] {
  border-bottom: 1px solid #fff;
  color: #fff;
  font-weight: 600
}

.in-page-nav {
  position: sticky;
  top: var(--js-s-header-height, -1px);
  z-index: 3;
  width: 100%;
  background: var(--c-neutral--100);
  transition: top .3s ease-in-out
}

main:has(.in-page-nav) div[id] {
  scroll-margin-top: var(--s-in-page-nav-section-offset, 0)
}

.in-page-nav__header {
  background-color: #fff
}

.in-page-nav__header.in-page-nav__header--hidden {
  display: none
}

.in-page-nav__header-text {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  color: #2a3544;
  font: var(--t-serif-md--three);
  padding-bottom: .625rem
}

@media(min-width: 768px) {
  .in-page-nav__header-text {
    font: var(--t-serif-md--three-plus)
  }
}

.in-page-nav__nav {
  display: flex;
  transition: top 250ms
}

@media(max-width: 767px) {
  .in-page-nav__nav {
    flex-direction: column;
    min-height: 4.25rem;
    padding: 0
  }
}

.in-page-nav__mobile-current {
  color: var(--c-primary);
  font: var(--t-sans-semibold-sm--two)
}

@media(min-width: 768px) {
  .in-page-nav__mobile-current {
    display: none
  }
}

@media(max-width: 767px) {
  .in-page-nav__links {
    position: absolute;
    height: fit-content;
    background: #fff;
    transform: translateY(-100%);
    opacity: 0;
    transition: transform 350ms ease-in-out;
    pointer-events: none;
    inset: 0 0 0 0
  }
}

@media(min-width: 768px) {
  .in-page-nav__links {
    display: flex;
    flex-direction: row;
    min-height: 3rem;
    overflow-x: auto
  }
}

@media(min-width: 768px)and (pointer: fine) {
  .in-page-nav__links {
    scrollbar-width: thin;
    scrollbar-color: var(--c-neutral--300) var(--c-neutral--100)
  }

  .in-page-nav__links::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
  }

  .in-page-nav__links::-webkit-scrollbar-track {
    background-color: var(--c-neutral--100);
    border-radius: .625rem
  }

  .in-page-nav__links::-webkit-scrollbar-thumb {
    background-color: var(--c-neutral--300);
    border-radius: 0;
    border-radius: .625rem
  }
}

.in-page-nav__links a.in-page-nav__link-hidden {
  display: none
}

.in-page-nav__link {
  gap: 0;
  min-height: 4.25rem;
  border-radius: 0;
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--two)
}

@media(max-width: 767px) {
  .in-page-nav__link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%
  }
}

@media(min-width: 768px) {
  .in-page-nav__link {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    border-bottom: .0625rem solid rgba(0, 0, 0, 0)
  }
}

.in-page-nav__link::after {
  height: 0;
  overflow: hidden;
  font: var(--t-sans-semibold-sm--two);
  visibility: hidden;
  content: attr(data-text);
  user-select: none;
  pointer-events: none
}

@media speech {
  .in-page-nav__link::after {
    display: none
  }
}

.in-page-nav__link:hover,
.in-page-nav__link:focus-visible {
  color: var(--c-primary);
  font: var(--t-sans-semibold-sm--two);
  outline: 0
}

.in-page-nav__link:active {
  color: var(--c-neutral--900);
  font: var(--t-sans-sm--two);
  background-color: var(--c-neutral--100)
}

.in-page-nav__link.is-current-sub-nav {
  color: var(--c-primary)
}

@media(min-width: 768px) {
  .in-page-nav__link.is-current-sub-nav {
    border-bottom-color: var(--c-primary);
    font: var(--t-sans-semibold-sm--two);
    background-color: var(--c-neutral--100)
  }
}

.in-page-nav svg {
  transition: transform 200ms
}

.in-page-nav label,
.in-page-nav [aria-expanded] {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4.25rem;
  padding: 0 1.125rem;
  outline: 0;
  inset: -1px 0 auto auto
}

.in-page-nav label:focus-visible,
.in-page-nav label:hover,
.in-page-nav [aria-expanded]:focus-visible,
.in-page-nav [aria-expanded]:hover {
  cursor: pointer
}

.in-page-nav label:focus-visible svg,
.in-page-nav label:hover svg,
.in-page-nav [aria-expanded]:focus-visible svg,
.in-page-nav [aria-expanded]:hover svg {
  color: var(--c-primary);
  transform: scale(1.2)
}

@media(min-width: 768px) {

  .in-page-nav label,
  .in-page-nav [aria-expanded] {
    display: none
  }
}

.in-page-nav [aria-expanded=false] svg[data-for=open],
.in-page-nav__mobile-control+label svg[data-for=open] {
  display: block
}

.in-page-nav [aria-expanded=false] svg[data-for=close],
.in-page-nav__mobile-control+label svg[data-for=close] {
  display: none
}

.in-page-nav [aria-expanded=true] svg[data-for=open],
.in-page-nav__mobile-control:checked+label svg[data-for=open] {
  display: none
}

.in-page-nav [aria-expanded=true] svg[data-for=close],
.in-page-nav__mobile-control:checked+label svg[data-for=close] {
  display: block
}

.in-page-nav__mobile-control:checked~.in-page-nav__links,
[aria-expanded=true]~.in-page-nav__links {
  display: flex
}

@media(max-width: 767px) {

  .in-page-nav__mobile-control:checked~.in-page-nav__links,
  [aria-expanded=true]~.in-page-nav__links {
    flex-direction: column;
    height: 100vh;
    overflow-y: auto;
    transform: translateY(4.25rem);
    opacity: 1;
    pointer-events: all
  }
}

@media(max-width: 767px)and (pointer: fine) {

  .in-page-nav__mobile-control:checked~.in-page-nav__links,
  [aria-expanded=true]~.in-page-nav__links {
    scrollbar-width: thin;
    scrollbar-color: var(--c-neutral--300) var(--c-neutral--100)
  }

  .in-page-nav__mobile-control:checked~.in-page-nav__links::-webkit-scrollbar,
  [aria-expanded=true]~.in-page-nav__links::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
  }

  .in-page-nav__mobile-control:checked~.in-page-nav__links::-webkit-scrollbar-track,
  [aria-expanded=true]~.in-page-nav__links::-webkit-scrollbar-track {
    background-color: var(--c-neutral--100);
    border-radius: .625rem
  }

  .in-page-nav__mobile-control:checked~.in-page-nav__links::-webkit-scrollbar-thumb,
  [aria-expanded=true]~.in-page-nav__links::-webkit-scrollbar-thumb {
    background-color: var(--c-neutral--300);
    border-radius: 0;
    border-radius: .625rem
  }
}

@media(min-width: 768px) {

  .in-page-nav__mobile-control:checked~.in-page-nav__links,
  [aria-expanded=true]~.in-page-nav__links {
    flex-direction: row
  }
}

.commentary-card,
.strategy-card,
.product-card,
.pdf-document-card,
.insight-card,
.featured-card,
.event-card,
.contact-card,
.capability-card,
.asset-card {
  display: flex;
  flex-direction: column;
  max-width: 22rem;
  padding: 2rem;
  border: 1px solid var(--c-neutral--300);
  border-radius: var(--s-border-radius-sm);
  overflow: hidden;
  background-color: var(--c-neutral)
}

.commentary-card a:focus-visible,
.strategy-card a:focus-visible,
.product-card a:focus-visible,
.pdf-document-card a:focus-visible,
.insight-card a:focus-visible,
.featured-card a:focus-visible,
.event-card a:focus-visible,
.contact-card a:focus-visible,
.capability-card a:focus-visible,
.asset-card a:focus-visible {
  color: var(--c-primary);
  outline: 0
}

.commentary-card .card__tag,
.strategy-card .card__tag,
.product-card .card__tag,
.pdf-document-card .card__tag,
.insight-card .card__tag,
.featured-card .card__tag,
.event-card .card__tag,
.contact-card .card__tag,
.capability-card .card__tag,
.asset-card .card__tag {
  display: flex;
  gap: .5rem;
  align-items: center
}

.commentary-card .card__heading,
.strategy-card .card__heading,
.product-card .card__heading,
.pdf-document-card .card__heading,
.insight-card .card__heading,
.featured-card .card__heading,
.event-card .card__heading,
.contact-card .card__heading,
.capability-card .card__heading,
.asset-card .card__heading {
  margin-bottom: var(--s-vertical-md);
  font: var(--t-serif-sm--two)
}

.commentary-card .card__sub-body,
.strategy-card .card__sub-body,
.product-card .card__sub-body,
.pdf-document-card .card__sub-body,
.insight-card .card__sub-body,
.featured-card .card__sub-body,
.event-card .card__sub-body,
.contact-card .card__sub-body,
.capability-card .card__sub-body,
.asset-card .card__sub-body {
  display: flex;
  flex-direction: column;
  opacity: 0
}

.commentary-card .card__sub-body p,
.strategy-card .card__sub-body p,
.product-card .card__sub-body p,
.pdf-document-card .card__sub-body p,
.insight-card .card__sub-body p,
.featured-card .card__sub-body p,
.event-card .card__sub-body p,
.contact-card .card__sub-body p,
.capability-card .card__sub-body p,
.asset-card .card__sub-body p {
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--two)
}

.commentary-card .card__sub-body p+p,
.strategy-card .card__sub-body p+p,
.product-card .card__sub-body p+p,
.pdf-document-card .card__sub-body p+p,
.insight-card .card__sub-body p+p,
.featured-card .card__sub-body p+p,
.event-card .card__sub-body p+p,
.contact-card .card__sub-body p+p,
.capability-card .card__sub-body p+p,
.asset-card .card__sub-body p+p {
  margin-top: 1.25em
}

.commentary-card .caption,
.strategy-card .caption,
.product-card .caption,
.pdf-document-card .caption,
.insight-card .caption,
.featured-card .caption,
.event-card .caption,
.contact-card .caption,
.capability-card .caption,
.asset-card .caption {
  position: relative;
  flex: 1 1 100%;
  background-color: var(--c-neutral)
}

.commentary-card .card__footer,
.strategy-card .card__footer,
.product-card .card__footer,
.pdf-document-card .card__footer,
.insight-card .card__footer,
.featured-card .card__footer,
.event-card .card__footer,
.contact-card .card__footer,
.capability-card .card__footer,
.asset-card .card__footer {
  position: absolute;
  bottom: 0;
  display: flex;
  color: var(--c-neutral--700);
  font: var(--t-sans-xs)
}

.commentary-card .card__call-to-action,
.strategy-card .card__call-to-action,
.product-card .card__call-to-action,
.pdf-document-card .card__call-to-action,
.insight-card .card__call-to-action,
.featured-card .card__call-to-action,
.event-card .card__call-to-action,
.contact-card .card__call-to-action,
.capability-card .card__call-to-action,
.asset-card .card__call-to-action {
  display: none
}

.commentary-card .card__call-to-action span,
.strategy-card .card__call-to-action span,
.product-card .card__call-to-action span,
.pdf-document-card .card__call-to-action span,
.insight-card .card__call-to-action span,
.featured-card .card__call-to-action span,
.event-card .card__call-to-action span,
.contact-card .card__call-to-action span,
.capability-card .card__call-to-action span,
.asset-card .card__call-to-action span {
  font: var(--t-sans-sm--one);
  pointer-events: none
}

.commentary-card:hover,
.strategy-card:hover,
.product-card:hover,
.pdf-document-card:hover,
.insight-card:hover,
.featured-card:hover,
.event-card:hover,
.contact-card:hover,
.capability-card:hover,
.asset-card:hover,
.commentary-card:focus-visible,
.strategy-card:focus-visible,
.product-card:focus-visible,
.pdf-document-card:focus-visible,
.insight-card:focus-visible,
.featured-card:focus-visible,
.event-card:focus-visible,
.contact-card:focus-visible,
.capability-card:focus-visible,
.asset-card:focus-visible {
  border: 1px solid var(--c-primary);
  transition: .2s ease-out
}

.commentary-card:hover .card__image,
.strategy-card:hover .card__image,
.product-card:hover .card__image,
.pdf-document-card:hover .card__image,
.insight-card:hover .card__image,
.featured-card:hover .card__image,
.event-card:hover .card__image,
.contact-card:hover .card__image,
.capability-card:hover .card__image,
.asset-card:hover .card__image,
.commentary-card:focus-visible .card__image,
.strategy-card:focus-visible .card__image,
.product-card:focus-visible .card__image,
.pdf-document-card:focus-visible .card__image,
.insight-card:focus-visible .card__image,
.featured-card:focus-visible .card__image,
.event-card:focus-visible .card__image,
.contact-card:focus-visible .card__image,
.capability-card:focus-visible .card__image,
.asset-card:focus-visible .card__image {
  height: 0;
  margin-bottom: 0;
  transition: .2s ease-out
}

.commentary-card:hover .card__heading,
.strategy-card:hover .card__heading,
.product-card:hover .card__heading,
.pdf-document-card:hover .card__heading,
.insight-card:hover .card__heading,
.featured-card:hover .card__heading,
.event-card:hover .card__heading,
.contact-card:hover .card__heading,
.capability-card:hover .card__heading,
.asset-card:hover .card__heading,
.commentary-card:focus-visible .card__heading,
.strategy-card:focus-visible .card__heading,
.product-card:focus-visible .card__heading,
.pdf-document-card:focus-visible .card__heading,
.insight-card:focus-visible .card__heading,
.featured-card:focus-visible .card__heading,
.event-card:focus-visible .card__heading,
.contact-card:focus-visible .card__heading,
.capability-card:focus-visible .card__heading,
.asset-card:focus-visible .card__heading {
  margin-bottom: var(--s-vertical-xs);
  color: var(--c-primary)
}

.commentary-card:hover .card__sub-body,
.strategy-card:hover .card__sub-body,
.product-card:hover .card__sub-body,
.pdf-document-card:hover .card__sub-body,
.insight-card:hover .card__sub-body,
.featured-card:hover .card__sub-body,
.event-card:hover .card__sub-body,
.contact-card:hover .card__sub-body,
.capability-card:hover .card__sub-body,
.asset-card:hover .card__sub-body,
.commentary-card:focus-visible .card__sub-body,
.strategy-card:focus-visible .card__sub-body,
.product-card:focus-visible .card__sub-body,
.pdf-document-card:focus-visible .card__sub-body,
.insight-card:focus-visible .card__sub-body,
.featured-card:focus-visible .card__sub-body,
.event-card:focus-visible .card__sub-body,
.contact-card:focus-visible .card__sub-body,
.capability-card:focus-visible .card__sub-body,
.asset-card:focus-visible .card__sub-body {
  opacity: 1
}

.commentary-card:hover .card__footer,
.strategy-card:hover .card__footer,
.product-card:hover .card__footer,
.pdf-document-card:hover .card__footer,
.insight-card:hover .card__footer,
.featured-card:hover .card__footer,
.event-card:hover .card__footer,
.contact-card:hover .card__footer,
.capability-card:hover .card__footer,
.asset-card:hover .card__footer,
.commentary-card:focus-visible .card__footer,
.strategy-card:focus-visible .card__footer,
.product-card:focus-visible .card__footer,
.pdf-document-card:focus-visible .card__footer,
.insight-card:focus-visible .card__footer,
.featured-card:focus-visible .card__footer,
.event-card:focus-visible .card__footer,
.contact-card:focus-visible .card__footer,
.capability-card:focus-visible .card__footer,
.asset-card:focus-visible .card__footer {
  display: none
}

.commentary-card:hover .card__call-to-action,
.strategy-card:hover .card__call-to-action,
.product-card:hover .card__call-to-action,
.pdf-document-card:hover .card__call-to-action,
.insight-card:hover .card__call-to-action,
.featured-card:hover .card__call-to-action,
.event-card:hover .card__call-to-action,
.contact-card:hover .card__call-to-action,
.capability-card:hover .card__call-to-action,
.asset-card:hover .card__call-to-action,
.commentary-card:focus-visible .card__call-to-action,
.strategy-card:focus-visible .card__call-to-action,
.product-card:focus-visible .card__call-to-action,
.pdf-document-card:focus-visible .card__call-to-action,
.insight-card:focus-visible .card__call-to-action,
.featured-card:focus-visible .card__call-to-action,
.event-card:focus-visible .card__call-to-action,
.contact-card:focus-visible .card__call-to-action,
.capability-card:focus-visible .card__call-to-action,
.asset-card:focus-visible .card__call-to-action {
  position: absolute;
  bottom: 0;
  display: block
}

.commentary-card:focus-visible,
.strategy-card:focus-visible,
.product-card:focus-visible,
.pdf-document-card:focus-visible,
.insight-card:focus-visible,
.featured-card:focus-visible,
.event-card:focus-visible,
.contact-card:focus-visible,
.capability-card:focus-visible,
.asset-card:focus-visible {
  border-color: var(--c-primary--300);
  outline: .25rem solid var(--c-primary--300);
  outline-offset: 0
}

.ticker-card {
  display: grid;
  grid-template-areas: "header""body""footer";
  grid-template-rows: auto 1fr auto;
  position: relative;
  max-width: 22rem;
  background-color: var(--c-neutral);
  border: 1px solid var(--c-neutral--300);
  border-radius: var(--s-border-radius-sm);
  overflow: hidden
}

.ticker-card .card__header {
  grid-area: header;
  padding: 1.4375rem 1.75rem 0
}

.ticker-card .card__body {
  grid-area: body;
  padding: 0 1.75rem
}

.ticker-card .card__footer {
  grid-area: footer;
  padding: 0 1.75rem 1.4375rem
}

.ticker-card .card__overlay {
  position: absolute;
  top: 41%;
  left: 0;
  min-width: 100%;
  min-height: 60%;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 1rem;
  transition: opacity .3s, top .5s;
  opacity: 1;
  background-repeat: no-repeat;
  background-size: cover
}

.ticker-card:hover,
.ticker-card:focus-visible {
  border: 1px solid var(--c-primary);
  transition: .2s ease-out
}

.ticker-card:hover .card__body .card-text p,
.ticker-card:focus-visible .card__body .card-text p {
  opacity: 1;
  top: 0
}

.ticker-card:hover .card__overlay,
.ticker-card:focus-visible .card__overlay {
  top: 100%;
  opacity: 0
}

.card__header .card-text {
  font: var(--t-sans-sm--two);
  text-transform: uppercase
}

.card__header .card-text strong+span {
  margin-left: .25rem;
  padding-left: .5rem;
  border-left: 1px solid var(--c-neutral--700)
}

.card__body .card-text {
  font: var(--t-sans-sm--two);
  color: var(--c-neutral--700)
}

.card__body .card-text .card__heading {
  color: #2a3544;
  font: var(--t-serif-sm--two);
  margin-bottom: var(--s-vertical-sm)
}

.card__body .card-text p {
  font: inherit;
  color: inherit;
  opacity: 0;
  transition: opacity .4s, top .4s;
  position: relative;
  top: 1rem
}

.card__footer .card-text {
  font: var(--t-sans-sm--one);
  pointer-events: none
}

.card__overlay .card-text {
  color: var(--c-white);
  font-size: 3rem;
  font-weight: 600;
  text-transform: uppercase
}

.asset-card {
  max-width: 16.125rem;
  min-height: 13.75rem;
  padding: 1.5rem;
  border: 1px solid var(--c-neutral--300);
  background-color: var(--c-neutral--100)
}

@media(max-width: 575px) {
  .asset-card {
    max-width: 21.9375rem
  }
}

@media(min-width: 768px) {
  .asset-card {
    min-height: 18.75rem
  }
}

.asset-card.wide {
  max-width: 21.9375rem
}

.asset-card .caption {
  background-color: rgba(0, 0, 0, 0)
}

.asset-card .card__heading {
  margin-bottom: 1rem
}

.asset-card .card__sub-body {
  opacity: 1
}

.asset-card:hover,
.asset-card:focus {
  cursor: pointer
}

.asset-card:hover .card__heading,
.asset-card:focus .card__heading {
  margin-bottom: 1rem
}

.capability-card {
  position: relative;
  max-width: 22rem;
  min-height: 28.4375rem;
  border-color: rgba(0, 0, 0, 0);
  overflow: hidden;
  transition: .2s ease-out
}

.capability-card::before {
  position: absolute;
  display: block;
  width: calc(100% + 1rem);
  height: calc(100% + 1rem);
  background-image: var(--bg);
  background-position: center;
  background-size: cover;
  transition: .2s ease-out;
  content: "";
  inset: -1rem
}

.homepage-hero .capability-card {
  height: 100%
}

.capability-card .caption {
  background-color: rgba(0, 0, 0, 0)
}

.capability-card .card__tag {
  margin-bottom: var(--s-vertical-xs);
  color: var(--c-neutral--900);
  font: var(--t-sans-sm--one)
}

.capability-card .card__heading {
  font: var(--t-serif-sm--two)
}

.capability-card .card__body {
  bottom: 0;
  padding-top: 10.625rem;
  transition: .2s ease-out
}

.capability-card .card__sub-body {
  margin-top: 1.5rem;
  transition: .2s ease-out
}

.capability-card .card__footer {
  font: var(--t-sans-sm--two)
}

.capability-card .article__topic,
.capability-card .article__date {
  display: inline-block;
  white-space: nowrap
}

.capability-card .article__topic::after {
  display: inline-block;
  content: "|";
  margin-inline: .3125rem
}

.capability-card:hover::before,
.capability-card:focus-visible::before {
  opacity: 0
}

.capability-card:hover .card__body,
.capability-card:focus-visible .card__body {
  padding-top: 0
}

.capability-card:hover .card__call-to-action a,
.capability-card:focus-visible .card__call-to-action a {
  text-decoration: none
}

.capability-card:hover .card__call-to-action a svg,
.capability-card:focus-visible .card__call-to-action a svg {
  color: var(--c-primary)
}

.capability-card:focus-visible {
  border-color: var(--c-primary--300);
  outline: .25rem solid var(--c-primary--300);
  outline-offset: 0
}

.capability-card.short {
  min-height: 22.25rem
}

.capability-card.short .card__body {
  padding-top: 5.6875rem
}

.capability-card.short .card__tag {
  margin-bottom: 1.5rem
}

.capability-card.short .card__heading {
  margin-bottom: 1.5rem
}

.capability-card.short .card__sub-body {
  height: 0;
  max-height: 0;
  overflow: hidden
}

.capability-card.short:hover .card__body,
.capability-card.short:focus .card__body {
  padding-top: 0
}

.capability-card.short:hover .card__sub-body,
.capability-card.short:focus .card__sub-body {
  display: -webkit-box;
  height: 3.75rem;
  max-height: fit-content;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3
}

.capability-card.short .card__footer {
  color: var(--c-neutral--900)
}

.capability-card.short .card__call-to-action {
  font: var(--t-sans-sm--one)
}

.homepage-hero .capability-card {
  color: var(--c-neutral--900)
}

.capability-card--light:not(:hover) .card__heading,
.capability-card--light:not(:hover) .card__tag,
.capability-card--light:not(:hover) .card__tag svg {
  color: var(--c-white)
}

.contact-card {
  min-height: 13rem;
  padding: 1.5rem
}

@media(min-width: 768px) {
  .contact-card {
    min-height: 10.875rem
  }
}

.contact-card .caption {
  display: flex;
  flex-direction: column
}

.contact-card .card__heading {
  margin-bottom: .5rem;
  font: var(--t-serif-sm--three)
}

@media(min-width: 768px) {
  .contact-card .card__heading {
    font: var(--t-serif-sm--two)
  }
}

.contact-card .card__sub-body {
  margin-bottom: .375rem;
  opacity: 1
}

.contact-card .card__call-to-action {
  display: flex;
  flex-direction: column;
  margin-top: auto
}

@media(max-width: 767px) {
  .contact-card .card__call-to-action {
    row-gap: .75rem
  }
}

.contact-card .card_contact-info {
  color: var(--c-neutral--700);
  font: var(--t-sans-xs)
}

.contact-card .card_contact-info span {
  font: var(--t-sans-xs)
}

.contact-card .card_contact-info .card__contact-prefix {
  font: var(--t-sans-semibold-xs)
}

.contact-card .card_contact-info .card__email {
  color: var(--c-primary)
}

.contact-card .card_contact-info .card__email:hover,
.contact-card .card_contact-info .card__email:focus-visible {
  text-decoration: underline
}

.contact-card:hover {
  border: .0625rem solid var(--c-neutral--300)
}

.contact-card:hover .card__heading {
  margin-bottom: .5rem;
  color: var(--c-neutral--900)
}

.contact-card:hover .card__call-to-action {
  position: relative;
  display: flex
}

.event-card {
  min-height: 24.375rem
}

.event-card .card__tag {
  margin-bottom: var(--s-vertical-lg);
  transition: ease-out .3s
}

.event-card .article__location,
.event-card .article__topic {
  margin-right: .5rem;
  color: var(--c-neutral--900);
  font: var(--t-sans-semibold-sm--two)
}

.event-card .card__footer {
  align-items: baseline;
  font: var(--t-sans-sm--two)
}

.event-card .card__footer span:first-of-type {
  padding-right: 0
}

.event-card .card__footer span:first-of-type:after {
  display: none
}

.event-card .card__call-to-action {
  font: var(--t-sans-sm--one)
}

.event-card:hover .card__tag,
.event-card:focus-visible .card__tag {
  margin-bottom: var(--s-vertical-sm);
  transition: ease-out .3s
}

.featured-card {
  max-width: 16.1875rem;
  padding: 0 0 1.375rem;
  border-color: rgba(0, 0, 0, 0);
  background-color: var(--c-neutral--100)
}

.featured-card .caption {
  background-color: rgba(0, 0, 0, 0)
}

.featured-card .card__tag {
  padding: .625rem .875rem;
  color: var(--c-neutral);
  font: var(--t-sans-semibold-sm--two);
  background-color: var(--c-green)
}

.featured-card .card__heading {
  margin-bottom: .5rem;
  padding: .75rem .875rem 0;
  font: var(--t-sans-semibold-sm--two)
}

.featured-card .card__sub-body {
  margin-bottom: .75rem;
  padding: 0 .875rem 0;
  opacity: 1
}

.featured-card .card__call-to-action {
  display: flex;
  padding: 0 .875rem 0
}

.featured-card .card__call-to-action .score-button {
  align-items: center
}

.featured-card .card__call-to-action .score-button span,
.featured-card .card__call-to-action .score-button svg {
  margin-right: .625rem;
  font: var(--t-sans-xs)
}

.featured-card:hover .card__heading,
.featured-card:focus .card__heading {
  margin-bottom: .5rem
}

.featured-card:hover .card__call-to-action,
.featured-card:focus .card__call-to-action {
  position: relative;
  display: flex
}

.featured-card:hover .card__call-to-action span,
.featured-card:hover .card__call-to-action svg,
.featured-card:focus .card__call-to-action span,
.featured-card:focus .card__call-to-action svg {
  color: var(--c-primary)
}

.homepage-hero .card {
  background-color: hsla(0, 0%, 100%, .6);
  backdrop-filter: blur(3px);
  transition: .3s ease-in-out
}

.homepage-hero .card .caption {
  background-color: rgba(0, 0, 0, 0)
}

.homepage-hero .card:hover,
.homepage-hero .card:focus {
  background-color: #fff;
  transition: .3s ease-in-out
}

.insight-card {
  position: relative;
  max-width: 22rem;
  min-height: 28.4375rem;
  overflow: hidden;
  transition: .2s ease-out
}

.insight-card .card__image {
  height: 8.625rem;
  margin-bottom: var(--s-vertical-sm);
  transition: .2s ease-out
}

.insight-card .card__image img {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.homepage-hero .insight-card {
  height: 100%
}

.insight-card .card__tag {
  margin-bottom: var(--s-vertical-xs);
  color: var(--c-neutral--900);
  font: var(--t-sans-sm--one)
}

.insight-card .card__tag2 {
  margin-bottom: 1rem;
  font: var(--t-sans-semibold-sm--two)
}

.insight-card .card__tag2 span {
  margin-left: var(--s-vertical-base);
  padding-left: var(--s-vertical-base);
  border-left: 1px solid var(--c-neutral--700);
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--two)
}

.insight-card .card__heading {
  font: var(--t-serif-sm--two)
}

.insight-card .card__body {
  bottom: 0;
  transition: .2s ease-out
}

.insight-card .card__sub-body {
  margin-top: 1.5rem;
  transition: .2s ease-out
}

.insight-card .card__sub-body.--truncate {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.insight-card .card__footer {
  font: var(--t-sans-sm--two)
}

.insight-card .article__topic,
.insight-card .article__date {
  display: inline-block;
  white-space: nowrap
}

.insight-card .article__topic::after {
  margin-inline: .3125rem;
  display: inline-block;
  content: "|"
}

.insight-card:hover .card__call-to-action a,
.insight-card:focus-visible .card__call-to-action a {
  text-decoration: none
}

.insight-card:hover .card__call-to-action a svg,
.insight-card:focus-visible .card__call-to-action a svg {
  color: var(--c-primary)
}

.insight-card:focus-visible {
  border-color: var(--c-primary--300);
  outline: .25rem solid var(--c-primary--300);
  outline-offset: 0
}

.insight-card.short {
  min-height: 22.25rem
}

.insight-card.short .card__image {
  height: 4.1875rem;
  margin-bottom: 1.5rem
}

.insight-card.short .card__image img {
  width: auto;
  max-width: 100%
}

.insight-card.short .card__tag {
  margin-bottom: 1.5rem
}

.insight-card.short .card__heading {
  margin-bottom: 1.5rem
}

.insight-card.short .card__sub-body {
  height: 0;
  max-height: 0;
  overflow: hidden
}

.insight-card.short:hover .card__image,
.insight-card.short:focus .card__image {
  height: 0;
  margin-bottom: 0;
  transition: .2s ease-out
}

.insight-card.short:hover .card__sub-body,
.insight-card.short:focus .card__sub-body {
  display: -webkit-box;
  height: 3.75rem;
  max-height: fit-content;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3
}

.insight-card.short .card__footer {
  color: var(--c-neutral--900)
}

.insight-card.short .card__call-to-action {
  font: var(--t-sans-sm--one)
}

.homepage-hero .insight-card {
  color: var(--c-neutral--900)
}

.insight-card.rating .card__rating {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--s-vertical-base);
  color: var(--c-primary--900);
  font: var(--t-sans-semibold-sm--two)
}

.insight-card.rating .card__rating .star-rating {
  display: flex;
  margin-top: 0
}

.insight-card.rating .card__rating .star-rating svg {
  color: var(--c-primary)
}

.insight-card.rating .card__rating .star-rating span {
  display: flex;
  align-items: center;
  opacity: .2
}

.insight-card.rating .card__rating .star-rating span.active {
  opacity: 1
}

.insight-card.rating .card__footer {
  flex-direction: column;
  width: 100%
}

.insight-card.rating .card__footer p {
  font: var(--t-sans-xs)
}

.insight-title-text {
  display: block
}

.pdf-document-card {
  min-height: 24.375rem
}

.pdf-document-card .card__tag {
  margin-bottom: var(--s-vertical-lg);
  transition: ease-out .3s
}

.pdf-document-card .article__date {
  margin-right: .5rem;
  color: var(--c-neutral--900);
  font: var(--t-sans-semibold-sm--two)
}

.pdf-document-card .article__date~.article__language:before {
  margin: 0 .5rem 0 .15rem;
  content: "|"
}

.pdf-document-card .card__footer {
  align-items: baseline;
  font: var(--t-sans-sm--two)
}

.pdf-document-card .card__footer span:first-of-type {
  padding-right: 0
}

.pdf-document-card .card__footer span:first-of-type:after {
  display: none
}

.pdf-document-card:hover .card__footer {
  display: flex
}

.pdf-document-card:hover .card__call-to-action {
  display: none
}

.people-card {
  display: flex;
  flex-direction: column;
  max-width: 16.1875rem
}

.people-card:focus-visible {
  outline: 0
}

.people-card .card__image {
  position: relative;
  width: 16.1875rem;
  height: 16.1875rem;
  margin-bottom: var(--s-vertical-xs);
  overflow: hidden
}

.people-card .card__image img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%
}

.people-card .card__image:before,
.people-card .card__image:after {
  position: absolute;
  border-radius: 50%;
  content: ""
}

.people-card .card__image:before {
  top: 0;
  right: 0;
  width: 32.375rem;
  height: 32.375rem;
  background-color: var(--c-neutral--200)
}

.people-card .card__image:after {
  top: 100%;
  right: 100%;
  bottom: 0;
  width: 0;
  width: 0;
  height: 0;
  transition: .2s ease-out
}

.people-card .card__heading {
  margin-bottom: var(--s-vertical-base);
  color: var(--c-neutral--900);
  font: var(--t-serif-sm--two)
}

@media(max-width: 575px) {
  .people-card .card__heading {
    font: var(--t-serif-sm--three)
  }
}

.people-card .card__sub-body {
  margin-bottom: var(--s-vertical-base);
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--two)
}

@media(max-width: 575px) {
  .people-card .card__sub-body {
    font: var(--t-sans-xs)
  }
}

.people-card .card__call-to-action .icon-arrow-right {
  max-height: .875rem;
  color: var(--c-neutral--700)
}

.people-card:hover .card__image:after,
.people-card:focus-visible .card__image:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 32.375rem;
  height: 32.375rem;
  background-color: var(--c-primary--400);
  transition: .2s ease-out;
  content: ""
}

.people-card:hover .card__heading,
.people-card:focus-visible .card__heading {
  color: var(--c-primary);
  text-decoration: underline;
  text-underline-offset: .125rem
}

.people-card:hover .card__sub-body,
.people-card:focus-visible .card__sub-body {
  color: var(--c-primary)
}

.people-card:hover .card__call-to-action .icon-arrow-right,
.people-card:focus-visible .card__call-to-action .icon-arrow-right {
  color: var(--c-primary)
}

.product-card {
  min-height: 25rem
}

.product-card .caption {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  container-type: inline-size;
  container-name: caption
}

.product-card .card__tag {
  margin-bottom: 1rem;
  font: var(--t-sans-semibold-sm--two)
}

.product-card .card__tag span {
  margin-left: var(--s-vertical-base);
  padding-left: var(--s-vertical-base);
  border-left: 1px solid var(--c-neutral--700);
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--two)
}

.product-card .card__sub-body {
  flex-direction: row;
  gap: 1rem;
  justify-content: space-between;
  padding-top: var(--s-vertical-xs);
  border-top: 1px solid var(--c-neutral--300);
  opacity: 1
}

.product-card:hover .card__heading {
  margin-bottom: var(--s-vertical-md)
}

.product-card.performance .card__sub-body>div {
  display: flex;
  flex-direction: column
}

.product-card.performance .card__sub-body>div span {
  color: var(--c-neutral--600);
  font: var(--t-sans-xs)
}

.product-card.performance .card__sub-body>div span:first-of-type {
  color: var(--c-primary--900);
  font: var(--t-sans-semibold-sm--two)
}

.product-card.performance .card__sub-body>div span:last-of-type {
  margin-top: auto;
  color: var(--c-primary);
  font: var(--t-serif-sm--two);
  font-size: 2rem
}

@container caption (max-width: 13.75rem) {
  .product-card.performance .card__sub-body>div span:last-of-type {
    font-size: 1.7rem
  }
}

.product-card.description .card__heading {
  margin-bottom: var(--s-vertical-xs)
}

.product-card.description .caption {
  justify-content: flex-start
}

.product-card.description .card__sub-body {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
  transition: .3s ease-out
}

.product-card.description:hover,
.product-card.description:focus {
  transition: .3s ease-out
}

.product-card.description:hover .card__body,
.product-card.description:focus .card__body {
  margin-bottom: auto;
  transition: .3s ease-out
}

.product-card.description:hover .card__sub-body,
.product-card.description:focus .card__sub-body {
  margin-top: auto;
  padding-top: var(--s-vertical-xs);
  border-top: 1px solid var(--c-neutral--300);
  transition: .3s ease-out
}

.product-card.rating .card__rating {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--s-vertical-base);
  color: var(--c-primary--900);
  font: var(--t-sans-semibold-sm--two)
}

.product-card.rating .card__rating .star-rating {
  display: flex;
  margin-top: 0
}

.product-card.rating .card__rating .star-rating svg {
  color: var(--c-primary)
}

.product-card.rating .card__rating .star-rating span {
  display: flex;
  align-items: center;
  opacity: .2
}

.product-card.rating .card__rating .star-rating span.active {
  opacity: 1
}

.product-card.rating .card__sub-body p {
  font: var(--t-sans-xs)
}

.product-card.cover {
  position: relative;
  border: none;
  background-color: var(--c-neutral--600)
}

.product-card.cover .card__tag {
  color: var(--c-neutral)
}

.product-card.cover .card__heading {
  font: --t-serif-sm--two;
  font-size: 2rem
}

.product-card.cover .caption {
  color: var(--c-neutral);
  background-color: rgba(0, 0, 0, 0)
}

.product-card.cover .card__image {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  height: 16.1875rem;
  margin-bottom: 0
}

.product-card.cover:hover,
.product-card.cover:focus {
  border: none;
  transition: .2s ease-out
}

.product-card.cover:hover .card__heading,
.product-card.cover:focus .card__heading {
  color: var(--c-neutral)
}

.product-card.cover:hover .card__image,
.product-card.cover:focus .card__image {
  height: 16.1875rem;
  margin-bottom: 0;
  transition: .2s ease-out
}

.strategy-card {
  width: 17.3125rem;
  min-height: 12rem;
  padding: 1.5rem
}

@media(min-width: 768px) {
  .strategy-card {
    width: 21.9375rem
  }
}

.strategy-card .card__heading {
  margin-bottom: 1rem;
  transition: .2s ease-out
}

.strategy-card .card__sub-body p {
  color: var(--c-neutral--900);
  font: var(--t-sans-xs)
}

.strategy-card .card__sub-body p span {
  font: var(--t-sans-semibold-xs)
}

.strategy-card:hover .card__heading {
  margin-bottom: 1rem;
  font: var(--t-serif-sm--three);
  transition: .2s ease-out
}

.commentary-card {
  position: relative;
  max-width: 22rem;
  min-height: 28.4375rem;
  overflow: hidden;
  transition: .2s ease-out
}

.commentary-card .card__image {
  margin-bottom: var(--s-vertical-sm);
  transition: .2s ease-out
}

.commentary-card .card__image img {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.homepage-hero .commentary-card {
  height: 100%
}

.commentary-card .card__tag {
  margin-bottom: var(--s-vertical-xs);
  color: var(--c-neutral--900);
  font: var(--t-sans-sm--one)
}

.commentary-card .card__tag2 {
  margin-bottom: 1rem;
  font: var(--t-sans-semibold-sm--two)
}

.commentary-card .card__tag2 span {
  margin-left: var(--s-vertical-base);
  padding-left: var(--s-vertical-base);
  border-left: 1px solid var(--c-neutral--700);
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--two)
}

.commentary-card .card__heading {
  font: var(--t-serif-sm--two)
}

.commentary-card .card__body {
  bottom: 0;
  transition: .2s ease-out
}

.commentary-card .card__sub-body {
  display: -webkit-box;
  margin-top: 1.5rem;
  overflow: hidden;
  transition: .2s ease-out;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3
}

.commentary-card .card__footer {
  font: var(--t-sans-sm--two)
}

.commentary-card .article__topic,
.commentary-card .article__date {
  display: inline-block;
  white-space: nowrap
}

.commentary-card .article__topic::after {
  margin-inline: .3125rem;
  display: inline-block;
  content: "|"
}

.commentary-card.short {
  min-height: 22.25rem
}

.commentary-card.short .card__image {
  height: 4.1875rem;
  margin-bottom: 1.5rem
}

.commentary-card.short .card__image img {
  width: auto;
  max-width: 100%
}

.commentary-card.short .card__tag {
  margin-bottom: 1.5rem
}

.commentary-card.short .card__heading {
  margin-bottom: 1.5rem
}

.commentary-card.short .card__sub-body {
  height: 0;
  max-height: 0;
  overflow: hidden
}

.commentary-card.short:hover .card__image,
.commentary-card.short:focus .card__image {
  height: 0;
  margin-bottom: 0;
  transition: .2s ease-out
}

.commentary-card.short:hover .card__sub-body,
.commentary-card.short:focus .card__sub-body {
  height: 3.75rem;
  max-height: fit-content
}

.commentary-card.short .card__footer {
  color: var(--c-neutral--900)
}

.commentary-card.short .card__call-to-action {
  font: var(--t-sans-sm--one)
}

.ticker-card {
  min-height: 28.4375rem
}

.visual-list--alternative {
  background-color: #f5f7fb
}

.visual-list__background {
  display: none
}

@media(min-width: 768px) {
  .visual-list__background {
    position: absolute;
    right: 0;
    bottom: 1.25rem;
    display: block;
    width: 537px;
    height: 537px;
    border: 1px solid #d2d2dd;
    border-top-left-radius: 100%
  }
}

.visual-list__container {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  position: relative;
  gap: 2.5rem;
  justify-content: space-between;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

@media(min-width: 768px) {
  .visual-list__container {
    flex-direction: row;
    gap: 0;
    min-height: 45.75rem;
    padding-top: 5rem;
    padding-bottom: 5rem
  }
}

.visual-list__eyebrow {
  color: #646984;
  font: var(--t-sans-sm--one)
}

.visual-list__headline {
  font: var(--t-serif-sm--one)
}

@media(min-width: 768px) {
  .visual-list__headline {
    font: var(--t-serif-md--three-plus)
  }
}

.visual-list__section {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  transition: left .3s
}

@media(min-width: 768px) {
  .visual-list__section {
    max-width: 100%
  }
}

.visual-list__section:first-of-type {
  display: flex;
  flex-direction: column;
  gap: .5rem
}

@media(min-width: 768px) {
  .visual-list__section:first-of-type {
    max-width: 83.3333333333%;
    gap: 1.5rem
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .visual-list__section:first-of-type {
    max-width: 41.6666666667%
  }
}

.visual-list__section:nth-child(2) {
  position: relative;
  z-index: 1;
  width: fit-content;
  max-width: fit-content
}

.visual-list__section:nth-child(2)>div {
  position: relative;
  display: flex;
  gap: .75rem;
  height: 100%
}

@media(min-width: 768px) {
  .visual-list__section:nth-child(2) {
    max-width: 100%;
    position: relative;
    display: block;
    width: 100%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .visual-list__section:nth-child(2) {
    max-width: 50%
  }
}

.visual-list__subtitle {
  width: fit-content;
  cursor: pointer
}

.visual-list__subtitle a {
  display: flex;
  gap: .8125rem;
  align-items: baseline
}

.visual-list__subtitle a svg {
  height: 15px;
  margin-top: .5rem;
  font-size: 18px
}

.visual-list__subtitle--active {
  color: #5627e7;
  text-decoration-line: underline
}

.visual-list__subtitle--active svg {
  color: #5627e7
}

.visual-list__subtitles {
  display: none;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: flex-start;
  margin: 1rem 0 0 0;
  padding: 0;
  font: var(--t-serif-sm--two)
}

@media(min-width: 768px) {
  .visual-list__subtitles {
    display: flex
  }
}

.visual-list__subtitles li::before {
  display: none
}

.visual-list__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 83vw;
  height: auto;
  padding: 2.5rem 1.5rem;
  border-radius: 16px;
  transition: opacity .3s;
  transition-timing-function: ease-out
}

@media(min-width: 768px) {
  .visual-list__content {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 3.75rem 2.5rem;
    opacity: 0
  }
}

.visual-list__content-top {
  overflow: hidden
}

@media(min-width: 768px) {
  .visual-list__content-top {
    flex: 1
  }
}

@media(max-width: 767px) {
  .visual-list__content-top {
    max-height: 6.375rem
  }
}

.visual-list__content-top img {
  max-width: 100%;
  max-height: 100%;
  margin: auto
}

.visual-list__content-description {
  font: var(--t-sans-sm--two)
}

@media(min-width: 768px) {
  .visual-list__content-description {
    font: var(--t-sans-sm--one)
  }
}

.visual-list__content-button {
  margin-top: auto;
  color: #5627e7
}

.visual-list__content-button svg {
  color: #5627e7
}

@media(min-width: 768px) {
  .visual-list__content-button--desktop-hidden {
    display: none
  }
}

.visual-list__content-title {
  margin-bottom: .5rem;
  font: var(--t-serif-sm--three)
}

@media(min-width: 768px) {
  .visual-list__content-title {
    display: none
  }
}

.visual-list__content--active {
  opacity: 1;
  transition-delay: .3s;
  transition-timing-function: ease-in
}

.visual-list__content .visual-list__hr {
  display: block;
  width: 100%;
  height: 1px
}

.visual-list__content--evergreen {
  color: #fff;
  background-color: #005738
}

.visual-list__content--evergreen .visual-list__hr {
  background-color: #fff
}

.visual-list__content--neutral {
  color: #2a3544;
  background-color: #f5f7fb
}

.visual-list__content--neutral .visual-list__hr {
  background-color: #d2d2dd
}

.visual-list__content--skyblue {
  color: #2a3544;
  background-color: #38a8ff
}

.visual-list__content--skyblue .visual-list__hr {
  background-color: #2a3544;
  opacity: .4
}

.visual-list__content--sunyellow {
  color: #2a3544;
  background-color: #ffe805
}

.visual-list__content--sunyellow .visual-list__hr {
  background-color: #2a3544;
  opacity: .4
}

.visual-list__content--violet {
  color: #fff;
  background-color: #5627e7
}

.visual-list__content--violet .visual-list__hr {
  background-color: #fff
}

.card-grid {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  position: relative;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

@media(min-width: 992px) {
  .card-grid {
    padding-top: 5rem;
    padding-bottom: 5rem
  }
}

.card-grid--violet {
  background-color: #5627e7
}

.card-grid--violet .card-grid__eyebrow,
.card-grid--violet .card-grid__description,
.card-grid--violet .card-grid__title {
  color: var(--c-neutral)
}

.card-grid--evergreen {
  background-color: #005738
}

.card-grid--evergreen .card-grid__eyebrow,
.card-grid--evergreen .card-grid__description,
.card-grid--evergreen .card-grid__title {
  color: var(--c-neutral)
}

.card-grid--sun-yellow {
  background-color: #ffe805
}

.card-grid--sky-blue {
  background-color: #38a8ff
}

.card-grid--neutral-100 {
  background-color: #f5f7fb
}

.card-grid__background {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

@media(max-width: 991px) {
  .card-grid__background {
    display: none
  }
}

.card-grid__background img {
  border-radius: 0 0 0 100%
}

.card-grid__background--violet,
.card-grid__background--evergreen,
.card-grid__background--sun-yellow,
.card-grid__background--sky-blue,
.card-grid__background--neutral-100 {
  width: 33.5625rem;
  height: 33.5625rem;
  border-radius: 0 0 0 100%
}

.card-grid__background--violet {
  background-color: #5627e7
}

.card-grid__background--evergreen {
  background-color: #005738
}

.card-grid__background--sun-yellow {
  background-color: #ffe805
}

.card-grid__background--sky-blue {
  background-color: #38a8ff
}

.card-grid__background--neutral-100 {
  background-color: #f5f7fb
}

.card-grid__header {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%;
  margin-bottom: 2.5rem
}

@media(min-width: 768px) {
  .card-grid__header {
    max-width: 50%
  }
}

.card-grid--contacts .card-grid__header {
  max-width: 133.3333333333%
}

@media(min-width: 768px) {
  .card-grid--contacts .card-grid__header {
    max-width: 66.6666666667%
  }
}

.card-grid__eyebrow {
  margin-bottom: 1.5rem;
  color: #646984;
  font: var(--t-sans-sm--one)
}

.card-grid__title {
  color: #2a3544;
  font: var(--t-serif-sm--one)
}

@media(min-width: 768px) {
  .card-grid__title {
    font: var(--t-serif-md--three-plus)
  }
}

.card-grid__description {
  margin-top: 1.5rem;
  color: #646984;
  font: var(--t-sans-md)
}

.card-grid__grid {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  row-gap: .75rem
}

@media(min-width: 768px) {
  .card-grid__grid {
    row-gap: 1.25rem
  }
}

.card-grid--default .card-grid__card {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%
}

@media(min-width: 768px) {
  .card-grid--default .card-grid__card {
    max-width: 50%
  }
}

.card-grid--default .card-grid__card .card {
  max-width: none;
  height: 100%
}

.card-grid--default .card-grid__card .insight-card:not(:hover) .card__sub-body {
  margin-bottom: -6.25rem
}

@media(min-width: 1200px) {
  .card-grid--default .card-grid__card {
    max-width: 66.6666666667%
  }
}

@media(min-width: 1200px)and (min-width: 768px) {
  .card-grid--default .card-grid__card {
    max-width: 33.3333333333%
  }
}

.card-grid--wide-asset .card-grid__card {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%
}

@media(min-width: 768px) {
  .card-grid--wide-asset .card-grid__card {
    max-width: 50%
  }
}

.card-grid--wide-asset .card-grid__card .card {
  max-width: none;
  height: 100%;
  min-height: 13.75rem
}

@media(min-width: 1200px) {
  .card-grid--wide-asset .card-grid__card {
    max-width: 66.6666666667%
  }
}

@media(min-width: 1200px)and (min-width: 768px) {
  .card-grid--wide-asset .card-grid__card {
    max-width: 33.3333333333%
  }
}

.card-grid--asset .card-grid__card {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%
}

@media(min-width: 768px) {
  .card-grid--asset .card-grid__card {
    max-width: 50%
  }
}

.card-grid--asset .card-grid__card .card {
  max-width: none;
  height: 100%;
  min-height: 13.75rem
}

@media(min-width: 992px) {
  .card-grid--asset .card-grid__card {
    max-width: 66.6666666667%
  }
}

@media(min-width: 992px)and (min-width: 768px) {
  .card-grid--asset .card-grid__card {
    max-width: 33.3333333333%
  }
}

@media(min-width: 1200px) {
  .card-grid--asset .card-grid__card {
    max-width: 50%
  }
}

@media(min-width: 1200px)and (min-width: 768px) {
  .card-grid--asset .card-grid__card {
    max-width: 25%
  }
}

@media(min-width: 1200px) {
  .card-grid--asset .card-grid__card .card {
    min-height: 18.75rem
  }
}

.card-grid--people .card-grid__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .75rem;
  row-gap: 1rem
}

@media(min-width: 768px) {
  .card-grid--people .card-grid__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    row-gap: 2.5rem
  }
}

@media(min-width: 992px) {
  .card-grid--people .card-grid__grid {
    row-gap: 4.1875rem
  }
}

.card-grid--people .card-grid__grid .card__image {
  width: auto;
  height: auto;
  aspect-ratio: 1/1
}

.card-grid--people .card-grid__card {
  width: auto;
  margin: 0
}

.card-grid--contacts .card-grid__header {
  max-width: 133.3333333333%
}

@media(min-width: 768px) {
  .card-grid--contacts .card-grid__header {
    max-width: 66.6666666667%
  }
}

@media(min-width: 768px) {
  .card-grid--contacts .card-grid__title {
    font: var(--t-serif-md--one)
  }
}

.card-grid--contacts .card-grid__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: .75rem
}

@media(min-width: 576px) {
  .card-grid--contacts .card-grid__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: .75rem
  }
}

@media(min-width: 992px) {
  .card-grid--contacts .card-grid__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem
  }
}

.card-grid--contacts .card-grid__card .card {
  width: 100%;
  max-width: none;
  height: 100%
}

.card-grid__card .card__overlay.card__overlay-aslv {
  align-items: flex-start;
  justify-content: flex-start
}

.card-grid__card .card__overlay.card__overlay-aplu {
  align-items: flex-start;
  justify-content: flex-start
}

.card-grid__card .card__overlay.card__overlay-ainp {
  justify-content: flex-start
}

footer {
  background-color: var(--c-primary--900)
}

.footer {
  padding-top: 5rem;
  padding-bottom: 5rem
}

@media(min-width: 768px) {
  .footer {
    padding-bottom: 6.25rem;
    padding-bottom: 6.25rem
  }
}

.footer a,
.footer p,
.footer .rich-text p {
  color: var(--c-neutral);
  font: var(--t-sans-xs)
}

.footer__brand {
  display: flex;
  flex-direction: column;
  padding-bottom: 2.5rem
}

.footer__brand::after {
  display: block;
  width: 100%;
  height: .0625rem;
  border-bottom: .0625rem solid var(--c-neutral--800);
  opacity: .6;
  content: "";
  transform: translateY(2rem)
}

@media(min-width: 768px) {
  .footer__brand {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    column-gap: 1rem
  }
}

.footer__logo {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 30%;
  font: var(--t-sans-sm)
}

.footer__logo svg {
  width: 9.125rem
}

@media(min-width: 768px) {
  .footer__logo svg {
    width: 11.625rem
  }
}

.footer__logo a:hover svg,
.footer__logo a:focus-visible svg {
  color: var(--c-primary--400)
}

@media(min-width: 576px) {
  .footer__logo {
    /* flex: 1; */
    flex-direction: row;
    gap: 2rem;
    align-items: center;
    width: 30%;
  }
}

.footer__linkgroups {
  display: flex;
  padding-top: 2rem
}

.footer__linkgroup {
  flex: 1
}

.footer__linkgroup ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0 0 0;
  padding: 0
}

@media(min-width: 768px) {
  .footer__linkgroup ul {
    flex-direction: row;
    flex-wrap: wrap;
    margin: 1rem 0 0 0;
    column-gap: 1.5rem;
    row-gap: .5rem
  }
}

.footer__linkgroup li {
  line-height: 1.125rem
}

.footer__linkgroup li::before {
  display: none
}

.footer__linkgroup a:hover,
.footer__linkgroup a:focus-visible {
  text-decoration: underline
}

.footer__linkgroup--heading {
  color: var(--c-neutral);
  font: var(--t-sans-semibold-sm--two)
}

.footer__social {
  display: flex;
  gap: 2rem;
  width: fit-content
}

.footer__social a svg {
  color: #000;
  font-size: 1.5rem;
  filter: invert(100)
}

.footer__social a:hover svg,
.footer__social a:focus-visible svg {
  color: #44560a
}

@media(max-width: 767px) {
  .footer__social {
    margin-top: 2rem
  }
}

.footer__disclaimer .rich-text {
  color: var(--c-neutral--300);
  font: var(--t-sans-xs)
}

.footer__disclaimer .rich-text p {
  margin-bottom: 1rem
}

.footer__disclaimer .rich-text p:nth-last-child(2),
.footer__copyright {
  display: contents
}

.footer__linkgroups+.footer__disclaimer {
  margin-top: 2rem;
  padding-top: 2.5rem
}

.footer__linkgroups+.footer__disclaimer::before {
  display: block;
  width: 100%;
  height: .0625rem;
  border-bottom: .0625rem solid var(--c-neutral--800);
  opacity: .6;
  content: "";
  transform: translateY(-2rem)
}

.hero__static {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 2.5rem 0
}

@media(max-width: 767px) {
  .hero__static {
    padding-right: .375rem;
    padding-left: .375rem
  }
}

@media(min-width: 768px) {
  .hero__static {
    flex-direction: row;
    justify-content: space-between
  }
}

.hero__static.reverse {
  flex-direction: column
}

@media(min-width: 768px) {
  .hero__static.reverse {
    flex-direction: row-reverse
  }
}

@media(min-width: 768px) {
  .hero__static.reverse .hero__image {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-left: 0
  }
}

.hero__static .hero__topic {
  display: flex;
  gap: .5rem;
  align-items: center;
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--one)
}

@media(min-width: 768px) {
  .hero__static .hero__topic {
    font: var(--t-sans-sm--one)
  }
}

.hero__static .hero__topic svg {
  color: var(--c-neutral--700)
}

.hero__static h1,
.hero__static h2 {
  margin-top: .5rem;
  margin-bottom: .5rem;
  color: var(--c-neutral--900);
  font: var(--t-serif-md--two)
}

@media(min-width: 768px) {

  .hero__static h1,
  .hero__static h2 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font: var(--t-serif-lg--two)
  }
}

.hero__static .score-button {
  margin-top: 1.5rem
}

@media(min-width: 768px) {
  .hero__static .score-button {
    margin-top: 2.5rem
  }
}

.hero__static :is(h1, h2)+.hero__text {
  margin-top: .5rem
}

@media(min-width: 768px) {
  .hero__static :is(h1, h2)+.hero__text {
    margin-top: 1.5rem
  }
}

.hero__static p {
  color: var(--c-neutral--700);
  font: var(--t-sans-md)
}

.hero__static .hero__content {
  display: flex;
  flex-direction: column
}

@media(min-width: 768px) {
  .hero__static .hero__content {
    max-width: 100%;
    justify-content: center;
    padding: 0 .625rem
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .hero__static .hero__content {
    max-width: 50%
  }
}

@media(min-width: 992px) {
  .hero__static .hero__content {
    max-width: 116.6666666667%
  }
}

@media(min-width: 992px)and (min-width: 768px) {
  .hero__static .hero__content {
    max-width: 58.3333333333%
  }
}

@media(max-width: 767px) {
  .hero__static .hero__image {
    margin-top: 2.5rem
  }
}

@media(min-width: 768px) {
  .hero__static .hero__image {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-left: .625rem
  }

  .hero__static .hero__image img {
    width: 206.1%;
    max-width: unset
  }
}

@media(min-width: 992px) {
  .hero__static .hero__image {
    width: 100%;
    max-width: 33.3333333333%;
    padding-right: .625rem
  }

  .hero__static .hero__image img {
    width: calc(206.1% - .625rem)
  }
}

@media(min-width: 576px) {
  .hero__static.minimum .hero__content {
    max-width: 66.6666666667%;
    justify-content: center
  }
}

@media(min-width: 576px)and (min-width: 768px) {
  .hero__static.minimum .hero__content {
    max-width: 33.3333333333%
  }
}

@media(min-width: 768px) {
  .hero__static.minimum .hero__content {
    max-width: 83.3333333333%;
    justify-content: center
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .hero__static.minimum .hero__content {
    max-width: 41.6666666667%
  }
}

@media(min-width: 992px) {
  .hero__static.minimum .hero__content {
    max-width: 83.3333333333%;
    justify-content: center
  }
}

@media(min-width: 992px)and (min-width: 768px) {
  .hero__static.minimum .hero__content {
    max-width: 41.6666666667%
  }
}

.richtext {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  padding-top: 5rem;
  margin-bottom: 2.5rem
}

.richtext--small {
  padding-top: 0;
  padding-bottom: 0
}

.richtext--link-list {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

.richtext--summary {
  justify-content: space-between;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

@media(max-width: 767px) {
  .richtext {
    padding-top: 2.5rem;
    padding-bottom: 1.5rem
  }

  .richtext--link-list {
    padding-top: 1.5rem
  }
}

.richtext+.richtext {
  padding-top: 1rem
}

@media(min-width: 992px) {
  .richtext+.richtext {
    padding-top: 1.5rem
  }
}

.richtext .richtext--spotlight {
  align-self: flex-start;
  margin-top: 1.5rem;
  margin-right: .375rem;
  margin-left: .375rem;
  padding: 2rem 2rem;
  border-radius: var(--s-border-radius-sm);
  background: var(--c-neutral--100)
}

@media(min-width: 768px) {
  .richtext .richtext--spotlight {
    max-width: calc(58.333333333% + 2.5rem - 10px);
    margin-top: 0;
    margin-right: .625rem;
    margin-left: -2.5rem;
    padding: 1.5rem 3rem 2.5rem 3rem
  }
}

.richtext .richtext--spotlight h2 {
  font: var(--t-sans-lg)
}

.richtext .richtext--spotlight h2+ul {
  margin-top: 1.5rem;
  margin-right: -1.25rem
}

.richtext .richtext--spotlight ul {
  max-width: 100%;
  padding: 0
}

.richtext .richtext--spotlight li::marker {
  color: var(--c-primary)
}

.richtext .richtext--spotlight li+li {
  margin-top: 1rem
}

.richtext--flipped {
  flex-direction: row-reverse
}

.richtext__feature {
  width: 100%;
  min-height: .0625rem;
  max-width: 83.3333333333%
}

@media(min-width: 768px) {
  .richtext__feature {
    max-width: 41.6666666667%
  }
}

.richtext--link-list .richtext__feature {
  max-width: 66.6666666667%;
  margin-left: 16.6666666667%
}

@media(min-width: 768px) {
  .richtext--link-list .richtext__feature {
    max-width: 33.3333333333%
  }
}

@media(min-width: 768px) {
  .richtext--link-list .richtext__feature {
    margin-left: 8.3333333333%
  }
}

@media(max-width: 767px) {
  .richtext--link-list .richtext__feature {
    max-width: 100%;
    margin-left: 0%
  }
}

@media(max-width: 767px)and (min-width: 768px) {
  .richtext--link-list .richtext__feature {
    max-width: 50%
  }
}

@media(max-width: 767px)and (min-width: 768px) {
  .richtext--link-list .richtext__feature {
    margin-left: 0%
  }
}

@media(max-width: 767px) {
  .richtext__feature {
    max-width: 100%
  }
}

.richtext--image .richtext__feature {
  z-index: -1
}

.richtext__content {
  width: 100%;
  min-height: .0625rem;
  max-width: 116.6666666667%;
  font: var(--t-sans-sm--one)
}

@media(min-width: 768px) {
  .richtext__content {
    max-width: 58.3333333333%
  }
}

.richtext--link-list .richtext__content p {
  font: var(--t-sans-sm--one)
}

@media(min-width: 768px) {
  .richtext__content h2 {
    font: var(--t-serif-md--three-plus)
  }
}

@media(max-width: 767px) {
  .richtext__content h4 {
    font: var(--t-serif-sm--three)
  }
}

.richtext__content h5,
.richtext__content h6 {
  font: var(--t-sans-semibold-sm--one)
}

@media(min-width: 768px) {

  .richtext__content h5,
  .richtext__content h6 {
    font-size: 1.25rem
  }
}

.richtext [id] {
  scroll-margin-top: calc(var(--js-s-header-height, 150px) + var(--s-in-page-nav-sticky-height, 0px) + 24px)
}

.richtext__heading {
  position: sticky;
  top: calc(var(--js-s-header-height, 150px) + var(--s-in-page-nav-sticky-height, 0px) + 24px);
  padding-right: 4rem
}

.richtext--flipped .richtext__heading {
  padding-right: 0;
  padding-left: 4rem
}

@media(max-width: 767px) {
  .richtext__heading {
    margin-bottom: 2rem;
    padding: 0
  }
}

.richtext__image {
  position: sticky;
  top: calc(var(--js-s-header-height, 150px) + var(--s-in-page-nav-sticky-height, 0px) + 24px);
  margin-left: -6.75rem;
  padding-right: 6rem
}

.richtext--flipped .richtext__image {
  margin-right: -6.75rem;
  margin-left: 0;
  padding-right: 0;
  padding-left: 6rem
}

@media(max-width: 767px) {
  .richtext__image {
    display: none
  }
}

@media(max-width: 991px) {
  .richtext__image {
    margin-left: -2.5rem;
    padding-right: 2.5rem
  }

  .richtext--flipped .richtext__image {
    margin-right: -2.5rem;
    margin-left: 0
  }
}

.richtext__link-list {
  color: #2a3544;
  font: var(--t-sans-sm--one)
}

@media(max-width: 767px) {
  .richtext__link-list {
    margin-bottom: 2rem
  }
}

.richtext__link-list-prefix {
  margin-bottom: .5rem;
  color: #646984
}

.richtext__link-list-title~.richtext__link-list-links {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid #d2d2dd
}

.richtext__link-list-links ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.richtext__link-list-links li {
  margin-bottom: .25rem
}

.richtext__link-list-links li:before {
  content: unset
}

.richtext__link-list-links li svg {
  height: .625rem;
  margin-left: .875rem
}

.richtext__eyebrow {
  margin-bottom: 2.5rem;
  color: #646984;
  font: var(--t-sans-sm--one)
}

@media(max-width: 767px) {
  .richtext__eyebrow {
    margin-bottom: 1rem
  }
}

.richtext__title {
  color: #2a3544;
  font: var(--t-serif-md--two)
}

@media(max-width: 767px) {
  .richtext__title {
    font: var(--t-serif-md--one)
  }
}

.richtext__description {
  margin-top: 1rem;
  color: #2a3544;
  font: var(--t-serif-sm--one)
}

@media(min-width: 768px) {
  .richtext__description {
    font: var(--t-serif-md--three-plus)
  }
}

.richtext__summary {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  font: var(--t-sans-sm--one)
}

@media(min-width: 768px) {
  .richtext__summary {
    max-width: fit-content
  }
}

.richtext__summary hr {
  color: var(--c-neutral--400)
}

.richtext__summary .title--topic {
  color: var(--c-neutral--700)
}

.disclaimer .richtext {
  padding: 0
}

.ticker {
  --ticker-slide-duration-ms: 5000ms;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1440px;
  height: auto;
  margin: 0 auto;
  padding: 1rem 0;
  color: #fff
}

@media(min-width: 768px) {
  .ticker {
    flex-direction: row;
    align-items: center;
    height: 4.5rem;
    padding: 0
  }
}

.ticker svg {
  color: #fff
}

.ticker__background {
  background: #5627e7
}

.ticker__bar {
  flex: 1;
  height: .0625rem;
  background: var(--c-neutral--600)
}

.ticker__progress-bar {
  width: 0;
  height: 100%;
  background: var(--c-neutral);
  animation-play-state: paused
}

.ticker__progress-bar--active {
  width: 100%;
  animation-play-state: running
}

.ticker__progress-bar--autorotate {
  animation-name: progress-bar;
  animation-duration: var(--ticker-slide-duration-ms);
  animation-timing-function: linear
}

@keyframes progress-bar {
  from {
    width: 0
  }

  to {
    width: 100%
  }
}

.ticker__control--hidden {
  display: none
}

.ticker__controls {
  display: flex;
  gap: .5rem;
  margin-left: 0
}

@media(min-width: 768px) {
  .ticker__controls {
    margin-left: auto
  }
}

.ticker__controls svg {
  color: #5627e7
}

.ticker__item {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  font: var(--t-sans-sm-three);
  transform: translateX(-100vw)
}

.ticker__item:first-child {
  transform: translateX(0)
}

@media(min-width: 768px) {
  .ticker__item {
    flex-direction: row;
    align-items: center;
    height: 100%;
    font: var(--t-sans-xs)
  }
}

.ticker__item:first-child {
  position: relative
}

.ticker__item svg {
  margin-right: 0
}

.ticker__items {
  position: relative;
  height: 100%;
  margin-bottom: var(--s-vertical-xs);
  overflow: hidden;
  font: var(--t-sans-sm-three)
}

@media(min-width: 768px) {
  .ticker__items {
    flex: 1;
    margin-bottom: initial
  }
}

.ticker__progress {
  display: flex;
  gap: 1.25rem;
  width: 100%;
  margin-bottom: var(--s-vertical-xs)
}

@media(min-width: 768px) {
  .ticker__progress {
    display: none
  }
}

.ticker__separator {
  display: none
}

@media(min-width: 768px) {
  .ticker__separator {
    display: initial;
    width: 0;
    height: 1rem;
    margin: 0 1rem 0 1.375rem;
    border-right: 1px solid #fff
  }
}

.ticker__separator--large {
  height: 2.5rem;
  margin: 0 1.5rem;
  opacity: .4
}

.ticker__teaser {
  margin-bottom: .5rem
}

@media(min-width: 768px) {
  .ticker__teaser {
    margin-bottom: 0
  }
}

.ticker__teaser>* {
  display: inline
}

.ticker__teaser svg {
  height: .625rem;
  margin-bottom: .1em;
  margin-left: .625rem;
  font-size: unset
}

.ticker__title {
  margin-bottom: 1.625rem;
  font: var(--t-serif-sm--three)
}

@media(min-width: 768px) {
  .ticker__title {
    margin-bottom: 0
  }
}

.stats-hero {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in
}

.stats-hero__header {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%;
  padding-top: 2.5rem;
  position: relative
}

@media(min-width: 768px) {
  .stats-hero__header {
    max-width: 50%
  }
}

@media(min-width: 768px) {
  .stats-hero__header {
    padding-top: 3.875rem
  }
}

.stats-hero__content {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%;
  position: relative;
  width: 100vw;
  max-width: 100vw;
  min-height: auto;
  margin: 0 -0.875rem;
  border-radius: 0 0 12.5rem 0;
  color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

@media(min-width: 768px) {
  .stats-hero__content {
    max-width: 50%
  }
}

@media(min-width: 768px) {
  .stats-hero__content {
    width: 100%;
    min-height: 35rem;
    margin: 0;
    border-radius: 0 0 0 12.5rem
  }
}

.stats-hero__content--neutral-200 {
  color: #2a3544;
  background-color: #ededf1
}

.stats-hero__content--violet {
  background-color: #5627e7
}

.stats-hero__content--evergreen {
  background-color: #005738
}

.stats-hero__content--sun-yellow {
  color: #2a3544;
  background-color: #ffe805
}

.stats-hero__content--sky-blue {
  color: #2a3544;
  background-color: #38a8ff
}

.stats-hero__eyebrow {
  font: var(--t-serif-sm--three);
  margin-bottom: .5rem;
  color: #9292ad
}

@media(min-width: 768px) {
  .stats-hero__eyebrow {
    font-size: 1.7rem
  }
}

.stats-hero__title {
  margin-bottom: 2.5rem;
  color: #2a3544;
  font: var(--t-serif-md--two)
}

@media(min-width: 768px) {
  .stats-hero__title {
    font: var(--t-serif-lg--two)
  }
}

.stats-hero .dropdown {
  display: inline-block;
  width: auto;
  margin-bottom: 2.5rem
}

@media(min-width: 768px) {
  .stats-hero .dropdown {
    margin-bottom: .5rem
  }
}

.stats-hero .dropdown__button:focus .dropdown__button-text {
  color: #5627e7
}

.stats-hero .dropdown__button-text {
  margin-right: 2rem;
  font-weight: bold
}

.stats-hero .dropdown__menu {
  width: auto
}

.stats-hero .dropdown__option {
  white-space: nowrap
}

.stats-hero .fund-link {
  position: absolute;
  bottom: 2rem;
  padding-top: 1rem
}

@media(max-width: 767px) {
  .stats-hero .fund-link {
    position: relative
  }
}

.stats-hero__grid-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin: 2.5rem 1.25rem 0 1.25rem
}

@media(min-width: 768px) {
  .stats-hero__grid-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 2.5rem .5rem 0 .5rem
  }
}

@media(min-width: 992px) {
  .stats-hero__grid-grid {
    margin: 2.5rem 1.875rem 0 1.875rem
  }
}

@media(min-width: 1200px) {
  .stats-hero__grid-grid {
    margin: 3.25rem 4.875rem 0 4.875rem
  }
}

.stats-hero__grid-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin: 2.5rem 1.25rem 0 1.25rem
}

@media(min-width: 768px) {
  .stats-hero__grid-list {
    margin: 9.375rem auto 0
  }
}

.stats-hero__grid-date {
  position: relative;
  margin-right: 2rem;
  margin-bottom: 2.5rem;
  padding-right: 1.25rem;
  color: #e3e3ec;
  font: var(--t-sans-xs);
  line-height: 1.2
}

@media(min-width: 768px) {
  .stats-hero__grid-date {
    text-align: right
  }
}

@media(min-width: 768px) {
  .stats-hero__grid-list .stats-hero__grid-date {
    position: absolute;
    max-width: 70%;
    margin: 0;
    padding: 0;
    inset: auto 2rem 1.5rem auto
  }
}

@media(min-width: 1200px) {
  .stats-hero__grid-list .stats-hero__grid-date {
    max-width: 75%
  }
}

@media(min-width: 768px) {
  .stats-hero__grid-grid .stats-hero__grid-date {
    grid-column: 1/-1;
    margin: .5rem 0 1rem .5rem;
    padding: 0 0 0 4.6875rem
  }
}

@media(min-width: 992px) {
  .stats-hero__grid-grid .stats-hero__grid-date {
    padding: 0 0 0 3.125rem;
    transform: translateX(0.5625rem)
  }
}

@media(min-width: 1200px) {
  .stats-hero__grid-grid .stats-hero__grid-date {
    padding: 0;
    transform: translateX(3.5625rem)
  }
}

[class*="--neutral-200"] .stats-hero__grid-date,
[class*="--sun-yellow"] .stats-hero__grid-date,
[class*="--sky-blue"] .stats-hero__grid-date {
  color: #2a3544
}

.stats-hero__grid-item-amount {
  margin-top: 1rem;
  padding-right: 1rem;
  overflow: hidden;
  font: var(--t-serif-sm--one);
  overflow-wrap: break-word
}

@media(min-width: 768px) {
  .stats-hero__grid-item-amount {
    margin-top: .5rem;
    padding-right: 0
  }
}

.stats-hero__grid-item-label {
  font: var(--t-sans-sm--two)
}

.stats-hero__grid-item-date {
  color: #e3e3ec;
  font: var(--t-sans-xs)
}

[class*="--neutral-200"] .stats-hero__grid-item-date,
[class*="--sun-yellow"] .stats-hero__grid-item-date,
[class*="--sky-blue"] .stats-hero__grid-item-date {
  color: #2a3544
}

.stats-hero__grid-grid .stats-hero__grid-item {
  display: grid;
  grid-template-rows: 1fr minmax(0, auto);
  align-content: center;
  min-height: 14.25rem;
  padding: 0 .5rem;
  text-align: center;
  row-gap: 0
}

.stats-hero__grid-grid .stats-hero__grid-item:nth-child(odd) {
  border-right: 1px solid #ededf1
}

[class*="--neutral-200"] .stats-hero__grid-grid .stats-hero__grid-item:nth-child(odd),
[class*="--sun-yellow"] .stats-hero__grid-grid .stats-hero__grid-item:nth-child(odd),
[class*="--sky-blue"] .stats-hero__grid-grid .stats-hero__grid-item:nth-child(odd) {
  border-right: 1px solid #2a3544
}

.stats-hero__grid-grid .stats-hero__grid-item:not(:nth-last-child(-n+3)) {
  border-bottom: 1px solid #ededf1
}

[class*="--neutral-200"] .stats-hero__grid-grid .stats-hero__grid-item:not(:nth-last-child(-n+3)),
[class*="--sun-yellow"] .stats-hero__grid-grid .stats-hero__grid-item:not(:nth-last-child(-n+3)),
[class*="--sky-blue"] .stats-hero__grid-grid .stats-hero__grid-item:not(:nth-last-child(-n+3)) {
  border-bottom: 1px solid #2a3544
}

@media(max-width: 767px) {
  .stats-hero__grid-grid .stats-hero__grid-item {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
    height: auto;
    margin-bottom: 1.5rem;
    border: 0 !important;
    text-align: left
  }

  .stats-hero__grid-grid .stats-hero__grid-item:last-child {
    margin-bottom: 0
  }

  .stats-hero__grid-grid .stats-hero__grid-item-amount {
    grid-row: span 2;
    font: var(--t-serif-md--three)
  }

  .stats-hero__grid-grid .stats-hero__grid-item-label {
    align-self: end;
    margin: .5rem 0 .25rem .625rem;
    font: var(--t-sans-sm--two)
  }

  .stats-hero__grid-grid .stats-hero__grid-item-date {
    align-self: flex-end;
    margin-bottom: 1rem;
    margin-left: .625rem;
    font: var(--t-sans-xs)
  }
}

.stats-hero__grid-grid .stats-hero__grid-item-amount {
  font-size: 2.1875rem;
  line-height: 1.2
}

@media(min-width: 768px)and (max-width: 1279px) {
  .stats-hero__grid-grid .stats-hero__grid-item-amount {
    font-size: 1.875rem
  }
}

.stats-hero__grid-grid .stats-hero__grid-item-date {
  margin-top: 0;
  padding-bottom: 1rem
}

.stats-hero__grid-list .stats-hero__grid-item {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  height: auto;
  margin-bottom: 1.5rem;
  border: 0 !important;
  text-align: left;
  grid-template-columns: repeat(2, 1fr)
}

.stats-hero__grid-list .stats-hero__grid-item:last-child {
  margin-bottom: 0
}

.stats-hero__grid-list .stats-hero__grid-item-amount {
  grid-row: span 2;
  font: var(--t-serif-md--three)
}

.stats-hero__grid-list .stats-hero__grid-item-label {
  align-self: end;
  margin: .5rem 0 .25rem .625rem;
  font: var(--t-sans-sm--two)
}

.stats-hero__grid-list .stats-hero__grid-item-date {
  align-self: flex-end;
  margin-bottom: 1rem;
  margin-left: .625rem;
  font: var(--t-sans-xs)
}

@media(min-width: 768px) {
  .stats-hero__grid-list .stats-hero__grid-item {
    grid-template-columns: repeat(1, 37fr 63fr);
    max-height: 5rem;
    margin-bottom: 1rem
  }
}

@media(min-width: 1200px) {
  .stats-hero__grid-list .stats-hero__grid-item {
    margin-bottom: 1.5rem
  }
}

.stats-hero__grid-list .stats-hero__grid-item-amount {
  margin-right: .625rem;
  text-align: left
}

@media(min-width: 768px) {
  .stats-hero__grid-list .stats-hero__grid-item-amount {
    margin-right: 0;
    font: var(--t-serif-md--two);
    text-align: right
  }
}

.stats-hero__grid-list .stats-hero__grid-item-date {
  align-self: self-start
}

.stats-hero__grid-list .stats-hero__grid-item-label {
  margin-top: 1.25rem
}

.stats-hero__grid-list .stats-hero__grid-item-label,
.stats-hero__grid-list .stats-hero__grid-item-date {
  margin-left: .625rem;
  padding-right: 0
}

@media(min-width: 768px) {

  .stats-hero__grid-list .stats-hero__grid-item-label,
  .stats-hero__grid-list .stats-hero__grid-item-date {
    margin-left: 1.25rem;
    padding-right: 1.25rem
  }
}

.stats-hero__grid-grid .stats-hero__amount-label {
  display: contents
}

@media(min-width: 768px) {
  .stats-hero__grid-grid .stats-hero__amount-label {
    display: grid;
    place-content: center;
    row-gap: .5rem
  }
}

.stats-hero__grid-list .stats-hero__amount-label {
  display: contents
}

.abbreviated-carousel {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  background: var(--c-neutral--100)
}

@media(min-width: 768px) {
  .abbreviated-carousel h2 {
    font: var(--t-serif-md--three-plus)
  }
}

@media(min-width: 768px) {
  .abbreviated-carousel {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem
  }
}

.abbreviated-carousel--static {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  justify-content: center
}

@media(max-width: 767px) {
  .abbreviated-carousel--static {
    margin-left: 0
  }
}

@media(min-width: 768px) {
  .abbreviated-carousel--static {
    flex-wrap: nowrap
  }
}

.abbreviated-carousel__eyebrow {
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--one)
}

.abbreviated-carousel__container {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in
}

@media(min-width: 768px) {
  .abbreviated-carousel__container {
    flex-wrap: nowrap
  }
}

.abbreviated-carousel__container>section {
  width: 100%;
  min-height: .0625rem
}

.abbreviated-carousel__container>section:nth-child(1) {
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem
}

@media(min-width: 768px) {
  .abbreviated-carousel__container>section:nth-child(1) {
    max-width: 25%
  }
}

@media(max-width: 767px) {
  .abbreviated-carousel__container>section:nth-child(1) {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .abbreviated-carousel__container>section:nth-child(1) {
    flex-shrink: 0;
    gap: 1.5rem
  }
}

@media(min-width: 768px) {
  .abbreviated-carousel__container>section:nth-child(2) {
    margin-left: 16.6666666667%;
    display: table;
    overflow: hidden
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .abbreviated-carousel__container>section:nth-child(2) {
    margin-left: 8.3333333333%
  }
}

@media(max-width: 767px) {
  .abbreviated-carousel__container>section h2 {
    margin-bottom: 1.5rem;
    font: var(--t-serif-sm--one)
  }
}

.abbreviated-carousel__carousel {
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

@media(min-width: 768px) {
  .abbreviated-carousel__carousel {
    gap: 1.25rem
  }
}

.abbreviated-carousel__disclaimer {
  color: var(--c-neutral--700);
  font: var(--t-sans-semibold-xs);
  font-weight: 400
}

.abbreviated-carousel__footer-container {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  gap: 1.5rem;
  justify-content: flex-start
}

@media(min-width: 768px) {
  .abbreviated-carousel__footer-container {
    gap: 1.25rem
  }
}

.abbreviated-carousel--strategy .abbreviated-carousel__slide {
  width: 17.3125rem
}

@media(min-width: 768px) {
  .abbreviated-carousel--strategy .abbreviated-carousel__slide {
    width: 22rem
  }
}

.abbreviated-carousel__slide {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 19.375rem;
  max-width: calc(100vw - 3rem)
}

.abbreviated-carousel__slide>.card {
  width: 100%;
  max-width: 100%
}

@media(min-width: 768px) {
  .abbreviated-carousel__slide {
    gap: 1.5rem;
    width: 22rem
  }
}

.abbreviated-carousel__slides {
  position: relative;
  left: 0;
  display: flex;
  gap: 1.25rem;
  width: fit-content;
  transition: left .3s
}

.abbreviated-carousel__footer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

@media(min-width: 768px) {
  .abbreviated-carousel__footer {
    flex-direction: row-reverse;
    gap: 1.875rem
  }
}

@media(min-width: 768px) {
  .abbreviated-carousel__footer.abbreviated-carousel__footer--mobile-only {
    display: none
  }
}

.abbreviated-carousel__controls {
  display: flex;
  gap: .5rem
}

.abbreviated-carousel__control {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  background: var(--c-neutral)
}

.abbreviated-carousel__control.abbreviated-carousel__control--hidden {
  display: none
}

.abbreviated-carousel__control:disabled svg {
  color: var(--c-neutral--400)
}

.abbreviated-carousel__bars-container {
  display: flex;
  align-items: center;
  width: 100%
}

.abbreviated-carousel__slide-bar {
  flex: 1;
  height: .0625rem;
  background: var(--c-neutral--400)
}

.abbreviated-carousel__progress-bar {
  width: 0;
  height: 100%;
  background: var(--c-primary)
}

.abbreviated-carousel__progress-bar--active {
  width: 100%
}

.homepage-hero {
  --homepage-hero-background: "";
  --homepage-hero-color: var(--c-neutral);
  --homepage-hero-color-dark: var(--c-neutral--900);
  --carousel-slide-duration-ms: 5000ms;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  background: var(--homepage-hero-background);
  background-position: center bottom;
  background-size: cover;
  position: relative
}

@media(min-width: 768px) {
  .homepage-hero {
    padding-top: 6.25rem;
    padding-bottom: 5.9375rem
  }
}

.homepage-hero__container {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  position: relative;
  z-index: 1
}

@media(min-width: 768px) {
  .homepage-hero__container {
    flex-wrap: nowrap
  }
}

.homepage-hero__container>section {
  width: 100%;
  min-height: .0625rem
}

.homepage-hero__container>section:nth-child(1) {
  max-width: 83.3333333333%
}

@media(min-width: 768px) {
  .homepage-hero__container>section:nth-child(1) {
    max-width: 41.6666666667%
  }
}

@media(max-width: 767px) {
  .homepage-hero__container>section:nth-child(1) {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .homepage-hero__container>section:nth-child(1) {
    flex-shrink: 0
  }
}

@media(min-width: 768px) {
  .homepage-hero__container>section:nth-child(2) {
    margin-left: 16.6666666667%;
    display: table;
    overflow: hidden
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .homepage-hero__container>section:nth-child(2) {
    margin-left: 8.3333333333%
  }
}

.homepage-hero video {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.homepage-hero--dark .homepage-hero__progress-bar {
  background: var(--homepage-hero-color-dark)
}

.homepage-hero--dark .homepage-hero__texts {
  color: var(--homepage-hero-color-dark)
}

.homepage-hero--dark .homepage-hero__texts h1 {
  color: var(--homepage-hero-color-dark)
}

.homepage-hero__texts {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
  padding: 0 1.25rem 1.5rem 0;
  padding-bottom: 1.5rem;
  color: var(--homepage-hero-color);
  font: var(--t-sans-md);
  letter-spacing: .00625rem;
  letter-spacing: .00625rem
}

@media(min-width: 768px) {
  .homepage-hero__texts {
    justify-content: center;
    height: 100%;
    padding: 0 1.25rem 1.5rem
  }
}

.homepage-hero__texts h1 {
  color: var(--homepage-hero-color);
  font: var(--t-serif-sm--one)
}

@media(min-width: 768px) {
  .homepage-hero__texts h1 {
    font: var(--t-serif-lg--two)
  }
}

.homepage-hero__texts__cta {
  padding-top: 1rem
}

.homepage-hero__carousel {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: center;
  overflow: visible
}

@media(min-width: 768px) {
  .homepage-hero__carousel {
    gap: 2.5rem
  }
}

.homepage-hero__slide {
  width: 19.375rem
}

@media(min-width: 768px) {
  .homepage-hero__slide {
    width: 22rem
  }
}

.homepage-hero__slide>.card {
  width: 100%;
  max-width: 100%
}

.homepage-hero__slides {
  position: relative;
  left: 0;
  display: flex;
  gap: 1.25rem;
  width: fit-content;
  transition: left .3s
}

.homepage-hero__footer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 0 1.25rem 0 0
}

@media(min-width: 768px) {
  .homepage-hero__footer {
    flex-direction: row-reverse;
    gap: 1.875rem;
    width: calc(50vw - 1.25rem);
    max-width: 700px;
    padding-right: 2.5rem
  }
}

.homepage-hero__controls {
  display: flex;
  gap: .5rem;
  margin-bottom: .3125rem
}

.homepage-hero__control {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  background: var(--c-neutral)
}

.homepage-hero__control.homepage-hero__control--hidden {
  display: none
}

.homepage-hero__control svg {
  color: var(--c-primary)
}

.homepage-hero__control:disabled svg {
  color: var(--c-neutral--400)
}

.homepage-hero__bars-container {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: .3125rem
}

.homepage-hero__bars-container--autorotate {
  gap: 1.25rem
}

.homepage-hero__slide-bar {
  flex: 1;
  height: .0625rem;
  background: var(--c-neutral--600)
}

.homepage-hero__progress-bar {
  width: 0;
  height: 100%;
  background: var(--c-neutral);
  animation-play-state: paused
}

.homepage-hero__progress-bar--active {
  width: 100%;
  animation-play-state: running
}

.homepage-hero__progress-bar--autorotate {
  animation-name: progress-bar;
  animation-duration: var(--carousel-slide-duration-ms);
  animation-timing-function: linear
}

@keyframes progress-bar {
  from {
    width: 0
  }

  to {
    width: 100%
  }
}

.grid-50-50 {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  justify-content: space-between
}

@media(min-width: 768px)and (max-width: 991px) {
  .grid-50-50 {
    flex-wrap: nowrap
  }
}

.grid-50-50__grid {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%;
  position: relative;
  padding-top: 3rem
}

@media(min-width: 768px) {
  .grid-50-50__grid {
    max-width: 50%
  }
}

@media(min-width: 768px)and (max-width: 991px) {
  .grid-50-50__grid {
    max-width: 116.6666666667%
  }
}

@media(min-width: 768px)and (max-width: 991px)and (min-width: 768px) {
  .grid-50-50__grid {
    max-width: 58.3333333333%
  }
}

@media(min-width: 768px) {
  .grid-50-50__grid {
    padding-top: 5rem
  }
}

.grid-50-50__intro {
  width: 100%;
  min-height: .0625rem;
  position: relative;
  padding-top: 2.5rem
}

@media(min-width: 768px) {
  .grid-50-50__intro {
    padding-top: 5rem;
    max-width: 83.3333333333%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .grid-50-50__intro {
    max-width: 41.6666666667%
  }
}

.grid-50-50__intro {
  padding-bottom: 3.125rem
}

@media(max-width: 767px) {
  .grid-50-50__intro {
    padding-bottom: 0
  }
}

.grid-50-50__intro-content {
  position: sticky;
  top: calc(var(--js-s-header-height, 150px) + var(--s-in-page-nav-sticky-height, 0px) + 24px)
}

.grid-50-50__grid-content {
  width: 100%;
  margin-left: unset
}

.grid-50-50__title {
  color: #2a3544;
  font: var(--t-serif-sm--one)
}

@media(min-width: 768px) {
  .grid-50-50__title {
    font: var(--t-serif-md--three-plus)
  }
}

.grid-50-50__subtitle {
  margin-bottom: 1rem;
  color: #646984;
  font: var(--t-sans-sm--one)
}

@media(min-width: 768px) {
  .grid-50-50__subtitle {
    margin-bottom: 1.5rem
  }
}

.grid-50-50__description {
  margin-top: 1rem;
  color: #646984;
  font: var(--t-sans-md)
}

@media(min-width: 768px) {
  .grid-50-50__description {
    margin-top: 1.5rem
  }
}

.grid-50-50__cta {
  margin-top: 1rem
}

@media(min-width: 768px) {
  .grid-50-50__cta {
    margin-top: 2.5rem
  }
}

.grid-50-50__links {
  margin-top: 1rem
}

@media(min-width: 768px) {
  .grid-50-50__links {
    margin-top: 2.5rem
  }
}

.grid-50-50__links .score-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 0;
  white-space: normal
}

.grid-50-50__links .score-button:hover {
  color: var(--c-primary);
  text-decoration: underline
}

.grid-50-50__links .score-button svg {
  color: inherit
}

.grid-50-50--flipped {
  flex-direction: row-reverse
}

.grid-50-50--flipped .grid-50-50__grid {
  display: flex;
  justify-content: flex-end
}

@media(max-width: 767px) {
  .grid-50-50--flipped .grid-50-50__grid {
    justify-content: flex-start
  }
}

@media(max-width: 1050px) {
  .grid-50-50--flipped .grid-50-50__grid {
    justify-content: flex-start
  }
}

@media(min-width: 768px)and (max-width: 991px) {
  .grid-50-50--flipped .grid-50-50__grid {
    flex: 1
  }
}

@media(max-width: 1050px) {
  .grid-50-50--data-points .grid-50-50__intro {
    padding-top: 2.5rem
  }

  .grid-50-50--data-points .grid-50-50__grid {
    padding-top: 0
  }
}

@media(max-width: 767px) {
  .grid-50-50--data-points .grid-50-50__intro {
    padding-bottom: 2.5rem
  }
}

.grid-cards {
  display: flex;
  flex-wrap: wrap
}

.grid-50-50--flipped .grid-cards {
  justify-content: flex-end
}

.grid-cards__card {
  display: inline-block;
  width: calc(50% - .625rem);
  margin-right: .625rem;
  margin-bottom: 1rem
}

@media(min-width: 768px) {
  .grid-cards__card {
    margin-bottom: 2.75rem
  }
}

.grid-cards__card:nth-child(2n) {
  margin-right: 0;
  margin-left: .625rem
}

.grid-cards__card .card__image {
  width: auto;
  max-width: 16.1875rem;
  height: auto;
  max-height: 16.1875rem;
  aspect-ratio: 1/1
}

.data-points {
  min-width: 31.5625rem
}

@media(min-width: 768px)and (max-width: 991px) {
  .data-points {
    min-width: 25rem
  }
}

@media(max-width: 575px) {
  .data-points {
    min-width: auto;
    margin: 0 .625rem
  }
}

.data-points__item {
  display: inline-block;
  width: calc(50% - .1875rem);
  min-width: 15.625rem;
  height: 12.5rem;
  padding: 2.5rem 2rem;
  color: #180945;
  font: var(--t-sans-semibold-sm--two);
  vertical-align: top
}

@media(max-width: 575px) {
  .data-points__item {
    width: calc(100vw - 3.125rem);
    height: auto;
    padding: 1.25rem 0
  }
}

@media(min-width: 768px)and (max-width: 991px) {
  .data-points__item {
    width: 12.5rem;
    min-width: 12.5rem
  }
}

.data-points__item strong {
  display: block;
  margin-bottom: .5rem;
  color: #5627e7;
  font: var(--t-serif-md--two)
}

.data-points__footer {
  padding: 2.5rem 0;
  color: #646984;
  font: var(--t-sans-xs)
}

@media(min-width: 576px) {
  .data-points__item {
    border-right: 1px solid #d2d2dd;
    border-bottom: 1px solid #d2d2dd
  }

  .data-points__item:nth-child(even) {
    margin-left: -0.25rem;
    border-right: none
  }

  .data-points__item:nth-last-child(2),
  .data-points__item:nth-last-child(3) {
    border-bottom: none
  }
}

@media(max-width: 575px) {
  .data-points__item {
    border-bottom: 1px solid #d2d2dd
  }
}

.fullwidth-carousel {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem
}

@media(min-width: 768px) {
  .fullwidth-carousel h2 {
    font: var(--t-serif-md--three-plus)
  }
}

@media(min-width: 768px) {
  .fullwidth-carousel {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem
  }
}

.fullwidth-carousel--title-large {
  background: var(--c-neutral--100)
}

@media(min-width: 768px) {
  .fullwidth-carousel.fullwidth-carousel--title-large section:nth-child(1)>h2 {
    font: var(--t-serif-md--one)
  }
}

@media(max-width: 767px) {
  .fullwidth-carousel.fullwidth-carousel--title-large section:nth-child(1)>h2 {
    margin-bottom: 2.5rem
  }
}

.fullwidth-carousel--with-cover .fullwidth-carousel__slide:first-child:nth-last-child(2),
.fullwidth-carousel--with-cover .fullwidth-carousel__slide:first-child:nth-last-child(3) {
  display: none
}

@media(min-width: 768px) {

  .fullwidth-carousel--with-cover .fullwidth-carousel__slide:first-child:nth-last-child(2),
  .fullwidth-carousel--with-cover .fullwidth-carousel__slide:first-child:nth-last-child(3) {
    display: block
  }
}

.fullwidth-carousel--static {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem
}

@media(max-width: 767px) {
  .fullwidth-carousel--static {
    margin-left: 0
  }
}

@media(min-width: 768px) {
  .fullwidth-carousel--static {
    flex-wrap: nowrap
  }
}

.fullwidth-carousel--static>div>* {
  height: 100%
}

.fullwidth-carousel__eyebrow {
  display: block;
  margin-bottom: 1rem;
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--one)
}

@media(min-width: 768px) {
  .fullwidth-carousel__eyebrow {
    margin-bottom: 1.5rem
  }
}

.fullwidth-carousel__container {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in
}

@media(min-width: 768px) {
  .fullwidth-carousel__container {
    gap: 2.5rem
  }
}

.fullwidth-carousel__container>section {
  width: 100%;
  min-height: .0625rem
}

.fullwidth-carousel__container>section:nth-child(1) {
  max-width: 116.6666666667%
}

@media(min-width: 768px) {
  .fullwidth-carousel__container>section:nth-child(1) {
    max-width: 58.3333333333%
  }
}

@media(max-width: 767px) {
  .fullwidth-carousel__container>section:nth-child(1) {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .fullwidth-carousel__container>section:nth-child(1) {
    flex-shrink: 0
  }
}

@media(min-width: 768px) {
  .fullwidth-carousel__container>section:nth-child(2) {
    display: table;
    overflow: hidden
  }
}

@media(max-width: 767px) {
  .fullwidth-carousel__container>section h2 {
    margin-bottom: 1.5rem;
    font: var(--t-serif-sm--one)
  }
}

.fullwidth-carousel__carousel {
  display: flex;
  flex-direction: column;
  gap: 3rem
}

@media(min-width: 768px) {
  .fullwidth-carousel__carousel {
    gap: 2.5rem
  }
}

.fullwidth-carousel__carousel .fullwidth-carousel__disclaimer {
  margin-top: 0
}

.fullwidth-carousel__disclaimer {
  margin-top: 1.5rem;
  color: var(--c-neutral--700);
  font: var(--t-sans-semibold-xs);
  font-weight: 400
}

@media(min-width: 768px) {
  .fullwidth-carousel__disclaimer {
    margin-top: 2.5rem
  }
}

.fullwidth-carousel__footer-container {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  gap: 1.5rem;
  justify-content: flex-start
}

@media(min-width: 768px) {
  .fullwidth-carousel__footer-container {
    gap: 1.25rem
  }
}

@media(min-width: 768px) {
  .fullwidth-carousel__footer.fullwidth-carousel__footer--mobile-only {
    display: none
  }
}

@media(min-width: 768px) {
  .fullwidth-carousel__footer.fullwidth-carousel__footer--group {
    gap: 1rem
  }

  .fullwidth-carousel__footer.fullwidth-carousel__footer--group .fullwidth-carousel__bars-container {
    display: none
  }
}

@media(min-width: 768px) {
  .fullwidth-carousel__footer--short {
    flex-wrap: nowrap;
    gap: 0
  }
}

.fullwidth-carousel--strategy .fullwidth-carousel__slide {
  width: 17.3125rem
}

@media(min-width: 768px) {
  .fullwidth-carousel--strategy .fullwidth-carousel__slide {
    width: 22rem
  }
}

.fullwidth-carousel__slide {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 19.375rem;
  max-width: calc(100vw - 3rem)
}

.fullwidth-carousel__slide>.card {
  width: 100%;
  max-width: 100%
}

@media(min-width: 768px) {
  .fullwidth-carousel__slide {
    gap: 1.5rem;
    width: 22rem
  }
}

.fullwidth-carousel__slide>.card:not(.strategy-card) {
  height: 100%
}

.fullwidth-carousel__slides {
  position: relative;
  left: 0;
  display: flex;
  gap: 1.25rem;
  width: fit-content;
  transition: left .3s
}

.fullwidth-carousel__footer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

@media(max-width: 767px) {
  .fullwidth-carousel__footer {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .fullwidth-carousel__footer {
    flex-direction: row-reverse;
    gap: 1.875rem;
    align-items: center
  }
}

.fullwidth-carousel__controls {
  display: flex;
  gap: .5rem
}

.fullwidth-carousel__control {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  background: var(--c-neutral)
}

.fullwidth-carousel__control.fullwidth-carousel__control--hidden {
  display: none
}

.fullwidth-carousel__control:disabled svg {
  color: var(--c-neutral--400)
}

.fullwidth-carousel__bars-container {
  display: flex;
  align-items: center;
  width: 100%
}

.fullwidth-carousel__slide-bar {
  flex: 1;
  height: .0625rem;
  background: var(--c-neutral--400)
}

.fullwidth-carousel__progress-bar {
  width: 0;
  height: 100%;
  background: var(--c-primary)
}

.fullwidth-carousel__progress-bar--active {
  width: 100%
}

.fullwidth-carousel__progress-group {
  display: none
}

@media(min-width: 768px) {
  .fullwidth-carousel__progress-group {
    display: block;
    width: 100%;
    font: var(--t-sans-sm--two)
  }
}

.marquee {
  align-items: center;
  max-width: 90rem;
  padding-top: 2.5rem;
  padding-bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in
}

@media(min-width: 768px) {
  .marquee {
    padding-bottom: 2.5rem
  }

  .marquee--flipped {
    flex-direction: row-reverse
  }
}

.marquee__intro {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%
}

@media(min-width: 768px) {
  .marquee__intro {
    max-width: 50%
  }
}

.marquee--small .marquee__intro {
  max-width: 133.3333333333%
}

@media(min-width: 768px) {
  .marquee--small .marquee__intro {
    max-width: 66.6666666667%
  }
}

@media(max-width: 767px) {
  .marquee__intro {
    position: relative
  }
}

@media(min-width: 768px) {
  .marquee__intro {
    position: sticky;
    top: calc(var(--js-s-header-height, 150px) + var(--s-in-page-nav-sticky-height, 0px) + 24px)
  }
}

.marquee--flipped .marquee__intro-content {
  padding-left: 3.125rem
}

@media(max-width: 767px) {
  .marquee--flipped .marquee__intro-content {
    padding-left: 0
  }
}

.marquee__image {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%
}

@media(min-width: 768px) {
  .marquee__image {
    max-width: 50%
  }
}

.marquee--small .marquee__image {
  max-width: 66.6666666667%
}

@media(min-width: 768px) {
  .marquee--small .marquee__image {
    max-width: 33.3333333333%
  }
}

@media(max-width: 767px) {
  .marquee__image {
    margin-top: 5rem
  }

  .marquee--small .marquee__image {
    max-width: 100%
  }
}

@media(max-width: 767px)and (min-width: 768px) {
  .marquee--small .marquee__image {
    max-width: 50%
  }
}

.marquee--flipped .marquee__image-content {
  padding-right: 4.0625rem
}

@media(max-width: 767px) {
  .marquee--flipped .marquee__image-content {
    padding-right: 0
  }
}

.marquee__eyebrow {
  margin-bottom: 1.5rem;
  color: #646984;
  font: var(--t-sans-sm--one)
}

.marquee--small .marquee__eyebrow {
  margin-bottom: 1rem
}

@media(max-width: 767px) {
  .marquee__eyebrow {
    margin-bottom: .5rem
  }

  .marquee--small .marquee__eyebrow {
    margin-bottom: .5rem
  }
}

.marquee__title {
  color: #2a3544;
  font: var(--t-serif-sm--one)
}

.marquee--small .marquee__title {
  font: var(--t-serif-sm--one)
}

@media(min-width: 768px) {
  .marquee__title {
    font: var(--t-serif-md--three-plus)
  }
}

.marquee__description {
  margin-top: 1.5rem;
  color: #646984;
  font: var(--t-sans-md)
}

.marquee--small .marquee__description {
  margin-top: 1rem
}

@media(max-width: 767px) {
  .marquee__description {
    margin-top: .5rem
  }

  .marquee--small .marquee__description {
    margin-top: .5rem
  }
}

.marquee__cta {
  margin-top: 1.25rem
}

@media(max-width: 767px) {
  .marquee__cta {
    margin-top: 1.5rem
  }
}

.marquee__cta a {
  margin: 1.25rem 1.25rem 0 0
}

.marquee__cta a.score-button.primary {
  height: 2.5rem
}

@media(max-width: 767px) {
  .marquee__cta a {
    display: block;
    margin-top: 1rem;
    margin-left: 0
  }
}

.find-a-product {
  background-color: var(--c-neutral--100)
}

.find-a-product .find-a-product__container {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  padding-top: 2.5rem;
  padding-bottom: 3.75rem
}

@media(min-width: 768px) {
  .find-a-product .find-a-product__container {
    min-height: 18.5rem;
    padding-top: 4rem;
    padding-bottom: 5rem
  }
}

.find-a-product__header {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%
}

@media(min-width: 768px) {
  .find-a-product__header {
    max-width: 100%
  }
}

.find-a-product__header h2 {
  color: var(--c-neutral--900);
  font: var(--t-serif-sm--one)
}

@media(min-width: 768px) {
  .find-a-product__header h2 {
    font: var(--t-serif-md--two)
  }
}

.find-a-product__search-field {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%;
  position: relative;
  margin-top: 3rem
}

@media(min-width: 768px) {
  .find-a-product__search-field {
    max-width: 50%
  }
}

@media(min-width: 768px) {
  .find-a-product__search-field:nth-child(1) {
    padding-right: 2.5rem
  }
}

.find-a-product__error-message {
  margin-bottom: -1.625rem
}

.find-a-product__search-input {
  height: 3.25rem;
  border-bottom: 1px solid var(--c-primary)
}

.find-a-product__search-input input,
.find-a-product__search-input select {
  box-sizing: content-box;
  width: calc(100% - 2.5rem);
  padding: 0;
  border: none;
  color: var(--c-neutral--700);
  line-height: 2rem;
  background: rgba(0, 0, 0, 0);
  outline: none
}

.find-a-product__search-input input::placeholder,
.find-a-product__search-input select::placeholder {
  color: var(--c-neutral--700);
  transition: all 200ms
}

.find-a-product__search-input .hide-placeholder::placeholder {
  opacity: .25
}

.find-a-product__search-input input::-webkit-search-cancel-button {
  width: 1.625rem;
  height: 1.625rem;
  margin-top: .25rem;
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 16 16%27%3E%3Cpath d=%27M8 .7 7.3 0 4 3.3.7 0 0 .7 3.3 4 0 7.3l.7.7L4 4.7 7.3 8l.7-.7L4.7 4 8 .7Z%27 fill=%27currentColor%27 /%3E%3C/svg%3E");
  cursor: pointer;
  appearance: none
}

.find-a-product__search-input input::-webkit-search-cancel-button:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 16 16%27%3E%3Cpath d=%27M8 .7 7.3 0 4 3.3.7 0 0 .7 3.3 4 0 7.3l.7.7L4 4.7 7.3 8l.7-.7L4.7 4 8 .7Z%27 fill=%27%235627e7%27 /%3E%3C/svg%3E")
}

.find-a-product__search-input svg {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%)
}

.find-a-product .dropdown {
  margin: 0
}

.find-a-product .dropdown label {
  display: none
}

.find-a-product .dropdown__button-text {
  color: var(--c-neutral--700)
}

.find-a-product .dropdown__button:not(.dropdown__button--error) {
  border-color: var(--c-primary)
}

@media(min-width: 768px) {
  .find-a-product .dropdown__button.dropdown__button--error::after {
    inset: auto 2.5rem .875rem auto
  }
}

.find-a-product .dropdown__icon svg {
  position: relative;
  top: .125rem;
  right: .5rem
}

@media(min-width: 768px) {
  .find-a-product .dropdown__icon svg {
    position: relative;
    top: .5rem
  }
}

.find-a-product__actions {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%;
  margin-top: 3rem
}

@media(min-width: 768px) {
  .find-a-product__actions {
    max-width: 50%
  }
}

.content-lockup {
  display: flex;
  flex-direction: column
}

.content-lockup .lockup__heading {
  margin-bottom: 1.5rem;
  color: var(--c-primary);
  font: var(--t-serif-md--two)
}

.dark-background .content-lockup .lockup__heading {
  color: var(--c-neutral)
}

.content-lockup svg {
  width: 100%;
  max-width: 3.75rem;
  height: 100%;
  max-height: 3.75rem;
  margin-bottom: 1.5rem;
  color: var(--c-primary)
}

.content-lockup svg use {
  width: 100%;
  height: 100%
}

.content-lockup svg+.lockup__title {
  margin-bottom: .5rem
}

.dark-background .content-lockup svg {
  color: var(--c-neutral)
}

.content-lockup .lockup__title {
  margin-bottom: 1rem;
  color: var(--c-neutral--900);
  font: var(--t-sans-semibold-lg)
}

.content-lockup .lockup__title+.lockup__content p:only-of-type {
  margin-top: 0
}

.dark-background .content-lockup .lockup__title {
  color: var(--c-neutral)
}

.content-lockup .lockup__subtitle {
  color: #646984;
  font: var(--t-sans-sm--two)
}

.content-lockup .lockup__content {
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--one)
}

.content-lockup .lockup__content ul {
  margin: 0
}

.content-lockup .lockup__content ul li {
  color: var(--c-neutral--700)
}

.content-lockup .lockup__content ul li span {
  font: var(--t-sans-semibold-sm--one)
}

.content-lockup .lockup__content ul li:before {
  display: none
}

.content-lockup .lockup__content ul li p:only-of-type {
  margin-top: 0
}

.dark-background .content-lockup .lockup__content ul li {
  color: var(--c-neutral)
}

.content-lockup .lockup__content ul:last-of-type {
  margin-top: 4.5rem;
  margin-bottom: 0
}

.content-lockup .lockup__content ul:last-of-type+p:only-of-type {
  margin-top: 4.5rem
}

.content-lockup .lockup__content ul:only-of-type {
  margin-top: 0
}

.content-lockup .lockup__content p:only-of-type {
  margin-top: 0
}

.content-lockup .lockup__content p+p {
  margin-top: .5rem
}

.content-lockup .lockup__content p span {
  margin-right: .5rem;
  font: var(--t-sans-semibold-sm--one)
}

.content-lockup .lockup__content a {
  margin-top: .5rem
}

.dark-background .content-lockup .lockup__content a {
  color: var(--c-neutral)
}

.content-lockup .lockup__content a[href^="tel:"] {
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--one);
  text-decoration: none
}

.content-lockup .lockup__content a[href^="tel:"]:hover,
.content-lockup .lockup__content a[href^="tel:"]:focus-visible {
  color: var(--c-neutral--700);
  text-decoration: none
}

.dark-background .content-lockup .lockup__content a[href^="tel:"] {
  color: var(--c-neutral)
}

.content-lockup .lockup__content a[href^="mailto:"] {
  color: var(--c-primary);
  font: var(--t-sans-sm--one);
  text-decoration: underline;
  text-underline-offset: .25rem
}

.dark-background .content-lockup .lockup__content a[href^="mailto:"] {
  color: var(--c-neutral)
}

.content-lockup .lockup__content>a {
  display: flex;
  justify-content: space-between;
  color: var(--c-primary);
  font: var(--t-sans-sm--one);
  text-decoration: none
}

.content-lockup .lockup__content>a svg {
  align-self: center;
  height: .625rem;
  color: var(--c-primary)
}

.dark-background .content-lockup .lockup__content>a {
  color: var(--c-neutral)
}

.dark-background .content-lockup .lockup__content {
  color: var(--c-neutral)
}

.lockup-section__header {
  margin-bottom: 4rem
}

.lockup-section__header h2 {
  margin-bottom: 0
}

@media(min-width: 768px) {
  .lockup-section__header h2 {
    font: var(--t-serif-md--three-plus)
  }
}

.lockup-section__header .score-button {
  margin-top: 2.5rem
}

.lockup-section__header p {
  font: var(--t-serif-sm--one)
}

@media(min-width: 768px) {
  .lockup-section__header p {
    font: var(--t-serif-md--one)
  }
}

.lockup-section__header p.eyebrow {
  margin-bottom: 1.5rem;
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--one)
}

.dark-background .lockup-section__header h2,
.dark-background .lockup-section__header p {
  color: var(--c-neutral)
}

.lockup-grid {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

@media(min-width: 768px) {
  .lockup-grid {
    padding-top: 5rem;
    padding-bottom: 5rem
  }
}

.lockup-grid .lockup-section__header {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%
}

@media(min-width: 768px) {
  .lockup-grid .lockup-section__header {
    max-width: 100%
  }
}

.lockup-grid .lockup-grid__lower-text {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  padding-top: 2.5rem
}

@media(min-width: 768px) {
  .lockup-grid .lockup-grid__lower-text {
    max-width: 100%
  }
}

.lockup-grid .content-lockup__grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  row-gap: 4rem
}

.lockup-grid .lockup-grid__section {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%
}

@media(min-width: 768px) {
  .lockup-grid .lockup-grid__section {
    max-width: 100%
  }
}

.lockup-grid.dark-background {
  background-color: var(--c-primary)
}

.lockup-grid__background--neutral-100 {
  background-color: #f5f7fb
}

@media(min-width: 768px) {
  .lockup-grid.two-up .lockup-grid__section {
    max-width: 83.3333333333%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .lockup-grid.two-up .lockup-grid__section {
    max-width: 41.6666666667%
  }
}

@media(min-width: 768px) {
  .lockup-grid.two-up .lockup-grid__section:nth-of-type(2n) {
    margin-left: 16.6666666667%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .lockup-grid.two-up .lockup-grid__section:nth-of-type(2n) {
    margin-left: 8.3333333333%
  }
}

@media(min-width: 768px) {
  .lockup-grid.three-up .lockup-grid__section {
    max-width: 66.6666666667%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .lockup-grid.three-up .lockup-grid__section {
    max-width: 33.3333333333%
  }
}

.lockup-grid.four-up .lockup-grid__section {
  max-width: 100%
}

@media(min-width: 768px) {
  .lockup-grid.four-up .lockup-grid__section {
    max-width: 50%
  }
}

@media(min-width: 768px) {
  .lockup-grid.four-up .lockup-grid__section {
    max-width: 50%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .lockup-grid.four-up .lockup-grid__section {
    max-width: 25%
  }
}

@media(min-width: 768px) {
  .lockup-grid.half-grid-right .content-lockup__grid {
    max-width: 200%;
    margin-left: 83.3333333333%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .lockup-grid.half-grid-right .content-lockup__grid {
    max-width: 100%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .lockup-grid.half-grid-right .content-lockup__grid {
    margin-left: 41.6666666667%
  }
}

@media(min-width: 768px) {
  .lockup-grid.half-grid-right .lockup-grid__section {
    max-width: 100%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .lockup-grid.half-grid-right .lockup-grid__section {
    max-width: 50%
  }
}

@media(min-width: 768px) {
  .lockup-grid.half-grid-left .content-lockup__grid {
    max-width: 116.6666666667%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .lockup-grid.half-grid-left .content-lockup__grid {
    max-width: 58.3333333333%
  }
}

@media(min-width: 768px) {
  .lockup-grid.half-grid-left .lockup-grid__section {
    max-width: 100%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .lockup-grid.half-grid-left .lockup-grid__section {
    max-width: 50%
  }
}

.lockup-grid.dark-background {
  background-color: var(--c-primary)
}

.dark-background .lockup-grid__lower-text {
  color: var(--c-neutral)
}

.dark-background .lockup-grid__lower-text * {
  color: inherit
}

.list-hero {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  position: relative;
  align-items: center;
  overflow: hidden;
  background-color: #fff;
  padding-block: 2rem
}

@media(min-width: 768px) {
  .list-hero {
    padding-block: 3rem 4rem
  }
}

.list-hero ul {
  margin-bottom: unset;
  margin-left: unset;
  padding: 0;
  list-style: none
}

.list-hero ul li:before {
  display: none
}

.list-hero__intro {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%;
  z-index: 1
}

@media(min-width: 768px) {
  .list-hero__intro {
    max-width: 50%
  }
}

.list-hero__title {
  color: #2a3544;
  font: var(--t-serif-md--two)
}

@media(min-width: 768px) {
  .list-hero__title {
    font: var(--t-serif-lg--two)
  }
}

.list-hero__eyebrow {
  margin-bottom: 1rem;
  color: #646984;
  font: var(--t-sans-sm--one)
}

@media(min-width: 768px) {
  .list-hero__eyebrow {
    margin-bottom: var(--s-vertical-xs)
  }
}

.list-hero__description {
  margin-top: 1rem;
  color: #646984;
  font: var(--t-sans-md)
}

@media(min-width: 768px) {
  .list-hero__description {
    margin-top: var(--s-vertical-xs)
  }
}

.list-hero__list {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%
}

@media(min-width: 768px) {
  .list-hero__list {
    max-width: 50%
  }
}

.list-hero__list-background {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100vw;
  height: 100vw;
  border-radius: 0 100% 0 0;
  aspect-ratio: 1/1
}

@media(min-width: 768px) {
  .list-hero__list-background {
    top: 0;
    right: 0;
    left: unset;
    width: calc(50% - 10px);
    height: auto;
    border-radius: 0 0 0 100%
  }
}

.list-hero__list-background--neutral-200 {
  background-color: #ededf1
}

.list-hero__list-background--violet {
  background-color: #5627e7
}

.list-hero__list-background--evergreen {
  background-color: #005738
}

.list-hero__list-background--sun-yellow {
  background-color: #ffe805
}

.list-hero__list-background--sky-blue {
  background-color: #38a8ff
}

.list-hero__list-content {
  padding: var(--s-vertical-sm) 1.25rem;
  border-radius: 1rem;
  background: rgba(245, 247, 251, .8);
  backdrop-filter: blur(0.625rem)
}

@media(max-width: 767px) {
  .list-hero__list-content {
    margin-top: 1rem
  }
}

@media(min-width: 768px) {
  .list-hero__list-content {
    max-width: 166.6666666667%;
    margin-left: auto;
    padding: 2.5rem
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .list-hero__list-content {
    max-width: 83.3333333333%
  }
}

.list-hero__list-title {
  color: #2a3544;
  font: var(--t-serif-sm--two)
}

.list-hero__list-items {
  width: 100%
}

.list-hero__list-item {
  padding: 1.5rem 0 .5rem;
  border-bottom: 1px solid #d2d2dd
}

.list-hero__list-background--violet~.list-hero__list-content .list-hero__list-item {
  border-color: #bba9f5
}

.list-hero__list-background--evergreen~.list-hero__list-content .list-hero__list-item {
  border-color: #325d05
}

.list-hero__list-item:last-child {
  border-bottom: none
}

.list-hero__list-item-title {
  color: #646984;
  font: var(--t-sans-sm--two)
}

.list-hero__list-item ul.list-hero__list-item-links {
  margin: 1rem 0
}

.list-hero__list-item-link {
  margin-bottom: .75rem;
  color: #2a3544;
  font: var(--t-sans-sm--one)
}

.list-hero__list-item-link:last-child {
  margin-bottom: 0
}

.list-hero__list-item-link a:hover {
  text-decoration: underline
}

.list-hero__list-item-link svg {
  width: .75rem;
  height: .625rem;
  margin-top: -0.125rem;
  margin-left: .875rem
}

.list-hero__list-disclaimer {
  color: #646984;
  font: var(--t-sans-xs)
}

.storytelling-carousel {
  --storytelling-carousel-background: "";
  position: relative;
  padding-bottom: 3.5rem
}

@media(min-width: 768px) {
  .storytelling-carousel h2 {
    font: var(--t-serif-md--three-plus)
  }
}

.storytelling-carousel--text-light h2,
.storytelling-carousel--text-light h3,
.storytelling-carousel--text-light h4,
.storytelling-carousel--text-light p,
.storytelling-carousel--text-light li,
.storytelling-carousel--text-light .storytelling-carousel__progress-group,
.storytelling-carousel--text-light .storytelling-carousel__progress-title,
.storytelling-carousel--text-light .storytelling-carousel__eyebrow {
  border-color: #fff !important;
  color: #fff !important
}

.storytelling-carousel--text-dark h2,
.storytelling-carousel--text-dark h3,
.storytelling-carousel--text-dark .storytelling-carousel__progress-group,
.storytelling-carousel--text-dark .storytelling-carousel__progress-title {
  color: #2a3544 !important
}

.storytelling-carousel__container {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  position: relative;
  padding-bottom: 2.5rem
}

@media(min-width: 768px) {
  .storytelling-carousel__container {
    padding-bottom: 0
  }
}

.storytelling-carousel__footer-container {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in
}

@media(max-width: 767px) {

  .storytelling-carousel--no-footer,
  .storytelling-carousel--no-footer .storytelling-carousel__container {
    padding-bottom: 0
  }

  .storytelling-carousel--no-footer .storytelling-carousel__slides-wrapper {
    margin-bottom: 2.5rem
  }
}

.storytelling-carousel--no-footer .storytelling-carousel__footer-container {
  display: none
}

.storytelling-carousel section {
  width: 100%;
  min-height: .0625rem;
  position: relative;
  max-width: 100%;
  padding-top: 2.5rem
}

@media(min-width: 768px) {
  .storytelling-carousel section {
    max-width: unset;
    padding-top: 6.25rem
  }
}

.storytelling-carousel section:first-of-type {
  max-width: 83.3333333333%
}

@media(min-width: 768px) {
  .storytelling-carousel section:first-of-type {
    max-width: 41.6666666667%
  }
}

.storytelling-carousel section:last-of-type {
  max-width: 100%
}

@media(min-width: 768px) {
  .storytelling-carousel section:last-of-type {
    max-width: 50%
  }
}

@media(max-width: 767px) {
  .storytelling-carousel section:last-of-type {
    margin-top: .625rem;
    padding-top: 1.875rem
  }
}

@media(min-width: 768px) {
  .storytelling-carousel section:last-of-type {
    margin-left: 16.6666666667%;
    padding-left: 8.3333333333%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .storytelling-carousel section:last-of-type {
    margin-left: 8.3333333333%
  }
}

.storytelling-carousel__background-partial-desktop,
.storytelling-carousel__background-partial-mobile {
  background: var(--storytelling-carousel-background);
  background-position: center bottom;
  background-size: cover
}

.storytelling-carousel__background-partial-desktop {
  display: none
}

@media(min-width: 768px) {
  .storytelling-carousel__background-partial-desktop {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 50%;
    height: calc(100% + 2rem);
    border-bottom-left-radius: 200px
  }
}

.storytelling-carousel__background-partial-mobile {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 1.75rem);
  height: 100%;
  margin-left: -0.875rem;
  border-bottom-right-radius: 200px
}

@media(min-width: 768px) {
  .storytelling-carousel__background-partial-mobile {
    display: none
  }
}

.storytelling-carousel__background--wide {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  position: absolute;
  right: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  background: var(--storytelling-carousel-background);
  background-position: center bottom;
  background-size: cover
}

.storytelling-carousel__background--wide-violet {
  background: #5627e7
}

.storytelling-carousel__background--wide-evergreen {
  background: #005738
}

.storytelling-carousel__background--wide-sun-yellow {
  background: #ffe805
}

.storytelling-carousel__background--wide-sky-blue {
  background: #38a8ff
}

.storytelling-carousel__background--wide-neutral-100 {
  background: #f5f7fb
}

.storytelling-carousel__eyebrow {
  display: block;
  margin-bottom: .5rem;
  color: #646984;
  font: var(--t-sans-sm--one)
}

@media(min-width: 768px) {
  .storytelling-carousel__eyebrow {
    margin-bottom: 1.5rem
  }
}

.storytelling-carousel__footer {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  justify-content: flex-end
}

.storytelling-carousel__slides-wrapper {
  position: relative;
  bottom: -0.25rem;
  left: -0.25rem;
  margin-bottom: 4.5rem;
  padding-bottom: .25rem;
  padding-left: .25rem;
  overflow: hidden
}

@media(min-width: 768px) {
  .storytelling-carousel__slides-wrapper {
    margin-bottom: 4rem
  }
}

@media(min-width: 768px) {
  .storytelling-carousel__slides-wrapper--extra-top-space {
    margin-top: 2.5rem
  }
}

.storytelling-carousel__slides {
  position: relative;
  left: 0;
  display: flex;
  transition: left .3s
}

@media(max-width: 767px) {
  .storytelling-carousel__slides--extra-padding .storytelling-carousel__slide {
    padding-right: 3.5rem
  }
}

.storytelling-carousel__slide {
  flex: 1;
  min-width: 100%
}

.storytelling-carousel__slide:not(.active) {
  opacity: 0;
  transition-delay: .3s
}

.storytelling-carousel__progress-group {
  font: var(--t-sans-sm--two)
}

.storytelling-carousel__progress-titles {
  display: none;
  gap: 1.25rem;
  justify-content: space-between;
  width: 100%
}

@media(min-width: 768px) {
  .storytelling-carousel__progress-titles {
    display: flex
  }
}

.storytelling-carousel__progress-title {
  flex: 1;
  padding-bottom: .5rem;
  border-bottom: 1px solid #2a3544;
  color: #2a3544;
  font: var(--t-sans-sm--two);
  text-align: left;
  cursor: pointer;
  opacity: .7
}

.storytelling-carousel__progress-title.active {
  font-weight: 600;
  opacity: 1
}

.storytelling-carousel__controls {
  display: flex;
  gap: .5rem;
  margin-right: .5rem
}

.storytelling-slide {
  display: flex;
  flex-direction: column
}

.storytelling-slide__body {
  margin-top: .5rem;
  color: #2a3544;
  font: var(--t-sans-sm--two)
}

@media(min-width: 768px) {
  .storytelling-slide__body {
    margin-top: 1rem;
    font: var(--t-sans-sm--one)
  }
}

.storytelling-slide__cta {
  margin-top: 1.5rem
}

@media(min-width: 768px) {
  .storytelling-slide__cta {
    margin-top: 2.5rem
  }
}

.recirculation-module {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  background-color: #f5f7fb
}

@media(min-width: 768px) {
  .recirculation-module {
    padding-top: 3rem;
    padding-bottom: 3rem
  }
}

.recirculation-module__left,
.recirculation-module__right {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%
}

@media(min-width: 768px) {

  .recirculation-module__left,
  .recirculation-module__right {
    max-width: 50%
  }
}

@media(min-width: 768px) {

  .recirculation-module__left,
  .recirculation-module__right {
    min-height: 7.125rem;
    padding-top: 1.1875rem
  }
}

.recirculation-module__eyebrow {
  color: #646984;
  font: var(--t-sans-sm--one)
}

.recirculation-module__title {
  margin-top: .75rem;
  color: #2a3544;
  font: var(--t-serif-sm--two)
}

@media(min-width: 768px) {
  .recirculation-module__title {
    margin-top: .5rem;
    font: var(--t-serif-sm--one)
  }
}

.recirculation-module__title svg {
  margin: .625rem .75rem 0 .625rem
}

@media(min-width: 768px) {
  .recirculation-module__title svg {
    margin-top: 1rem
  }
}

.recirculation-module__title a:active,
.recirculation-module__title a:hover {
  color: #5627e7;
  text-decoration: underline
}

.recirculation-module__title a:active svg,
.recirculation-module__title a:hover svg {
  color: #5627e7
}

.recirculation-module__left {
  padding-bottom: 1rem;
  border-bottom: 1px solid #d2d2dd
}

.recirculation-module--single .recirculation-module__left {
  padding-bottom: 0;
  border-bottom: none
}

@media(min-width: 768px) {
  .recirculation-module__left {
    border-right: 1px solid #d2d2dd;
    border-bottom: none
  }
}

.recirculation-module__left .recirculation-module__eyebrow {
  margin-left: 3rem
}

.recirculation-module__right {
  padding-top: 1rem;
  text-align: right
}

.recirculation-module--single .recirculation-module__right {
  padding-top: 0
}

@media(min-width: 768px) {
  .recirculation-module__right {
    padding-top: 1.1875rem
  }
}

.recirculation-module__right .recirculation-module__eyebrow {
  margin-right: 3rem
}

.recirculation-module__right .recirculation-module__title {
  text-align: right
}

.recirculation-module__right .recirculation-module__title svg {
  margin: .625rem .625rem 0 .75rem
}

@media(min-width: 768px) {
  .recirculation-module__right .recirculation-module__title svg {
    margin-top: 1rem
  }
}

.link-list {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  position: relative;
  padding-top: 2rem;
  background-color: #f5f7fb
}

@media(min-width: 768px) {
  .link-list {
    margin-top: 2.5rem;
    padding-top: 2.5rem;
    background-color: #fff
  }
}

@media(min-width: 768px) {
  .link-list:not(:first-child) {
    margin-top: 2.5rem
  }
}

.link-list__heading {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%;
  z-index: 1;
  min-height: calc(100vw - 2.5rem)
}

@media(min-width: 768px) {
  .link-list__heading {
    max-width: 50%
  }
}

@media(min-width: 576px) {
  .link-list__heading {
    min-height: calc(75vw - 2rem)
  }
}

@media(min-width: 768px) {
  .link-list__heading {
    max-width: 66.6666666667%;
    min-height: unset
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .link-list__heading {
    max-width: 33.3333333333%
  }
}

.link-list__content {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%
}

@media(min-width: 768px) {
  .link-list__content {
    max-width: 50%
  }
}

@media(min-width: 768px) {
  .link-list__content {
    max-width: 133.3333333333%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .link-list__content {
    max-width: 66.6666666667%
  }
}

.link-list__eyebrow {
  margin-bottom: 1.5rem;
  color: #2a3544;
  font: var(--t-sans-sm--one)
}

.link-list__title {
  max-width: 75%;
  color: #2a3544;
  font: var(--t-serif-md--three)
}

@media(min-width: 768px) {
  .link-list__title {
    max-width: 100%;
    font: var(--t-serif-md--three-plus)
  }
}

.link-list__background {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  width: 100vw;
  border-radius: 0 0 100% 0;
  aspect-ratio: 1
}

@media(min-width: 576px) {
  .link-list__background {
    left: 0;
    width: 75%
  }
}

@media(min-width: 992px) {
  .link-list__background {
    left: 0;
    width: 50%;
    max-width: 37.5rem
  }
}

.link-list__background--violet {
  background-color: #5627e7
}

.link-list__background--violet~.link-list__heading .link-list__eyebrow,
.link-list__background--violet~.link-list__heading .link-list__title {
  color: #fff
}

.link-list__background--evergreen {
  background-color: #005738
}

.link-list__background--evergreen~.link-list__heading .link-list__eyebrow,
.link-list__background--evergreen~.link-list__heading .link-list__title {
  color: #fff
}

.link-list__background--sun-yellow {
  background-color: #ffe805
}

.link-list__background--sky-blue {
  background-color: #38a8ff
}

.link-list__list {
  margin: 2.5rem 0
}

@media(min-width: 768px) {
  .link-list__list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 55vw;
    padding: 2.5rem 2.5rem;
    border-radius: 1rem;
    column-gap: 1.25rem;
    background-color: #f5f7fb
  }
}

@media(min-width: 992px) {
  .link-list__list {
    margin-top: 22vw;
    padding: 2.5rem 6rem
  }
}

@media(min-width: 84.375rem) {
  .link-list__list {
    margin-top: calc(22vw - 8rem)
  }
}

@media(min-width: 90.625rem) {
  .link-list__list {
    margin-top: 12rem
  }
}

.link-list__list-link {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 3.75rem;
  padding-right: 30px;
  border-top: 1px solid #d2d2dd;
  color: #2a3544;
  font: var(--t-sans-xs)
}

@media(min-width: 768px) {
  .link-list__list-link {
    flex-basis: calc(50% - .625rem);
    min-height: 4.5rem;
    font: var(--t-sans-sm--two)
  }

  .link-list__list-link:nth-last-child(-n+2) {
    border-bottom: 1px solid #d2d2dd
  }
}

.link-list__list-link:last-child {
  border-bottom: 1px solid #d2d2dd
}

.link-list__list-link svg {
  position: absolute;
  top: 50%;
  right: .375rem;
  height: .625rem;
  transform: translateY(-50%)
}

.link-list__list-link:hover {
  color: var(--c-primary);
  text-decoration: underline;
  text-underline-offset: .25rem
}

.link-list__list-link:hover svg {
  color: var(--c-primary)
}

.flexible-content {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

@media(min-width: 768px) {
  .flexible-content {
    padding-top: 5rem;
    padding-bottom: 5rem
  }
}

.flexible-content__heading {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%
}

@media(min-width: 768px) {
  .flexible-content__heading {
    max-width: 50%
  }
}

@media(min-width: 768px) {
  .flexible-content__heading {
    position: sticky;
    top: calc(var(--js-s-header-height, 150px) + var(--s-in-page-nav-sticky-height, 0px) + 24px)
  }
}

.flexible-content__eyebrow {
  margin-bottom: .5rem;
  color: #646984;
  font: var(--t-sans-sm--one)
}

.flexible-content__title {
  color: #2a3544;
  font: var(--t-serif-md--three)
}

@media(min-width: 768px) {
  .flexible-content__title {
    font: var(--t-serif-md--three-plus)
  }
}

.flexible-content__cta {
  margin-top: 1.5rem
}

@media(min-width: 768px) {
  .flexible-content__cta {
    margin-top: 2.5rem
  }
}

.flexible-content__content {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%;
  margin-top: 1.5rem
}

@media(min-width: 768px) {
  .flexible-content__content {
    max-width: 50%
  }
}

@media(min-width: 768px) {
  .flexible-content__content {
    margin-top: 1rem
  }
}

.flexible-content__subheading {
  color: #2a3544;
  font: var(--t-serif-sm--three)
}

@media(min-width: 768px) {
  .flexible-content__subheading {
    font: var(--t-serif-sm--two)
  }
}

.flexible-content__description {
  margin-top: 1.5rem;
  overflow: hidden;
  color: #646984;
  font: var(--t-sans-sm--two)
}

.flexible-content__description:not(.flexible-content__description--expanded) :not(:first-child) {
  display: none
}

.flexible-content__read-more {
  display: none;
  margin-top: 1.125rem;
  font-size: .875rem
}

.flexible-content__read-more svg {
  margin-top: .125rem
}

.flexible-content__description--expanded~.flexible-content__read-more svg {
  transform: rotate(180deg)
}

.accordion summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -1.25rem;
  padding: var(--s-vertical-xs) 1.25rem;
  border-top: 1px solid var(--c-neutral--400);
  color: var(--c-neutral--700);
  font: var(--t-sans-md)
}

.accordion summary:hover {
  cursor: pointer
}

.accordion summary::-webkit-details-marker {
  display: none
}

.accordion summary .icon-close {
  display: none
}

.accordion[open] summary {
  border-top: 3px solid var(--c-primary);
  color: var(--c-primary);
  background-color: var(--c-neutral--100)
}

.accordion[open] summary .icon-close {
  display: inline-flex
}

.accordion[open] summary .icon-open {
  display: none
}

@media(min-width: 992px) {
  .tabset-section.tabset--vertical summary {
    display: none
  }
}

@media(max-width: 991px) {
  .tabset-section.tabset--vertical details[open] .panel-content-area {
    margin: 0 -20px
  }
}

.tabset-section.tabset--vertical .tabset-container {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  box-sizing: border-box;
  height: auto;
  padding-top: 5rem;
  padding-bottom: 5rem
}

.tabset-section.tabset--vertical .tabset-container .section-header {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  margin-bottom: 2.5rem
}

@media(min-width: 768px) {
  .tabset-section.tabset--vertical .tabset-container .section-header {
    max-width: 100%
  }
}

.tabset-section.tabset--vertical .tabset-container .section-header h2 {
  font: var(--t-serif-md--three)
}

@media(min-width: 768px) {
  .tabset-section.tabset--vertical .tabset-container .section-header h2 {
    font: var(--t-serif-md--three-plus)
  }
}

.tabset-section.tabset--vertical .tabset-container .tabset {
  display: flex;
  width: 100%
}

.tabset-section.tabset--vertical .tabset-container .tabset__tabs {
  max-width: 33.3333333333%;
  width: 100%;
  min-height: .0625rem;
  height: fit-content;
  margin: 0 -1.25rem .9375rem 0
}

@media(min-width: 768px) {
  .tabset-section.tabset--vertical .tabset-container .tabset__tabs {
    max-width: 16.6666666667%
  }
}

@media(max-width: 991px) {
  .tabset-section.tabset--vertical .tabset-container .tabset__tabs {
    display: none
  }
}

.tabset-section.tabset--vertical .tabset-container .tabset-tabs__tab::before {
  content: none
}

.tabset-section.tabset--vertical .tabset-container .tabset-tabs__tab button {
  display: flex;
  width: 100%;
  padding: 1.25rem 1rem;
  border-left: .1875rem solid rgba(0, 0, 0, 0);
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--two);
  text-align: left;
  transition: all .2s
}

.tabset-section.tabset--vertical .tabset-container .tabset-tabs__tab button:hover,
.tabset-section.tabset--vertical .tabset-container .tabset-tabs__tab button:focus-visible {
  color: var(--c-primary);
  text-decoration: underline
}

.tabset-section.tabset--vertical .tabset-container .tabset-tabs__tab button.active {
  border-color: var(--c-primary);
  color: var(--c-primary);
  background: var(--c-neutral--100);
  pointer-events: none
}

.tabset-section.tabset--vertical .tabset-container .tabset-panels {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%
}

@media(min-width: 768px) {
  .tabset-section.tabset--vertical .tabset-container .tabset-panels {
    max-width: 100%
  }
}

@media(min-width: 992px) {
  .tabset-section.tabset--vertical .tabset-container .tabset-panels {
    max-width: 166.6666666667%
  }
}

@media(min-width: 992px)and (min-width: 768px) {
  .tabset-section.tabset--vertical .tabset-container .tabset-panels {
    max-width: 83.3333333333%
  }
}

@media(min-width: 992px) {
  .tabset-section.tabset--vertical .tabset-container .tabset-panels .tabset-panels__panel {
    position: relative;
    visibility: hidden
  }

  .tabset-section.tabset--vertical .tabset-container .tabset-panels .tabset-panels__panel.active {
    position: relative;
    display: block;
    visibility: visible
  }
}

.tabset-section.tabset--vertical .tabset-container .tabset-panels .panel-content-area {
  position: relative;
  padding: 1.25rem;
  background: var(--c-neutral--100)
}

@media(min-width: 992px) {
  .tabset-section.tabset--vertical .tabset-container .tabset-panels .panel-content-area {
    padding: 2.5rem 2.5rem
  }
}

@media(max-width: 991px) {
  .tabset-section.tabset--vertical .tabset-container .tabset-panels .disclaimer {
    margin-right: -20px;
    margin-left: -20px;
    padding: 2.5rem 1.25rem 4rem;
    background: var(--c-neutral--100)
  }
}

@media(min-width: 992px) {
  .tabset-section.tabset--vertical .tabset-container .tabset-panels .disclaimer {
    margin-top: .5rem
  }
}

.tabset-section.tabset--vertical .tabset-container .tabset-panels .disclaimer h3 {
  color: var(--c-neutral--700);
  font: var(--t-sans-semibold-sm--two)
}

.tabset-section.tabset--vertical .tabset-container .tabset-panels .disclaimer .rich-text {
  color: var(--c-neutral--700);
  font: var(--t-sans-xs)
}

.tabset-section.tabset--vertical .tabset-container .tabset-panels .disclaimer .rich-text+.rich-text {
  margin-top: 1rem
}

.tabset-section.tabset--vertical .tabset-container .tabset-panels .disclaimer .rich-text:not(:first-child) h3 {
  margin-top: 2rem
}

.tabset-mobile-accordion[open]>summary {
  padding-bottom: .1875rem
}

.tabset-panel__title {
  display: none
}

@media(min-width: 992px) {
  .tabset-panel__title {
    display: inline-block;
    font: var(--t-serif-sm--three)
  }
}

.tabset-panel__last-updated {
  color: #646984;
  font: var(--t-sans-xs)
}

@media(min-width: 992px) {
  .tabset-panel__last-updated {
    margin-left: .75rem
  }
}

.tabset-panel__last-updated-table {
  color: #646984;
  font: var(--t-sans-xs)
}

.tabset-panel__content {
  padding-top: 2.5rem
}

.tabset-panel__header-disclaimer {
  display: block;
  color: var(--c-neutral--700);
  font: var(--t-sans-xs)
}

.tabset-panel__overflow-container {
  overflow: auto
}

@media(pointer: fine) {
  .tabset-panel__overflow-container {
    scrollbar-width: thin;
    scrollbar-color: var(--c-primary--600) var(--c-primary--300)
  }

  .tabset-panel__overflow-container::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
  }

  .tabset-panel__overflow-container::-webkit-scrollbar-track {
    background-color: var(--c-primary--300);
    border-radius: .625rem
  }

  .tabset-panel__overflow-container::-webkit-scrollbar-thumb {
    background-color: var(--c-primary--600);
    border-radius: 0;
    border-radius: .625rem
  }
}

.video-module {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  position: relative;
  flex-direction: row;
  padding-top: 5rem;
  padding-bottom: 2.5rem
}

@media(min-width: 768px) {
  .video-module {
    flex-direction: column;
    padding-bottom: 5rem
  }
}

@media(min-width: 768px) {
  .video-module.small-video {
    flex-direction: row
  }
}

.video-module__tag {
  width: 100%;
  min-height: .0625rem;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  font: var(--t-sans-sm--one)
}

@media(min-width: 768px) {
  .video-module__tag {
    margin-bottom: 1.5rem
  }
}

.video-module__tag svg {
  margin-right: .5rem
}

.video-module__header {
  width: 100%;
  min-height: .0625rem
}

@media(min-width: 768px) {
  .video-module__header {
    max-width: 150%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .video-module__header {
    max-width: 75%
  }
}

.video-module__header p {
  margin-bottom: 2.5rem;
  color: var(--c-neutral--700);
  font: var(--t-sans-md)
}

.video-module__header p.eyebrow {
  margin-bottom: 1.5rem;
  font: var(--t-sans-sm--one)
}

.video-module__header h2 {
  color: var(--c-neutral--900);
  font: var(--t-serif-sm--one)
}

@media(min-width: 768px) {
  .video-module__header h2 {
    margin-bottom: 1.5rem;
    font: var(--t-serif-md--three-plus)
  }
}

.video-module__header .score-button {
  margin-bottom: 2.5rem
}

@media(min-width: 768px) {
  .small-video .video-module__header {
    max-width: 66.6666666667%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .small-video .video-module__header {
    max-width: 33.3333333333%
  }
}

.video-module__video-section {
  width: 100%;
  min-height: .0625rem
}

@media(min-width: 768px) {
  .small-video .video-module__video-section {
    max-width: 116.6666666667%;
    margin-left: 16.6666666667%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .small-video .video-module__video-section {
    max-width: 58.3333333333%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .small-video .video-module__video-section {
    margin-left: 8.3333333333%
  }
}

.video-module__video {
  position: relative;
  margin-bottom: 1.5rem
}

.small-video .video-module__video {
  width: 100%
}

.video-module__transcript {
  padding-top: 1rem;
  border-top: .0625rem solid var(--c-neutral--400)
}

.video-module__transcript summary {
  display: flex;
  align-items: center;
  width: fit-content;
  color: var(--c-neutral--900);
  font: var(--t-sans-sm--one);
  list-style: none;
  cursor: pointer
}

.video-module__transcript summary svg {
  margin-left: 1rem;
  transition: ease-in-out .1s
}

.video-module__transcript summary:hover,
.video-module__transcript summary:focus-visible {
  color: var(--c-primary);
  text-decoration: underline;
  text-underline-offset: .25rem
}

.video-module__transcript summary:hover svg,
.video-module__transcript summary:focus-visible svg {
  color: var(--c-primary)
}

.video-module__transcript summary::-webkit-details-marker,
.video-module__transcript summary::marker {
  display: none
}

.video-module__transcript .rich-text {
  max-height: 15.75rem;
  padding-right: 1rem;
  overflow-x: auto;
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--two)
}

@media(pointer: fine) {
  .video-module__transcript .rich-text {
    scrollbar-width: thin;
    scrollbar-color: var(--c-neutral--300) var(--c-neutral--100)
  }

  .video-module__transcript .rich-text::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
  }

  .video-module__transcript .rich-text::-webkit-scrollbar-track {
    background-color: var(--c-neutral--100);
    border-radius: .625rem
  }

  .video-module__transcript .rich-text::-webkit-scrollbar-thumb {
    background-color: var(--c-neutral--300);
    border-radius: 0;
    border-radius: .625rem
  }
}

@media(min-width: 768px) {
  .video-module__transcript .rich-text {
    max-width: 200%;
    padding-right: 1rem;
    font: var(--t-sans-sm--one)
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .video-module__transcript .rich-text {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .small-video .video-module__transcript .rich-text {
    max-width: 200%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .small-video .video-module__transcript .rich-text {
    max-width: 100%
  }
}

.video-module__transcript[open] summary {
  margin-bottom: 1rem
}

.video-module__transcript[open] svg {
  transform: rotate(180deg);
  transition: ease-in-out .1s
}

.video-module::before {
  position: absolute;
  top: 0;
  right: .625rem;
  z-index: -1;
  width: 100vw;
  height: 100vw;
  border-radius: 0 0 100% 0;
  background-color: var(--c-neutral--100);
  content: ""
}

@media(min-width: 768px) {
  .video-module::before {
    right: auto;
    left: .625rem;
    width: 45.25rem;
    height: 45.25rem
  }
}

.video-module--no-wedge::before {
  content: unset
}

.video-module.small-video:before {
  right: auto;
  left: .625rem;
  transform: rotate(90deg)
}

@media(min-width: 768px) {
  .video-module.small-video:before {
    right: .625rem;
    left: auto
  }
}

.video-module.video-hero__tag {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  color: var(--c-neutral--700)
}

.video-module.video-hero__tag svg {
  margin-right: .5rem;
  color: var(--c-neutral--700)
}

.video-module.video-hero .video-module__header {
  width: 100%;
  min-height: .0625rem;
  margin-bottom: 2.5rem
}

@media(min-width: 768px) {
  .video-module.video-hero .video-module__header {
    display: flex;
    max-width: 200%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .video-module.video-hero .video-module__header {
    max-width: 100%
  }
}

.video-module.video-hero .video-module__header h1 {
  margin-bottom: 1rem;
  color: var(--c-neutral--900);
  font: var(--t-serif-sm--one)
}

@media(min-width: 768px) {
  .video-module.video-hero .video-module__header h1 {
    margin-bottom: 0;
    font: var(--t-serif-md--one);
    max-width: 83.3333333333%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .video-module.video-hero .video-module__header h1 {
    max-width: 41.6666666667%
  }
}

.video-module.video-hero .video-module__header P {
  width: 100%;
  min-height: .0625rem
}

@media(min-width: 768px) {
  .video-module.video-hero .video-module__header P {
    max-width: 100%;
    margin-left: 16.6666666667%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .video-module.video-hero .video-module__header P {
    max-width: 50%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .video-module.video-hero .video-module__header P {
    margin-left: 8.3333333333%
  }
}

.video-module .kaltura-video-player {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9
}

@media(max-width: 991px) {
  .floating-actions {
    position: fixed;
    right: 2rem;
    bottom: 1rem
  }
}

@media(min-width: 992px) {
  .floating-actions {
    position: sticky;
    top: 0;
    bottom: 1rem;
    left: auto;
    z-index: 2;
    max-width: 3rem;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 1rem;
    padding-left: 1rem;
    transform: translate(-47.75vw)
  }
}

@media(min-width: 90rem) {
  .floating-actions {
    transform: translate(-43.5rem)
  }
}

.floating-actions .a2a_kit {
  display: flex;
  flex-direction: column;
  gap: .75rem
}

.floating-actions .a2a_kit a {
  width: 100%;
  padding: 0;
  line-height: 24px;
  text-align: center
}

.floating-actions .a2a_kit a>span:first-child {
  padding: .3rem
}

.floating-actions__container {
  --c-current: var(--c-neutral--900);
  position: relative;
  width: 3rem;
  min-height: 3rem;
  padding: .25rem 0;
  border: 1px solid var(--c-neutral--300);
  border-radius: 2.5rem;
  overflow: hidden;
  background: var(--c-neutral--200);
  transition: all .2s
}

.floating-actions__container a,
.floating-actions__container svg {
  color: var(--c-current)
}

.floating-actions__container summary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.5rem;
  text-align: center;
  list-style: none;
  cursor: pointer
}

.floating-actions__container summary::-webkit-details-marker {
  display: none
}

.floating-actions__container summary::marker {
  content: none
}

.floating-actions__container summary .icon-close {
  display: none
}

.floating-actions__container summary~* {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 1s
}

.floating-actions__container[open] {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 3rem
}

.floating-actions__container[open] summary {
  position: absolute;
  bottom: .5rem
}

.floating-actions__container[open] summary .icon-close {
  display: block
}

.floating-actions__container[open] summary .icon-open {
  display: none
}

.floating-actions__container[open] summary~* {
  max-height: 100vh;
  opacity: 1
}

@media(min-width: 992px) {

  .floating-actions__container.hide-toggle,
  .floating-actions__container[open].hide-toggle {
    padding-bottom: 1rem
  }

  .floating-actions__container.hide-toggle summary,
  .floating-actions__container[open].hide-toggle summary {
    display: none
  }
}

.floating-actions__container a:hover,
.floating-actions__container svg:hover {
  --c-current: var(--c-primary)
}

@media(min-width: 992px) {
  .actions-threshold [class*=col] {
    position: relative;
    z-index: 1
  }
}

.narrow-quote {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

.narrow-quote .rich-text {
  width: 100%;
  min-height: .0625rem;
  padding-right: 0;
  padding-left: 2rem;
  border-left: .25rem solid var(--c-primary);
  font: var(--t-serif-sm--one)
}

.narrow-quote .rich-text b,
.narrow-quote .rich-text strong {
  color: var(--c-primary);
  font-weight: inherit
}

@media(min-width: 768px) {
  .narrow-quote .rich-text {
    font: var(--t-serif-md--three);
    max-width: 150%;
    margin-left: 33.3333333333%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .narrow-quote .rich-text {
    max-width: 75%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .narrow-quote .rich-text {
    margin-left: 16.6666666667%
  }
}

.feature-grid {
  padding-bottom: 2.5rem
}

.feature-grid__header {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  position: relative;
  padding-top: 2.5rem
}

.feature-grid--violet .feature-grid__header,
.feature-grid--evergreen .feature-grid__header {
  position: relative;
  background-color: #5627e7
}

.feature-grid--violet .feature-grid__header:after,
.feature-grid--evergreen .feature-grid__header:after {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 6.625rem;
  background-color: #5627e7;
  content: ""
}

@media(min-width: 768px) {

  .feature-grid--violet .feature-grid__header:after,
  .feature-grid--evergreen .feature-grid__header:after {
    height: 9rem
  }
}

.feature-grid--evergreen .feature-grid__header {
  background-color: #005738
}

.feature-grid--evergreen .feature-grid__header:after {
  background-color: #005738
}

.feature-grid__heading {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%
}

@media(min-width: 768px) {
  .feature-grid__heading {
    max-width: 50%
  }
}

.feature-grid__eyebrow {
  margin-bottom: .5rem;
  color: #2a3544;
  font: var(--t-sans-sm--one)
}

@media(min-width: 768px) {
  .feature-grid__eyebrow {
    margin-bottom: 1rem
  }
}

.feature-grid--violet .feature-grid__eyebrow,
.feature-grid--evergreen .feature-grid__eyebrow {
  color: #fff
}

.feature-grid__title {
  color: #2a3544;
  font: var(--t-serif-md--three)
}

.feature-grid--violet .feature-grid__title,
.feature-grid--evergreen .feature-grid__title {
  color: #fff
}

.feature-grid__main-nav {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%;
  margin-top: 2.75rem
}

@media(min-width: 768px) {
  .feature-grid__main-nav {
    max-width: 50%
  }
}

@media(min-width: 768px) {
  .feature-grid__heading--no-eyebrow~.feature-grid__main-nav {
    margin-top: .25rem
  }
}

.feature-grid__main-nav__container {
  display: none;
  height: 2.5rem;
  border: 1px solid #d2d2dd;
  border-radius: 1.25rem;
  background-color: #f5f7fb
}

@media(min-width: 768px) {
  .feature-grid__main-nav__container {
    display: flex
  }
}

.feature-grid--violet .feature-grid__main-nav__container,
.feature-grid--evergreen .feature-grid__main-nav__container {
  border-color: #fff;
  color: #fff;
  background-color: rgba(0, 0, 0, 0)
}

.feature-grid__main-nav__item {
  flex: 1;
  height: 100%;
  color: #646984;
  font: var(--t-sans-xs);
  text-align: center
}

.feature-grid--violet .feature-grid__main-nav__item,
.feature-grid--evergreen .feature-grid__main-nav__item {
  color: #fff
}

.feature-grid__main-nav__item--active {
  border-radius: 1.25rem;
  color: #fff;
  font: var(--t-sans-semibold-xs);
  background-color: #5627e7
}

.feature-grid--violet .feature-grid__main-nav__item--active {
  color: #5627e7;
  background-color: #fff
}

.feature-grid--evergreen .feature-grid__main-nav__item--active {
  color: #005738;
  background-color: #fff
}

@media(min-width: 768px) {
  .feature-grid__main-nav__dropdown {
    display: none
  }
}

.feature-grid__main-nav__dropdown .dropdown {
  height: 2.5rem;
  border-radius: 1.25rem;
  background-color: #5627e7
}

.feature-grid--violet .feature-grid__main-nav__dropdown .dropdown,
.feature-grid--evergreen .feature-grid__main-nav__dropdown .dropdown {
  background-color: #fff
}

.feature-grid__main-nav__dropdown .dropdown__button {
  display: block;
  border: none;
  text-align: center
}

.feature-grid__main-nav__dropdown .dropdown__button-text {
  color: #fff;
  font: var(--t-sans-semibold-xs)
}

.feature-grid--violet .feature-grid__main-nav__dropdown .dropdown__button-text,
.feature-grid--evergreen .feature-grid__main-nav__dropdown .dropdown__button-text {
  color: #5627e7
}

.feature-grid__main-nav__dropdown .dropdown__icon svg {
  color: #fff
}

.feature-grid--violet .feature-grid__main-nav__dropdown .dropdown__icon svg,
.feature-grid--evergreen .feature-grid__main-nav__dropdown .dropdown__icon svg {
  color: #5627e7
}

.feature-grid__sub-nav {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  width: calc(100% + 1.75rem);
  margin: 2.5rem -0.875rem 0;
  overflow-x: scroll
}

@media(min-width: 768px) {
  .feature-grid__sub-nav {
    max-width: 100%
  }
}

.feature-grid__sub-nav::-webkit-scrollbar {
  display: none
}

@media(min-width: 768px) {
  .feature-grid__sub-nav {
    margin: 2.5rem .625rem 0;
    padding: 0
  }
}

.feature-grid__sub-nav__container {
  display: none;
  align-items: center;
  justify-content: left;
  width: fit-content;
  min-width: calc(100% - 1.75rem);
  height: 2.25rem;
  margin: 0 .875rem;
  border-bottom: 1px solid #d2d2dd;
  column-gap: 3.5rem
}

@media(min-width: 768px) {
  .feature-grid__sub-nav__container {
    min-width: 100%;
    margin: 0
  }
}

.feature-grid__sub-nav__container--active {
  display: flex
}

.feature-grid__sub-nav__item {
  height: 100%;
  color: #646984;
  font: var(--t-sans-sm--two);
  white-space: nowrap
}

.feature-grid--violet .feature-grid__sub-nav__item,
.feature-grid--evergreen .feature-grid__sub-nav__item {
  color: #fff
}

.feature-grid__sub-nav__item:before {
  display: block;
  width: auto;
  height: 0;
  overflow: hidden;
  font-weight: bold;
  visibility: hidden;
  content: attr(title)
}

.feature-grid__sub-nav__item--active {
  border-bottom: 1px solid #5627e7;
  color: #5627e7;
  font: var(--t-sans-semibold-sm--two)
}

.feature-grid--violet .feature-grid__sub-nav__item--active,
.feature-grid--evergreen .feature-grid__sub-nav__item--active {
  border-color: #fff
}

.feature-grid__content {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  margin-top: 2.5rem
}

.feature-grid__content__container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  row-gap: .75rem
}

@media(min-width: 768px) {
  .feature-grid__content__container {
    row-gap: 1.25rem
  }
}

.feature-grid__content__container .loader {
  grid-column: 1/3;
  margin: 1rem auto
}

@media(min-width: 768px) {
  .feature-grid__content__container .loader {
    grid-column: 1/4;
    margin-top: 3.5rem
  }
}

.feature-grid__content__item {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%
}

@media(min-width: 768px) {
  .feature-grid__content__item {
    max-width: 50%
  }
}

@media(min-width: 1200px) {
  .feature-grid__content__item {
    max-width: 66.6666666667%
  }
}

@media(min-width: 1200px)and (min-width: 768px) {
  .feature-grid__content__item {
    max-width: 33.3333333333%
  }
}

.feature-grid__content__item .card {
  width: 100%;
  max-width: unset;
  height: 100%
}

.feature-grid__content__controls {
  width: 100%;
  margin-top: 2.5rem
}

.feature-grid__content__load-more {
  display: none;
  margin: 0 auto
}

.feature-grid__content__load-more--active {
  display: block
}

@media(min-width: 768px) {
  .feature-grid__content__load-more {
    display: none
  }
}

.featured-hero-carousel__carousel {
  position: relative;
  width: 100%
}

.featured-hero-carousel__container {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  flex-direction: column;
  padding-top: 1rem;
  padding-right: 0;
  padding-bottom: 1rem
}

@media(min-width: 768px) {
  .featured-hero-carousel--single-hero .featured-hero-carousel__container {
    padding-top: 2.5rem;
    padding-bottom: var(--s-vertical-lg)
  }
}

@media(min-width: 1440px) {
  .featured-hero-carousel__container {
    width: calc(100% + (100% - 90rem)/2);
    margin-right: 0;
    margin-left: calc((100% - 90rem)/2)
  }
}

@media(min-width: 768px) {
  .featured-hero-carousel__slides-container {
    overflow-x: clip
  }
}

.featured-hero-carousel__slides {
  position: relative;
  left: 0;
  display: flex;
  transition: left .3s
}

.featured-hero-carousel__slide {
  flex-shrink: 0;
  width: 100%;
  margin-right: 12px
}

.featured-hero-carousel__footer {
  display: flex;
  flex-direction: row-reverse;
  gap: 1rem;
  align-items: center;
  justify-content: flex-end;
  margin-top: var(--s-vertical-xs);
  font: var(--t-sans-sm--two)
}

@media(min-width: 768px) {
  .featured-hero-carousel__footer {
    position: absolute;
    bottom: 0;
    margin-top: 0
  }
}

.featured-hero-carousel--single-hero .featured-hero-carousel__footer {
  display: none
}

.featured-hero-carousel__controls {
  display: flex;
  gap: .5rem
}

.featured-hero-slide {
  display: flex;
  flex-direction: column;
  width: calc(100% - .875rem)
}

@media(min-width: 768px) {
  .featured-hero-slide {
    width: 100%;
    height: 100%
  }
}

@media(min-width: 768px) {
  .featured-hero-slide {
    flex-direction: row
  }
}

.featured-hero-slide__content {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  margin-bottom: var(--s-vertical-xs);
  padding: 0 6px 0 6px
}

@media(min-width: 768px) {
  .featured-hero-slide__content {
    flex-shrink: 0;
    gap: var(--s-vertical-xs);
    width: calc((100% - 82px)/2);
    max-width: 39.875rem;
    padding: 0 10px 3.125rem
  }
}

.featured-hero-carousel--single-hero .featured-hero-slide__content {
  margin-bottom: var(--s-vertical-sm)
}

.featured-hero-slide__image-container {
  width: 100%
}

@media(min-width: 768px) {
  .featured-hero-slide__image-container {
    overflow-x: hidden
  }
}

.featured-hero-slide__image {
  width: calc(100% + .875rem);
  height: 231px;
  background-repeat: no-repeat;
  background-size: auto 100%
}

@media(min-width: 768px) {
  .featured-hero-slide__image {
    width: calc((100% - 14px - 12px)*2.03717);
    height: unset;
    margin-left: 10px;
    margin-left: 6px;
    background-size: 100% auto;
    aspect-ratio: 2.03717
  }
}

@media(min-width: 992px) {
  .featured-hero-slide__image {
    width: calc((100% - 82px - 20px)*2.03717);
    max-width: 78.6875rem;
    height: unset;
    margin-left: 10px;
    aspect-ratio: 2.03717
  }
}

.featured-hero-slide__eyebrow {
  display: flex;
  gap: .5rem;
  align-items: center;
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--one)
}

.featured-hero-slide__eyebrow svg {
  color: var(--c-neutral--700)
}

.featured-hero-slide__title {
  font: var(--t-serif-md--two)
}

@media(min-width: 768px) {
  .featured-hero-slide__title {
    font: var(--t-serif-lg--two)
  }
}

.featured-hero-slide__description {
  color: var(--c-neutral--700);
  font: var(--t-sans-md)
}

.featured-hero-slide__cta {
  margin-top: 1rem
}

.quote__full-width {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

@media(max-width: 767px) {
  .quote__full-width {
    justify-content: flex-end;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
  }
}

.quote__image {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  max-width: 21.9375rem;
  width: 100%;
  min-height: .0625rem
}

@media(min-width: 768px) {
  .quote__image {
    max-width: 66.6666666667%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .quote__image {
    max-width: 33.3333333333%
  }
}

.quote__image img {
  width: 100%
}

.quote__content {
  width: 100%;
  min-height: .0625rem
}

@media(min-width: 768px) {
  .quote__content {
    max-width: 116.6666666667%;
    margin-left: 16.6666666667%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .quote__content {
    max-width: 58.3333333333%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .quote__content {
    margin-left: 8.3333333333%
  }
}

.quote__content>svg {
  margin-bottom: 1.5rem
}

@media(max-width: 767px) {
  .quote__content>svg {
    margin-top: 2.5rem
  }
}

.quote__content blockquote {
  margin-bottom: 1rem;
  color: var(--c-neutral--900);
  font: var(--t-serif-sm--two)
}

@media(min-width: 768px) {
  .quote__content blockquote {
    color: var(--c-neutral--900);
    font: var(--t-serif-sm--one)
  }
}

.quote__content p.quote-label {
  margin-bottom: 0;
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--one)
}

@media(min-width: 768px) {
  .quote__content p.quote-label {
    font: var(--t-sans-md)
  }
}

.quote__content .score-button {
  margin-top: 2rem
}

@media(min-width: 768px) {
  .quote__content .score-button {
    margin-top: 2.5rem
  }
}

.filtered-grid {
  scroll-margin-top: calc(var(--js-s-header-height, 150px) + var(--s-in-page-nav-sticky-height, 0px) + 24px)
}

@media(min-width: 768px) {
  .filtered-grid {
    margin-top: 2.25rem;
    margin-bottom: 2.5rem
  }
}

@media(min-width: 768px) {
  .filtered-grid__mobile-label {
    display: none
  }
}

.filtered-grid__flex-container {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in
}

.filtered-grid__filters-section {
  width: 100%
}

@media(min-width: 768px) {
  .filtered-grid__filters-section {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    justify-content: space-between
  }
}

.filtered-grid__results {
  margin-top: 3rem
}

@media(min-width: 768px) {
  .filtered-grid__results {
    margin-top: 2.5rem
  }
}

.filtered-grid__search-container {
  padding-top: 1.25rem
}

@media(max-width: 767px) {
  .filtered-grid__search-container {
    width: 100%;
    max-width: 100%
  }
}

.filtered-grid__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10rem 0
}

.filtered-grid-filters__mobile-show {
  display: flex;
  gap: .25rem;
  align-items: center;
  justify-content: flex-end;
  color: #5627e7
}

.filtered-grid-filters__mobile-show>svg {
  height: 1.5rem;
  color: #5627e7
}

@media(min-width: 768px) {
  .filtered-grid-filters__mobile-show {
    display: none
  }
}

.filtered-grid-filters__mobile-close svg {
  width: 1rem;
  height: 1rem;
  padding-top: .5rem
}

.filtered-grid-filters__container {
  z-index: 100
}

@media(max-width: 767px) {
  .filtered-grid-filters__container {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: #fff
  }
}

@media(max-width: 767px) {
  .filtered-grid-filters__container--hidden {
    display: none
  }
}

.filtered-grid-filters__header {
  display: inline
}

.filtered-grid-filters__header--mobile {
  display: flex;
  justify-content: space-between;
  padding: 1.25rem
}

@media(min-width: 768px) {
  .filtered-grid-filters__header--mobile {
    display: none
  }
}

.filtered-grid-filters__header--desktop {
  display: inline-block;
  padding: 1.25rem 1.5rem 0 0;
  font: var(--t-sans-sm--two)
}

@media(max-width: 767px) {
  .filtered-grid-filters__header--desktop {
    display: none
  }
}

.filtered-grid-filters__mobile-label {
  font: var(--t-sans-sm--two)
}

.filtered-grid-filters__filters {
  display: inline-flex;
  flex: 1;
  flex-direction: column;
  padding: 1.25rem
}

@media(max-width: 767px) {
  .filtered-grid-filters__filters {
    overflow: scroll
  }
}

@media(min-width: 768px) {
  .filtered-grid-filters__filters {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1.25rem 1.25rem 0 0
  }
}

@media(min-width: 768px) {
  .filtered-grid-filters__filter {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .filtered-grid-filters__filter--expanded {
    border-color: #5627e7;
    color: #5627e7
  }

  .filtered-grid-filters__filter--expanded svg {
    color: #5627e7;
    transform: rotate(180deg)
  }

  .filtered-grid-filters__filter--expanded .filtered-grid-filters__filter-label {
    border-color: #5627e7
  }
}

.filtered-grid-filters__filter--disabled {
  opacity: .25
}

.filtered-grid-filters__filter-label {
  min-width: fit-content;
  font: var(--t-sans-md);
  font-weight: 600;
  transition: all .2s
}

@media(min-width: 768px) {
  .filtered-grid-filters__filter-label:hover {
    border-color: #5627e7;
    color: #5627e7;
    background: #ddd4fa
  }

  .filtered-grid-filters__filter-label:focus-visible {
    border-color: var(--c-primary--300);
    outline: .25rem solid var(--c-primary--300);
    outline-offset: 0
  }
}

.filtered-grid-filters__filter-label>svg {
  display: none
}

@media(min-width: 768px) {
  .filtered-grid-filters__filter-label {
    display: flex;
    gap: .5rem;
    align-items: center;
    min-height: 2.5rem;
    padding: .5rem 1rem;
    border: 1px solid #e3e3ec;
    border-radius: 1.6875rem;
    font: var(--t-sans-xs);
    cursor: pointer
  }

  .filtered-grid-filters__filter-label>svg {
    display: inline;
    height: 1rem
  }
}

.filtered-grid-filters__filter-options {
  z-index: 11;
  display: inline-flex;
  flex-direction: column;
  width: 17.1875rem;
  margin-bottom: var(--s-vertical-sm);
  background: #fff;
  scrollbar-gutter: stable
}

@media(pointer: fine) {
  .filtered-grid-filters__filter-options {
    scrollbar-width: thin;
    scrollbar-color: var(--c-primary--600) var(--c-primary--300)
  }

  .filtered-grid-filters__filter-options::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
  }

  .filtered-grid-filters__filter-options::-webkit-scrollbar-track {
    background-color: var(--c-primary--300);
    border-radius: .625rem
  }

  .filtered-grid-filters__filter-options::-webkit-scrollbar-thumb {
    background-color: var(--c-primary--600);
    border-radius: 0;
    border-radius: .625rem
  }
}

@media(min-width: 768px) {
  .filtered-grid-filters__filter-options {
    position: absolute;
    left: 0;
    display: none;
    max-height: 22.5rem;
    margin-top: 3.125rem;
    padding: 1.5rem;
    border: 1px solid #e3e3ec;
    border-radius: 1rem;
    overflow: auto
  }
}

@media(min-width: 992px) {
  .filtered-grid-filters__filter-options {
    left: unset
  }
}

.filtered-grid-filters__filter--expanded .filtered-grid-filters__filter-options {
  display: inline-flex;
  color: #2a3544
}

.filtered-grid-filters__filter-option {
  display: flex;
  gap: .25rem;
  align-items: center;
  font: var(--t-sans-sm--two)
}

.filtered-grid-filters__filter-option--disabled label {
  color: #e3e3ec
}

.filtered-grid-filters__footer {
  display: flex;
  gap: 1rem;
  padding: 1.25rem
}

@media(min-width: 768px) {
  .filtered-grid-filters__footer {
    display: none
  }
}

.filtered-grid-filters__footer>.score-button {
  flex: 1;
  justify-content: center
}

.filtered-grid-filters fieldset {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  width: 100%
}

.filtered-grid-filters__input-group {
  display: flex;
  gap: .5rem;
  align-content: center
}

.filtered-grid-filters__input-group label {
  align-self: center;
  cursor: pointer;
  padding-block: .75rem
}

@media(pointer: coarse) {
  .filtered-grid-filters__input-group label {
    padding-block: .75rem
  }
}

.filtered-grid-filters--hidden {
  display: none
}

.filtered-grid-filters__subfilter-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  transition: all .26s
}

.filtered-grid-filters__subfilter-toggle::-webkit-details-marker {
  display: none
}

@media(pointer: coarse) {
  .filtered-grid-filters__subfilter-toggle {
    min-height: 2.5rem
  }
}

.filtered-grid-filters__subfilter-accordion summary {
  padding-block: .5rem
}

.filtered-grid-filters__subfilter-accordion summary svg {
  transform: rotate(180deg)
}

.filtered-grid-filters__subfilter-accordion details {
  margin-block: .25rem
}

.filtered-grid-filters__subfilter-accordion>div,
.filtered-grid-filters__subfilter-accordion>details {
  padding-left: 1rem
}

.filtered-grid-filters__subfilter-accordion[open]>summary svg {
  transform: rotate(0deg)
}

.filtered-grid-filters input[type=checkbox] {
  margin-inline: 0;
  align-self: center
}

.filtered-grid-filters input[type=radio] {
  display: flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: 1px solid #5627e7;
  border-radius: 50%;
  appearance: none
}

.filtered-grid-filters input[type=radio]:checked:before {
  display: block;
  width: .625rem;
  height: .625rem;
  border-radius: 50%;
  background-color: #5627e7;
  content: ""
}

.filtered-grid-pill {
  display: inline-flex;
  gap: .375rem;
  align-items: center;
  width: fit-content;
  height: 1.5rem;
  padding-right: .75rem;
  padding-left: 1rem;
  border: 1px solid #5627e7;
  border-radius: 2.5rem;
  color: #5627e7;
  font: var(--t-sans-xs);
  cursor: pointer
}

.filtered-grid-pill:hover {
  background: #f0ebff
}

.filtered-grid-pill svg {
  width: .5rem;
  height: .5rem;
  color: #5627e7
}

.filtered-grid-selected-filters {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-top: var(--s-vertical-xs);
  padding-top: 2.5rem;
  padding-bottom: 1.1875rem;
  border-top: 1px solid #d2d2dd
}

@media(max-width: 767px) {
  .filtered-grid-selected-filters {
    display: none
  }
}

.filtered-grid-selected-filters--hidden {
  display: none
}

.filtered-grid-selected-filters__label {
  align-self: flex-start;
  color: #646984;
  font: var(--t-sans-sm--two);
  white-space: nowrap
}

.filtered-grid-selected-filters__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  row-gap: .5rem
}

.filtered-grid-selected-filters__reset {
  font: var(--t-sans-sm--two)
}

.filtered-grid-search {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: var(--s-vertical-xs)
}

@media(min-width: 768px) {
  .filtered-grid-search {
    margin-bottom: 0
  }
}

.filtered-grid-search__search-icon {
  position: absolute;
  display: flex;
  margin-left: 1rem
}

.filtered-grid-search__search-icon svg {
  height: .75rem;
  color: #5627e7
}

.filtered-grid-search__clear-icon {
  position: absolute;
  right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer
}

.filtered-grid-search__clear-icon--hidden {
  display: none
}

.filtered-grid-search__clear-icon svg {
  height: .75rem;
  color: #5627e7
}

.filtered-grid-search__input {
  width: 100%;
  height: 2.5rem;
  padding: .6rem 2.5rem;
  border: 1px solid #e3e3ec;
  border-radius: 1.25rem;
  color: #2a3544;
  font: var(--t-sans-xs)
}

.filtered-grid-search__input::placeholder {
  color: #646984
}

.filtered-grid-search__input:focus-visible {
  border-color: var(--c-primary--300);
  outline: .25rem solid var(--c-primary--300);
  outline-offset: 0
}

.filtered-grid-search__input:placeholder-shown {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.allspring-pagination {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  display: flex;
  gap: .5rem;
  align-items: center;
  justify-content: center
}

@media(min-width: 768px) {
  .allspring-pagination {
    max-width: 100%
  }
}

@media(max-width: 767px) {
  .allspring-pagination {
    gap: .25rem
  }
}

.allspring-pagination--hidden {
  display: none
}

.allspring-pagination .text-secondary {
  padding: .75rem;
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--two)
}

.allspring-pagination .text-secondary.active {
  color: var(--c-primary);
  font: var(--t-sans-semibold-sm--two)
}

@media(max-width: 767px) {
  .allspring-pagination .text-secondary {
    padding: .5rem
  }
}

.allspring-pagination .text-secondary:hover,
.allspring-pagination .text-secondary:focus-visible {
  color: var(--c-primary)
}

.allspring-pagination span {
  padding: .75rem;
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--two)
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0
  }
}

@keyframes plyr-popup {
  0% {
    opacity: .5;
    transform: translateY(10px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes plyr-fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow .3s ease;
  z-index: 0
}

.plyr audio,
.plyr iframe,
.plyr video {
  display: block;
  height: 100%;
  width: 100%
}

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto
}

.plyr:focus {
  outline: 0
}

.plyr--full-ui {
  box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
  box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation
}

.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: #fff;
  color: var(--plyr-badge-text-color, #fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none
}

.plyr__captions {
  animation: plyr-fade-in .3s ease;
  bottom: 0;
  display: none;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform .4s ease-in-out;
  width: 100%
}

.plyr__captions span:empty {
  display: none
}

@media(min-width: 480px) {
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: 20px;
    padding: calc(var(--plyr-control-spacing, 10px)*2)
  }
}

@media(min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px)
  }
}

.plyr--captions-active .plyr__captions {
  display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
  transform: translateY(-40px);
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4))
}

.plyr__caption {
  background: rgba(0, 0, 0, .8);
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: .2em .5em;
  white-space: pre-wrap
}

.plyr__caption div {
  display: inline
}

.plyr__control {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 4px;
  border-radius: var(--plyr-control-radius, 4px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px)*.7);
  position: relative;
  transition: all .3s ease
}

.plyr__control svg {
  fill: currentColor;
  display: block;
  height: 18px;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size, 18px)
}

.plyr__control:focus {
  outline: 0
}

.plyr__control:focus-visible {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px
}

a.plyr__control {
  text-decoration: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
  display: none
}

.plyr--full-ui ::-webkit-media-controls {
  display: none
}

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center
}

.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0
}

.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
  margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
  display: none
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
  display: inline-block
}

.plyr__menu {
  display: flex;
  position: relative
}

.plyr__menu .plyr__control svg {
  transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none
}

.plyr__menu__container {
  animation: plyr-popup .2s ease;
  background: hsla(0, 0%, 100%, .9019607843);
  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1490196078);
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3
}

.plyr__menu__container>div {
  overflow: hidden;
  transition: height .35s cubic-bezier(0.4, 0, 0.2, 1), width .35s cubic-bezier(0.4, 0, 0.2, 1)
}

.plyr__menu__container:after {
  border: 4px solid rgba(0, 0, 0, 0);
  border-top-color: hsla(0, 0%, 100%, .9019607843);
  border: var(--plyr-menu-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
  top: 100%;
  width: 0
}

.plyr__menu__container [role=menu] {
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0
}

.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding: 4.66667px 10.5px;
  padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
  -webkit-user-select: none;
  user-select: none;
  width: 100%
}

.plyr__menu__container .plyr__control>span {
  align-items: inherit;
  display: flex;
  width: 100%
}

.plyr__menu__container .plyr__control:after {
  border: 4px solid rgba(0, 0, 0, 0);
  border: var(--plyr-menu-item-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
  padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}

.plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: 6.5px;
  right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: initial
}

.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: 7px;
  margin: calc(var(--plyr-control-spacing, 10px)*.7);
  margin-bottom: 3.5px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
  padding-left: 28px;
  padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
  position: relative;
  width: calc(100% - 14px);
  width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}

.plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: 6.5px;
  left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back:before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: 3.5px;
  margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%
}

.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: initial
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
  padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  background: rgba(0, 0, 0, .1019607843);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all .3s ease;
  width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform .3s ease, opacity .3s ease;
  width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: #00b2ff;
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
  opacity: 1;
  transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
  background: rgba(35, 40, 47, .1019607843)
}

.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 + 2px);
  overflow: hidden;
  padding-left: 24.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
  pointer-events: none
}

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
  color: #00b2ff;
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  display: block;
  height: 19px;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow .3s ease;
  width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: rgba(0, 0, 0, 0);
  background-image: linear-gradient(90deg, currentColor 0, rgba(0, 0, 0, 0) 0);
  background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(0, 0, 0, 0) var(--value, 0));
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -webkit-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -webkit-user-select: none;
  user-select: none
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, .1490196078), 0 0 0 1px rgba(35, 40, 47, .2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: -4px;
  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
  position: relative;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-track {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, .1490196078), 0 0 0 1px rgba(35, 40, 47, .2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px)
}

.plyr--full-ui input[type=range]::-ms-track {
  color: rgba(0, 0, 0, 0)
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
  background: currentColor;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  user-select: none
}

.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, .1490196078), 0 0 0 1px rgba(35, 40, 47, .2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
  position: relative;
  -ms-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0
}

.plyr--full-ui input[type=range]:focus {
  outline: 0
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px
}

.plyr__poster {
  background-color: #000;
  background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .2s ease;
  width: 100%;
  z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none
}

.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__time+.plyr__time:before {
  content: "⁄";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px)
}

@media(max-width: 767px) {
  .plyr__time+.plyr__time {
    display: none
  }
}

.plyr__tooltip {
  background: #fff;
  background: var(--plyr-tooltip-background, #fff);
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1490196078);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  color: #4a5464;
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform .2s ease .1s, opacity .2s ease .1s;
  white-space: nowrap;
  z-index: 2
}

.plyr__tooltip:before {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2
}

.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
  left: 16px;
  left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
  transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0) scale(1)
}

.plyr__progress {
  left: 6.5px;
  left: calc(var(--plyr-range-thumb-height, 13px)*.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
  margin-left: -6.5px;
  margin-left: calc(var(--plyr-range-thumb-height, 13px)*-0.5);
  margin-right: -6.5px;
  margin-right: calc(var(--plyr-range-thumb-height, 13px)*-0.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2
}

.plyr__progress .plyr__tooltip {
  left: 0;
  max-width: 120px;
  overflow-wrap: break-word
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: -2.5px;
  margin-top: calc(var(--plyr-range-track-height, 5px)/2*-1);
  padding: 0;
  position: absolute;
  top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
  background: rgba(0, 0, 0, 0)
}

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -webkit-transition: width .2s ease;
  transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -moz-transition: width .2s ease;
  transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width .2s ease;
  transition: width .2s ease
}

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0));
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: rgba(0, 0, 0, 0)
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: hsla(0, 0%, 100%, .2509803922);
  background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922))
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 200, 209, .6);
  background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
}

.plyr__progress__marker {
  background-color: #fff;
  background-color: var(--plyr-progress-marker-background, #fff);
  border-radius: 1px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3px;
  width: var(--plyr-progress-marker-width, 3px);
  z-index: 3
}

.plyr__volume {
  align-items: center;
  display: flex;
  position: relative
}

.plyr__volume input[type=range] {
  margin-left: 5px;
  margin-left: calc(var(--plyr-control-spacing, 10px)/2);
  margin-right: 5px;
  margin-right: calc(var(--plyr-control-spacing, 10px)/2);
  max-width: 90px;
  min-width: 60px;
  position: relative;
  z-index: 2
}

.plyr--audio {
  display: block
}

.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px)
}

.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(193, 200, 209, .6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(193, 200, 209, .6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(193, 200, 209, .6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, .1490196078), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, .1490196078), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, .1490196078), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843))
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 200, 209, .6);
  color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
}

.plyr--video {
  overflow: hidden
}

.plyr--video.plyr--menu-open {
  overflow: visible
}

.plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  border-radius: inherit;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9
}

@supports not (aspect-ratio: 16/9) {

  .plyr__video-embed,
  .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative
  }
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: 5px;
  padding: calc(var(--plyr-control-spacing, 10px)/2);
  padding-top: 20px;
  padding-top: calc(var(--plyr-control-spacing, 10px)*2);
  position: absolute;
  right: 0;
  transition: opacity .4s ease-in-out, transform .4s ease-in-out;
  z-index: 3
}

@media(min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: 35px;
    padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
  }
}

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%)
}

.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: .9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px)*1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: .3s;
  z-index: 2
}

.plyr__control--overlaid svg {
  left: 2px;
  position: relative
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  opacity: 1
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: hsla(0, 0%, 100%, .2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: hsla(0, 0%, 100%, .2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: hsla(0, 0%, 100%, .2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, .1490196078), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, .1490196078), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, .1490196078), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843))
}

.plyr--video .plyr__progress__buffer {
  color: hsla(0, 0%, 100%, .2509803922);
  color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922))
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%
}

.plyr:fullscreen video {
  height: 100%
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
  display: none
}

.plyr:fullscreen.plyr--hide-controls {
  cursor: none
}

@media(min-width: 1024px) {
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px)
  }
}

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000000
}

.plyr--fullscreen-fallback video {
  height: 100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
  display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none
}

@media(min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px)
  }
}

.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.plyr__ads>div,
.plyr__ads>div iframe {
  height: 100%;
  position: absolute;
  width: 100%
}

.plyr__ads:after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3
}

.plyr__ads:empty:after {
  display: none
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  opacity: .8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  z-index: 3
}

.plyr__preview-thumb {
  background-color: #fff;
  background-color: var(--plyr-tooltip-background, #fff);
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1490196078);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform .2s ease .1s, opacity .2s ease .1s;
  z-index: 2
}

.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0) scale(1)
}

.plyr__preview-thumb:before {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
  content: "";
  height: 0;
  left: calc(50% + var(--preview-arrow-offset));
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2
}

.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: 7px;
  border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0
}

.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.plyr__preview-thumb__image-container:after {
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1490196078);
  content: "";
  pointer-events: none
}

.plyr__preview-thumb__image-container img {
  max-height: none;
  max-width: none
}

.plyr__preview-thumb__time-container {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
  border-bottom-left-radius: 7px;
  border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  border-bottom-right-radius: 7px;
  border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  bottom: 0;
  left: 0;
  line-height: 1.1;
  padding: 20px 6px 6px;
  position: absolute;
  right: 0;
  z-index: 3
}

.plyr__preview-thumb__time-container span {
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .3s ease;
  width: 100%;
  z-index: 1
}

.plyr__preview-scrubbing--is-shown {
  opacity: 1
}

.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

.plyr--no-transition {
  transition: none !important
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0 !important;
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important
}

.plyr [hidden] {
  display: none !important
}

.podcast-player {
  margin-top: 2.5rem
}

.podcast-player__header {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  background-color: #f5f7fb
}

@media(min-width: 768px) {
  .podcast-player__header {
    background-color: unset
  }
}

.podcast-player__header-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-top: 3.75rem;
  background-color: #f5f7fb;
  width: 100%
}

.podcast-player__footer {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  background-color: #fff
}

.podcast-player__teaser {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  color: #2a3544;
  font: var(--t-sans-md)
}

@media(min-width: 768px) {
  .podcast-player__teaser {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .podcast-player__teaser {
    max-width: 100%;
    margin-left: 16.6666666667%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .podcast-player__teaser {
    max-width: 50%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .podcast-player__teaser {
    margin-left: 8.3333333333%
  }
}

.podcast-player__controls {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%
}

@media(min-width: 768px) {
  .podcast-player__controls {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .podcast-player__controls {
    max-width: 166.6666666667%;
    margin-left: 16.6666666667%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .podcast-player__controls {
    max-width: 83.3333333333%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .podcast-player__controls {
    margin-left: 8.3333333333%
  }
}

.podcast-player__controls .plyr {
  padding: 1.5rem 0
}

@media(min-width: 768px) {
  .podcast-player__controls .plyr {
    padding: 1.5rem
  }
}

@media(max-width: 767px) {
  .podcast-player__controls .plyr .plyr__controls {
    padding-right: 0;
    padding-left: 0
  }
}

.podcast-player__transcript {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  display: flex;
  flex-wrap: wrap
}

@media(min-width: 768px) {
  .podcast-player__transcript {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .podcast-player__transcript {
    max-width: 166.6666666667%;
    margin-left: 16.6666666667%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .podcast-player__transcript {
    max-width: 83.3333333333%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .podcast-player__transcript {
    margin-left: 8.3333333333%
  }
}

.podcast-player__transcript-title {
  margin: 1rem 0;
  padding: 0;
  color: #2a3544;
  font: var(--t-sans-sm--one);
  list-style: none;
  cursor: pointer
}

.podcast-player__transcript-title svg {
  margin-left: .75rem;
  transition: ease-in-out .1s
}

.podcast-player__transcript-title:hover,
.podcast-player__transcript-title:focus-visible {
  color: var(--c-primary);
  text-decoration: underline;
  text-underline-offset: .25rem
}

.podcast-player__transcript-title:hover svg,
.podcast-player__transcript-title:focus-visible svg {
  color: var(--c-primary)
}

.podcast-player__transcript-content {
  max-height: 28.75rem;
  padding: 0 .5rem 0 0;
  overflow-y: auto;
  color: #646984;
  background-color: #fff
}

@media(pointer: fine) {
  .podcast-player__transcript-content {
    scrollbar-width: thin;
    scrollbar-color: var(--c-primary--600) var(--c-primary--300)
  }

  .podcast-player__transcript-content::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
  }

  .podcast-player__transcript-content::-webkit-scrollbar-track {
    background-color: var(--c-primary--300);
    border-radius: .625rem
  }

  .podcast-player__transcript-content::-webkit-scrollbar-thumb {
    background-color: var(--c-primary--600);
    border-radius: 0;
    border-radius: .625rem
  }
}

@media(min-width: 768px) {
  .podcast-player__transcript-content {
    max-height: 35rem;
    padding: 0 1rem 0 0
  }
}

.podcast-player__transcript[open] svg {
  transform: rotate(180deg)
}

.podcast-player__block-divider {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in
}

.podcast-player__block-divider>div {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  padding: 0
}

@media(min-width: 768px) {
  .podcast-player__block-divider>div {
    max-width: 100%
  }
}

.podcast-player__block-divider hr.block-divider {
  display: block;
  color: #d2d2dd
}

.plyr {
  --plyr-color-main: var(--c-primary);
  --plyr-audio-control-color: var(--c-primary);
  --plyr-audio-controls-background: var(--c-neutral--100);
  --plyr-control-toggle-checked-background: var(--c-primary);
  --plyr-control-radius: 50%
}

.plyr .plyr__control svg {
  display: block;
  color: #5627e7
}

.plyr .plyr__control:hover {
  background-color: #3c14b6
}

.plyr .plyr__control:hover svg {
  color: #fff
}

.plyr .plyr__menu__container .plyr__control:hover {
  color: #5627e7;
  background-color: unset
}

.plyr .plyr__menu .plyr__control[aria-expanded=true] svg {
  color: #fff
}

.plyr .plyr__progress__buffer {
  color: #bba9f5;
  background-color: #2a3544
}

.featured-insights__container {
  padding: 0
}

@media(min-width: 768px) {
  .featured-insights__container {
    justify-content: space-between
  }
}

@media(min-width: 768px) {
  .featured-insights h2 {
    font: var(--t-serif-md--three-plus)
  }
}

.featured-insights section:first-of-type {
  margin: 0 .875rem;
  padding-top: 3.75rem;
  padding-bottom: var(--s-vertical-lg)
}

@media(min-width: 992px) {
  .featured-insights section:first-of-type {
    margin: 0 0 0 5.125rem
  }
}

@media(min-width: 768px) {
  .featured-insights section:first-of-type {
    width: 50%;
    margin: 0;
    padding-top: 6.25rem;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 5.75rem
  }
}

.featured-insights section:nth-child(2) {
  max-width: 100%;
  padding-top: 3rem;
  border-bottom-right-radius: 12.5rem;
  background: #f5f7fb
}

@media(min-width: 768px) {
  .featured-insights section:nth-child(2) {
    width: calc(50% - 10px);
    padding-top: 4.25rem;
    padding-right: 92px;
    padding-left: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 12.5rem
  }
}

.featured-insights__headline {
  margin-bottom: var(--s-vertical-lg)
}

@media(min-width: 768px) {
  .featured-insights__headline {
    max-width: 83.3333333333%
  }
}

.featured-insights__image {
  margin-bottom: 3rem
}

@media(min-width: 768px) {
  .featured-insights__image {
    max-width: 83.3333333333%
  }
}

.featured-insights__clickable-area {
  display: block
}

@media(min-width: 768px) {
  .featured-insights__clickable-area {
    max-width: 83.3333333333%
  }
}

.featured-insights__clickable-area:hover .featured-insights__title {
  color: #5627e7
}

.featured-insights__clickable-area:hover .score-button {
  background-color: #3c14b6
}

.featured-insights__eyebrow {
  display: flex;
  gap: .5rem;
  align-items: center;
  margin-bottom: .5rem;
  color: #646984;
  font: var(--t-sans-sm--one)
}

@media(min-width: 768px) {
  .featured-insights__eyebrow {
    margin-bottom: 1rem
  }
}

.featured-insights__eyebrow svg {
  color: #646984
}

.featured-insights__eyebrow-date {
  display: flex;
  align-items: center;
  height: 1.125rem;
  padding-left: .5rem;
  border-left: 1px solid #d2d2dd
}

.featured-insights__title {
  margin-bottom: var(--s-vertical-xs)
}

@media(min-width: 768px) {
  .featured-insights__title {
    margin-bottom: 2.5rem
  }
}

.featured-insights__slides-wrapper {
  overflow: hidden
}

.featured-insights__slides {
  position: relative;
  left: 0;
  display: flex;
  transition: left .3s
}

.featured-insights__slide {
  flex: 1;
  min-width: 100%;
  padding: 0 1.25rem
}

@media(min-width: 768px) {
  .featured-insights__slide {
    padding: 0 0 0 5.125rem
  }
}

.featured-insights__footer {
  display: flex;
  flex-direction: row-reverse;
  gap: 1rem;
  align-items: center;
  justify-content: flex-end;
  margin-top: var(--s-vertical-sm);
  margin-bottom: var(--s-vertical-lg);
  padding-left: 1.25rem
}

@media(min-width: 768px) {
  .featured-insights__footer {
    margin-bottom: 7.5rem;
    padding-left: 5.125rem
  }
}

.featured-insights__footer.featured-insights__footer--hidden>* {
  display: none
}

.featured-insights__controls {
  display: flex;
  gap: .5rem
}

.featured-insights__progress-group {
  font: var(--t-sans-sm--two)
}

.featured-insights-insight {
  margin-top: var(--s-vertical-sm);
  padding-bottom: var(--s-vertical-sm);
  border-bottom: 1px solid #e3e3ec
}

.featured-insights-insight__eyebrow {
  display: flex;
  gap: .5rem;
  align-items: center;
  margin-bottom: .5rem;
  color: #646984;
  font: var(--t-sans-sm--one)
}

@media(min-width: 768px) {
  .featured-insights-insight__eyebrow {
    margin-bottom: 1rem
  }
}

.featured-insights-insight__eyebrow svg {
  color: #646984
}

.featured-insights-insight__eyebrow-date {
  display: flex;
  align-items: center;
  height: 1.125rem;
  padding-left: .5rem;
  border-left: 1px solid #d2d2dd
}

.featured-insights-insight__title:hover,
.featured-insights-insight__title:focus-visible {
  color: #5627e7;
  text-decoration: underline
}

@media(min-width: 768px) {
  .featured-insights-insight__title {
    font: var(--t-serif-sm--two)
  }
}

.tables {
  padding-block: 1.5rem;
  background: var(--c-neutral--100)
}

@media(min-width: 768px) {
  .tables {
    padding-block: 5rem
  }
}

.tables__summary,
.tables__disclosure {
  width: 100%;
  min-height: .0625rem
}

.tables__heading {
  font: var(--t-serif-md--three)
}

@media(min-width: 768px) {
  .tables__heading {
    font: var(--t-serif-md--three-plus)
  }
}

.tables__summary {
  max-width: 150%
}

@media(min-width: 768px) {
  .tables__summary {
    max-width: 75%
  }
}

.tables__summary .rich-text {
  margin-top: 1rem;
  color: var(--c-neutral--700);
  font: var(--t-sans-md)
}

@media(min-width: 768px) {
  .tables__summary .rich-text {
    margin-top: 1.5rem
  }
}

.tables__summary .rich-text h2,
.tables__summary .rich-text h3,
.tables__summary .rich-text h4,
.tables__summary .rich-text h5 {
  color: var(--c-neutral--700);
  font: var(--t-sans-semibold-md)
}

.tables__summary .rich-text :is(h2, h3, h4, h5)+p {
  margin-top: 0
}

.tables__summary .score-button.text-primary {
  margin-top: 1.5rem;
  font: var(--t-sans-sm--one)
}

.tables__summary .score-button.text-primary:hover svg {
  color: var(--c-primary)
}

.tables__disclosure {
  max-width: 200%;
  margin-top: 2.5rem;
  color: var(--c-neutral--700);
  font: var(--t-sans-xs)
}

@media(min-width: 768px) {
  .tables__disclosure {
    max-width: 100%
  }
}

.tables__table-group-heading {
  margin-top: 3.5rem
}

.tables__table-group-heading h3 {
  font: var(--t-serif-sm--two)
}

@media(min-width: 768px) {
  .tables__table-group-heading {
    margin-top: 2.5rem
  }
}

.tables__table {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--c-primary--600) var(--c-primary--300)
}

@media(min-width: 768px) {
  .tables__table {
    max-width: 100%
  }
}

.tables__table::-webkit-scrollbar {
  width: .5rem;
  height: .5rem
}

.tables__table::-webkit-scrollbar-track {
  background-color: var(--c-primary--300);
  border-radius: .625rem
}

.tables__table::-webkit-scrollbar-thumb {
  background-color: var(--c-primary--600);
  border-radius: 0;
  border-radius: .625rem
}

@media(max-width: 767px) {
  .tables__table {
    padding-right: 1.25rem
  }
}

@media(min-width: 992px) {
  .tables__table--half {
    display: flex;
    max-width: 100%;
    flex-direction: column
  }
}

@media(min-width: 992px)and (min-width: 768px) {
  .tables__table--half {
    max-width: 50%
  }
}

.tables__table[data-load-more=true] tbody tr {
  display: none
}

.tables__table[data-load-more=true] tbody tr:nth-child(-n+3) {
  display: table-row
}

.tables__table th {
  padding-right: 1rem;
  padding-left: 1rem
}

.tables__table th.col-tanumber {
  min-width: 4.4375rem
}

.tables__table th span,
.tables__table td span {
  display: inline-flex;
  justify-content: right
}

.tables__table th span .tooltip-reference,
.tables__table td span .tooltip-reference {
  margin-left: .25rem
}

.tables__table th.tables__table--float-right,
.tables__table td.tables__table--float-right {
  text-align: right
}

.tables__table--row-hover tbody>tr:hover {
  background-color: rgba(42, 53, 68, .05)
}

.tables__table--row-hover tbody>tr:hover th,
.tables__table--row-hover tbody>tr:hover td {
  color: #5627e7
}

.tables__table--document {
  margin-bottom: 3rem;
  padding-bottom: 2rem
}

@media(min-width: 768px) {
  .tables__table--document {
    margin-bottom: 5rem
  }
}

.tables__table--document .tables__table-background {
  margin: 0;
  padding: 0;
  border-radius: none;
  background: rgba(0, 0, 0, 0)
}

.tables__table--document table {
  table-layout: fixed
}

.tables__table tbody>tr:last-child>* {
  border-bottom: none
}

.tables__table-title {
  margin-top: 2rem;
  color: var(--c-neutral--700);
  font: var(--t-serif-sm--two)
}

@media(min-width: 768px) {
  .tables__table-title {
    font: var(--t-serif-sm--one)
  }
}

.tables__summary+.tables__table {
  margin-top: 5rem
}

.tables__table-background {
  width: fit-content;
  min-width: 100%;
  margin-top: 1.5rem;
  padding: 2.5rem;
  border-radius: var(--s-border-radius-md);
  background: var(--c-neutral)
}

.tables__table-total-holdings {
  max-width: none;
  padding: 2.5rem 1.1rem
}

.tables__table-wrapper {
  margin-top: 4rem
}

.tables__table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: 2.5rem;
  font: var(--t-sans-sm--one)
}

.tables__toggle-sort {
  display: flex;
  align-items: center;
  text-align: right
}

.tables__sort-icons {
  flex-direction: column;
  height: 1.5rem;
  aspect-ratio: 1
}

.tables__sort-icons svg {
  margin-bottom: -0.5rem
}

.tables [aria-sort=ascending] button,
.tables [aria-sort=descending] button {
  color: var(--c-primary)
}

.tables [aria-sort=ascending] .tables__sort-icons svg:first-child {
  color: var(--c-primary)
}

.tables [aria-sort=ascending] .tables__sort-icons svg:last-child {
  color: var(--c-neutral--300);
  transition: color .2s
}

.tables [aria-sort=descending] .tables__sort-icons svg:first-child {
  color: var(--c-neutral--300)
}

.tables [aria-sort=descending] .tables__sort-icons svg:last-child {
  color: var(--c-primary)
}

.tables .loading {
  opacity: 0
}

.tables .loaded {
  opacity: 1;
  transition: 1s
}

@media(max-width: 767px) {
  .tables .flex-grid {
    padding-right: 0
  }
}

.tables__table--document+.tables__table--document {
  margin-bottom: 0
}

@media(min-width: 768px) {
  .tables__table--document+.tables__table--document {
    margin-bottom: 0
  }
}

.helper-table--sticky-header-js:not(.off-screen)+table thead {
  position: fixed;
  top: var(--js-s-header-height, 150px);
  z-index: 10;
  border-top: 1.5rem solid var(--c-white);
  overflow-x: auto;
  background-color: var(--c-white);
  scrollbar-color: auto;
  box-shadow: inset 0 -1px var(--c-neutral--200)
}

.helper-table--sticky-header-js:not(.off-screen)+table thead::-webkit-scrollbar {
  display: none
}

.results-library-results__table.table--sticky-headers {
  overflow: unset
}

.results-library-results__table.table--sticky-headers thead {
  position: sticky;
  top: var(--js-s-header-height, 150px);
  z-index: 10;
  background-color: var(--c-white);
  box-shadow: inset 0 -1px var(--c-neutral--200)
}

.results-library-results__table.table--sticky-headers thead tr:nth-child(1) th {
  padding-top: 1.5rem
}

table.sticky-table-header {
  table-layout: fixed
}

table.sticky-table-header thead {
  display: block;
  position: sticky;
  top: var(--js-s-header-height, 150px);
  overflow-x: auto;
  background-color: var(--c-white);
  scrollbar-width: none;
  padding-top: 5px;
  margin-top: -5px
}

table.sticky-table-header tbody {
  display: block;
  overflow-x: auto;
  scrollbar-width: thin
}

.table-sticky-scrollbar {
  position: sticky;
  top: calc(100vh - 18px);
  overflow-x: auto
}

.table-sticky-scrollbar .table-sticky-scrollbar__inner {
  height: 1px;
  width: 100%
}

@media(pointer: coarse) {
  .table-sticky-scrollbar {
    top: calc(100vh - 5px)
  }

  .table-sticky-scrollbar .table-sticky-scrollbar__inner {
    height: 4px
  }
}

.top10holdings {
  margin-bottom: 3rem;
  padding-bottom: 2rem
}

.top10holdings-tables-container {
  display: flex;
  column-gap: 2.5rem
}

@media(max-width: 767px) {
  .top10holdings-tables-container {
    flex-direction: column
  }
}

@media(min-width: 768px) {
  .top10holdings-tables-container .tables__table--document {
    margin-bottom: 0;
    padding-bottom: 0
  }
}

.top10holdings__disclosure {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  margin-top: 2.5rem;
  color: var(--c-neutral--700);
  font: var(--t-sans-xs)
}

@media(min-width: 768px) {
  .top10holdings__disclosure {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .top10holdings {
    margin-bottom: 5rem
  }
}

.self-id {
  position: fixed;
  left: 0;
  z-index: 9999;
  display: none;
  width: 100%;
  height: 100dvh;
  padding-top: 5.5rem;
  overflow-y: scroll;
  color: #fff;
  scroll-behavior: smooth
}

@media(min-width: 768px) {
  .self-id {
    padding-top: 9.3125rem
  }

  .self-id[data-gate=full],
  .self-id[data-gate=partial] {
    z-index: 1001;
    height: 100dvh;
    padding-top: 0
  }

  .self-id[data-gate=full] header {
    display: none
  }

  .self-id[data-gate=partial] {
    padding-top: 3.0625rem
  }

  .self-id[data-gate=partial] .main-nav {
    display: none
  }
}

.self-id--active {
  display: block
}

.self-id--active:before {
  position: fixed;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 100dvh;
  background-color: rgba(42, 53, 68, .5);
  backdrop-filter: blur(15px);
  content: ""
}

.self-id>header {
  position: absolute;
  top: 0;
  width: 100%
}

@media(min-width: 768px) {

  .self-id>header>.header-navigation-desktop,
  .self-id>header>.header-navigation-mobile {
    position: fixed
  }

  .self-id>header .header-navigation-search {
    top: 9.875rem;
    z-index: 1
  }
}

.self-id__wrapper {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-repeat: no-repeat;
  background-position: 80%;
  background-size: cover
}

[data-gate=full] .self-id__wrapper,
[data-gate=partial] .self-id__wrapper {
  z-index: 599
}

@media(min-width: 576px) {
  .self-id__wrapper {
    background-position: 100%
  }
}

.self-id__close {
  position: absolute;
  top: .75rem;
  right: .75rem;
  display: none;
  cursor: pointer
}

[data-dismissible] .self-id__close {
  display: block
}

.self-id__close svg {
  color: #fff
}

.self-id__header {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  padding-top: 2rem;
  padding-bottom: 2rem
}

@media(min-width: 768px) {
  .self-id__header {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .self-id__header {
    max-width: 83.3333333333%;
    padding-top: 1.75rem
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .self-id__header {
    max-width: 41.6666666667%
  }
}

.self-id__content {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%
}

@media(min-width: 768px) {
  .self-id__content {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .self-id__content {
    max-width: 100%;
    margin-left: 16.6666666667%;
    padding-top: 1.75rem
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .self-id__content {
    max-width: 50%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .self-id__content {
    margin-left: 8.3333333333%
  }
}

.self-id__footer {
  width: clamp(20rem, 100%, 90rem);
  margin: 0 auto
}

.self-id__title {
  font: var(--t-serif-md--two)
}

@media(min-width: 768px) {
  .self-id__title {
    font: var(--t-serif-md--one)
  }
}

.self-id__description {
  margin-top: 1.5rem;
  font: var(--t-sans-sm--one)
}

.self-id__additional-information {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%;
  margin-top: 2.5rem;
  color: #fff !important;
  font-size: 1rem
}

@media(min-width: 768px) {
  .self-id__additional-information {
    max-width: 50%
  }
}

.self-id__additional-information h1,
.self-id__additional-information h2,
.self-id__additional-information h3,
.self-id__additional-information h4,
.self-id__additional-information h5,
.self-id__additional-information h6 {
  color: #fff !important
}

.self-id__additional-information a {
  color: #fff !important;
  font-size: 1rem;
  text-decoration: none
}

.self-id__additional-information ul {
  margin: 0 -1.25rem .9375rem 0;
  padding-right: 1.25rem;
  padding-left: 1.4375rem;
  list-style: none
}

.self-id__additional-information ul li {
  position: relative;
  color: var(--c-body--dark);
  text-align: left
}

.self-id__additional-information ul li::before {
  display: inline-block;
  width: .875rem;
  margin-right: .1875rem;
  color: var(--c-neutral);
  font-weight: bold;
  content: "●"
}

.self-id__additional-information ul ul {
  margin: 0
}

.self-id__content-dropdown-alt {
  float: right;
  margin-right: .25rem;
  color: #ededf1;
  font: var(--t-sans-xs);
  text-align: right
}

.self-id__content-dropdown-alt a {
  color: #fff;
  font-size: .875rem
}

.self-id__content-dropdown-alt a:hover {
  text-decoration: underline
}

.self-id__content-dropdown .dropdown__label {
  color: #fff;
  font: var(--t-sans-xs);
  font-size: 1rem
}

.self-id__content-dropdown .dropdown__button {
  border-bottom-color: rgba(227, 227, 236, .5)
}

.self-id__content-dropdown .dropdown__button--hoverable:hover,
.self-id__content-dropdown .dropdown__button--hoverable:focus {
  border-bottom-color: rgba(227, 227, 236, .5);
  color: #d2d2dd
}

.self-id__content-dropdown .dropdown__button--hoverable:hover .dropdown__button-text,
.self-id__content-dropdown .dropdown__button--hoverable:hover .dropdown__icon svg,
.self-id__content-dropdown .dropdown__button--hoverable:focus .dropdown__button-text,
.self-id__content-dropdown .dropdown__button--hoverable:focus .dropdown__icon svg {
  color: #d2d2dd
}

.self-id__content-dropdown .dropdown__button:focus-visible,
.self-id__content-dropdown .dropdown__button:focus,
.self-id__content-dropdown .dropdown__button:active {
  border-bottom-color: rgba(227, 227, 236, .5);
  color: #fff
}

.self-id__content-dropdown .dropdown__button:focus-visible .dropdown__button-text,
.self-id__content-dropdown .dropdown__button:focus .dropdown__button-text,
.self-id__content-dropdown .dropdown__button:active .dropdown__button-text {
  color: #fff
}

.self-id__content-dropdown .dropdown__button-text {
  color: #d2d2dd;
  font: var(--t-sans-sm--one)
}

.self-id__content-dropdown .dropdown__button-text div {
  color: #fff;
  font: var(--t-sans-sm--one)
}

.self-id__content-dropdown .dropdown__button-text div svg {
  width: 1.5rem;
  height: 1rem
}

.self-id__content-dropdown .dropdown__button .dropdown__icon svg {
  color: #fff
}

.self-id__content-dropdown .dropdown__menu {
  padding: 1.5rem .5rem
}

.self-id__content-dropdown .dropdown__menu .dropdown__option div {
  color: #646984;
  font: var(--t-sans-xs)
}

.self-id__content-dropdown .dropdown__option {
  padding: .5rem 1.5rem
}

.self-id__content-alert {
  display: none;
  align-items: center;
  max-width: fit-content;
  margin-top: 1.5rem;
  padding: .25rem 1rem .25rem .5rem;
  border-radius: .5rem;
  background-color: rgba(218, 34, 63, .75)
}

.self-id__content-alert--active {
  display: flex
}

.self-id__content-alert-icon {
  display: flex;
  margin-right: .25rem;
  padding: .25rem
}

.self-id__content-alert-icon svg {
  align-items: center;
  width: 1rem;
  height: 1rem;
  color: #fff
}

.self-id__content-alert-text {
  font: var(--t-sans-xs)
}

.self-id__content-loader {
  display: none;
  margin-top: 3rem;
  text-align: center
}

.self-id__content-loader--active {
  display: block
}

.self-id__content-roles {
  display: none;
  margin-top: 1.5rem
}

.self-id__content-roles--active {
  display: block
}

.self-id__content-roles-title {
  color: #fff;
  font: var(--t-sans-xs);
  font-size: 1rem
}

.self-id__role {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 1rem;
  padding: 1rem 1.5rem;
  border: 1px solid #fff;
  border-radius: 1rem;
  color: #2a3544;
  text-align: left;
  background-color: #fff
}

@media(min-width: 768px) {
  .self-id__role {
    margin-top: .5rem;
    border-radius: 50vh
  }
}

.self-id__role-content {
  flex: 1;
  padding-right: 1rem
}

@media(min-width: 768px) {
  .self-id__role-content {
    display: flex;
    gap: 1rem;
    align-items: center
  }
}

.self-id__role-title {
  font: var(--t-sans-semibold-xs);
  font-size: 1rem
}

.self-id__role-description {
  margin-top: .25rem;
  font: var(--t-sans-xs);
  font-size: .875rem
}

@media(min-width: 768px) {
  .self-id__role-description {
    flex: 1;
    margin-top: 0
  }
}

.self-id__role-select-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #d2d2dd;
  border-radius: 50%
}

.self-id__role-select-icon svg {
  display: none;
  width: .625rem;
  height: .625rem
}

.self-id__role:hover:not(.self-id__role--selected) {
  border-color: #5627e7;
  color: #5627e7
}

.self-id__role:hover:not(.self-id__role--selected) .self-id__role-select-icon {
  border-color: #5627e7;
  background-color: #fff
}

.self-id__role:hover:not(.self-id__role--selected) .self-id__role-select-icon svg {
  display: block;
  color: #5627e7
}

.self-id__role--selected {
  border-color: #5627e7;
  color: #fff;
  background-color: #5627e7
}

.self-id__role--selected .self-id__role-select-icon {
  background-color: #fff
}

.self-id__role--selected .self-id__role-select-icon svg {
  display: block;
  color: #5627e7
}

.self-id__footer-banner,
.self-id__footer-dynamic-banner {
  padding: 1.25rem 1.25rem;
  font: var(--t-sans-xs);
  font-size: 1rem;
  background-color: #4a4f68
}

@media(min-width: 768px) {

  .self-id__footer-banner,
  .self-id__footer-dynamic-banner {
    padding: 1.5rem 5.75rem
  }
}

.self-id__footer-banner-text a,
.self-id__footer-dynamic-banner-text a {
  color: #fff;
  font: var(--t-sans-xs);
  font-size: 1rem;
  text-decoration: underline
}

.self-id__footer-dynamic-banner {
  display: none;
  border-top: 1px solid #646984;
  font-size: 1rem
}

.self-id__footer-dynamic-banner--active {
  display: block
}

.self-id__footer-terms {
  display: none;
  align-items: flex-start;
  padding: 2rem 1.25rem;
  background-color: #2a3544
}

.self-id__footer-terms--active {
  display: block
}

@media(min-width: 768px) {
  .self-id__footer-terms--active {
    display: flex
  }
}

@media(min-width: 768px) {
  .self-id__footer-terms {
    padding: 2.5rem 5.75rem
  }
}

.self-id__footer-terms-text {
  display: none;
  margin-bottom: 1rem;
  padding-right: 1.5rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #4a4f68;
  font: var(--t-sans-xs)
}

@media(pointer: fine) {
  .self-id__footer-terms-text {
    scrollbar-width: thin;
    scrollbar-color: var(--c-primary--600) var(--c-primary--300)
  }

  .self-id__footer-terms-text::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
  }

  .self-id__footer-terms-text::-webkit-scrollbar-track {
    background-color: var(--c-primary--300);
    border-radius: .625rem
  }

  .self-id__footer-terms-text::-webkit-scrollbar-thumb {
    background-color: var(--c-primary--600);
    border-radius: 0;
    border-radius: .625rem
  }
}

@media(min-width: 768px) {
  .self-id__footer-terms-text {
    width: 50%;
    border-bottom: none
  }
}

.self-id__footer-terms-text--active {
  display: block
}

.self-id__footer-terms-text h5 {
  margin-bottom: .5rem;
  color: #fff;
  font: var(--t-sans-semibold-sm--two)
}

.self-id__footer-terms-loader {
  display: none;
  width: 100%;
  text-align: center
}

.self-id__footer-terms--loader {
  display: block
}

.self-id__footer-terms--loader .self-id__footer-terms-loader {
  display: block
}

.self-id__footer-terms--loader .self-id__footer-terms-actions,
.self-id__footer-terms--loader .self-id__footer-terms-text {
  display: none
}

.self-id__footer-terms-actions {
  display: none;
  flex-wrap: wrap;
  width: 100%;
  margin-right: 1rem
}

.self-id__footer-terms-actions--active {
  display: flex
}

@media(min-width: 768px) {
  .self-id__footer-terms-actions--active {
    display: flex;
    align-items: center;
    width: 50%
  }
}

.self-id__footer-terms-actions-text {
  width: 100%;
  margin-bottom: 1rem;
  font: var(--t-sans-xs);
  font-size: 1rem
}

@media(min-width: 768px) {
  .self-id__footer-terms-actions-text {
    flex: 1;
    width: auto;
    margin-right: 1rem;
    margin-bottom: 0
  }
}

.self-id__footer-terms-actions-text a {
  color: #fff;
  font: var(--t-sans-xs);
  font-size: 1rem;
  text-decoration: underline
}

.facts-grid__quick-resources-container,
.facts-grid__facts-container {
  height: 100%;
  padding: 3rem 1rem;
  border-radius: var(--s-border-radius-md);
  column-gap: .75rem;
  background-color: var(--c-neutral--100);
  row-gap: 1.5rem
}

@media(min-width: 768px) {

  .facts-grid__quick-resources-container,
  .facts-grid__facts-container {
    padding: 3rem 2.5rem 5rem;
    column-gap: 1.5rem;
    row-gap: 2.5rem
  }
}

.facts-grid {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  position: relative;
  padding-block: 5rem
}

.facts-grid__content {
  width: 100%
}

@media(min-width: 768px) {
  .facts-grid__content {
    display: flex
  }
}

.facts-grid__wedge {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 39.0625rem;
  height: 39.0625rem;
  border-radius: 0 0 100% 0
}

.facts-grid__heading {
  width: 100%;
  min-height: .0625rem;
  max-width: 83.3333333333%;
  margin-bottom: 2.5rem;
  font: var(--t-serif-md--three)
}

@media(min-width: 768px) {
  .facts-grid__heading {
    max-width: 41.6666666667%
  }
}

@media(min-width: 768px) {
  .facts-grid__heading {
    margin-bottom: 2rem;
    font: var(--t-serif-md--three-plus)
  }
}

.facts-grid__facts-column {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%
}

@media(min-width: 768px) {
  .facts-grid__facts-column {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .facts-grid__facts-column {
    max-width: 116.6666666667%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .facts-grid__facts-column {
    max-width: 58.3333333333%
  }
}

@media(min-width: 992px) {
  .facts-grid__facts-column {
    max-width: 133.3333333333%
  }
}

@media(min-width: 992px)and (min-width: 768px) {
  .facts-grid__facts-column {
    max-width: 66.6666666667%
  }
}

.facts-grid__facts-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 3rem 1rem 4rem
}

@media(min-width: 992px) {
  .facts-grid__facts-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 3rem 2.5rem 5rem
  }
}

@media(min-width: 1200px) {
  .facts-grid__facts-container {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

.facts-grid__fact {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--c-neutral--400)
}

.facts-grid__fact-label {
  height: 2.5rem;
  margin-top: .75rem;
  margin-bottom: .5rem;
  color: var(--c-neutral--700);
  font: var(--t-sans-semibold-xs)
}

.facts-grid__fact-heading {
  margin-bottom: .25rem;
  color: var(--c-neutral--900);
  font: var(--t-serif-sm--three);
  word-wrap: break-word
}

.facts-grid__fact-date {
  color: var(--c-neutral--700);
  font: var(--t-sans-xs)
}

.facts-grid__quick-resources {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%
}

@media(min-width: 768px) {
  .facts-grid__quick-resources {
    max-width: 50%
  }
}

@media(max-width: 767px) {
  .facts-grid__quick-resources {
    margin-top: 1.5rem
  }
}

@media(min-width: 768px) {
  .facts-grid__quick-resources {
    max-width: 83.3333333333%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .facts-grid__quick-resources {
    max-width: 41.6666666667%
  }
}

@media(min-width: 992px) {
  .facts-grid__quick-resources {
    max-width: 66.6666666667%
  }
}

@media(min-width: 992px)and (min-width: 768px) {
  .facts-grid__quick-resources {
    max-width: 33.3333333333%
  }
}

.facts-grid__quick-resources-container {
  padding: 3rem 2.5rem 2rem
}

.facts-grid__quick-resources-heading {
  margin-bottom: 1rem;
  color: var(--c-neutral--900);
  font: var(--t-sans-semibold-md)
}

.facts-grid__quick-resources-links {
  display: flex;
  flex-direction: column;
  margin-bottom: 2.5rem
}

.facts-grid__quick-resources-links .score-button {
  width: fit-content;
  margin-bottom: 1rem;
  font: var(--t-sans-sm--one);
  white-space: normal
}

.facts-grid__quick-resources-links .score-button:last-of-type {
  margin-bottom: 0
}

.tooltip-reference {
  position: relative;
  width: .4rem;
  height: 1.1rem;
  margin-top: 0
}

.tooltip-reference svg {
  position: absolute;
  top: 0;
  left: 0;
  width: .5rem;
  min-width: unset;
  height: .5rem;
  color: #5627e7
}

.tooltip {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  max-width: 21.5rem;
  padding: 24px;
  padding-right: 30px
}

.tooltip__message {
  font: var(--t-sans-xs);
  text-align: left
}

.tooltip__title {
  font: var(--t-sans-semibold-xs)
}

.tooltip__close-button {
  position: absolute;
  top: .75rem;
  right: .75rem;
  display: none;
  cursor: pointer
}

.tooltip__close-button svg {
  width: 1rem;
  height: 1rem
}

.tooltip__close-button--visible {
  display: inline
}

.tippy-content {
  padding: 0
}

.tippy-svg-arrow svg {
  width: 16px;
  height: 24px;
  color: #646984
}

.tippy-box {
  min-height: 3.125rem;
  border-radius: 16px;
  background-color: #646984
}

.tippy-box[data-placement^=right]>.tippy-svg-arrow {
  left: -16px;
  margin-top: 0
}

.tippy-box[data-placement^=top]>.tippy-svg-arrow {
  bottom: -19px;
  left: -4px;
  width: 24px;
  padding-left: 4px
}

.tippy-box[data-placement^=top]>.tippy-svg-arrow svg {
  transform: rotate(270deg)
}

.tippy-box[data-placement^=left]>.tippy-svg-arrow {
  right: -16px;
  margin-top: 0
}

.tippy-box[data-placement^=left]>.tippy-svg-arrow svg {
  transform: rotate(180deg)
}

.tippy-box[data-placement^=bottom]>.tippy-svg-arrow {
  top: -19px;
  left: -4px;
  width: 24px;
  padding-left: 4px
}

.tippy-box[data-placement^=bottom]>.tippy-svg-arrow svg {
  transform: rotate(90deg)
}

.image-block {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  padding-block: 2.5rem
}

.image-block figure {
  width: 100%;
  min-height: .0625rem
}

.image-block.image-block--narrow figure {
  max-width: 66.6666666667%
}

@media(min-width: 768px) {
  .image-block.image-block--narrow figure {
    max-width: 33.3333333333%
  }
}

.image-block.image-block--half figure {
  max-width: 100%
}

@media(min-width: 768px) {
  .image-block.image-block--half figure {
    max-width: 50%
  }
}

.image-block.image-block--wide figure {
  max-width: 166.6666666667%
}

@media(min-width: 768px) {
  .image-block.image-block--wide figure {
    max-width: 83.3333333333%
  }
}

.image-block figcaption {
  display: block;
  width: 100%;
  margin-top: 1rem;
  padding-top: .5rem;
  border-top: 1px solid var(--c-neutral--600);
  color: var(--c-neutral--700);
  font: var(--t-sans-xs)
}

@media(min-width: 768px) {
  .image-block figcaption {
    margin-top: 1.5rem
  }
}

.loader {
  display: inline-block;
  width: 80px;
  height: 80px
}

.loader:after {
  display: block;
  width: 4rem;
  height: 4rem;
  margin: 1rem;
  border: .75rem solid #5627e7;
  border-color: #5627e7 rgba(0, 0, 0, 0) #5627e7 rgba(0, 0, 0, 0);
  border-radius: 50%;
  animation: dual-ring-loader 1.2s linear infinite;
  content: " "
}

.loader--primary--400:after {
  border: .75rem solid #bba9f5;
  border-color: #bba9f5 rgba(0, 0, 0, 0) #bba9f5 rgba(0, 0, 0, 0)
}

.loader--primary--800:after {
  border: .75rem solid #280e7a;
  border-color: #280e7a rgba(0, 0, 0, 0) #280e7a rgba(0, 0, 0, 0)
}

.loader--neutral:after {
  border: .75rem solid #fff;
  border-color: #fff rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0)
}

@keyframes dual-ring-loader {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

.morningstar-rating__heading {
  display: flex;
  margin-bottom: 1rem;
  padding-top: 0;
  color: var(--c-neutral--900);
  font: var(--t-sans-semibold-md)
}

.morningstar-rating__heading--small {
  font: var(--t-sans-semibold-sm--two)
}

.morningstar-rating__heading--narrow {
  margin-bottom: .75rem
}

.morningstar-rating__stars {
  display: flex;
  margin-top: 0;
  margin-bottom: 1rem
}

.morningstar-rating__stars--spaced {
  gap: .5rem
}

.morningstar-rating__stars--narrow {
  margin-bottom: .75rem
}

.morningstar-rating__star {
  display: flex;
  align-items: center
}

.morningstar-rating__star svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #d2d2dd
}

.morningstar-rating__star--active svg {
  color: #5627e7
}

.morningstar-rating__star--notactive svg {
  color: #d2d2dd
}

.morningstar-rating__star--large svg {
  width: 3rem;
  height: 3rem
}

.morningstar-rating__disclaimer {
  color: var(--c-neutral--700);
  font: var(--t-sans-xs);
  text-wrap: balance
}

.morningstar-rating__disclaimer--bold {
  color: var(--c-neutral--900);
  font: var(--t-sans-sm--two)
}

.morningstar-tab {
  display: flex;
  flex-direction: column;
  gap: 2.5rem
}

@media(min-width: 768px) {
  .morningstar-tab {
    gap: 3.75rem
  }
}

@media(min-width: 768px) {
  .morningstar-tab__individual-ratings {
    display: flex
  }
}

.morningstar-tab__individual-rating {
  flex: 1
}

@media(max-width: 767px) {
  .morningstar-tab__individual-rating:not(:first-child) {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #d2d2dd
  }
}

@media(min-width: 768px) {
  .morningstar-tab__individual-rating:not(:first-child) {
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    border-left: 1px solid #d2d2dd
  }
}

.alert-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .75rem 0
}

@media(max-width: 767px) {
  .alert-banner {
    align-items: flex-start;
    padding: 1.5rem
  }
}

.alert-banner__content {
  font: var(--t-sans-xs)
}

@media(max-width: 767px) {
  .alert-banner__content {
    max-width: 14.75rem
  }
}

.alert-banner--purple .alert-banner__content {
  color: var(--c-neutral)
}

.alert-banner--yellow .alert-banner__content {
  color: var(--c-neutral--900)
}

.alert-banner__content-wrapper {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in
}

.alert-banner__inner-content {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  display: flex
}

@media(min-width: 768px) {
  .alert-banner__inner-content {
    max-width: 100%
  }
}

.alert-banner svg {
  margin-right: .5rem
}

.alert-banner--purple {
  background-color: var(--c-primary)
}

.alert-banner--purple svg {
  color: var(--c-neutral)
}

.alert-banner--yellow {
  background-color: var(--c-yellow)
}

.alert-banner--yellow svg {
  color: var(--c-neutral--900)
}

.calendar-year {
  position: relative;
  width: fit-content
}

@media(max-width: 991px) {
  .calendar-year {
    padding-bottom: 2.5rem
  }
}

.calendar-year__table-cell {
  display: flex;
  justify-content: center;
  width: 100%
}

.calendar-year__table-data {
  width: 3.1875rem;
  text-align: center
}

.calendar-year__column--active {
  color: #5627e7
}

.calendar-year__column-highlight {
  position: absolute;
  top: 0;
  z-index: 2;
  display: none;
  height: 100%;
  background-color: #2a3544;
  opacity: .05
}

.calendar-year__column-highlight--visible {
  display: block
}

.calendar-year__label-color {
  width: .75rem;
  height: .75rem;
  border-radius: 100%
}

.calendar-year__label-text {
  display: flex;
  gap: .25rem;
  width: min-content
}

.calendar-year__label-text button {
  align-self: flex-start
}

.calendar-year__row-header {
  display: flex;
  gap: .5rem;
  align-items: center;
  color: #646984;
  font: var(--t-sans-xs)
}

.calendar-year table {
  display: block;
  margin-top: 2.5rem;
  padding-bottom: 2.5rem
}

.calendar-year thead {
  color: #646984
}

.calendar-year thead th {
  padding-left: 0
}

.calendar-year tbody th {
  padding: 0
}

.calendar-year tbody td {
  padding: 1rem .5rem 1rem .5rem;
  font: var(--t-sans-xs)
}

.calendar-year tbody tr:last-of-type>* {
  border-bottom: none
}

.page-disclaimer {
  background: var(--c-neutral--100)
}

.page-disclaimer__container {
  padding-block: 2.5rem
}

@media(min-width: 768px) {
  .page-disclaimer__container {
    padding-block: 4rem
  }
}

.page-disclaimer__disclaimer {
  color: var(--c-neutral--700);
  font: var(--t-sans-xs)
}

.results-grid__wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1.5rem;
  column-gap: 1.25rem;
  row-gap: 1.5rem
}

@media(min-width: 768px) {
  .results-grid__wrapper {
    padding-bottom: 2.5rem
  }
}

.results-grid__wrapper.no-results {
  justify-content: flex-start;
  padding: 0 0 4.625rem
}

@media(min-width: 768px) {
  .results-grid__wrapper.no-results {
    padding: 6.25rem 0
  }
}

.results-grid__wrapper .no-results__text {
  color: var(--c-neutral--900);
  font: var(--t-serif-sm--two)
}

@media(min-width: 768px) {
  .results-grid__wrapper .no-results__text {
    font: var(--t-serif-sm--one)
  }
}

.results-grid__wrapper .no-results__text span {
  color: var(--c-primary)
}

.results-grid__wrapper .no-results__text span::before,
.results-grid__wrapper .no-results__text span::after {
  color: var(--c-neutral--900);
  content: "“"
}

.results-grid__wrapper>.card {
  width: 100%;
  max-width: unset
}

@media(min-width: 576px) {
  .results-grid__wrapper>.card {
    width: calc((100% - 20px)/2)
  }
}

@media(min-width: 992px) {
  .results-grid__wrapper>.card {
    width: calc((100% - 40px)/3)
  }
}

.results-grid__wrapper>.card:not(:hover, :focus-visible) .card__image {
  height: unset
}

.super-filter {
  padding: 2.5rem 0
}

@media(min-width: 768px) {
  .super-filter {
    padding-top: 0
  }
}

.super-filter__wrapper {
  padding-top: 1.5rem;
  background-color: #f5f7fb
}

@media(min-width: 768px) {
  .super-filter__wrapper {
    padding-top: 5rem
  }
}

.super-filter .filtered-grid__results {
  margin-top: 0
}

.super-filter .filtered-grid {
  margin-top: 0
}

@media(max-width: 767px) {
  .super-filter .filtered-grid__search-container {
    padding-top: 1.5rem
  }
}

.super-filter .filtered-grid__filters-wrapper {
  padding-bottom: 1.5rem;
  background-color: #f5f7fb
}

@media(min-width: 768px) {
  .super-filter .filtered-grid__filters-wrapper {
    padding-top: 2.25rem;
    padding-bottom: 2.5rem
  }
}

.super-filter .dropdown {
  margin: 0
}

.super-filter .dropdown__button {
  gap: .5rem;
  border-bottom: 1px solid #5627e7
}

.super-filter .dropdown__container--inline {
  flex: unset
}

.super-filter .dropdown__menu {
  min-width: 15.4375rem
}

.super-filter__primary-filter {
  margin-bottom: .25rem
}

@media(min-width: 768px) {
  .super-filter__primary-filter {
    margin-bottom: .25rem
  }
}

.results-library-results {
  margin-bottom: 5rem
}

.results-library-results__header-notes th {
  font: var(--t-sans-xs)
}

.results-library-results__header-note {
  padding-left: 1rem;
  border-left: 1px solid #d2d2dd
}

.results-library-results__description {
  margin-top: 1rem;
  color: #646984;
  font: var(--t-sans-xs)
}

.results-library-results .category-tabs {
  padding: 0
}

.results-library-results tbody tr:hover {
  background: #f5f7fb
}

.results-library-results th {
  padding-bottom: 0;
  border: none
}

.results-library-results th .tooltip-reference {
  margin: 0 .5rem
}

.results-library-results th .tooltip-reference-header {
  margin-left: -0.9rem
}

.results-library-results td {
  padding-right: 0;
  padding-left: 0;
  vertical-align: text-top
}

.results-library-results th:first-child,
.results-library-results td:first-child {
  padding-right: 1rem;
  padding-left: 1.5rem
}

.results-library-results__header {
  padding: 2.5rem 0 2rem 0
}

@media(min-width: 768px) {
  .results-library-results__header {
    padding-bottom: 5rem
  }
}

.results-library-results__header h3 {
  color: #2a3544
}

.results-library-results th {
  padding-left: 0
}

.results-library-results th .results-library-results__table-header {
  display: flex;
  white-space: pre-line;
  margin-bottom: .5rem;
  padding-left: 1rem
}

.results-library-results th .results-library-results__table-header-charges {
  display: flex;
  white-space: pre-line;
  margin-bottom: .5rem
}

th:first-child .results-library-results__table-header {
  height: 1.5rem;
  margin: .5rem 0;
  padding-left: 0
}

td:first-child .results-library-results__table-data {
  margin: .5rem 0
}

td:not(:first-of-type) .results-library-results__table-data {
  padding-right: .5rem;
  padding-left: 1rem;
  font: var(--t-sans-xs)
}

td:not(:first-of-type) .results-library-results__table-data.results-library-results__right-space {
  padding-right: 1.625rem
}

.results-library-results__table-separator {
  border-left: 1px solid #d2d2dd
}

.results-library-results a.results-library-results__fund-name {
  color: #5627e7
}

.results-library-results a.results-library-results__fund-name:hover {
  text-decoration: underline
}

.results-library-results__table-label {
  background: #f5f7fb
}

.results-library-results__table-label td {
  height: 1.3125rem;
  padding: .5rem .75rem;
  border: none;
  color: #2a3544;
  font: var(--t-sans-semibold-xs)
}

.results-library-results__table-data {
  font-size: .75rem
}

.results-library-results__table-data-class-currency {
  gap: .5rem
}

.results-library-results__vertical-separator {
  display: inline;
  width: 0;
  height: 1.125rem;
  margin: 0 .5rem;
  border-right: 1px solid #d2d2dd
}

.results-library-results__downloadable {
  display: flex;
  gap: .25rem;
  align-items: center
}

.results-library-results__downloadable:not(:first-of-type) {
  margin-top: .75rem
}

.results-library-results a.results-library-results__downloadable {
  color: #5627e7
}

.results-library-results a.results-library-results__downloadable :hover {
  text-decoration: underline
}

.results-library-results__file-icon {
  height: 1.125rem
}

.results-library-results__file-icon svg {
  height: 1.125rem;
  color: #5627e7
}

.results-library-results__toggle-sort {
  display: flex;
  align-items: center
}

.results-library-results__sort-icons {
  display: flex;
  flex-direction: column;
  gap: .1335rem;
  height: 1.5rem;
  aspect-ratio: 1
}

.results-library-results__sort-icons svg {
  margin-bottom: -0.5rem
}

.results-library-results__text--large {
  font: var(--t-sans-sm--two)
}

.results-library-results__text--right {
  text-align: right
}

.results-library-results__text--small {
  font: var(--t-sans-xs)
}

.results-library-results__text--small .tooltip-reference {
  margin-right: -1rem;
  margin-left: .5rem;
  vertical-align: top
}

.results-library-results__table {
  margin-top: 4.5rem;
  overflow-x: auto
}

@media(pointer: fine) {
  .results-library-results__table {
    scrollbar-width: thin;
    scrollbar-color: var(--c-primary--600) var(--c-primary--300)
  }

  .results-library-results__table::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
  }

  .results-library-results__table::-webkit-scrollbar-track {
    background-color: var(--c-primary--300);
    border-radius: .625rem
  }

  .results-library-results__table::-webkit-scrollbar-thumb {
    background-color: var(--c-primary--600);
    border-radius: 0;
    border-radius: .625rem
  }
}

@media(min-width: 768px) {
  .results-library-results__table {
    margin-top: 2.5rem
  }
}

.results-library-results__table [aria-sort=ascending] .results-library-results__sort-icons svg:first-child {
  color: var(--c-primary)
}

.results-library-results__table [aria-sort=ascending] .results-library-results__sort-icons svg:last-child {
  color: var(--c-neutral--300);
  transition: color .2s
}

.results-library-results__table [aria-sort=descending] .results-library-results__sort-icons svg:first-child {
  color: var(--c-neutral--300)
}

.results-library-results__table [aria-sort=descending] .results-library-results__sort-icons svg:last-child {
  color: var(--c-primary);
  transition: color .2s
}

.results-library-results__table [aria-sort=ascending] button,
.results-library-results__table [aria-sort=descending] button {
  color: var(--c-primary)
}

.results-library-results__controls {
  font: var(--t-sans-xs);
  display: flex;
  justify-content: space-between;
  margin-top: 1.5rem;
  gap: 1rem
}

.results-library-results__controls-radios {
  min-width: fit-content
}

.results-library-results__controls-radios label {
  text-transform: uppercase
}

@media(max-width: 575px) {
  .results-library-results__controls {
    flex-direction: column-reverse
  }
}

.results-library-results__toggle {
  display: flex;
  align-items: center;
  height: 2.5rem;
  border: 1px solid #d2d2dd;
  border-radius: 1.25rem;
  background-color: #f5f7fb
}

.results-library-results__toggle-container {
  display: flex;
  width: 100%
}

@media(min-width: 576px) {
  .results-library-results__toggle-container {
    justify-content: flex-end
  }
}

.results-library-results__toggle-option {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.0625rem;
  height: 2.5rem;
  color: #646984;
  cursor: pointer
}

.results-library-results__toggle-option:first-child {
  margin-left: -1px
}

.results-library-results__toggle-option:last-child {
  margin-right: -1px
}

.results-library-results__toggle-option--active {
  border: 1px solid #5627e7;
  border-radius: 1.25rem;
  color: #5627e7;
  font: var(--t-sans-semibold-xs);
  background-color: #fff;
  cursor: default
}

.results-library-results .morningstar-rating__stars {
  margin-bottom: .4375rem
}

.results-library-results .morningstar-rating__star svg {
  width: .75rem;
  margin-right: .125rem
}

@keyframes reduce-motion-fade-in {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.immersive-content-lockup {
  --color-1: var(--c-primary);
  --color-2: var(--c-green);
  --color-3: var(--c-yellow);
  --color-4: var(--c-blue);
  position: relative;
  width: 100%;
  max-width: 90rem;
  height: 280dvh;
  margin: auto;
  margin-bottom: 5rem;
  counter-reset: panel
}

@media(min-width: 768px) {
  .immersive-content-lockup {
    height: 264dvh;
    margin-bottom: 0
  }
}

.immersive-content-lockup__content {
  position: relative;
  width: 100%;
  height: 100%
}

@media(max-width: 767px) {
  .immersive-content-lockup__traveling-wedges {
    position: sticky;
    top: 6.25rem;
    z-index: -1;
    height: 0
  }
}

@media(min-width: 768px) {
  .immersive-content-lockup__traveling-wedges {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    inset: 0 0 0 0
  }
}

.immersive-content-lockup__mobile-counts {
  position: sticky;
  top: 0
}

.immersive-content-lockup__mobile-counts::before {
  position: absolute;
  top: 10.9375rem;
  right: 1.25rem;
  display: block;
  color: var(--c-neutral--100);
  font: var(--t-serif-lg--one);
  font-size: 9.375rem;
  opacity: 0;
  transition: all .3s;
  content: attr(data-index)
}

.immersive-content-lockup__mobile-counts[data-index="1"]::before {
  top: 10.9375rem;
  right: 1.25rem;
  opacity: 1
}

.immersive-content-lockup__mobile-counts[data-index="2"]::before {
  top: 11.25rem;
  left: 1.25rem;
  opacity: 1
}

.immersive-content-lockup__mobile-counts[data-index="3"]::before {
  top: 6.5625rem;
  left: calc(50% - 4.6875rem);
  font-size: 12.5rem;
  opacity: 1
}

.immersive-content-lockup__mobile-counts[data-index="4"]::before {
  top: 5.625rem;
  left: 1.25rem;
  font-size: 6.25rem;
  opacity: 1
}

@media(min-width: 768px) {
  .immersive-content-lockup__mobile-counts {
    display: none
  }
}

@media(min-width: 768px) {
  .immersive-content-lockup__wedge-mobile {
    display: none
  }
}

@media(max-width: 767px) {
  .immersive-content-lockup__wedge-desktop {
    display: none
  }
}

.immersive-content-lockup__panel {
  width: 100%;
  height: 70dvh;
  margin: 0 auto;
  padding-top: var(--js-s-header-height, 9.375rem);
  scroll-snap-align: center none
}

@media(max-width: 767px) {
  .immersive-content-lockup__panel {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 34.375rem;
    padding-bottom: 9dvh;
    padding-left: 1.25rem
  }
}

@media(min-width: 768px) {
  .immersive-content-lockup__panel {
    position: relative;
    display: grid;
    align-content: center;
    justify-content: unset;
    height: 66dvh
  }
}

.immersive-content-lockup__panel div {
  max-width: 21.25rem;
  transform: translateY(9.375rem);
  opacity: 0;
  transition: transform .75s, opacity 1.5s
}

@media(min-width: 768px) {
  .immersive-content-lockup__panel::before {
    position: absolute;
    z-index: -1;
    color: var(--c-neutral--100);
    font: var(--t-serif-lg--one);
    font-size: 25rem;
    opacity: 0;
    transition: opacity 1s;
    content: counter(panel);
    counter-increment: panel
  }
}

@media(min-width: 768px) {
  .immersive-content-lockup__panel:nth-child(1) div {
    margin-left: 50%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .immersive-content-lockup__panel:nth-child(1) div {
    margin-left: 25%
  }
}

@media(min-width: 992px) {
  .immersive-content-lockup__panel:nth-child(1) div {
    margin-left: 66.6666666667%
  }
}

@media(min-width: 992px)and (min-width: 768px) {
  .immersive-content-lockup__panel:nth-child(1) div {
    margin-left: 33.3333333333%
  }
}

@media(min-width: 1200px) {
  .immersive-content-lockup__panel:nth-child(1) div {
    margin-left: 83.3333333333%
  }
}

@media(min-width: 1200px)and (min-width: 768px) {
  .immersive-content-lockup__panel:nth-child(1) div {
    margin-left: 41.6666666667%
  }
}

@media(min-width: 768px) {
  .immersive-content-lockup__panel:nth-child(1)::before {
    top: 27%;
    font-size: 18.75rem;
    margin-left: 150%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .immersive-content-lockup__panel:nth-child(1)::before {
    margin-left: 75%
  }
}

@media(min-width: 1200px) {
  .immersive-content-lockup__panel:nth-child(1)::before {
    margin-left: 150%
  }
}

@media(min-width: 1200px)and (min-width: 768px) {
  .immersive-content-lockup__panel:nth-child(1)::before {
    margin-left: 75%
  }
}

@media(min-width: 768px) {
  .immersive-content-lockup__panel:nth-child(2) div {
    margin-left: 5.75rem
  }
}

@media(min-width: 768px) {
  .immersive-content-lockup__panel:nth-child(2)::before {
    top: 27%;
    left: 74%;
    font-size: 15.625rem
  }
}

@media(min-width: 992px) {
  .immersive-content-lockup__panel:nth-child(2)::before {
    left: 74%;
    font-size: 18.75rem
  }
}

@media(min-width: 1200px) {
  .immersive-content-lockup__panel:nth-child(2)::before {
    top: 25%;
    font-size: 25rem
  }
}

@media(min-width: 1440px) {
  .immersive-content-lockup__panel:nth-child(2)::before {
    left: 70%
  }
}

@media(min-width: 768px) {
  .immersive-content-lockup__panel:nth-child(3) div {
    margin-left: 100%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .immersive-content-lockup__panel:nth-child(3) div {
    margin-left: 50%
  }
}

@media(min-width: 992px) {
  .immersive-content-lockup__panel:nth-child(3) div {
    margin-left: 116.6666666667%
  }
}

@media(min-width: 992px)and (min-width: 768px) {
  .immersive-content-lockup__panel:nth-child(3) div {
    margin-left: 58.3333333333%
  }
}

@media(min-width: 768px) {
  .immersive-content-lockup__panel:nth-child(3)::before {
    top: 55%;
    left: 30%;
    font-size: 12.5rem
  }
}

@media(min-width: 992px) {
  .immersive-content-lockup__panel:nth-child(3)::before {
    top: 59%;
    left: 39%
  }
}

@media(min-width: 1200px) {
  .immersive-content-lockup__panel:nth-child(3)::before {
    top: 61%;
    left: 47%
  }
}

@media(min-width: 768px) {
  .immersive-content-lockup__panel:nth-child(4) div {
    margin-left: 83.3333333333%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .immersive-content-lockup__panel:nth-child(4) div {
    margin-left: 41.6666666667%
  }
}

@media(min-width: 992px) {
  .immersive-content-lockup__panel:nth-child(4) div {
    margin-left: 83.3333333333%
  }
}

@media(min-width: 992px)and (min-width: 768px) {
  .immersive-content-lockup__panel:nth-child(4) div {
    margin-left: 41.6666666667%
  }
}

@media(min-width: 1200px) {
  .immersive-content-lockup__panel:nth-child(4) div {
    margin-left: 66.6666666667%
  }
}

@media(min-width: 1200px)and (min-width: 768px) {
  .immersive-content-lockup__panel:nth-child(4) div {
    margin-left: 33.3333333333%
  }
}

@media(min-width: 768px) {
  .immersive-content-lockup__panel:nth-child(4)::before {
    top: 19%;
    left: 5%;
    font-size: 25rem
  }
}

@media(min-width: 992px) {
  .immersive-content-lockup__panel:nth-child(4)::before {
    left: 8%
  }
}

.immersive-content-lockup__panel.loaded::before {
  opacity: 1
}

.immersive-content-lockup__panel.loaded div {
  transform: translateY(0);
  opacity: 1;
  transition: transform 1s, opacity 3s;
  transition-delay: 0
}

.immersive-content-lockup__panel.loaded div:nth-child(2) {
  transition-delay: .2s
}

@media(prefers-reduced-motion: reduce) {
  .immersive-content-lockup__panel.loaded div {
    transform: translateY(0);
    opacity: 1;
    transition: opacity 3s
  }

  .immersive-content-lockup__panel.loaded div:nth-child(2) {
    transition-delay: 0
  }
}

@media(prefers-reduced-motion: no-preference) {
  .immersive-content-lockup__panel.fade-up::before {
    opacity: 0;
    transition: opacity 2s;
    transition-delay: 0
  }

  .immersive-content-lockup__panel.fade-up div {
    transform: translateY(-9.375rem);
    opacity: 0;
    transition: transform 1.25s, opacity 1s;
    transition-delay: 0
  }
}

.immersive-content-lockup__heading {
  color: var(--c-neutral--900);
  font: var(--t-serif-sm--two)
}

@media(min-width: 768px) {
  .immersive-content-lockup__heading {
    font: var(--t-serif-md--three-plus)
  }
}

@media(min-width: 768px) {
  .immersive-content-lockup__wedges {
    position: absolute;
    z-index: -1;
    overflow: visible
  }
}

@media(prefers-reduced-motion: no-preference) {
  .immersive-content-lockup__wedges {
    transition: all .5s
  }
}

@media(prefers-reduced-motion: reduce) {
  .immersive-content-lockup__wedges.reduce-motion-fade-in {
    animation-name: reduce-motion-fade-in;
    animation-duration: 2s
  }
}

@media(min-width: 768px) {
  .immersive-content-lockup__wedges[data-index="1"] {
    top: 6%;
    left: -15%
  }
}

@media(min-width: 992px) {
  .immersive-content-lockup__wedges[data-index="1"] {
    left: 4%
  }
}

@media(min-width: 1200px) {
  .immersive-content-lockup__wedges[data-index="1"] {
    left: 15%
  }
}

@media(min-width: 1440px) {
  .immersive-content-lockup__wedges[data-index="1"] {
    left: 20%
  }
}

@media(min-width: 768px) {
  .immersive-content-lockup__wedges[data-index="2"] {
    top: 35%;
    left: 40%
  }
}

@media(min-width: 992px) {
  .immersive-content-lockup__wedges[data-index="2"] {
    top: 29.75%;
    left: 37%
  }
}

@media(min-width: 1200px) {
  .immersive-content-lockup__wedges[data-index="2"] {
    top: 33%;
    left: 37%
  }
}

@media(min-width: 768px) {
  .immersive-content-lockup__wedges[data-index="3"] {
    top: 48%;
    left: -30%
  }
}

@media(min-width: 992px) {
  .immersive-content-lockup__wedges[data-index="3"] {
    top: 56%;
    left: -22%
  }
}

@media(min-width: 1200px) {
  .immersive-content-lockup__wedges[data-index="3"] {
    left: -6%
  }
}

@media(min-width: 1440px) {
  .immersive-content-lockup__wedges[data-index="3"] {
    left: -8%
  }
}

@media(min-width: 768px) {
  .immersive-content-lockup__wedges[data-index="4"] {
    top: 84%;
    left: 64%
  }
}

@media(min-width: 992px) {
  .immersive-content-lockup__wedges[data-index="4"] {
    top: 87%;
    left: 66%
  }
}

@media(min-width: 1200px) {
  .immersive-content-lockup__wedges[data-index="4"] {
    top: 84%;
    left: 51%
  }
}

.immersive-content-lockup__wedge {
  color: var(--color-1)
}

@media(prefers-reduced-motion: no-preference) {
  .immersive-content-lockup__wedge {
    transition: all 1.75s ease-out, color 1s
  }
}

@media(max-width: 767px) {
  .immersive-content-lockup__wedge {
    position: absolute;
    width: 13.625rem;
    aspect-ratio: 1
  }
}

@media(min-width: 768px) {
  .immersive-content-lockup__wedge {
    width: 31.25rem;
    aspect-ratio: 1
  }
}

@media(max-width: 767px) {
  [data-index="1"] .immersive-content-lockup__wedge {
    rotate: -90deg;
    scale: 1.2;
    inset: 3.125rem auto auto -5vw
  }
}

@media(min-width: 768px) {
  [data-index="1"] .immersive-content-lockup__wedge {
    rotate: 90deg;
    scale: 1.25
  }
}

@media(min-width: 1200px) {
  [data-index="1"] .immersive-content-lockup__wedge {
    scale: 1.25
  }
}

[data-index="2"] .immersive-content-lockup__wedge {
  color: var(--color-2)
}

@media(max-width: 767px) {
  [data-index="2"] .immersive-content-lockup__wedge {
    rotate: -180deg;
    scale: 1.3;
    inset: .625rem auto auto 45vw
  }
}

@media(min-width: 768px) {
  [data-index="2"] .immersive-content-lockup__wedge {
    rotate: 0deg;
    scale: .75
  }
}

@media(min-width: 992px) {
  [data-index="2"] .immersive-content-lockup__wedge {
    scale: .7
  }
}

@media(min-width: 1200px) {
  [data-index="2"] .immersive-content-lockup__wedge {
    scale: .9
  }
}

@media(min-width: 1440px) {
  [data-index="2"] .immersive-content-lockup__wedge {
    scale: 1.1
  }
}

[data-index="3"] .immersive-content-lockup__wedge {
  color: var(--color-3)
}

@media(max-width: 767px) {
  [data-index="3"] .immersive-content-lockup__wedge {
    rotate: -270deg;
    scale: .95;
    inset: 2.5rem auto auto 50vw
  }
}

@media(min-width: 768px) {
  [data-index="3"] .immersive-content-lockup__wedge {
    rotate: -90deg;
    scale: .8
  }
}

@media(min-width: 992px) {
  [data-index="3"] .immersive-content-lockup__wedge {
    scale: 1
  }
}

@media(min-width: 1200px) {
  [data-index="3"] .immersive-content-lockup__wedge {
    scale: 1.2
  }
}

@media(min-width: 1440px) {
  [data-index="3"] .immersive-content-lockup__wedge {
    scale: 1.5
  }
}

[data-index="4"] .immersive-content-lockup__wedge {
  color: var(--color-4)
}

@media(max-width: 767px) {
  [data-index="4"] .immersive-content-lockup__wedge {
    rotate: -360deg;
    scale: 1;
    inset: 2.5rem 1.25rem auto auto
  }
}

@media(min-width: 768px) {
  [data-index="4"] .immersive-content-lockup__wedge {
    rotate: -180deg;
    scale: 1.1
  }
}

@media(min-width: 992px) {
  [data-index="4"] .immersive-content-lockup__wedge {
    scale: 1.5
  }
}

@media(min-width: 1200px) {
  [data-index="4"] .immersive-content-lockup__wedge {
    scale: 1.3
  }
}

.immersive-content-lockup__description {
  margin-top: .5rem;
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--one)
}

@media(min-width: 768px) {
  .immersive-content-lockup__description {
    margin-top: 1rem;
    font: var(--t-sans-md)
  }
}

.search-input {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  margin-bottom: 2rem
}

@media(min-width: 768px) {
  .search-input {
    margin-bottom: 2.5rem
  }
}

.search-input__wrapper {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%
}

@media(min-width: 768px) {
  .search-input__wrapper {
    max-width: 100%
  }
}

.search-input__submit {
  position: absolute;
  top: calc(50% + .25rem);
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(-50%)
}

.search-input__submit svg {
  width: 1.375rem;
  height: 1.375rem;
  vertical-align: middle
}

.search-input__submit svg:hover,
.search-input__submit svg:focus {
  color: #5627e7
}

.search-input input {
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  padding-left: 3rem;
  border-bottom-color: #5627e7;
  color: #2a3544;
  font: var(--t-serif-sm--one);
  font-size: 1.5rem
}

@media(min-width: 768px) {
  .search-input input {
    padding-bottom: 2rem;
    font-size: 2rem
  }
}

.search-input input:focus {
  border-bottom-color: #5627e7
}

.search-input input::placeholder {
  color: #9292ad
}

.search-input input::-webkit-search-cancel-button {
  width: 1.625rem;
  height: 1.625rem;
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 16 16%27%3E%3Cpath d=%27M8 .7 7.3 0 4 3.3.7 0 0 .7 3.3 4 0 7.3l.7.7L4 4.7 7.3 8l.7-.7L4.7 4 8 .7Z%27 fill=%27currentColor%27 /%3E%3C/svg%3E");
  cursor: pointer;
  appearance: none
}

@media(min-width: 768px) {
  .search-input input::-webkit-search-cancel-button {
    margin-top: .5rem
  }
}

.search-input input::-webkit-search-cancel-button:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 16 16%27%3E%3Cpath d=%27M8 .7 7.3 0 4 3.3.7 0 0 .7 3.3 4 0 7.3l.7.7L4 4.7 7.3 8l.7-.7L4.7 4 8 .7Z%27 fill=%27%235627e7%27 /%3E%3C/svg%3E")
}

.search-input__sub-text {
  margin-top: 2rem;
  color: #2a3544;
  font: var(--t-serif-sm--three)
}

.search-input__sub-text--hidden {
  display: none
}

@media(min-width: 768px) {
  .search-input__sub-text {
    margin-top: 2.5rem;
    font: var(--t-serif-sm--two)
  }
}

.search-results {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  padding-block: 2rem
}

@media(min-width: 768px) {
  .search-results {
    padding-block: 2.5rem
  }
}

.search-results__title {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  font: var(--t-serif-sm--two)
}

@media(min-width: 768px) {
  .search-results__title {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .search-results__title {
    font: var(--t-serif-sm--one)
  }
}

.search-results--loading .search-results__title,
.search-results--error .search-results__title {
  display: none
}

.search-results__title:not(:first-child) {
  padding-top: 3.5rem
}

.search-results__list {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  padding: 0;
  margin-block: 1.5rem
}

@media(min-width: 768px) {
  .search-results__list {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .search-results__list {
    margin-block: 1rem
  }
}

.search-results--loading .search-results__list,
.search-results--error .search-results__list {
  display: none
}

.search-results__item {
  display: flex;
  flex-wrap: wrap;
  padding-block: 2rem;
  border-top: 1px solid #d2d2dd
}

@media(min-width: 768px) {
  .search-results__item {
    padding-block: 2.5rem
  }
}

.search-results__item:last-child {
  border-bottom: 1px solid #d2d2dd
}

.search-results__item-eyebrow {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  display: flex;
  align-items: center
}

@media(min-width: 768px) {
  .search-results__item-eyebrow {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .search-results__item-eyebrow {
    margin-bottom: 1.5rem
  }
}

.search-results__item-eyebrow-icon {
  margin-right: .5rem
}

.search-results__item-eyebrow-icon svg {
  vertical-align: middle
}

.search-results__item-eyebrow-primary {
  color: #646984;
  font: var(--t-sans-sm--two)
}

.search-results__item-eyebrow-primary--strong {
  color: #2a3544;
  font: var(--t-sans-semibold-sm--two)
}

.search-results__item-eyebrow-secondary {
  color: #646984;
  font: var(--t-sans-sm--two)
}

.search-results__item-eyebrow-secondary::before {
  color: #646984;
  content: "|";
  margin-inline: .5rem
}

.search-results__item-title {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%
}

@media(min-width: 768px) {
  .search-results__item-title {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .search-results__item-title {
    max-width: 66.6666666667%;
    padding-right: 1.25rem
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .search-results__item-title {
    max-width: 33.3333333333%
  }
}

.search-results__item-title-text {
  display: block;
  color: #2a3544;
  font: var(--t-serif-sm--three);
  padding-block: 1.5rem
}

@media(min-width: 768px) {
  .search-results__item-title-text {
    font: var(--t-serif-sm--two);
    padding-block: 0
  }
}

.search-results__item-title-text:hover {
  color: #5627e7;
  text-decoration: underline
}

.search-results__item-description {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  color: #646984;
  font: var(--t-sans-sm--two)
}

@media(min-width: 768px) {
  .search-results__item-description {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .search-results__item-description {
    max-width: 83.3333333333%;
    padding-right: 1.25rem
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .search-results__item-description {
    max-width: 41.6666666667%
  }
}

.search-results__item-image,
.search-results__item-cta {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  margin-top: 1.5rem
}

@media(min-width: 768px) {

  .search-results__item-image,
  .search-results__item-cta {
    max-width: 100%
  }
}

@media(min-width: 768px) {

  .search-results__item-image,
  .search-results__item-cta {
    max-width: 50%;
    margin-top: 0
  }
}

@media(min-width: 768px)and (min-width: 768px) {

  .search-results__item-image,
  .search-results__item-cta {
    max-width: 25%
  }
}

@media(min-width: 768px) {
  .search-results__item-image {
    margin-top: -3rem
  }
}

.search-results__item-image .card,
.search-results__item-image .card__image {
  max-width: 11.5rem;
  max-height: 11.5rem;
  margin-bottom: 0
}

@media(min-width: 768px) {
  .search-results__item-cta {
    text-align: center
  }
}

.search-results__item-cta a {
  margin-top: .5rem;
  font: var(--t-sans-xs)
}

@media(min-width: 768px) {
  .search-results__item-cta a {
    margin-top: 0
  }
}

.search-results__item-cta a svg {
  margin-left: .5rem
}

@media(min-width: 768px) {
  .search-results__view-more {
    margin-top: 1rem
  }
}

.search-results--loading .search-results__view-more,
.search-results--error .search-results__view-more {
  display: none
}

.search-results__loader {
  display: none;
  width: 100%;
  margin: 2rem auto;
  text-align: center
}

.search-results--loading .search-results__loader {
  display: block
}

.search-results__error {
  display: none;
  width: 100%;
  margin: 2rem auto;
  color: #2a3544;
  font: var(--t-sans-lg);
  text-align: center
}

.search-results--error .search-results__error {
  display: block
}

.search-filters {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  margin-bottom: 2rem
}

@media(min-width: 768px) {
  .search-filters {
    margin-bottom: 2.5rem
  }
}

.search-filters--hidden {
  display: none
}

.search-filters__wrapper {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  display: none;
  width: 100vw;
  margin-right: -0.875rem;
  margin-left: -0.875rem;
  overflow-x: scroll
}

@media(min-width: 768px) {
  .search-filters__wrapper {
    max-width: 100%
  }
}

.search-filters__wrapper::-webkit-scrollbar {
  display: none
}

@media(min-width: 768px) {
  .search-filters__wrapper {
    display: block;
    margin-right: .625rem;
    margin-left: .625rem;
    padding: 0
  }
}

.search-filters__container {
  display: flex;
  align-items: center;
  justify-content: left;
  width: fit-content;
  min-width: calc(100% - 1.75rem);
  height: 2.25rem;
  margin: 0 .875rem;
  border-bottom: 1px solid #d2d2dd;
  column-gap: 3.5rem
}

@media(min-width: 768px) {
  .search-filters__container {
    min-width: 100%;
    margin: 0
  }
}

.search-filters__item {
  height: 100%;
  color: #646984;
  font: var(--t-sans-sm--two);
  white-space: nowrap
}

.search-filters__item:hover {
  color: #5627e7
}

.feature-grid--dark .search-filters__item {
  color: #fff
}

.search-filters__item:before {
  display: block;
  width: auto;
  height: 0;
  overflow: hidden;
  font-weight: bold;
  visibility: hidden;
  content: attr(title)
}

.search-filters__item--active {
  border-bottom: 1px solid #5627e7;
  color: #5627e7;
  font: var(--t-sans-semibold-sm--two)
}

.feature-grid--dark .search-filters__item--active {
  border-color: #fff
}

.search-filters__dropdown {
  width: 100%
}

@media(min-width: 768px) {
  .search-filters__dropdown {
    display: none
  }
}

.search-filters__dropdown .dropdown {
  height: 2.5rem;
  border: 1px solid #d2d2dd;
  border-radius: 1.25rem;
  background-color: #fff
}

.search-filters__dropdown .dropdown__button {
  display: block;
  border: none;
  text-align: center
}

.search-filters__dropdown .dropdown__button-text {
  color: #5627e7;
  font: var(--t-sans-semibold-xs)
}

.search-filters__dropdown .dropdown__icon svg {
  color: #5627e7
}

.search-no-results {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  display: none
}

.search-no-results--active {
  display: block
}

.search-no-results__heading {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  color: #2a3544;
  font: var(--t-serif-sm--one)
}

@media(min-width: 768px) {
  .search-no-results__heading {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .search-no-results__heading {
    font: var(--t-serif-md--two)
  }
}

.search-no-results__message {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  margin-top: 1rem;
  color: #646984;
  font: var(--t-sans-sm--one)
}

@media(min-width: 768px) {
  .search-no-results__message {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .search-no-results__message {
    max-width: 100%;
    margin-top: 1.5rem;
    font: var(--t-sans-md)
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .search-no-results__message {
    max-width: 50%
  }
}

.search-no-results__links {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  margin-top: 2rem
}

@media(min-width: 768px) {
  .search-no-results__links {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .search-no-results__links {
    margin-top: 2.5rem
  }
}

.search-no-results__links-heading {
  color: #646984;
  font: var(--t-sans-xs)
}

.search-no-results__links a {
  display: block;
  margin-top: 1rem;
  color: #5627e7;
  font: var(--t-sans-xs)
}

@media(min-width: 768px) {
  .search-no-results__links a {
    font: var(--t-sans-sm--two)
  }
}

.search-no-results__links a:hover {
  color: #5627e7;
  text-decoration: underline
}

.hero-video__wrapper {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  position: relative
}

.hero-video__header {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  pointer-events: none
}

@media(min-width: 768px) {
  .hero-video__header {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .hero-video__header {
    max-width: 83.3333333333%;
    position: absolute;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    height: 100%;
    transition: transform 1s, opacity 1s
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .hero-video__header {
    max-width: 41.6666666667%
  }
}

@media(min-width: 768px) {
  .after-transition .hero-video__header {
    transform: translateY(-50vh);
    opacity: 0
  }

  .before-transition .hero-video__header {
    transform: translateY(10rem);
    opacity: 0
  }
}

.hero-video__header-title {
  color: #2a3544;
  font: var(--t-serif-md--two)
}

@media(min-width: 768px) {
  .hero-video__header-title {
    font: var(--t-serif-lg--two)
  }
}

.hero-video__header-description {
  margin-top: .5rem;
  color: #646984;
  font: var(--t-sans-md)
}

@media(min-width: 768px) {
  .hero-video__header-description {
    margin-top: 1.5rem
  }
}

.hero-video__content {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  position: relative
}

@media(min-width: 768px) {
  .hero-video__content {
    max-width: 100%
  }
}

.hero-video__content:after {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% - 1.5rem);
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27706%27 height=%27706%27 viewBox=%270 0 539 539%27 fill=%27none%27%3E%3Cpath d=%27M0.999953 1.45525C297.457 1.72512 537.73 241.999 538 538.455L1 538.455L0.999953 1.45525Z%27 stroke=%27%23D2D2DD%27 /%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  transform: translatex(80%);
  opacity: 0;
  transition: transform 1s, opacity 1s;
  content: ""
}

.before-transition .hero-video__content:after {
  transform: translatex(40%);
  opacity: 1
}

@media(min-width: 768px) {
  .hero-video__content:after {
    right: -79%;
    height: 100%;
    transform: unset;
    opacity: 1
  }

  .before-transition .hero-video__content:after {
    transform: translateY(50vh);
    opacity: 0
  }

  .after-transition .hero-video__content:after {
    opacity: 0
  }
}

.hero-video__video {
  position: relative;
  margin-top: 1.5rem;
  aspect-ratio: 16/9
}

@media(min-width: 768px) {
  .hero-video__video {
    margin-top: 0
  }
}

.hero-video__video--play-button {
  position: relative;
  cursor: pointer
}

.hero-video__video--play-button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 6rem;
  height: 6rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 id=%27circle-play%27 viewBox=%270 0 16 16%27%3E%3Cg clip-path=%27url%28%23clip0_11524_149882%29%27%3E%3Cpath d=%27M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16ZM8 1.1A6.9 6.9 0 1 0 8 15 6.9 6.9 0 0 0 8 1Z%27 fill=%27%23fff%27 /%3E%3Cpath d=%27M11 8 6 5v6l5-3Z%27 fill=%27%23fff%27 /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_11524_149882%27%3E%3Cpath fill=%27%23fff%27 d=%27M0 0H16V16H0z%27 /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: 100% 100%;
  transform: translate(-50%, -50%);
  content: ""
}

.hero-video__video--mask {
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 1;
  transition: clip-path 1.5s 1s, transform 1s, opacity 1s;
  clip-path: circle(100%)
}

.before-transition .hero-video__video--mask {
  transform: translatex(-40%);
  clip-path: circle(74.3% at 100% 100%)
}

@media(min-width: 768px) {
  .hero-video__video--mask {
    transition: clip-path 0s, transform 1s, opacity 1s;
    clip-path: circle(69.3% at 100% 100%)
  }

  .after-transition .hero-video__video--mask {
    transition: clip-path 1.5s, transform 1s, opacity 1s;
    clip-path: circle(100%)
  }

  .before-transition .hero-video__video--mask {
    transform: translateY(50vh);
    opacity: 0;
    transition: clip-path 0s, transform 0s, opacity 0s
  }
}

.hero-video__video img,
.hero-video__video video {
  width: 100%;
  height: 100%
}

.hero-video__video video {
  display: none
}

.hero-video__video--show {
  cursor: unset
}

.hero-video__video--show img {
  display: none
}

.hero-video__video--show video {
  display: block
}

.hero-video__details {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  opacity: 1;
  transition: opacity 1s
}

@media(min-width: 768px) {
  .hero-video__details {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .hero-video__details {
    opacity: 0
  }
}

.before-transition .hero-video__details {
  opacity: 0
}

.after-transition .hero-video__details {
  opacity: 1
}

.hero-video__details-transcript {
  width: 100%;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: .0625rem solid var(--c-neutral--400)
}

.hero-video__details-transcript summary {
  display: flex;
  align-items: center;
  width: fit-content;
  color: var(--c-neutral--900);
  font: var(--t-sans-sm--one);
  list-style: none;
  cursor: pointer
}

.hero-video__details-transcript summary svg {
  margin-left: 1rem;
  transition: ease-in-out .1s
}

.hero-video__details-transcript summary:hover,
.hero-video__details-transcript summary:focus {
  color: var(--c-primary);
  text-decoration: underline;
  text-underline-offset: .25rem
}

.hero-video__details-transcript summary:hover svg,
.hero-video__details-transcript summary:focus svg {
  color: var(--c-primary)
}

.hero-video__details-transcript summary::-webkit-details-marker,
.hero-video__details-transcript summary::marker {
  display: none
}

.hero-video__details-transcript .rich-text {
  max-height: 15.75rem;
  padding-right: 1rem;
  overflow-x: auto;
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--two)
}

@media(pointer: fine) {
  .hero-video__details-transcript .rich-text {
    scrollbar-width: thin;
    scrollbar-color: var(--c-neutral--300) var(--c-neutral--100)
  }

  .hero-video__details-transcript .rich-text::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
  }

  .hero-video__details-transcript .rich-text::-webkit-scrollbar-track {
    background-color: var(--c-neutral--100);
    border-radius: .625rem
  }

  .hero-video__details-transcript .rich-text::-webkit-scrollbar-thumb {
    background-color: var(--c-neutral--300);
    border-radius: 0;
    border-radius: .625rem
  }
}

@media(min-width: 768px) {
  .hero-video__details-transcript .rich-text {
    max-width: 200%;
    padding-right: 1rem;
    font: var(--t-sans-sm--one)
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .hero-video__details-transcript .rich-text {
    max-width: 100%
  }
}

.hero-video__details-transcript[open] summary {
  margin-bottom: 1rem
}

.hero-video__details-transcript[open] svg {
  transform: rotate(180deg);
  transition: ease-in-out .1s
}

.returnsandrisk-tab thead th {
  color: #646984
}

.returnsandrisk-tab tbody td {
  padding: 1rem;
  font: var(--t-sans-xs)
}

.returnsandrisk-tab .tables__table {
  margin-bottom: 0;
  padding-bottom: 2.5rem
}

.dynamic-fund-table {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  padding-top: 5rem
}

.dynamic-fund-table__title {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  color: #2a3544;
  font: var(--t-serif-md--three)
}

@media(min-width: 768px) {
  .dynamic-fund-table__title {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .dynamic-fund-table__title {
    font: var(--t-serif-md--one)
  }
}

.dynamic-fund-table__subtitle {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  margin-top: 1rem;
  color: #646984;
  font: var(--t-sans-md)
}

@media(min-width: 768px) {
  .dynamic-fund-table__subtitle {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .dynamic-fund-table__subtitle {
    font: var(--t-sans-lg)
  }
}

.dynamic-fund-table__date {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  color: #646984;
  font: var(--t-sans-md)
}

@media(min-width: 768px) {
  .dynamic-fund-table__date {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .dynamic-fund-table__date {
    font: var(--t-sans-lg)
  }
}

.dynamic-fund-table__description {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  margin-top: 2.5rem;
  color: #2a3544;
  font: var(--t-serif-sm--three)
}

@media(min-width: 768px) {
  .dynamic-fund-table__description {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .dynamic-fund-table__description {
    font: var(--t-serif-sm--two);
    max-width: 116.6666666667%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .dynamic-fund-table__description {
    max-width: 58.3333333333%
  }
}

.dynamic-fund-table__dropdown {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  margin-top: 1.5rem
}

@media(min-width: 768px) {
  .dynamic-fund-table__dropdown {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .dynamic-fund-table__dropdown {
    max-width: 66.6666666667%;
    margin-left: 16.6666666667%;
    margin-top: 2.5rem
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .dynamic-fund-table__dropdown {
    max-width: 33.3333333333%
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .dynamic-fund-table__dropdown {
    margin-left: 8.3333333333%
  }
}

.dynamic-fund-table__dropdown .dropdown__label {
  display: none
}

.dynamic-fund-table__dropdown .dropdown__date {
  font-weight: 600;
  font-size: .75rem;
  line-height: 1.25;
  text-align: left
}

.dynamic-fund-table__table {
  overflow-x: auto
}

.dynamic-fund-table__actions {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  margin-top: 2.5rem
}

@media(min-width: 768px) {
  .dynamic-fund-table__actions {
    max-width: 100%
  }
}

.dynamic-fund-table__directactions {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  margin-top: 2.5rem
}

@media(min-width: 768px) {
  .dynamic-fund-table__directactions {
    max-width: 100%
  }
}

.dynamic-fund-table__placeholder {
  overflow-x: auto
}

.dynamic-fund-table table td.date-td {
  text-wrap: nowrap
}

.allview-map {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in
}

.allview-map__header {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: left;
  width: 100%;
  padding: 2rem 1.25rem;
  border-radius: 1rem;
  background-color: #005738
}

@media(min-width: 768px) {
  .allview-map__header {
    max-width: 100%
  }
}

.allview-map__header--violet {
  background-color: #5627e7
}

.allview-map__header--evergreen {
  background-color: #005738
}

.allview-map__header--sun-yellow {
  background-color: #ffe805
}

.allview-map__header--sun-yellow .allview-map__datapoint {
  color: #2a3544
}

.allview-map__header--sky-blue {
  background-color: #38a8ff
}

.allview-map__header--sky-blue .allview-map__datapoint {
  color: #2a3544
}

@media(min-width: 768px) {
  .allview-map__header {
    flex-direction: row;
    justify-content: space-around;
    border-radius: 1rem 1rem 0 0
  }
}

.allview-map__datapoint {
  margin-bottom: 1.5rem;
  color: #fff
}

.allview-map__datapoint:last-child {
  margin-bottom: 0
}

@media(min-width: 768px) {
  .allview-map__datapoint {
    text-align: center
  }
}

.allview-map__datapoint-number {
  margin-bottom: .5rem;
  font: var(--t-serif-md--two)
}

.allview-map__datapoint-label {
  margin-top: .25rem;
  font: var(--t-sans-sm--two)
}

@media(min-width: 768px) {
  .allview-map__datapoint-label {
    margin-top: .5rem
  }
}

.allview-map__map {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%;
  display: none;
  border-radius: 0 0 1rem 1rem;
  background-color: #f5f7fb
}

@media(min-width: 768px) {
  .allview-map__map {
    max-width: 100%
  }
}

@media(min-width: 768px) {
  .allview-map__map {
    display: block
  }
}

.allview-map__map-container {
  position: relative
}

.allview-map__map svg.rsm-svg {
  transform: scale(0.8);
  transition: transform 2s ease-in-out
}

.allview-map__map--initialized svg.rsm-svg {
  transform: scale(1)
}

.allview-map__map--initialized path[data-highlight=true] {
  fill: #9292ad
}

.allview-map__map-zoom-group {
  transform: translate(0, 5.625rem)
}

.allview-map__map-geographies path {
  transition: fill 2s ease-in-out;
  pointer-events: none;
  fill: #d2d2dd;
  stroke: #fff;
  stroke-width: 1px
}

.allview-map__map-geographies path[data-highlight=true] {
  fill: #5627e7
}

.allview-map__map--initialized .allview-map__map-geographies path[data-highlight=true] {
  fill: #9292ad
}

.allview-map__map-popups-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none
}

.allview-map__map-marker {
  opacity: 0;
  transition: opacity 1s ease-in-out
}

.allview-map__map--initialized .allview-map__map-marker {
  opacity: 1
}

.allview-map__map-marker circle {
  transform-origin: center center;
  cursor: pointer;
  transition: r .5s ease-in-out, fill .5s ease-in-out, stroke .5s ease-in-out;
  fill: #fff;
  stroke: #5627e7
}

.allview-map__map-marker circle~circle {
  opacity: 0;
  transition: opacity .5s ease-in-out;
  pointer-events: none;
  fill: #fff
}

.allview-map__map-marker circle:hover {
  position: relative;
  display: block;
  fill: #5627e7;
  stroke: #fff;
  r: 10
}

.allview-map__map-marker circle:hover~circle {
  opacity: 1
}

.allview-map__map-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 16.25rem;
  padding: 1.5rem;
  border: 1px solid #5627e7;
  border-radius: 1rem;
  background-color: #fff;
  transform: translate(calc(-50% + 0.5rem), 1.5rem);
  opacity: 0;
  transition: opacity .25s ease-in-out;
  pointer-events: none
}

.allview-map__map-popup--visible {
  opacity: 1
}

.allview-map__map-popup-name {
  margin-bottom: 1rem;
  color: #5627e7;
  font: var(--t-serif-sm--three)
}

.allview-map__map-popup-office,
.allview-map__map-popup-address {
  color: #2a3544;
  font: var(--t-sans-xs)
}

.currencyallocation,
.geographicallocation,
.sectorallocation,
.assetallocation,
.creditassetallocation,
.maturity,
.creditquality {
  position: relative;
  display: flex;
  gap: 1.875rem;
  align-items: flex-start;
  width: auto
}

@media(max-width: 767px) {

  .currencyallocation,
  .geographicallocation,
  .sectorallocation,
  .assetallocation,
  .creditassetallocation,
  .maturity,
  .creditquality {
    gap: 1.875rem
  }
}

.currencyallocation table,
.geographicallocation table,
.sectorallocation table,
.assetallocation table,
.creditassetallocation table,
.maturity table,
.creditquality table {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 2.5rem;
  padding-bottom: 2.5rem
}

@media(max-width: 991px) {

  .currencyallocation table,
  .geographicallocation table,
  .sectorallocation table,
  .assetallocation table,
  .creditassetallocation table,
  .maturity table,
  .creditquality table {
    display: table
  }
}

.currencyallocation thead,
.geographicallocation thead,
.sectorallocation thead,
.assetallocation thead,
.creditassetallocation thead,
.maturity thead,
.creditquality thead {
  color: #646984
}

.currencyallocation tbody td,
.geographicallocation tbody td,
.sectorallocation tbody td,
.assetallocation tbody td,
.creditassetallocation tbody td,
.maturity tbody td,
.creditquality tbody td {
  padding: 1rem;
  font: var(--t-sans-xs)
}

.currencyallocation tbody tr:last-of-type>*,
.geographicallocation tbody tr:last-of-type>*,
.sectorallocation tbody tr:last-of-type>*,
.assetallocation tbody tr:last-of-type>*,
.creditassetallocation tbody tr:last-of-type>*,
.maturity tbody tr:last-of-type>*,
.creditquality tbody tr:last-of-type>* {
  border-bottom: none
}

.currencyallocation th:not(:first-child),
.geographicallocation th:not(:first-child),
.sectorallocation th:not(:first-child),
.assetallocation th:not(:first-child),
.creditassetallocation th:not(:first-child),
.maturity th:not(:first-child),
.creditquality th:not(:first-child) {
  padding-right: 1rem
}

.currencyallocation td:not(:first-child),
.geographicallocation td:not(:first-child),
.sectorallocation td:not(:first-child),
.assetallocation td:not(:first-child),
.creditassetallocation td:not(:first-child),
.maturity td:not(:first-child),
.creditquality td:not(:first-child),
.currencyallocation th:not(:first-child),
.geographicallocation th:not(:first-child),
.sectorallocation th:not(:first-child),
.assetallocation th:not(:first-child),
.creditassetallocation th:not(:first-child),
.maturity th:not(:first-child),
.creditquality th:not(:first-child) {
  text-align: right
}

.currencyallocation td:not(:first-child) .currencyallocation__row-header,
.currencyallocation td:not(:first-child) .geographicallocation__row-header,
.geographicallocation td:not(:first-child) .currencyallocation__row-header,
.geographicallocation td:not(:first-child) .geographicallocation__row-header,
.currencyallocation td:not(:first-child) .sectorallocation__row-header,
.geographicallocation td:not(:first-child) .sectorallocation__row-header,
.sectorallocation td:not(:first-child) .currencyallocation__row-header,
.sectorallocation td:not(:first-child) .geographicallocation__row-header,
.sectorallocation td:not(:first-child) .sectorallocation__row-header,
.currencyallocation td:not(:first-child) .assetallocation__row-header,
.geographicallocation td:not(:first-child) .assetallocation__row-header,
.sectorallocation td:not(:first-child) .assetallocation__row-header,
.assetallocation td:not(:first-child) .currencyallocation__row-header,
.assetallocation td:not(:first-child) .geographicallocation__row-header,
.assetallocation td:not(:first-child) .sectorallocation__row-header,
.assetallocation td:not(:first-child) .assetallocation__row-header,
.currencyallocation td:not(:first-child) .creditassetallocation__row-header,
.geographicallocation td:not(:first-child) .creditassetallocation__row-header,
.sectorallocation td:not(:first-child) .creditassetallocation__row-header,
.assetallocation td:not(:first-child) .creditassetallocation__row-header,
.creditassetallocation td:not(:first-child) .currencyallocation__row-header,
.creditassetallocation td:not(:first-child) .geographicallocation__row-header,
.creditassetallocation td:not(:first-child) .sectorallocation__row-header,
.creditassetallocation td:not(:first-child) .assetallocation__row-header,
.creditassetallocation td:not(:first-child) .creditassetallocation__row-header,
.currencyallocation td:not(:first-child) .maturity__row-header,
.geographicallocation td:not(:first-child) .maturity__row-header,
.sectorallocation td:not(:first-child) .maturity__row-header,
.assetallocation td:not(:first-child) .maturity__row-header,
.creditassetallocation td:not(:first-child) .maturity__row-header,
.maturity td:not(:first-child) .currencyallocation__row-header,
.maturity td:not(:first-child) .geographicallocation__row-header,
.maturity td:not(:first-child) .sectorallocation__row-header,
.maturity td:not(:first-child) .assetallocation__row-header,
.maturity td:not(:first-child) .creditassetallocation__row-header,
.maturity td:not(:first-child) .maturity__row-header,
.currencyallocation td:not(:first-child) .creditquality__row-header,
.geographicallocation td:not(:first-child) .creditquality__row-header,
.sectorallocation td:not(:first-child) .creditquality__row-header,
.assetallocation td:not(:first-child) .creditquality__row-header,
.creditassetallocation td:not(:first-child) .creditquality__row-header,
.maturity td:not(:first-child) .creditquality__row-header,
.creditquality td:not(:first-child) .currencyallocation__row-header,
.creditquality td:not(:first-child) .geographicallocation__row-header,
.creditquality td:not(:first-child) .sectorallocation__row-header,
.creditquality td:not(:first-child) .assetallocation__row-header,
.creditquality td:not(:first-child) .creditassetallocation__row-header,
.creditquality td:not(:first-child) .maturity__row-header,
.creditquality td:not(:first-child) .creditquality__row-header,
.currencyallocation th:not(:first-child) .currencyallocation__row-header,
.currencyallocation th:not(:first-child) .geographicallocation__row-header,
.geographicallocation th:not(:first-child) .currencyallocation__row-header,
.geographicallocation th:not(:first-child) .geographicallocation__row-header,
.currencyallocation th:not(:first-child) .sectorallocation__row-header,
.geographicallocation th:not(:first-child) .sectorallocation__row-header,
.sectorallocation th:not(:first-child) .currencyallocation__row-header,
.sectorallocation th:not(:first-child) .geographicallocation__row-header,
.sectorallocation th:not(:first-child) .sectorallocation__row-header,
.currencyallocation th:not(:first-child) .assetallocation__row-header,
.geographicallocation th:not(:first-child) .assetallocation__row-header,
.sectorallocation th:not(:first-child) .assetallocation__row-header,
.assetallocation th:not(:first-child) .currencyallocation__row-header,
.assetallocation th:not(:first-child) .geographicallocation__row-header,
.assetallocation th:not(:first-child) .sectorallocation__row-header,
.assetallocation th:not(:first-child) .assetallocation__row-header,
.currencyallocation th:not(:first-child) .creditassetallocation__row-header,
.geographicallocation th:not(:first-child) .creditassetallocation__row-header,
.sectorallocation th:not(:first-child) .creditassetallocation__row-header,
.assetallocation th:not(:first-child) .creditassetallocation__row-header,
.creditassetallocation th:not(:first-child) .currencyallocation__row-header,
.creditassetallocation th:not(:first-child) .geographicallocation__row-header,
.creditassetallocation th:not(:first-child) .sectorallocation__row-header,
.creditassetallocation th:not(:first-child) .assetallocation__row-header,
.creditassetallocation th:not(:first-child) .creditassetallocation__row-header,
.currencyallocation th:not(:first-child) .maturity__row-header,
.geographicallocation th:not(:first-child) .maturity__row-header,
.sectorallocation th:not(:first-child) .maturity__row-header,
.assetallocation th:not(:first-child) .maturity__row-header,
.creditassetallocation th:not(:first-child) .maturity__row-header,
.maturity th:not(:first-child) .currencyallocation__row-header,
.maturity th:not(:first-child) .geographicallocation__row-header,
.maturity th:not(:first-child) .sectorallocation__row-header,
.maturity th:not(:first-child) .assetallocation__row-header,
.maturity th:not(:first-child) .creditassetallocation__row-header,
.maturity th:not(:first-child) .maturity__row-header,
.currencyallocation th:not(:first-child) .creditquality__row-header,
.geographicallocation th:not(:first-child) .creditquality__row-header,
.sectorallocation th:not(:first-child) .creditquality__row-header,
.assetallocation th:not(:first-child) .creditquality__row-header,
.creditassetallocation th:not(:first-child) .creditquality__row-header,
.maturity th:not(:first-child) .creditquality__row-header,
.creditquality th:not(:first-child) .currencyallocation__row-header,
.creditquality th:not(:first-child) .geographicallocation__row-header,
.creditquality th:not(:first-child) .sectorallocation__row-header,
.creditquality th:not(:first-child) .assetallocation__row-header,
.creditquality th:not(:first-child) .creditassetallocation__row-header,
.creditquality th:not(:first-child) .maturity__row-header,
.creditquality th:not(:first-child) .creditquality__row-header {
  justify-content: end
}

.currencyallocation .tooltip-reference,
.geographicallocation .tooltip-reference,
.sectorallocation .tooltip-reference,
.assetallocation .tooltip-reference,
.creditassetallocation .tooltip-reference,
.maturity .tooltip-reference,
.creditquality .tooltip-reference {
  z-index: 11
}

@media(max-width: 991px) {

  .currencyallocation-table__container,
  .geographicallocation-table__container,
  .sectorallocation-table__container,
  .assetallocation-table__container,
  .creditassetallocation-table__container,
  .maturity-table__container,
  .creditquality-table__container {
    flex: 1
  }
}

.currencyallocation-chart__container,
.geographicallocation-chart__container,
.sectorallocation-chart__container,
.assetallocation-chart__container,
.creditassetallocation-chart__container,
.maturity-chart__container,
.creditquality-chart__container {
  flex: 1;
  margin-top: 4rem
}

@media(max-width: 991px) {

  .currencyallocation-chart__container,
  .geographicallocation-chart__container,
  .sectorallocation-chart__container,
  .assetallocation-chart__container,
  .creditassetallocation-chart__container,
  .maturity-chart__container,
  .creditquality-chart__container {
    display: none
  }
}

.currencyallocation__table-cell,
.geographicallocation__table-cell,
.sectorallocation__table-cell,
.assetallocation__table-cell,
.creditassetallocation__table-cell,
.maturity__table-cell,
.creditquality__table-cell {
  display: flex;
  width: 100%
}

.currencyallocation__table-data,
.geographicallocation__table-data,
.sectorallocation__table-data,
.assetallocation__table-data,
.creditassetallocation__table-data,
.maturity__table-data,
.creditquality__table-data {
  padding-right: .25rem;
  text-wrap: nowrap
}

.currencyallocation .-row--active>td,
.geographicallocation .-row--active>td,
.sectorallocation .-row--active>td,
.assetallocation .-row--active>td,
.creditassetallocation .-row--active>td,
.maturity .-row--active>td,
.creditquality .-row--active>td {
  color: #5627e7
}

.currencyallocation__row-highlight,
.geographicallocation__row-highlight,
.sectorallocation__row-highlight,
.assetallocation__row-highlight,
.creditassetallocation__row-highlight,
.maturity__row-highlight,
.creditquality__row-highlight {
  position: absolute;
  top: 0;
  z-index: 0;
  display: none;
  width: 100%;
  background-color: #2a3544;
  opacity: .05
}

.currencyallocation__label-color,
.geographicallocation__label-color,
.sectorallocation__label-color,
.assetallocation__label-color,
.creditassetallocation__label-color,
.maturity__label-color,
.creditquality__label-color {
  flex-shrink: 0;
  width: .5rem;
  height: .5rem;
  border-radius: 100%
}

@media(max-width: 991px) {

  .currencyallocation__label-color,
  .geographicallocation__label-color,
  .sectorallocation__label-color,
  .assetallocation__label-color,
  .creditassetallocation__label-color,
  .maturity__label-color,
  .creditquality__label-color {
    display: none
  }
}

.--primary.currencyallocation__label-color,
.--primary.geographicallocation__label-color,
.--primary.sectorallocation__label-color,
.--primary.assetallocation__label-color,
.--primary.creditassetallocation__label-color,
.--primary.maturity__label-color,
.--primary.creditquality__label-color {
  background-color: #5627e7
}

.--neutral--600.currencyallocation__label-color,
.--neutral--600.geographicallocation__label-color,
.--neutral--600.sectorallocation__label-color,
.--neutral--600.assetallocation__label-color,
.--neutral--600.creditassetallocation__label-color,
.--neutral--600.maturity__label-color,
.--neutral--600.creditquality__label-color {
  background-color: #9292ad
}

.currencyallocation__label-text,
.geographicallocation__label-text,
.sectorallocation__label-text,
.assetallocation__label-text,
.creditassetallocation__label-text,
.maturity__label-text,
.creditquality__label-text {
  display: flex;
  gap: .25rem;
  align-items: center
}

.currencyallocation__label-text button,
.geographicallocation__label-text button,
.sectorallocation__label-text button,
.assetallocation__label-text button,
.creditassetallocation__label-text button,
.maturity__label-text button,
.creditquality__label-text button {
  align-self: flex-start
}

.currencyallocation__row-header,
.geographicallocation__row-header,
.sectorallocation__row-header,
.assetallocation__row-header,
.creditassetallocation__row-header,
.maturity__row-header,
.creditquality__row-header {
  display: flex;
  gap: .5rem;
  color: #646984;
  font: var(--t-sans-xs);
  font-weight: 600
}

.top10holdingsgraph {
  display: flex;
  gap: 3.75rem
}

@media(max-width: 767px) {
  .top10holdingsgraph {
    gap: 1.875rem
  }
}

.top10holdingsgraph th,
.top10holdingsgraph td {
  padding: 0
}

@media(max-width: 767px) {
  .top10holdingsgraph-table__container {
    flex: 1
  }
}

.top10holdingsgraph-chart__container {
  flex: 1;
  max-width: 22.5625rem
}

@media(max-width: 767px) {
  .top10holdingsgraph-chart__container {
    display: none
  }
}

.top10holdingsgraph-chart__container-title {
  padding: 1rem;
  color: #646984;
  font: var(--t-sans-xs)
}

.top10holdingsgraph .-row--active {
  background-color: hsla(215, 24%, 22%, .05)
}

.top10holdingsgraph .-row--active>td {
  color: #5627e7
}

.top10holdingsgraph__label-color {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-right: 1rem;
  border-radius: 100%
}

@media(max-width: 767px) {
  .top10holdingsgraph__label-color {
    display: none
  }
}

.top10holdingsgraph__theader {
  padding: 1rem;
  color: #646984;
  text-align: inherit
}

.top10holdingsgraph__tcell {
  display: flex;
  width: max-content;
  padding: 1rem;
  font: var(--t-sans-xs)
}

.top10holdingsgraph__disclosure {
  margin-top: 2.5rem;
  color: var(--c-neutral--700);
  font: var(--t-sans-xs)
}

.top10holdingsgraph .tooltip-reference {
  margin-left: .25rem
}

.top10holdingsgraph .pie-chart-tooltip__wrapper {
  display: flex;
  flex-direction: column;
  gap: .625rem;
  font: var(--t-sans-xs)
}

.top10holdingsgraph .pie-chart-tooltip-body {
  display: flex;
  gap: .75rem
}

.top10holdingsgraph .pie-chart-tooltip-body span:nth-child(2) {
  color: #646984
}

.top10holdingsgraph .pie-chart-tooltip-body__bullet {
  display: inline-flex;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  border-radius: 12px
}

.top10holdingsgraph .pie-chart-tooltip-heading {
  font-weight: 600
}

@media(max-width: 767px) {
  .top10holdingsgraph-chart__container {
    display: none
  }
}

.sector-allocation-tab .tables__table--document {
  margin-bottom: 0
}

.sector-allocation-tab td {
  color: #646984;
  font: var(--t-sans-xs)
}

.sector-allocation-tab th {
  color: #646984;
  font: var(--t-sans-semibold-xs)
}

.overview-tab {
  max-width: 90vw;
  overflow-x: auto
}

.overview-tab__container {
  display: flex;
  gap: 3.5rem
}

.overview-tab__container .tabset-panel__content {
  padding-top: 0
}

.overview-tab__container .tabset-panel__last-updated {
  display: block;
  margin-bottom: 2.5rem;
  margin-left: 0
}

.overview-tab__panel {
  flex: 1
}

@media(max-width: 767px) {
  .overview-tab__panel--mobile-hidden {
    display: none
  }
}

.overview-tab td {
  padding: 1rem;
  font: var(--t-sans-xs)
}

@media(max-width: 767px) {
  .overview-tab td {
    min-width: 5rem
  }
}

.overview-tab thead th {
  color: #646984
}

.overview-tab tbody th {
  display: block;
  min-width: 6.875rem;
  padding: 1rem;
  color: #646984;
  font: var(--t-sans-xs)
}

@media(min-width: 1200px) {
  .overview-tab tbody th {
    min-width: 10rem
  }
}

.overview-tab .tables__table--document {
  padding: 0
}

.composition .tabset-panel__content {
  padding-top: 0
}

@media(min-width: 768px) {
  .composition .title h2 {
    font: var(--t-serif-md--three-plus)
  }
}

.data-summary__container {
  padding-top: 5rem;
  padding-bottom: 5rem
}

@media(max-width: 767px) {
  .data-summary__container {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
  }
}

.data-summary__title {
  margin-bottom: 2.5rem
}

.data-summary__title h1 {
  font: var(--t-serif-sm--one)
}

@media(min-width: 768px) {
  .data-summary__title h1 {
    font: var(--t-serif-md--three-plus);
    font-size: 2.75rem
  }
}

.data-summary__data-container {
  display: block;
  width: 100%
}

@media(min-width: 768px) {
  .data-summary__data-container {
    display: flex
  }
}

.data-summary__data-table {
  width: 100%;
  min-height: .0625rem
}

.data-summary__data-table:nth-last-child(2) {
  max-width: 66.6666666667%
}

@media(min-width: 768px) {
  .data-summary__data-table:nth-last-child(2) {
    max-width: 33.3333333333%
  }
}

@media(max-width: 767px) {
  .data-summary__data-table:nth-last-child(2) {
    max-width: 100%
  }
}

.data-summary__data-table,
.data-summary__data-chart {
  width: 100%;
  overflow-x: auto
}

@media(pointer: fine) {

  .data-summary__data-table,
  .data-summary__data-chart {
    scrollbar-width: thin;
    scrollbar-color: var(--c-primary--600) var(--c-primary--300)
  }

  .data-summary__data-table::-webkit-scrollbar,
  .data-summary__data-chart::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
  }

  .data-summary__data-table::-webkit-scrollbar-track,
  .data-summary__data-chart::-webkit-scrollbar-track {
    background-color: var(--c-primary--300);
    border-radius: .625rem
  }

  .data-summary__data-table::-webkit-scrollbar-thumb,
  .data-summary__data-chart::-webkit-scrollbar-thumb {
    background-color: var(--c-primary--600);
    border-radius: 0;
    border-radius: .625rem
  }
}

.data-summary__data-table+.data-summary__data-chart {
  width: 100%;
  min-height: .0625rem;
  max-width: 116.6666666667%;
  margin-left: 16.6666666667%
}

@media(min-width: 768px) {
  .data-summary__data-table+.data-summary__data-chart {
    max-width: 58.3333333333%
  }
}

@media(min-width: 768px) {
  .data-summary__data-table+.data-summary__data-chart {
    margin-left: 8.3333333333%
  }
}

@media(max-width: 767px) {
  .data-summary__data-table+.data-summary__data-chart {
    max-width: 100%;
    margin-left: 0
  }
}

.data-summary__disclaimer {
  margin-top: 3.5rem;
  color: #646984;
  font: var(--t-sans-xs)
}

.data-summary-data-set {
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .data-summary-data-set {
    padding-right: 1rem;
    padding-left: 1rem
  }
}

.data-summary-data-set__title {
  font: var(--t-sans-semibold-sm--one)
}

.data-summary-data-set__data {
  display: flex;
  gap: 2.5rem
}

@media(min-width: 768px) {
  .data-summary-data-set__data {
    gap: .5rem
  }
}

@media(min-width: 992px) {
  .data-summary-data-set__data {
    gap: 1.5rem
  }
}

.data-summary-data-set__data-point {
  display: flex;
  flex-direction: column;
  gap: 1rem
}

.data-summary-data-set__data-label {
  font: var(--t-sans-xs)
}

.data-summary-data-set__data-value {
  padding-bottom: .5rem;
  font: var(--t-serif-md--two);
  line-height: 1
}

.data-summary-data-set__data-separator {
  width: 1px;
  border-right: 1px solid hsla(0, 0%, 100%, .15)
}

.data-summary-data-set__description {
  font: var(--t-sans-xs)
}

.data-summary-data-comparison {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  margin-bottom: 2.5rem;
  padding: 3.5rem 1rem;
  border-radius: 1.25rem
}

@media(min-width: 768px) {
  .data-summary-data-comparison {
    flex-direction: row;
    gap: unset;
    justify-content: space-between
  }
}

@media(min-width: 768px) {
  .data-summary-data-comparison {
    padding: 3rem 1rem 3.5rem 1rem
  }
}

@media(min-width: 992px) {
  .data-summary-data-comparison {
    padding: 3rem 5rem 3.5rem 6rem
  }
}

.data-summary-data-comparison--neutral {
  color: #2a3544;
  background: #ededf1
}

.data-summary-data-comparison--neutral .data-summary-data-comparison__separator,
.data-summary-data-comparison--neutral .data-summary-data-set__data-separator {
  border-color: rgba(42, 53, 68, .15)
}

.data-summary-data-comparison--primary {
  color: #fff;
  background: #5627e7
}

.data-summary-data-comparison--evergreen {
  color: #fff;
  background: #005738
}

.data-summary-data-comparison--sunyellow {
  color: #2a3544;
  background: #ffe805
}

.data-summary-data-comparison--sunyellow .data-summary-data-comparison__separator,
.data-summary-data-comparison--sunyellow .data-summary-data-set__data-separator {
  border-color: rgba(42, 53, 68, .15)
}

.data-summary-data-comparison--skyblue {
  color: #2a3544;
  background: #38a8ff
}

.data-summary-data-comparison--skyblue .data-summary-data-comparison__separator,
.data-summary-data-comparison--skyblue .data-summary-data-set__data-separator {
  border-color: rgba(42, 53, 68, .15)
}

.data-summary-data-comparison__separator {
  border-bottom: 1px solid hsla(0, 0%, 100%, .15)
}

@media(min-width: 768px) {
  .data-summary-data-comparison__separator {
    border-right: 1px solid hsla(0, 0%, 100%, .15);
    border-bottom: none
  }
}

.data-summary-data-table {
  min-width: 25.3125rem
}

.data-summary-data-table__label h2 {
  margin-bottom: 2.5rem;
  font: var(--t-serif-sm--two)
}

.data-summary-data-table__table .tables__table {
  padding: 0
}

.data-summary-data-table__table .tables__table td {
  min-width: unset;
  padding: 1rem
}

.data-summary-data-table__table .tables__table thead {
  color: #646984
}

.data-summary-data-table__table .tables__table thead th:not(:first-child) span::before {
  width: .5rem;
  height: .5rem;
  margin: auto .5rem auto 0;
  border-radius: .25rem;
  content: ""
}

.data-summary-data-table__table .tables__table thead th:nth-child(2) span::before {
  background-color: #5627e7
}

.data-summary-data-table__table .tables__table thead th:nth-child(3) span::before {
  background-color: #9292ad
}

.data-summary-data-chart {
  min-width: 39.375rem
}

@media(min-width: 768px) {
  .data-summary-data-chart {
    margin-top: 4.25rem
  }
}

.data-summary-data-chart .highcharts-xaxis-labels text {
  max-width: 200px
}

@media(max-width: 991px) {
  .cumulative {
    padding-bottom: 2.5rem
  }
}

.cumulative .cumulative-filters__nav {
  display: inline-flex;
  margin-bottom: 2.5rem;
  border: 1px solid #d2d2dd;
  border-radius: 3rem;
  font: var(--t-sans-sm--two)
}

@media(max-width: 767px) {
  .cumulative .cumulative-filters__nav {
    display: none
  }
}

.cumulative .cumulative-filters__nav-filter.--active {
  font-weight: 600
}

.cumulative .cumulative-filters__nav-filter:not(.--active) {
  border-color: rgba(0, 0, 0, 0);
  color: #646984
}

@media(min-width: 768px) {
  .cumulative .cumulative-filters-menu {
    display: none
  }
}

.cumulative .cumulative-filters-menu .dropdown {
  height: 2.5rem;
  border: 1px solid #e3e3ec;
  border-radius: 1.25rem;
  background-color: #fff
}

.cumulative .cumulative-filters-menu .dropdown__button {
  justify-content: center;
  border-bottom: 0
}

.cumulative .cumulative-legend {
  padding: 1.25rem;
  font: var(--t-sans-xs)
}

.cumulative .cumulative-legend__heading {
  padding-bottom: 1rem
}

.cumulative .cumulative-legend__body {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.25rem
}

@media(max-width: 767px) {
  .cumulative .cumulative-legend__body {
    flex-direction: column
  }
}

.cumulative .cumulative-legend__body>* {
  flex: 1
}

.cumulative .cumulative-legend__body__column {
  display: flex;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid var(--c-primary)
}

@media(max-width: 767px) {
  .cumulative .cumulative-legend__body__column {
    align-items: flex-start;
    padding-bottom: 1rem
  }
}

.cumulative .cumulative-legend__body__column-heading {
  font-weight: 600
}

.cumulative .cumulative-legend__body__column>* {
  flex: 1
}

.cumulative .cumulative-legend__body__column>*:nth-child(2) {
  font: var(--t-serif-sm--one);
  text-align: right
}

.cumulative .cumulative-legend__body__column:nth-child(1)>:nth-child(2) {
  color: var(--c-primary)
}

.cumulative .cumulative-legend__body__column:nth-child(2) {
  border-top: 1px solid var(--c-blue--700)
}

.cumulative .cumulative-legend__body__column:nth-child(2)>:nth-child(2) {
  color: var(--c-blue--700)
}

.cumulative .score-button {
  padding-right: 2rem;
  padding-left: 2rem
}

.cumulative .score-button:not(.--active) {
  background-color: rgba(0, 0, 0, 0)
}

.cumulative .chartTooltip__wrapper {
  display: flex;
  flex-direction: column;
  gap: .625rem;
  font: var(--t-sans-xs)
}

.cumulative .chartTooltip-heading {
  font-weight: 600
}

.cumulative .chartTooltip-body {
  display: flex;
  flex-direction: column;
  gap: .75rem
}

.cumulative .chartTooltip-body__bullet {
  display: inline-flex;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  border-radius: 12px
}

.cumulative .chartTooltip-body__row {
  display: flex;
  gap: .5rem;
  align-items: center
}

.cumulative .chartTooltip-body__row>span {
  flex: 1
}

.cumulative .chartTooltip-body__row>span:nth-child(2) {
  text-align: right
}

.average-annual-returns-data-filters {
  display: inline-flex;
  margin-bottom: 2.5rem;
  border: 1px solid #d2d2dd;
  border-radius: 3rem;
  font: var(--t-sans-sm--two)
}

@media(min-width: 768px) {
  .average-annual-returns-data-filters {
    width: fit-content
  }
}

.average-annual-returns-data-filters__filter.score-button {
  justify-content: center
}

.average-annual-returns-data-filters__filter.--active {
  font-weight: 600
}

.average-annual-returns-data-filters__filter:not(.--active) {
  border-color: rgba(0, 0, 0, 0);
  color: #646984;
  background-color: rgba(0, 0, 0, 0)
}

@media(max-width: 767px) {
  .average-annual-returns-data-filters__filter {
    flex: 1
  }
}

.average-annual-returns-legend {
  max-width: 830px;
  padding: 1.25rem;
  font: var(--t-sans-xs)
}

.average-annual-returns-legend__heading {
  padding-bottom: 1rem
}

.average-annual-returns-legend__body {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.25rem
}

@media(max-width: 767px) {
  .average-annual-returns-legend__body {
    flex-direction: column
  }
}

.average-annual-returns-legend__body__column {
  display: flex;
  flex: 1;
  align-items: center;
  padding-bottom: 1rem;
  border-top: 1px solid var(--c-primary)
}

@media(max-width: 767px) {
  .average-annual-returns-legend__body__column {
    align-items: flex-start;
    padding-bottom: 1rem
  }
}

.average-annual-returns-legend__body__column>* {
  flex: 1
}

.average-annual-returns-legend__body__column>*:nth-child(1) {
  font-weight: 600
}

.average-annual-returns-legend__body__column>*:nth-child(2) {
  font: var(--t-serif-sm--one);
  text-align: right
}

.average-annual-returns-legend__body__column:nth-child(1)>:nth-child(2) {
  color: var(--c-primary)
}

.average-annual-returns-legend__body__column:nth-child(2) {
  border-top-color: var(--c-blue)
}

.average-annual-returns-legend__body__column:nth-child(2)>:nth-child(2) {
  color: var(--c-blue)
}

.average-annual-returns-legend__body__column:nth-child(3) {
  border-top-color: var(--c-green)
}

.average-annual-returns-legend__body__column:nth-child(3)>:nth-child(2) {
  color: var(--c-green)
}

.average-annual-returns {
  position: relative;
  width: fit-content
}

@media(max-width: 991px) {
  .average-annual-returns {
    padding-bottom: 2.5rem
  }
}

.average-annual-returns__table-top {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 2.125rem;
  color: var(--c-neutral--700);
  font: var(--t-sans-xs);
  font-weight: 600
}

.average-annual-returns__table-top span {
  width: 80px;
  text-align: center
}

.average-annual-returns td:not(:first-child),
.average-annual-returns th:not(:first-child) {
  text-align: right
}

.average-annual-returns table td {
  padding: 1rem
}

.average-annual-returns__table-cell {
  display: flex;
  justify-content: center;
  width: 100%
}

.average-annual-returns__table-data {
  width: 3.1875rem;
  padding-right: 1rem;
  text-align: right
}

.average-annual-returns__column--active {
  color: #5627e7
}

.average-annual-returns__column-highlight {
  position: absolute;
  top: 0;
  z-index: 2;
  display: none;
  height: 100%;
  background-color: #2a3544;
  opacity: .05
}

.average-annual-returns__column-highlight--visible {
  display: block
}

.average-annual-returns__label-color {
  width: 1rem;
  height: 1rem;
  border-radius: 100%
}

.average-annual-returns__label-text {
  display: flex;
  gap: .25rem;
  align-items: center;
  width: min-content;
  min-width: 3rem
}

.average-annual-returns__label-text__navpop>span {
  display: flex;
  gap: .25rem;
  align-items: center;
  min-height: 49px;
  padding-right: .5rem
}

.average-annual-returns__label-text__navpop>span button {
  align-self: auto
}

.average-annual-returns__label-text button {
  align-self: auto
}

.average-annual-returns__row-header {
  display: flex;
  gap: 1rem;
  align-items: center;
  color: #646984;
  font: var(--t-sans-xs)
}

.average-annual-returns table {
  display: block;
  padding-bottom: 2.5rem
}

.average-annual-returns thead {
  color: #646984
}

.average-annual-returns thead th {
  padding-left: 0
}

.average-annual-returns tbody th {
  padding-bottom: 0
}

.average-annual-returns tbody td {
  font: var(--t-sans-xs)
}

.average-annual-returns tbody tr:last-of-type>* {
  border-bottom: none
}

.moneymarket-calculator {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  justify-content: space-between;
  column-gap: 2.5rem
}

@media(max-width: 991px) {
  .moneymarket-calculator {
    flex-wrap: wrap
  }
}

.moneymarket-calculator h2 {
  font: var(--t-serif-sm--one)
}

.moneymarket-calculator h3 {
  margin-bottom: 2rem
}

.moneymarket-calculator table th {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.moneymarket-calculator table td {
  font: var(--t-sans-xs)
}

.moneymarket-calculator p {
  margin-bottom: 1rem;
  font-size: var(--s-bodysm)
}

.moneymarket-calculator .text-field,
.moneymarket-calculator .dropdown {
  margin: 0
}

.moneymarket-calculator .form-fields+.form-fields {
  margin-top: 2rem
}

.moneymarket-calculator-steps {
  flex: 1;
  min-width: 442px
}

@media(min-width: 992px) {
  .moneymarket-calculator-steps {
    max-width: 442px
  }
}

.moneymarket-calculator-steps__step {
  margin-bottom: 2.5rem
}

.moneymarket-calculator-steps__step-eyebrow {
  color: var(--c-neutral--600);
  font-size: var(--s-bodylg--two)
}

.moneymarket-calculator-steps__step-body {
  margin-top: 1.5rem
}

.moneymarket-calculator-steps__step-body label {
  font: var(--t-sans-xs)
}

.moneymarket-calculator-steps__step-body-card {
  padding: 2.5rem;
  border-radius: var(--s-border-radius-sm);
  background-color: #f5f7fb
}

.moneymarket-calculator-steps__step-body-card__heading,
.moneymarket-calculator-steps__step-body-card__heading>* {
  font-weight: 600;
  font-size: var(--s-smallbody)
}

.moneymarket-calculator-steps__step-body-card .form-fields {
  display: flex;
  column-gap: 1.5rem
}

.moneymarket-calculator-steps__step-body-card .form-fields .form-field {
  display: flex;
  flex: 1;
  flex-direction: column
}

.moneymarket-calculator-steps__step-body-card .form-fields .form-field input,
.moneymarket-calculator-steps__step-body-card .form-fields .form-field select {
  width: 100%;
  height: 2.375rem;
  background-color: rgba(0, 0, 0, 0)
}

.moneymarket-calculator-steps__step-body-card .form-fields .form-field input[type=range] {
  height: .5rem;
  padding: 0;
  border: none;
  border-radius: .25rem;
  background-color: #ddd4fa;
  background-image: linear-gradient(hsl(223, 90%, 50%), hsl(223, 90%, 50%));
  background-repeat: no-repeat;
  background-size: 50% 100%;
  appearance: none
}

.moneymarket-calculator-steps__step-body-card .form-fields .form-field input[type=range]::-webkit-slider-thumb {
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #5627e7;
  border-radius: 1.25rem;
  background-color: #fff;
  appearance: none
}

.moneymarket-calculator-steps__step-body-card .form-fields .form-field.--error label {
  color: var(--c-error--700)
}

.moneymarket-calculator-steps__step-body-card .form-fields .form-field.--error input {
  border-color: var(--c-error--700);
  color: var(--c-error--700)
}

.moneymarket-calculator-results {
  flex: 1;
  min-width: 481px
}

@media(min-width: 992px) {
  .moneymarket-calculator-results {
    max-width: 638px
  }
}

.moneymarket-calculator-results__eyebrow {
  color: #9292ad;
  font-size: var(--s-bodylg--two)
}

.moneymarket-calculator-results__subheading {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem
}

.moneymarket-calculator-results__result strong {
  padding-right: 1rem
}

.moneymarket-calculator-results__result .chart-section {
  margin-bottom: 2.5rem
}

.moneymarket-calculator-results__result-days {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem
}

.moneymarket-calculator-results__result-learnmore {
  max-width: fit-content;
  margin-top: 2.5rem
}

.moneymarket-calculator-results__result #mixednav-row {
  visibility: hidden
}

.moneymarket-calculator-error-summary {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  display: none;
  font: var(--t-sans-sm--two)
}

.moneymarket-calculator-error-summary__wrap {
  flex: 1;
  padding: .75rem;
  border-left: 3px solid var(--c-error--800);
  color: var(--c-error--900);
  background-color: var(--c-error--200)
}

.moneymarket-calculator-error-summary h4 {
  color: var(--c-error--800);
  font: var(--t-sans-semibold-sm--one)
}

.moneymarket-calculator-error-summary li::before {
  display: inline-flex;
  padding-right: .25rem;
  content: "-"
}

@media print {
  * {
    overflow: visible !important
  }

  .score-button {
    display: none
  }

  input[type=range] {
    appearance: auto !important
  }
}

.pdf-generator#pdf-container {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 600;
  background-color: hsla(0, 0%, 100%, .5)
}

.pdf-generator#pdf-container::before {
  display: block;
  width: 8rem;
  height: 8rem;
  position: absolute;
  left: 45%;
  top: 50%;
  border: .75rem solid #5627e7;
  border-color: #5627e7 rgba(0, 0, 0, 0) #5627e7 rgba(0, 0, 0, 0);
  border-radius: 50%;
  animation: dual-ring-loader 1.2s linear infinite;
  content: " "
}

.pdf-generator #pdf-embed {
  width: 100%;
  height: 100%;
  position: relative
}

#download-pdf-btn {
  margin-left: 1.5rem
}

.toggle-button--outlined,
.toggle-button--small,
.toggle-button {
  display: inline-flex;
  position: relative;
  width: 3.75rem;
  height: 2.125rem
}

.toggle-button--outlined input,
.toggle-button--small input,
.toggle-button input {
  width: 0;
  height: 0;
  opacity: 0
}

.toggle-button--outlined input:checked+.toggle-button__slider,
.toggle-button--small input:checked+.toggle-button__slider,
.toggle-button input:checked+.toggle-button__slider {
  background-color: var(--c-primary)
}

.toggle-button--outlined input:checked+.toggle-button__slider:before,
.toggle-button--small input:checked+.toggle-button__slider:before,
.toggle-button input:checked+.toggle-button__slider:before {
  transform: translateX(1.625rem)
}

.toggle-button--outlined .toggle-button__slider,
.toggle-button--small .toggle-button__slider,
.toggle-button .toggle-button__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: .4s;
  border-radius: 2.125rem;
  background-color: var(--c-neutral--300)
}

.toggle-button--outlined .toggle-button__slider:before,
.toggle-button--small .toggle-button__slider:before,
.toggle-button .toggle-button__slider:before {
  position: absolute;
  content: "";
  width: 1.625rem;
  height: 1.625rem;
  left: .25rem;
  bottom: .25rem;
  transition: .4s;
  border-radius: 50%;
  background-color: var(--c-white)
}

.toggle-button--small {
  width: 1.875rem;
  height: .9375rem
}

.toggle-button--small {
  width: 1.875rem;
  height: .9375rem
}

.toggle-button--small input:checked+.toggle-button__slider:before {
  transform: translateX(0.8125rem)
}

.toggle-button--small .toggle-button__slider:before {
  width: .625rem;
  height: .625rem;
  left: .1875rem;
  bottom: .1875rem
}

.toggle-button--outlined input:checked+.toggle-button__slider {
  background-color: unset
}

.toggle-button--outlined .toggle-button__slider {
  border: 1px solid var(--c-primary--400);
  background-color: unset
}

.toggle-button--outlined .toggle-button__slider:before {
  background-color: var(--c-primary)
}

.radio-button {
  display: inline-flex;
  gap: .5rem;
  color: var(--c-neutral--700);
  font: var(--t-sans-sm);
  cursor: pointer;
  padding: .5rem
}

.radio-button input[type=radio] {
  appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  padding: 0;
  outline: none;
  display: grid;
  place-content: center;
  border: 2px solid var(--c-neutral--600);
  cursor: pointer
}

.radio-button input[type=radio]:before {
  content: "";
  width: .75rem;
  height: .75rem;
  border-radius: 50%;
  transition: scale 200ms ease-in-out;
  background-color: var(--c-primary);
  scale: 0
}

.radio-button input[type=radio]:checked {
  border-color: var(--c-primary)
}

.radio-button input[type=radio]:checked:before {
  scale: 1
}

.radio-button input[type=radio]:checked+span {
  color: var(--c-primary);
  font-weight: 600
}

.area-chart {
  --chart-axis-color: #e3e3ec
}

.area-chart .area-chart__container {
  --highcharts-neutral-color-80: #646984
}

.area-chart .area-chart__container .highcharts-background {
  fill: rgba(0, 0, 0, 0)
}

.area-chart .area-chart__container .highcharts-graph {
  stroke-width: 0
}

.area-chart .area-chart__container .highcharts-axis-line,
.area-chart .area-chart__container .highcharts-tick {
  stroke: var(--chart-axis-color)
}

.area-chart .area-chart__container .highcharts-grid-line {
  stroke-width: 1
}

.area-chart .area-chart__container .highcharts-crosshair {
  stroke-width: 2px;
  stroke: var(--highcharts-neutral-color-80)
}

.area-chart .area-chart__container .highcharts-tooltip .highcharts-header {
  display: inline-flex;
  margin-bottom: .3125rem;
  font-weight: 600;
  font-size: inherit
}

.area-chart .area-chart__container .highcharts-tooltip .highcharts-color-0 {
  color: var(--highcharts-color-0);
  font-size: 150%
}

.area-chart .area-chart__container #gradient-0 stop {
  stop-color: #5627e7
}

.area-chart .area-chart__container #gradient-0 stop[offset="1"] {
  stop-color: #38a8ff
}

.area-chart .area-chart__container .highcharts-color-0 .highcharts-area {
  fill-opacity: 1;
  fill: url(#gradient-0)
}

.area-chart {
  --highcharts-color-0: #2caffe;
  --highcharts-color-1: #544fc5;
  --highcharts-color-2: #00e272;
  --highcharts-color-3: #fe6a35;
  --highcharts-color-4: #6b8abc;
  --highcharts-color-5: #d568fb;
  --highcharts-color-6: #2ee0ca;
  --highcharts-color-7: #fa4b42;
  --highcharts-color-8: #feb56a;
  --highcharts-color-9: #91e8e1;
  --highcharts-background-color: #ffffff;
  --highcharts-neutral-color-100: #000000;
  --highcharts-neutral-color-80: #333333;
  --highcharts-neutral-color-60: #666666;
  --highcharts-neutral-color-40: #999999;
  --highcharts-neutral-color-20: #cccccc;
  --highcharts-neutral-color-10: #e6e6e6;
  --highcharts-neutral-color-5: #f2f2f2;
  --highcharts-neutral-color-3: #f7f7f7;
  --highcharts-highlight-color-100: #0022ff;
  --highcharts-highlight-color-80: #334eff;
  --highcharts-highlight-color-60: #667aff;
  --highcharts-highlight-color-20: #ccd3ff;
  --highcharts-highlight-color-10: #e6e9ff;
  --highcharts-positive-color: #06b535;
  --highcharts-negative-color: #f21313;
  --highcharts-annotation-color-0: rgba(130, 170, 255, 0.4);
  --highcharts-annotation-color-1: rgba(139, 191, 216, 0.4);
  --highcharts-annotation-color-2: rgba(150, 216, 192, 0.4);
  --highcharts-annotation-color-3: rgba(156, 229, 161, 0.4);
  --highcharts-annotation-color-4: rgba(162, 241, 130, 0.4);
  --highcharts-annotation-color-5: rgba(169, 255, 101, 0.4)
}

.area-chart .highcharts-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: normal;
  z-index: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1rem;
  user-select: none;
  touch-action: manipulation;
  outline: none
}

.area-chart .highcharts-no-touch-action {
  touch-action: none
}

.area-chart .highcharts-root {
  display: block
}

.area-chart .highcharts-root text {
  stroke-width: 0
}

.area-chart .highcharts-strong {
  font-weight: bold
}

.area-chart .highcharts-emphasized {
  font-style: italic
}

.area-chart .highcharts-anchor {
  cursor: pointer
}

.area-chart .highcharts-background {
  fill: var(--highcharts-background-color)
}

.area-chart .highcharts-plot-border,
.area-chart .highcharts-plot-background {
  fill: none
}

.area-chart .highcharts-label-box {
  fill: none
}

.area-chart .highcharts-label text {
  fill: var(--highcharts-neutral-color-80);
  font-size: .8em
}

.area-chart .highcharts-button-box {
  fill: inherit
}

.area-chart .highcharts-tracker-line {
  stroke-linejoin: round;
  stroke: rgba(192, 192, 192, .0001);
  stroke-width: 22;
  fill: none
}

.area-chart .highcharts-tracker-area {
  fill: rgba(192, 192, 192, .0001);
  stroke-width: 0
}

.area-chart .highcharts-title {
  fill: var(--highcharts-neutral-color-80);
  font-size: 1.2em;
  font-weight: bold
}

.area-chart .highcharts-subtitle {
  fill: var(--highcharts-neutral-color-60);
  font-size: .8em
}

.area-chart .highcharts-axis-line {
  fill: none;
  stroke: var(--highcharts-neutral-color-80)
}

.area-chart .highcharts-yaxis .highcharts-axis-line {
  stroke-width: 0
}

.area-chart .highcharts-axis-title {
  fill: var(--highcharts-neutral-color-60);
  font-size: .8em
}

.area-chart .highcharts-axis-labels {
  fill: var(--highcharts-neutral-color-80);
  cursor: default;
  font-size: .8em
}

.area-chart .highcharts-grid-line {
  fill: none;
  stroke: var(--highcharts-neutral-color-10)
}

.area-chart .highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0
}

.area-chart .highcharts-tick {
  stroke: var(--highcharts-neutral-color-80)
}

.area-chart .highcharts-yaxis .highcharts-tick {
  stroke-width: 0
}

.area-chart .highcharts-minor-grid-line {
  stroke: var(--highcharts-neutral-color-5)
}

.area-chart .highcharts-crosshair-thin {
  stroke-width: 1px;
  stroke: var(--highcharts-neutral-color-20)
}

.area-chart .highcharts-crosshair-category {
  stroke: var(--highcharts-highlight-color-20);
  stroke-opacity: .25
}

.area-chart .highcharts-credits {
  cursor: pointer;
  fill: var(--highcharts-neutral-color-40);
  font-size: .6em;
  transition: fill 250ms, font-size 250ms
}

.area-chart .highcharts-credits:hover {
  fill: var(--highcharts-neutral-color-100);
  font-size: .7em
}

.area-chart .highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  transition: stroke 150ms
}

.area-chart .highcharts-tooltip .highcharts-tracker {
  fill: none;
  stroke: none
}

.area-chart .highcharts-tooltip text {
  fill: var(--highcharts-neutral-color-80);
  font-size: .8em
}

.area-chart .highcharts-tooltip .highcharts-header {
  font-size: .8em
}

.area-chart .highcharts-tooltip-box {
  stroke-width: 1px;
  fill: var(--highcharts-background-color)
}

.area-chart .highcharts-tooltip-box {
  stroke-width: 0;
  fill: var(--highcharts-background-color)
}

.area-chart .highcharts-tooltip-box .highcharts-label-box {
  fill: var(--highcharts-background-color)
}

.area-chart div.highcharts-tooltip {
  filter: none;
  font-size: .8em
}

.area-chart .highcharts-selection-marker {
  fill: var(--highcharts-highlight-color-80);
  fill-opacity: .25
}

.area-chart .highcharts-graph {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round
}

.area-chart .highcharts-empty-series {
  stroke-width: 1px;
  fill: none;
  stroke: var(--highcharts-neutral-color-20)
}

.area-chart .highcharts-state-hover .highcharts-graph {
  stroke-width: 3
}

.area-chart .highcharts-point-inactive {
  opacity: .2;
  transition: opacity 50ms
}

.area-chart .highcharts-series-inactive {
  opacity: .2;
  transition: opacity 50ms
}

.area-chart .highcharts-state-hover path {
  transition: stroke-width 50ms
}

.area-chart .highcharts-state-normal path {
  transition: stroke-width 250ms
}

.area-chart g.highcharts-series,
.area-chart .highcharts-point,
.area-chart .highcharts-markers,
.area-chart .highcharts-data-labels {
  transition: opacity 250ms
}

.area-chart .highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
.area-chart .highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover, .highcharts-point-select),
.area-chart .highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
.area-chart .highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
  opacity: .2
}

.area-chart .highcharts-color-0 {
  fill: var(--highcharts-color-0);
  stroke: var(--highcharts-color-0)
}

.area-chart .highcharts-color-1 {
  fill: var(--highcharts-color-1);
  stroke: var(--highcharts-color-1)
}

.area-chart .highcharts-color-2 {
  fill: var(--highcharts-color-2);
  stroke: var(--highcharts-color-2)
}

.area-chart .highcharts-color-3 {
  fill: var(--highcharts-color-3);
  stroke: var(--highcharts-color-3)
}

.area-chart .highcharts-color-4 {
  fill: var(--highcharts-color-4);
  stroke: var(--highcharts-color-4)
}

.area-chart .highcharts-color-5 {
  fill: var(--highcharts-color-5);
  stroke: var(--highcharts-color-5)
}

.area-chart .highcharts-color-6 {
  fill: var(--highcharts-color-6);
  stroke: var(--highcharts-color-6)
}

.area-chart .highcharts-color-7 {
  fill: var(--highcharts-color-7);
  stroke: var(--highcharts-color-7)
}

.area-chart .highcharts-color-8 {
  fill: var(--highcharts-color-8);
  stroke: var(--highcharts-color-8)
}

.area-chart .highcharts-color-9 {
  fill: var(--highcharts-color-9);
  stroke: var(--highcharts-color-9)
}

.area-chart .highcharts-area {
  fill-opacity: .75;
  stroke-width: 0
}

.area-chart .highcharts-markers {
  stroke-width: 1px;
  stroke: var(--highcharts-background-color)
}

.area-chart .highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover, .highcharts-a11y-marker-visible),
.area-chart .highcharts-a11y-marker-hidden {
  opacity: 0
}

.area-chart .highcharts-point {
  stroke-width: 1px
}

.area-chart .highcharts-dense-data .highcharts-point {
  stroke-width: 0
}

.area-chart .highcharts-data-label text,
.area-chart text.highcharts-data-label {
  font-size: .7em;
  font-weight: bold
}

.area-chart .highcharts-data-label-box {
  fill: none;
  stroke-width: 0
}

.area-chart .highcharts-data-label text,
.area-chart text.highcharts-data-label {
  fill: var(--highcharts-neutral-color-80)
}

.area-chart .highcharts-data-label-connector {
  fill: none
}

.area-chart .highcharts-data-label-hidden {
  pointer-events: none
}

.area-chart .highcharts-halo {
  fill-opacity: .25;
  stroke-width: 0
}

.area-chart .highcharts-series-label text {
  fill: inherit;
  font-weight: bold
}

.area-chart .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select,
.area-chart .highcharts-markers .highcharts-point-select {
  fill: var(--highcharts-neutral-color-20);
  stroke: var(--highcharts-neutral-color-100)
}

.area-chart .highcharts-column-series path.highcharts-point,
.area-chart .highcharts-bar-series path.highcharts-point {
  stroke: var(--highcharts-background-color)
}

.area-chart .highcharts-column-series .highcharts-point {
  transition: fill-opacity 250ms
}

.area-chart .highcharts-column-series .highcharts-point-hover {
  fill-opacity: .75;
  transition: fill-opacity 50ms
}

.area-chart .highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: var(--highcharts-background-color)
}

.area-chart .highcharts-pie-series .highcharts-point-hover {
  fill-opacity: .75;
  transition: fill-opacity 50ms
}

.area-chart .highcharts-funnel-series .highcharts-point {
  stroke-linejoin: round;
  stroke: var(--highcharts-background-color)
}

.area-chart .highcharts-funnel-series .highcharts-point-hover {
  fill-opacity: .75;
  transition: fill-opacity 50ms
}

.area-chart .highcharts-funnel-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit
}

.area-chart .highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: var(--highcharts-background-color)
}

.area-chart .highcharts-pyramid-series .highcharts-point-hover {
  fill-opacity: .75;
  transition: fill-opacity 50ms
}

.area-chart .highcharts-pyramid-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit
}

.area-chart .highcharts-solidgauge-series .highcharts-point {
  stroke-width: 0
}

.area-chart .highcharts-treemap-series .highcharts-point {
  stroke-width: 1px;
  stroke: var(--highcharts-neutral-color-10);
  transition: stroke 250ms, fill 250ms, fill-opacity 250ms
}

.area-chart .highcharts-treemap-series .highcharts-point-hover {
  stroke: var(--highcharts-neutral-color-40);
  transition: stroke 25ms, fill 25ms, fill-opacity 25ms
}

.area-chart .highcharts-treemap-series .highcharts-above-level {
  display: none
}

.area-chart .highcharts-treemap-series .highcharts-internal-node {
  fill: none
}

.area-chart .highcharts-treemap-series .highcharts-internal-node-interactive {
  fill-opacity: .15;
  cursor: pointer
}

.area-chart .highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  fill-opacity: .75
}

.area-chart .highcharts-vector-series .highcharts-point {
  fill: none;
  stroke-width: 2px
}

.area-chart .highcharts-windbarb-series .highcharts-point {
  fill: none;
  stroke-width: 2px
}

.area-chart .highcharts-lollipop-stem {
  stroke: var(--highcharts-neutral-color-100)
}

.area-chart .highcharts-focus-border {
  fill: none;
  stroke-width: 2px
}

.area-chart .highcharts-legend-item-hidden .highcharts-focus-border {
  fill: none !important
}

.area-chart .highcharts-legend-box {
  fill: none;
  stroke-width: 0
}

.area-chart .highcharts-legend-item>text {
  fill: var(--highcharts-neutral-color-80);
  font-weight: bold;
  font-size: .8em;
  cursor: pointer;
  stroke-width: 0
}

.area-chart .highcharts-legend-item:hover text {
  fill: var(--highcharts-neutral-color-100)
}

.area-chart .highcharts-legend-item-hidden * {
  fill: var(--highcharts-neutral-color-60) !important;
  stroke: var(--highcharts-neutral-color-60) !important;
  transition: fill 250ms;
  text-decoration: line-through
}

.area-chart .highcharts-legend-nav-active {
  fill: var(--highcharts-highlight-color-100);
  cursor: pointer
}

.area-chart .highcharts-legend-nav-inactive {
  fill: var(--highcharts-neutral-color-20)
}

.area-chart circle.highcharts-legend-nav-active,
.area-chart circle.highcharts-legend-nav-inactive {
  fill: rgba(192, 192, 192, .0001)
}

.area-chart .highcharts-legend-title-box {
  fill: none;
  stroke-width: 0
}

.area-chart .highcharts-bubble-legend-symbol {
  stroke-width: 2;
  fill-opacity: .5
}

.area-chart .highcharts-bubble-legend-connectors {
  stroke-width: 1
}

.area-chart .highcharts-bubble-legend-labels {
  fill: var(--highcharts-neutral-color-80);
  font-size: .7em
}

.area-chart .highcharts-loading {
  position: absolute;
  background-color: var(--highcharts-background-color);
  opacity: .5;
  text-align: center;
  z-index: 10;
  transition: opacity 250ms
}

.area-chart .highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: opacity 250ms, height 250ms step-end
}

.area-chart .highcharts-loading-inner {
  font-weight: bold;
  position: relative;
  top: 45%
}

.area-chart .highcharts-plot-band,
.area-chart .highcharts-pane {
  fill: var(--highcharts-neutral-color-100);
  fill-opacity: .05
}

.area-chart .highcharts-plot-line {
  fill: none;
  stroke: var(--highcharts-neutral-color-40);
  stroke-width: 1px
}

.area-chart .highcharts-plot-line-label {
  font-size: .8em
}

.area-chart .highcharts-boxplot-box {
  fill: var(--highcharts-background-color)
}

.area-chart .highcharts-boxplot-median {
  stroke-width: 2px
}

.area-chart .highcharts-bubble-series .highcharts-point {
  fill-opacity: .5
}

.area-chart .highcharts-errorbar-series .highcharts-point {
  stroke: var(--highcharts-neutral-color-100)
}

.area-chart .highcharts-gauge-series .highcharts-data-label-box {
  stroke: var(--highcharts-neutral-color-20);
  stroke-width: 1px
}

.area-chart .highcharts-gauge-series .highcharts-dial {
  fill: var(--highcharts-neutral-color-100);
  stroke-width: 0
}

.area-chart .highcharts-polygon-series .highcharts-graph {
  fill: inherit;
  stroke-width: 0
}

.area-chart .highcharts-waterfall-series .highcharts-graph {
  stroke: var(--highcharts-neutral-color-80);
  stroke-dasharray: 1, 3
}

.area-chart .highcharts-sankey-series .highcharts-point {
  stroke-width: 0
}

.area-chart .highcharts-sankey-series .highcharts-link {
  transition: fill 250ms, fill-opacity 250ms;
  fill-opacity: .5
}

.area-chart .highcharts-sankey-series .highcharts-point-hover.highcharts-link {
  transition: fill 50ms, fill-opacity 50ms;
  fill-opacity: 1
}

.area-chart .highcharts-venn-series .highcharts-point {
  fill-opacity: .75;
  stroke: var(--highcharts-neutral-color-20);
  transition: stroke 250ms, fill-opacity 250ms
}

.area-chart .highcharts-venn-series .highcharts-point-hover {
  fill-opacity: 1;
  stroke: var(--highcharts-neutral-color-20)
}

.area-chart .highcharts-timeline-series .highcharts-graph {
  stroke: var(--highcharts-neutral-color-20)
}

.area-chart .highcharts-navigator-mask-outside {
  fill-opacity: 0
}

.area-chart .highcharts-navigator-mask-inside {
  fill: var(--highcharts-highlight-color-60);
  fill-opacity: .25;
  cursor: ew-resize
}

.area-chart .highcharts-navigator-outline {
  stroke: var(--highcharts-neutral-color-40);
  fill: none
}

.area-chart .highcharts-navigator-handle {
  stroke: var(--highcharts-neutral-color-40);
  fill: var(--highcharts-neutral-color-5);
  cursor: ew-resize
}

.area-chart .highcharts-navigator-series {
  fill: var(--highcharts-highlight-color-80);
  stroke: var(--highcharts-highlight-color-80)
}

.area-chart .highcharts-navigator-series .highcharts-graph {
  stroke-width: 1px
}

.area-chart .highcharts-navigator-series .highcharts-area {
  fill-opacity: .05
}

.area-chart .highcharts-navigator-xaxis .highcharts-axis-line {
  stroke-width: 0
}

.area-chart .highcharts-navigator-xaxis .highcharts-grid-line {
  stroke-width: 1px;
  stroke: var(--highcharts-neutral-color-10)
}

.area-chart .highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: var(--highcharts-neutral-color-100);
  font-size: .7em;
  opacity: .6
}

.area-chart .highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0
}

.area-chart .highcharts-scrollbar-thumb {
  fill: var(--highcharts-neutral-color-20);
  stroke: var(--highcharts-neutral-color-20);
  stroke-width: 0
}

.area-chart .highcharts-scrollbar-button {
  fill: var(--highcharts-neutral-color-10);
  stroke: var(--highcharts-neutral-color-20);
  stroke-width: 1px
}

.area-chart .highcharts-scrollbar-arrow {
  fill: var(--highcharts-neutral-color-60)
}

.area-chart .highcharts-scrollbar-rifles {
  stroke: none;
  stroke-width: 1px
}

.area-chart .highcharts-scrollbar-track {
  fill: hsla(0, 0%, 100%, .001);
  stroke: var(--highcharts-neutral-color-20);
  stroke-width: 1px
}

.area-chart .highcharts-button {
  fill: var(--highcharts-neutral-color-3);
  stroke: var(--highcharts-neutral-color-20);
  cursor: default;
  stroke-width: 1px;
  transition: fill 250ms
}

.area-chart .highcharts-button text {
  fill: var(--highcharts-neutral-color-80);
  font-size: .8em
}

.area-chart .highcharts-button-hover {
  transition: fill 0ms;
  fill: var(--highcharts-neutral-color-10);
  stroke: var(--highcharts-neutral-color-20)
}

.area-chart .highcharts-button-hover text {
  fill: var(--highcharts-neutral-color-80)
}

.area-chart .highcharts-button-pressed {
  font-weight: bold;
  fill: var(--highcharts-highlight-color-10);
  stroke: var(--highcharts-neutral-color-20)
}

.area-chart .highcharts-button-pressed text {
  fill: var(--highcharts-neutral-color-80);
  font-weight: bold
}

.area-chart .highcharts-button-disabled text {
  fill: var(--highcharts-neutral-color-80)
}

.area-chart .highcharts-range-selector-buttons .highcharts-button {
  stroke-width: 0
}

.area-chart .highcharts-range-label rect {
  fill: none
}

.area-chart .highcharts-range-label text {
  fill: var(--highcharts-neutral-color-60)
}

.area-chart .highcharts-range-input rect {
  fill: none
}

.area-chart .highcharts-range-input text {
  fill: var(--highcharts-neutral-color-80);
  font-size: .8em
}

.area-chart .highcharts-range-input {
  stroke-width: 1px;
  stroke: var(--highcharts-neutral-color-20)
}

.area-chart input.highcharts-range-selector {
  position: absolute;
  border: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  text-align: center;
  left: -9em
}

.area-chart .highcharts-crosshair-label text {
  fill: var(--highcharts-background-color);
  font-size: 1.7em
}

.area-chart .highcharts-crosshair-label .highcharts-label-box {
  fill: inherit
}

.area-chart .highcharts-candlestick-series .highcharts-point {
  stroke: var(--highcharts-neutral-color-100);
  stroke-width: 1px
}

.area-chart .highcharts-candlestick-series .highcharts-point-up {
  fill: var(--highcharts-background-color)
}

.area-chart .highcharts-hollowcandlestick-series .highcharts-point-down {
  fill: var(--highcharts-negative-color);
  stroke: var(--highcharts-negative-color)
}

.area-chart .highcharts-hollowcandlestick-series .highcharts-point-down-bearish-up {
  fill: var(--highcharts-positive-color);
  stroke: var(--highcharts-positive-color)
}

.area-chart .highcharts-hollowcandlestick-series .highcharts-point-up {
  fill: rgba(0, 0, 0, 0);
  stroke: var(--highcharts-positive-color)
}

.area-chart .highcharts-ohlc-series .highcharts-point-hover {
  stroke-width: 3px
}

.area-chart .highcharts-flags-series .highcharts-point .highcharts-label-box {
  stroke: var(--highcharts-neutral-color-40);
  fill: var(--highcharts-background-color);
  transition: fill 250ms
}

.area-chart .highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  stroke: var(--highcharts-neutral-color-100);
  fill: var(--highcharts-highlight-color-20)
}

.area-chart .highcharts-flags-series .highcharts-point text {
  fill: var(--highcharts-neutral-color-100);
  font-size: .9em;
  font-weight: bold
}

.area-chart .highcharts-map-series .highcharts-point {
  transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
  stroke: var(--highcharts-neutral-color-20);
  stroke-width: inherit
}

.area-chart .highcharts-map-series .highcharts-point-hover {
  transition: fill 0ms, fill-opacity 0ms;
  fill-opacity: .5
}

.area-chart .highcharts-mapline-series .highcharts-point {
  fill: none
}

.area-chart .highcharts-heatmap-series .highcharts-point {
  stroke-width: 0
}

.area-chart .highcharts-map-navigation {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center
}

.area-chart .highcharts-map-navigation.highcharts-button {
  fill: var(--highcharts-background-color);
  stroke: var(--highcharts-neutral-color-10)
}

.area-chart .highcharts-map-navigation.highcharts-button:hover {
  fill: var(--highcharts-neutral-color-10)
}

.area-chart .highcharts-map-navigation.highcharts-button .highcharts-button-symbol {
  stroke-width: 2px
}

.area-chart .highcharts-mapview-inset-border {
  stroke: var(--highcharts-neutral-color-20);
  stroke-width: 1px;
  fill: none
}

.area-chart .highcharts-coloraxis {
  stroke-width: 0
}

.area-chart .highcharts-coloraxis-marker {
  fill: var(--highcharts-neutral-color-40)
}

.area-chart .highcharts-null-point {
  fill: var(--highcharts-neutral-color-3)
}

.area-chart .highcharts-3d-frame {
  fill: rgba(0, 0, 0, 0)
}

.area-chart .highcharts-contextbutton {
  fill: var(--highcharts-background-color);
  stroke: none;
  stroke-linecap: round
}

.area-chart .highcharts-contextbutton:hover {
  fill: var(--highcharts-neutral-color-10);
  stroke: var(--highcharts-neutral-color-10)
}

.area-chart .highcharts-button-symbol {
  stroke: var(--highcharts-neutral-color-60);
  stroke-width: 3px
}

.area-chart .highcharts-menu {
  border: none;
  background: var(--highcharts-background-color);
  border-radius: 3px;
  padding: .5em;
  box-shadow: 3px 3px 10px #888
}

.area-chart .highcharts-menu-item {
  background: none;
  border-radius: 3px;
  color: var(--highcharts-neutral-color-80);
  cursor: pointer;
  font-size: .8em;
  list-style-type: none;
  padding: .5em;
  transition: background 250ms, color 250ms
}

.area-chart .highcharts-menu-item:hover {
  background: var(--highcharts-neutral-color-5)
}

.area-chart .highcharts-breadcrumbs-button {
  fill: none;
  stroke-width: 0;
  cursor: pointer
}

.area-chart .highcharts-breadcrumbs-separator {
  fill: var(--highcharts-neutral-color-60)
}

.area-chart .highcharts-drilldown-point {
  cursor: pointer
}

.area-chart .highcharts-drilldown-data-label text,
.area-chart text.highcharts-drilldown-data-label,
.area-chart .highcharts-drilldown-axis-label {
  cursor: pointer;
  fill: var(--highcharts-highlight-color-100);
  font-weight: bold;
  text-decoration: underline
}

.area-chart .highcharts-no-data text {
  font-weight: bold;
  font-size: .8em;
  fill: var(--highcharts-neutral-color-60)
}

.area-chart .highcharts-axis-resizer {
  cursor: ns-resize;
  stroke: var(--highcharts-neutral-color-100);
  stroke-width: 2px
}

.area-chart .highcharts-bullet-target {
  stroke-width: 0
}

.area-chart .highcharts-lineargauge-target {
  stroke-width: 1px;
  stroke: var(--highcharts-neutral-color-80)
}

.area-chart .highcharts-lineargauge-target-line {
  stroke-width: 1px;
  stroke: var(--highcharts-neutral-color-80)
}

.area-chart .highcharts-fibonacci-background-0,
.area-chart .highcharts-pitchfork-inner-background,
.area-chart .highcharts-measure-background {
  fill: var(--highcharts-annotation-color-0)
}

.area-chart .highcharts-fibonacci-background-1 {
  fill: var(--highcharts-annotation-color-1)
}

.area-chart .highcharts-fibonacci-background-2 {
  fill: var(--highcharts-annotation-color-2)
}

.area-chart .highcharts-fibonacci-background-3,
.area-chart .highcharts-pitchfork-outer-background {
  fill: var(--highcharts-annotation-color-3)
}

.area-chart .highcharts-fibonacci-background-4 {
  fill: var(--highcharts-annotation-color-4)
}

.area-chart .highcharts-fibonacci-background-5 {
  fill: var(--highcharts-annotation-color-5)
}

.area-chart .highcharts-fibonacci-line {
  stroke: var(--highcharts-neutral-color-40)
}

.area-chart .highcharts-crooked-lines,
.area-chart .highcharts-tunnel-lines,
.area-chart .highcharts-infinity-lines,
.area-chart .highcharts-timecycles-lines,
.area-chart .highcharts-fibonacci-timezones-lines,
.area-chart .highcharts-pitchfork-lines,
.area-chart .highcharts-vertical-line,
.area-chart .highcharts-measure-crosshair-x,
.area-chart .highcharts-measure-crosshair-y {
  stroke: var(--highcharts-neutral-color-100);
  stroke-opacity: .75;
  fill: none
}

.area-chart .highcharts-measure-crosshair-x,
.area-chart .highcharts-measure-crosshair-y {
  stroke-dasharray: 1, 3
}

.area-chart .highcharts-tunnel-background {
  fill: var(--highcharts-color-0)
}

.area-chart .highcharts-annotation-shapes {
  cursor: move
}

.area-chart .highcharts-basic-shape {
  fill: var(--highcharts-neutral-color-100);
  stroke: var(--highcharts-neutral-color-100);
  opacity: .74
}

.area-chart .highcharts-annotation-label-box {
  stroke-width: 1px;
  stroke: var(--highcharts-neutral-color-100);
  fill: var(--highcharts-neutral-color-100);
  fill-opacity: .75
}

.area-chart .highcharts-annotation-label text {
  fill: var(--highcharts-neutral-color-10);
  font-size: .8em
}

.area-chart .highcharts-a11y-proxy-element {
  border-width: 0;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  outline: none;
  opacity: .001;
  z-index: 599;
  overflow: hidden;
  padding: 0;
  margin: 0;
  display: block;
  position: absolute
}

.area-chart .highcharts-a11y-proxy-group li {
  list-style: none
}

.area-chart .highcharts-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  margin-top: -3px;
  opacity: .01
}

.area-chart .highcharts-a11y-invisible {
  visibility: hidden
}

.area-chart .highcharts-a11y-proxy-container,
.area-chart .highcharts-a11y-proxy-container-before,
.area-chart .highcharts-a11y-proxy-container-after {
  position: absolute;
  white-space: nowrap
}

.area-chart g.highcharts-series,
.area-chart .highcharts-markers,
.area-chart .highcharts-point {
  outline: none
}

.area-chart .highcharts-treegrid-node-collapsed,
.area-chart .highcharts-treegrid-node-expanded {
  cursor: pointer
}

.area-chart .highcharts-point-connecting-path {
  fill: none
}

.area-chart .highcharts-grid-axis .highcharts-tick {
  stroke: var(--highcharts-neutral-color-20);
  stroke-width: 1px
}

.area-chart .highcharts-grid-axis .highcharts-axis-line {
  stroke: var(--highcharts-neutral-color-20);
  stroke-width: 1px
}

.high-charts-main+.rich-text {
  margin-top: 1rem
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  scroll-behavior: smooth;
  background-color: rgba(42, 53, 68, .5);
  backdrop-filter: blur(15px);
  display: none;
  cursor: pointer;
  z-index: 600
}

.modal--active {
  display: block
}

.modal__wrapper {
  display: flex;
  align-items: center;
  height: 100%
}

.modal__close {
  position: absolute;
  top: .75rem;
  right: .75rem
}

[data-dismissible] .modal__close {
  display: block
}

.modal__close svg {
  color: var(--c-neutral--100)
}

.modal__content {
  text-align: center;
  margin: auto;
  padding: 1.25rem
}

.videoslist .richtext__content {
  padding-left: 0;
  padding-top: 1rem
}

@media(max-width: 767px) {
  .videoslist .richtext__content {
    max-width: 100%
  }
}

.videoslist__featurecontent {
  max-width: 100%;
  padding-left: 0;
  padding-top: 1rem
}

.videoslist-module {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  position: relative;
  padding: 0 0;
  padding-top: 2.5rem
}

.videoslist-module__video-section {
  width: 100%;
  min-height: .0625rem
}

.videoslist-module__video-footer {
  color: var(--c-neutral--700);
  padding-bottom: .35rem
}

.videoslist-module__video {
  margin-bottom: .5rem
}

.videoslist-module__transcript {
  padding-top: 1rem;
  border-top: .0625rem solid var(--c-neutral--400)
}

.videoslist-module__transcript summary {
  display: flex;
  align-items: center;
  color: var(--c-neutral--900);
  font: var(--t-sans-sm--one);
  cursor: pointer
}

.videoslist-module__transcript summary svg {
  margin-left: 1rem;
  transition: ease-in-out .1s
}

.videoslist-module__transcript summary:hover,
.videoslist-module__transcript summary:focus-visible {
  color: var(--c-primary);
  text-decoration: underline;
  text-underline-offset: .25rem
}

.videoslist-module__transcript summary:hover svg,
.videoslist-module__transcript summary:focus-visible svg {
  color: var(--c-primary)
}

.videoslist-module__transcript summary::-webkit-details-marker,
.videoslist-module__transcript summary::marker {
  display: none
}

.videoslist-module__transcript[open] summary {
  margin-bottom: 1rem
}

.videoslist-module__transcript[open] svg {
  transform: rotate(180deg)
}

.videoslist-module .rich-text {
  max-height: 10.75rem;
  overflow-x: auto;
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--two)
}

@media(pointer: fine) {
  .videoslist-module .rich-text {
    scrollbar-width: thin;
    scrollbar-color: var(--c-neutral--300) var(--c-neutral--100)
  }

  .videoslist-module .rich-text::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
  }

  .videoslist-module .rich-text::-webkit-scrollbar-track {
    background-color: var(--c-neutral--100);
    border-radius: .625rem
  }

  .videoslist-module .rich-text::-webkit-scrollbar-thumb {
    background-color: var(--c-neutral--300);
    border-radius: 0;
    border-radius: .625rem
  }
}

@media(min-width: 768px) {
  .videoslist-module .rich-text {
    padding-right: 1rem;
    font: var(--t-sans-sm--one)
  }
}

.videoslist-module::before {
  position: absolute;
  top: 0;
  right: .625rem;
  z-index: -1;
  width: 90%;
  height: 120%
}

.videoslist-module--top-left:before {
  background-color: var(--c-neutral--100);
  content: "";
  border-radius: 0 0 100% 0;
  left: -3rem;
  right: auto
}

.videoslist-module--bottom-right:before {
  background-color: var(--c-neutral--100);
  content: "";
  border-radius: 100% 0 0 0;
  left: auto;
  height: 90%;
  right: -3rem
}

@media(max-width: 767px) {
  .videoslist-module--bottom-right:before {
    height: 95%
  }
}

.videoslist-module .kaltura-video-player {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9
}

@media(min-width: 992px) {
  .videoslist-module:nth-child(even) {
    padding-bottom: 5rem
  }
}

@media(min-width: 1200px) {
  .videoslist-module:nth-child(even) {
    padding-bottom: 3rem
  }
}

.videoslist-module--top-left:last-child:before {
  height: 110%
}

.videoslist-module--bottom-right:last-child:before {
  height: 100%
}

.hero-block {
  position: relative;
  background-position: center bottom;
  background-size: cover
}

.hero-block__wrapper {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  position: relative;
  z-index: 1
}

.hero-block__background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0
}

.hero-block__background video {
  width: 100%;
  height: 100%;
  object-fit: cover
}

@media(max-width: 767px) {
  .hero-block__background--hide video {
    display: none
  }
}

@media(max-width: 767px) {
  .hero-block {
    background-image: none !important
  }
}

.threeup-hero .hero {
  display: grid;
  grid-template-areas: "eyebrow eyebrow""text cards";
  grid-template-columns: 1fr 42.9375rem;
  column-gap: 1.5rem;
  margin: 4.5rem 0;
  width: 100%
}

@media(max-width: 991px) {
  .threeup-hero .hero {
    grid-template-areas: "eyebrow eyebrow""text text""cards cards"
  }
}

@media(max-width: 767px) {
  .threeup-hero .hero {
    grid-template-areas: "eyebrow""text""cards";
    grid-template-columns: 1fr
  }
}

.threeup-hero .hero__eyebrow {
  grid-area: eyebrow;
  color: var(--c-neutral--700);
  font: var(--t-sans-sm--one);
  padding-bottom: var(--s-vertical-xs)
}

.threeup-hero .hero__text {
  grid-area: text;
  color: var(--c-neutral--700)
}

@media(max-width: 1199px) {
  .threeup-hero .hero__text {
    margin-bottom: 1.5rem
  }
}

@media(min-width: 1200px) {
  .threeup-hero .hero__text {
    max-width: 25.375rem
  }
}

.threeup-hero .hero__text h1 {
  color: var(--c-neutral--900);
  margin-top: -1.0625rem;
  margin-bottom: .5rem
}

@media(max-width: 1199px) {
  .threeup-hero .hero__text h1 {
    font: var(--t-serif-md--two)
  }
}

.threeup-hero .hero__cards {
  grid-area: cards;
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  flex-direction: row
}

@media(max-width: 767px) {
  .threeup-hero .hero__cards {
    flex-direction: column
  }
}

.threeup-hero .card {
  width: 12.8125rem;
  min-height: 10.625rem;
  height: 10.625rem;
  border: none
}

.threeup-hero .card .card__overlay.card__overlay-aslv {
  align-items: flex-start;
  justify-content: flex-start
}

.threeup-hero .card .card__overlay.card__overlay-aplu {
  align-items: flex-start;
  justify-content: flex-start
}

.threeup-hero .card .card__overlay.card__overlay-ainp {
  justify-content: flex-start
}

@media(max-width: 767px) {
  .threeup-hero .card {
    flex: 1;
    width: 17.8125rem;
    min-height: 14.0625rem;
    height: 14.0625rem
  }
}

.threeup-hero .card__header {
  padding: 1.625rem 1.625rem .375rem
}

@media(min-width: 768px) {
  .threeup-hero .card__header {
    padding: 1.375rem 1.375rem .375rem
  }
}

.threeup-hero .card__body {
  padding: 0 1.625rem
}

@media(min-width: 768px) {
  .threeup-hero .card__body {
    padding: 0 1.375rem
  }
}

.threeup-hero .card__footer {
  padding: 0 1.625rem 1.625rem
}

@media(min-width: 768px) {
  .threeup-hero .card__footer {
    padding: 0 1.375rem 1.375rem
  }
}

.threeup-hero .card__header .card-text {
  color: var(--c-neutral--700)
}

.threeup-hero .card__body .card-text .card__heading {
  margin-bottom: 0
}

@media(min-width: 768px) {
  .threeup-hero .card__body .card-text .card__heading {
    font-size: 1.25rem;
    line-height: 120%
  }
}

.threeup-hero .card__body .card-text p {
  display: none
}

.threeup-hero .card__overlay {
  top: 0;
  min-height: 100%;
  padding: .75rem
}

@media(max-width: 767px) {
  .threeup-hero .card__overlay {
    display: none
  }
}

.threeup-hero .card__overlay .card-text {
  font-size: 2rem
}

.threeup-hero .card__footer .card-text {
  font-size: .75rem
}

.threeup-hero .rich-text {
  color: inherit
}

.threeup-hero .--light .hero__eyebrow,
.threeup-hero .--light .hero__text {
  color: var(--c-neutral)
}

.threeup-hero .--light .hero__eyebrow h1,
.threeup-hero .--light .hero__text h1 {
  color: var(--c-neutral)
}

.socreport {
  display: flex;
  flex-wrap: wrap;
  transition: padding 250ms ease-in;
  padding-top: 5rem;
  padding-bottom: 2.5rem
}

.socreport--row {
  float: left
}

.socreport--half {
  width: 100%;
  min-height: .0625rem;
  max-width: 100%;
  text-align: center
}

@media(min-width: 768px) {
  .socreport--half {
    max-width: 50%
  }
}

.socreport--button {
  justify-content: center;
  width: 15rem
}

.socreport--footer {
  text-align: center
}

.socreport--fullwidth {
  width: 100%;
  min-height: .0625rem;
  max-width: 200%
}

@media(min-width: 768px) {
  .socreport--fullwidth {
    max-width: 100%
  }
}