/*
*  Static snapshot from https://dev.assets.emblstatic.net/vf/develop/css/styles.css
*/


/*! Component: @visual-framework/vf-componenet-rollup
 * Version: 1.0.0-beta.7
 * Location: components/vf-componenet-rollup
 * VF Core version in use: 2.0.0-beta.4
 */

 :root {
  --page-grid-gap: 16px;
  --embl-grid-module--prime: 200px;
  --embl-grid-spacing-normaliser: 6px
}

@media (min-width:1200px) {
  :root {
      --page-grid-gap: 30px
  }
}

:root {
  --vf-color--green: #009f4d;
  --vf-color--green--darkest: #115740;
  --vf-color--green--dark: #007a53;
  --vf-color--green--light: #6cc24a;
  --vf-color--green--lightest: #d0debb;
  --vf-color--grey: #707372;
  --vf-color--grey--darkest: #373a36;
  --vf-color--grey--dark: #54585a;
  --vf-color--grey--light: #a8a99e;
  --vf-color--grey--lightest: #d0d0ce;
  --vf-color--red: #e40046;
  --vf-color--red--dark: #a6093d;
  --vf-color--red--light: #e58f9e;
  --vf-color--blue: #307fe2;
  --vf-color--blue--dark: #003da5;
  --vf-color--blue--light: #8bb8e8;
  --vf-color--purple: #8246af;
  --vf-color--purple--dark: #563d82;
  --vf-color--purple--light: #cba3d8;
  --vf-color--orange: #ffa300;
  --vf-color--orange--dark: #be5400;
  --vf-color--orange--light: #efc06e;
  --vf-color--yellow: #ffcd00;
  --vf-color--yellow--dark: #ffb81c;
  --vf-color--yellow--light: #fdd757;
  --vf-color--bright-green: #a8c700;
  --vf-color--bright-green--dark: #84bd00;
  --vf-color--bright-green--light: #e2e868;
  --vf-ui-color--black: #000;
  --vf-ui-color--grey: #f3f3f3;
  --vf-ui-color--grey--light: #d8d8d8;
  --vf-ui-color--yellow: #fffadc;
  --vf-ui-color--red: #d32f2f;
  --vf-ui-color--white: #fff;
  --vf-ui-color--off-white: #fafafa
}


/*!
* Component: @visual-framework/vf-sass-utilities
* Version: 1.0.0-beta.7
* Location: components/vf-sass-utilities
*/

.vf-js .vf-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

.vf-et-al,
.vf-et-al:after {
  position: relative
}

.vf-et-al:after {
  color: inherit;
  content: "et al.";
  font: inherit;
  right: 0
}

.vf-no-wrap {
  white-space: nowrap
}


/*!
* Component: @visual-framework/vf-font-plex-mono
* Version: 1.0.0-beta.7
* Location: components/vf-font-plex-mono
*/

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  src: local("IBM Plex Mono"), local("IBMPlexMono"), url(https://dev.assets.emblstatic.net/vf/develop/assets/vf-font-plex-mono/assets/IBM-Plex-Mono/fonts/complete/woff/IBMPlexMono-Regular.woff) format("woff")
}

.vf-font-plex-mono {
  font-family: IBM Plex Mono, Monaco, Consolas, Lucida Console, monospace;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  margin: 0
}


/*!
* Component: @visual-framework/vf-font-plex-sans
* Version: 1.0.0-beta.7
* Location: components/vf-font-plex-sans
*/

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 700;
  src: local("IBM Plex Sans Bold"), local("IBMPlexSans-Bold"), url(https://dev.assets.emblstatic.net/vf/develop/assets/vf-font-plex-sans/assets/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Bold.woff) format("woff")
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: italic;
  font-weight: 700;
  src: local("IBM Plex Sans Bold Italic"), local("IBMPlexSans-BoldItalic"), url(https://dev.assets.emblstatic.net/vf/develop/assets/vf-font-plex-sans/assets/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-BoldItalic.woff) format("woff")
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 200;
  src: local("IBM Plex Sans ExtraLight"), local("IBMPlexSans-ExtraLight"), url(https://dev.assets.emblstatic.net/vf/develop/assets/vf-font-plex-sans/assets/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-ExtraLight.woff) format("woff")
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: italic;
  font-weight: 200;
  src: local("IBM Plex Sans ExtraLight Italic"), local("IBMPlexSans-ExtraLightItalic"), url(https://dev.assets.emblstatic.net/vf/develop/assets/vf-font-plex-sans/assets/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-ExtraLightItalic.woff) format("woff")
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: italic;
  font-weight: 400;
  src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), url(https://dev.assets.emblstatic.net/vf/develop/assets/vf-font-plex-sans/assets/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Italic.woff) format("woff")
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 300;
  src: local("IBM Plex Sans Light"), local("IBMPlexSans-Light"), url(https://dev.assets.emblstatic.net/vf/develop/assets/vf-font-plex-sans/assets/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Light.woff) format("woff")
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: italic;
  font-weight: 300;
  src: local("IBM Plex Sans Light Italic"), local("IBMPlexSans-LightItalic"), url(https://dev.assets.emblstatic.net/vf/develop/assets/vf-font-plex-sans/assets/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-LightItalic.woff) format("woff")
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  src: local("IBM Plex Sans Medium"), local("IBMPlexSans-Medium"), url(https://dev.assets.emblstatic.net/vf/develop/assets/vf-font-plex-sans/assets/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Medium.woff) format("woff")
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: italic;
  font-weight: 500;
  src: local("IBM Plex Sans Medium Italic"), local("IBMPlexSans-MediumItalic"), url(https://dev.assets.emblstatic.net/vf/develop/assets/vf-font-plex-sans/assets/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-MediumItalic.woff) format("woff")
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  src: local("IBM Plex Sans"), local("IBMPlexSans"), url(https://dev.assets.emblstatic.net/vf/develop/assets/vf-font-plex-sans/assets/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff) format("woff")
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), url(https://dev.assets.emblstatic.net/vf/develop/assets/vf-font-plex-sans/assets/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff) format("woff")
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: italic;
  font-weight: 600;
  src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), url(https://dev.assets.emblstatic.net/vf/develop/assets/vf-font-plex-sans/assets/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBoldItalic.woff) format("woff")
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 450;
  src: local("IBM Plex Sans Text"), local("IBMPlexSans-Text"), url(https://dev.assets.emblstatic.net/vf/develop/assets/vf-font-plex-sans/assets/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Text.woff) format("woff")
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: italic;
  font-weight: 450;
  src: local("IBM Plex Sans Text Italic"), local("IBMPlexSans-TextItalic"), url(https://dev.assets.emblstatic.net/vf/develop/assets/vf-font-plex-sans/assets/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-TextItalic.woff) format("woff")
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 100;
  src: local("IBM Plex Sans Thin"), local("IBMPlexSans-Thin"), url(https://dev.assets.emblstatic.net/vf/develop/assets/vf-font-plex-sans/assets/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Thin.woff) format("woff")
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: italic;
  font-weight: 100;
  src: local("IBM Plex Sans Thin Italic"), local("IBMPlexSans-ThinItalic"), url(https://dev.assets.emblstatic.net/vf/develop/assets/vf-font-plex-sans/assets/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-ThinItalic.woff) format("woff")
}

.vf-font-plex-sans {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.71;
  margin: 0
}


/*!
* Component: @visual-framework/vf-content
* Version: 1.0.0-beta.7
* Location: components/vf-content
*/

.vf-content h1:not([class*=vf-]),
.vf-font-plex-sans,
button,
html {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif
}

.vf-content h1:not([class*=vf-]) {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.547;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  margin: 0
}

.vf-content h1:not([class*=vf-])+small {
  display: block;
  margin-bottom: 35px;
  margin-top: 22px
}

.vf-content h2:not([class*=vf-]) {
  font-size: 30px;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  margin-bottom: 39px;
  margin-top: 0;
  padding-top: 13px
}

.vf-content h2:not([class*=vf-]),
.vf-content h3:not([class*=vf-]) {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.333;
  display: block
}

.vf-content h3:not([class*=vf-]) {
  font-size: 24px;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  margin: 24px 0 13px
}

.vf-content h4:not([class*=vf-]) {
  font-size: 21px;
  line-height: 1.29
}

.vf-content h4:not([class*=vf-]),
.vf-content h5:not([class*=vf-]) {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-weight: 500;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  display: block;
  margin: 24px 0 13px
}

.vf-content h5:not([class*=vf-]) {
  font-size: 19px;
  line-height: 1.5
}

.vf-content h6:not([class*=vf-]) {
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  display: block;
  margin: 24px 0 13px
}

.vf-content h6:not([class*=vf-]),
.vf-content p:not([class*=vf-]) {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 19px
}

.vf-content p:not([class*=vf-]) {
  font-weight: 400;
  line-height: 1.421;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  margin: 0 0 24px
}

.vf-content a:not([class*=vf-]) {
  color: #307fe2
}

.vf-content a:not([class*=vf-]),
.vf-content a:not([class*=vf-]):hover,
.vf-content a:not([class*=vf-]):visited {
  border-bottom: none;
  text-decoration: underline
}

.vf-content a:not([class*=vf-]):visited {
  color: #54585a
}

.vf-content a:not([class*=vf-]):hover {
  color: #003da5
}

.vf-content small:not([class*=vf-]) {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  display: block
}

.vf-content ol:not([class*=vf-]) {
  margin: 0;
  list-style-type: decimal;
  padding-left: 16px
}

.vf-content ul:not([class*=vf-]) {
  margin: 0;
  padding-left: 16px;
  list-style-type: disc
}

.vf-content li:not([class*=vf-]) {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.421;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  margin-bottom: 8px
}

.vf-content li:not([class*=vf-])>ol:not([class*=vf-]),
.vf-content li:not([class*=vf-])>ul:not([class*=vf-]) {
  margin-top: 8px
}

.vf-content li:not([class*=vf-]):last-of-type {
  margin-bottom: 16px
}

.vf-content hr:not([class*=vf-]) {
  background-color: #d8d8d8;
  margin: 0 8px;
  height: 1px;
  border: none
}

.vf-content code:not([class*=vf-]) {
  padding-left: 3px;
  padding-right: 3px
}

.vf-content blockquote:not([class*=vf-]) {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.421;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  margin: 0;
  border: 0;
  padding: 10px 8px 10px 32px;
  position: relative
}

.vf-content blockquote:not([class*=vf-]):before {
  content: "";
  border-left: 4px solid #d0d0ce;
  position: absolute;
  left: 12px;
  height: 100%;
  top: 0
}

.vf-content__standfirst {
  font-size: 21px;
  line-height: 31px;
  margin-bottom: 46px;
  margin-top: 0
}

.vf-content__standfirst+.vf-content__standfirst {
  margin-bottom: 24px
}

.vf-content__standfirst+small {
  margin-bottom: 42px
}


/*!
* Component: @visual-framework/vf-grid
* Version: 1.0.0-alpha.7
* Location: components/vf-grid
*/

.vf-grid {
  display: -ms-flexbox;
  display: flex
}

.vf-grid>* {
  -ms-flex: 1;
  flex: 1;
  margin: 10px
}

[class*=vf-grid__] {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.vf-grid__col-2>* {
  -ms-flex: 0 0 calc(50% - 20px);
  flex: 0 0 calc(50% - 20px)
}

.vf-grid__col-3>* {
  -ms-flex: 0 0 calc(33.3333% - 20px);
  flex: 0 0 calc(33.3333% - 20px)
}

.vf-grid__col-4>* {
  -ms-flex: 0 0 calc(25% - 20px);
  flex: 0 0 calc(25% - 20px)
}

.vf-grid__col-5>* {
  -ms-flex: 0 0 calc(16% - 20px);
  flex: 0 0 calc(16% - 20px)
}

.vf-grid__col-6>* {
  -ms-flex: 0 0 calc(16.666666667% - 20px);
  flex: 0 0 calc(16.666666667% - 20px)
}

@media (max-width:1023px) {
  .vf-grid {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
  }
  .vf-grid>* {
      -ms-flex: 0 0 calc(50% - 20px);
      flex: 0 0 calc(50% - 20px)
  }
}

@supports (display:grid) {
  .vf-grid {
      display: grid;
      grid-column: main;
      grid-column-gap: var(--page-grid-gap)
  }
  @media (min-width:840px) {
      .vf-grid {
          grid-auto-flow: column
      }
  }
  @media (max-width:1299px) {
      .vf-grid {
          grid-column: 1/-1
      }
  }
  .vf-grid>* {
      margin: 0
  }
  [class*=grid__] {
      grid-auto-flow: unset
  }
  .vf-grid__col-1>*+* {
      border-top: 1px solid #707372
  }
  .vf-grid__col-1>*+:last-of-type {
      margin-bottom: 0
  }
  .vf-grid__col-1 {
      grid-template-columns: repeat(1, 1fr)
  }
  @media (min-width:768px) {
      .vf-grid__col-2 {
          grid-template-columns: repeat(2, 1fr)
      }
      .vf-grid__col-3 {
          grid-template-columns: repeat(3, 1fr)
      }
      .vf-grid__col-4 {
          grid-template-columns: repeat(2, 1fr)
      }
      .vf-grid__col-5,
      .vf-grid__col-6 {
          grid-template-columns: repeat(3, 1fr)
      }
  }
  @media (min-width:1024px) {
      .vf-grid__col-4 {
          grid-template-columns: repeat(4, 1fr)
      }
      .vf-grid__col-5 {
          grid-template-columns: repeat(5, 1fr)
      }
      .vf-grid__col-6 {
          grid-template-columns: repeat(6, 1fr)
      }
  }
  .vf-grid__col--span-2 {
      grid-column-end: span 2
  }
  .vf-grid__col--span-3 {
      grid-column-end: span 3
  }
  .vf-grid__col--span-4 {
      grid-column-end: span 4
  }
  .vf-grid__col--span-5 {
      grid-column-end: span 5
  }
}


/*!
* Component: @visual-framework/vf-inlay
* Version: 1.0.0-beta.7
* Location: components/vf-inlay
*/

.vf-inlay {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: minmax(var(--page-grid-gap), auto) [main-start] minmax(auto, 76.5em) [main-end] minmax(var(--page-grid-gap), auto)
}

.vf-inlay:last-of-type {
  margin: 0 0 100px
}

@media (max-width:1299px) {
  .vf-inlay .vf-grid {
      grid-column: main
  }
}

@media (min-width:1024px) {
  .vf-inlay {
      --page-grid-gap: 36px
  }
}

.vf-inlay__content {
  display: grid;
  grid-column: 2/3;
  grid-template-columns: minmax(var(--page-grid-gap), 60px) [main-start] minmax(auto, 100%) minmax(auto, 22.125em) [main-end] minmax(var(--page-grid-gap), 60px);
  padding-top: 36px
}

.vf-inlay__content--full-width,
.vf-inlay__content--main {
  grid-column: 2/-2;
  margin: 0 0 20px
}

.vf-inlay__content--main {
  padding-right: var(--page-grid-gap)
}

@media (min-width:1100px) {
  .vf-inlay__content--main {
      grid-column: 2/3
  }
}

.vf-inlay__content--additional {
  grid-column: 2/-2
}

@media (min-width:1100px) {
  .vf-inlay__content--additional {
      grid-column: 3/4
  }
}


/*!
* Component: @visual-framework/vf-grid-page
* Version: 1.0.0-alpha.7
* Location: components/vf-grid-page
*/

html {
  margin: 0 1.25em
}

.vf-body {
  display: block;
  margin: 0 auto;
  max-width: 76.5em
}

@supports (display:grid) {
  html {
      margin: unset
  }
  .vf-body {
      display: grid;
      grid-template-columns: minmax(var(--page-grid-gap), auto) [main-start] minmax(288px, 76.5em) [main-end] minmax(var(--page-grid-gap), auto);
      margin: 0;
      max-width: unset
  }
  body {
      margin: 0
  }
}


/*!
* Component: @visual-framework/embl-grid
* Version: 1.0.0-alpha.7
* Location: components/embl-grid
*/

.embl-grid {
  display: grid;
  grid-column: main;
  grid-column-gap: var(--page-grid-gap);
  grid-template-columns: calc(var(--embl-grid-module--prime) + var(--embl-grid-spacing-normaliser)) repeat(auto-fit, minmax(288px, 1fr));
  margin-bottom: 48px
}

.embl-grid>:first-child {
  grid-column: 1/-1;
  margin-right: var(--embl-grid-spacing-normaliser)
}

@media (min-width:846px) {
  .embl-grid>:first-child {
      grid-column: span 1
  }
}

@media (max-width:845px) {
  .embl-grid>:not(: first-child) {
      grid-column: 1/-1
  }
}

.embl-grid--has-centered-content {
  --embl-grid-spacing-normaliser: 0;
  --page-grid-gap: 0
}

@media (min-width:1024px) {
  .embl-grid--has-centered-content {
      --page-grid-gap: 36px;
      grid-template-columns: var(--embl-grid-module--prime) auto var(--embl-grid-module--prime)
  }
}

.embl-grid--has-sidebar>:nth-child(3n+2) {
  grid-column: span 2
}

@media (max-width:845px) {
  .embl-grid--has-sidebar>:last-child {
      grid-column: 1/-1
  }
}

@media (min-width:846px) and (max-width:1219px) {
  .embl-grid--has-sidebar>:last-child {
      grid-column: 2/-1
  }
}

@media (min-width:1220px) {
  .embl-grid--has-sidebar>:last-child {
      position: relative
  }
  .embl-grid--has-sidebar>:last-child:before {
      background-color: #d8d8d8;
      content: "";
      height: 100%;
      left: -18px;
      position: absolute;
      width: 1px
  }
}

.embl-grid--alt {
  --page-grid-gap: 0;
  background-color: #000;
  color: #fff;
  grid-column: 1/-1;
  grid-template-columns: minmax(1em, auto) calc(var(--embl-grid-module--prime) + var(--embl-grid-spacing-normaliser)) minmax(288px, calc(76.5em - 206px)) minmax(1em, auto);
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  padding-top: 1.5rem
}

.embl-grid--alt>:first-child,
.embl-grid--alt>:last-child {
  grid-column: 2/-2
}

@media (min-width:768px) {
  .embl-grid--alt>:first-child {
      grid-column: 2/span 1
  }
  .embl-grid--alt>:last-child {
      grid-column: 3;
      margin-left: 16px
  }
}

@media (min-width:1200px) {
  .embl-grid--alt>:last-child {
      margin-left: 30px
  }
}


/*!
* Component: @visual-framework/vf-badge
* Version: 1.0.0-beta.7
* Location: components/vf-badge
*/

.vf-badge {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  border: 1px solid currentColor;
  color: inherit;
  display: -ms-inline-flexbox;
  display: inline-flex;
  letter-spacing: .05em;
  padding: 4px 8px;
  text-decoration: none;
  text-transform: uppercase
}

.vf-badge--pill {
  border-radius: 500px
}

.vf-badge--rounded {
  border-radius: 4px
}

.vf-badge--square {
  border: 0;
  height: 12px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 12px
}

.vf-badge--phases {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 12px 0 0;
  min-width: 52px
}

.vf-badge--primary {
  background-color: #307fe2;
  border-color: #307fe2;
  color: #fff
}

.vf-badge--primary:hover,
.vf-badge--primary:visited {
  color: #fff
}

a.vf-badge--primary:hover {
  background-color: #003da5;
  border-color: #003da5
}

.vf-badge--secondary {
  background-color: #009f4d;
  border-color: #009f4d;
  color: #fff
}

.vf-badge--secondary:hover,
.vf-badge--secondary:visited {
  color: #fff
}

.vf-badge--tertiary {
  background-color: #54585a;
  border-color: #54585a;
  color: #fff
}

.vf-badge--tertiary:hover,
.vf-badge--tertiary:visited {
  color: #fff
}

.vf-badge--outline {
  background-color: transparent;
  color: #307fe2
}

.vf-badge--outline:visited {
  color: #54585a
}

.vf-badge--outline:hover {
  color: #307fe2
}


/*!
* Component: @visual-framework/vf-link
* Version: 1.0.0-beta.7
* Location: components/vf-link
*/

.vf-link--hover,
.vf-link:hover {
  color: #003da5
}

.vf-link {
  color: #307fe2
}

.vf-link,
.vf-link:visited {
  border-bottom: none;
  text-decoration: underline
}

.vf-link:visited {
  color: #54585a
}

.vf-link:hover {
  color: #4a8bff;
  border-bottom: none;
  text-decoration: underline
}

.vf-link--visited {
  color: #54585a
}

.vf-link--hover {
  color: #4a8bff
}

.vf-link--secondary {
  border-bottom: none;
  text-decoration: underline;
  color: #707372
}

.vf-link--secondary:visited {
  color: #d0d0ce;
  border-bottom: none;
  text-decoration: underline
}

.vf-link--secondary:hover {
  color: #4a8bff;
  border-bottom: none;
  text-decoration: underline
}

.vf-link--secondary--visited {
  color: #d0d0ce
}

.vf-link--secondary--hover {
  color: #4a8bff
}

.vf-link--disabled {
  color: #d0d0ce;
  cursor: not-allowed;
  border-bottom: none;
  text-decoration: underline
}


/*!
* Component: @visual-framework/vf-logo
* Version: 1.0.0-alpha.7
* Location: components/vf-logo
*/

.vf-logo {
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  display: -ms-flexbox;
  display: flex;
  height: 41px;
  text-decoration: none
}

.vf-logo__image {
  --vf-logo-margin-right: 8px;
  height: 25px;
  margin-right: 16px;
  margin-right: var(--vf-logo-margin-right)
}

@media (min-width:500px) {
  .vf-logo__image {
      --vf-logo-margin-right: 16px;
      height: 28px
  }
}

@media (min-width:999px) {
  .vf-logo__image {
      --vf-logo-margin-right: 16px;
      height: 30px
  }
}

.vf-logo__text {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.71;
  margin: 0
}


/*!
* Component: @visual-framework/embl-logo
* Version: 1.0.0-alpha.7
* Location: components/embl-logo
*/

.embl-logo {
  background-image: url(../assets/embl-logo/assets/logo-small.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  color: #000;
  display: -ms-flexbox;
  display: flex;
  height: 25px;
  min-width: 70px;
  text-decoration: none
}

@media (min-width:500px) {
  .embl-logo {
      background-image: url(../assets/embl-logo/assets/logo-medium.svg);
      height: 28px
  }
}

@media (min-width:999px) {
  .embl-logo {
      background-image: url(../assets/embl-logo/assets/logo.svg);
      height: 30px
  }
}


/*!
* Component: @visual-framework/vf-form__core
* Version: 1.0.0-alpha.7
* Location: components/vf-form/vf-form__core
*/


/*!
* Component: @visual-framework/vf-form__helper
* Version: 1.0.0-alpha.7
* Location: components/vf-form/vf-form__helper
*/

.vf-form__helper {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  margin: 0;
  color: #707372
}

.vf-form__floatlabel .vf-form__helper {
  left: 24px;
  position: relative;
  top: 12px
}


/*!
* Component: @visual-framework/vf-form__input
* Version: 1.0.0-alpha.7
* Location: components/vf-form/vf-form__input
*/

.vf-form__input:not([type=file]) {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.71;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  border: 3px solid #f3f3f3;
  box-sizing: border-box;
  color: #54585a;
  display: block;
  padding: 12px 24px;
  width: 100%
}

.vf-form__input:not([type=file]):focus,
.vf-form__input:not([type=file]):hover {
  border-color: currentColor;
  color: #000;
  outline: 0
}

.vf-form__wrap .vf-form__label {
  border-top-left-radius: 3px;
  display: block;
  line-height: 1;
  opacity: 0;
  position: absolute;
  top: -16px;
  transition: all .2s ease-in-out;
  visibility: hidden;
  z-index: 1
}

.vf-form__input {
  position: relative;
  top: 24px
}

.vf-form__input .vf-form__wrap {
  -webkit-font-smoothing: antialiased;
  position: relative;
  text-rendering: optimizeLegibility
}

.vf-form__input::-ms-input-placeholder,
.vf-form__select::-ms-input-placeholder,
.vf-form__textarea::-ms-input-placeholder {
  color: #54585a
}

.vf-form__input::placeholder,
.vf-form__select::placeholder,
.vf-form__textarea::placeholder {
  color: #54585a
}

.vf-form__input::-moz-placeholder,
.vf-form__select::-moz-placeholder,
.vf-form__textarea::-moz-placeholder {
  color: #54585a
}

.vf-form__input:-ms-input-placeholder,
.vf-form__select:-ms-input-placeholder,
.vf-form__textarea:-ms-input-placeholder {
  color: #54585a
}

.vf-form__input::-webkit-input-placeholder,
.vf-form__select::-webkit-input-placeholder,
.vf-form__textarea::-webkit-input-placeholder {
  color: #54585a
}

.vf-form__input .vf-form__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #54585a;
  cursor: pointer;
  position: relative
}

.vf-form__input .vf-form__select::-ms-expand {
  display: none
}

.vf-form__input .vf-form__is-active .vf-form__input,
.vf-form__input .vf-form__is-active .vf-form__select,
.vf-form__input .vf-form__is-active .vf-form__textarea {
  background-color: #fff
}

.vf-form__input .vf-form__has-focus .vf-form__input,
.vf-form__input .vf-form__has-focus .vf-form__select,
.vf-form__input .vf-form__has-focus .vf-form__textarea {
  background-color: #fff;
  border-color: #000
}

.vf-form__wrap .vf-form__input .vf-form__label {
  border-radius-top-left: 3px;
  color: #54585a;
  display: block;
  left: 24px;
  opacity: 0;
  position: absolute;
  top: -24px;
  transition: all .2s ease-in-out;
  visibility: hidden;
  z-index: 1
}

.vf-form__input .vf-form__is-active .vf-form__label {
  opacity: 1;
  visibility: visible
}

.vf-form__input .vf-form__has-focus .vf-form__label {
  color: #000
}

.vf-form__input .vf-form__is-required:before {
  color: #d32f2f;
  content: "*";
  display: block;
  font-size: 16px;
  line-height: 1.75;
  opacity: 1;
  padding: 6px 0 0;
  position: absolute;
  right: 15px;
  top: 1px;
  transition: all .2s ease-in-out;
  z-index: 1
}

.vf-form__input .vf-form__is-required.vf-form__is-active:before {
  opacity: 0
}

.vf-form__item.vf-form__floatlabel {
  position: relative
}

.vf-form__floatlabel .vf-form__label {
  position: absolute
}


/*!
* Component: @visual-framework/vf-form__select
* Version: 1.0.0-alpha.7
* Location: components/vf-form/vf-form__select
*/

.vf-form__select {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.71;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0l6 8H0zm0 18l6-8H0z' fill='%23707372' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-position: right .7em top 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: .65em auto, 100%;
  border: 3px solid #f3f3f3;
  border-radius: 0;
  box-sizing: border-box;
  color: #54585a;
  display: block;
  margin: 0;
  max-width: 100%;
  padding: 16px 24px;
  width: 100%
}

.vf-form__select:focus,
.vf-form__select:hover {
  border-color: currentColor;
  color: #000;
  outline: 0
}

.vf-form__select::-ms-expand {
  display: none
}

.vf-form__select option {
  font-weight: 400
}


/*!
* Component: @visual-framework/vf-form__checkbox
* Version: 1.0.0-alpha.7
* Location: components/vf-form/vf-form__checkbox
*/

.vf-form__item.vf-form__item--checkbox {
  margin-bottom: 16px
}

.vf-form__checkbox {
  opacity: 0;
  position: absolute
}

.vf-form__checkbox+.vf-form__label {
  color: #54585a;
  cursor: pointer;
  padding: 0;
  position: relative
}

.vf-form__checkbox+.vf-form__label:before {
  background: #fff;
  border: 3px solid #f3f3f3;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 10px;
  position: relative;
  top: 6px;
  width: 16px
}

.vf-form__checkbox:focus+.vf-form__label:before,
.vf-form__checkbox:hover+.vf-form__label:before {
  border-color: #54585a
}

.vf-form__checkbox:checked+.vf-form__label:before {
  background: #307fe2;
  border-color: #307fe2
}

.vf-form__checkbox:disabled+.vf-form__label {
  color: #54585a;
  cursor: auto
}

.vf-form__checkbox:disabled+.vf-form__label:before {
  background: #707372;
  box-shadow: none
}


/*!
* Component: @visual-framework/vf-form__radio
* Version: 1.0.0-alpha.7
* Location: components/vf-form/vf-form__radio
*/

.vf-form__radio {
  opacity: 0;
  position: absolute
}

.vf-form__radio+.vf-form__label {
  color: #54585a;
  cursor: pointer;
  padding: 0;
  position: relative
}

.vf-form__radio+.vf-form__label:before {
  background: #fff;
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 10px;
  position: relative;
  top: 6px;
  width: 16px
}

.vf-form__radio:focus+.vf-form__label:before,
.vf-form__radio:hover+.vf-form__label:before {
  border-color: #54585a
}

.vf-form__radio:checked+.vf-form__label:before {
  background: #307fe2;
  border-color: #307fe2
}

.vf-form__radio:disabled+.vf-form__label {
  color: #54585a;
  cursor: auto
}

.vf-form__radio:disabled+.vf-form__label:before {
  background: #707372;
  box-shadow: none
}


/*!
* Component: @visual-framework/vf-form__textarea
* Version: 1.0.0-alpha.7
* Location: components/vf-form/vf-form__textarea
*/

.vf-form__textarea {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.71;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  border: 3px solid #f3f3f3;
  box-sizing: border-box;
  display: block;
  padding: 12px 22px;
  position: relative;
  top: 24px;
  width: 100%
}

.vf-form__textarea:focus {
  border-color: #54585a;
  outline: 0
}


/*!
* Component: @visual-framework/vf-form__item
* Version: 1.0.0-alpha.7
* Location: components/vf-form/vf-form__item
*/

.vf-form__item {
  display: block;
  margin-bottom: 32px;
  position: relative
}

.vf-form__item--inline .vf-form__label {
  display: inline-block
}


/*!
* Component: @visual-framework/vf-form__label
* Version: 1.0.0-alpha.7
* Location: components/vf-form/vf-form__label
*/

.vf-form__label {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  margin: 0 0 4px;
  color: #707372;
  display: block;
  left: 24px;
  position: relative
}


/*!
* Component: @visual-framework/vf-button
* Version: 1.0.0-beta.7
* Location: components/vf-button
*/

:root {
  --default-bg-colour: set-color(vf-color--grey);
  --default-bg-colour-dark: set-color(vf-color--grey--darkest);
  --default-button--visited-border: set-color(vf-color--grey--lightest)
}

.vf-button {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #000;
  background-color: var(--vf-button-background-color, var(--default-bg-colour));
  border: 4px solid #000;
  border: 4px solid var(--vf-button-border-color, var(--default-bg-colour));
  box-shadow: 8px 8px 0 var(--vf-button-shadow-background-color, var(--default-bg-colour-dark)), -5px -5px transparent;
  color: var(--vf-button-text-color, #fff);
  cursor: pointer;
  display: inline-block;
  margin: 0 16px 16px 0;
  outline: 0;
  padding: 12px 24px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all 50ms linear
}

.vf-button:focus,
.vf-button:hover {
  box-shadow: 4px 4px 0 var(--vf-button-shadow-background-color, var(--default-bg-colour-dark)), 2px 2px 4px rgba(0, 0, 0, .25), -5px -5px transparent;
  color: #fff;
  transform: translate(4px, 4px) translateZ(1px)
}

.vf-button:active {
  box-shadow: 0 0 0 var(--vf-button-shadow-background-color, var(--default-bg-colour-dark)), 2px 2px 2px rgba(0, 0, 0, .125), -5px -5px transparent;
  transform: translate(8px, 8px) translateZ(1px)
}

a.vf-button:focus,
a.vf-button:hover {
  text-decoration: none
}

.vf-button--primary {
  --vf-button-border-color: var(--vf-color--blue);
  --vf-button-background-color: var(--vf-color--blue);
  --vf-button-shadow-border-color: var(--vf-color--blue--dark);
  --vf-button-shadow-background-color: var(--vf-color--blue--dark);
  --vf-button-border-color--visited: var(--vf-color--blue--light)
}

.vf-button--secondary {
  --vf-button-border-color: var(--vf-color--green);
  --vf-button-background-color: var(--vf-color--green);
  --vf-button-shadow-border-color: var(--vf-color--green--dark);
  --vf-button-shadow-background-color: var(--vf-color--green--dark);
  --vf-button-border-color--visited: var(--vf-color--green--light)
}

.vf-button--tertiary {
  --vf-button-border-color: var(--vf-color--grey);
  --vf-button-background-color: var(--vf-color--grey);
  --vf-button-shadow-border-color: var(--vf-color--grey--dark);
  --vf-button-shadow-background-color: var(--vf-color--grey--dark);
  --vf-button-border-color--visited: var(--vf-color--grey--light)
}

.vf-button--outline {
  --vf-button-background-color: #fff;
  color: var(--vf-button-border-color, var(--default-bg-colour))
}

.vf-button--outline:hover {
  color: var(--vf-button-border-color)
}

.vf-button--pill,
.vf-button--pill:before {
  border-radius: 500px
}

.vf-button--rounded {
  border-radius: 16px
}

.vf-button--sm {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  padding: 8px
}

.vf-button--sm.vf-button--rounded {
  border-radius: 8px
}

.vf-button--lg {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  padding: 16px
}

html:not(.vf-disable-deprecated) .vf-text-button--secondary {
  background-color: #009f4d;
  border: 2px solid #009f4d;
  color: #fff;
  box-shadow: 0 6px 0 0 #007a53;
  margin-bottom: 6px
}

html:not(.vf-disable-deprecated) .vf-text-button--secondary:visited {
  background-color: #54585a;
  border-color: #54585a
}

html:not(.vf-disable-deprecated) .vf-text-button--secondary:hover {
  background-color: #007a53;
  border-color: #007a53;
  box-shadow: 0 2px 0 0 #007a53
}

html:not(.vf-disable-deprecated) .vf--button--outline.vf-text--button--secondary {
  background-color: #fff;
  color: #009f4d
}

html:not(.vf-disable-deprecated) .vf--button--outline.vf-text--button--secondary:visited {
  background-color: #54585a;
  color: #fff
}

html:not(.vf-disable-deprecated) .vf-text-button--2 {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  padding: 8px
}

html:not(.vf-disable-deprecated) .vf-text-button--2.vf-text-button--rounded {
  border-radius: 8px
}

html:not(.vf-disable-deprecated) .vf-text-button--1 {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  padding: 16px
}


/*!
* Component: @visual-framework/vf-figure
* Version: 1.0.0-alpha.7
* Location: components/vf-figure
*/

.vf-figure {
  margin: 0
}

.vf-figure__image {
  margin: 0 0 21px
}

.vf-figure__caption {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  color: #707372;
  font-style: italic
}

.vf-figure__image {
  height: auto;
  width: 100%
}


/*!
* Component: @visual-framework/vf-list
* Version: 1.0.0-beta.7
* Location: components/vf-list
*/

.vf-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.71;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-list__item {
  margin-bottom: 16px
}

.vf-list--l {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.421;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-list--ordered {
  margin: 0;
  list-style-type: decimal;
  padding-left: 16px
}

.vf-list--ordered__item {
  margin-bottom: 16px
}

.vf-list--unordered {
  margin: 0;
  padding-left: 16px;
  list-style-type: disc
}

.vf-list--unordered__item {
  margin-bottom: 16px
}

.vf-list--inline {
  margin: 0;
  padding: 0;
  display: inline-block
}

.vf-list--inline [class*=__item] {
  display: inline
}

.vf-list--inline__item {
  margin-bottom: 16px
}

.vf-list__link {
  color: #307fe2
}

.vf-list__link,
.vf-list__link:visited {
  border-bottom: none;
  text-decoration: underline
}

.vf-list__link:visited {
  color: #54585a
}

.vf-list__link:hover {
  color: #4a8bff;
  border-bottom: none;
  text-decoration: underline
}


/*!
* Component: @visual-framework/vf-blockquote
* Version: 1.0.0-beta.7
* Location: components/vf-blockquote
*/

.vf-blockquote {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.421;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  margin: 0;
  border: 0;
  padding: 10px 8px 10px 32px;
  position: relative
}

.vf-blockquote:before {
  content: "";
  border-left: 4px solid #d0d0ce;
  position: absolute;
  left: 12px;
  height: 100%;
  top: 0
}


/*!
* Component: @visual-framework/vf-divider
* Version: 1.0.0-rc.7
* Location: components/vf-divider
*/

.vf-divider {
  background-color: #d8d8d8;
  margin: 0 8px;
  height: 1px;
  border: none;
  grid-column: 1/-1;
  margin-bottom: 24px
}


/*!
* Component: @visual-framework/embl-conditional-edit
* Version: 1.0.0-alpha.7
* Location: components/embl-conditional-edit
*/

.embl-conditional-edit {
  display: none
}

.embl-coditional-edit__enabled .embl-conditional-edit {
  display: unset
}


/*!
* Component: @visual-framework/vf-box
* Version: 1.0.0-beta.7
* Location: components/vf-box
*/

.vf-box {
  background-color: #54585a;
  border-color: #54585a;
  box-sizing: border-box;
  color: #fff;
  margin-bottom: 24px;
  padding: 24px 16px;
  width: 100%
}

.vf-box:last-child {
  margin: 0
}

.vf-box__heading {
  font-size: 21px;
  font-weight: 500;
  line-height: 1.29
}

.vf-box__heading,
.vf-box__text {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-box__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.71
}

.vf-box--s {
  padding: 16px
}

.vf-box--r {
  padding: 24px
}

.vf-box--l {
  padding: 32px
}

.vf-box--primary {
  background-color: #003da5;
  border-color: #003da5;
  color: #fff
}

.vf-box--secondary {
  background-color: #009f4d;
  border-color: #009f4d;
  color: #fff
}

.vf-box--tertiary {
  background-color: #54585a;
  border-color: #54585a;
  color: #fff
}

.vf-box--rounded {
  border-radius: 8px
}

.vf-box--outline {
  background-color: transparent;
  border-style: solid;
  border-width: 2px;
  color: #000
}

.vf-box--inlay {
  background-color: #f3f3f3;
  border-color: #f3f3f3;
  color: #000
}

.vf-box--factoid {
  background-color: #009f4d;
  border-color: #009f4d
}

.vf-box--factoid,
.vf-box--factoid .vf-box__heading,
.vf-box--factoid .vf-box__text {
  color: #fff
}


/*!
* Component: @visual-framework/vf-breadcrumbs
* Version: 1.0.0-beta.7
* Location: components/vf-breadcrumbs
*/

.vf-breadcrumbs {
  grid-column: main;
  margin: 16px auto;
  max-width: 76.5em;
  width: 100%
}

@media (min-width:1024px) {
  .vf-breadcrumbs {
      display: -ms-flexbox;
      display: flex
  }
}

@media (max-width:1023px) {
  .vf-breadcrumbs__list:not(.vf-breadcrumbs__list--related) {
      display: block
  }
}

.vf-breadcrumbs__item {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.71;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  color: #000;
  margin-right: 3px;
  position: relative
}

.vf-breadcrumbs__item:not(:last-of-type):after {
  color: #707372;
  content: ">";
  display: inline-block;
  margin-left: 3px
}

.vf-breadcrumbs__heading {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.71;
  margin: 0;
  display: inline
}

@media (min-width:1024px) {
  .vf-breadcrumbs__list+.vf-breadcrumbs__heading {
      margin-left: 32px
  }
}

.vf-breadcrumbs__link {
  color: currentColor
}

.vf-breadcrumbs__list--related .vf-breadcrumbs__item {
  color: #707372;
  margin-left: 8px;
  position: relative
}

.vf-breadcrumbs__list--related .vf-breadcrumbs__item:not(:last-of-type):after {
  content: ""
}

.vf-breadcrumbs__list--related .vf-breadcrumbs__link {
  color: #307fe2
}

.vf-breadcrumbs__list--related .vf-breadcrumbs__link:hover {
  color: #707372
}


/*!
* Component: @visual-framework/vf-card
* Version: 1.0.0-alpha.7
* Location: components/vf-card
*/

.vf-card {
  margin: 0 16px;
  display: grid;
  grid-template-rows: 216px repeat(6, 36px)
}

.vf-card,
.vf-card:hover {
  padding: 0;
  transition: all .1s linear
}

.vf-card:hover {
  margin: 0
}

a.vf-card {
  cursor: pointer;
  text-decoration: none
}

.vf-card__text,
.vf-card__title {
  color: #000
}

.vf-card--topic {
  background-color: #ffcd00
}

.vf-card--topic .vf-card__content {
  grid-row: 2/-1
}

.vf-card--topic:hover .vf-card__text,
.vf-card--topic:hover .vf-card__title {
  padding-left: 36px;
  transition: all .1s linear
}

.vf-card--topic:hover .vf-card__text {
  padding-right: 36px
}

.vf-card--topic .vf-card__title {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  display: inline-block;
  margin-bottom: 0;
  text-transform: uppercase
}

.vf-card--topic .vf-card__text,
.vf-card--topic .vf-card__title {
  background-color: #ffcd00;
  padding: 16px 20px;
  text-decoration: none!important
}

.vf-card--navigation .vf-card__content {
  background-color: #d8d8d8;
  grid-row: 3/-1;
  padding: 16px 20px
}

.vf-card--navigation:hover .vf-card__content {
  padding-left: 36px;
  padding-right: 36px;
  transition: all .1s linear
}

.vf-card__content {
  grid-column: 1/-1;
  transition: all .1s linear
}

.vf-card__image {
  grid-column: 1/-1;
  grid-row: 1/span 3;
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.vf-card__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.333;
  text-decoration: none
}

.vf-card__text,
.vf-card__title {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  transition: all .1s linear
}

.vf-card__text {
  font-size: 19px;
  font-weight: 400;
  line-height: 1.421
}

.vf-card__link {
  color: #307fe2
}

.vf-card__link,
.vf-card__link:visited {
  border-bottom: none;
  text-decoration: underline
}

.vf-card__link:visited {
  color: #54585a
}

.vf-card__link:hover {
  color: #4a8bff;
  border-bottom: none;
  text-decoration: underline
}


/*!
* Component: @visual-framework/vf-discussion
* Version: 1.0.0-alpha.7
* Location: components/vf-discussion
*/

.vf-discussion__title {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.333;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-discussion__item {
  border-top: 1px solid #d0d0ce;
  margin-bottom: 24px;
  padding-top: 24px
}

.vf-discussion__meta {
  display: inline-block;
  margin-bottom: 16px
}

.vf-discussion__author {
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 14px;
  font-style: normal
}

.vf-discussion__author,
.vf-discussion__date {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif
}

.vf-discussion__date {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.71;
  margin: 0;
  color: #d0d0ce
}

.vf-discussion__author-avatar {
  border-radius: 50%;
  float: left;
  margin-right: 24px;
  width: 57px
}

.vf-discussion__item .vf-discussion__list {
  margin-top: 24px
}

.vf-discussion__item .vf-discussion__list .vf-discussion__item {
  padding-left: 40px
}

.vf-discussion__comment {
  margin-bottom: 16px
}


/*!
* Component: @visual-framework/vf-code-example
* Version: 1.0.0-alpha.7
* Location: components/vf-code-example
*/

.vf-code-example,
.vf-code-example__pre,
.vf-content code,
.vf-content pre {
  font-family: IBM Plex Mono, Monaco, Consolas, Lucida Console, monospace;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  margin: 0;
  padding-bottom: 4px;
  padding-top: 4px;
  background: #f3f3f3;
  border-radius: 4px
}

.vf-code-example,
.vf-content code {
  font-size: inherit
}

.vf-code-example__pre,
.vf-content pre {
  border: 1px;
  display: grid;
  min-width: 0;
  overflow: auto;
  white-space: pre-wrap
}

.hljs {
  background: #f3f3f3;
  color: #000;
  display: block;
  overflow-x: auto;
  padding: .5em
}

.hljs-comment,
.hljs-quote {
  color: #d0d0ce;
  font-style: italic
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
  color: #000;
  font-weight: 700
}

.hljs-doctag,
.hljs-string {
  color: #e40046
}

.hljs-section,
.hljs-selector-id,
.hljs-title {
  color: #a6093d;
  font-weight: 700
}

.hljs-subst {
  font-weight: 400
}

.hljs-class .hljs-title,
.hljs-type {
  color: #307fe2;
  font-weight: 700
}

.hljs-attribute,
.hljs-name,
.hljs-tag {
  color: #003da5;
  font-weight: 400
}

.hljs-link,
.hljs-regexp {
  color: #009f4d
}

.hljs-bullet,
.hljs-symbol {
  color: #a6093d
}

.hljs-built_in,
.hljs-builtin-name {
  color: #307fe2
}

.hljs-meta {
  color: #d0d0ce;
  font-weight: 700
}

.hljs-deletion {
  background: #e58f9e
}

.hljs-addition {
  background: #e2e868
}

.hljs-emphasis {
  font-style: italic
}

.hljs-strong {
  font-weight: 700
}


/*!
* Component: @visual-framework/vf-page-header
* Version: 1.0.0-alpha.7
* Location: components/vf-page-header
*/

.vf-page-header {
  margin: 0 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}

.vf-page-header__heading {
  font-size: 30px;
  line-height: 1.333
}

.vf-page-header__heading,
.vf-page-header__sub-heading {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-weight: 500;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  margin: 0
}

.vf-page-header__sub-heading {
  font-size: 21px;
  line-height: 1.29;
  color: #707372
}


/*!
* Component: @visual-framework/vf-link-list
* Version: 1.0.0-beta.7
* Location: components/vf-link-list
*/

.vf-links__heading {
  font-size: 21px;
  font-weight: 500;
  line-height: 1.29;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-links__heading,
.vf-links__list .vf-list__item {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif
}

.vf-links__list .vf-list__item {
  font-size: 19px;
  font-weight: 400;
  line-height: 1.421;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  margin: 0 0 20px;
  -ms-flex-align: center;
  align-items: center
}

.vf-links__list .vf-badge {
  margin-left: 8px
}

.vf-links__list--has-image .vf-list__link {
  display: grid;
  grid-template-columns: minmax(0, 60px) auto
}

.vf-list__image {
  justify-self: center
}

.vf-links__meta {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  color: #54585a;
  display: inline;
  margin-left: 4px
}

.vf-links__list--secondary .vf-list__link {
  border-bottom: none;
  text-decoration: underline;
  color: #707372;
  text-decoration: none
}

.vf-links__list--secondary .vf-list__link:hover,
.vf-links__list--secondary .vf-list__link:visited {
  color: #54585a;
  border-bottom: none;
  text-decoration: underline
}

.vf-links__list--secondary .vf-list__meta {
  color: #54585a;
  position: relative
}

.vf-links__list--secondary .vf-list__meta:before {
  content: "("
}

.vf-links__list--secondary .vf-list__meta:after {
  content: ")"
}

.vf-links--tight .vf-links__heading {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-links--tight .vf-links__item {
  margin-bottom: 8px
}

.vf-links__list--s .vf-list__item {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  margin: 0 0 8px
}


/*!
* Component: @visual-framework/vf-header
* Version: 1.0.0-beta.7
* Location: components/vf-header
*/

.vf-header {
  background-position: top;
  background-size: cover;
  box-sizing: border-box;
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: minmax(var(--page-grid-gap), auto) minmax(auto, 76.5em) minmax(var(--page-grid-gap), auto)
}

.vf-header .vf-navigation--main {
  grid-column: 1/-1
}

.vf-header .vf-navigation--additional {
  grid-column: 1/-1;
  grid-row: 2
}

.vf-header__navigation--site {
  background-color: #54585a
}

.vf-header__navigation--site>* {
  margin-left: -16px
}

.vf-header__navigation--additional {
  background-color: #54585a;
  grid-row: 2
}

.vf-header>.vf-global-header {
  margin-bottom: -1px
}

.vf-header--inlay {
  grid-column: 2/-2
}

.vf-header--inlay .vf-navigation--main:before {
  display: none
}

@media (min-width:1024px) {
  .vf-header--inlay .vf-masthead__heading {
      padding: 0 3rem
  }
  .vf-header--inlay .vf-navigation--main {
      box-sizing: border-box;
      padding: 0 3rem
  }
}


/*!
* Component: @visual-framework/vf-lede
* Version: 1.0.0-beta.7
* Location: components/vf-lede
*/

.vf-lede {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.3125;
  margin: 0
}

.vf-lede>a {
  color: #307fe2
}

.vf-lede>a,
.vf-lede>a:visited {
  border-bottom: none;
  text-decoration: underline
}

.vf-lede>a:visited {
  color: #54585a
}

.vf-lede>a:hover {
  color: #4a8bff;
  border-bottom: none;
  text-decoration: underline
}


/*!
* Component: @visual-framework/vf-masthead
* Version: 1.0.0-alpha.7
* Location: components/vf-masthead
*/

.vf-masthead {
  --vf-masthead__color--foreround-default: var(--vf-ui-color--white);
  --vf-masthead__color--background-default: var(--vf-color--green);
  background-color: #009f4d;
  background-image: var(--vf-masthead__bg-image, none);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff
}

@media (min-width:1024px) {
  .vf-masthead {
      padding-top: 48px
  }
}

.vf-masthead__inner {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 76.5em;
  width: 100%
}

.vf-masthead__title {
  -ms-flex-item-align: unset;
  align-self: unset;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}

.vf-masthead__heading {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.547;
  margin: 0 0 8px;
  color: var(--vf-masthead__color--foreground, var(--vf-masthead__color--foreround-default));
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.vf-masthead__heading--additional {
  margin: 0;
  position: relative;
  top: -8px
}

.vf-masthead__heading--additional,
.vf-masthead__sub-heading {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--vf-masthead__color--foreground, var(--vf-masthead__color--foreround-default))
}

.vf-masthead__sub-heading {
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-masthead__heading__link {
  color: #fff;
  color: inherit;
  text-decoration: none;
  z-index: 5150
}

.vf-masthead__heading__link:hover,
.vf-masthead__heading__link:visited {
  color: #fff
}

.vf-masthead__subheading {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  margin: 0;
  color: #fff;
  text-transform: uppercase
}

.vf-masthead__subheading a {
  color: inherit;
  text-decoration: none;
  z-index: 5150
}

.vf-masthead--with-title-block .vf-masthead__title {
  background-color: #000;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: 16px;
  padding-top: 16px;
  position: relative
}

.vf-masthead--with-title-block .vf-masthead__title:before {
  background-color: #000;
  content: "";
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  height: 100%;
  padding-left: 16px;
  position: absolute;
  transform: translateX(-50%);
  width: 50vw
}

.vf-masthead--with-title-block .vf-masthead__subheading {
  z-index: 5150
}

.vf-masthead__form--search {
  align-self: flex-end;
  grid-row: 2;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 12px;
  margin-left: auto;
  max-width: 288px;
  z-index: 5150
}

.vf-masthead__form__item {
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 6px
}

.vf-masthead__button {
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: #003da5;
  border: 0;
  color: #fff;
  margin-left: 8px;
  outline: 0;
  padding: 8px 12px
}

.vf-masthead__button svg {
  fill: #fff;
  width: 16px
}

.vf-masthead__form__label {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 4px;
  text-shadow: 1px 1px 3px #fff
}

.vf-masthead__form__input--text {
  -ms-flex-preferred-size: 79%;
  flex-basis: 79%;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 18px;
  font-style: italic
}

.search-examples {
  font-size: 12px
}

.search-examples,
.search-examples a {
  color: #fff;
  text-shadow: 1px 1px 0 #000
}

.vf-header .vf-masthead {
  grid-column: 1/-1
}

.embl-group-header__header .vf-masthead {
  grid-column: 2/-2
}


/*!
* Component: @visual-framework/vf-navigation
* Version: 1.0.0-alpha.7
* Location: components/vf-navigation
*/

.vf-navigation__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row
}

.vf-navigation__heading {
  margin: 0
}

.vf-navigation--global .vf-navigation__item:not(:first-child) {
  margin-left: 24px
}

.vf-navigation--global .vf-navigation__link {
  border-bottom: none;
  text-decoration: underline;
  color: #54585a;
  text-decoration: none
}

.vf-navigation--global .vf-navigation__link:visited {
  color: #54585a;
  border-bottom: none;
  text-decoration: underline
}

.vf-navigation--global .vf-navigation__link:hover {
  color: #000;
  border-bottom: none;
  text-decoration: underline
}

.vf-navigation--main {
  background-color: #54585a;
  grid-column: main;
  margin: 0 auto;
  max-width: 76.5em;
  position: relative;
  width: 100%
}

.vf-navigation--main:before {
  background-color: inherit;
  content: "";
  height: 100%;
  left: 50%;
  margin: 0 -50vw;
  position: absolute;
  right: 50%;
  width: 100vw;
  z-index: -1
}

.vf-navigation--main .vf-navigation__list {
  display: block
}

@media (min-width:1024px) {
  .vf-navigation--main .vf-navigation__list {
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      margin-left: -1rem
  }
}

.vf-navigation--main .vf-navigation__item {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  display: block;
  margin: 0
}

.vf-navigation--main .vf-navigation__item.is-active {
  background-color: #fff
}

.vf-navigation--main .vf-navigation__item.is-active .vf-navigation__link {
  color: #000
}

.vf-navigation--main .vf-navigation__item:hover {
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}

.vf-navigation--main .vf-navigation__item:hover .vf-navigation__link {
  color: #000;
  display: block
}

@media (min-width:1024px) {
  .vf-navigation--main .vf-navigation__item {
      padding: 4px calc(var(--page-grid-gap) / 2)
  }
}

.vf-navigation--main .vf-navigation__link {
  border-bottom: none;
  text-decoration: underline;
  color: #fff;
  text-decoration: none
}

.vf-navigation--main .vf-navigation__link:visited {
  color: #54585a;
  border-bottom: none;
  text-decoration: underline
}

.vf-navigation--main .vf-navigation__link:hover {
  color: #fff;
  border-bottom: none;
  text-decoration: underline
}

.vf-navigation--main .vf-navigation__link:visited {
  color: #fff
}

@media (max-width:1023px) {
  .vf-navigation--main {
      padding: 0 1rem
  }
}

.vf-navigation--additional {
  background-color: #54585a;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 76.5em;
  padding: 4px 0;
  position: relative;
  text-transform: uppercase;
  width: 100%
}

.vf-navigation--additional,
.vf-navigation--additional:before {
  border: 0 solid #707372;
  border-width: 1px 0;
  box-sizing: border-box
}

.vf-navigation--additional:before {
  background-color: inherit;
  content: "";
  height: calc(100% + 1px);
  left: 50%;
  margin: 0 -50vw;
  position: absolute;
  right: 50%;
  top: 0;
  width: 100vw;
  z-index: -1
}

.vf-navigation--additional .vf-navigation__heading {
  color: #fff;
  padding-top: 6px
}

.vf-navigation--additional .vf-navigation__list {
  margin-left: auto;
  padding-top: 5px
}

.vf-navigation--additional .vf-navigation__item:not(:first-child) {
  margin-left: 24px
}

.vf-navigation--additional .vf-navigation__link {
  border-bottom: none;
  text-decoration: underline;
  color: #fafafa;
  text-decoration: none
}

.vf-navigation--additional .vf-navigation__link:hover,
.vf-navigation--additional .vf-navigation__link:visited {
  color: #fff;
  border-bottom: none;
  text-decoration: underline
}


/*!
* Component: @visual-framework/vf-section-header
* Version: 1.0.0-beta.7
* Location: components/vf-section-header
*/

.vf-section-header__heading {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.333;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  margin: 0
}


/*!
* Component: @visual-framework/vf-activity-list
* Version: 1.0.0-alpha.7
* Location: components/vf-activity-list
*/

.vf-activity {
  margin-bottom: 54px
}

.vf-activity__date {
  margin: 0 0 32px;
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-activity__list {
  padding: 0
}

.vf-activity__item {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.421;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  margin: 0 0 8px;
  background-color: #fff;
  border: 1px solid #707372;
  padding: 22px 16px
}

.vf-activity__item>a {
  border-bottom: none;
  text-decoration: underline;
  color: #307fe2
}

.vf-activity__item>a:visited {
  color: #54585a;
  border-bottom: none;
  text-decoration: underline
}

.vf-activity__item>a:hover {
  color: #4a8bff;
  border-bottom: none;
  text-decoration: underline
}

.vf-activity__blockquote {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  color: #54585a;
  margin-bottom: 8px;
  margin-top: 16px
}


/*!
* Component: @visual-framework/vf-article-meta-information
* Version: 1.0.0-alpha.7
* Location: components/vf-article-meta-information
*/

.vf-article-meta-information {
  display: grid
}

.vf-article-meta-information>div {
  margin: 0 8px;
  margin-bottom: 12px;
  padding-top: 12px
}

.vf-article-meta-information>div+div {
  border-top: 1px solid #d0d0ce
}

.vf-article-meta-info__author {
  -ms-flex-line-pack: center;
  align-content: center;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.vf-article-meta-info__author .vf-author__name {
  word-spacing: 100vw
}

.vf-article-meta-info__author .vf-author__name,
.vf-article-meta-info__author .vf-author__title {
  -ms-flex-item-align: center;
  align-self: center;
  margin: 0 0 0 8px
}

.vf-article-meta-info__author .vf-author--avatar,
.vf-article-meta-info__author .vf-link.vf-author--avatar__link {
  border: 1px solid #000;
  border-radius: 500px;
  height: 48px;
  -ms-flex-order: -1;
  order: -1;
  width: 48px
}

.vf-article-meta-info__author .vf-link.vf-author--avatar__link .vf-author--avatar {
  border-width: 0
}

.vf-meta__details .vf-meta__topics {
  color: #707372;
  margin: 0 0 4px
}

.vf-meta__details .vf-meta__topics .vf-link {
  color: inherit;
  position: relative
}

.vf-meta__details .vf-meta__topics .vf-link:nth-last-child(n+2),
.vf-meta__details .vf-meta__topics .vf-link:nth-last-child(n+2)~.vf-link {
  margin-right: 4px
}

.vf-meta__details .vf-meta__topics .vf-link:nth-last-child(n+2):before,
.vf-meta__details .vf-meta__topics .vf-link:nth-last-child(n+2)~.vf-link:before {
  content: ",";
  position: absolute;
  right: -4px
}

.vf-meta__details .vf-meta__topics .vf-link:last-of-type:before {
  content: ""!important
}

.vf-meta__details .vf-meta__date {
  color: #707372;
  margin: 0
}

.vf-article-meta-info__links {
  padding: 0
}

.vf-article-meta-info__links h6.vf-text-body--6 {
  color: #707372;
  font-weight: 400;
  margin-bottom: 8px
}

.vf-article-meta-info__links .vf-link {
  display: block;
  margin-bottom: 4px
}

.vf-meta__comments .vf-text-body--6 {
  color: #707372;
  margin: 0
}


/*!
* Component: @visual-framework/vf-search
* Version: 1.0.0-alpha.7
* Location: components/vf-search
*/

.vf-search--inline {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}

.vf-search--inline .vf-search__item {
  -ms-flex-positive: 1;
  flex-grow: 1
}

.vf-search--inline .vf-search__button {
  margin-left: 16px;
  margin-top: 4px;
  position: relative
}


/*!
* Component: @visual-framework/vf-summary
* Version: 1.0.0-beta.7
* Location: components/vf-summary
*/

.vf-summary {
  --vf-text-margin--bottom: 16px
}

.vf-summary--profile {
  --vf-icon--avatar-width: 178px
}

.vf-summary {
  align-self: start;
  display: grid;
  grid-column-gap: 16px;
  margin-bottom: 2rem;
  position: relative
}

.vf-summary>:last-child {
  margin-bottom: 0
}

.vf-box .vf-summary .vf-link,
.vf-box .vf-summary .vf-summary__author,
.vf-box .vf-summary .vf-summary__date,
.vf-box .vf-summary .vf-summary__link,
.vf-box .vf-summary .vf-summary__source,
.vf-box .vf-summary .vf-summary__text,
.vf-box .vf-summary .vf-summary__title {
  color: inherit
}

.vf-summary__category {
  --vf-text-margin--bottom: 0;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  margin-bottom: 0
}

.vf-summary__category,
.vf-summary__date {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  color: #707372
}

.vf-summary__date,
.vf-summary__source {
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-summary__source {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  color: #707372;
  font-style: italic
}

.vf-summary__link--overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.vf-summary__meta {
  font-size: 14px;
  line-height: 1.57
}

.vf-summary__meta,
.vf-summary__text {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-summary__text {
  font-size: 19px;
  line-height: 1.421
}

.vf-summary__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.333
}

.vf-summary__author,
.vf-summary__title {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-summary__author {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  color: #707372;
  font-style: italic
}

.vf-summary--article .vf-summary__date {
  margin-left: .75rem;
  margin-right: .75rem;
  position: relative
}

.vf-summary--article .vf-summary__meta {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}

.vf-summary--article .vf-summary__meta>* {
  margin-bottom: 0
}

.vf-summary--article .vf-summary__title {
  --vf-text-margin--bottom: 4px
}

.vf-summary--job {
  grid-template-columns: auto 1fr
}

.vf-summary--job .vf-summary__date {
  -ms-flex-item-align: center;
  align-self: center
}

.vf-summary--job .vf-summary__date span {
  color: #e40046
}

.vf-summary--job .vf-summary__meta {
  --vf-text-margin--bottom: 4px;
  grid-column: 1/-1
}

.vf-summary--job .vf-summary__text,
.vf-summary--job .vf-summary__title {
  grid-column: 1/-1
}

.vf-summary--profile {
  grid-column-gap: 16px;
  grid-template-columns: minmax(0, var(--vf-icon--avatar-width)) 1fr;
  grid-template-rows: auto;
  margin-bottom: 48px
}

.vf-summary--profile .vf-summary__image {
  align-self: center;
  grid-column: 1/span 1;
  grid-row: 1/span 6;
  margin-right: 30px;
  max-width: 170px;
  width: 100%
}

.vf-summary--profile .vf-summary__title {
  --vf-text-margin--bottom: 0;
  font-size: 19px;
  grid-column: 2/-1;
  line-height: 1.5
}

.vf-summary--profile .vf-summary__text {
  --vf-text-margin--bottom: 0
}

.vf-summary__link {
  color: #307fe2
}

.vf-summary__link,
.vf-summary__link:visited {
  border-bottom: none;
  text-decoration: underline
}

.vf-summary__link:visited {
  color: #54585a
}

.vf-summary__link:hover {
  color: #4a8bff;
  border-bottom: none;
  text-decoration: underline
}

.vf-summary__link--secondary {
  border-bottom: none;
  text-decoration: underline;
  color: #707372
}

.vf-summary__link--secondary:visited {
  color: #d0d0ce;
  border-bottom: none;
  text-decoration: underline
}

.vf-summary__link--secondary:hover {
  color: #4a8bff;
  border-bottom: none;
  text-decoration: underline
}

.vf-summary__image--avatar {
  border-radius: 50%
}

.vf-summary__email {
  --vf-text-margin--bottom: 24px
}

.vf-summary__email,
.vf-summary__phone {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.421;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-summary__phone {
  --vf-text-margin--bottom: 0
}

.vf-summary__phone+.vf-summary__phone {
  --vf-text-margin--bottom: 8px
}

.vf-summary--mobile {
  position: relative
}

.vf-summary--mobile:after {
  content: "(mobile)";
  margin-left: 4px;
  position: absolute
}

.vf-summary__uuid {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-summary--profile-l {
  --vf-icon--avatar-width: 128px
}

.vf-summary--profile-l .vf-summary__email {
  --vf-text-margin--bottom: 8px
}

.vf-summary--profile-r {
  --vf-icon--avatar-width: 80px
}

.vf-summary--profile-r .vf-summary__title {
  --vf-text-margin--bottom: 8px
}

.vf-summary--profile-r .vf-summary__text {
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-summary--profile-r .vf-summary__email,
.vf-summary--profile-r .vf-summary__text {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57
}

.vf-summary--profile-r .vf-summary__email {
  margin: 0
}

.vf-summary--profile-r .vf-summary__image {
  margin-right: 16px
}

.vf-summary--profile-s {
  --vf-icon--avatar-width: 60px
}

.vf-summary--profile-s .vf-summary__image {
  margin-right: 8px
}

.vf-summary--profile-s .vf-summary__title {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-summary--publication {
  margin-bottom: 48px
}

.vf-summary--publication .vf-summary__author {
  margin-bottom: 0
}

.vf-summary--publication .vf-summary__source {
  margin-bottom: 8px
}

.vf-summary--publication .vf-summary__source .vf-summary__date {
  margin-left: 4px;
  position: relative
}

.vf-summary--publication .vf-summary__source .vf-summary__date:after,
.vf-summary--publication .vf-summary__source .vf-summary__date:before {
  position: absolute
}

.vf-summary--publication .vf-summary__source .vf-summary__date:before {
  content: "(";
  left: -4px
}

.vf-summary--publication .vf-summary__source .vf-summary__date:after {
  content: ")"
}

.vf-summary--publication .vf-summary__text {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  color: #707372;
  margin-bottom: 0
}

@media (max-width:767px) {
  .vf-summary--publication .vf-summary__text .vf-link:first-child {
      display: block
  }
}

@media (min-width:768px) {
  .vf-summary--publication .vf-summary__text .vf-link {
      margin-left: 8px
  }
}

.vf-box .vf-summary--publication .vf-summary__title {
  font-size: 16px;
  margin-bottom: 4px
}

.vf-box .vf-summary--publication .vf-summary__author {
  margin-bottom: 4px
}

.vf-box .vf-summary--publication:not(:first-of-type) {
  margin-bottom: 12px
}

.vf-summary--news {
  grid-column-gap: 0;
  grid-template-columns: minmax(0, auto) 1fr;
  grid-template-rows: auto;
  margin-bottom: 48px
}

.vf-summary--news .vf-summary__image {
  grid-column: 1/span 1;
  grid-row: 1/span 4;
  margin-right: 30px;
  max-width: 180px;
  width: 100%
}

.vf-summary--news .vf-summary__title {
  grid-column: 2/-1
}

.vf-summary--news .vf-summary__category {
  display: block;
  grid-column: 2/-1;
  margin-bottom: 16px;
  margin-right: 1rem;
  position: relative;
  text-transform: uppercase
}

.vf-summary--news .vf-summary__date {
  --vf-text-margin--bottom: 0px;
  grid-column: 2/-1;
  grid-row: 1
}

.vf-summary--news .vf-summary__text {
  -ms-flex-align: center;
  align-items: center;
  display: block;
  grid-column: 2/-1
}

.vf-summary--news .vf-summary__text>.vf-summary__category {
  margin-top: -16px
}

.vf-summary--has-image {
  grid-column-gap: 18px;
  grid-template-columns: minmax(50px, auto) 1fr;
  grid-template-rows: auto;
  margin: 0 0 48px
}

.vf-summary--has-image .vf-summary__image {
  grid-column: 1/span 1;
  grid-row: 1/span 4;
  width: 180px
}

.vf-summary--has-image .vf-summary__image--thumbnail {
  width: 50px
}

.vf-summary--has-image .vf-summary__title {
  grid-column: 2/-1
}

.vf-summary--has-image .vf-summary__text {
  -ms-flex-align: center;
  align-items: center;
  display: block;
  grid-column: 2/-1
}


/*!
* Component: @visual-framework/vf-video
* Version: 1.0.0-alpha.7
* Location: components/vf-video
*/

.vf-video {
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 25px;
  position: relative
}

.vf-video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}


/*!
* Component: @visual-framework/vf-video-teaser
* Version: 1.0.0-alpha.7
* Location: components/vf-video-teaser
*/

.vf-video-teaser__image {
  display: block;
  margin-bottom: 16px
}

.vf-video-teaser__title {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.333;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  margin: 0 0 16px
}


/*!
* Component: @visual-framework/vf-global-header
* Version: 1.0.0-alpha.7
* Location: components/vf-global-header
*/

.vf-global-header {
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #707372;
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: minmax(var(--page-grid-gap), auto) minmax(auto, 76.5em) minmax(var(--page-grid-gap), auto);
  height: auto;
  padding: .5rem 0
}

.vf-global-header__inner {
  display: -ms-flexbox;
  display: flex;
  grid-column: 2/-2
}

.vf-global-header__site-name {
  -ms-flex-item-align: center;
  align-self: center;
  display: block;
  margin: 0
}

.vf-global-header [class*=navigation] {
  -ms-flex-item-align: center;
  align-self: center;
  margin-left: auto
}


/*!
* Component: @visual-framework/vf-tabs
* Version: 1.0.0-beta.7
* Location: components/vf-tabs
*/

.vf-tabs__list {
  border-bottom: 1px solid #000;
  margin: 0;
  padding: 0 0 0 16px;
  position: relative
}

.vf-tabs__item,
.vf-tabs__link {
  display: inline-block;
  position: relative
}

.vf-tabs__link {
  background: #d0d0ce;
  border-color: transparent transparent #000;
  border-style: solid;
  border-width: 1px;
  color: #54585a;
  outline: 0;
  padding: 12px 16px;
  text-decoration: none;
  top: 1px
}

.vf-tabs__link:hover {
  background-color: #54585a;
  color: #fff
}

.vf-tabs__link.is-active {
  background: #fafafa;
  border-bottom-color: #fff;
  color: #000
}

.vf-tabs__section {
  padding: 8px 16px
}

@media (max-width:550px) {
  .vf-tabs__list {
      border-bottom: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0
  }
  .vf-tabs__item {
      display: block;
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      -ms-flex-positive: 1;
      flex-grow: 1;
      margin: 2px;
      position: static
  }
  .vf-tabs__link {
      border-color: transparent;
      display: block;
      top: unset
  }
  .vf-tabs__link.is-active {
      border-color: #000;
      position: static
  }
  .vf-tabs__section {
      padding: 8px
  }
}


/*!
* Component: @visual-framework/embl-breadcrumbs-lookup
* Version: 1.0.0-alpha.7
* Location: components/embl-breadcrumbs-lookup
*/

.embl-grid .embl-breadcrumbs-lookup:first-child {
  grid-column: 1/-1;
  margin-bottom: 0
}

.embl-breadcrumbs-lookup--ghosting {
  animation: a 4s ease-in-out infinite alternate;
  background: 50% top/15% 60% linear-gradient(90deg, #d8d8d8, #f3f3f3 30%, #f3f3f3 50%, #d8d8d8);
  display: block;
  filter: blur(1rem);
  height: 17px;
  margin-bottom: 5px;
  margin-top: 5px;
  -webkit-mask-box-image: url(../assets/embl-breadcrumbs-lookup/assets/embl-breadcrumbs-lookup-ghost.svg) stretch;
  mask-border: url(../assets/embl-breadcrumbs-lookup/assets/embl-breadcrumbs-lookup-ghost.svg) stretch;
  max-width: 60rem;
  width: 100%
}

@keyframes a {
  to {
      background-position: 100%
  }
}


/*!
* Component: @visual-framework/vf-pagination
* Version: 1.0.0-beta.1
* Location: components/vf-pagination
*/

.vf-pagination__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style-type: none;
  padding-left: 0
}

.vf-pagination__item {
  -ms-flex-item-align: end;
  align-self: flex-end;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  text-align: center
}

.vf-pagination__item--is-active {
  background-color: #707372
}

.vf-pagination__item--is-active .vf-pagination__label {
  color: #fff
}

.vf-pagination__label,
.vf-pagination__link {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.71;
  margin: 0;
  color: #707372;
  display: block;
  padding: 4px 8px;
  text-decoration: none
}

.vf-pagination__link:hover {
  background-color: #707372;
  color: #fff
}

.vf-pagination__item--jump-back {
  border-right: 1px solid #d0d0ce
}

.vf-pagination__item--jump-forward {
  border-left: 1px solid #d0d0ce
}

.vf-pagination__item--pages-per {
  -ms-flex: 2 1 0px;
  flex: 2 1 0;
  margin-left: 16px
}

.vf-pagination__item--pages-per:hover {
  background: unset
}


/*!
* Component: @visual-framework/vf-activity-group
* Version: 1.0.0-alpha.7
* Location: components/vf-activity-group
*/

.vf-activity-group {
  background-color: #d0d0ce;
  grid-column: 1/-1
}

.vf-activity-group__heading {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.29;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  margin: 0 0 16px
}

.vf-activity {
  grid-column: 2/auto
}


/*!
* Component: @visual-framework/vf-intro
* Version: 1.0.0-beta.7
* Location: components/vf-intro
*/

.vf-intro {
  margin: 0 0 110px
}

.vf-intro>* {
  grid-column: 2/span 1
}

.vf-intro .vf-lede {
  margin-bottom: 2rem
}

.vf-intro__heading {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.547;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  margin: 0 0 56px
}

.vf-intro__heading--has-tag {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}

.vf-intro__heading--has-tag .vf-badge {
  margin-left: .5rem
}

@media (min-width:1024px) {
  .vf-intro__heading--has-tag {
      left: -83px;
      position: relative
  }
  .vf-intro__heading--has-tag .vf-badge {
      margin-left: 0;
      -ms-flex-order: -1;
      order: -1
  }
}

.vf-intro__text {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.421;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  margin: 0 0 24px
}

.vf-intro__text:last-of-type {
  margin-bottom: 0
}

.vf-intro__text>a {
  color: #307fe2
}

.vf-intro__text>a,
.vf-intro__text>a:visited {
  border-bottom: none;
  text-decoration: underline
}

.vf-intro__text>a:visited {
  color: #54585a
}

.vf-intro__text>a:hover {
  color: #4a8bff;
  border-bottom: none;
  text-decoration: underline
}


/*!
* Component: @visual-framework/embl-content-hub-loader
* Version: 1.0.0-beta.7
* Location: components/embl-content-hub-loader
*/

.embl-grid>.embl-content-hub-html,
.embl-grid>.vf-content-hub-html,
.vf-grid>.embl-content-hub-html,
.vf-grid>.vf-content-hub-html {
  grid-column: 1/-1
}


/*!
* Component: @visual-framework/vf-banner
* Version: 1.0.0-alpha.7
* Location: components/vf-banner
*/

.vf-banner {
  box-sizing: border-box;
  padding: 0 12px
}

.vf-banner .vf-badge {
  margin-right: 16px
}

.vf-banner--blocking {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: minmax(var(--page-grid-gap), auto) [main-start] minmax(288px, 76.5em) [main-end] minmax(var(--page-grid-gap), auto);
  height: 100%;
  left: 0;
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5150
}

.vf-banner__content {
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width:63.9375em) {
  .vf-banner__content {
      display: block
  }
}

@media (min-width:1024px) {
  .vf-banner__content {
      grid-column: main
  }
}

.vf-banner__text {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.71;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-banner--top {
  top: 0
}

.vf-banner--bottom {
  bottom: 0
}

.vf-banner--notice {
  padding-bottom: 16px;
  padding-top: 16px;
  background-color: #54585a
}

.vf-banner--notice .vf-text {
  color: #fff;
  margin-bottom: 24px;
  max-width: 64em
}

.vf-banner--notice .vf-text .vf-link {
  color: inherit
}

@media (min-width:1024px) {
  .vf-banner--notice .vf-text {
      margin: 0
  }
}

@media (min-width:1024px) {
  .vf-banner--notice .vf-button {
      -ms-flex-item-align: center;
      align-self: center;
      justify-self: end
  }
}

.vf-banner--blocking.vf-banner--notice {
  padding-bottom: 16px;
  padding-top: 16px;
  background-color: rgba(0, 0, 0, .1)
}

.vf-banner--blocking.vf-banner--notice .vf-banner__content {
  padding-bottom: 16px;
  padding-top: 16px;
  background-color: #54585a
}

.vf-banner--phase {
  background-color: #fffadc;
  margin-bottom: 24px
}

.vf-banner--phase [class*=vf-text] {
  color: #54585a;
  margin: 12px 0
}

.vf-banner--phase [class*=vf-text] .vf-link {
  color: inherit
}

.vf-banner--phase .vf-banner__content {
  display: -ms-flexbox;
  display: flex
}

@media (min-width:1024px) {
  .vf-banner--phase .vf-button {
      margin-left: auto
  }
}

.vf-banner--fixed {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: minmax(var(--page-grid-gap), auto) [main-start] minmax(288px, 76.5em) [main-end] minmax(var(--page-grid-gap), auto);
  left: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  width: 100%;
  z-index: 5150
}

.vf-body:not(.vf-disable-deprecated) .vf-banner--gdpr {
  padding-bottom: 16px;
  padding-top: 16px;
  background-color: #54585a
}

.vf-body:not(.vf-disable-deprecated) .vf-banner--gdpr .vf-text {
  color: #fff;
  margin-bottom: 24px;
  max-width: 64em
}

.vf-body:not(.vf-disable-deprecated) .vf-banner--gdpr .vf-text .vf-link {
  color: inherit
}

@media (min-width:1024px) {
  .vf-body:not(.vf-disable-deprecated) .vf-banner--gdpr .vf-text {
      margin: 0
  }
}

@media (min-width:1024px) {
  .vf-body:not(.vf-disable-deprecated) .vf-banner--gdpr .vf-button {
      -ms-flex-item-align: center;
      align-self: center;
      justify-self: end
  }
}


/*!
* Component: @visual-framework/vf-news-container
* Version: 1.0.0-alpha.7
* Location: components/vf-news-container
*/


/*!
* Component: @visual-framework/vf-video-container
* Version: 1.0.0-alpha.7
* Location: components/vf-video-container
*/


/*!
* Component: @visual-framework/vf-footer
* Version: 1.0.0-alpha.7
* Location: components/vf-footer
*/

.vf-footer {
  background-color: #707372;
  border-top: 8px solid #009f4d;
  padding-bottom: 60px;
  padding-top: 24px
}

.vf-footer .vf-links {
  padding-left: 0;
  padding-right: 0
}

.vf-footer__notice {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.71;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  color: #fff;
  max-width: 52em
}

.vf-footer__inner {
  grid-column: main
}

.vf-footer__legal {
  color: #fff;
  display: grid;
  grid-template-columns: repeat(4, -webkit-max-content);
  grid-template-columns: repeat(4, max-content)
}

.vf-footer__legal .vf-footer__legal-text,
.vf-footer__legal .vf-footer__link {
  padding-top: 12px
}

.vf-footer__link {
  border-bottom: none;
  text-decoration: underline;
  color: #fff
}

.vf-footer__link:hover,
.vf-footer__link:visited {
  color: #d0d0ce;
  border-bottom: none;
  text-decoration: underline
}

.vf-footer__list--legal {
  grid-column: 1/-1
}

.vf-footer__links-group {
  border: 0 solid #d0d0ce;
  border-width: 1px 0;
  margin-bottom: 12px
}

.vf-footer__links-group .vf-links__heading {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px);
  color: #d0d0ce;
  text-transform: uppercase
}

.vf-footer__links-group .vf-links {
  margin-bottom: 48px;
  padding-bottom: 0;
  padding-top: 12px
}

.vf-footer__links-group .vf-links__item {
  margin-bottom: 0
}

.vf-footer .vf-links__link {
  border-bottom: none;
  text-decoration: underline;
  color: #fff
}

.vf-footer .vf-links__link:hover,
.vf-footer .vf-links__link:visited {
  color: #d0d0ce;
  border-bottom: none;
  text-decoration: underline
}

.vf-footer .vf-list__link {
  border-bottom: none;
  text-decoration: underline;
  color: #fff;
  margin-right: 24px
}

.vf-footer .vf-list__link:hover,
.vf-footer .vf-list__link:visited {
  color: #d0d0ce;
  border-bottom: none;
  text-decoration: underline
}


/*!
* Component: @visual-framework/vf-footer
* Version: 1.0.0-alpha.7
* Location: components/vf-footer
*/

.vf-tree {
  background-color: #f4f3f0;
  border: 1px solid #e3e3e3;
  padding: 0
}

.vf-tree--collapsed {
  width: 29px
}

.vf-tree--collapsed .vf-tree__list {
  display: none
}

.vf-tree--collapsed .vf-show-hide__button,
.vf-tree--collapsed .vf-show-hide__button:hover {
  transform-origin: center;
  transform: rotate(180deg)
}

.vf-tree--collapsed .vf-show-hide {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.vf-tree__list {
  margin-bottom: 0
}

.vf-tree__item {
  padding: 4px 8px;
  position: relative
}

.vf-tree__item:hover {
  background-color: #e7e6e3
}

.vf-tree__button {
  all: unset;
  cursor: pointer;
  float: right;
  margin-left: auto
}

.vf-tree__button svg {
  stroke: #979797
}

.vf-tree__button:hover {
  all: unset;
  cursor: pointer;
  float: right;
  margin-left: auto
}

.vf-tree__button:hover svg {
  stroke: #000
}

.vf-tree__link {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  margin: 0;
  color: #000;
  padding: 8px 0;
  text-decoration: none
}

.vf-tree__item--expanded {
  background-color: #fff;
  padding-bottom: 16px
}

.vf-tree__item--expanded .vf-tree__item:hover,
.vf-tree__item--expanded .vf-tree__link:hover,
.vf-tree__item--expanded:hover {
  background-color: #fff
}

.vf-tree__item--expanded > .vf-tree__button {
  transform-origin: center;
  transform: rotate(90deg)
}

.vf-tree__item--selected>.vf-tree__link:first-of-type {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  margin: 0
}

.vf-tree__item--selected>.vf-tree__link:first-of-type:hover {
  text-decoration: none!important
}

.vf-tree__list--additional .vf-tree__item {
  margin-left: 16px;
  position: relative
}

.vf-tree__list--additional .vf-tree__item:before {
  border-left: 1px solid #979797;
  content: "";
  height: 100%;
  left: -8px;
  position: absolute
}

.vf-tree__list--additional .vf-tree__item:last-of-type {
  padding-bottom: 0
}

.vf-tree__list--additional .vf-tree__item:hover>.vf-tree__link {
  text-decoration: underline
}

.vf-show-hide {
  display: -ms-flexbox;
  display: flex;
  padding: 0 8px
}

.vf-tree .vf-show-hide {
  padding-top: 8px
}

.vf-show-hide__button {
  all: unset;
  cursor: pointer;
  margin-left: auto
}

.vf-show-hide__button svg {
  stroke: #979797
}

.vf-show-hide__button:hover {
  all: unset;
  cursor: pointer;
  margin-left: auto
}

.vf-show-hide__button:hover svg {
  stroke: #000
}


/*!
* Component: @visual-framework/vf-deprecated
* Version: 1.0.0-beta.4
* Location: components/vf-deprecated
*/

html:not(.vf-disable-deprecated) .vf-deprecated:before {
  content: "CSS `:before` content and custom rules that can be conditionally disabled with a parent `.vf-disable-deprecated` selector."
}


/*!
* Component: @visual-framework/vf-heading
* Version: 1.0.0-beta.7
* Location: components/vf-heading
*/

.vf-text {
  margin: 0 0 16px
}

.vf-text-heading--5 {
  font-size: 19px;
  line-height: 1.5
}

.vf-text-heading--4,
.vf-text-heading--5 {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-weight: 500;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-text-heading--4 {
  font-size: 21px;
  line-height: 1.29
}

.vf-text-heading--3 {
  font-size: 24px
}

.vf-text-heading--2,
.vf-text-heading--3 {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.333;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-text-heading--2 {
  font-size: 30px
}

.vf-text-heading--1 {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.547;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-text--has-tag {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}

.vf-text--has-tag .vf-badge {
  margin-left: 8px
}

.vf-text--invert {
  background-color: #000;
  color: #fff;
  display: inline-block;
  padding: 4px 8px 4px 4px
}


/*!
* Component: @visual-framework/vf-text
* Version: 1.0.0-beta.7
* Location: components/vf-text
*/

.vf-text-body>a {
  color: #307fe2
}

.vf-text-body>a,
.vf-text-body>a:visited {
  border-bottom: none;
  text-decoration: underline
}

.vf-text-body>a:visited {
  color: #54585a
}

.vf-text-body>a:hover {
  color: #4a8bff;
  border-bottom: none;
  text-decoration: underline
}

.vf-text-body--6 {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-text-body--5 {
  font-weight: 400
}

.vf-text-body--4,
.vf-text-body--5 {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.57;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-text-body--4 {
  font-weight: 500
}

.vf-text-body--3 {
  font-size: 16px;
  line-height: 1.71
}

.vf-text-body--2,
.vf-text-body--3 {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}

.vf-text-body--2 {
  font-size: 19px;
  line-height: 1.421
}

.vf-text-body--1 {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.3125;
  margin: 0 0 16px;
  margin: 0 0 var(--vf-text-margin--bottom, 16px)
}


/*!
* Component: @visual-framework/vf-utility-classes
* Version: 1.0.0-beta.7
* Location: components/vf-utility-classes
*/

.vf-u-background-color--green {
  background-color: #009f4d
}

.vf-u-background-color--green--darkest {
  background-color: #115740
}

.vf-u-background-color--green--dark {
  background-color: #007a53
}

.vf-u-background-color--green--light {
  background-color: #6cc24a
}

.vf-u-background-color--green--lightest {
  background-color: #d0debb
}

.vf-u-background-color--grey {
  background-color: #707372
}

.vf-u-background-color--grey--darkest {
  background-color: #373a36
}

.vf-u-background-color--grey--dark {
  background-color: #54585a
}

.vf-u-background-color--grey--light {
  background-color: #a8a99e
}

.vf-u-background-color--grey--lightest {
  background-color: #d0d0ce
}

.vf-u-background-color--red {
  background-color: #e40046
}

.vf-u-background-color--red--dark {
  background-color: #a6093d
}

.vf-u-background-color--red--light {
  background-color: #e58f9e
}

.vf-u-background-color--blue {
  background-color: #307fe2
}

.vf-u-background-color--blue--dark {
  background-color: #003da5
}

.vf-u-background-color--blue--light {
  background-color: #8bb8e8
}

.vf-u-background-color--purple {
  background-color: #8246af
}

.vf-u-background-color--purple--dark {
  background-color: #563d82
}

.vf-u-background-color--purple--light {
  background-color: #cba3d8
}

.vf-u-background-color--orange {
  background-color: #ffa300
}

.vf-u-background-color--orange--dark {
  background-color: #be5400
}

.vf-u-background-color--orange--light {
  background-color: #efc06e
}

.vf-u-background-color--yellow {
  background-color: #ffcd00
}

.vf-u-background-color--yellow--dark {
  background-color: #ffb81c
}

.vf-u-background-color--yellow--light {
  background-color: #fdd757
}

.vf-u-background-color--bright-green {
  background-color: #a8c700
}

.vf-u-background-color--bright-green--dark {
  background-color: #84bd00
}

.vf-u-background-color--bright-green--light {
  background-color: #e2e868
}

.vf-u-background-color-ui--black {
  background-color: #000
}

.vf-u-background-color-ui--grey {
  background-color: #f3f3f3
}

.vf-u-background-color-ui--grey--light {
  background-color: #d8d8d8
}

.vf-u-background-color-ui--yellow {
  background-color: #fffadc
}

.vf-u-background-color-ui--red {
  background-color: #d32f2f
}

.vf-u-background-color-ui--white {
  background-color: #fff
}

.vf-u-background-color-ui--off-white {
  background-color: #fafafa
}

.vf-u-border-color--green {
  border-color: #009f4d
}

.vf-u-border-color--green--darkest {
  border-color: #115740
}

.vf-u-border-color--green--dark {
  border-color: #007a53
}

.vf-u-border-color--green--light {
  border-color: #6cc24a
}

.vf-u-border-color--green--lightest {
  border-color: #d0debb
}

.vf-u-border-color--grey {
  border-color: #707372
}

.vf-u-border-color--grey--darkest {
  border-color: #373a36
}

.vf-u-border-color--grey--dark {
  border-color: #54585a
}

.vf-u-border-color--grey--light {
  border-color: #a8a99e
}

.vf-u-border-color--grey--lightest {
  border-color: #d0d0ce
}

.vf-u-border-color--red {
  border-color: #e40046
}

.vf-u-border-color--red--dark {
  border-color: #a6093d
}

.vf-u-border-color--red--light {
  border-color: #e58f9e
}

.vf-u-border-color--blue {
  border-color: #307fe2
}

.vf-u-border-color--blue--dark {
  border-color: #003da5
}

.vf-u-border-color--blue--light {
  border-color: #8bb8e8
}

.vf-u-border-color--purple {
  border-color: #8246af
}

.vf-u-border-color--purple--dark {
  border-color: #563d82
}

.vf-u-border-color--purple--light {
  border-color: #cba3d8
}

.vf-u-border-color--orange {
  border-color: #ffa300
}

.vf-u-border-color--orange--dark {
  border-color: #be5400
}

.vf-u-border-color--orange--light {
  border-color: #efc06e
}

.vf-u-border-color--yellow {
  border-color: #ffcd00
}

.vf-u-border-color--yellow--dark {
  border-color: #ffb81c
}

.vf-u-border-color--yellow--light {
  border-color: #fdd757
}

.vf-u-border-color--bright-green {
  border-color: #a8c700
}

.vf-u-border-color--bright-green--dark {
  border-color: #84bd00
}

.vf-u-border-color--bright-green--light {
  border-color: #e2e868
}

.vf-u-border-color-ui--black {
  border-color: #000
}

.vf-u-border-color-ui--grey {
  border-color: #f3f3f3
}

.vf-u-border-color-ui--grey--light {
  border-color: #d8d8d8
}

.vf-u-border-color-ui--yellow {
  border-color: #fffadc
}

.vf-u-border-color-ui--red {
  border-color: #d32f2f
}

.vf-u-border-color-ui--white {
  border-color: #fff
}

.vf-u-border-color-ui--off-white {
  border-color: #fafafa
}

.vf-u-margin--0 {
  margin: 0
}

.vf-u-margin--xs {
  margin: 4px
}

.vf-u-margin--sm {
  margin: 8px
}

.vf-u-margin--md {
  margin: 16px
}

.vf-u-margin--lg {
  margin: 20px
}

.vf-u-margin--xl {
  margin: 24px
}

.vf-u-margin--xxl {
  margin: 32px
}

.vf-u-margin__bottom--0 {
  margin-bottom: 0
}

.vf-u-margin__bottom--xs {
  margin-bottom: 4px
}

.vf-u-margin__bottom--sm {
  margin-bottom: 8px
}

.vf-u-margin__bottom--md {
  margin-bottom: 16px
}

.vf-u-margin__bottom--lg {
  margin-bottom: 20px
}

.vf-u-margin__bottom--xl {
  margin-bottom: 24px
}

.vf-u-margin__bottom--xxl {
  margin-bottom: 32px
}

.vf-u-margin__top--0 {
  margin-top: 0
}

.vf-u-margin__top--xs {
  margin-top: 4px
}

.vf-u-margin__top--sm {
  margin-top: 8px
}

.vf-u-margin__top--md {
  margin-top: 16px
}

.vf-u-margin__top--lg {
  margin-top: 20px
}

.vf-u-margin__top--xl {
  margin-top: 24px
}

.vf-u-margin__top--xxl {
  margin-top: 32px
}

.vf-u-margin__left--0 {
  margin-left: 0
}

.vf-u-margin__left--xs {
  margin-left: 4px
}

.vf-u-margin__left--sm {
  margin-left: 8px
}

.vf-u-margin__left--md {
  margin-left: 16px
}

.vf-u-margin__left--lg {
  margin-left: 20px
}

.vf-u-margin__left--xl {
  margin-left: 24px
}

.vf-u-margin__left--xxl {
  margin-left: 32px
}

.vf-u-margin__right--0 {
  margin-right: 0
}

.vf-u-margin__right--xs {
  margin-right: 4px
}

.vf-u-margin__right--sm {
  margin-right: 8px
}

.vf-u-margin__right--md {
  margin-right: 16px
}

.vf-u-margin__right--lg {
  margin-right: 20px
}

.vf-u-margin__right--xl {
  margin-right: 24px
}

.vf-u-margin__right--xxl {
  margin-right: 32px
}

.vf-u-padding--0 {
  padding: 0
}

.vf-u-padding--xs {
  padding: 4px
}

.vf-u-padding--sm {
  padding: 8px
}

.vf-u-padding--md {
  padding: 16px
}

.vf-u-padding--lg {
  padding: 20px
}

.vf-u-padding--xl {
  padding: 24px
}

.vf-u-padding--xxl {
  padding: 32px
}

.vf-u-padding__bottom--0 {
  padding-bottom: 0
}

.vf-u-padding__bottom--xs {
  padding-bottom: 4px
}

.vf-u-padding__bottom--sm {
  padding-bottom: 8px
}

.vf-u-padding__bottom--md {
  padding-bottom: 16px
}

.vf-u-padding__bottom--lg {
  padding-bottom: 20px
}

.vf-u-padding__bottom--xl {
  padding-bottom: 24px
}

.vf-u-padding__bottom--xxl {
  padding-bottom: 32px
}

.vf-u-padding__top--0 {
  padding-top: 0
}

.vf-u-padding__top--xs {
  padding-top: 4px
}

.vf-u-padding__top--sm {
  padding-top: 8px
}

.vf-u-padding__top--md {
  padding-top: 16px
}

.vf-u-padding__top--lg {
  padding-top: 20px
}

.vf-u-padding__top--xl {
  padding-top: 24px
}

.vf-u-padding__top--xxl {
  padding-top: 32px
}

.vf-u-padding__left--0 {
  padding-left: 0
}

.vf-u-padding__left--xs {
  padding-left: 4px
}

.vf-u-padding__left--sm {
  padding-left: 8px
}

.vf-u-padding__left--md {
  padding-left: 16px
}

.vf-u-padding__left--lg {
  padding-left: 20px
}

.vf-u-padding__left--xl {
  padding-left: 24px
}

.vf-u-padding__left--xxl {
  padding-left: 32px
}

.vf-u-padding__right--0 {
  padding-right: 0
}

.vf-u-padding__right--xs {
  padding-right: 4px
}

.vf-u-padding__right--sm {
  padding-right: 8px
}

.vf-u-padding__right--md {
  padding-right: 16px
}

.vf-u-padding__right--lg {
  padding-right: 20px
}

.vf-u-padding__right--xl {
  padding-right: 24px
}

.vf-u-padding__right--xxl {
  padding-right: 32px
}

.vf-u-text-color--green {
  color: #009f4d
}

.vf-u-text-color--green--darkest {
  color: #115740
}

.vf-u-text-color--green--dark {
  color: #007a53
}

.vf-u-text-color--green--light {
  color: #6cc24a
}

.vf-u-text-color--green--lightest {
  color: #d0debb
}

.vf-u-text-color--grey {
  color: #707372
}

.vf-u-text-color--grey--darkest {
  color: #373a36
}

.vf-u-text-color--grey--dark {
  color: #54585a
}

.vf-u-text-color--grey--light {
  color: #a8a99e
}

.vf-u-text-color--grey--lightest {
  color: #d0d0ce
}

.vf-u-text-color--red {
  color: #e40046
}

.vf-u-text-color--red--dark {
  color: #a6093d
}

.vf-u-text-color--red--light {
  color: #e58f9e
}

.vf-u-text-color--blue {
  color: #307fe2
}

.vf-u-text-color--blue--dark {
  color: #003da5
}

.vf-u-text-color--blue--light {
  color: #8bb8e8
}

.vf-u-text-color--purple {
  color: #8246af
}

.vf-u-text-color--purple--dark {
  color: #563d82
}

.vf-u-text-color--purple--light {
  color: #cba3d8
}

.vf-u-text-color--orange {
  color: #ffa300
}

.vf-u-text-color--orange--dark {
  color: #be5400
}

.vf-u-text-color--orange--light {
  color: #efc06e
}

.vf-u-text-color--yellow {
  color: #ffcd00
}

.vf-u-text-color--yellow--dark {
  color: #ffb81c
}

.vf-u-text-color--yellow--light {
  color: #fdd757
}

.vf-u-text-color--bright-green {
  color: #a8c700
}

.vf-u-text-color--bright-green--dark {
  color: #84bd00
}

.vf-u-text-color--bright-green--light {
  color: #e2e868
}

.vf-u-text-color--ui--black {
  color: #000
}

.vf-u-text-color--ui--grey {
  color: #f3f3f3
}

.vf-u-text-color--ui--grey--light {
  color: #d8d8d8
}

.vf-u-text-color--ui--yellow {
  color: #fffadc
}

.vf-u-text-color--ui--red {
  color: #d32f2f
}

.vf-u-text-color--ui--white {
  color: #fff
}

.vf-u-text-color--ui--off-white {
  color: #fafafa
}

.vf-u-type__text-body--1 {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.3125
}

.vf-u-type__text-body--2 {
  font-size: 19px;
  font-weight: 400;
  line-height: 1.421
}

.vf-u-type__text-body--3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.71
}

.vf-u-type__text-body--4 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57
}

.vf-u-type__text-body--5 {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57
}

.vf-u-type__text-body--6 {
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5
}

.vf-u-type__text-button--1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1
}

.vf-u-type__text-button--2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1
}

.vf-u-type__text-heading--1 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.547
}

.vf-u-type__text-heading--2 {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.333
}

.vf-u-type__text-heading--3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.333
}

.vf-u-type__text-heading--4 {
  font-size: 21px;
  font-weight: 500;
  line-height: 1.29
}

.vf-u-type__text-heading--5 {
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5
}

.vf-u-grid--reset {
  grid-column: 1/-1
}

.vf-u-display-none {
  display: none
}


/*!
* Component: @visual-framework/ebi-vf1-integration
* Version: 0.0.2-alpha.0
* Location: components/ebi-vf1-integration
*/

.ebi-vf1-integration,
.ebi-vf1-integration .h1,
.ebi-vf1-integration .h2,
.ebi-vf1-integration .h3,
.ebi-vf1-integration .h4,
.ebi-vf1-integration .h5,
.ebi-vf1-integration .h6,
.ebi-vf1-integration h1,
.ebi-vf1-integration h2,
.ebi-vf1-integration h3,
.ebi-vf1-integration h4,
.ebi-vf1-integration h5,
.ebi-vf1-integration h6,
.ebi-vf1-integration p,
html body.ebi-vf1-integration,
html body.ebi-vf1-integration .h1,
html body.ebi-vf1-integration .h2,
html body.ebi-vf1-integration .h3,
html body.ebi-vf1-integration .h4,
html body.ebi-vf1-integration .h5,
html body.ebi-vf1-integration .h6,
html body.ebi-vf1-integration h1,
html body.ebi-vf1-integration h2,
html body.ebi-vf1-integration h3,
html body.ebi-vf1-integration h4,
html body.ebi-vf1-integration h5,
html body.ebi-vf1-integration h6,
html body.ebi-vf1-integration p {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif
}

.ebi-vf1-integration p,
body.ebi-vf1-integration {
  -webkit-font-smoothing: unset!important;
  text-rendering: auto
}

.ebi-vf1-integration h1 {
  color: unset
}

.ebi-vf1-integration .masthead-black-bar {
  background-color: #373a36
}

.ebi-vf1-integration #global-footer .row,
.ebi-vf1-integration #masthead-black-bar .row {
  max-width: 76.5rem
}

.ebi-vf1-integration #global-footer,
.ebi-vf1-integration #global-nav {
  font-family: IBM Plex Sans, Helvetica, Arial, sans-serif
}

.ebi-vf1-integration a {
  border: unset;
  text-decoration: underline
}

.ebi-vf1-integration a:hover {
  text-decoration: unset;
  border-bottom-style: unset
}

.ebi-vf1-integration #local-title a,
.ebi-vf1-integration .masthead-black-bar .global-nav a,
.ebi-vf1-integration .masthead ul li a,
.ebi-vf1-integration .secondary-menu ul.menu a,
.ebi-vf1-integration ul.menu.secondary-menu a {
  text-decoration: none
}

.ebi-vf1-integration #local-title a:hover,
.ebi-vf1-integration .masthead-black-bar .global-nav a:hover,
.ebi-vf1-integration .masthead ul li a:hover,
.ebi-vf1-integration .secondary-menu ul.menu a:hover,
.ebi-vf1-integration ul.menu.secondary-menu a:hover {
  text-decoration: underline
}

.ebi-vf1-integration .no-underline a,
.ebi-vf1-integration a.no-underline {
  text-decoration: none;
  border-bottom: none
}

.ebi-vf1-integration .vf-button {
  text-decoration: none
}

.ebi-vf1-integration .vf-button--primary:hover,
.ebi-vf1-integration .vf-button--primary:visited,
.ebi-vf1-integration .vf-button--secondary:hover,
.ebi-vf1-integration .vf-button--secondary:visited,
.ebi-vf1-integration .vf-button--tertiary:hover,
.ebi-vf1-integration .vf-button--tertiary:visited {
  color: #fff
}

.ebi-vf1-integration a.vf-button {
  border: 4px solid #000!important;
  border: 4px solid var(--vf-button-border-color, var(--default-bg-colour))!important;
  box-sizing: content-box;
  opacity: 1
}

.ebi-vf1-integration a.vf-button:hover {
  opacity: 1
}

.ebi-vf1-integration #data-protection-banner {
  background-color: #373a36!important
}

.ebi-vf1-integration #data-protection-banner .row {
  max-width: 76.5em
}

.ebi-vf1-integration .vf-form__input:not([type=file]) {
  height: unset;
  background: unset
}

.ebi-vf1-integration .vf-form__input:not([type=file]):focus,
.ebi-vf1-integration .vf-form__input:not([type=file]):hover {
  border-width: unset;
  box-shadow: unset
}

@media (max-width: 1023px) {
  .vf-grid--small-screen__col-1 {
    display: block; } }