body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  font-weight: normal;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

/* html5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: ''; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

address {
  font-style: normal; }

.object-fit--cover {
  -o-object-fit: cover;
  object-fit: cover; }

.border-radius {
  border-radius: 4px; }

.border-radius--l {
  border-radius: 8px; }

.bg-variant-brand-primary {
  background-color: var(--color-brand-primary);
  color: var(--color-white); }

.bg-variant-brand-secondary {
  background-color: var(--color-brand-secondary);
  color: var(--color-white); }

.bg-variant-brand-tertiary {
  background-color: var(--color-brand-tertiary);
  color: var(--color-brand-secondary); }

.bg-variant-white {
  background-color: var(--color-white);
  color: var(--color-brand-secondary); }

.bg-variant-brand-quaternary {
  background-color: var(--color-brand-quaternary);
  color: var(--color-brand-secondary); }

.bg-variant-brand-quinary {
  background-color: var(--color-brand-quinary);
  color: var(--color-brand-secondary-shade-180); }

.bg-variant-brand-senary {
  background-color: var(--color-brand-senary);
  color: var(--color-brand-secondary); }

.color--dark-shade-main {
  color: var(--color-brand-secondary-tint-60);
  fill: var(--color-brand-secondary-tint-60); }

.color--dark-shade-alterative {
  color: var(--color-brand-secondary-tint-80);
  fill: var(--color-brand-secondary-tint-80); }

.bg-brand--blue {
  background: #2175d9;
  color: #fff; }
  .bg-brand--blue a {
    color: #fff; }

.bg-brand--dark-blue {
  background: #0f1941;
  color: #fff; }
  .bg-brand--dark-blue a {
    color: #fff; }

.bg-brand--turquoise {
  background: #6ba5b4;
  color: #0f1941; }
  .bg-brand--turquoise a {
    color: #0f1941; }

.bg-brand--red {
  background: #e74536;
  color: #03050d; }
  .bg-brand--red a {
    color: #03050d; }

.bg-ui--negative {
  background: #e00f0f;
  color: #03050d; }
  .bg-ui--negative a {
    color: #03050d; }

.bg-brand--yellow {
  background: #ffb511;
  color: #0f1941; }
  .bg-brand--yellow a {
    color: #0f1941; }

.bg--brand--white {
  background: #fff;
  color: #0f1941; }
  .bg--brand--white a {
    color: #2175d9; }

.bg-brand--off-white {
  background: #f7f5f0;
  color: #0f1941; }
  .bg-brand--off-white a {
    color: #2175d9; }

.bg-greyscale--grey-10 {
  background: #f7f7f7; }

.bg-brand-tertiary {
  background: #f7f5f0; }

@font-face {
  font-family: 'Graphik';
  src: url("../../font/Graphik-Regular.woff2") format("woff2"), url("../../font/Graphik-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

html {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px;
  box-sizing: border-box;
  color: #0f1941;
  font-family: Graphik, Tahoma, "sans-serif";
  margin: 0;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none; }
  html *, html *::before, html *::after {
    box-sizing: inherit; }

.hidden {
  display: none !important; }

@media (min-width: 941px) {
  .hidden--from-l {
    display: none !important; } }

@media (max-width: 940px) {
  .hidden--until-l {
    display: none !important; } }

.hidden--visually {
  height: 1px;
  left: -1000%;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px; }

.relative {
  position: relative; }

.m-xxs {
  margin: 5px; }

.m-xs {
  margin: 10px; }

.m-s {
  margin: 20px; }

.m-m {
  margin: 30px; }

.m-l {
  margin: 50px; }

.m-xl {
  margin: 80px; }

.m-xxl {
  margin: 130px; }

.mb-xxs {
  margin-bottom: 5px; }

.mb-xs {
  margin-bottom: 10px; }

.mb-s {
  margin-bottom: 20px; }

.mb-m {
  margin-bottom: 30px; }

.mb-l {
  margin-bottom: 50px; }

.mb-xl {
  margin-bottom: 80px; }

.mb-xxl {
  margin-bottom: 130px; }

.ml-xxs {
  margin-left: 5px; }

.ml-xs {
  margin-left: 10px; }

.ml-s {
  margin-left: 20px; }

.ml-m {
  margin-left: 30px; }

.ml-l {
  margin-left: 50px; }

.ml-xl {
  margin-left: 80px; }

.ml-xxl {
  margin-left: 130px; }

.mr-xxs {
  margin-right: 5px; }

.mr-xs {
  margin-right: 10px; }

.mr-s {
  margin-right: 20px; }

.mr-m {
  margin-right: 30px; }

.mr-l {
  margin-right: 50px; }

.mr-xl {
  margin-right: 80px; }

.mr-xxl {
  margin-right: 130px; }

.mt-xxs {
  margin-top: 5px; }

.mt-xs {
  margin-top: 10px; }

.mt-s {
  margin-top: 20px; }

.mt-m {
  margin-top: 30px; }

.mt-l {
  margin-top: 50px; }

.mt-xl {
  margin-top: 80px; }

.mt-xxl {
  margin-top: 130px; }

.mt-15 {
  margin-top: 15px; }

.mx-xxs {
  margin-left: 5px;
  margin-right: 5px; }

.mx-xs {
  margin-left: 10px;
  margin-right: 10px; }

.mx-s {
  margin-left: 20px;
  margin-right: 20px; }

.mx-m {
  margin-left: 30px;
  margin-right: 30px; }

.mx-l {
  margin-left: 50px;
  margin-right: 50px; }

.mx-xl {
  margin-left: 80px;
  margin-right: 80px; }

.mx-xxl {
  margin-left: 130px;
  margin-right: 130px; }

.my-xxs {
  margin-bottom: 5px;
  margin-top: 5px; }

.my-xs {
  margin-bottom: 10px;
  margin-top: 10px; }

.my-s {
  margin-bottom: 20px;
  margin-top: 20px; }

.my-m {
  margin-bottom: 30px;
  margin-top: 30px; }

.my-l {
  margin-bottom: 50px;
  margin-top: 50px; }

.my-xl {
  margin-bottom: 80px;
  margin-top: 80px; }

.my-xxl {
  margin-bottom: 130px;
  margin-top: 130px; }

.p-xxs {
  padding: 5px; }

.p-xs {
  padding: 10px; }

.p-s {
  padding: 20px; }

.p-m {
  padding: 30px; }

.p-l {
  padding: 50px; }

.p-xl {
  padding: 80px; }

.p-xxl {
  padding: 130px; }

.p-15 {
  padding: 15px; }

.pb-xxs {
  padding-bottom: 5px; }

.pb-xs {
  padding-bottom: 10px; }

.pb-s {
  padding-bottom: 20px; }

.pb-m {
  padding-bottom: 30px; }

.pb-l {
  padding-bottom: 50px; }

.pb-xl {
  padding-bottom: 80px; }

.pb-xxl {
  padding-bottom: 130px; }

.pb-15 {
  padding-bottom: 15px; }

.pl-xxs {
  padding-left: 5px; }

.pl-xs {
  padding-left: 10px; }

.pl-s {
  padding-left: 20px; }

.pl-m {
  padding-left: 30px; }

.pl-l {
  padding-left: 50px; }

.pl-xl {
  padding-left: 80px; }

.pl-xxl {
  padding-left: 130px; }

.pl-25 {
  padding-left: 25px; }

.pr-xxs {
  padding-right: 5px; }

.pr-xs {
  padding-right: 10px; }

.pr-s {
  padding-right: 20px; }

.pr-m {
  padding-right: 30px; }

.pr-l {
  padding-right: 50px; }

.pr-xl {
  padding-right: 80px; }

.pr-xxl {
  padding-right: 130px; }

.pt-xxs {
  padding-top: 5px; }

.pt-xs {
  padding-top: 10px; }

.pt-s {
  padding-top: 20px; }

.pt-m {
  padding-top: 30px; }

.pt-l {
  padding-top: 50px; }

.pt-xl {
  padding-top: 80px; }

.pt-xxl {
  padding-top: 130px; }

.pt-15 {
  padding-top: 15px; }

.px-xxs {
  padding-left: 5px;
  padding-right: 5px; }

.px-xs {
  padding-left: 10px;
  padding-right: 10px; }

.px-s {
  padding-left: 20px;
  padding-right: 20px; }

.px-m {
  padding-left: 30px;
  padding-right: 30px; }

.px-l {
  padding-left: 50px;
  padding-right: 50px; }

.px-xl {
  padding-left: 80px;
  padding-right: 80px; }

.px-xxl {
  padding-left: 130px;
  padding-right: 130px; }

.py-xxs {
  padding-bottom: 5px;
  padding-top: 5px; }

.py-xs {
  padding-bottom: 10px;
  padding-top: 10px; }

.py-s {
  padding-bottom: 20px;
  padding-top: 20px; }

.py-m {
  padding-bottom: 30px;
  padding-top: 30px; }

.py-l {
  padding-bottom: 50px;
  padding-top: 50px; }

.py-xl {
  padding-bottom: 80px;
  padding-top: 80px; }

.py-xxl {
  padding-bottom: 130px;
  padding-top: 130px; }

.py-15 {
  padding-bottom: 15px;
  padding-top: 15px; }

.text {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px;
  color: #0f1941; }
  .text--alternative {
    color: var(--color-brand-secondary-tint-60); }
    .text--alternative a {
      color: var(--color-brand-secondary-tint-60);
      -webkit-text-decoration: underline solid currentColor;
      text-decoration: underline solid currentColor; }
      .text--alternative a:hover {
        -webkit-text-decoration: underline solid transparent;
        text-decoration: underline solid transparent; }
    .cards .text--alternative,
    .popover .text--alternative {
      color: #3c4464; }
    .bg-brand--off-white .text--alternative,
    .bg-brand-tertiary .text--alternative {
      color: #3c4464; }
      .cards .bg-brand--off-white .text--alternative, .cards
      .bg-brand-tertiary .text--alternative {
        color: #6c738d; }
    .bg-brand--blue .text--alternative,
    .bg-brand--turquoise .text--alternative {
      color: rgba(247, 245, 240, 0.5); }
    .bg-brand--yellow .text--alternative {
      color: rgba(15, 25, 65, 0.7); }
    .bg-brand--red .text--alternative {
      color: #03050d; }
    .bg-variant-brand-primary .text--alternative {
      color: var(--color-white); }
    .bg-variant-brand-secondary .text--alternative {
      color: var(--color-white); }
    .bg-variant-brand-tertiary .text--alternative {
      color: var(--color-brand-secondary-tint-80); }
    .bg-variant-white .text--alternative {
      color: var(--color-brand-secondary-tint-60); }
    .bg-variant-brand-quaternary .text--alternative {
      color: var(--color-brand-secondary); }
    .bg-variant-brand-quinary .text--alternative {
      color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-senary .text--alternative {
      color: var(--color-brand-secondary); }
  .text--active {
    color: var(--color-brand-secondary-shade-180); }
  .bg-brand--blue .text--emphasis {
    color: #fff; }
  .bg-brand--turquoise .text--emphasis,
  .bg-brand--yellow .text--emphasis {
    color: #0f1941; }
  .bg-brand--red .text--emphasis {
    color: #03050d; }
  .text--emphasis {
    color: var(--color-brand-primary); }
    .bg-variant-brand-primary .text--emphasis {
      color: var(--color-brand-secondary); }
    .bg-variant-brand-secondary .text--emphasis {
      color: var(--color-brand-primary); }
    .bg-variant-brand-tertiary .text--emphasis {
      color: var(--color-brand-primary); }
    .bg-variant-white .text--emphasis {
      color: var(--color-brand-primary); }
    .bg-variant-brand-quaternary .text--emphasis {
      color: var(--color-brand-secondary); }
    .bg-variant-brand-quinary .text--emphasis {
      color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-senary .text--emphasis {
      color: var(--color-brand-secondary); }
  .text--l {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px; }
  .text--s {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px; }
  .text--negative {
    color: var(--color-ui-negative); }
    .bg-variant-brand-primary .text--negative {
      color: var(--color-white); }
    .bg-variant-brand-secondary .text--negative {
      color: var(--color-white); }
    .bg-variant-brand-tertiary .text--negative {
      color: var(--color-ui-negative); }
    .bg-variant-white .text--negative {
      color: var(--color-ui-negative); }
    .bg-variant-brand-quaternary .text--negative {
      color: var(--color-brand-secondary); }
    .bg-variant-brand-quinary .text--negative {
      color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-senary .text--negative {
      color: var(--color-brand-secondary); }
  .text--positive {
    color: var(--color-ui-positive); }
    .bg-variant-brand-primary .text--positive {
      color: var(--color-white); }
    .bg-variant-brand-secondary .text--positive {
      color: var(--color-white); }
    .bg-variant-brand-tertiary .text--positive {
      color: var(--color-ui-positive); }
    .bg-variant-white .text--positive {
      color: var(--color-ui-positive); }
    .bg-variant-brand-quaternary .text--positive {
      color: var(--color-brand-secondary); }
    .bg-variant-brand-quinary .text--positive {
      color: var(--color-brand-secondary); }
    .bg-variant-brand-senary .text--positive {
      color: var(--color-brand-secondary); }
  .text--blue {
    color: #2175d9; }
  .text--dark-blue {
    color: #0f1941; }
  .text--off-white {
    color: #f7f5f0; }
  .text--turquoise {
    color: #6ba5b4; }
  .text--red {
    color: #e74536; }
  .text--yellow {
    color: #ffb511; }
  .text--white {
    color: #fff; }
  .text--negative {
    color: #e00f0f; }
  .bg-brand--blue .text--duo-color,
  .bg-brand--turquoise .text--duo-color,
  .bg-brand--red .text--duo-color,
  .bg-brand--yellow .text--duo-color {
    color: #0f1941; }
    .bg-brand--blue .text--duo-color::first-line,
    .bg-brand--turquoise .text--duo-color::first-line,
    .bg-brand--red .text--duo-color::first-line,
    .bg-brand--yellow .text--duo-color::first-line {
      color: #f7f5f0; }
  .bg-brand--dark-blue .text--duo-color {
    color: #2175d9; }
    .bg-brand--dark-blue .text--duo-color::first-line {
      color: #f7f5f0; }
  .bg-brand--off-white .text--duo-color {
    color: #0f1941; }
    .bg-brand--off-white .text--duo-color::first-line {
      color: #2175d9; }
  @media (min-width: 941px) {
    .text--dark-from-l {
      color: #0f1941; }
    .text--light-from-l {
      color: var(--color-white); } }

p {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: 30px; }

.text-ellipsis {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.title--xxl {
  font-size: 80px;
  letter-spacing: -4px;
  line-height: 80px; }

.title--xl {
  font-size: 60px;
  letter-spacing: -3px;
  line-height: 60px; }

.title--l {
  font-size: 40px;
  letter-spacing: -2px;
  line-height: 45px; }

.title--m {
  font-size: 32px;
  letter-spacing: -1px;
  line-height: 40px; }

.title--s {
  font-size: 26px;
  letter-spacing: -1px;
  line-height: 30px; }

.title--xs {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px; }

.title--xxs {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px; }

.body--l {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px; }

.body--m {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px; }

.body--s {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 25px; }

.body--xs {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 15px; }

.grid {
  -webkit-column-gap: calc((2/28) * 100%);
  -moz-column-gap: calc((2/28) * 100%);
  column-gap: calc((2/28) * 100%); }
  @media (min-width: 941px) {
    .grid {
      -webkit-column-gap: calc((2/58) * 100%);
      -moz-column-gap: calc((2/58) * 100%);
      column-gap: calc((2/58) * 100%); } }

.grid-gap {
  -webkit-column-gap: calc((2/28) * 100%);
  -moz-column-gap: calc((2/28) * 100%);
  column-gap: calc((2/28) * 100%); }
  @media (min-width: 941px) {
    .grid-gap {
      -webkit-column-gap: calc((2/58) * 100%);
      -moz-column-gap: calc((2/58) * 100%);
      column-gap: calc((2/58) * 100%); } }

.icon {
  box-sizing: content-box;
  color: var(--color-brand-secondary);
  height: 20px;
  line-height: 0;
  position: absolute;
  right: 0;
  width: 20px;
  -webkit-transition: color 0.2s;
  transition: color 0.2s; }
  .icon--hover:hover {
    color: var(--color-brand-primary); }
  .icon--xs {
    height: 8px;
    width: 8px; }
  .icon--s {
    height: 16px;
    width: 16px; }
  .icon--l {
    height: 30px;
    width: 30px; }
  .icon--xl {
    height: 40px;
    width: 40px; }
  .icon--xxl {
    height: 60px;
    width: 60px; }
  .icon--xxxl {
    height: 120px;
    width: 120px; }
  .icon--inline {
    display: inline-block;
    position: relative;
    right: inherit; }
  .icon svg {
    fill: currentColor;
    height: 100%;
    width: 100%; }
  .icon.fill-brand--blue svg {
    fill: #2175d9; }
  .icon.fill-brand--dark-blue svg {
    fill: #0f1941; }
  .icon.fill-brand--turquoise svg {
    fill: #6ba5b4; }
  .icon.fill-brand--off-white svg {
    fill: #f7f5f0; }
  .icon.fill-brand--red svg {
    fill: #e74536; }
  .icon.fill-brand--yellow svg {
    fill: #ffb511; }
  .icon.fill-brand--white svg {
    fill: #fff; }
  .icon.fill--off-white-alpha-50 svg {
    fill: rgba(247, 245, 240, 0.5); }
  .icon.fill--dark-blue-60 svg {
    fill: #6c738d; }
  .icon--valid svg {
    fill: #257f56; }
  .bg-variant-brand-primary .icon {
    color: var(--color-white); }
  .bg-variant-brand-secondary .icon {
    color: var(--color-white); }
  .bg-variant-brand-tertiary .icon {
    color: var(--color-brand-secondary); }
  .bg-variant-white .icon {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quaternary .icon {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .icon {
    color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-senary .icon {
    color: var(--color-brand-secondary); }
  .icon:hover {
    color: var(--color-brand-primary); }
    .bg-variant-brand-primary .icon:hover {
      color: var(--color-brand-secondary); }
    .bg-variant-brand-secondary .icon:hover {
      color: var(--color-brand-primary); }
    .bg-variant-brand-tertiary .icon:hover {
      color: var(--color-brand-primary); }
    .bg-variant-white .icon:hover {
      color: var(--color-brand-primary); }
    .bg-variant-brand-quaternary .icon:hover {
      color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-quinary .icon:hover {
      color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-senary .icon:hover {
      color: var(--color-brand-secondary-shade-180); }
  .icon--static {
    pointer-events: none; }

.icon--positive {
  color: var(--color-ui-positive); }
  .bg-variant-brand-primary .icon--positive {
    color: var(--color-white); }
  .bg-variant-brand-secondary .icon--positive {
    color: var(--color-white); }
  .bg-variant-brand-tertiary .icon--positive {
    color: var(--color-ui-positive); }
  .bg-variant-white .icon--positive {
    color: var(--color-ui-positive); }
  .bg-variant-brand-quaternary .icon--positive {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .icon--positive {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-senary .icon--positive {
    color: var(--color-brand-secondary); }

.icon--negative {
  color: var(--color-ui-negative); }
  .bg-variant-brand-primary .icon--negative {
    color: var(--color-white); }
  .bg-variant-brand-secondary .icon--negative {
    color: var(--color-white); }
  .bg-variant-brand-tertiary .icon--negative {
    color: var(--color-ui-negative); }
  .bg-variant-white .icon--negative {
    color: var(--color-ui-negative); }
  .bg-variant-brand-quaternary .icon--negative {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .icon--negative {
    color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-senary .icon--negative {
    color: var(--color-brand-secondary); }

.icon--secondary {
  color: var(--color-brand-secondary); }
  .bg-variant-brand-primary .icon--secondary {
    color: var(--color-white); }
  .bg-variant-brand-secondary .icon--secondary {
    color: var(--color-white-alpha-50); }
  .bg-variant-brand-tertiary .icon--secondary {
    color: var(--color-brand-secondary-alpha-70); }
  .bg-variant-white .icon--secondary {
    color: var(--color-brand-secondary-tint-60); }
  .bg-variant-brand-quaternary .icon--secondary {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .icon--secondary {
    color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-senary .icon--secondary {
    color: var(--color-dark-blue-alpha-70); }
  .icon--secondary:hover {
    color: var(--color-brand-secondary); }
    .bg-variant-brand-primary .icon--secondary:hover {
      color: var(--color-white); }
    .bg-variant-brand-secondary .icon--secondary:hover {
      color: var(--color-white); }
    .bg-variant-brand-tertiary .icon--secondary:hover {
      color: var(--color-brand-secondary); }
    .bg-variant-white .icon--secondary:hover {
      color: var(--color-brand-secondary); }
    .bg-variant-brand-quaternary .icon--secondary:hover {
      color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-quinary .icon--secondary:hover {
      color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-senary .icon--secondary:hover {
      color: var(--color-brand-secondary-shade-180); }

.icon--alternative {
  color: var(--color-brand-primary); }
  .icon--alternative:hover {
    color: var(--color-brand-primary-shade-130); }
  .bg-variant-brand-primary .icon--alternative {
    color: var(--color-white); }
    .bg-variant-brand-primary .icon--alternative:hover {
      color: var(--color-brand-secondary); }
  .bg-variant-brand-secondary .icon--alternative {
    color: var(--color-white); }
    .bg-variant-brand-secondary .icon--alternative:hover {
      color: var(--color-brand-primary); }
  .bg-variant-brand-tertiary .icon--alternative {
    color: var(--color-brand-primary); }
    .bg-variant-brand-tertiary .icon--alternative:hover {
      color: var(--color-brand-primary-shade-130); }
  .bg-variant-white .icon--alternative {
    color: var(--color-brand-primary); }
    .bg-variant-white .icon--alternative:hover {
      color: var(--color-brand-primary-shade-130); }
  .bg-variant-brand-quaternary .icon--alternative {
    color: var(--color-brand-secondary); }
    .bg-variant-brand-quaternary .icon--alternative:hover {
      color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-quinary .icon--alternative {
    color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-quinary .icon--alternative:hover {
      color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-senary .icon--alternative {
    color: var(--color-brand-secondary); }
    .bg-variant-brand-senary .icon--alternative:hover {
      color: var(--color-brand-secondary-shade-180); }

.icon--informative {
  color: var(--color-brand-secondary-tint-60); }
  .icon--informative:hover {
    color: var(--color-brand-secondary-tint-60); }
  .bg-variant-brand-primary .icon--informative {
    color: var(--color-white); }
    .bg-variant-brand-primary .icon--informative:hover {
      color: var(--color-white); }
  .bg-variant-brand-secondary .icon--informative {
    color: var(--color-white); }
    .bg-variant-brand-secondary .icon--informative:hover {
      color: var(--color-white); }
  .bg-variant-brand-tertiary .icon--informative {
    color: var(--color-brand-secondary-tint-80); }
    .bg-variant-brand-tertiary .icon--informative:hover {
      color: var(--color-brand-secondary-tint-80); }
  .bg-variant-white .icon--informative {
    color: var(--color-brand-secondary-tint-60); }
    .bg-variant-white .icon--informative:hover {
      color: var(--color-brand-secondary-tint-60); }
  .bg-variant-brand-quaternary .icon--informative {
    color: var(--color-brand-secondary); }
    .bg-variant-brand-quaternary .icon--informative:hover {
      color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .icon--informative {
    color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-quinary .icon--informative:hover {
      color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-senary .icon--informative {
    color: var(--color-brand-secondary); }
    .bg-variant-brand-senary .icon--informative:hover {
      color: var(--color-brand-secondary); }

.icon--bookmark {
  color: var(--color-brand-secondary-tint-60); }
  .icon--bookmark:hover {
    color: var(--color-brand-quinary); }
  .bg-variant-brand-tertiary .icon--bookmark {
    color: var(--color-brand-secondary-tint-80); }
    .bg-variant-brand-tertiary .icon--bookmark:hover {
      color: var(--color-brand-quinary); }
  .bg-variant-white .icon--bookmark {
    color: var(--color-brand-secondary-tint-60); }
    .bg-variant-white .icon--bookmark:hover {
      color: var(--color-brand-quinary); }

.icon--bookmark-pressed {
  color: var(--color-brand-quinary); }
  .icon--bookmark-pressed:hover {
    color: var(--color-brand-quinary); }
  .bg-variant-brand-tertiary .icon--bookmark-pressed {
    color: var(--color-brand-quinary); }
    .bg-variant-brand-tertiary .icon--bookmark-pressed:hover {
      color: var(--color-brand-quinary); }
  .bg-variant-white .icon--bookmark-pressed {
    color: var(--color-brand-quinary); }
    .bg-variant-white .icon--bookmark-pressed:hover {
      color: var(--color-brand-quinary); }

.icon--static:hover {
  pointer-events: none; }

.bg-brand--blue .icon, .bg-brand--dark-blue .icon {
  color: #f7f5f0; }

.bg-brand--dark-blue .icon--hover:hover {
  color: #2175d9; }

.bg-brand--blue .icon--hover:hover, .bg-brand--turquoise .icon--hover:hover, .bg-brand--red .icon--hover:hover {
  color: #0f1941; }

.bg-brand--yellow .icon--hover:hover {
  color: #f7f5f0; }

.avatar {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  position: relative; }
  .avatar span {
    position: absolute; }
  .avatar img {
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1; }

.avatar--XXL {
  font-size: 40px;
  letter-spacing: -2px;
  line-height: 45px;
  height: 150px;
  min-width: 150px;
  width: 150px; }

.avatar--XL {
  font-size: 32px;
  letter-spacing: -1px;
  line-height: 40px;
  height: 100px;
  min-width: 100px;
  width: 100px; }

.avatar--L {
  font-size: 26px;
  letter-spacing: -1px;
  line-height: 30px;
  height: 80px;
  min-width: 80px;
  width: 80px; }

.avatar--M {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px;
  height: 50px;
  min-width: 50px;
  width: 50px; }

.avatar--S {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  height: 40px;
  min-width: 40px;
  width: 40px; }

.avatar--XS {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 15px;
  height: 30px;
  min-width: 30px;
  width: 30px; }

.avatar--XXS {
  height: 25px;
  min-width: 25px;
  width: 25px;
  line-height: initial; }
  .avatar--XXS span {
    font-size: 0; }
  .avatar--XXS span:first-letter {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px; }

.bg-variant-brand-tertiary .avatar {
  background-color: var(--color-white);
  color: var(--color-brand-secondary-tint-60); }

.bg-variant-brand-primary .avatar__navigation.avatar__initials {
  background: transparent;
  border: 2px solid currentColor; }
  .bg-variant-brand-primary .avatar__navigation.avatar__initials.avatar--XS {
    border-color: var(--color-white);
    color: var(--color-white); }
    .bg-variant-brand-primary .avatar__navigation.avatar__initials.avatar--XS:hover {
      border-color: var(--color-white);
      color: var(--color-white); }
  .bg-variant-brand-primary .avatar__navigation.avatar__initials.avatar--XXS {
    border: 2px solid var(--color-white);
    color: var(--color-white); }
    .bg-variant-brand-primary .avatar__navigation.avatar__initials.avatar--XXS:hover {
      color: var(--color-white); }

.bg-variant-brand-secondary .avatar__navigation.avatar__initials {
  background: transparent;
  border: 2px solid currentColor; }
  .bg-variant-brand-secondary .avatar__navigation.avatar__initials.avatar--XS {
    border-color: var(--color-white-alpha-50);
    color: var(--color-white-alpha-50); }
    .bg-variant-brand-secondary .avatar__navigation.avatar__initials.avatar--XS:hover {
      border-color: var(--color-white);
      color: var(--color-white); }
  .bg-variant-brand-secondary .avatar__navigation.avatar__initials.avatar--XXS {
    border: 2px solid var(--color-white-alpha-50);
    color: var(--color-white-alpha-50); }
    .bg-variant-brand-secondary .avatar__navigation.avatar__initials.avatar--XXS:hover {
      color: var(--color-white); }

.bg-variant-brand-tertiary .avatar__navigation.avatar__initials {
  background: transparent;
  border: 2px solid currentColor; }
  .bg-variant-brand-tertiary .avatar__navigation.avatar__initials.avatar--XS {
    border-color: var(--color-brand-secondary-alpha-70);
    color: var(--color-brand-secondary-alpha-70); }
    .bg-variant-brand-tertiary .avatar__navigation.avatar__initials.avatar--XS:hover {
      border-color: var(--color-brand-secondary);
      color: var(--color-brand-secondary); }
  .bg-variant-brand-tertiary .avatar__navigation.avatar__initials.avatar--XXS {
    border: 2px solid var(--color-brand-secondary-alpha-70);
    color: var(--color-brand-secondary-alpha-70); }
    .bg-variant-brand-tertiary .avatar__navigation.avatar__initials.avatar--XXS:hover {
      color: var(--color-brand-secondary); }

.bg-variant-white .avatar__navigation.avatar__initials {
  background: transparent;
  border: 2px solid currentColor; }
  .bg-variant-white .avatar__navigation.avatar__initials.avatar--XS {
    border-color: var(--color-brand-secondary-tint-60);
    color: var(--color-brand-secondary-tint-60); }
    .bg-variant-white .avatar__navigation.avatar__initials.avatar--XS:hover {
      border-color: var(--color-brand-secondary);
      color: var(--color-brand-secondary); }
  .bg-variant-white .avatar__navigation.avatar__initials.avatar--XXS {
    border: 2px solid var(--color-brand-secondary-tint-60);
    color: var(--color-brand-secondary-tint-60); }
    .bg-variant-white .avatar__navigation.avatar__initials.avatar--XXS:hover {
      color: var(--color-brand-secondary); }

.bg-variant-brand-quaternary .avatar__navigation.avatar__initials {
  background: transparent;
  border: 2px solid currentColor; }
  .bg-variant-brand-quaternary .avatar__navigation.avatar__initials.avatar--XS {
    border-color: var(--color-brand-secondary);
    color: var(--color-brand-secondary); }
    .bg-variant-brand-quaternary .avatar__navigation.avatar__initials.avatar--XS:hover {
      border-color: var(--color-brand-secondary);
      color: var(--color-brand-secondary); }
  .bg-variant-brand-quaternary .avatar__navigation.avatar__initials.avatar--XXS {
    border: 2px solid var(--color-brand-secondary);
    color: var(--color-brand-secondary); }
    .bg-variant-brand-quaternary .avatar__navigation.avatar__initials.avatar--XXS:hover {
      color: var(--color-brand-secondary); }

.bg-variant-brand-quinary .avatar__navigation.avatar__initials {
  background: transparent;
  border: 2px solid currentColor; }
  .bg-variant-brand-quinary .avatar__navigation.avatar__initials.avatar--XS {
    border-color: var(--color-brand-secondary);
    color: var(--color-brand-secondary); }
    .bg-variant-brand-quinary .avatar__navigation.avatar__initials.avatar--XS:hover {
      border-color: var(--color-brand-secondary-shade-180);
      color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-quinary .avatar__navigation.avatar__initials.avatar--XXS {
    border: 2px solid var(--color-brand-secondary);
    color: var(--color-brand-secondary); }
    .bg-variant-brand-quinary .avatar__navigation.avatar__initials.avatar--XXS:hover {
      color: var(--color-brand-secondary-shade-180); }

.bg-variant-brand-senary .avatar__navigation.avatar__initials {
  background: transparent;
  border: 2px solid currentColor; }
  .bg-variant-brand-senary .avatar__navigation.avatar__initials.avatar--XS {
    border-color: var(--color-brand-secondary-alpha-70);
    color: var(--color-brand-secondary-alpha-70); }
    .bg-variant-brand-senary .avatar__navigation.avatar__initials.avatar--XS:hover {
      border-color: var(--color-brand-secondary);
      color: var(--color-brand-secondary); }
  .bg-variant-brand-senary .avatar__navigation.avatar__initials.avatar--XXS {
    border: 2px solid var(--color-brand-secondary-alpha-70);
    color: var(--color-brand-secondary-alpha-70); }
    .bg-variant-brand-senary .avatar__navigation.avatar__initials.avatar--XXS:hover {
      color: var(--color-brand-secondary); }

.avatar {
  background: var(--color-brand-tertiary);
  color: var(--color-brand-secondary-tint-60); }
  .bg-variant-brand-tertiary .avatar,
  .bg-brand--off-white .avatar {
    background: var(--color-white);
    color: var(--color-brand-secondary-tint-60); }

.bg-brand--yellow .avatar--XS.avatar__initials,
.bg-variant-brand-senary .avatar--XS.avatar__initials, .bg-brand--yellow
.avatar--XXS.avatar__initials,
.bg-variant-brand-senary
.avatar--XXS.avatar__initials {
  background: transparent;
  border: 2px solid var(--color-brand-secondary);
  color: var(--color-brand-secondary); }

.bg-brand--dark-blue .avatar--XS.avatar__initials,
.bg-variant-brand-secondary .avatar--XS.avatar__initials {
  background: transparent;
  border: 2px solid var(--color-brand-secondary-tint-60);
  color: var(--color-white); }

.bg-brand--dark-blue .avatar--XXS.avatar__initials,
.bg-variant-brand-secondary .avatar--XXS.avatar__initials {
  background: transparent;
  border: 2px solid var(--color-white);
  color: var(--color-white); }

.loader__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .loader__wrapper .loader, .loader__wrapper:before, .loader__wrapper:after {
    -webkit-animation: zoom--second-dot 1s infinite ease-in-out;
    animation: zoom--second-dot 1s infinite ease-in-out;
    border-radius: 50%;
    background: var(--color-brand-primary);
    height: 18px;
    width: 18px; }
  .loader__wrapper::before {
    -webkit-animation-name: zoom--first-dot;
    animation-name: zoom--first-dot;
    content: ''; }
  .loader__wrapper::after {
    -webkit-animation-name: zoom--third-dot;
    animation-name: zoom--third-dot;
    content: ''; }

.loader__wrapper--white .loader, .loader__wrapper--white:before, .loader__wrapper--white:after {
  background-color: var(--color-white); }

.loader__wrapper--gray-20 .loader, .loader__wrapper--gray-20:before, .loader__wrapper--gray-20:after {
  background-color: var(--color-gray-20); }

.loader__wrapper--brand-secondary .loader, .loader__wrapper--brand-secondary:before, .loader__wrapper--brand-secondary:after {
  background-color: var(--color-brand-secondary); }

.aspect-ratio {
  display: block;
  overflow: hidden;
  position: relative; }
  .aspect-ratio::before {
    content: '';
    display: block; }
  .aspect-ratio embed,
  .aspect-ratio iframe,
  .aspect-ratio img,
  .aspect-ratio object {
    bottom: 0;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%; }
  .aspect-ratio--1-1::before {
    padding-top: 100%; }
  .aspect-ratio--3-1::before {
    padding-bottom: calc(100% / 3); }
  .aspect-ratio--3-2::before {
    padding-bottom: calc((2 / 3) * 100%); }
  .aspect-ratio--4-3::before {
    padding-bottom: calc((3 / 4) * 100%); }
  .aspect-ratio--16-9::before {
    padding-bottom: calc((9 / 16) * 100%); }
  .aspect-ratio--18-6::before {
    padding-bottom: calc((63 / 26) * 100%); }

.button {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: transparent;
  border-radius: 4px;
  border: 2px solid currentColor;
  color: var(--color-brand-primary);
  cursor: pointer;
  font-family: Graphik, Tahoma, "sans-serif";
  height: 60px;
  line-height: 56px;
  min-width: 120px;
  padding: 0 30px;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  -webkit-transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  vertical-align: middle; }
  .button:hover, .button:focus {
    background: #2175d9;
    border-color: #2175d9;
    color: #f7f5f0;
    text-decoration: none;
    -webkit-transition: background-color 0.2s, border-color 0.2s, color 0.2s;
    transition: background-color 0.2s, border-color 0.2s, color 0.2s; }
  .button:focus {
    outline: 2px solid currentColor;
    outline-offset: -5px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
  .button:active {
    background: var(--color-brand-primary-shade-130);
    border-color: var(--color-brand-primary-shade-130);
    color: var(--color-brand-tertiary);
    outline: none; }
  @media (hover: none) {
    .button:hover {
      background: var(--color-brand-primary-shade-130);
      border-color: var(--color-brand-primary-shade-130);
      color: var(--color-brand-tertiary);
      outline: none; } }
  .button--s {
    font-size: 16px;
    height: 40px;
    line-height: 35px;
    min-width: 50px;
    padding: 0 10px; }
  .button .icon--inline {
    margin-right: 10px;
    top: 2px; }
  .button .icon svg {
    fill: var(--color-brand-primary); }
  .button:hover .icon svg, .button:focus .icon svg {
    fill: var(--color-brand-tertiary); }
  @media (min-width: 941px) {
    .button--m {
      height: 60px;
      line-height: 56px;
      min-width: 120px; }
    .button--s {
      height: 40px;
      line-height: 35px;
      min-width: 80px; }
      .button--s .icon--inline {
        margin-right: 5px; }
    .button:not(.button--full-width) {
      max-width: 300px; } }

button.button--s {
  line-height: 36px; }

.button--dark-blue {
  border-color: currentColor;
  color: var(--color-brand-secondary); }
  .button--dark-blue:hover, .button--dark-blue:focus {
    background: #0f1941;
    border-color: #0f1941;
    color: #fff; }
    .button--dark-blue:hover .icon svg, .button--dark-blue:focus .icon svg {
      fill: var(--color-white); }
  .button--dark-blue:active {
    background: var(--color-brand-secondary-shade-180);
    border-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white); }
  @media (hover: none) {
    .button--dark-blue:hover {
      background: var(--color-brand-secondary-shade-180);
      border-color: var(--color-brand-secondary-shade-180);
      color: var(--color-white); } }
  .button--dark-blue .icon svg {
    fill: var(--color-brand-secondary); }
  .button--dark-blue.button--filled .icon svg {
    fill: var(--color-white); }

.button--dark-blue-180 {
  border-color: var(--color-brand-secondary-shade-180);
  color: var(--color-brand-secondary-shade-180); }
  .button--dark-blue-180:hover, .button--dark-blue-180:focus {
    background: #03050d;
    border-color: #03050d;
    color: #fff; }
    .button--dark-blue-180:hover .icon svg, .button--dark-blue-180:focus .icon svg {
      fill: var(--color-white); }
  .button--dark-blue-180:active {
    background: var(--color-brand-secondary-shade-180);
    border-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white); }
  @media (hover: none) {
    .button--dark-blue-180:hover {
      background: var(--color-brand-secondary-shade-180);
      border-color: var(--color-brand-secondary-shade-180);
      color: var(--color-white); } }
  .button--dark-blue-180 .icon svg {
    fill: var(--color-brand-secondary-shade-180); }
  .button--dark-blue-180.button--filled .icon svg {
    fill: var(--color-white); }

.button--off-white {
  border-color: var(--color-brand-tertiary);
  color: var(--color-brand-tertiary); }
  .button--off-white:hover, .button--off-white:focus {
    background: #f7f5f0;
    border-color: #fff;
    color: #0f1941; }
    .button--off-white:hover .icon svg, .button--off-white:focus .icon svg {
      fill: var(--color-brand-secondary); }
  .button--off-white:active {
    background: var(--color-brand-tertiary-shade-110);
    border-color: var(--color-brand-tertiary-shade-110);
    color: var(--color-brand-secondary); }
  @media (hover: none) {
    .button--off-white:hover {
      background: var(--color-brand-tertiary-shade-110);
      border-color: var(--color-brand-tertiary-shade-110);
      color: var(--color-brand-secondary); } }
  .button--off-white .icon svg {
    fill: var(--color-brand-tertiary); }

.button--white {
  border-color: var(--color-white);
  color: var(--color-white); }
  .button--white:hover, .button--white:focus {
    background: #fff;
    border-color: #fff;
    color: #0f1941; }
    .button--white:hover .icon svg, .button--white:focus .icon svg {
      fill: var(--color-brand-secondary); }
  .button--white:active {
    background: var(--color-gray-20);
    border-color: var(--color-gray-20);
    color: var(--color-brand-secondary); }
  @media (hover: none) {
    .button--white:hover {
      background: var(--color-gray-20);
      border-color: var(--color-gray-20);
      color: var(--color-brand-secondary); } }
  .button--white .icon svg {
    fill: var(--color-white); }
  .button--white.button--filled .icon svg {
    fill: var(--color-brand-secondary); }

.button--blue {
  border-color: var(--color-brand-primary);
  color: var(--color-brand-primary); }
  .button--blue:hover, .button--blue:focus {
    background: #2175d9;
    border-color: #2175d9;
    color: #fff; }
  .button--blue:active {
    background: var(--color-brand-primary-shade-130);
    border-color: var(--color-brand-primary-shade-130);
    color: var(--color-white);
    outline: none; }
  @media (hover: none) {
    .button--blue:hover {
      background: var(--color-brand-primary-shade-130);
      border-color: var(--color-brand-primary-shade-130);
      color: var(--color-white);
      outline: none; } }

.bg-brand--blue .button, .bg-brand--dark-blue .button {
  border-color: var(--color-white);
  color: var(--color-white); }
  .bg-brand--blue .button:hover, .bg-brand--blue .button:focus, .bg-brand--dark-blue .button:hover, .bg-brand--dark-blue .button:focus {
    background: #fff;
    border-color: #fff;
    color: #0f1941; }
    .bg-brand--blue .button:hover .icon svg, .bg-brand--blue .button:focus .icon svg, .bg-brand--dark-blue .button:hover .icon svg, .bg-brand--dark-blue .button:focus .icon svg {
      fill: var(--color-brand-secondary); }
  .bg-brand--blue .button:active, .bg-brand--dark-blue .button:active {
    background: var(--color-gray-20);
    border-color: var(--color-gray-20);
    color: var(--color-brand-secondary); }
  @media (hover: none) {
    .bg-brand--blue .button:hover, .bg-brand--dark-blue .button:hover {
      background: var(--color-gray-20);
      border-color: var(--color-gray-20);
      color: var(--color-brand-secondary); } }
  .bg-brand--blue .button .icon svg, .bg-brand--dark-blue .button .icon svg {
    fill: var(--color-white); }
  .bg-brand--blue .button.button--filled .icon svg, .bg-brand--dark-blue .button.button--filled .icon svg {
    fill: var(--color-brand-secondary); }

.bg-brand--blue .button--filled, .bg-brand--dark-blue .button--filled {
  background: #f7f5f0;
  color: #0f1941;
  border: 2px solid #f7f5f0; }
  .bg-brand--blue .button--filled:hover, .bg-brand--dark-blue .button--filled:hover {
    background: #fff;
    color: #0f1941;
    border: 2px solid #fff; }

.bg-brand--yellow .button, .bg-brand--turquoise .button {
  border-color: currentColor;
  color: var(--color-brand-secondary); }
  .bg-brand--yellow .button:hover, .bg-brand--yellow .button:focus, .bg-brand--turquoise .button:hover, .bg-brand--turquoise .button:focus {
    background: #0f1941;
    border-color: #0f1941;
    color: #fff; }
    .bg-brand--yellow .button:hover .icon svg, .bg-brand--yellow .button:focus .icon svg, .bg-brand--turquoise .button:hover .icon svg, .bg-brand--turquoise .button:focus .icon svg {
      fill: var(--color-white); }
  .bg-brand--yellow .button:active, .bg-brand--turquoise .button:active {
    background: var(--color-brand-secondary-shade-180);
    border-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white); }
  @media (hover: none) {
    .bg-brand--yellow .button:hover, .bg-brand--turquoise .button:hover {
      background: var(--color-brand-secondary-shade-180);
      border-color: var(--color-brand-secondary-shade-180);
      color: var(--color-white); } }
  .bg-brand--yellow .button .icon svg, .bg-brand--turquoise .button .icon svg {
    fill: var(--color-brand-secondary); }
  .bg-brand--yellow .button.button--filled .icon svg, .bg-brand--turquoise .button.button--filled .icon svg {
    fill: var(--color-white); }

.bg-brand--yellow .button--filled, .bg-brand--turquoise .button--filled {
  background: #0f1941;
  color: #fff;
  border: 2px solid #0f1941; }
  .bg-brand--yellow .button--filled:hover, .bg-brand--turquoise .button--filled:hover {
    background: #3c4464;
    color: #fff;
    border: 2px solid #3c4464; }

.bg-brand--yellow .modal .button,
.bg-brand--yellow a.modal .button, .bg-brand--turquoise .modal .button,
.bg-brand--turquoise a.modal .button {
  border-color: currentColor;
  color: var(--color-brand-secondary); }
  .bg-brand--yellow .modal .button:hover, .bg-brand--yellow .modal .button:focus,
  .bg-brand--yellow a.modal .button:hover,
  .bg-brand--yellow a.modal .button:focus, .bg-brand--turquoise .modal .button:hover, .bg-brand--turquoise .modal .button:focus,
  .bg-brand--turquoise a.modal .button:hover,
  .bg-brand--turquoise a.modal .button:focus {
    background: #0f1941;
    border-color: #0f1941;
    color: #fff; }
    .bg-brand--yellow .modal .button:hover .icon svg, .bg-brand--yellow .modal .button:focus .icon svg,
    .bg-brand--yellow a.modal .button:hover .icon svg,
    .bg-brand--yellow a.modal .button:focus .icon svg, .bg-brand--turquoise .modal .button:hover .icon svg, .bg-brand--turquoise .modal .button:focus .icon svg,
    .bg-brand--turquoise a.modal .button:hover .icon svg,
    .bg-brand--turquoise a.modal .button:focus .icon svg {
      fill: var(--color-white); }
  .bg-brand--yellow .modal .button:active,
  .bg-brand--yellow a.modal .button:active, .bg-brand--turquoise .modal .button:active,
  .bg-brand--turquoise a.modal .button:active {
    background: var(--color-brand-secondary-shade-180);
    border-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white); }
  @media (hover: none) {
    .bg-brand--yellow .modal .button:hover,
    .bg-brand--yellow a.modal .button:hover, .bg-brand--turquoise .modal .button:hover,
    .bg-brand--turquoise a.modal .button:hover {
      background: var(--color-brand-secondary-shade-180);
      border-color: var(--color-brand-secondary-shade-180);
      color: var(--color-white); } }
  .bg-brand--yellow .modal .button .icon svg,
  .bg-brand--yellow a.modal .button .icon svg, .bg-brand--turquoise .modal .button .icon svg,
  .bg-brand--turquoise a.modal .button .icon svg {
    fill: var(--color-brand-secondary); }
  .bg-brand--yellow .modal .button.button--filled .icon svg,
  .bg-brand--yellow a.modal .button.button--filled .icon svg, .bg-brand--turquoise .modal .button.button--filled .icon svg,
  .bg-brand--turquoise a.modal .button.button--filled .icon svg {
    fill: var(--color-white); }

.bg-brand--off-white .button,
.bg-brand--off-white .poll .button,
.bg-brand--off-white .poll a.button {
  border-color: currentColor;
  color: var(--color-brand-secondary); }
  .bg-brand--off-white .button:hover, .bg-brand--off-white .button:focus,
  .bg-brand--off-white .poll .button:hover,
  .bg-brand--off-white .poll .button:focus,
  .bg-brand--off-white .poll a.button:hover,
  .bg-brand--off-white .poll a.button:focus {
    background: #0f1941;
    border-color: #0f1941;
    color: #fff; }
    .bg-brand--off-white .button:hover .icon svg, .bg-brand--off-white .button:focus .icon svg,
    .bg-brand--off-white .poll .button:hover .icon svg,
    .bg-brand--off-white .poll .button:focus .icon svg,
    .bg-brand--off-white .poll a.button:hover .icon svg,
    .bg-brand--off-white .poll a.button:focus .icon svg {
      fill: var(--color-white); }
  .bg-brand--off-white .button:active,
  .bg-brand--off-white .poll .button:active,
  .bg-brand--off-white .poll a.button:active {
    background: var(--color-brand-secondary-shade-180);
    border-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white); }
  @media (hover: none) {
    .bg-brand--off-white .button:hover,
    .bg-brand--off-white .poll .button:hover,
    .bg-brand--off-white .poll a.button:hover {
      background: var(--color-brand-secondary-shade-180);
      border-color: var(--color-brand-secondary-shade-180);
      color: var(--color-white); } }
  .bg-brand--off-white .button .icon svg,
  .bg-brand--off-white .poll .button .icon svg,
  .bg-brand--off-white .poll a.button .icon svg {
    fill: var(--color-brand-secondary); }
  .bg-brand--off-white .button.button--filled .icon svg,
  .bg-brand--off-white .poll .button.button--filled .icon svg,
  .bg-brand--off-white .poll a.button.button--filled .icon svg {
    fill: var(--color-white); }

.bg-brand--off-white .button--filled {
  background: #0f1941;
  color: #fff;
  border: 2px solid #0f1941; }
  .bg-brand--off-white .button--filled:hover {
    background: #3c4464;
    color: #fff;
    border: 2px solid #3c4464; }

.bg-brand--off-white .modal .button,
.bg-brand--off-white a.modal .button,
.bg-brand--off-white.popover .button {
  border-color: var(--color-brand-primary);
  color: var(--color-brand-primary); }
  .bg-brand--off-white .modal .button:hover, .bg-brand--off-white .modal .button:focus,
  .bg-brand--off-white a.modal .button:hover,
  .bg-brand--off-white a.modal .button:focus,
  .bg-brand--off-white.popover .button:hover,
  .bg-brand--off-white.popover .button:focus {
    background: #2175d9;
    border-color: #2175d9;
    color: #fff; }
  .bg-brand--off-white .modal .button:active,
  .bg-brand--off-white a.modal .button:active,
  .bg-brand--off-white.popover .button:active {
    background: var(--color-brand-primary-shade-130);
    border-color: var(--color-brand-primary-shade-130);
    color: var(--color-white);
    outline: none; }
  @media (hover: none) {
    .bg-brand--off-white .modal .button:hover,
    .bg-brand--off-white a.modal .button:hover,
    .bg-brand--off-white.popover .button:hover {
      background: var(--color-brand-primary-shade-130);
      border-color: var(--color-brand-primary-shade-130);
      color: var(--color-white);
      outline: none; } }

.bg-brand--red .button,
.bg-brand--red a.button {
  border-color: var(--color-brand-secondary-shade-180);
  color: var(--color-brand-secondary-shade-180); }
  .bg-brand--red .button:hover, .bg-brand--red .button:focus,
  .bg-brand--red a.button:hover,
  .bg-brand--red a.button:focus {
    background: #03050d;
    border-color: #03050d;
    color: #fff; }
    .bg-brand--red .button:hover .icon svg, .bg-brand--red .button:focus .icon svg,
    .bg-brand--red a.button:hover .icon svg,
    .bg-brand--red a.button:focus .icon svg {
      fill: var(--color-white); }
  .bg-brand--red .button:active,
  .bg-brand--red a.button:active {
    background: var(--color-brand-secondary-shade-180);
    border-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white); }
  @media (hover: none) {
    .bg-brand--red .button:hover,
    .bg-brand--red a.button:hover {
      background: var(--color-brand-secondary-shade-180);
      border-color: var(--color-brand-secondary-shade-180);
      color: var(--color-white); } }
  .bg-brand--red .button .icon svg,
  .bg-brand--red a.button .icon svg {
    fill: var(--color-brand-secondary-shade-180); }
  .bg-brand--red .button.button--filled .icon svg,
  .bg-brand--red a.button.button--filled .icon svg {
    fill: var(--color-white); }

.bg-brand--red .button--filled {
  background: #03050d;
  color: #fff; }
  .bg-brand--red .button--filled:hover {
    background: #3c4464;
    border-color: #3c4464;
    color: #fff; }

.bg-brand--red .modal .button,
.bg-brand--red a.modal .button {
  border-color: var(--color-brand-secondary-shade-180);
  color: var(--color-brand-secondary-shade-180); }
  .bg-brand--red .modal .button:hover, .bg-brand--red .modal .button:focus,
  .bg-brand--red a.modal .button:hover,
  .bg-brand--red a.modal .button:focus {
    background: #03050d;
    border-color: #03050d;
    color: #fff; }
    .bg-brand--red .modal .button:hover .icon svg, .bg-brand--red .modal .button:focus .icon svg,
    .bg-brand--red a.modal .button:hover .icon svg,
    .bg-brand--red a.modal .button:focus .icon svg {
      fill: var(--color-white); }
  .bg-brand--red .modal .button:active,
  .bg-brand--red a.modal .button:active {
    background: var(--color-brand-secondary-shade-180);
    border-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white); }
  @media (hover: none) {
    .bg-brand--red .modal .button:hover,
    .bg-brand--red a.modal .button:hover {
      background: var(--color-brand-secondary-shade-180);
      border-color: var(--color-brand-secondary-shade-180);
      color: var(--color-white); } }
  .bg-brand--red .modal .button .icon svg,
  .bg-brand--red a.modal .button .icon svg {
    fill: var(--color-brand-secondary-shade-180); }
  .bg-brand--red .modal .button.button--filled .icon svg,
  .bg-brand--red a.modal .button.button--filled .icon svg {
    fill: var(--color-white); }

.bg-brand--blue .popover.bg-brand--off-white .button, .bg-brand--dark-blue .popover.bg-brand--off-white .button, .bg-brand--turquoise .popover.bg-brand--off-white .button, .bg-brand--red .popover.bg-brand--off-white .button, .bg-brand--yellow .popover.bg-brand--off-white .button {
  border-color: var(--color-brand-primary);
  color: var(--color-brand-primary); }
  .bg-brand--blue .popover.bg-brand--off-white .button:hover, .bg-brand--blue .popover.bg-brand--off-white .button:focus, .bg-brand--dark-blue .popover.bg-brand--off-white .button:hover, .bg-brand--dark-blue .popover.bg-brand--off-white .button:focus, .bg-brand--turquoise .popover.bg-brand--off-white .button:hover, .bg-brand--turquoise .popover.bg-brand--off-white .button:focus, .bg-brand--red .popover.bg-brand--off-white .button:hover, .bg-brand--red .popover.bg-brand--off-white .button:focus, .bg-brand--yellow .popover.bg-brand--off-white .button:hover, .bg-brand--yellow .popover.bg-brand--off-white .button:focus {
    background: #2175d9;
    border-color: #2175d9;
    color: #fff; }
  .bg-brand--blue .popover.bg-brand--off-white .button:active, .bg-brand--dark-blue .popover.bg-brand--off-white .button:active, .bg-brand--turquoise .popover.bg-brand--off-white .button:active, .bg-brand--red .popover.bg-brand--off-white .button:active, .bg-brand--yellow .popover.bg-brand--off-white .button:active {
    background: var(--color-brand-primary-shade-130);
    border-color: var(--color-brand-primary-shade-130);
    color: var(--color-white);
    outline: none; }
  @media (hover: none) {
    .bg-brand--blue .popover.bg-brand--off-white .button:hover, .bg-brand--dark-blue .popover.bg-brand--off-white .button:hover, .bg-brand--turquoise .popover.bg-brand--off-white .button:hover, .bg-brand--red .popover.bg-brand--off-white .button:hover, .bg-brand--yellow .popover.bg-brand--off-white .button:hover {
      background: var(--color-brand-primary-shade-130);
      border-color: var(--color-brand-primary-shade-130);
      color: var(--color-white);
      outline: none; } }
  .bg-brand--blue .popover.bg-brand--off-white .button.button--filled, .bg-brand--dark-blue .popover.bg-brand--off-white .button.button--filled, .bg-brand--turquoise .popover.bg-brand--off-white .button.button--filled, .bg-brand--red .popover.bg-brand--off-white .button.button--filled, .bg-brand--yellow .popover.bg-brand--off-white .button.button--filled {
    background: #2175d9;
    border: 2px solid #2175d9;
    color: #fff; }
    .bg-brand--blue .popover.bg-brand--off-white .button.button--filled:hover, .bg-brand--dark-blue .popover.bg-brand--off-white .button.button--filled:hover, .bg-brand--turquoise .popover.bg-brand--off-white .button.button--filled:hover, .bg-brand--red .popover.bg-brand--off-white .button.button--filled:hover, .bg-brand--yellow .popover.bg-brand--off-white .button.button--filled:hover {
      background: #4d91e1;
      color: #fff;
      border: 2px solid #4d91e1; }
    .bg-brand--blue .popover.bg-brand--off-white .button.button--filled:active, .bg-brand--dark-blue .popover.bg-brand--off-white .button.button--filled:active, .bg-brand--turquoise .popover.bg-brand--off-white .button.button--filled:active, .bg-brand--red .popover.bg-brand--off-white .button.button--filled:active, .bg-brand--yellow .popover.bg-brand--off-white .button.button--filled:active {
      background: #175197;
      color: #fff;
      border: 2px solid #175197; }
    @media (hover: none) {
      .bg-brand--blue .popover.bg-brand--off-white .button.button--filled:hover, .bg-brand--dark-blue .popover.bg-brand--off-white .button.button--filled:hover, .bg-brand--turquoise .popover.bg-brand--off-white .button.button--filled:hover, .bg-brand--red .popover.bg-brand--off-white .button.button--filled:hover, .bg-brand--yellow .popover.bg-brand--off-white .button.button--filled:hover {
        background: #175197;
        color: #fff;
        border: 2px solid #175197; } }
    .bg-brand--blue .popover.bg-brand--off-white .button.button--filled .icon svg, .bg-brand--dark-blue .popover.bg-brand--off-white .button.button--filled .icon svg, .bg-brand--turquoise .popover.bg-brand--off-white .button.button--filled .icon svg, .bg-brand--red .popover.bg-brand--off-white .button.button--filled .icon svg, .bg-brand--yellow .popover.bg-brand--off-white .button.button--filled .icon svg {
      fill: #fff; }

.bg-brand--blue .button--disabled, .bg-brand--blue .button--disabled:hover, .bg-brand--blue .button--disabled:active, .bg-brand--blue .button--disabled:focus,
.bg-brand--blue button:disabled,
.bg-brand--blue button:disabled:hover,
.bg-brand--blue button:disabled:active,
.bg-brand--blue button:disabled:focus, .bg-brand--dark-blue .button--disabled, .bg-brand--dark-blue .button--disabled:hover, .bg-brand--dark-blue .button--disabled:active, .bg-brand--dark-blue .button--disabled:focus,
.bg-brand--dark-blue button:disabled,
.bg-brand--dark-blue button:disabled:hover,
.bg-brand--dark-blue button:disabled:active,
.bg-brand--dark-blue button:disabled:focus, .bg-brand--off-white .button--disabled, .bg-brand--off-white .button--disabled:hover, .bg-brand--off-white .button--disabled:active, .bg-brand--off-white .button--disabled:focus,
.bg-brand--off-white button:disabled,
.bg-brand--off-white button:disabled:hover,
.bg-brand--off-white button:disabled:active,
.bg-brand--off-white button:disabled:focus, .bg-brand--turquoise .button--disabled, .bg-brand--turquoise .button--disabled:hover, .bg-brand--turquoise .button--disabled:active, .bg-brand--turquoise .button--disabled:focus,
.bg-brand--turquoise button:disabled,
.bg-brand--turquoise button:disabled:hover,
.bg-brand--turquoise button:disabled:active,
.bg-brand--turquoise button:disabled:focus, .bg-brand--red .button--disabled, .bg-brand--red .button--disabled:hover, .bg-brand--red .button--disabled:active, .bg-brand--red .button--disabled:focus,
.bg-brand--red button:disabled,
.bg-brand--red button:disabled:hover,
.bg-brand--red button:disabled:active,
.bg-brand--red button:disabled:focus, .bg-brand--yellow .button--disabled, .bg-brand--yellow .button--disabled:hover, .bg-brand--yellow .button--disabled:active, .bg-brand--yellow .button--disabled:focus,
.bg-brand--yellow button:disabled,
.bg-brand--yellow button:disabled:hover,
.bg-brand--yellow button:disabled:active,
.bg-brand--yellow button:disabled:focus, .bg-brand--white .button--disabled, .bg-brand--white .button--disabled:hover, .bg-brand--white .button--disabled:active, .bg-brand--white .button--disabled:focus,
.bg-brand--white button:disabled,
.bg-brand--white button:disabled:hover,
.bg-brand--white button:disabled:active,
.bg-brand--white button:disabled:focus {
  background: var(--color-gray-20);
  border-color: var(--color-gray-20);
  color: var(--color-brand-secondary-tint-80);
  pointer-events: none; }

.bg-brand--blue .button--disabled .icon svg,
.bg-brand--blue button:disabled .icon svg, .bg-brand--dark-blue .button--disabled .icon svg,
.bg-brand--dark-blue button:disabled .icon svg, .bg-brand--off-white .button--disabled .icon svg,
.bg-brand--off-white button:disabled .icon svg, .bg-brand--turquoise .button--disabled .icon svg,
.bg-brand--turquoise button:disabled .icon svg, .bg-brand--red .button--disabled .icon svg,
.bg-brand--red button:disabled .icon svg, .bg-brand--yellow .button--disabled .icon svg,
.bg-brand--yellow button:disabled .icon svg, .bg-brand--white .button--disabled .icon svg,
.bg-brand--white button:disabled .icon svg {
  fill: var(--color-brand-secondary-tint-80); }

.bg-variant-brand-primary .button {
  border-color: var(--color-brand-tertiary);
  color: var(--color-white); }
  .bg-variant-brand-primary .button .icon svg {
    fill: var(--color-white); }
  .bg-variant-brand-primary .button:hover, .bg-variant-brand-primary .button:focus {
    background-color: var(--color-brand-tertiary);
    color: var(--color-brand-secondary); }
    .bg-variant-brand-primary .button:hover .icon svg, .bg-variant-brand-primary .button:focus .icon svg {
      fill: var(--color-brand-secondary); }
  .bg-variant-brand-primary .button:active {
    background-color: var(--color-brand-tertiary-shade-110);
    color: var(--color-brand-secondary);
    border-color: var(--color-brand-tertiary-shade-110); }
    .bg-variant-brand-primary .button:active .icon svg {
      fill: var(--color-brand-secondary); }

.bg-variant-brand-secondary .button {
  border-color: var(--color-brand-tertiary);
  color: var(--color-white); }
  .bg-variant-brand-secondary .button .icon svg {
    fill: var(--color-white); }
  .bg-variant-brand-secondary .button:hover, .bg-variant-brand-secondary .button:focus {
    background-color: var(--color-brand-tertiary);
    color: var(--color-brand-secondary); }
    .bg-variant-brand-secondary .button:hover .icon svg, .bg-variant-brand-secondary .button:focus .icon svg {
      fill: var(--color-brand-secondary); }
  .bg-variant-brand-secondary .button:active {
    background-color: var(--color-brand-tertiary-shade-110);
    color: var(--color-brand-secondary);
    border-color: var(--color-brand-tertiary-shade-110); }
    .bg-variant-brand-secondary .button:active .icon svg {
      fill: var(--color-brand-secondary); }

.bg-variant-brand-tertiary .button {
  border-color: var(--color-brand-secondary);
  color: var(--color-brand-secondary); }
  .bg-variant-brand-tertiary .button .icon svg {
    fill: var(--color-brand-secondary); }
  .bg-variant-brand-tertiary .button:hover, .bg-variant-brand-tertiary .button:focus {
    background-color: var(--color-brand-secondary);
    color: var(--color-white); }
    .bg-variant-brand-tertiary .button:hover .icon svg, .bg-variant-brand-tertiary .button:focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-tertiary .button:active {
    background-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-tertiary .button:active .icon svg {
      fill: var(--color-white); }

.bg-variant-white .button {
  border-color: var(--color-brand-primary);
  color: var(--color-brand-primary); }
  .bg-variant-white .button .icon svg {
    fill: var(--color-brand-primary); }
  .bg-variant-white .button:hover, .bg-variant-white .button:focus {
    background-color: var(--color-brand-primary);
    color: var(--color-white); }
    .bg-variant-white .button:hover .icon svg, .bg-variant-white .button:focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-white .button:active {
    background-color: var(--color-brand-primary-shade-130);
    color: var(--color-white);
    border-color: var(--color-brand-primary-shade-130); }
    .bg-variant-white .button:active .icon svg {
      fill: var(--color-white); }

.bg-variant-brand-quaternary .button {
  border-color: var(--color-brand-secondary);
  color: var(--color-brand-secondary); }
  .bg-variant-brand-quaternary .button .icon svg {
    fill: var(--color-brand-secondary); }
  .bg-variant-brand-quaternary .button:hover, .bg-variant-brand-quaternary .button:focus {
    background-color: var(--color-brand-secondary);
    color: var(--color-white); }
    .bg-variant-brand-quaternary .button:hover .icon svg, .bg-variant-brand-quaternary .button:focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-quaternary .button:active {
    background-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-quaternary .button:active .icon svg {
      fill: var(--color-white); }

.bg-variant-brand-quinary .button {
  border-color: var(--color-brand-secondary);
  color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-quinary .button .icon svg {
    fill: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-quinary .button:hover, .bg-variant-brand-quinary .button:focus {
    background-color: var(--color-brand-secondary);
    color: var(--color-white); }
    .bg-variant-brand-quinary .button:hover .icon svg, .bg-variant-brand-quinary .button:focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-quinary .button:active {
    background-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-quinary .button:active .icon svg {
      fill: var(--color-white); }

.bg-variant-brand-senary .button {
  border-color: var(--color-brand-secondary);
  color: var(--color-brand-secondary); }
  .bg-variant-brand-senary .button .icon svg {
    fill: var(--color-brand-secondary); }
  .bg-variant-brand-senary .button:hover, .bg-variant-brand-senary .button:focus {
    background-color: var(--color-brand-secondary);
    color: var(--color-white); }
    .bg-variant-brand-senary .button:hover .icon svg, .bg-variant-brand-senary .button:focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-senary .button:active {
    background-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-senary .button:active .icon svg {
      fill: var(--color-white); }

.button--clean,
.button-clean {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  outline: none;
  padding: 0;
  -webkit-transition: -webkit-text-decoration 0.2s;
  transition: -webkit-text-decoration 0.2s;
  transition: text-decoration 0.2s;
  transition: text-decoration 0.2s, -webkit-text-decoration 0.2s;
  white-space: nowrap; }
  .button--clean:focus,
  .button-clean:focus {
    outline: auto; }
  .bg-variant-brand-primary .button--clean, .bg-variant-brand-primary
  .button-clean {
    color: var(--color-white); }
  .bg-variant-brand-secondary .button--clean, .bg-variant-brand-secondary
  .button-clean {
    color: var(--color-white); }
  .bg-variant-brand-tertiary .button--clean, .bg-variant-brand-tertiary
  .button-clean {
    color: var(--color-brand-secondary); }
  .bg-variant-white .button--clean, .bg-variant-white
  .button-clean {
    color: var(--color-brand-primary); }
  .bg-variant-brand-quaternary .button--clean, .bg-variant-brand-quaternary
  .button-clean {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .button--clean, .bg-variant-brand-quinary
  .button-clean {
    color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-senary .button--clean, .bg-variant-brand-senary
  .button-clean {
    color: var(--color-brand-secondary); }
  .button--clean .icon,
  .button-clean .icon {
    color: currentColor; }

.button--disabled, .button--disabled:hover, .button--disabled:active, .button--disabled:focus,
button:disabled,
button:disabled:hover,
button:disabled:active,
button:disabled:focus {
  background: var(--color-gray-20);
  border-color: var(--color-gray-20);
  color: var(--color-brand-secondary-tint-80);
  pointer-events: none; }

.button--disabled .icon svg,
.button--disabled:focus .icon svg,
button:disabled .icon svg,
button:disabled:focus .icon svg {
  fill: var(--color-brand-secondary-tint-80); }

.bg-variant-brand-primary .button--disabled {
  background: var(--color-gray-20);
  border-color: var(--color-gray-20);
  color: var(--color-brand-secondary-tint-80); }
  .bg-variant-brand-primary .button--disabled .icon svg,
  .bg-variant-brand-primary .button--disabled:focus .icon svg {
    fill: var(--color-disabledTextIcon); }

.bg-variant-brand-secondary .button--disabled {
  background: var(--color-gray-20);
  border-color: var(--color-gray-20);
  color: var(--color-brand-secondary-tint-80); }
  .bg-variant-brand-secondary .button--disabled .icon svg,
  .bg-variant-brand-secondary .button--disabled:focus .icon svg {
    fill: var(--color-disabledTextIcon); }

.bg-variant-brand-tertiary .button--disabled {
  background: var(--color-gray-20);
  border-color: var(--color-gray-20);
  color: var(--color-brand-secondary-tint-80); }
  .bg-variant-brand-tertiary .button--disabled .icon svg,
  .bg-variant-brand-tertiary .button--disabled:focus .icon svg {
    fill: var(--color-disabledTextIcon); }

.bg-variant-white .button--disabled {
  background: var(--color-gray-20);
  border-color: var(--color-gray-20);
  color: var(--color-brand-secondary-tint-80); }
  .bg-variant-white .button--disabled .icon svg,
  .bg-variant-white .button--disabled:focus .icon svg {
    fill: var(--color-disabledTextIcon); }

.bg-variant-brand-quaternary .button--disabled {
  background: var(--color-gray-20);
  border-color: var(--color-gray-20);
  color: var(--color-brand-secondary-tint-80); }
  .bg-variant-brand-quaternary .button--disabled .icon svg,
  .bg-variant-brand-quaternary .button--disabled:focus .icon svg {
    fill: var(--color-disabledTextIcon); }

.bg-variant-brand-quinary .button--disabled {
  background: var(--color-gray-20);
  border-color: var(--color-gray-20);
  color: var(--color-brand-secondary-tint-80); }
  .bg-variant-brand-quinary .button--disabled .icon svg,
  .bg-variant-brand-quinary .button--disabled:focus .icon svg {
    fill: var(--color-disabledTextIcon); }

.bg-variant-brand-senary .button--disabled {
  background: var(--color-gray-20);
  border-color: var(--color-gray-20);
  color: var(--color-brand-secondary-tint-80); }
  .bg-variant-brand-senary .button--disabled .icon svg,
  .bg-variant-brand-senary .button--disabled:focus .icon svg {
    fill: var(--color-disabledTextIcon); }

.button--filled.button--dark-blue {
  background: #0f1941;
  color: #fff;
  border: 2px solid #0f1941; }
  .button--filled.button--dark-blue:hover, .button--filled.button--dark-blue:focus {
    background: #3c4464;
    color: #fff;
    border: 2px solid #3c4464; }
  .button--filled.button--dark-blue:active {
    background: #03050d;
    border: 2px solid #03050d; }
  @media (hover: none) {
    .button--filled.button--dark-blue:hover {
      background: #03050d;
      border: 2px solid #03050d; } }
  .button--filled.button--dark-blue .icon svg {
    fill: #fff; }

.button--filled.button--off-white {
  background: #f7f5f0;
  color: #0f1941;
  border: 2px solid #f7f5f0; }
  .button--filled.button--off-white:hover, .button--filled.button--off-white:focus {
    background: #fff;
    color: #0f1941;
    border: 2px solid #fff; }
  .button--filled.button--off-white:active {
    background: #dedcd8;
    border: 2px solid #dedcd8; }
  @media (hover: none) {
    .button--filled.button--off-white:hover {
      background: #dedcd8;
      border: 2px solid #dedcd8; } }
  .button--filled.button--off-white .icon svg {
    fill: #0f1941; }

.button--filled.button--dark-blue-180 {
  background: #03050d;
  color: #fff; }
  .button--filled.button--dark-blue-180:hover, .button--filled.button--dark-blue-180:focus {
    background: #3c4464;
    border-color: #3c4464;
    color: #fff; }
  .button--filled.button--dark-blue-180:active {
    background: #3c4464; }
  @media (hover: none) {
    .button--filled.button--dark-blue-180:hover {
      background: #3c4464; } }
  .button--filled.button--dark-blue-180 .icon svg {
    fill: #fff; }

.button--filled, .button--filled.button--blue,
.modal .bg-brand--off-white .button--filled,
a.modal .bg-brand--off-white .button--filled,
.popover.bg-brand--off-white .button--filled {
  background: #2175d9;
  border: 2px solid #2175d9;
  color: #fff; }
  .button--filled:hover, .button--filled.button--blue:hover,
  .modal .bg-brand--off-white .button--filled:hover,
  a.modal .bg-brand--off-white .button--filled:hover,
  .popover.bg-brand--off-white .button--filled:hover {
    background: #4d91e1;
    color: #fff;
    border: 2px solid #4d91e1; }
  .button--filled:active, .button--filled.button--blue:active,
  .modal .bg-brand--off-white .button--filled:active,
  a.modal .bg-brand--off-white .button--filled:active,
  .popover.bg-brand--off-white .button--filled:active {
    background: #175197;
    color: #fff;
    border: 2px solid #175197; }
  @media (hover: none) {
    .button--filled:hover, .button--filled.button--blue:hover,
    .modal .bg-brand--off-white .button--filled:hover,
    a.modal .bg-brand--off-white .button--filled:hover,
    .popover.bg-brand--off-white .button--filled:hover {
      background: #175197;
      color: #fff;
      border: 2px solid #175197; } }
  .button--filled .icon svg, .button--filled.button--blue .icon svg,
  .modal .bg-brand--off-white .button--filled .icon svg,
  a.modal .bg-brand--off-white .button--filled .icon svg,
  .popover.bg-brand--off-white .button--filled .icon svg {
    fill: #fff; }

.bg-variant-brand-primary .button--filled {
  background: var(--color-brand-tertiary);
  border-color: var(--color-brand-tertiary);
  color: var(--color-brand-secondary); }
  .bg-variant-brand-primary .button--filled .icon svg {
    fill: var(--color-brand-secondary); }
  .bg-variant-brand-primary .button--filled:hover, .bg-variant-brand-primary .button--filled:focus {
    background-color: var(--color-white);
    color: var(--color-brand-secondary);
    border-color: var(--color-white); }
    .bg-variant-brand-primary .button--filled:hover .icon svg, .bg-variant-brand-primary .button--filled:focus .icon svg {
      fill: var(--color-brand-secondary); }
  .bg-variant-brand-primary .button--filled:active {
    background-color: var(--color-brand-tertiary-shade-110);
    color: var(--color-brand-secondary);
    border-color: var(--color-brand-tertiary-shade-110); }
    .bg-variant-brand-primary .button--filled:active .icon svg {
      fill: var(--color-brand-secondary); }

.bg-variant-brand-secondary .button--filled {
  background: var(--color-brand-tertiary);
  border-color: var(--color-brand-tertiary);
  color: var(--color-brand-secondary); }
  .bg-variant-brand-secondary .button--filled .icon svg {
    fill: var(--color-brand-secondary); }
  .bg-variant-brand-secondary .button--filled:hover, .bg-variant-brand-secondary .button--filled:focus {
    background-color: var(--color-white);
    color: var(--color-brand-secondary);
    border-color: var(--color-white); }
    .bg-variant-brand-secondary .button--filled:hover .icon svg, .bg-variant-brand-secondary .button--filled:focus .icon svg {
      fill: var(--color-brand-secondary); }
  .bg-variant-brand-secondary .button--filled:active {
    background-color: var(--color-brand-tertiary-shade-110);
    color: var(--color-brand-secondary);
    border-color: var(--color-brand-tertiary-shade-110); }
    .bg-variant-brand-secondary .button--filled:active .icon svg {
      fill: var(--color-brand-secondary); }

.bg-variant-brand-tertiary .button--filled {
  background: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
  color: var(--color-white); }
  .bg-variant-brand-tertiary .button--filled .icon svg {
    fill: var(--color-white); }
  .bg-variant-brand-tertiary .button--filled:hover, .bg-variant-brand-tertiary .button--filled:focus {
    background-color: var(--color-brand-primary-tint-80);
    color: var(--color-white);
    border-color: var(--color-brand-primary-tint-80); }
    .bg-variant-brand-tertiary .button--filled:hover .icon svg, .bg-variant-brand-tertiary .button--filled:focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-tertiary .button--filled:active {
    background-color: var(--color-brand-primary-shade-130);
    color: var(--color-white);
    border-color: var(--color-brand-primary-shade-130); }
    .bg-variant-brand-tertiary .button--filled:active .icon svg {
      fill: var(--color-white); }

.bg-variant-white .button--filled {
  background: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
  color: var(--color-white); }
  .bg-variant-white .button--filled .icon svg {
    fill: var(--color-white); }
  .bg-variant-white .button--filled:hover, .bg-variant-white .button--filled:focus {
    background-color: var(--color-brand-primary-tint-80);
    color: var(--color-white);
    border-color: var(--color-brand-primary-tint-80); }
    .bg-variant-white .button--filled:hover .icon svg, .bg-variant-white .button--filled:focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-white .button--filled:active {
    background-color: var(--color-brand-primary-shade-130);
    color: var(--color-white);
    border-color: var(--color-brand-primary-shade-130); }
    .bg-variant-white .button--filled:active .icon svg {
      fill: var(--color-white); }

.bg-variant-brand-quaternary .button--filled {
  background: var(--color-brand-secondary);
  border-color: var(--color-brand-secondary);
  color: var(--color-white); }
  .bg-variant-brand-quaternary .button--filled .icon svg {
    fill: var(--color-white); }
  .bg-variant-brand-quaternary .button--filled:hover, .bg-variant-brand-quaternary .button--filled:focus {
    background-color: var(--color-brand-secondary-tint-80);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-tint-80); }
    .bg-variant-brand-quaternary .button--filled:hover .icon svg, .bg-variant-brand-quaternary .button--filled:focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-quaternary .button--filled:active {
    background-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-quaternary .button--filled:active .icon svg {
      fill: var(--color-white); }

.bg-variant-brand-quinary .button--filled {
  background: var(--color-brand-secondary);
  border-color: var(--color-brand-secondary);
  color: var(--color-white); }
  .bg-variant-brand-quinary .button--filled .icon svg {
    fill: var(--color-white); }
  .bg-variant-brand-quinary .button--filled:hover, .bg-variant-brand-quinary .button--filled:focus {
    background-color: var(--color-brand-secondary-tint-80);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-tint-80); }
    .bg-variant-brand-quinary .button--filled:hover .icon svg, .bg-variant-brand-quinary .button--filled:focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-quinary .button--filled:active {
    background-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-quinary .button--filled:active .icon svg {
      fill: var(--color-white); }

.bg-variant-brand-senary .button--filled {
  background: var(--color-brand-secondary);
  border-color: var(--color-brand-secondary);
  color: var(--color-white); }
  .bg-variant-brand-senary .button--filled .icon svg {
    fill: var(--color-white); }
  .bg-variant-brand-senary .button--filled:hover, .bg-variant-brand-senary .button--filled:focus {
    background-color: var(--color-brand-secondary-tint-80);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-tint-80); }
    .bg-variant-brand-senary .button--filled:hover .icon svg, .bg-variant-brand-senary .button--filled:focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-senary .button--filled:active {
    background-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-senary .button--filled:active .icon svg {
      fill: var(--color-white); }

.form-group--error .button--form-group-style {
  background: var(--color-ui-negative-5);
  border-color: var(--color-ui-negative); }
  .bg-variant-brand-primary .form-group--error .button--form-group-style {
    background: var(--color-white);
    border-color: var(--color-brand-secondary);
    color: var(--color-brand-secondary); }
  .bg-variant-brand-secondary .form-group--error .button--form-group-style {
    background: var(--color-ui-warning-10);
    border-color: var(--color-ui-warning);
    color: var(--color-brand-secondary); }
  .bg-variant-brand-tertiary .form-group--error .button--form-group-style {
    background: var(--color-ui-negative-5);
    border-color: var(--color-ui-negative);
    color: var(--color-brand-secondary); }
  .bg-variant-white .form-group--error .button--form-group-style {
    background: var(--color-ui-negative-5);
    border-color: var(--color-ui-negative);
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quaternary .form-group--error .button--form-group-style {
    background: var(--color-white);
    border-color: var(--color-brand-secondary);
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .form-group--error .button--form-group-style {
    background: var(--color-white);
    border-color: var(--color-brand-secondary-shade-180);
    color: var(--color-brand-secondary); }
  .bg-variant-brand-senary .form-group--error .button--form-group-style {
    background: var(--color-white);
    border-color: var(--color-brand-secondary);
    color: var(--color-brand-secondary); }
  .form-group--error .button--form-group-style:active, .form-group--error .button--form-group-style:focus {
    border-color: #e00f0f; }
    .bg-brand--red .form-group--error .button--form-group-style:active,
    .bg-brand--blue .form-group--error .button--form-group-style:active, .bg-brand--red .form-group--error .button--form-group-style:focus,
    .bg-brand--blue .form-group--error .button--form-group-style:focus {
      border-color: #ffb511; }
  .form-group--error .button--form-group-style svg {
    color: var(--color-ui-negative); }
    .bg-variant-brand-primary .form-group--error .button--form-group-style svg {
      color: var(--color-white); }
    .bg-variant-brand-secondary .form-group--error .button--form-group-style svg {
      color: var(--color-white); }
    .bg-variant-brand-tertiary .form-group--error .button--form-group-style svg {
      color: var(--color-ui-negative); }
    .bg-variant-white .form-group--error .button--form-group-style svg {
      color: var(--color-ui-negative); }
    .bg-variant-brand-quaternary .form-group--error .button--form-group-style svg {
      color: var(--color-brand-secondary); }
    .bg-variant-brand-quinary .form-group--error .button--form-group-style svg {
      color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-senary .form-group--error .button--form-group-style svg {
      color: var(--color-brand-secondary); }

.form-group--read-only .button--form-group-style {
  background: #f7f7f7;
  border-color: #d7d7d7;
  color: #6c738d;
  cursor: none;
  pointer-events: none; }
  .form-group--read-only .button--form-group-style:active, .form-group--read-only .button--form-group-style:focus {
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    border: solid 1px #d7d7d7;
    outline: none; }
  .form-group--read-only .button--form-group-style svg {
    fill: #d7d7d7; }

.button--full-width,
a.button--full-width {
  height: 60px;
  line-height: 56px;
  width: 100%; }

.button--hamburger {
  display: block;
  height: 20px;
  position: relative;
  width: 20px;
  z-index: 6; }

.icon--hamburger {
  height: auto;
  left: 1px;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
  top: 9px; }
  .icon--hamburger, .icon--hamburger::before, .icon--hamburger::after {
    background: #f7f5f0;
    border-radius: 4px;
    height: 2px;
    position: absolute;
    width: 18px; }
    .bg-variant-brand-primary .icon--hamburger, .bg-variant-brand-primary .icon--hamburger::before, .bg-variant-brand-primary .icon--hamburger::after {
      background: var(--color-white); }
    .bg-variant-brand-secondary .icon--hamburger, .bg-variant-brand-secondary .icon--hamburger::before, .bg-variant-brand-secondary .icon--hamburger::after {
      background: var(--color-white); }
    .bg-variant-brand-tertiary .icon--hamburger, .bg-variant-brand-tertiary .icon--hamburger::before, .bg-variant-brand-tertiary .icon--hamburger::after {
      background: var(--color-brand-secondary-tint-80); }
    .bg-variant-white .icon--hamburger, .bg-variant-white .icon--hamburger::before, .bg-variant-white .icon--hamburger::after {
      background: var(--color-brand-secondary-tint-60); }
    .bg-variant-brand-quaternary .icon--hamburger, .bg-variant-brand-quaternary .icon--hamburger::before, .bg-variant-brand-quaternary .icon--hamburger::after {
      background: var(--color-brand-secondary); }
    .bg-variant-brand-quinary .icon--hamburger, .bg-variant-brand-quinary .icon--hamburger::before, .bg-variant-brand-quinary .icon--hamburger::after {
      background: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-senary .icon--hamburger, .bg-variant-brand-senary .icon--hamburger::before, .bg-variant-brand-senary .icon--hamburger::after {
      background: var(--color-brand-secondary); }
    .bg-brand--off-white .icon--hamburger,
    .bg-brand--white .icon--hamburger,
    .bg-brand--turquoise .icon--hamburger,
    .bg-brand--yellow .icon--hamburger, .bg-brand--off-white .icon--hamburger::before,
    .bg-brand--white .icon--hamburger::before,
    .bg-brand--turquoise .icon--hamburger::before,
    .bg-brand--yellow .icon--hamburger::before, .bg-brand--off-white .icon--hamburger::after,
    .bg-brand--white .icon--hamburger::after,
    .bg-brand--turquoise .icon--hamburger::after,
    .bg-brand--yellow .icon--hamburger::after {
      background: #0f1941; }
    .bg-brand--red .icon--hamburger, .bg-brand--red .icon--hamburger::before, .bg-brand--red .icon--hamburger::after {
      background: #03050d; }
  .icon--hamburger::before, .icon--hamburger::after {
    content: '';
    left: 0;
    -webkit-transition: top 0.3s 0.4s, background-color 0s 0.3s, -webkit-transform 0.3s;
    transition: top 0.3s 0.4s, background-color 0s 0.3s, -webkit-transform 0.3s;
    transition: top 0.3s 0.4s, background-color 0s 0.3s, transform 0.3s;
    transition: top 0.3s 0.4s, background-color 0s 0.3s, transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform-origin: center;
    transform-origin: center; }
  .icon--hamburger::after {
    top: 6px; }
  .icon--hamburger::before {
    top: -6px; }

.modal-nav-open .button--hamburger {
  position: relative;
  z-index: 6; }

.modal-nav-open .icon--hamburger {
  background: transparent;
  -webkit-transition: background-color 0.05s 0.15s;
  transition: background-color 0.05s 0.15s; }
  .modal-nav-open .icon--hamburger::before, .modal-nav-open .icon--hamburger::after {
    background: #2175d9;
    -webkit-transition: top 0.3s, background-color 0.3s 0.15s, -webkit-transform 0.3s 0.3s;
    transition: top 0.3s, background-color 0.3s 0.15s, -webkit-transform 0.3s 0.3s;
    transition: top 0.3s, background-color 0.3s 0.15s, transform 0.3s 0.3s;
    transition: top 0.3s, background-color 0.3s 0.15s, transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
    top: 0; }
  .modal-nav-open .icon--hamburger::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .modal-nav-open .icon--hamburger::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

.button--icon {
  min-width: 0;
  padding: 0;
  position: relative;
  width: 60px; }
  .button--icon .button__text {
    height: 1px;
    left: -1000%;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px; }
  .button--icon .icon {
    height: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    width: 20px; }
  .button--icon svg {
    color: #f7f5f0; }
  .button--icon.button--off-white svg {
    color: #0f1941; }
  .button--icon.button--off-white:hover svg {
    color: #0f1941; }
  .button--icon.button--disabled svg, .button--icon:disabled svg {
    color: #f7f5f0; }

.button--icon-only, .button--icon-only:hover, .button--icon-only:active {
  background: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  font-size: 0;
  line-height: inherit;
  min-width: 0;
  padding: 0;
  outline: none; }

.button--icon-only:focus .icon {
  outline: auto; }

.button--icon-text {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-brand-primary);
  cursor: pointer;
  font-family: Graphik, Tahoma, "sans-serif";
  padding: 0;
  position: relative; }
  .button--icon-text:focus {
    outline: auto; }
  .button--icon-text, .button--icon-text:hover {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    border: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    margin-left: -10px;
    line-height: normal;
    outline: none;
    overflow: visible; }
  .button--icon-text:active {
    background: none;
    border-color: transparent; }
  @media (hover: none) {
    .button--icon-text:hover {
      background: none;
      border-color: transparent; } }
  .button--icon-text .icon {
    color: currentColor;
    position: relative;
    -webkit-transform: scale(0.667);
    transform: scale(0.667); }
  .bg-brand--blue .button--icon-text {
    color: #fff; }
  .bg-brand--dark-blue .button--icon-text {
    color: #f7f5f0; }
  .bg-brand--off-white .button--icon-text,
  .bg-brand--turquoise .button--icon-text,
  .bg-brand--yellow .button--icon-text {
    color: #0f1941; }
  .bg-brand--red .button--icon-text {
    color: #03050d; }
  .bg-variant-brand-primary .button--icon-text {
    color: var(--color-white); }
  .bg-variant-brand-secondary .button--icon-text {
    color: var(--color-white); }
  .bg-variant-brand-tertiary .button--icon-text {
    color: var(--color-brand-secondary); }
  .bg-variant-white .button--icon-text {
    color: var(--color-brand-primary); }
  .bg-variant-brand-quaternary .button--icon-text {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .button--icon-text {
    color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-senary .button--icon-text {
    color: var(--color-brand-secondary); }

.content-block .button--icon-text {
  margin-top: 30px;
  vertical-align: middle; }

@media (min-width: 941px) {
  .bg-brand--yellow .button--icon-text,
  .bg-brand--white .button--icon-text,
  .bg-brand--off-white .button--icon-text {
    color: #f7f5f0; }
  .text--dark-from-l .button--icon-text {
    color: var(--color-brand-secondary); }
    .text--dark-from-l .button--icon-text .icon:hover {
      color: var(--color-brand-secondary); }
  .text--light-from-l .button--icon-text {
    color: var(--color-white); }
    .text--light-from-l .button--icon-text .icon:hover {
      color: var(--color-white); }
  .button--icon-text:hover .icon {
    -webkit-animation: pulse 1s infinite ease-out;
    animation: pulse 1s infinite ease-out; }
  @-webkit-keyframes pulse {
    0%,
    100% {
      -webkit-transform: scale(0.667);
      transform: scale(0.667); }
    50% {
      -webkit-transform: scale(0.72);
      transform: scale(0.72); } }
  @keyframes pulse {
    0%,
    100% {
      -webkit-transform: scale(0.667);
      transform: scale(0.667); }
    50% {
      -webkit-transform: scale(0.72);
      transform: scale(0.72); } }
  .button--icon-text:active .icon {
    -webkit-animation: none;
    animation: none; } }

@media (min-width: 941px) and (hover: none) {
  .button--icon-text:hover .icon {
    -webkit-animation: none;
    animation: none; } }

.button--plain {
  border-color: transparent;
  color: var(--color-brand-primary); }
  .button--plain:hover, .button--plain:focus {
    background: var(--color-brand-primary-alpha-10);
    border-color: transparent;
    color: var(--color-brand-primary); }
    .button--plain:hover .icon svg, .button--plain:focus .icon svg {
      fill: var(--color-brand-primary); }
  .button--plain:active {
    color: var(--color-brand-primary);
    background: var(--color-brand-primary-alpha-30); }
  @media (hover: none) {
    .button--plain:hover {
      color: var(--color-brand-primary);
      background: var(--color-brand-primary-alpha-30); } }
  .button--plain.button--off-white {
    color: #f7f5f0; }
    .button--plain.button--off-white:hover, .button--plain.button--off-white:focus {
      background: rgba(247, 245, 240, 0.3);
      border-color: transparent;
      color: #f7f5f0; }
      .button--plain.button--off-white:hover .icon svg, .button--plain.button--off-white:focus .icon svg {
        fill: #f7f5f0; }
    .button--plain.button--off-white:active {
      background: rgba(247, 245, 240, 0.5);
      color: #f7f5f0; }
    @media (hover: none) {
      .button--plain.button--off-white:hover {
        background: rgba(247, 245, 240, 0.5);
        color: #f7f5f0; } }
  .button--plain.button--white {
    color: #fff; }
    .button--plain.button--white:hover, .button--plain.button--white:focus {
      background: #fff;
      border-color: transparent;
      color: #0f1941; }
      .button--plain.button--white:hover .icon svg, .button--plain.button--white:focus .icon svg {
        fill: #0f1941; }
    .button--plain.button--white:active {
      background: #d7d7d7;
      color: #0f1941; }
    @media (hover: none) {
      .button--plain.button--white:hover {
        background: #d7d7d7;
        color: #0f1941; } }
  .button--plain.button--dark-blue {
    color: var(--color-brand-secondary); }
    .button--plain.button--dark-blue:hover, .button--plain.button--dark-blue:focus {
      background: var(--color-brand-secondary-alpha-10); }
      .button--plain.button--dark-blue:hover .icon svg, .button--plain.button--dark-blue:focus .icon svg {
        fill: var(--color-brand-secondary); }
    .button--plain.button--dark-blue:active {
      background: var(--color-brand-secondary-alpha-30); }
      .button--plain.button--dark-blue:active .icon svg {
        fill: var(--color-brand-secondary); }
    @media (hover: none) {
      .button--plain.button--dark-blue:hover {
        background: var(--color-brand-secondary-alpha-30); }
        .button--plain.button--dark-blue:hover .icon svg {
          fill: var(--color-brand-secondary); } }
  .button--plain.button--dark-blue-180 {
    color: #03050d; }
    .button--plain.button--dark-blue-180:hover, .button--plain.button--dark-blue-180:focus {
      background: #03050d;
      border-color: transparent;
      color: #fff; }
      .button--plain.button--dark-blue-180:hover .icon svg, .button--plain.button--dark-blue-180:focus .icon svg {
        fill: #fff; }
    .button--plain.button--dark-blue-180:active {
      background: #3c4464;
      color: #fff; }
    @media (hover: none) {
      .button--plain.button--dark-blue-180:hover {
        background: #3c4464;
        color: #fff; } }
  .bg-brand--blue .button--plain,
  .bg-brand--dark-blue .button--plain,
  .bg-brand--turquoise .button--plain,
  .bg-brand--off-white .button--plain,
  .bg-brand--red .button--plain,
  .bg-brand--yellow .button--plain {
    border: transparent; }

.bg-variant-brand-primary .button--plain {
  border: transparent;
  background-color: transparent;
  color: var(--color-white); }
  .bg-variant-brand-primary .button--plain:hover, .bg-variant-brand-primary .button--plain:focus {
    background-color: var(--color-white-alpha-30);
    color: var(--color-white); }
    .bg-variant-brand-primary .button--plain:hover .icon svg, .bg-variant-brand-primary .button--plain:focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-primary .button--plain:active {
    color: var(--color-white);
    background-color: var(--color-white-alpha-50); }
    .bg-variant-brand-primary .button--plain:active .icon svg {
      fill: var(--color-white); }
  @media (hover: none) {
    .bg-variant-brand-primary .button--plain:hover {
      color: var(--color-white);
      background-color: var(--color-white-alpha-50); }
      .bg-variant-brand-primary .button--plain:hover .icon svg {
        fill: var(--color-white); } }

.bg-variant-brand-secondary .button--plain {
  border: transparent;
  background-color: transparent;
  color: var(--color-white); }
  .bg-variant-brand-secondary .button--plain:hover, .bg-variant-brand-secondary .button--plain:focus {
    background-color: var(--color-white-alpha-30);
    color: var(--color-white); }
    .bg-variant-brand-secondary .button--plain:hover .icon svg, .bg-variant-brand-secondary .button--plain:focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-secondary .button--plain:active {
    color: var(--color-white);
    background-color: var(--color-white); }
    .bg-variant-brand-secondary .button--plain:active .icon svg {
      fill: var(--color-white); }
  @media (hover: none) {
    .bg-variant-brand-secondary .button--plain:hover {
      color: var(--color-white);
      background-color: var(--color-white); }
      .bg-variant-brand-secondary .button--plain:hover .icon svg {
        fill: var(--color-white); } }

.bg-variant-brand-tertiary .button--plain {
  border: transparent;
  background-color: transparent;
  color: var(--color-brand-secondary); }
  .bg-variant-brand-tertiary .button--plain:hover, .bg-variant-brand-tertiary .button--plain:focus {
    background-color: var(--color-brand-secondary-alpha-10);
    color: var(--color-brand-secondary); }
    .bg-variant-brand-tertiary .button--plain:hover .icon svg, .bg-variant-brand-tertiary .button--plain:focus .icon svg {
      fill: var(--color-brand-secondary); }
  .bg-variant-brand-tertiary .button--plain:active {
    color: var(--color-brand-primary);
    background-color: var(--color-brand-primary-alpha-30); }
    .bg-variant-brand-tertiary .button--plain:active .icon svg {
      fill: var(--color-brand-primary); }
  @media (hover: none) {
    .bg-variant-brand-tertiary .button--plain:hover {
      color: var(--color-brand-primary);
      background-color: var(--color-brand-primary-alpha-30); }
      .bg-variant-brand-tertiary .button--plain:hover .icon svg {
        fill: var(--color-brand-primary); } }

.bg-variant-white .button--plain {
  border: transparent;
  background-color: transparent;
  color: var(--color-brand-primary); }
  .bg-variant-white .button--plain:hover, .bg-variant-white .button--plain:focus {
    background-color: var(--color-brand-primary-alpha-10);
    color: var(--color-brand-primary); }
    .bg-variant-white .button--plain:hover .icon svg, .bg-variant-white .button--plain:focus .icon svg {
      fill: var(--color-brand-primary); }
  .bg-variant-white .button--plain:active {
    color: var(--color-brand-primary);
    background-color: var(--color-brand-primary-alpha-30); }
    .bg-variant-white .button--plain:active .icon svg {
      fill: var(--color-brand-primary); }
  @media (hover: none) {
    .bg-variant-white .button--plain:hover {
      color: var(--color-brand-primary);
      background-color: var(--color-brand-primary-alpha-30); }
      .bg-variant-white .button--plain:hover .icon svg {
        fill: var(--color-brand-primary); } }

.bg-variant-brand-quaternary .button--plain {
  border: transparent;
  background-color: transparent;
  color: var(--color-brand-secondary); }
  .bg-variant-brand-quaternary .button--plain:hover, .bg-variant-brand-quaternary .button--plain:focus {
    background-color: var(--color-brand-secondary-alpha-10);
    color: var(--color-brand-secondary); }
    .bg-variant-brand-quaternary .button--plain:hover .icon svg, .bg-variant-brand-quaternary .button--plain:focus .icon svg {
      fill: var(--color-brand-secondary); }
  .bg-variant-brand-quaternary .button--plain:active {
    color: var(--color-brand-secondary);
    background-color: var(--color-brand-secondary-alpha-30); }
    .bg-variant-brand-quaternary .button--plain:active .icon svg {
      fill: var(--color-brand-secondary); }
  @media (hover: none) {
    .bg-variant-brand-quaternary .button--plain:hover {
      color: var(--color-brand-secondary);
      background-color: var(--color-brand-secondary-alpha-30); }
      .bg-variant-brand-quaternary .button--plain:hover .icon svg {
        fill: var(--color-brand-secondary); } }

.bg-variant-brand-quinary .button--plain {
  border: transparent;
  background-color: transparent;
  color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-quinary .button--plain:hover, .bg-variant-brand-quinary .button--plain:focus {
    background-color: var(--color-brand-secondary-alpha-10);
    color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-quinary .button--plain:hover .icon svg, .bg-variant-brand-quinary .button--plain:focus .icon svg {
      fill: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-quinary .button--plain:active {
    color: var(--color-brand-secondary-shade-180);
    background-color: var(--color-brand-secondary-alpha-30); }
    .bg-variant-brand-quinary .button--plain:active .icon svg {
      fill: var(--color-brand-secondary-shade-180); }
  @media (hover: none) {
    .bg-variant-brand-quinary .button--plain:hover {
      color: var(--color-brand-secondary-shade-180);
      background-color: var(--color-brand-secondary-alpha-30); }
      .bg-variant-brand-quinary .button--plain:hover .icon svg {
        fill: var(--color-brand-secondary-shade-180); } }

.bg-variant-brand-senary .button--plain {
  border: transparent;
  background-color: transparent;
  color: var(--color-brand-secondary); }
  .bg-variant-brand-senary .button--plain:hover, .bg-variant-brand-senary .button--plain:focus {
    background-color: var(--color-brand-secondary-alpha-10);
    color: var(--color-brand-secondary); }
    .bg-variant-brand-senary .button--plain:hover .icon svg, .bg-variant-brand-senary .button--plain:focus .icon svg {
      fill: var(--color-brand-secondary); }
  .bg-variant-brand-senary .button--plain:active {
    color: var(--color-brand-secondary);
    background-color: var(--color-brand-secondary-alpha-30); }
    .bg-variant-brand-senary .button--plain:active .icon svg {
      fill: var(--color-brand-secondary); }
  @media (hover: none) {
    .bg-variant-brand-senary .button--plain:hover {
      color: var(--color-brand-secondary);
      background-color: var(--color-brand-secondary-alpha-30); }
      .bg-variant-brand-senary .button--plain:hover .icon svg {
        fill: var(--color-brand-secondary); } }

.button--play {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }
  .button--play .icon {
    color: var(--color-brand-tertiary); }

@media (max-width: 940px) {
  .button--play .icon {
    height: 60px;
    width: 60px; } }

@media (min-width: 941px) {
  .button--play:hover .icon {
    -webkit-animation: pulse-large 1s infinite ease-out;
    animation: pulse-large 1s infinite ease-out; }
  @-webkit-keyframes pulse-large {
    0%,
    100% {
      -webkit-transform: scale(1);
      transform: scale(1); }
    50% {
      -webkit-transform: scale(1.05);
      transform: scale(1.05); } }
  @keyframes pulse-large {
    0%,
    100% {
      -webkit-transform: scale(1);
      transform: scale(1); }
    50% {
      -webkit-transform: scale(1.05);
      transform: scale(1.05); } }
  .button--play:active .icon {
    -webkit-animation: none;
    animation: none; } }

@media (min-width: 941px) and (hover: none) {
  .button--play:hover .icon {
    -webkit-animation: none;
    animation: none; } }

.button--preloader.button {
  line-height: 60px; }
  .button--preloader.button span, .button--preloader.button::before, .button--preloader.button::after {
    -webkit-animation: zoom--second-dot 1s infinite ease-in-out;
    animation: zoom--second-dot 1s infinite ease-in-out;
    border-radius: 50%;
    background: #2175d9;
    display: inline-block;
    height: 18px;
    width: 18px; }
  .button--preloader.button::before {
    -webkit-animation-name: zoom--first-dot;
    animation-name: zoom--first-dot;
    content: ''; }
  .button--preloader.button::after {
    -webkit-animation-name: zoom--third-dot;
    animation-name: zoom--third-dot;
    content: ''; }
  .button--preloader.button:hover span, .button--preloader.button:hover::before, .button--preloader.button:hover::after,
  .button--preloader.button:focus span, .button--preloader.button:focus::before, .button--preloader.button:focus::after {
    background: #f7f5f0; }

.button--preloader.button--off-white span, .button--preloader.button--off-white::before, .button--preloader.button--off-white::after {
  background: #f7f5f0; }

.button--preloader.button--off-white:hover span, .button--preloader.button--off-white:hover::before, .button--preloader.button--off-white:hover::after,
.button--preloader.button--off-white:focus span, .button--preloader.button--off-white:focus::before, .button--preloader.button--off-white:focus::after {
  background: #2175d9; }

.button--preloader.button--white span, .button--preloader.button--white::before, .button--preloader.button--white::after {
  background: #fff; }

.button--preloader.button--white:hover span, .button--preloader.button--white:hover::before, .button--preloader.button--white:hover::after,
.button--preloader.button--white:focus span, .button--preloader.button--white:focus::before, .button--preloader.button--white:focus::after {
  background: #0f1941; }

.button--preloader.button--dark-blue span, .button--preloader.button--dark-blue::before, .button--preloader.button--dark-blue::after {
  background: #0f1941; }

.button--preloader.button--dark-blue:hover span, .button--preloader.button--dark-blue:hover::before, .button--preloader.button--dark-blue:hover::after,
.button--preloader.button--dark-blue:focus span, .button--preloader.button--dark-blue:focus::before, .button--preloader.button--dark-blue:focus::after {
  background: #f7f5f0; }

.button--preloader.button--filled {
  line-height: 64px; }
  .button--preloader.button--filled span, .button--preloader.button--filled::before, .button--preloader.button--filled::after {
    background: #f7f5f0; }
  .button--preloader.button--filled.button--off-white span, .button--preloader.button--filled.button--off-white::before, .button--preloader.button--filled.button--off-white::after {
    background: #0f1941; }
  .button--preloader.button--filled.button--white span, .button--preloader.button--filled.button--white::before, .button--preloader.button--filled.button--white::after {
    background: #0f1941; }

.button--preloader.button--plain:hover span, .button--preloader.button--plain:hover::before, .button--preloader.button--plain:hover::after {
  background: #fff; }

.button--preloader.button--plain:hover.button--off-white span, .button--preloader.button--plain:hover.button--off-white::before, .button--preloader.button--plain:hover.button--off-white::after {
  background: #f7f5f0; }

.button--preloader.button--plain:hover.button--white span, .button--preloader.button--plain:hover.button--white::before, .button--preloader.button--plain:hover.button--white::after {
  background: #0f1941; }

.button--preloader.button--plain:hover.button--dark-blue span, .button--preloader.button--plain:hover.button--dark-blue::before, .button--preloader.button--plain:hover.button--dark-blue::after {
  background: #fff; }

.button.button--social,
a.button.button--social {
  border-color: #d7d7d7;
  color: #2175d9;
  padding: 0 20px; }
  .button.button--social:hover, .button.button--social:focus,
  a.button.button--social:hover,
  a.button.button--social:focus {
    background: #ecf3fc;
    border-color: #2175d9; }
    .button.button--social:hover .icon svg, .button.button--social:focus .icon svg,
    a.button.button--social:hover .icon svg,
    a.button.button--social:focus .icon svg {
      fill: #2175d9; }
  .button.button--social:active,
  a.button.button--social:active {
    background: #ecf3fc;
    border-color: #2175d9; }
  @media (hover: none) {
    .button.button--social:hover,
    a.button.button--social:hover {
      background: #ecf3fc;
      border-color: #2175d9; } }

.button--social.social-btn--apple .icon-apple {
  fill: black; }

.button--social.social-btn--drive .icon-drive {
  --drive-color-1: #4688f4;
  --drive-color-2: #089156;
  --drive-color-3: #fccd48; }

.button--social.social-btn--drive:hover .icon-drive {
  --drive-color-1: #2175d9;
  --drive-color-2: #2175d9;
  --drive-color-3: #2175d9; }

.button--social.social-btn--dropbox .icon-dropbox {
  fill: #0061ff; }

.button--social.social-btn--facebook .icon-facebook {
  fill: #1977f3; }

.button--social.social-btn--google .icon-google {
  --google-color-1: #4285f4;
  --google-color-2: #34a853;
  --google-color-3: #fbbc05;
  --google-color-4: #ea4335; }

.button--social.social-btn--google:hover .icon-google {
  --google-color-1: #2175d9;
  --google-color-2: #2175d9;
  --google-color-3: #2175d9;
  --google-color-4: #2175d9; }

.button--social.social-btn--indeed .icon-indeed {
  fill: #2164f4; }

.button--social.social-btn--itsme .icon-itsme {
  fill: #ff4612; }

.button--social.social-btn--linkedin .icon-linkedin {
  fill: #0e76a8; }

.button--social.social-btn--monster .icon-monster {
  fill: #7046ae; }

.button--social.social-btn--seek .icon-seek {
  fill: #0d3880; }

@media (max-width: 940px) {
  .button--full-width-to-icon {
    height: 60px;
    width: 100%; }
    .button--full-width-to-icon .button__text {
      position: static; }
    .button--full-width-to-icon .icon {
      display: none; } }

.divider {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--color-gray-20); }
  .bg-variant-brand-primary .divider {
    border-color: var(--color-white-alpha-30); }
  .bg-variant-brand-secondary .divider {
    border-color: var(--color-white-alpha-30); }
  .bg-variant-brand-tertiary .divider {
    border-color: var(--color-gray-20); }
  .bg-variant-white .divider {
    border-color: var(--color-gray-20); }
  .bg-variant-brand-quaternary .divider {
    border-color: var(--color-brand-secondary-alpha-30); }
  .bg-variant-brand-quinary .divider {
    border-color: var(--color-brand-secondary-alpha-30); }
  .bg-variant-brand-senary .divider {
    border-color: var(--color-brand-secondary-alpha-30); }

@media (min-width: 941px) {
  .l\:divider {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: var(--color-gray-20); }
    .bg-variant-brand-primary .l\:divider {
      border-color: var(--color-white-alpha-30); }
    .bg-variant-brand-secondary .l\:divider {
      border-color: var(--color-white-alpha-30); }
    .bg-variant-brand-tertiary .l\:divider {
      border-color: var(--color-gray-20); }
    .bg-variant-white .l\:divider {
      border-color: var(--color-gray-20); }
    .bg-variant-brand-quaternary .l\:divider {
      border-color: var(--color-brand-secondary-alpha-30); }
    .bg-variant-brand-quinary .l\:divider {
      border-color: var(--color-brand-secondary-alpha-30); }
    .bg-variant-brand-senary .l\:divider {
      border-color: var(--color-brand-secondary-alpha-30); } }

.divider--top {
  border-bottom: 0;
  border-top-width: 1px;
  border-top-style: solid; }

.divider--is-hidden {
  border-bottom-color: transparent; }

.bg-brand--yellow .divider, .bg-brand--turquoise .divider, .bg-brand--red .divider {
  border-color: rgba(15, 25, 65, 0.3); }

.bg-brand--blue .divider, .bg-brand--dark-blue .divider {
  border-color: rgba(247, 245, 240, 0.5); }

.bg-brand--off-white .divider {
  border-color: #d7d7d7; }

.icon__toggler {
  cursor: pointer;
  display: inline-block;
  position: relative; }
  .icon__toggler:focus {
    outline: auto; }
  .icon__toggler, .icon__toggler:hover, .icon__toggler:active {
    background: none;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    font-size: 0;
    line-height: inherit;
    min-width: 0;
    padding: 0;
    outline: none; }
  .icon__toggler .icon {
    display: inline-block;
    opacity: 1;
    position: relative;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    .icon__toggler .icon + .icon {
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0; }
  .icon__toggler svg {
    left: 0;
    position: absolute;
    top: 0; }
  .icon__toggler:hover svg {
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s; }
  .icon__toggler--active .icon {
    opacity: 0; }
  .icon__toggler--active .icon + .icon {
    opacity: 1; }

img {
  display: block;
  max-width: 100%; }

.image--circle {
  border-radius: 50%;
  overflow: hidden; }
  .image--circle img {
    display: block;
    max-width: 100%;
    width: auto; }

.bg-variant-brand-primary a {
  color: var(--color-white); }
  .bg-variant-brand-primary a:hover {
    color: var(--color-white); }

.bg-variant-brand-secondary a {
  color: var(--color-white); }
  .bg-variant-brand-secondary a:hover {
    color: var(--color-white); }

.bg-variant-brand-tertiary a {
  color: var(--color-brand-secondary); }
  .bg-variant-brand-tertiary a:hover {
    color: var(--color-brand-secondary); }

.bg-variant-white a {
  color: var(--color-brand-primary); }
  .bg-variant-white a:hover {
    color: var(--color-brand-primary); }

.bg-variant-brand-quaternary a {
  color: var(--color-brand-secondary); }
  .bg-variant-brand-quaternary a:hover {
    color: var(--color-brand-secondary); }

.bg-variant-brand-quinary a {
  color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-quinary a:hover {
    color: var(--color-brand-secondary-shade-180); }

.bg-variant-brand-senary a {
  color: var(--color-brand-secondary); }
  .bg-variant-brand-senary a:hover {
    color: var(--color-brand-secondary); }

a,
.link {
  color: var(--color-brand-primary);
  cursor: pointer;
  -webkit-transition: -webkit-text-decoration 0.2s;
  transition: -webkit-text-decoration 0.2s;
  transition: text-decoration 0.2s;
  transition: text-decoration 0.2s, -webkit-text-decoration 0.2s; }
  .bg-variant-brand-primary a, .bg-variant-brand-primary
  .link {
    color: var(--color-white); }
  .bg-variant-brand-secondary a, .bg-variant-brand-secondary
  .link {
    color: var(--color-white); }
  .bg-variant-brand-tertiary a, .bg-variant-brand-tertiary
  .link {
    color: var(--color-brand-secondary); }
  .bg-variant-white a, .bg-variant-white
  .link {
    color: var(--color-brand-primary); }
  .bg-variant-brand-quaternary a, .bg-variant-brand-quaternary
  .link {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary a, .bg-variant-brand-quinary
  .link {
    color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-senary a, .bg-variant-brand-senary
  .link {
    color: var(--color-brand-secondary); }

a {
  -webkit-text-decoration: underline solid transparent;
  text-decoration: underline solid transparent; }
  a:hover {
    -webkit-text-decoration: underline solid currentColor;
    text-decoration: underline solid currentColor; }

.link {
  -webkit-text-decoration: underline solid currentColor;
  text-decoration: underline solid currentColor; }
  .link:hover {
    -webkit-text-decoration: underline solid transparent;
    text-decoration: underline solid transparent; }

.logo {
  line-height: 0; }
  .logo svg {
    fill: #fff;
    overflow: visible;
    width: 150px; }
    .bg-brand--off-white .logo svg,
    .bg-brand--white .logo svg {
      fill: #2175d9; }
    .bg-variant-brand-tertiary .logo svg {
      fill: var(--color-brand-primary); }
    .bg-variant-white .logo svg {
      fill: var(--color-brand-primary); }

.skip-nav-link {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 25px;
  padding: 0 5px;
  position: absolute;
  top: 5px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.skip-nav-link:focus {
  left: 5px;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  z-index: 5; }

.text-source {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  color: var(--color-brand-secondary-tint-60); }
  .text-source a {
    color: var(--color-brand-secondary-tint-60);
    -webkit-text-decoration: underline solid currentColor;
    text-decoration: underline solid currentColor; }
    .text-source a:hover {
      -webkit-text-decoration: underline solid transparent;
      text-decoration: underline solid transparent; }
  .cards .text-source,
  .popover .text-source {
    color: #3c4464; }
  .bg-brand--off-white .text-source,
  .bg-brand-tertiary .text-source {
    color: #3c4464; }
    .cards .bg-brand--off-white .text-source, .cards
    .bg-brand-tertiary .text-source {
      color: #6c738d; }
  .bg-brand--blue .text-source,
  .bg-brand--turquoise .text-source {
    color: rgba(247, 245, 240, 0.5); }
  .bg-brand--yellow .text-source {
    color: rgba(15, 25, 65, 0.7); }
  .bg-brand--red .text-source {
    color: #03050d; }
  .bg-variant-brand-primary .text-source {
    color: var(--color-white); }
  .bg-variant-brand-secondary .text-source {
    color: var(--color-white); }
  .bg-variant-brand-tertiary .text-source {
    color: var(--color-brand-secondary-tint-80); }
  .bg-variant-white .text-source {
    color: var(--color-brand-secondary-tint-60); }
  .bg-variant-brand-quaternary .text-source {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .text-source {
    color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-senary .text-source {
    color: var(--color-brand-secondary); }

.wrapper {
  padding-left: 25px;
  padding-right: 25px;
  margin: 0 auto;
  max-width: 1440px; }
  @media (min-width: 501px) {
    .wrapper {
      padding-left: 50px;
      padding-right: 50px; } }
  @media (min-width: 941px) {
    .wrapper {
      padding-left: 100px;
      padding-right: 100px; } }

@media (max-width: 940px) {
  .full-bleed--m {
    margin-left: -50px;
    margin-right: -50px;
    padding-left: 50px;
    padding-right: 50px; } }

@media (max-width: 500px) {
  .full-bleed--s {
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px; } }

@-webkit-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes zoom--first-dot {
  0%,
  50%,
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  25% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); } }

@keyframes zoom--first-dot {
  0%,
  50%,
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  25% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); } }

@-webkit-keyframes zoom--second-dot {
  0%,
  25%,
  75%,
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  50% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); } }

@keyframes zoom--second-dot {
  0%,
  25%,
  75%,
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  50% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); } }

@-webkit-keyframes zoom--third-dot {
  0%,
  50%,
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  75% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); } }

@keyframes zoom--third-dot {
  0%,
  50%,
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  75% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); } }

.block {
  overflow-wrap: break-word;
  word-wrap: break-word; }
  .block__wrapper {
    padding-bottom: 50px;
    padding-top: 50px; }
  .block__header p {
    color: var(--color-brand-secondary-tint-60);
    fill: var(--color-brand-secondary-tint-60);
    margin-bottom: 0;
    margin-top: 10px; }
  .block__header--l .block__description,
  .block__header--l .block__description p {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px; }
    @media (min-width: 941px) {
      .block__header--l .block__description,
      .block__header--l .block__description p {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px; } }
  .block__title {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
    color: #0f1941;
    margin-bottom: 0; }
  .block__control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px; }
    .block__control .icon {
      margin-right: 10px; }
      .block__control .icon svg {
        margin-top: 6px;
        min-width: 20px; }
  .block__description--s {
    margin-top: 20px; }
  .block__description--dark,
  .block__description--dark p {
    color: #0f1941; }
  .block__description--optional {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .block__description--optional .icon--inline {
      top: 5px;
      margin-right: 10px; }
    .block__description--optional p {
      display: inline;
      margin-top: 0;
      width: 100%; }
  .block__description .button {
    margin-top: 30px; }
  .block .location-details {
    margin-top: 20px;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  @media (max-width: 500px) {
    .block__content--full-on-s {
      margin: 0 -25px; } }
  @media (min-width: 501px) and (max-width: 940px) {
    .block__content--full-on-m {
      margin: 0 -50px; } }
  @media (max-width: 940px) {
    .block__header + .block__content {
      margin-top: 30px; }
    .block__more-link {
      display: inline-block;
      margin-top: 10px; }
    .block__content--full-on-s, .block__content--full-on-m {
      overflow: hidden; }
    .block--filter .block__wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-bottom: 110px;
      padding-top: 30px; }
    .block--filter .block__content {
      -webkit-box-ordinal-group: 0;
      -webkit-order: -1;
      -ms-flex-order: -1;
      order: -1; }
    .block--my-randstad .block__header + .block__content {
      margin-top: 50px; } }
  @media (min-width: 941px) {
    .block__wrapper {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 130px;
      padding-top: 130px; }
      .block--s .block__wrapper {
        padding-bottom: 80px;
        padding-top: 80px; }
      .block--xs .block__wrapper {
        padding-bottom: 50px;
        padding-top: 50px; }
    .block__header {
      width: calc((13/58) * 100%); }
    .block--filter .block__wrapper {
      padding-top: 50px; }
    .block__header--split {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .block__header--split .block__title {
        margin-right: calc((2/58) * 100%); }
      .block__header--split .block__description {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3; }
    .block__header--l {
      margin-top: -50px; }
      .block__header--l .block__title {
        font-size: 32px;
        letter-spacing: -1px;
        line-height: 40px; } }
    @media (min-width: 941px) and (min-width: 941px) {
      .block__header--l .block__title {
        font-size: 40px;
        letter-spacing: -2px;
        line-height: 45px; } }
  @media (min-width: 941px) {
      .block__header--l .block__title--s ~ .block__more-link {
        margin-top: 0; }
      .block__header--l .block__description {
        margin-top: 20px;
        width: 100%; }
      .block__header--l .block__description p {
        width: calc((28/58) * 100%); }
      .block__header--l .block__description--s {
        margin-top: 10px; }
        .block__header--l .block__description--s,
        .block__header--l .block__description--s p {
          font-size: 18px;
          letter-spacing: 0;
          line-height: 30px; }
      .block__header--l .block__description--optional {
        margin-top: 20px; }
        .block__header--l .block__description--optional p {
          width: 100%; }
      .block--s .block__header--l {
        margin-top: 0; }
      .block__header--l .block__more-link {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px; } }
    @media (min-width: 941px) and (min-width: 941px) {
      .block__header--l .block__more-link {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px; } }
  @media (min-width: 941px) {
    .block__more-link {
      margin-top: 10px; }
    .block__content {
      margin-left: auto;
      width: calc((43/58) * 100%); }
      .block__content--s {
        padding-right: calc( ( (3 + 2) / 58 ) * 100%); }
      .block__content--align-right.block__content--s {
        padding-right: 0;
        width: calc((38/58) * 100%); }
      .block__content--xs {
        padding-right: calc( ( (3 + 2) * 2 / 58 ) * 100%); }
    .block__wrapper--stacked {
      display: block; }
      .block__wrapper--stacked .block__header,
      .block__wrapper--stacked .block__content {
        width: 100%; }
      .block__wrapper--stacked .block__header + .block__content {
        margin-top: 50px; } }

.bg-variant-brand-primary .block__title {
  color: var(--color-white); }

.bg-variant-brand-secondary .block__title {
  color: var(--color-white); }

.bg-variant-brand-tertiary .block__title {
  color: var(--color-brand-secondary); }

.bg-variant-white .block__title {
  color: var(--color-brand-secondary); }

.bg-variant-brand-quaternary .block__title {
  color: var(--color-brand-secondary); }

.bg-variant-brand-quinary .block__title {
  color: var(--color-brand-secondary-shade-180); }

.bg-variant-brand-senary .block__title {
  color: var(--color-brand-secondary); }

.bg-variant-brand-primary .block__header p {
  color: var(--color-white); }

.bg-variant-brand-secondary .block__header p {
  color: var(--color-white); }

.bg-variant-brand-tertiary .block__header p {
  color: var(--color-brand-secondary); }

.bg-variant-white .block__header p {
  color: var(--color-brand-secondary); }

.bg-variant-brand-quaternary .block__header p {
  color: var(--color-brand-secondary); }

.bg-variant-brand-quinary .block__header p {
  color: var(--color-brand-secondary-shade-180); }

.bg-variant-brand-senary .block__header p {
  color: var(--color-brand-secondary); }

.bg-brand--dark-blue .block__title,
.bg-brand--blue .block__title {
  color: #f7f5f0; }

.bg-brand--blue .block__header p,
.bg-brand--dark-blue .block__header p {
  color: rgba(247, 245, 240, 0.5); }

.bg-brand--off-white .block__header p {
  color: #3c4464; }

.block__header p .bg-brand--yellow {
  color: rgba(15, 25, 65, 0.7); }

.block__wrapper--dashboard {
  padding-top: 30px;
  padding-bottom: 0; }
  @media (min-width: 941px) {
    .block__wrapper--dashboard {
      padding-top: 50px;
      padding-bottom: 0; } }

.block--my-environment .block__control {
  margin-bottom: 50px; }

.block--my-environment .block__wrapper {
  padding-bottom: 30px;
  padding-top: 30px; }
  @media (min-width: 941px) {
    .block--my-environment .block__wrapper {
      padding-bottom: 40px;
      padding-top: 40px; } }

.block--s.block--my-environment {
  padding-bottom: 80px; }

.block.empty-message {
  padding-bottom: 50px; }
  @media (min-width: 941px) {
    .block.empty-message {
      padding-bottom: 80px; } }

.body-copy {
  overflow-anchor: none; }
  .body-copy h1,
  .body-copy h2,
  .body-copy h3,
  .body-copy h4,
  .body-copy h5,
  .body-copy h6 {
    color: #2175d9; }
  .body-copy h2 {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
    margin-bottom: 20px; }
    .body-copy h2 + ol,
    .body-copy h2 + ul {
      margin-top: 30px; }
  .body-copy h3 {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 10px; }
    .body-copy h3 + ol,
    .body-copy h3 + ul {
      margin-top: 20px; }
  .body-copy h4 {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 10px; }
    .body-copy h4 + ol,
    .body-copy h4 + ul {
      margin-top: 20px; }
  .body-copy .title--s {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
    margin-bottom: 20px; }
    .body-copy .title--s + ol,
    .body-copy .title--s + ul {
      margin-top: 30px; }
  .body-copy .title--xxs,
  .body-copy .title--xs {
    margin-bottom: 10px; }
    .body-copy .title--xxs + ol,
    .body-copy .title--xxs + ul,
    .body-copy .title--xs + ol,
    .body-copy .title--xs + ul {
      margin-top: 20px; }
  .body-copy ol,
  .body-copy ul {
    margin-bottom: 30px; }
    .body-copy ol + ol,
    .body-copy ol + ul,
    .body-copy ul + ol,
    .body-copy ul + ul {
      margin-top: 50px; }
  .body-copy li {
    padding-left: 35px; }
    .body-copy li::before {
      color: #2175d9;
      display: inline-block;
      margin-left: -35px;
      min-width: 31px; }
  .body-copy li + li {
    margin-top: 10px; }
  .body-copy ul:not(.list--checks) li::before {
    content: '\2022';
    font-size: 1.2em;
    padding-left: 5px; }
  .body-copy ol {
    counter-reset: li;
    list-style: none; }
    .body-copy ol li {
      counter-increment: li; }
    .body-copy ol li::before {
      content: counter(li) "." " ";
      position: relative; }
  .body-copy p:last-child,
  .body-copy ul:last-child,
  .body-copy ol:last-child {
    margin-bottom: 0; }
  .body-copy a {
    -webkit-text-decoration: underline solid currentColor;
    text-decoration: underline solid currentColor; }
    .body-copy a:hover {
      -webkit-text-decoration: underline solid transparent;
      text-decoration: underline solid transparent; }
  .body-copy.color-preset--dark-blue h1,
  .body-copy.color-preset--dark-blue h2,
  .body-copy.color-preset--dark-blue h3,
  .body-copy.color-preset--dark-blue h4,
  .body-copy.color-preset--dark-blue h5,
  .body-copy.color-preset--dark-blue h6 {
    color: #0f1941; }
  .body-copy.color-preset--dark-blue li::before {
    color: #0f1941; }
  .body-copy.color-preset--dark-blue .list--checks li::before {
    background-color: #0f1941; }
  .body-copy.color-preset--red h1,
  .body-copy.color-preset--red h2,
  .body-copy.color-preset--red h3,
  .body-copy.color-preset--red h4,
  .body-copy.color-preset--red h5,
  .body-copy.color-preset--red h6 {
    color: #e74536; }
  .body-copy.color-preset--red li::before {
    color: #e74536; }
  .body-copy.color-preset--red .list--checks li::before {
    background-color: #e74536; }
  .body-copy.color-preset--turquoise h1,
  .body-copy.color-preset--turquoise h2,
  .body-copy.color-preset--turquoise h3,
  .body-copy.color-preset--turquoise h4,
  .body-copy.color-preset--turquoise h5,
  .body-copy.color-preset--turquoise h6 {
    color: #6ba5b4; }
  .body-copy.color-preset--turquoise li::before {
    color: #6ba5b4; }
  .body-copy.color-preset--turquoise .list--checks li::before {
    background-color: #6ba5b4; }
  .body-copy.color-preset--yellow h1,
  .body-copy.color-preset--yellow h2,
  .body-copy.color-preset--yellow h3,
  .body-copy.color-preset--yellow h4,
  .body-copy.color-preset--yellow h5,
  .body-copy.color-preset--yellow h6 {
    color: #ffb511; }
  .body-copy.color-preset--yellow li::before {
    color: #ffb511; }
  .body-copy.color-preset--yellow .list--checks li::before {
    background-color: #ffb511; }
  .body-copy .bg-brand--blue h1,
  .body-copy .bg-brand--blue h2,
  .body-copy .bg-brand--blue h3,
  .body-copy .bg-brand--blue h4,
  .body-copy .bg-brand--blue h5,
  .body-copy .bg-brand--blue h6,
  .body-copy .bg-brand--blue li::before,
  .body-copy .bg-brand--dark-blue h1,
  .body-copy .bg-brand--dark-blue h2,
  .body-copy .bg-brand--dark-blue h3,
  .body-copy .bg-brand--dark-blue h4,
  .body-copy .bg-brand--dark-blue h5,
  .body-copy .bg-brand--dark-blue h6,
  .body-copy .bg-brand--dark-blue li::before,
  .body-copy .bg-brand--red h1,
  .body-copy .bg-brand--red h2,
  .body-copy .bg-brand--red h3,
  .body-copy .bg-brand--red h4,
  .body-copy .bg-brand--red h5,
  .body-copy .bg-brand--red h6,
  .body-copy .bg-brand--red li::before,
  .body-copy .bg-brand--turquoise h1,
  .body-copy .bg-brand--turquoise h2,
  .body-copy .bg-brand--turquoise h3,
  .body-copy .bg-brand--turquoise h4,
  .body-copy .bg-brand--turquoise h5,
  .body-copy .bg-brand--turquoise h6,
  .body-copy .bg-brand--turquoise li::before,
  .body-copy .bg-brand--yellow h1,
  .body-copy .bg-brand--yellow h2,
  .body-copy .bg-brand--yellow h3,
  .body-copy .bg-brand--yellow h4,
  .body-copy .bg-brand--yellow h5,
  .body-copy .bg-brand--yellow h6,
  .body-copy .bg-brand--yellow li::before {
    color: currentColor; }
  .body-copy .bg-brand--blue .list--checks li::before,
  .body-copy .bg-brand--dark-blue .list--checks li::before,
  .body-copy .bg-brand--red .list--checks li::before,
  .body-copy .bg-brand--turquoise .list--checks li::before,
  .body-copy .bg-brand--yellow .list--checks li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20' fill='%23f7f5f0'%3E%3Cpath d='M7.6472,15.999 C7.3972,15.999 7.1462,15.905 6.9532,15.719 L1.3052,10.265 C0.9082,9.881 0.8972,9.247 1.2802,8.851 C1.6652,8.454 2.2982,8.441 2.6942,8.825 L7.6472,13.608 L17.3052,4.279 C17.7022,3.898 18.3362,3.907 18.7192,4.305 C19.1022,4.701 19.0912,5.335 18.6942,5.719 L8.3412,15.719 C8.1482,15.905 7.8972,15.999 7.6472,15.999'/%3E%3C/svg%3E%0A"); }
  .body-copy .bg-brand--yellow .list--checks li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20' fill='%230f1941'%3E%3Cpath d='M7.6472,15.999 C7.3972,15.999 7.1462,15.905 6.9532,15.719 L1.3052,10.265 C0.9082,9.881 0.8972,9.247 1.2802,8.851 C1.6652,8.454 2.2982,8.441 2.6942,8.825 L7.6472,13.608 L17.3052,4.279 C17.7022,3.898 18.3362,3.907 18.7192,4.305 C19.1022,4.701 19.0912,5.335 18.6942,5.719 L8.3412,15.719 C8.1482,15.905 7.8972,15.999 7.6472,15.999'/%3E%3C/svg%3E%0A"); }
  .bg-variant-brand-primary .body-copy h1, .bg-variant-brand-primary
  .body-copy h2, .bg-variant-brand-primary
  .body-copy h3, .bg-variant-brand-primary
  .body-copy h4, .bg-variant-brand-primary
  .body-copy h5, .bg-variant-brand-primary
  .body-copy h6, .bg-variant-brand-primary
  .body-copy li:before {
    color: currentColor; }
  .bg-variant-brand-secondary .body-copy h1, .bg-variant-brand-secondary
  .body-copy h2, .bg-variant-brand-secondary
  .body-copy h3, .bg-variant-brand-secondary
  .body-copy h4, .bg-variant-brand-secondary
  .body-copy h5, .bg-variant-brand-secondary
  .body-copy h6, .bg-variant-brand-secondary
  .body-copy li:before {
    color: currentColor; }
  .bg-variant-brand-tertiary .body-copy h1, .bg-variant-brand-tertiary
  .body-copy h2, .bg-variant-brand-tertiary
  .body-copy h3, .bg-variant-brand-tertiary
  .body-copy h4, .bg-variant-brand-tertiary
  .body-copy h5, .bg-variant-brand-tertiary
  .body-copy h6, .bg-variant-brand-tertiary
  .body-copy li:before {
    color: currentColor; }
  .bg-variant-white .body-copy h1, .bg-variant-white
  .body-copy h2, .bg-variant-white
  .body-copy h3, .bg-variant-white
  .body-copy h4, .bg-variant-white
  .body-copy h5, .bg-variant-white
  .body-copy h6, .bg-variant-white
  .body-copy li:before {
    color: currentColor; }
  .bg-variant-brand-quaternary .body-copy h1, .bg-variant-brand-quaternary
  .body-copy h2, .bg-variant-brand-quaternary
  .body-copy h3, .bg-variant-brand-quaternary
  .body-copy h4, .bg-variant-brand-quaternary
  .body-copy h5, .bg-variant-brand-quaternary
  .body-copy h6, .bg-variant-brand-quaternary
  .body-copy li:before {
    color: currentColor; }
  .bg-variant-brand-quinary .body-copy h1, .bg-variant-brand-quinary
  .body-copy h2, .bg-variant-brand-quinary
  .body-copy h3, .bg-variant-brand-quinary
  .body-copy h4, .bg-variant-brand-quinary
  .body-copy h5, .bg-variant-brand-quinary
  .body-copy h6, .bg-variant-brand-quinary
  .body-copy li:before {
    color: currentColor; }
  .bg-variant-brand-senary .body-copy h1, .bg-variant-brand-senary
  .body-copy h2, .bg-variant-brand-senary
  .body-copy h3, .bg-variant-brand-senary
  .body-copy h4, .bg-variant-brand-senary
  .body-copy h5, .bg-variant-brand-senary
  .body-copy h6, .bg-variant-brand-senary
  .body-copy li:before {
    color: currentColor; }
  .bg-variant-brand-primary .body-copy a:not(.button) {
    -webkit-text-decoration: underline solid currentColor;
    text-decoration: underline solid currentColor;
    -webkit-transition: -webkit-text-decoration 0.2s;
    transition: -webkit-text-decoration 0.2s;
    transition: text-decoration 0.2s;
    transition: text-decoration 0.2s, -webkit-text-decoration 0.2s;
    /*add those for opera and mozilla support*/
    -webkit-text-decoration: underline solid inherit;
    -moz-text-decoration: underline solid inherit; }
    .bg-variant-brand-primary .body-copy a:not(.button):hover {
      -webkit-text-decoration: underline solid transparent;
      text-decoration: underline solid transparent; }
  .bg-variant-brand-secondary .body-copy a:not(.button) {
    -webkit-text-decoration: underline solid currentColor;
    text-decoration: underline solid currentColor;
    -webkit-transition: -webkit-text-decoration 0.2s;
    transition: -webkit-text-decoration 0.2s;
    transition: text-decoration 0.2s;
    transition: text-decoration 0.2s, -webkit-text-decoration 0.2s;
    /*add those for opera and mozilla support*/
    -webkit-text-decoration: underline solid inherit;
    -moz-text-decoration: underline solid inherit; }
    .bg-variant-brand-secondary .body-copy a:not(.button):hover {
      -webkit-text-decoration: underline solid transparent;
      text-decoration: underline solid transparent; }
  .bg-variant-brand-quaternary .body-copy a:not(.button) {
    -webkit-text-decoration: underline solid currentColor;
    text-decoration: underline solid currentColor;
    -webkit-transition: -webkit-text-decoration 0.2s;
    transition: -webkit-text-decoration 0.2s;
    transition: text-decoration 0.2s;
    transition: text-decoration 0.2s, -webkit-text-decoration 0.2s;
    /*add those for opera and mozilla support*/
    -webkit-text-decoration: underline solid inherit;
    -moz-text-decoration: underline solid inherit; }
    .bg-variant-brand-quaternary .body-copy a:not(.button):hover {
      -webkit-text-decoration: underline solid transparent;
      text-decoration: underline solid transparent; }
  .bg-variant-brand-quinary .body-copy a:not(.button) {
    -webkit-text-decoration: underline solid currentColor;
    text-decoration: underline solid currentColor;
    -webkit-transition: -webkit-text-decoration 0.2s;
    transition: -webkit-text-decoration 0.2s;
    transition: text-decoration 0.2s;
    transition: text-decoration 0.2s, -webkit-text-decoration 0.2s;
    /*add those for opera and mozilla support*/
    -webkit-text-decoration: underline solid inherit;
    -moz-text-decoration: underline solid inherit; }
    .bg-variant-brand-quinary .body-copy a:not(.button):hover {
      -webkit-text-decoration: underline solid transparent;
      text-decoration: underline solid transparent; }
  .bg-variant-brand-senary .body-copy a:not(.button) {
    -webkit-text-decoration: underline solid currentColor;
    text-decoration: underline solid currentColor;
    -webkit-transition: -webkit-text-decoration 0.2s;
    transition: -webkit-text-decoration 0.2s;
    transition: text-decoration 0.2s;
    transition: text-decoration 0.2s, -webkit-text-decoration 0.2s;
    /*add those for opera and mozilla support*/
    -webkit-text-decoration: underline solid inherit;
    -moz-text-decoration: underline solid inherit; }
    .bg-variant-brand-senary .body-copy a:not(.button):hover {
      -webkit-text-decoration: underline solid transparent;
      text-decoration: underline solid transparent; }
  .bg-brand-primary-tint-7 .body-copy a:not(.button) {
    color: var(--color-brand-secondary);
    -webkit-text-decoration: underline solid currentColor;
    text-decoration: underline solid currentColor; }
    .bg-brand-primary-tint-7 .body-copy a:not(.button):hover {
      -webkit-text-decoration: underline solid transparent;
      text-decoration: underline solid transparent; }

.closable {
  overflow: hidden;
  -webkit-transition: max-height 0.2s 0.2s, border 0.2s 0.2s;
  transition: max-height 0.2s 0.2s, border 0.2s 0.2s; }
  .closable--closed [data-rs-closable-fadeout] {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s; }

.collapsible__button {
  height: 20px;
  position: absolute;
  right: 0;
  top: 19px;
  width: 20px; }
  .collapsible__button::before, .collapsible__button::after {
    background: #2175d9;
    border-radius: 4px;
    content: ' ';
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
    top: 9px;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    width: 20px; }
  .collapsible__button::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }

.collapsible__trigger .icon {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.collapsible__trigger.icon__toggler--active .icon {
  opacity: 1;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg); }

.collapsible__content {
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s;
  max-height: 0;
  overflow: hidden; }

.collapsible__trigger--expanded + .collapsible__content {
  max-height: none; }

.toggle-arrow.icon {
  color: var(--color-brand-primary); }

.bg-variant-brand-primary .toggle-arrow.icon {
  color: var(--color-white); }

.bg-variant-brand-secondary .toggle-arrow.icon {
  color: var(--color-white); }

.bg-variant-brand-tertiary .toggle-arrow.icon {
  color: var(--color-brand-primary); }

.bg-variant-white .toggle-arrow.icon {
  color: var(--color-brand-primary); }

.bg-variant-brand-quaternary .toggle-arrow.icon {
  color: var(--color-brand-secondary); }

.bg-variant-brand-quinary .toggle-arrow.icon {
  color: var(--color-brand-secondary-shade-180); }

.bg-variant-brand-senary .toggle-arrow.icon {
  color: var(--color-brand-secondary); }

.bg-variant-brand-primary .collapsible__button:before, .bg-variant-brand-primary .collapsible__button:after {
  background: var(--color-white); }

.bg-variant-brand-secondary .collapsible__button:before, .bg-variant-brand-secondary .collapsible__button:after {
  background: var(--color-white); }

.bg-variant-brand-tertiary .collapsible__button:before, .bg-variant-brand-tertiary .collapsible__button:after {
  background: var(--color-brand-primary); }

.bg-variant-white .collapsible__button:before, .bg-variant-white .collapsible__button:after {
  background: var(--color-brand-primary); }

.bg-variant-brand-quaternary .collapsible__button:before, .bg-variant-brand-quaternary .collapsible__button:after {
  background: var(--color-brand-secondary); }

.bg-variant-brand-quinary .collapsible__button:before, .bg-variant-brand-quinary .collapsible__button:after {
  background: var(--color-brand-secondary-shade-180); }

.bg-variant-brand-senary .collapsible__button:before, .bg-variant-brand-senary .collapsible__button:after {
  background: var(--color-brand-secondary); }

.collapsible__link {
  color: var(--color-brand-primary); }
  .bg-variant-brand-tertiary.collapsible__link {
    color: var(--color-brand-secondary); }

.collapsible__link {
  color: #2175d9; }

@media (min-width: 941px) {
  .collapsible__button::before,
  .collapsible__button::after {
    top: 13px; } }

.collapsible__trigger {
  cursor: pointer;
  position: relative; }
  .collapsible__trigger--expanded .collapsible__button::before, .collapsible__trigger--expanded .collapsible__button::after {
    -webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
    transition: opacity 0.2s, -webkit-transform 0.3s;
    transition: opacity 0.2s, transform 0.3s;
    transition: opacity 0.2s, transform 0.3s, -webkit-transform 0.3s; }
  .collapsible__trigger--expanded .collapsible__button::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .collapsible__trigger--expanded .collapsible__button::after {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .collapsible__trigger--inactive {
    pointer-events: none; }
    .collapsible__trigger--inactive .link-list__link {
      cursor: default; }
    .collapsible__trigger--inactive .collapsible__button {
      display: none; }

[data-rs-collapsible-expanded].collapsible__trigger--expanded .collapsible__button {
  opacity: 1; }

[data-rs-collapsible-expanded] .collapsible__button {
  opacity: 0; }
  [data-rs-collapsible-expanded] .collapsible__button::before, [data-rs-collapsible-expanded] .collapsible__button::after {
    -webkit-transition: none;
    transition: none; }

[data-rs-collapsible-expanded] + .collapsible__content {
  max-height: none; }

.content-block {
  overflow-wrap: break-word;
  word-wrap: break-word;
  z-index: 1; }
  .content-block__eyebrow {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    color: currentColor;
    margin-bottom: 0; }
    @media (min-width: 941px) {
      .content-block__eyebrow {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px; } }
  .content-block__title > span {
    display: block; }
  .content-block__eyebrow + .content-block__title {
    margin-top: 5px; }
  .content-block__title em {
    color: #2175d9;
    font-style: normal; }
  .content-block__title--s {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px; }
    @media (min-width: 941px) {
      .content-block__title--s {
        font-size: 40px;
        letter-spacing: -2px;
        line-height: 45px; } }
  .content-block__description {
    margin-top: 20px; }
    .content-block__description,
    .content-block__description p:last-child {
      margin-bottom: 0; }
  .content-block__list {
    margin-top: 20px; }
    .content-block__list li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 5px; }
    .content-block__list a {
      font-size: 18px;
      letter-spacing: 0;
      line-height: 30px;
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-decoration: underline; }
  .content-block .button {
    margin-top: 30px; }
  .content-block__date-socials {
    margin-top: 20px; }
  .content-block__date,
  .content-block .social__share-text,
  .content-block .social__list {
    margin-top: 10px; }
  .content-block__split-text {
    margin-top: 20px; }
    .content-block__split-text p:last-child {
      margin-bottom: 0; }
  .content-block__column-text {
    margin-top: 20px;
    width: calc((43/58) * 100%); }
  .content-block__column .button {
    margin-top: 0; }
  .content-block__form {
    margin-top: 30px; }
  @media (max-width: 940px) {
    .content-block.content-block__bubble--primary .content-block__bubble-top.bubble3,
    .bg-variant-brand-primary .content-block .content-block__bubble-top.bubble3 {
      color: var(--color-brand-secondary);
      background: none; } }
  @media (max-width: 940px) {
    .content-block.content-block__bubble--secondary .content-block__bubble-top.bubble3,
    .bg-variant-brand-secondary .content-block .content-block__bubble-top.bubble3 {
      color: var(--color-brand-primary); } }
  @media (max-width: 940px) {
    .content-block.content-block__bubble--quaternary .content-block__bubble-top.bubble3,
    .bg-variant-brand-quaternary .content-block .content-block__bubble-top.bubble3 {
      color: white; } }
  @media (max-width: 940px) {
    .content-block.content-block__bubble--quinary .content-block__bubble-top.bubble3,
    .bg-variant-brand-quinary .content-block .content-block__bubble-top.bubble3 {
      color: var(--color-brand-secondary); }
    .content-block.content-block__bubble--quinary .content-block__bubble-bottom.bubble3,
    .bg-variant-brand-quinary .content-block .content-block__bubble-bottom.bubble3 {
      color: white; } }
  @media (max-width: 940px) {
    .content-block.content-block__bubble--senary .content-block__bubble-top.bubble3,
    .bg-variant-brand-senary .content-block .content-block__bubble-top.bubble3 {
      color: var(--color-brand-senary); } }
  @media (max-width: 940px) {
    .content-block.content-block__bubble--tertiary .content-block__bubble-top.bubble3,
    .bg-variant-brand-tertiary .content-block .content-block__bubble-top.bubble3 {
      color: var(--color-brand-secondary); }
    .content-block.content-block__bubble--tertiary .content-block__bubble-bottom.bubble3,
    .bg-variant-brand-tertiary .content-block .content-block__bubble-bottom.bubble3 {
      color: var(--color-brand-primary); } }
  @media (max-width: 940px) {
    .bg-variant-white.carousel--photo .content-block .content-block__bubble-top.bubble3 {
      color: var(--color-brand-secondary); }
    .bg-variant-white.carousel--photo .content-block .content-block__bubble-bottom.bubble3 {
      color: var(--color-brand-primary); } }
  @media (min-width: 941px) {
    .content-block .right {
      text-align: right; }
    .content-block.content-block__bubble--primary .content-block__bubble-top,
    .bg-variant-brand-primary .content-block .content-block__bubble-top {
      background-color: var(--color-white);
      color: var(--color-brand-primary); }
    .content-block.content-block__bubble--primary .content-block__bubble-bottom,
    .bg-variant-brand-primary .content-block .content-block__bubble-bottom {
      background-color: var(--color-brand-primary);
      color: var(--color-white); }
    .content-block.content-block__bubble--secondary .content-block__bubble-top,
    .bg-variant-brand-secondary .content-block .content-block__bubble-top {
      background-color: var(--color-white);
      color: var(--color-brand-secondary); }
    .content-block.content-block__bubble--secondary .content-block__bubble-bottom,
    .bg-variant-brand-secondary .content-block .content-block__bubble-bottom {
      background-color: var(--color-brand-secondary);
      color: var(--color-white); }
    .content-block.content-block__bubble--quaternary .content-block__bubble-top,
    .bg-variant-brand-quaternary .content-block .content-block__bubble-top {
      background-color: var(--color-white);
      color: #659dab; }
    .content-block.content-block__bubble--quaternary .content-block__bubble-bottom,
    .bg-variant-brand-quaternary .content-block .content-block__bubble-bottom {
      background-color: #659dab;
      color: var(--color-white); }
    .content-block.content-block__bubble--quinary .content-block__bubble-top,
    .bg-variant-brand-quinary .content-block .content-block__bubble-top {
      background-color: var(--color-white);
      color: var(--color-brand-quinary); }
    .content-block.content-block__bubble--quinary .content-block__bubble-bottom,
    .bg-variant-brand-quinary .content-block .content-block__bubble-bottom {
      background-color: var(--color-brand-quinary);
      color: var(--color-white); }
    .content-block.content-block__bubble--senary .content-block__bubble-top,
    .bg-variant-brand-senary .content-block .content-block__bubble-top {
      background-color: var(--color-white);
      color: var(--color-brand-senary); }
    .content-block.content-block__bubble--senary .content-block__bubble-bottom,
    .bg-variant-brand-senary .content-block .content-block__bubble-bottom {
      background-color: var(--color-brand-senary);
      color: var(--color-white); }
    .bg-variant-brand-tertiary.carousel--photo .content-block .content-block__bubble-top,
    .bg-variant-brand-tertiary.video--full-width .content-block .content-block__bubble-top {
      background-color: var(--color-white);
      color: var(--color-brand-primary); }
    .bg-variant-brand-tertiary.carousel--photo .content-block .content-block__bubble-bottom,
    .bg-variant-brand-tertiary.video--full-width .content-block .content-block__bubble-bottom {
      background-color: var(--color-brand-primary);
      color: var(--color-white); }
    .bg-variant-white.carousel--photo .content-block .content-block__bubble-top,
    .bg-variant-white.video--full-width .content-block .content-block__bubble-top {
      background-color: var(--color-white);
      color: var(--color-brand-primary); }
    .bg-variant-white.carousel--photo .content-block .content-block__bubble-bottom,
    .bg-variant-white.video--full-width .content-block .content-block__bubble-bottom {
      background-color: var(--color-brand-primary);
      color: var(--color-white); } }

@media (max-width: 940px) {
  .content-block {
    width: 100%; }
    .content-block__bubble {
      font-size: 32px;
      letter-spacing: -1px;
      line-height: 40px;
      margin-top: 5px; } }
    @media (max-width: 940px) and (min-width: 941px) {
      .content-block__bubble {
        font-size: 60px;
        letter-spacing: -3px;
        line-height: 60px; } }

@media (min-width: 941px) {
  .content-block__title-bottom {
    text-align: left; }
  .content-block__bubble {
    font-size: 60px;
    letter-spacing: -3px;
    line-height: 60px;
    display: inline-block;
    padding: 10px 20px 20px 20px; }
  .content-block__bubble-top {
    border-radius: 15px 15px 0px 15px; }
  .content-block__bubble-bottom {
    border-radius: 0px 15px 15px 15px;
    grid-column-start: 1; }
  .content-block__title > span + span {
    margin-top: 0; }
  .content-block__eyebrow + .content-block__title {
    margin-top: 10px; }
  .content-block__list--row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .content-block__list--row li:not(:last-child) {
      margin-right: 30px; }
  .content-block__list:not(.content-block__list--row) + .button {
    margin-top: 50px; }
  .content-block__date-socials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px; }
  .content-block__date:not(:only-child) {
    margin-right: 50px; }
  .content-block--full-width {
    width: 100%; }
  .content-block__split {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .content-block__split-text {
      width: calc((43/58) * 100%); }
    .content-block__split-text--s {
      margin-top: 30px;
      width: calc((23/58) * 100%); }
    .content-block__split-text--s + .button {
      margin-top: 50px; }
    .content-block__split .button {
      margin-left: auto;
      max-width: calc((13/58) * 100%); }
  .content-block__column {
    display: block; }
    .content-block__column-text {
      margin-top: 20px;
      width: calc((43/58) * 100%); }
    .content-block__column .button {
      margin-top: 0; }
  .content-block.text--dark-from-l .content-block__eyebrow,
  .content-block.text--dark-from-l .content-block__title,
  .content-block.text--dark-from-l .content-block__description, .content-block.text--light-from-l .content-block__eyebrow,
  .content-block.text--light-from-l .content-block__title,
  .content-block.text--light-from-l .content-block__description {
    color: currentColor; }
  .content-block.text--dark-from-l .button.button {
    border-color: currentColor;
    color: var(--color-brand-secondary); }
    .content-block.text--dark-from-l .button.button:hover, .content-block.text--dark-from-l .button.button:focus {
      background: #0f1941;
      border-color: #0f1941;
      color: #fff; }
      .content-block.text--dark-from-l .button.button:hover .icon svg, .content-block.text--dark-from-l .button.button:focus .icon svg {
        fill: var(--color-white); }
    .content-block.text--dark-from-l .button.button:active {
      background: var(--color-brand-secondary-shade-180);
      border-color: var(--color-brand-secondary-shade-180);
      color: var(--color-white); } }
  @media (min-width: 941px) and (hover: none) {
    .content-block.text--dark-from-l .button.button:hover {
      background: var(--color-brand-secondary-shade-180);
      border-color: var(--color-brand-secondary-shade-180);
      color: var(--color-white); } }

@media (min-width: 941px) {
    .content-block.text--dark-from-l .button.button .icon svg {
      fill: var(--color-brand-secondary); }
    .content-block.text--dark-from-l .button.button.button--filled .icon svg {
      fill: var(--color-white); }
  .content-block.text--light-from-l .button.button {
    border-color: var(--color-brand-tertiary);
    color: var(--color-brand-tertiary); }
    .content-block.text--light-from-l .button.button:hover, .content-block.text--light-from-l .button.button:focus {
      background: #f7f5f0;
      border-color: #fff;
      color: #0f1941; }
      .content-block.text--light-from-l .button.button:hover .icon svg, .content-block.text--light-from-l .button.button:focus .icon svg {
        fill: var(--color-brand-secondary); }
    .content-block.text--light-from-l .button.button:active {
      background: var(--color-brand-tertiary-shade-110);
      border-color: var(--color-brand-tertiary-shade-110);
      color: var(--color-brand-secondary); } }
  @media (min-width: 941px) and (hover: none) {
    .content-block.text--light-from-l .button.button:hover {
      background: var(--color-brand-tertiary-shade-110);
      border-color: var(--color-brand-tertiary-shade-110);
      color: var(--color-brand-secondary); } }

@media (min-width: 941px) {
    .content-block.text--light-from-l .button.button .icon svg {
      fill: var(--color-brand-tertiary); } }

.element-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -10px; }
  .element-group .badge,
  .element-group .tag {
    margin-right: 10px;
    margin-top: 10px; }
    .element-group .badge:last-child,
    .element-group .tag:last-child {
      margin-right: 0; }

.extensive-link-list {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px; }
  .extensive-link-list__list-title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    display: block;
    padding: 15px 50px 20px 0; }
    @media (min-width: 941px) {
      .extensive-link-list__list-title {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px; } }
  .extensive-link-list .collapsible__button::after, .extensive-link-list .collapsible__button::before {
    background: #2175d9; }
  .extensive-link-list .collapsible__content li + li {
    margin-top: 10px; }
  .extensive-link-list .toggle-arrow.icon {
    right: 0;
    top: 22px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .extensive-link-list .collapsible__trigger--expanded + .collapsible__content {
    margin-bottom: 30px; }

@media (min-width: 941px) {
  .extensive-link-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -50px; }
    .extensive-link-list::after {
      content: '';
      display: block;
      width: calc((13/58) * 100%); }
    .extensive-link-list__list-title {
      margin-bottom: 10px;
      padding: 0; }
    .extensive-link-list__item {
      border-bottom: 0;
      margin-top: 50px;
      width: calc((13/58) * 100%); }
    .extensive-link-list .collapsible__button {
      display: none; }
    .extensive-link-list .collapsible__content {
      max-height: 100% !important;
      overflow: visible;
      -webkit-transition: none;
      transition: none; }
    .extensive-link-list .collapsible__trigger {
      pointer-events: none; }
    .extensive-link-list .collapsible__trigger--expanded + .collapsible__content {
      margin-bottom: 0; }
    .bg-variant-brand-primary .extensive-link-list .link-list__item {
      border-bottom-color: var(--color-white-alpha-30); }
    .bg-variant-brand-secondary .extensive-link-list .link-list__item {
      border-bottom-color: var(--color-white-alpha-30); }
    .bg-variant-brand-tertiary .extensive-link-list .link-list__item {
      border-bottom-color: var(--color-gray-20); }
    .bg-variant-white .extensive-link-list .link-list__item {
      border-bottom-color: var(--color-gray-20); }
    .bg-variant-brand-quaternary .extensive-link-list .link-list__item {
      border-bottom-color: var(--color-brand-secondary-alpha-30); }
    .bg-variant-brand-quinary .extensive-link-list .link-list__item {
      border-bottom-color: var(--color-brand-secondary-alpha-30); }
    .bg-variant-brand-senary .extensive-link-list .link-list__item {
      border-bottom-color: var(--color-brand-secondary-alpha-30); }
    .bg-brand--off-white .extensive-link-list .icon {
      color: #2175d9; }
    .bg-brand--blue .extensive-link-list .link-list__link,
    .bg-brand--dark-blue .extensive-link-list .link-list__link, .bg-brand--blue
    .extensive-link-list .icon,
    .bg-brand--dark-blue
    .extensive-link-list .icon {
      color: #fff; }
    .bg-brand--yellow .extensive-link-list .link-list__link,
    .bg-brand--turquoise .extensive-link-list .link-list__link, .bg-brand--yellow
    .extensive-link-list .icon,
    .bg-brand--turquoise
    .extensive-link-list .icon {
      color: #0f1941; }
    .bg-brand--red .extensive-link-list .link-list__link, .bg-brand--red
    .extensive-link-list .icon {
      color: #03050d; }
    .bg-brand--yellow .extensive-link-list .link-list__link,
    .bg-brand--turquoise .extensive-link-list .link-list__link, .bg-brand--yellow
    .extensive-link-list .icon,
    .bg-brand--turquoise
    .extensive-link-list .icon {
      color: #0f1941; }
    .bg-brand--red .extensive-link-list .link-list__link, .bg-brand--red
    .extensive-link-list .icon {
      color: #03050d; } }

.link-list {
  margin-top: -13px; }
  .link-list__item {
    border-bottom: 1px solid #d7d7d7;
    position: relative; }
  .link-list__link {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    display: block;
    padding: 12px 0 17px; }
    @media (min-width: 941px) {
      .link-list__link {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px; } }
  .bg-variant-brand-primary .link-list .link-list__item {
    border-bottom-color: var(--color-white-alpha-30); }
  .bg-variant-brand-secondary .link-list .link-list__item {
    border-bottom-color: var(--color-white-alpha-30); }
  .bg-variant-brand-tertiary .link-list .link-list__item {
    border-bottom-color: var(--color-gray-20); }
  .bg-variant-white .link-list .link-list__item {
    border-bottom-color: var(--color-gray-20); }
  .bg-variant-brand-quaternary .link-list .link-list__item {
    border-bottom-color: var(--color-brand-secondary-alpha-30); }
  .bg-variant-brand-quinary .link-list .link-list__item {
    border-bottom-color: var(--color-brand-secondary-alpha-30); }
  .bg-variant-brand-senary .link-list .link-list__item {
    border-bottom-color: var(--color-brand-secondary-alpha-30); }
  .bg-brand--off-white .link-list .icon {
    color: #2175d9; }
  .bg-brand--blue .link-list .link-list__link,
  .bg-brand--dark-blue .link-list .link-list__link, .bg-brand--blue
  .link-list .icon,
  .bg-brand--dark-blue
  .link-list .icon {
    color: #fff; }
  .bg-brand--yellow .link-list .link-list__link,
  .bg-brand--turquoise .link-list .link-list__link, .bg-brand--yellow
  .link-list .icon,
  .bg-brand--turquoise
  .link-list .icon {
    color: #0f1941; }
  .bg-brand--red .link-list .link-list__link, .bg-brand--red
  .link-list .icon {
    color: #03050d; }
  .bg-brand--yellow .link-list .link-list__link,
  .bg-brand--turquoise .link-list .link-list__link, .bg-brand--yellow
  .link-list .icon,
  .bg-brand--turquoise
  .link-list .icon {
    color: #0f1941; }
  .bg-brand--red .link-list .link-list__link, .bg-brand--red
  .link-list .icon {
    color: #03050d; }

.link-list--s .link-list__link {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px; }

.link-list--xs .link-list__link {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  padding: 18px 0 20px; }

@media (min-width: 941px) {
  .link-list {
    margin-top: -21px; }
    .link-list--s {
      margin-top: 0; }
      .block__title + .link-list--s {
        margin-top: 10px; }
      .link-list--s .link-list__link {
        padding-bottom: 20px; }
    .link-list:not(.link-list--single) {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .link-list:not(.link-list--single)::after {
        content: '';
        display: block;
        width: calc((13/43) * 100%); }
    .link-list--single .link-list__item {
      width: 100%; }
    .link-list--double {
      width: calc((38/43) * 100%); }
      .link-list--double .link-list__item {
        width: calc((18/38) * 100%); }
    .link-list__item {
      width: calc((13/43) * 100%); }
    .link-list__link {
      padding: 21px 0 28px; } }

.social__share {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .social__share-text {
    margin-right: 20px; }

.social__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.social__item + .social__item {
  margin-left: 20px; }
  .social__list--s .social__item + .social__item {
    margin-left: 15px; }

.social__link {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.social__link:focus {
  border-radius: 50%;
  outline-offset: 2px; }

.social__link:focus {
  outline-color: var(--color-brand-secondary); }
  .bg-variant-brand-primary .social__link:focus {
    outline-color: var(--color-white); }
  .bg-variant-brand-secondary .social__link:focus {
    outline-color: var(--color-white); }
  .bg-variant-brand-tertiary .social__link:focus {
    outline-color: var(--color-brand-secondary); }
  .bg-variant-white .social__link:focus {
    outline-color: var(--color-brand-secondary); }
  .bg-variant-brand-quaternary .social__link:focus {
    outline-color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .social__link:focus {
    outline-color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-senary .social__link:focus {
    outline-color: var(--color-brand-secondary); }

.bg-brand--off-white .contact-details__link .icon,
.bg-brand--white .contact-details__link .icon {
  color: #0f1941; }

.bg-brand--off-white .social__link .icon--hover,
.bg-brand--white .social__link .icon--hover {
  color: #0f1941; }
  .bg-brand--off-white .social__link .icon--hover:hover,
  .bg-brand--white .social__link .icon--hover:hover {
    color: #2175d9; }

@media (max-width: 940px) {
  .blog-article .block + .block,
  .blog-article__side + .blog-article__main {
    margin-bottom: 30px;
    margin-top: 30px; }
  .blog-article__main {
    border-radius: 4px; } }

@media (min-width: 941px) {
  .blog-article {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 80px;
    padding-top: 80px; }
    .blog-article .block + .block {
      margin-top: 50px; }
    .blog-article__main {
      width: calc((33/58) * 100%); }
    .blog-article__side {
      margin-left: auto;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2;
      width: calc((18/58) * 100%); } }

select:active, select:focus {
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  border: 2px solid #2175d9;
  outline: none;
  padding-left: 18px; }

select::-ms-clear {
  display: none; }

select.untouched {
  color: var(--color-brand-secondary-tint-60);
  fill: var(--color-brand-secondary-tint-60); }

.form-group__input select, .form-group__input select:active, .form-group__input select:focus {
  padding-right: 50px; }

select[disabled] {
  color: var(--color-brand-secondary-tint-80);
  fill: var(--color-brand-secondary-tint-80);
  background: #f7f7f7;
  pointer-events: none; }

.select-arrow.icon {
  color: #2175d9;
  pointer-events: none;
  right: 20px;
  top: 22px; }
  select:disabled + .select-arrow.icon {
    color: var(--color-brand-secondary-tint-80);
    fill: var(--color-brand-secondary-tint-80); }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .form-group__input select {
    padding-right: 25px; }
  .select-arrow {
    display: none; } }

.form-group--selection-control .form-group__input + .form-group__input {
  margin-top: 15px; }
  @media (min-width: 941px) {
    .form-group--selection-control .form-group__input + .form-group__input {
      margin-top: 10px; } }

.form-group--selection-control .form-group__label {
  margin-bottom: 15px; }

.form-group--selection-control + .button {
  margin-top: 40px; }

.selection-control {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  padding: 0 3px; }
  @media (min-width: 941px) {
    .selection-control {
      font-size: 18px;
      letter-spacing: 0;
      line-height: 30px; } }
  .selection-control__input {
    position: relative;
    top: 2px; }
    @media (min-width: 941px) {
      .selection-control__input {
        top: 3px; } }
  .selection-control__control {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid var(--color-gray-20);
    background: #fff;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s; }
  .selection-control input {
    opacity: 0;
    position: absolute; }
    .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control {
      border-color: var(--color-brand-primary); }
    .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control {
      border-color: var(--color-brand-primary); }
      .bg-variant-brand-primary .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control {
        border-color: var(--color-brand-secondary); }
      .bg-variant-brand-primary .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control {
        border-color: var(--color-brand-secondary); }
      .bg-variant-brand-secondary .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control {
        border-color: var(--color-brand-primary); }
      .bg-variant-brand-secondary .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control {
        border-color: var(--color-brand-primary); }
      .bg-variant-brand-tertiary .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control {
        border-color: var(--color-brand-primary); }
      .bg-variant-brand-tertiary .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control {
        border-color: var(--color-brand-primary); }
      .bg-variant-white .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control {
        border-color: var(--color-brand-primary); }
      .bg-variant-white .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control {
        border-color: var(--color-brand-primary); }
      .bg-variant-brand-quaternary .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control {
        border-color: var(--color-brand-secondary); }
      .bg-variant-brand-quaternary .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control {
        border-color: var(--color-brand-secondary); }
      .bg-variant-brand-quinary .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control {
        border-color: var(--color-brand-secondary); }
      .bg-variant-brand-quinary .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control {
        border-color: var(--color-brand-secondary); }
      .bg-variant-brand-senary .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control {
        border-color: var(--color-brand-secondary); }
      .bg-variant-brand-senary .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control {
        border-color: var(--color-brand-secondary); }
    .selection-control input:focus + .selection-control__control {
      border-color: var(--color-brand-primary); }
      .bg-variant-brand-primary .selection-control input:focus + .selection-control__control {
        border-color: var(--color-brand-secondary); }
      .bg-variant-brand-secondary .selection-control input:focus + .selection-control__control {
        border-color: var(--color-brand-primary); }
      .bg-variant-brand-tertiary .selection-control input:focus + .selection-control__control {
        border-color: var(--color-brand-primary); }
      .bg-variant-white .selection-control input:focus + .selection-control__control {
        border-color: var(--color-brand-primary); }
      .bg-variant-brand-quaternary .selection-control input:focus + .selection-control__control {
        border-color: var(--color-brand-secondary); }
      .bg-variant-brand-quinary .selection-control input:focus + .selection-control__control {
        border-color: var(--color-brand-secondary); }
      .bg-variant-brand-senary .selection-control input:focus + .selection-control__control {
        border-color: var(--color-brand-secondary); }
  .selection-control:hover .selection-control__control {
    border-color: var(--color-brand-primary); }
    .bg-variant-brand-primary .selection-control:hover .selection-control__control {
      border-color: var(--color-brand-secondary); }
    .bg-variant-brand-secondary .selection-control:hover .selection-control__control {
      border-color: var(--color-brand-primary); }
    .bg-variant-brand-tertiary .selection-control:hover .selection-control__control {
      border-color: var(--color-brand-primary); }
    .bg-variant-white .selection-control:hover .selection-control__control {
      border-color: var(--color-brand-primary); }
    .bg-variant-brand-quaternary .selection-control:hover .selection-control__control {
      border-color: var(--color-brand-secondary); }
    .bg-variant-brand-quinary .selection-control:hover .selection-control__control {
      border-color: var(--color-brand-secondary); }
    .bg-variant-brand-senary .selection-control:hover .selection-control__control {
      border-color: var(--color-brand-secondary); }
  .selection-control__label {
    cursor: pointer;
    margin-left: 10px; }
    .meta-content .selection-control__label {
      word-break: break-word;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto; }

.selection-control--disabled,
.selection-control--disabled a {
  color: var(--color-brand-secondary-tint-80);
  pointer-events: none; }
  .bg-variant-brand-primary .selection-control--disabled, .bg-variant-brand-primary
  .selection-control--disabled a {
    color: var(--color-white); }
  .bg-variant-brand-secondary .selection-control--disabled, .bg-variant-brand-secondary
  .selection-control--disabled a {
    color: var(--color-white); }
  .bg-variant-brand-tertiary .selection-control--disabled, .bg-variant-brand-tertiary
  .selection-control--disabled a {
    color: var(--color-brand-secondary-alpha-70); }
  .bg-variant-white .selection-control--disabled, .bg-variant-white
  .selection-control--disabled a {
    color: var(--color-brand-secondary-alpha-70); }
  .bg-variant-brand-quaternary .selection-control--disabled, .bg-variant-brand-quaternary
  .selection-control--disabled a {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .selection-control--disabled, .bg-variant-brand-quinary
  .selection-control--disabled a {
    color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-senary .selection-control--disabled, .bg-variant-brand-senary
  .selection-control--disabled a {
    color: var(--color-brand-secondary-alpha-70); }
  .selection-control--disabled .selection-control__control,
  .selection-control--disabled a .selection-control__control {
    background: #f7f7f7;
    border-color: #d7d7d7; }
  .selection-control--disabled input:checked + .selection-control__control,
  .selection-control--disabled a input:checked + .selection-control__control {
    border-color: #f7f7f7; }
  .selection-control--disabled a,
  .selection-control--disabled a a {
    pointer-events: all;
    text-decoration: underline; }

.form-group--error .selection-control__control {
  background: var(--color-ui-negative-5);
  border-color: var(--color-ui-negative); }
  .bg-variant-brand-primary .form-group--error .selection-control__control {
    background: var(--color-white);
    border-color: var(--color-brand-secondary);
    color: var(--color-brand-secondary); }
  .bg-variant-brand-secondary .form-group--error .selection-control__control {
    background: var(--color-ui-warning-10);
    border-color: var(--color-ui-warning);
    color: var(--color-brand-secondary); }
  .bg-variant-brand-tertiary .form-group--error .selection-control__control {
    background: var(--color-ui-negative-5);
    border-color: var(--color-ui-negative);
    color: var(--color-brand-secondary); }
  .bg-variant-white .form-group--error .selection-control__control {
    background: var(--color-ui-negative-5);
    border-color: var(--color-ui-negative);
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quaternary .form-group--error .selection-control__control {
    background: var(--color-white);
    border-color: var(--color-brand-secondary);
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .form-group--error .selection-control__control {
    background: var(--color-white);
    border-color: var(--color-brand-secondary-shade-180);
    color: var(--color-brand-secondary); }
  .bg-variant-brand-senary .form-group--error .selection-control__control {
    background: var(--color-white);
    border-color: var(--color-brand-secondary);
    color: var(--color-brand-secondary); }

.selection-control--checkbox svg {
  margin-top: -1px;
  opacity: 0; }

.selection-control--checkbox polyline {
  fill: transparent;
  stroke: #fff;
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  -webkit-transition: stroke-dashoffset 0.5s ease;
  transition: stroke-dashoffset 0.5s ease; }

.selection-control--checkbox input:checked + .selection-control__control {
  background: var(--color-brand-primary);
  border-color: var(--color-brand-primary); }
  .bg-variant-brand-primary .selection-control--checkbox input:checked + .selection-control__control {
    background: var(--color-brand-secondary);
    border-color: var(--color-brand-secondary); }
  .bg-variant-brand-secondary .selection-control--checkbox input:checked + .selection-control__control {
    background: var(--color-brand-primary);
    border-color: var(--color-brand-primary); }
  .bg-variant-brand-tertiary .selection-control--checkbox input:checked + .selection-control__control {
    background: var(--color-brand-primary);
    border-color: var(--color-brand-primary); }
  .bg-variant-white .selection-control--checkbox input:checked + .selection-control__control {
    background: var(--color-brand-primary);
    border-color: var(--color-brand-primary); }
  .bg-variant-brand-quaternary .selection-control--checkbox input:checked + .selection-control__control {
    background: var(--color-brand-secondary);
    border-color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .selection-control--checkbox input:checked + .selection-control__control {
    background: var(--color-brand-secondary);
    border-color: var(--color-brand-secondary); }
  .bg-variant-brand-senary .selection-control--checkbox input:checked + .selection-control__control {
    background: var(--color-brand-secondary);
    border-color: var(--color-brand-secondary); }
  .selection-control--checkbox input:checked + .selection-control__control svg {
    opacity: 1; }
  .selection-control--checkbox input:checked + .selection-control__control polyline {
    stroke-dashoffset: 0; }

.selection-control--checkbox input:checked:focus + .selection-control__control,
.selection-control--checkbox input:checked:hover + .selection-control__control {
  outline: 2px solid var(--color-brand-primary);
  outline-offset: 1px; }
  .bg-variant-brand-primary .selection-control--checkbox input:checked:focus + .selection-control__control, .bg-variant-brand-primary
  .selection-control--checkbox input:checked:hover + .selection-control__control {
    outline: 2px solid var(--color-brand-secondary); }
  .bg-variant-brand-secondary .selection-control--checkbox input:checked:focus + .selection-control__control, .bg-variant-brand-secondary
  .selection-control--checkbox input:checked:hover + .selection-control__control {
    outline: 2px solid var(--color-brand-primary); }
  .bg-variant-brand-tertiary .selection-control--checkbox input:checked:focus + .selection-control__control, .bg-variant-brand-tertiary
  .selection-control--checkbox input:checked:hover + .selection-control__control {
    outline: 2px solid var(--color-brand-primary); }
  .bg-variant-white .selection-control--checkbox input:checked:focus + .selection-control__control, .bg-variant-white
  .selection-control--checkbox input:checked:hover + .selection-control__control {
    outline: 2px solid var(--color-brand-primary); }
  .bg-variant-brand-quaternary .selection-control--checkbox input:checked:focus + .selection-control__control, .bg-variant-brand-quaternary
  .selection-control--checkbox input:checked:hover + .selection-control__control {
    outline: 2px solid var(--color-brand-secondary); }
  .bg-variant-brand-quinary .selection-control--checkbox input:checked:focus + .selection-control__control, .bg-variant-brand-quinary
  .selection-control--checkbox input:checked:hover + .selection-control__control {
    outline: 2px solid var(--color-brand-secondary); }
  .bg-variant-brand-senary .selection-control--checkbox input:checked:focus + .selection-control__control, .bg-variant-brand-senary
  .selection-control--checkbox input:checked:hover + .selection-control__control {
    outline: 2px solid var(--color-brand-secondary); }

.selection-control--checkbox a {
  text-decoration: underline;
  -webkit-text-decoration: underline; }

.selection-control--indeterminate input + .selection-control__control svg {
  opacity: 0;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }

.selection-control--indeterminate .selection-control__control {
  background: var(--color-brand-primary);
  border-color: var(--color-brand-primary); }
  .bg-variant-brand-primary .selection-control--indeterminate .selection-control__control {
    background: var(--color-brand-secondary);
    border-color: var(--color-brand-secondary); }
  .bg-variant-brand-secondary .selection-control--indeterminate .selection-control__control {
    background: var(--color-brand-primary);
    border-color: var(--color-brand-primary); }
  .bg-variant-brand-tertiary .selection-control--indeterminate .selection-control__control {
    background: var(--color-brand-primary);
    border-color: var(--color-brand-primary); }
  .bg-variant-white .selection-control--indeterminate .selection-control__control {
    background: var(--color-brand-primary);
    border-color: var(--color-brand-primary); }
  .bg-variant-brand-quaternary .selection-control--indeterminate .selection-control__control {
    background: var(--color-brand-secondary);
    border-color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .selection-control--indeterminate .selection-control__control {
    background: var(--color-brand-secondary);
    border-color: var(--color-brand-secondary); }
  .bg-variant-brand-senary .selection-control--indeterminate .selection-control__control {
    background: var(--color-brand-secondary);
    border-color: var(--color-brand-secondary); }

.selection-control--indeterminate--animate input + .selection-control__control svg {
  opacity: 1;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }

.selection-control--indeterminate input:focus + .selection-control__control,
.selection-control--indeterminate input:hover + .selection-control__control {
  outline: 2px solid var(--color-brand-primary);
  outline-offset: 1px; }
  .bg-variant-brand-primary .selection-control--indeterminate input:focus + .selection-control__control, .bg-variant-brand-primary
  .selection-control--indeterminate input:hover + .selection-control__control {
    outline: 2px solid var(--color-brand-secondary); }
  .bg-variant-brand-secondary .selection-control--indeterminate input:focus + .selection-control__control, .bg-variant-brand-secondary
  .selection-control--indeterminate input:hover + .selection-control__control {
    outline: 2px solid var(--color-brand-primary); }
  .bg-variant-brand-tertiary .selection-control--indeterminate input:focus + .selection-control__control, .bg-variant-brand-tertiary
  .selection-control--indeterminate input:hover + .selection-control__control {
    outline: 2px solid var(--color-brand-primary); }
  .bg-variant-white .selection-control--indeterminate input:focus + .selection-control__control, .bg-variant-white
  .selection-control--indeterminate input:hover + .selection-control__control {
    outline: 2px solid var(--color-brand-primary); }
  .bg-variant-brand-quaternary .selection-control--indeterminate input:focus + .selection-control__control, .bg-variant-brand-quaternary
  .selection-control--indeterminate input:hover + .selection-control__control {
    outline: 2px solid var(--color-brand-secondary); }
  .bg-variant-brand-quinary .selection-control--indeterminate input:focus + .selection-control__control, .bg-variant-brand-quinary
  .selection-control--indeterminate input:hover + .selection-control__control {
    outline: 2px solid var(--color-brand-secondary); }
  .bg-variant-brand-senary .selection-control--indeterminate input:focus + .selection-control__control, .bg-variant-brand-senary
  .selection-control--indeterminate input:hover + .selection-control__control {
    outline: 2px solid var(--color-brand-secondary); }

.selection-control--indeterminate .selection-control__control--indeterminate {
  background: #fff;
  border-radius: 1.5px;
  height: 3px;
  left: 4px;
  pointer-events: none;
  top: 11px;
  width: 16px; }
  @media (min-width: 941px) {
    .selection-control--indeterminate .selection-control__control--indeterminate {
      bottom: 13px; } }

.selection-control--checkbox.selection-control--disabled .selection-control__control {
  border-color: var(--color-gray-20); }

.selection-control--checkbox.selection-control--disabled input:checked + .selection-control__control {
  background: var(--color-gray-20);
  border-color: var(--color-gray-20); }

.selection-control--checkbox.selection-control--disabled.selection-control--indeterminate .selection-control__control {
  background: var(--color-gray-20); }

.selection-control--radio-button .selection-control__control {
  border-radius: 50%; }
  .selection-control--radio-button .selection-control__control::after {
    content: '';
    display: block;
    -webkit-transform: scale(0);
    transform: scale(0); }

.selection-control--radio-button input:checked + .selection-control__control,
.bg-brand--gradient-orange .selection-control--radio-button input:checked + .selection-control__control {
  position: relative;
  background-color: #fff; }
  .selection-control--radio-button input:checked + .selection-control__control::after,
  .bg-brand--gradient-orange .selection-control--radio-button input:checked + .selection-control__control::after {
    background: var(--color-brand-primary);
    border-radius: 50%;
    height: 12px;
    left: 4px;
    opacity: 1;
    position: absolute;
    top: 4px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    width: 12px; }
    .bg-variant-brand-primary .selection-control--radio-button input:checked + .selection-control__control::after, .bg-variant-brand-primary
    .bg-brand--gradient-orange .selection-control--radio-button input:checked + .selection-control__control::after {
      background: var(--color-brand-secondary); }
    .bg-variant-brand-secondary .selection-control--radio-button input:checked + .selection-control__control::after, .bg-variant-brand-secondary
    .bg-brand--gradient-orange .selection-control--radio-button input:checked + .selection-control__control::after {
      background: var(--color-brand-primary); }
    .bg-variant-brand-tertiary .selection-control--radio-button input:checked + .selection-control__control::after, .bg-variant-brand-tertiary
    .bg-brand--gradient-orange .selection-control--radio-button input:checked + .selection-control__control::after {
      background: var(--color-brand-primary); }
    .bg-variant-white .selection-control--radio-button input:checked + .selection-control__control::after, .bg-variant-white
    .bg-brand--gradient-orange .selection-control--radio-button input:checked + .selection-control__control::after {
      background: var(--color-brand-primary); }
    .bg-variant-brand-quaternary .selection-control--radio-button input:checked + .selection-control__control::after, .bg-variant-brand-quaternary
    .bg-brand--gradient-orange .selection-control--radio-button input:checked + .selection-control__control::after {
      background: var(--color-brand-secondary); }
    .bg-variant-brand-quinary .selection-control--radio-button input:checked + .selection-control__control::after, .bg-variant-brand-quinary
    .bg-brand--gradient-orange .selection-control--radio-button input:checked + .selection-control__control::after {
      background: var(--color-brand-secondary); }
    .bg-variant-brand-senary .selection-control--radio-button input:checked + .selection-control__control::after, .bg-variant-brand-senary
    .bg-brand--gradient-orange .selection-control--radio-button input:checked + .selection-control__control::after {
      background: var(--color-brand-secondary); }

@media (max-width: 940px) {
  .selection-control--radio-button .selection-control__input {
    top: 1px; } }

.selection-control--radio-button.selection-control--disabled input:checked + .selection-control__control {
  background: #f7f7f7;
  border-color: #d7d7d7; }
  .selection-control--radio-button.selection-control--disabled input:checked + .selection-control__control::after {
    background: #d7d7d7; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: solid 1px #d7d7d7;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: none;
  color: #0f1941;
  cursor: initial;
  font-family: Graphik, Tahoma, "sans-serif";
  margin: 0;
  min-height: 60px;
  padding: 15px 19px 18px;
  text-overflow: ellipsis;
  width: 100%; }
  @media (min-width: 941px) {
    input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select {
      font-size: 18px;
      letter-spacing: 0;
      line-height: 30px; } }
  input[type="color"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
    color: var(--color-brand-secondary-tint-60);
    fill: var(--color-brand-secondary-tint-60);
    opacity: 1; }
  input[type="color"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
    color: var(--color-brand-secondary-tint-60);
    fill: var(--color-brand-secondary-tint-60);
    opacity: 1; }
  input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    color: var(--color-brand-secondary-tint-60);
    fill: var(--color-brand-secondary-tint-60);
    opacity: 1; }
  input[type="color"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, input[type="datetime"]::-ms-input-placeholder, input[type="datetime-local"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="month"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="text"]::-ms-input-placeholder, input[type="time"]::-ms-input-placeholder, input[type="url"]::-ms-input-placeholder, input[type="week"]::-ms-input-placeholder, input:not([type])::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder {
    color: var(--color-brand-secondary-tint-60);
    fill: var(--color-brand-secondary-tint-60);
    opacity: 1; }
  input[type="color"]::placeholder, input[type="date"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="email"]::placeholder, input[type="month"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="text"]::placeholder, input[type="time"]::placeholder, input[type="url"]::placeholder, input[type="week"]::placeholder, input:not([type])::placeholder, textarea::placeholder, select::placeholder {
    color: var(--color-brand-secondary-tint-60);
    fill: var(--color-brand-secondary-tint-60);
    opacity: 1; }
  input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    color: var(--color-brand-secondary-tint-60);
    fill: var(--color-brand-secondary-tint-60);
    opacity: 1; }
  input[type="color"]::-ms-clear, input[type="date"]::-ms-clear, input[type="datetime"]::-ms-clear, input[type="datetime-local"]::-ms-clear, input[type="email"]::-ms-clear, input[type="month"]::-ms-clear, input[type="number"]::-ms-clear, input[type="password"]::-ms-clear, input[type="search"]::-ms-clear, input[type="tel"]::-ms-clear, input[type="text"]::-ms-clear, input[type="time"]::-ms-clear, input[type="url"]::-ms-clear, input[type="week"]::-ms-clear, input:not([type])::-ms-clear, textarea::-ms-clear, select::-ms-clear {
    display: none; }
  input[type="color"]:active, input[type="color"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="datetime"]:active, input[type="datetime"]:focus, input[type="datetime-local"]:active, input[type="datetime-local"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="text"]:active, input[type="text"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="week"]:active, input[type="week"]:focus, input:not([type]):active, input:not([type]):focus, textarea:active, textarea:focus, select:active, select:focus {
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    border-color: var(--color-brand-primary);
    border-style: solid;
    border-width: 2px;
    outline: none;
    padding: 14px 18px 17px; }
    .bg-variant-brand-primary input[type="color"]:active, .bg-variant-brand-primary input[type="color"]:focus, .bg-variant-brand-primary input[type="date"]:active, .bg-variant-brand-primary input[type="date"]:focus, .bg-variant-brand-primary input[type="datetime"]:active, .bg-variant-brand-primary input[type="datetime"]:focus, .bg-variant-brand-primary input[type="datetime-local"]:active, .bg-variant-brand-primary input[type="datetime-local"]:focus, .bg-variant-brand-primary input[type="email"]:active, .bg-variant-brand-primary input[type="email"]:focus, .bg-variant-brand-primary input[type="month"]:active, .bg-variant-brand-primary input[type="month"]:focus, .bg-variant-brand-primary input[type="number"]:active, .bg-variant-brand-primary input[type="number"]:focus, .bg-variant-brand-primary input[type="password"]:active, .bg-variant-brand-primary input[type="password"]:focus, .bg-variant-brand-primary input[type="search"]:active, .bg-variant-brand-primary input[type="search"]:focus, .bg-variant-brand-primary input[type="tel"]:active, .bg-variant-brand-primary input[type="tel"]:focus, .bg-variant-brand-primary input[type="text"]:active, .bg-variant-brand-primary input[type="text"]:focus, .bg-variant-brand-primary input[type="time"]:active, .bg-variant-brand-primary input[type="time"]:focus, .bg-variant-brand-primary input[type="url"]:active, .bg-variant-brand-primary input[type="url"]:focus, .bg-variant-brand-primary input[type="week"]:active, .bg-variant-brand-primary input[type="week"]:focus, .bg-variant-brand-primary input:not([type]):active, .bg-variant-brand-primary input:not([type]):focus, .bg-variant-brand-primary textarea:active, .bg-variant-brand-primary textarea:focus, .bg-variant-brand-primary select:active, .bg-variant-brand-primary select:focus {
      border-color: var(--color-brand-secondary); }
    .bg-variant-brand-secondary input[type="color"]:active, .bg-variant-brand-secondary input[type="color"]:focus, .bg-variant-brand-secondary input[type="date"]:active, .bg-variant-brand-secondary input[type="date"]:focus, .bg-variant-brand-secondary input[type="datetime"]:active, .bg-variant-brand-secondary input[type="datetime"]:focus, .bg-variant-brand-secondary input[type="datetime-local"]:active, .bg-variant-brand-secondary input[type="datetime-local"]:focus, .bg-variant-brand-secondary input[type="email"]:active, .bg-variant-brand-secondary input[type="email"]:focus, .bg-variant-brand-secondary input[type="month"]:active, .bg-variant-brand-secondary input[type="month"]:focus, .bg-variant-brand-secondary input[type="number"]:active, .bg-variant-brand-secondary input[type="number"]:focus, .bg-variant-brand-secondary input[type="password"]:active, .bg-variant-brand-secondary input[type="password"]:focus, .bg-variant-brand-secondary input[type="search"]:active, .bg-variant-brand-secondary input[type="search"]:focus, .bg-variant-brand-secondary input[type="tel"]:active, .bg-variant-brand-secondary input[type="tel"]:focus, .bg-variant-brand-secondary input[type="text"]:active, .bg-variant-brand-secondary input[type="text"]:focus, .bg-variant-brand-secondary input[type="time"]:active, .bg-variant-brand-secondary input[type="time"]:focus, .bg-variant-brand-secondary input[type="url"]:active, .bg-variant-brand-secondary input[type="url"]:focus, .bg-variant-brand-secondary input[type="week"]:active, .bg-variant-brand-secondary input[type="week"]:focus, .bg-variant-brand-secondary input:not([type]):active, .bg-variant-brand-secondary input:not([type]):focus, .bg-variant-brand-secondary textarea:active, .bg-variant-brand-secondary textarea:focus, .bg-variant-brand-secondary select:active, .bg-variant-brand-secondary select:focus {
      border-color: var(--color-brand-primary); }
    .bg-variant-brand-tertiary input[type="color"]:active, .bg-variant-brand-tertiary input[type="color"]:focus, .bg-variant-brand-tertiary input[type="date"]:active, .bg-variant-brand-tertiary input[type="date"]:focus, .bg-variant-brand-tertiary input[type="datetime"]:active, .bg-variant-brand-tertiary input[type="datetime"]:focus, .bg-variant-brand-tertiary input[type="datetime-local"]:active, .bg-variant-brand-tertiary input[type="datetime-local"]:focus, .bg-variant-brand-tertiary input[type="email"]:active, .bg-variant-brand-tertiary input[type="email"]:focus, .bg-variant-brand-tertiary input[type="month"]:active, .bg-variant-brand-tertiary input[type="month"]:focus, .bg-variant-brand-tertiary input[type="number"]:active, .bg-variant-brand-tertiary input[type="number"]:focus, .bg-variant-brand-tertiary input[type="password"]:active, .bg-variant-brand-tertiary input[type="password"]:focus, .bg-variant-brand-tertiary input[type="search"]:active, .bg-variant-brand-tertiary input[type="search"]:focus, .bg-variant-brand-tertiary input[type="tel"]:active, .bg-variant-brand-tertiary input[type="tel"]:focus, .bg-variant-brand-tertiary input[type="text"]:active, .bg-variant-brand-tertiary input[type="text"]:focus, .bg-variant-brand-tertiary input[type="time"]:active, .bg-variant-brand-tertiary input[type="time"]:focus, .bg-variant-brand-tertiary input[type="url"]:active, .bg-variant-brand-tertiary input[type="url"]:focus, .bg-variant-brand-tertiary input[type="week"]:active, .bg-variant-brand-tertiary input[type="week"]:focus, .bg-variant-brand-tertiary input:not([type]):active, .bg-variant-brand-tertiary input:not([type]):focus, .bg-variant-brand-tertiary textarea:active, .bg-variant-brand-tertiary textarea:focus, .bg-variant-brand-tertiary select:active, .bg-variant-brand-tertiary select:focus {
      border-color: var(--color-brand-primary); }
    .bg-variant-white input[type="color"]:active, .bg-variant-white input[type="color"]:focus, .bg-variant-white input[type="date"]:active, .bg-variant-white input[type="date"]:focus, .bg-variant-white input[type="datetime"]:active, .bg-variant-white input[type="datetime"]:focus, .bg-variant-white input[type="datetime-local"]:active, .bg-variant-white input[type="datetime-local"]:focus, .bg-variant-white input[type="email"]:active, .bg-variant-white input[type="email"]:focus, .bg-variant-white input[type="month"]:active, .bg-variant-white input[type="month"]:focus, .bg-variant-white input[type="number"]:active, .bg-variant-white input[type="number"]:focus, .bg-variant-white input[type="password"]:active, .bg-variant-white input[type="password"]:focus, .bg-variant-white input[type="search"]:active, .bg-variant-white input[type="search"]:focus, .bg-variant-white input[type="tel"]:active, .bg-variant-white input[type="tel"]:focus, .bg-variant-white input[type="text"]:active, .bg-variant-white input[type="text"]:focus, .bg-variant-white input[type="time"]:active, .bg-variant-white input[type="time"]:focus, .bg-variant-white input[type="url"]:active, .bg-variant-white input[type="url"]:focus, .bg-variant-white input[type="week"]:active, .bg-variant-white input[type="week"]:focus, .bg-variant-white input:not([type]):active, .bg-variant-white input:not([type]):focus, .bg-variant-white textarea:active, .bg-variant-white textarea:focus, .bg-variant-white select:active, .bg-variant-white select:focus {
      border-color: var(--color-brand-primary); }
    .bg-variant-brand-quaternary input[type="color"]:active, .bg-variant-brand-quaternary input[type="color"]:focus, .bg-variant-brand-quaternary input[type="date"]:active, .bg-variant-brand-quaternary input[type="date"]:focus, .bg-variant-brand-quaternary input[type="datetime"]:active, .bg-variant-brand-quaternary input[type="datetime"]:focus, .bg-variant-brand-quaternary input[type="datetime-local"]:active, .bg-variant-brand-quaternary input[type="datetime-local"]:focus, .bg-variant-brand-quaternary input[type="email"]:active, .bg-variant-brand-quaternary input[type="email"]:focus, .bg-variant-brand-quaternary input[type="month"]:active, .bg-variant-brand-quaternary input[type="month"]:focus, .bg-variant-brand-quaternary input[type="number"]:active, .bg-variant-brand-quaternary input[type="number"]:focus, .bg-variant-brand-quaternary input[type="password"]:active, .bg-variant-brand-quaternary input[type="password"]:focus, .bg-variant-brand-quaternary input[type="search"]:active, .bg-variant-brand-quaternary input[type="search"]:focus, .bg-variant-brand-quaternary input[type="tel"]:active, .bg-variant-brand-quaternary input[type="tel"]:focus, .bg-variant-brand-quaternary input[type="text"]:active, .bg-variant-brand-quaternary input[type="text"]:focus, .bg-variant-brand-quaternary input[type="time"]:active, .bg-variant-brand-quaternary input[type="time"]:focus, .bg-variant-brand-quaternary input[type="url"]:active, .bg-variant-brand-quaternary input[type="url"]:focus, .bg-variant-brand-quaternary input[type="week"]:active, .bg-variant-brand-quaternary input[type="week"]:focus, .bg-variant-brand-quaternary input:not([type]):active, .bg-variant-brand-quaternary input:not([type]):focus, .bg-variant-brand-quaternary textarea:active, .bg-variant-brand-quaternary textarea:focus, .bg-variant-brand-quaternary select:active, .bg-variant-brand-quaternary select:focus {
      border-color: var(--color-brand-secondary); }
    .bg-variant-brand-quinary input[type="color"]:active, .bg-variant-brand-quinary input[type="color"]:focus, .bg-variant-brand-quinary input[type="date"]:active, .bg-variant-brand-quinary input[type="date"]:focus, .bg-variant-brand-quinary input[type="datetime"]:active, .bg-variant-brand-quinary input[type="datetime"]:focus, .bg-variant-brand-quinary input[type="datetime-local"]:active, .bg-variant-brand-quinary input[type="datetime-local"]:focus, .bg-variant-brand-quinary input[type="email"]:active, .bg-variant-brand-quinary input[type="email"]:focus, .bg-variant-brand-quinary input[type="month"]:active, .bg-variant-brand-quinary input[type="month"]:focus, .bg-variant-brand-quinary input[type="number"]:active, .bg-variant-brand-quinary input[type="number"]:focus, .bg-variant-brand-quinary input[type="password"]:active, .bg-variant-brand-quinary input[type="password"]:focus, .bg-variant-brand-quinary input[type="search"]:active, .bg-variant-brand-quinary input[type="search"]:focus, .bg-variant-brand-quinary input[type="tel"]:active, .bg-variant-brand-quinary input[type="tel"]:focus, .bg-variant-brand-quinary input[type="text"]:active, .bg-variant-brand-quinary input[type="text"]:focus, .bg-variant-brand-quinary input[type="time"]:active, .bg-variant-brand-quinary input[type="time"]:focus, .bg-variant-brand-quinary input[type="url"]:active, .bg-variant-brand-quinary input[type="url"]:focus, .bg-variant-brand-quinary input[type="week"]:active, .bg-variant-brand-quinary input[type="week"]:focus, .bg-variant-brand-quinary input:not([type]):active, .bg-variant-brand-quinary input:not([type]):focus, .bg-variant-brand-quinary textarea:active, .bg-variant-brand-quinary textarea:focus, .bg-variant-brand-quinary select:active, .bg-variant-brand-quinary select:focus {
      border-color: var(--color-brand-secondary); }
    .bg-variant-brand-senary input[type="color"]:active, .bg-variant-brand-senary input[type="color"]:focus, .bg-variant-brand-senary input[type="date"]:active, .bg-variant-brand-senary input[type="date"]:focus, .bg-variant-brand-senary input[type="datetime"]:active, .bg-variant-brand-senary input[type="datetime"]:focus, .bg-variant-brand-senary input[type="datetime-local"]:active, .bg-variant-brand-senary input[type="datetime-local"]:focus, .bg-variant-brand-senary input[type="email"]:active, .bg-variant-brand-senary input[type="email"]:focus, .bg-variant-brand-senary input[type="month"]:active, .bg-variant-brand-senary input[type="month"]:focus, .bg-variant-brand-senary input[type="number"]:active, .bg-variant-brand-senary input[type="number"]:focus, .bg-variant-brand-senary input[type="password"]:active, .bg-variant-brand-senary input[type="password"]:focus, .bg-variant-brand-senary input[type="search"]:active, .bg-variant-brand-senary input[type="search"]:focus, .bg-variant-brand-senary input[type="tel"]:active, .bg-variant-brand-senary input[type="tel"]:focus, .bg-variant-brand-senary input[type="text"]:active, .bg-variant-brand-senary input[type="text"]:focus, .bg-variant-brand-senary input[type="time"]:active, .bg-variant-brand-senary input[type="time"]:focus, .bg-variant-brand-senary input[type="url"]:active, .bg-variant-brand-senary input[type="url"]:focus, .bg-variant-brand-senary input[type="week"]:active, .bg-variant-brand-senary input[type="week"]:focus, .bg-variant-brand-senary input:not([type]):active, .bg-variant-brand-senary input:not([type]):focus, .bg-variant-brand-senary textarea:active, .bg-variant-brand-senary textarea:focus, .bg-variant-brand-senary select:active, .bg-variant-brand-senary select:focus {
      border-color: var(--color-brand-secondary); }
  input[type="color"]:-moz-read-only:not(select):not(.flatpickr), input[type="color"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="color"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="date"]:-moz-read-only:not(select):not(.flatpickr), input[type="date"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="date"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="datetime"]:-moz-read-only:not(select):not(.flatpickr), input[type="datetime"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="datetime"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="datetime-local"]:-moz-read-only:not(select):not(.flatpickr), input[type="datetime-local"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="datetime-local"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="email"]:-moz-read-only:not(select):not(.flatpickr), input[type="email"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="email"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="month"]:-moz-read-only:not(select):not(.flatpickr), input[type="month"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="month"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="number"]:-moz-read-only:not(select):not(.flatpickr), input[type="number"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="number"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="password"]:-moz-read-only:not(select):not(.flatpickr), input[type="password"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="password"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="search"]:-moz-read-only:not(select):not(.flatpickr), input[type="search"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="search"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="tel"]:-moz-read-only:not(select):not(.flatpickr), input[type="tel"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="tel"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="text"]:-moz-read-only:not(select):not(.flatpickr), input[type="text"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="text"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="time"]:-moz-read-only:not(select):not(.flatpickr), input[type="time"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="time"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="url"]:-moz-read-only:not(select):not(.flatpickr), input[type="url"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="url"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="week"]:-moz-read-only:not(select):not(.flatpickr), input[type="week"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="week"]:-moz-read-only:not(select):not(.flatpickr):focus, input:not([type]):-moz-read-only:not(select):not(.flatpickr), input:not([type]):-moz-read-only:not(select):not(.flatpickr):active, input:not([type]):-moz-read-only:not(select):not(.flatpickr):focus, textarea:-moz-read-only:not(select):not(.flatpickr), textarea:-moz-read-only:not(select):not(.flatpickr):active, textarea:-moz-read-only:not(select):not(.flatpickr):focus, select:-moz-read-only:not(select):not(.flatpickr), select:-moz-read-only:not(select):not(.flatpickr):active, select:-moz-read-only:not(select):not(.flatpickr):focus {
    color: var(--color-brand-secondary-tint-80);
    fill: var(--color-brand-secondary-tint-80);
    background: #f7f7f7;
    border: 1px solid #d7d7d7;
    opacity: 1;
    /* required on iOS */
    outline: none;
    pointer-events: none; }
  input[type="color"]:read-only:not(select):not(.flatpickr), input[type="color"]:read-only:not(select):not(.flatpickr):active, input[type="color"]:read-only:not(select):not(.flatpickr):focus, input[type="color"][disabled], input[type="color"][disabled]:active, input[type="color"][disabled]:focus, input[type="date"]:read-only:not(select):not(.flatpickr), input[type="date"]:read-only:not(select):not(.flatpickr):active, input[type="date"]:read-only:not(select):not(.flatpickr):focus, input[type="date"][disabled], input[type="date"][disabled]:active, input[type="date"][disabled]:focus, input[type="datetime"]:read-only:not(select):not(.flatpickr), input[type="datetime"]:read-only:not(select):not(.flatpickr):active, input[type="datetime"]:read-only:not(select):not(.flatpickr):focus, input[type="datetime"][disabled], input[type="datetime"][disabled]:active, input[type="datetime"][disabled]:focus, input[type="datetime-local"]:read-only:not(select):not(.flatpickr), input[type="datetime-local"]:read-only:not(select):not(.flatpickr):active, input[type="datetime-local"]:read-only:not(select):not(.flatpickr):focus, input[type="datetime-local"][disabled], input[type="datetime-local"][disabled]:active, input[type="datetime-local"][disabled]:focus, input[type="email"]:read-only:not(select):not(.flatpickr), input[type="email"]:read-only:not(select):not(.flatpickr):active, input[type="email"]:read-only:not(select):not(.flatpickr):focus, input[type="email"][disabled], input[type="email"][disabled]:active, input[type="email"][disabled]:focus, input[type="month"]:read-only:not(select):not(.flatpickr), input[type="month"]:read-only:not(select):not(.flatpickr):active, input[type="month"]:read-only:not(select):not(.flatpickr):focus, input[type="month"][disabled], input[type="month"][disabled]:active, input[type="month"][disabled]:focus, input[type="number"]:read-only:not(select):not(.flatpickr), input[type="number"]:read-only:not(select):not(.flatpickr):active, input[type="number"]:read-only:not(select):not(.flatpickr):focus, input[type="number"][disabled], input[type="number"][disabled]:active, input[type="number"][disabled]:focus, input[type="password"]:read-only:not(select):not(.flatpickr), input[type="password"]:read-only:not(select):not(.flatpickr):active, input[type="password"]:read-only:not(select):not(.flatpickr):focus, input[type="password"][disabled], input[type="password"][disabled]:active, input[type="password"][disabled]:focus, input[type="search"]:read-only:not(select):not(.flatpickr), input[type="search"]:read-only:not(select):not(.flatpickr):active, input[type="search"]:read-only:not(select):not(.flatpickr):focus, input[type="search"][disabled], input[type="search"][disabled]:active, input[type="search"][disabled]:focus, input[type="tel"]:read-only:not(select):not(.flatpickr), input[type="tel"]:read-only:not(select):not(.flatpickr):active, input[type="tel"]:read-only:not(select):not(.flatpickr):focus, input[type="tel"][disabled], input[type="tel"][disabled]:active, input[type="tel"][disabled]:focus, input[type="text"]:read-only:not(select):not(.flatpickr), input[type="text"]:read-only:not(select):not(.flatpickr):active, input[type="text"]:read-only:not(select):not(.flatpickr):focus, input[type="text"][disabled], input[type="text"][disabled]:active, input[type="text"][disabled]:focus, input[type="time"]:read-only:not(select):not(.flatpickr), input[type="time"]:read-only:not(select):not(.flatpickr):active, input[type="time"]:read-only:not(select):not(.flatpickr):focus, input[type="time"][disabled], input[type="time"][disabled]:active, input[type="time"][disabled]:focus, input[type="url"]:read-only:not(select):not(.flatpickr), input[type="url"]:read-only:not(select):not(.flatpickr):active, input[type="url"]:read-only:not(select):not(.flatpickr):focus, input[type="url"][disabled], input[type="url"][disabled]:active, input[type="url"][disabled]:focus, input[type="week"]:read-only:not(select):not(.flatpickr), input[type="week"]:read-only:not(select):not(.flatpickr):active, input[type="week"]:read-only:not(select):not(.flatpickr):focus, input[type="week"][disabled], input[type="week"][disabled]:active, input[type="week"][disabled]:focus, input:not([type]):read-only:not(select):not(.flatpickr), input:not([type]):read-only:not(select):not(.flatpickr):active, input:not([type]):read-only:not(select):not(.flatpickr):focus, input:not([type])[disabled], input:not([type])[disabled]:active, input:not([type])[disabled]:focus, textarea:read-only:not(select):not(.flatpickr), textarea:read-only:not(select):not(.flatpickr):active, textarea:read-only:not(select):not(.flatpickr):focus, textarea[disabled], textarea[disabled]:active, textarea[disabled]:focus, select:read-only:not(select):not(.flatpickr), select:read-only:not(select):not(.flatpickr):active, select:read-only:not(select):not(.flatpickr):focus, select[disabled], select[disabled]:active, select[disabled]:focus {
    color: var(--color-brand-secondary-tint-80);
    fill: var(--color-brand-secondary-tint-80);
    background: #f7f7f7;
    border: 1px solid #d7d7d7;
    opacity: 1;
    /* required on iOS */
    outline: none;
    pointer-events: none; }
  input[type="color"][disabled], input[type="color"][readonly]:not(.flatpickr), input[type="date"][disabled], input[type="date"][readonly]:not(.flatpickr), input[type="datetime"][disabled], input[type="datetime"][readonly]:not(.flatpickr), input[type="datetime-local"][disabled], input[type="datetime-local"][readonly]:not(.flatpickr), input[type="email"][disabled], input[type="email"][readonly]:not(.flatpickr), input[type="month"][disabled], input[type="month"][readonly]:not(.flatpickr), input[type="number"][disabled], input[type="number"][readonly]:not(.flatpickr), input[type="password"][disabled], input[type="password"][readonly]:not(.flatpickr), input[type="search"][disabled], input[type="search"][readonly]:not(.flatpickr), input[type="tel"][disabled], input[type="tel"][readonly]:not(.flatpickr), input[type="text"][disabled], input[type="text"][readonly]:not(.flatpickr), input[type="time"][disabled], input[type="time"][readonly]:not(.flatpickr), input[type="url"][disabled], input[type="url"][readonly]:not(.flatpickr), input[type="week"][disabled], input[type="week"][readonly]:not(.flatpickr), input:not([type])[disabled], input:not([type])[readonly]:not(.flatpickr), textarea[disabled], textarea[readonly]:not(.flatpickr), select[disabled], select[readonly]:not(.flatpickr) {
    color: var(--color-brand-secondary-tint-80);
    fill: var(--color-brand-secondary-tint-80);
    background: #f7f7f7;
    pointer-events: none; }
  @media (min-width: 941px) {
    input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select {
      padding: 13px 19px 15px; }
      input[type="color"]:active, input[type="color"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="datetime"]:active, input[type="datetime"]:focus, input[type="datetime-local"]:active, input[type="datetime-local"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="text"]:active, input[type="text"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="week"]:active, input[type="week"]:focus, input:not([type]):active, input:not([type]):focus, textarea:active, textarea:focus, select:active, select:focus {
        padding: 12px 18px 14px; } }

.form-group--error input[type="color"], .form-group--error input[type="date"], .form-group--error input[type="datetime"], .form-group--error input[type="datetime-local"], .form-group--error input[type="email"], .form-group--error input[type="month"], .form-group--error input[type="number"], .form-group--error input[type="password"], .form-group--error input[type="search"], .form-group--error input[type="tel"], .form-group--error input[type="text"], .form-group--error input[type="time"], .form-group--error input[type="url"], .form-group--error input[type="week"], .form-group--error input:not([type]), .form-group--error textarea, .form-group--error select {
  background: var(--color-ui-negative-5);
  border-color: var(--color-ui-negative); }
  .bg-variant-brand-primary .form-group--error input[type="color"], .bg-variant-brand-primary .form-group--error input[type="date"], .bg-variant-brand-primary .form-group--error input[type="datetime"], .bg-variant-brand-primary .form-group--error input[type="datetime-local"], .bg-variant-brand-primary .form-group--error input[type="email"], .bg-variant-brand-primary .form-group--error input[type="month"], .bg-variant-brand-primary .form-group--error input[type="number"], .bg-variant-brand-primary .form-group--error input[type="password"], .bg-variant-brand-primary .form-group--error input[type="search"], .bg-variant-brand-primary .form-group--error input[type="tel"], .bg-variant-brand-primary .form-group--error input[type="text"], .bg-variant-brand-primary .form-group--error input[type="time"], .bg-variant-brand-primary .form-group--error input[type="url"], .bg-variant-brand-primary .form-group--error input[type="week"], .bg-variant-brand-primary .form-group--error input:not([type]), .bg-variant-brand-primary .form-group--error textarea, .bg-variant-brand-primary .form-group--error select {
    background: var(--color-white);
    border-color: var(--color-brand-secondary);
    color: var(--color-brand-secondary); }
  .bg-variant-brand-secondary .form-group--error input[type="color"], .bg-variant-brand-secondary .form-group--error input[type="date"], .bg-variant-brand-secondary .form-group--error input[type="datetime"], .bg-variant-brand-secondary .form-group--error input[type="datetime-local"], .bg-variant-brand-secondary .form-group--error input[type="email"], .bg-variant-brand-secondary .form-group--error input[type="month"], .bg-variant-brand-secondary .form-group--error input[type="number"], .bg-variant-brand-secondary .form-group--error input[type="password"], .bg-variant-brand-secondary .form-group--error input[type="search"], .bg-variant-brand-secondary .form-group--error input[type="tel"], .bg-variant-brand-secondary .form-group--error input[type="text"], .bg-variant-brand-secondary .form-group--error input[type="time"], .bg-variant-brand-secondary .form-group--error input[type="url"], .bg-variant-brand-secondary .form-group--error input[type="week"], .bg-variant-brand-secondary .form-group--error input:not([type]), .bg-variant-brand-secondary .form-group--error textarea, .bg-variant-brand-secondary .form-group--error select {
    background: var(--color-ui-warning-10);
    border-color: var(--color-ui-warning);
    color: var(--color-brand-secondary); }
  .bg-variant-brand-tertiary .form-group--error input[type="color"], .bg-variant-brand-tertiary .form-group--error input[type="date"], .bg-variant-brand-tertiary .form-group--error input[type="datetime"], .bg-variant-brand-tertiary .form-group--error input[type="datetime-local"], .bg-variant-brand-tertiary .form-group--error input[type="email"], .bg-variant-brand-tertiary .form-group--error input[type="month"], .bg-variant-brand-tertiary .form-group--error input[type="number"], .bg-variant-brand-tertiary .form-group--error input[type="password"], .bg-variant-brand-tertiary .form-group--error input[type="search"], .bg-variant-brand-tertiary .form-group--error input[type="tel"], .bg-variant-brand-tertiary .form-group--error input[type="text"], .bg-variant-brand-tertiary .form-group--error input[type="time"], .bg-variant-brand-tertiary .form-group--error input[type="url"], .bg-variant-brand-tertiary .form-group--error input[type="week"], .bg-variant-brand-tertiary .form-group--error input:not([type]), .bg-variant-brand-tertiary .form-group--error textarea, .bg-variant-brand-tertiary .form-group--error select {
    background: var(--color-ui-negative-5);
    border-color: var(--color-ui-negative);
    color: var(--color-brand-secondary); }
  .bg-variant-white .form-group--error input[type="color"], .bg-variant-white .form-group--error input[type="date"], .bg-variant-white .form-group--error input[type="datetime"], .bg-variant-white .form-group--error input[type="datetime-local"], .bg-variant-white .form-group--error input[type="email"], .bg-variant-white .form-group--error input[type="month"], .bg-variant-white .form-group--error input[type="number"], .bg-variant-white .form-group--error input[type="password"], .bg-variant-white .form-group--error input[type="search"], .bg-variant-white .form-group--error input[type="tel"], .bg-variant-white .form-group--error input[type="text"], .bg-variant-white .form-group--error input[type="time"], .bg-variant-white .form-group--error input[type="url"], .bg-variant-white .form-group--error input[type="week"], .bg-variant-white .form-group--error input:not([type]), .bg-variant-white .form-group--error textarea, .bg-variant-white .form-group--error select {
    background: var(--color-ui-negative-5);
    border-color: var(--color-ui-negative);
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quaternary .form-group--error input[type="color"], .bg-variant-brand-quaternary .form-group--error input[type="date"], .bg-variant-brand-quaternary .form-group--error input[type="datetime"], .bg-variant-brand-quaternary .form-group--error input[type="datetime-local"], .bg-variant-brand-quaternary .form-group--error input[type="email"], .bg-variant-brand-quaternary .form-group--error input[type="month"], .bg-variant-brand-quaternary .form-group--error input[type="number"], .bg-variant-brand-quaternary .form-group--error input[type="password"], .bg-variant-brand-quaternary .form-group--error input[type="search"], .bg-variant-brand-quaternary .form-group--error input[type="tel"], .bg-variant-brand-quaternary .form-group--error input[type="text"], .bg-variant-brand-quaternary .form-group--error input[type="time"], .bg-variant-brand-quaternary .form-group--error input[type="url"], .bg-variant-brand-quaternary .form-group--error input[type="week"], .bg-variant-brand-quaternary .form-group--error input:not([type]), .bg-variant-brand-quaternary .form-group--error textarea, .bg-variant-brand-quaternary .form-group--error select {
    background: var(--color-white);
    border-color: var(--color-brand-secondary);
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .form-group--error input[type="color"], .bg-variant-brand-quinary .form-group--error input[type="date"], .bg-variant-brand-quinary .form-group--error input[type="datetime"], .bg-variant-brand-quinary .form-group--error input[type="datetime-local"], .bg-variant-brand-quinary .form-group--error input[type="email"], .bg-variant-brand-quinary .form-group--error input[type="month"], .bg-variant-brand-quinary .form-group--error input[type="number"], .bg-variant-brand-quinary .form-group--error input[type="password"], .bg-variant-brand-quinary .form-group--error input[type="search"], .bg-variant-brand-quinary .form-group--error input[type="tel"], .bg-variant-brand-quinary .form-group--error input[type="text"], .bg-variant-brand-quinary .form-group--error input[type="time"], .bg-variant-brand-quinary .form-group--error input[type="url"], .bg-variant-brand-quinary .form-group--error input[type="week"], .bg-variant-brand-quinary .form-group--error input:not([type]), .bg-variant-brand-quinary .form-group--error textarea, .bg-variant-brand-quinary .form-group--error select {
    background: var(--color-white);
    border-color: var(--color-brand-secondary-shade-180);
    color: var(--color-brand-secondary); }
  .bg-variant-brand-senary .form-group--error input[type="color"], .bg-variant-brand-senary .form-group--error input[type="date"], .bg-variant-brand-senary .form-group--error input[type="datetime"], .bg-variant-brand-senary .form-group--error input[type="datetime-local"], .bg-variant-brand-senary .form-group--error input[type="email"], .bg-variant-brand-senary .form-group--error input[type="month"], .bg-variant-brand-senary .form-group--error input[type="number"], .bg-variant-brand-senary .form-group--error input[type="password"], .bg-variant-brand-senary .form-group--error input[type="search"], .bg-variant-brand-senary .form-group--error input[type="tel"], .bg-variant-brand-senary .form-group--error input[type="text"], .bg-variant-brand-senary .form-group--error input[type="time"], .bg-variant-brand-senary .form-group--error input[type="url"], .bg-variant-brand-senary .form-group--error input[type="week"], .bg-variant-brand-senary .form-group--error input:not([type]), .bg-variant-brand-senary .form-group--error textarea, .bg-variant-brand-senary .form-group--error select {
    background: var(--color-white);
    border-color: var(--color-brand-secondary);
    color: var(--color-brand-secondary); }

textarea {
  -webkit-transition: max-height 0.2s;
  transition: max-height 0.2s;
  min-height: 110px;
  overflow: hidden;
  resize: none;
  vertical-align: top; }
  textarea.fixed-size {
    min-height: 200px;
    overflow: auto; }

.textarea--expand {
  min-height: 60px;
  max-height: 160px;
  overflow-y: auto; }
  @media (min-width: 501px) {
    .textarea--expand {
      max-height: 180px; } }

@media (min-width: 941px) {
  textarea {
    min-height: 150px; }
    textarea.fixed-size {
      min-height: 250px; } }

.form-group {
  position: relative; }
  .form-group__action-link {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 5px;
    text-align: right;
    width: auto; }
  .form-group__label {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    color: var(--color-brand-secondary);
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-bottom: 5px; }
    .bg-variant-brand-primary .form-group__label {
      color: var(--color-white); }
    .bg-variant-brand-secondary .form-group__label {
      color: var(--color-white); }
    .bg-variant-brand-tertiary .form-group__label {
      color: var(--color-brand-secondary); }
    .bg-variant-white .form-group__label {
      color: var(--color-brand-secondary); }
    .bg-variant-brand-quaternary .form-group__label {
      color: var(--color-brand-secondary); }
    .bg-variant-brand-quinary .form-group__label {
      color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-senary .form-group__label {
      color: var(--color-brand-secondary); }
  .form-group__optional, .form-group__message, .form-group__required {
    color: var(--color-brand-secondary-tint-60); }
    .bg-variant-brand-primary .form-group__optional, .bg-variant-brand-primary .form-group__message, .bg-variant-brand-primary .form-group__required {
      color: var(--color-white); }
    .bg-variant-brand-secondary .form-group__optional, .bg-variant-brand-secondary .form-group__message, .bg-variant-brand-secondary .form-group__required {
      color: var(--color-white); }
    .bg-variant-brand-tertiary .form-group__optional, .bg-variant-brand-tertiary .form-group__message, .bg-variant-brand-tertiary .form-group__required {
      color: var(--color-brand-secondary-alpha-70); }
    .bg-variant-white .form-group__optional, .bg-variant-white .form-group__message, .bg-variant-white .form-group__required {
      color: var(--color-brand-secondary-alpha-70); }
    .bg-variant-brand-quaternary .form-group__optional, .bg-variant-brand-quaternary .form-group__message, .bg-variant-brand-quaternary .form-group__required {
      color: var(--color-brand-secondary); }
    .bg-variant-brand-quinary .form-group__optional, .bg-variant-brand-quinary .form-group__message, .bg-variant-brand-quinary .form-group__required {
      color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-senary .form-group__optional, .bg-variant-brand-senary .form-group__message, .bg-variant-brand-senary .form-group__required {
      color: var(--color-brand-secondary-alpha-70); }
    .form-group__optional a, .form-group__message a, .form-group__required a {
      color: var(--color-brand-secondary-tint-60);
      -webkit-text-decoration: underline solid currentColor;
      text-decoration: underline solid currentColor; }
      .bg-variant-brand-primary .form-group__optional a, .bg-variant-brand-primary .form-group__message a, .bg-variant-brand-primary .form-group__required a {
        color: var(--color-white); }
      .bg-variant-brand-secondary .form-group__optional a, .bg-variant-brand-secondary .form-group__message a, .bg-variant-brand-secondary .form-group__required a {
        color: var(--color-white); }
      .bg-variant-brand-tertiary .form-group__optional a, .bg-variant-brand-tertiary .form-group__message a, .bg-variant-brand-tertiary .form-group__required a {
        color: var(--color-brand-secondary-alpha-70); }
      .bg-variant-white .form-group__optional a, .bg-variant-white .form-group__message a, .bg-variant-white .form-group__required a {
        color: var(--color-brand-secondary-alpha-70); }
      .bg-variant-brand-quaternary .form-group__optional a, .bg-variant-brand-quaternary .form-group__message a, .bg-variant-brand-quaternary .form-group__required a {
        color: var(--color-brand-secondary); }
      .bg-variant-brand-quinary .form-group__optional a, .bg-variant-brand-quinary .form-group__message a, .bg-variant-brand-quinary .form-group__required a {
        color: var(--color-brand-secondary-shade-180); }
      .bg-variant-brand-senary .form-group__optional a, .bg-variant-brand-senary .form-group__message a, .bg-variant-brand-senary .form-group__required a {
        color: var(--color-brand-secondary-alpha-70); }
      .form-group__optional a:hover, .form-group__message a:hover, .form-group__required a:hover {
        -webkit-text-decoration: underline solid transparent;
        text-decoration: underline solid transparent; }
  .form-group__optional {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
    margin-left: 1px;
    text-decoration: none; }
  .form-group__required {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
    margin-left: 5px; }
  .form-group__message {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    display: block;
    margin-top: 10px; }
  .form-group__input {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .form-group__input--button input[type]:-moz-read-only {
    padding-right: 50px; }
  .form-group__input--button input[type],
  .form-group__input--button input[type]:focus,
  .form-group__input--button input[type]:read-only {
    padding-right: 50px; }
  .form-group__input--icon-left .icon {
    left: 20px;
    top: 20px; }
    .form-group__input--icon-left .icon svg {
      fill: #2175d9; }
  .form-group__input--icon-left input {
    padding-left: 50px; }
  .form-group__input--icon-left input[type]:-moz-read-only {
    padding-left: 50px; }
  .form-group__input--icon-left input[type]:read-only {
    padding-left: 50px; }
  .form-group__input--icon-left input[readonly] {
    padding-left: 50px; }
  .form-group__input--icon-left input[type]:focus {
    padding-left: 49px; }
  .form-group__input--icon-left input[type]:-moz-read-only + .icon svg {
    color: var(--color-brand-secondary-tint-80);
    fill: var(--color-brand-secondary-tint-80); }
  .form-group__input--icon-left input[type]:read-only + .icon svg {
    color: var(--color-brand-secondary-tint-80);
    fill: var(--color-brand-secondary-tint-80); }
  .form-group__input--icon-left input[readonly] + .icon svg {
    color: var(--color-brand-secondary-tint-80);
    fill: var(--color-brand-secondary-tint-80); }
  .form-group__input.clearable-input button {
    height: 20px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    width: 20px; }
    .form-group__input.clearable-input button .icon {
      left: initial;
      top: 0; }
    .form-group__input.clearable-input button .icon svg {
      color: var(--color-brand-secondary-tint-60);
      fill: var(--color-brand-secondary-tint-60);
      -webkit-transition: fill 0.2s ease;
      transition: fill 0.2s ease; }
    .form-group__input.clearable-input button:hover .icon svg {
      color: var(--color-brand-secondary-tint-80);
      fill: var(--color-brand-secondary-tint-80); }
  .form-group__input.clearable-input input::-ms-clear {
    display: none; }
  .form-group__input.clearable-input--active button {
    opacity: 1;
    pointer-events: auto; }
  .form-group--error .form-group__feedback {
    opacity: 1; }
  .form-group--error input,
  .form-group--error .icon svg {
    color: var(--color-brand-secondary);
    fill: var(--color-brand-secondary); }
  .form-group--error input[type='text']:-moz-read-only + .icon svg {
    color: var(--color-brand-secondary-tint-80);
    fill: var(--color-brand-secondary-tint-80); }
  .form-group--error input[type='text']:read-only + .icon svg {
    color: var(--color-brand-secondary-tint-80);
    fill: var(--color-brand-secondary-tint-80); }
  .form-group__feedback {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    color: var(--color-ui-negative);
    display: block;
    margin-top: 10px;
    opacity: 0.5; }
    .bg-variant-brand-primary .form-group__feedback {
      color: var(--color-white); }
    .bg-variant-brand-secondary .form-group__feedback {
      color: var(--color-white); }
    .bg-variant-brand-tertiary .form-group__feedback {
      color: var(--color-ui-negative); }
    .bg-variant-white .form-group__feedback {
      color: var(--color-ui-negative); }
    .bg-variant-brand-quaternary .form-group__feedback {
      color: var(--color-brand-secondary); }
    .bg-variant-brand-quinary .form-group__feedback {
      color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-senary .form-group__feedback {
      color: var(--color-brand-secondary); }
  .form-group__characters {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
    bottom: 18px;
    margin-top: 10px;
    pointer-events: none; }
    .form-group__characters:not(.text--negative) {
      color: var(--color-brand-secondary-tint-60); }
      .bg-variant-brand-primary .form-group__characters:not(.text--negative) {
        color: var(--color-white); }
      .bg-variant-brand-secondary .form-group__characters:not(.text--negative) {
        color: var(--color-white); }
      .bg-variant-brand-tertiary .form-group__characters:not(.text--negative) {
        color: var(--color-brand-secondary-alpha-70); }
      .bg-variant-white .form-group__characters:not(.text--negative) {
        color: var(--color-brand-secondary-alpha-70); }
      .bg-variant-brand-quaternary .form-group__characters:not(.text--negative) {
        color: var(--color-brand-secondary); }
      .bg-variant-brand-quinary .form-group__characters:not(.text--negative) {
        color: var(--color-brand-secondary-shade-180); }
      .bg-variant-brand-senary .form-group__characters:not(.text--negative) {
        color: var(--color-brand-secondary-alpha-70); }
      .form-group__characters:not(.text--negative) a {
        color: var(--color-brand-secondary-tint-60);
        -webkit-text-decoration: underline solid currentColor;
        text-decoration: underline solid currentColor; }
        .bg-variant-brand-primary .form-group__characters:not(.text--negative) a {
          color: var(--color-white); }
        .bg-variant-brand-secondary .form-group__characters:not(.text--negative) a {
          color: var(--color-white); }
        .bg-variant-brand-tertiary .form-group__characters:not(.text--negative) a {
          color: var(--color-brand-secondary-alpha-70); }
        .bg-variant-white .form-group__characters:not(.text--negative) a {
          color: var(--color-brand-secondary-alpha-70); }
        .bg-variant-brand-quaternary .form-group__characters:not(.text--negative) a {
          color: var(--color-brand-secondary); }
        .bg-variant-brand-quinary .form-group__characters:not(.text--negative) a {
          color: var(--color-brand-secondary-shade-180); }
        .bg-variant-brand-senary .form-group__characters:not(.text--negative) a {
          color: var(--color-brand-secondary-alpha-70); }
        .form-group__characters:not(.text--negative) a:hover {
          -webkit-text-decoration: underline solid transparent;
          text-decoration: underline solid transparent; }
  .form-group + .form-group {
    margin-top: 30px; }
  .form-group.currency-format .form-group__input {
    border: solid 1px #d7d7d7;
    background: #fff;
    border-radius: 4px;
    display: block;
    height: 60px;
    overflow: hidden; }
    .bg-brand--turquoise .form-group.currency-format .form-group__input,
    .bg-brand--yellow .form-group.currency-format .form-group__input {
      border: solid 1px #0f1941; }
    .bg-brand--red .form-group.currency-format .form-group__input {
      border: solid 1px #03050d; }
    .bg-variant-brand-primary .form-group.currency-format .form-group__input {
      border: 1px solid var(--color-gray-20); }
    .bg-variant-brand-secondary .form-group.currency-format .form-group__input {
      border: 1px solid var(--color-gray-20); }
    .bg-variant-brand-tertiary .form-group.currency-format .form-group__input {
      border: 1px solid var(--color-gray-20); }
    .bg-variant-white .form-group.currency-format .form-group__input {
      border: 1px solid var(--color-gray-20); }
    .bg-variant-brand-quaternary .form-group.currency-format .form-group__input {
      border: 1px solid var(--color-gray-20); }
    .bg-variant-brand-quinary .form-group.currency-format .form-group__input {
      border: 1px solid var(--color-gray-20); }
    .bg-variant-brand-senary .form-group.currency-format .form-group__input {
      border: 1px solid var(--color-gray-20); }
    .form-group.currency-format .form-group__input.readonly {
      background: #f7f7f7; }
    .form-group.currency-format .form-group__input:focus-within {
      border-color: #2175d9;
      box-shadow: 0 0 0 1pt #2175d9; }
      .bg-brand--turquoise .form-group.currency-format .form-group__input:focus-within,
      .bg-brand--yellow .form-group.currency-format .form-group__input:focus-within {
        border-color: #0f1941;
        box-shadow: 0 0 0 1pt #0f1941; }
      .bg-brand--red .form-group.currency-format .form-group__input:focus-within {
        border-color: #03050d;
        box-shadow: 0 0 0 1pt #03050d; }
    .form-group.currency-format .form-group__input input,
    .form-group.currency-format .form-group__input input:focus {
      border-color: transparent;
      border-radius: 0; }
    .form-group.currency-format .form-group__input input {
      position: absolute;
      width: 70%;
      padding: 12px 18px 14px; }
    .form-group.currency-format .form-group__input span {
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      background: #f4f8fd;
      border-right: 1px solid #d7d7d7;
      color: #0f1941;
      display: inline-block;
      line-height: 58px;
      max-width: 132px;
      padding: 0 15px;
      pointer-events: auto; }
      .form-group.currency-format .form-group__input span.icon svg {
        height: 20px;
        padding-top: 20px;
        width: 20px; }
  .form-group.currency-format.form-group--error .form-group__input,
  .form-group.currency-format.form-group--error.currency-format .form-group__input {
    background: var(--color-ui-negative-5);
    border-color: var(--color-ui-negative); }
    .bg-variant-brand-primary .form-group.currency-format.form-group--error .form-group__input, .bg-variant-brand-primary
    .form-group.currency-format.form-group--error.currency-format .form-group__input {
      background: var(--color-white);
      border-color: var(--color-brand-secondary);
      color: var(--color-brand-secondary); }
    .bg-variant-brand-secondary .form-group.currency-format.form-group--error .form-group__input, .bg-variant-brand-secondary
    .form-group.currency-format.form-group--error.currency-format .form-group__input {
      background: var(--color-ui-warning-10);
      border-color: var(--color-ui-warning);
      color: var(--color-brand-secondary); }
    .bg-variant-brand-tertiary .form-group.currency-format.form-group--error .form-group__input, .bg-variant-brand-tertiary
    .form-group.currency-format.form-group--error.currency-format .form-group__input {
      background: var(--color-ui-negative-5);
      border-color: var(--color-ui-negative);
      color: var(--color-brand-secondary); }
    .bg-variant-white .form-group.currency-format.form-group--error .form-group__input, .bg-variant-white
    .form-group.currency-format.form-group--error.currency-format .form-group__input {
      background: var(--color-ui-negative-5);
      border-color: var(--color-ui-negative);
      color: var(--color-brand-secondary); }
    .bg-variant-brand-quaternary .form-group.currency-format.form-group--error .form-group__input, .bg-variant-brand-quaternary
    .form-group.currency-format.form-group--error.currency-format .form-group__input {
      background: var(--color-white);
      border-color: var(--color-brand-secondary);
      color: var(--color-brand-secondary); }
    .bg-variant-brand-quinary .form-group.currency-format.form-group--error .form-group__input, .bg-variant-brand-quinary
    .form-group.currency-format.form-group--error.currency-format .form-group__input {
      background: var(--color-white);
      border-color: var(--color-brand-secondary-shade-180);
      color: var(--color-brand-secondary); }
    .bg-variant-brand-senary .form-group.currency-format.form-group--error .form-group__input, .bg-variant-brand-senary
    .form-group.currency-format.form-group--error.currency-format .form-group__input {
      background: var(--color-white);
      border-color: var(--color-brand-secondary);
      color: var(--color-brand-secondary); }
    .form-group.currency-format.form-group--error .form-group__input:focus-within,
    .form-group.currency-format.form-group--error.currency-format .form-group__input:focus-within {
      background: var(--color-ui-negative-5);
      border-color: var(--color-ui-negative);
      box-shadow: 0 0 0 1pt #e00f0f; }
      .bg-variant-brand-primary .form-group.currency-format.form-group--error .form-group__input:focus-within, .bg-variant-brand-primary
      .form-group.currency-format.form-group--error.currency-format .form-group__input:focus-within {
        background: var(--color-white);
        border-color: var(--color-brand-secondary);
        color: var(--color-brand-secondary); }
      .bg-variant-brand-secondary .form-group.currency-format.form-group--error .form-group__input:focus-within, .bg-variant-brand-secondary
      .form-group.currency-format.form-group--error.currency-format .form-group__input:focus-within {
        background: var(--color-ui-warning-10);
        border-color: var(--color-ui-warning);
        color: var(--color-brand-secondary); }
      .bg-variant-brand-tertiary .form-group.currency-format.form-group--error .form-group__input:focus-within, .bg-variant-brand-tertiary
      .form-group.currency-format.form-group--error.currency-format .form-group__input:focus-within {
        background: var(--color-ui-negative-5);
        border-color: var(--color-ui-negative);
        color: var(--color-brand-secondary); }
      .bg-variant-white .form-group.currency-format.form-group--error .form-group__input:focus-within, .bg-variant-white
      .form-group.currency-format.form-group--error.currency-format .form-group__input:focus-within {
        background: var(--color-ui-negative-5);
        border-color: var(--color-ui-negative);
        color: var(--color-brand-secondary); }
      .bg-variant-brand-quaternary .form-group.currency-format.form-group--error .form-group__input:focus-within, .bg-variant-brand-quaternary
      .form-group.currency-format.form-group--error.currency-format .form-group__input:focus-within {
        background: var(--color-white);
        border-color: var(--color-brand-secondary);
        color: var(--color-brand-secondary); }
      .bg-variant-brand-quinary .form-group.currency-format.form-group--error .form-group__input:focus-within, .bg-variant-brand-quinary
      .form-group.currency-format.form-group--error.currency-format .form-group__input:focus-within {
        background: var(--color-white);
        border-color: var(--color-brand-secondary-shade-180);
        color: var(--color-brand-secondary); }
      .bg-variant-brand-senary .form-group.currency-format.form-group--error .form-group__input:focus-within, .bg-variant-brand-senary
      .form-group.currency-format.form-group--error.currency-format .form-group__input:focus-within {
        background: var(--color-white);
        border-color: var(--color-brand-secondary);
        color: var(--color-brand-secondary); }
      .bg-brand--dark-blue .form-group.currency-format.form-group--error .form-group__input:focus-within,
      .bg-brand--blue .form-group.currency-format.form-group--error .form-group__input:focus-within,
      .bg-brand--turquoise .form-group.currency-format.form-group--error .form-group__input:focus-within,
      .bg-brand--yellow .form-group.currency-format.form-group--error .form-group__input:focus-within, .bg-brand--dark-blue
      .form-group.currency-format.form-group--error.currency-format .form-group__input:focus-within,
      .bg-brand--blue
      .form-group.currency-format.form-group--error.currency-format .form-group__input:focus-within,
      .bg-brand--turquoise
      .form-group.currency-format.form-group--error.currency-format .form-group__input:focus-within,
      .bg-brand--yellow
      .form-group.currency-format.form-group--error.currency-format .form-group__input:focus-within {
        box-shadow: 0 0 0 1pt #0f1941; }
      .bg-brand--red .form-group.currency-format.form-group--error .form-group__input:focus-within, .bg-brand--red
      .form-group.currency-format.form-group--error.currency-format .form-group__input:focus-within {
        box-shadow: 0 0 0 1pt #03050d; }
    .form-group.currency-format.form-group--error .form-group__input span,
    .form-group.currency-format.form-group--error.currency-format .form-group__input span {
      background: var(--color-ui-negative-5);
      border-color: var(--color-ui-negative);
      color: var(--color-ui-negative); }
      .bg-variant-brand-primary .form-group.currency-format.form-group--error .form-group__input span, .bg-variant-brand-primary
      .form-group.currency-format.form-group--error.currency-format .form-group__input span {
        background: var(--color-white);
        border-color: var(--color-brand-secondary);
        color: var(--color-brand-secondary); }
      .bg-variant-brand-secondary .form-group.currency-format.form-group--error .form-group__input span, .bg-variant-brand-secondary
      .form-group.currency-format.form-group--error.currency-format .form-group__input span {
        background: var(--color-ui-warning-10);
        border-color: var(--color-ui-warning);
        color: var(--color-brand-secondary); }
      .bg-variant-brand-tertiary .form-group.currency-format.form-group--error .form-group__input span, .bg-variant-brand-tertiary
      .form-group.currency-format.form-group--error.currency-format .form-group__input span {
        background: var(--color-ui-negative-5);
        border-color: var(--color-ui-negative);
        color: var(--color-brand-secondary); }
      .bg-variant-white .form-group.currency-format.form-group--error .form-group__input span, .bg-variant-white
      .form-group.currency-format.form-group--error.currency-format .form-group__input span {
        background: var(--color-ui-negative-5);
        border-color: var(--color-ui-negative);
        color: var(--color-brand-secondary); }
      .bg-variant-brand-quaternary .form-group.currency-format.form-group--error .form-group__input span, .bg-variant-brand-quaternary
      .form-group.currency-format.form-group--error.currency-format .form-group__input span {
        background: var(--color-white);
        border-color: var(--color-brand-secondary);
        color: var(--color-brand-secondary); }
      .bg-variant-brand-quinary .form-group.currency-format.form-group--error .form-group__input span, .bg-variant-brand-quinary
      .form-group.currency-format.form-group--error.currency-format .form-group__input span {
        background: var(--color-white);
        border-color: var(--color-brand-secondary-shade-180);
        color: var(--color-brand-secondary); }
      .bg-variant-brand-senary .form-group.currency-format.form-group--error .form-group__input span, .bg-variant-brand-senary
      .form-group.currency-format.form-group--error.currency-format .form-group__input span {
        background: var(--color-white);
        border-color: var(--color-brand-secondary);
        color: var(--color-brand-secondary); }
  .form-group.currency-format input[type='text']:-moz-read-only:not(select):not(.flatpickr), .form-group.currency-format input[type='number']:-moz-read-only:not(select):not(.flatpickr) {
    border: none; }
  .form-group.currency-format input[type='text']:read-only:not(select):not(.flatpickr),
  .form-group.currency-format input[type='number']:read-only:not(select):not(.flatpickr) {
    border: none; }
    .form-group.currency-format input[type='text']:-moz-read-only:not(select):not(.flatpickr) .form-group__input:focus-within, .form-group.currency-format input[type='number']:-moz-read-only:not(select):not(.flatpickr) .form-group__input:focus-within {
      border: none; }
    .form-group.currency-format input[type='text']:read-only:not(select):not(.flatpickr) .form-group__input:focus-within,
    .form-group.currency-format input[type='number']:read-only:not(select):not(.flatpickr) .form-group__input:focus-within {
      border: none; }

@media (min-width: 941px) {
  .block__content .form-group {
    width: calc((38/43) * 100%); } }

@media (max-width: 940px) {
  .form-groups--row .form-group + .button,
  .form-groups--row .form-group + .form-group {
    margin-top: 10px; } }

@media (min-width: 941px) {
  .form-groups--row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .form-groups--row .form-group {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-top: 0; }
      .form-groups--row .form-group + .button--icon.button--m,
      .form-groups--row .form-group + .button--filled.button--m,
      .form-groups--row .form-group + .form-group {
        margin-left: 5px; }
    .form-groups--row .button {
      margin-top: 0; } }

.password-validator__validate-list {
  margin-top: 10px; }
  .password-validator__validate-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .password-validator__validate-list li {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    color: var(--color-brand-secondary-tint-60);
    line-height: 24px;
    margin-top: 5px;
    width: calc(50% - 10px); }
    @media (min-width: 941px) {
      .password-validator__validate-list li {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px; } }
    .bg-variant-brand-primary .password-validator__validate-list li {
      color: var(--color-white); }
    .bg-variant-brand-secondary .password-validator__validate-list li {
      color: var(--color-white); }
    .bg-variant-brand-tertiary .password-validator__validate-list li {
      color: var(--color-brand-secondary-alpha-70); }
    .bg-variant-white .password-validator__validate-list li {
      color: var(--color-brand-secondary-alpha-70); }
    .bg-variant-brand-quaternary .password-validator__validate-list li {
      color: var(--color-brand-secondary); }
    .bg-variant-brand-quinary .password-validator__validate-list li {
      color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-senary .password-validator__validate-list li {
      color: var(--color-brand-secondary-alpha-70); }
    .password-validator__validate-list li a {
      color: var(--color-brand-secondary-tint-60);
      -webkit-text-decoration: underline solid currentColor;
      text-decoration: underline solid currentColor; }
      .bg-variant-brand-primary .password-validator__validate-list li a {
        color: var(--color-white); }
      .bg-variant-brand-secondary .password-validator__validate-list li a {
        color: var(--color-white); }
      .bg-variant-brand-tertiary .password-validator__validate-list li a {
        color: var(--color-brand-secondary-alpha-70); }
      .bg-variant-white .password-validator__validate-list li a {
        color: var(--color-brand-secondary-alpha-70); }
      .bg-variant-brand-quaternary .password-validator__validate-list li a {
        color: var(--color-brand-secondary); }
      .bg-variant-brand-quinary .password-validator__validate-list li a {
        color: var(--color-brand-secondary-shade-180); }
      .bg-variant-brand-senary .password-validator__validate-list li a {
        color: var(--color-brand-secondary-alpha-70); }
      .password-validator__validate-list li a:hover {
        -webkit-text-decoration: underline solid transparent;
        text-decoration: underline solid transparent; }

.password-validator .icon {
  margin: 0;
  right: 0;
  top: 0; }
  .password-validator .icon svg {
    color: var(--color-brand-secondary-tint-60);
    fill: var(--color-brand-secondary-tint-60); }

.password-validator__validate-list li.valid {
  -webkit-transition: color 0.2s 0.2s;
  transition: color 0.2s 0.2s;
  color: var(--color-brand-secondary-tint-60);
  text-decoration: line-through; }
  .bg-variant-brand-primary .password-validator__validate-list li.valid {
    color: var(--color-white); }
  .bg-variant-brand-secondary .password-validator__validate-list li.valid {
    color: var(--color-white); }
  .bg-variant-brand-tertiary .password-validator__validate-list li.valid {
    color: var(--color-brand-secondary-alpha-70); }
  .bg-variant-white .password-validator__validate-list li.valid {
    color: var(--color-brand-secondary-alpha-70); }
  .bg-variant-brand-quaternary .password-validator__validate-list li.valid {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .password-validator__validate-list li.valid {
    color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-senary .password-validator__validate-list li.valid {
    color: var(--color-brand-secondary-alpha-70); }
  .password-validator__validate-list li.valid a {
    color: var(--color-brand-secondary-tint-60);
    -webkit-text-decoration: underline solid currentColor;
    text-decoration: underline solid currentColor; }
    .bg-variant-brand-primary .password-validator__validate-list li.valid a {
      color: var(--color-white); }
    .bg-variant-brand-secondary .password-validator__validate-list li.valid a {
      color: var(--color-white); }
    .bg-variant-brand-tertiary .password-validator__validate-list li.valid a {
      color: var(--color-brand-secondary-alpha-70); }
    .bg-variant-white .password-validator__validate-list li.valid a {
      color: var(--color-brand-secondary-alpha-70); }
    .bg-variant-brand-quaternary .password-validator__validate-list li.valid a {
      color: var(--color-brand-secondary); }
    .bg-variant-brand-quinary .password-validator__validate-list li.valid a {
      color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-senary .password-validator__validate-list li.valid a {
      color: var(--color-brand-secondary-alpha-70); }
    .password-validator__validate-list li.valid a:hover {
      -webkit-text-decoration: underline solid transparent;
      text-decoration: underline solid transparent; }

.password-validator .show-password {
  height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
  z-index: 1; }
  .password-validator .show-password .icon {
    display: block; }
  .password-validator .show-password.is-password-visible svg {
    fill: #2175d9; }

@media (min-width: 941px) {
  .media-block {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    position: relative;
    width: calc((33/58) * 100%); }
    .media-block img {
      bottom: 0;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin: auto;
      max-height: 100%;
      max-width: none;
      position: absolute; } }

.media-block-scalable {
  position: relative; }
  @media (min-width: 941px) {
    .media-block-scalable {
      width: calc((33/58) * 100%); } }
  .media-block-scalable img {
    height: 100%; }

.media-block--boxed {
  overflow: hidden;
  position: relative; }
  .media-block--boxed img {
    border-radius: 4px; }
    @media (min-width: 941px) {
      .media-block--boxed img {
        border-radius: 8px;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: static;
        width: 100%; } }

.media-block.media-block--boxed-large {
  overflow: hidden; }
  @media (max-width: 940px) {
    .media-block.media-block--boxed-large {
      border-radius: 4px;
      height: 200px;
      margin: 0;
      position: relative; }
      .media-block.media-block--boxed-large img {
        bottom: auto;
        max-height: none;
        max-width: none;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        top: 50%;
        left: auto;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto; }
        @supports ((-o-object-fit: cover) or (object-fit: cover)) {
          .media-block.media-block--boxed-large img {
            bottom: 0;
            left: 0;
            -o-object-fit: cover;
            object-fit: cover;
            height: 100%;
            right: 0;
            -webkit-transform: none;
            transform: none;
            top: 0;
            width: 100%; } }
        @supports ((-o-object-fit: cover) or (object-fit: cover)) {
          .media-block.media-block--boxed-large img {
            -o-object-position: center right;
            object-position: center right; } }
      .media-block.media-block--boxed-large img {
        max-height: 120%; } }
  @media (min-width: 941px) {
    .media-block.media-block--boxed-large {
      border-radius: 8px;
      bottom: 0;
      left: 100px;
      margin: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: calc(100% - (2 * 100px)); }
      .media-block.media-block--boxed-large img {
        bottom: auto;
        max-height: none;
        max-width: none;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        right: auto;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        @supports ((-o-object-fit: cover) or (object-fit: cover)) {
          .media-block.media-block--boxed-large img {
            bottom: 0;
            left: 0;
            -o-object-fit: cover;
            object-fit: cover;
            height: 100%;
            right: 0;
            -webkit-transform: none;
            transform: none;
            top: 0;
            width: 100%; } }
        @supports ((-o-object-fit: cover) or (object-fit: cover)) {
          .media-block.media-block--boxed-large img {
            -o-object-position: center center;
            object-position: center center; } } }

@media (min-width: 941px) {
  .media-block--contain {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .media-block--contain img {
      max-width: 100%;
      position: static; } }

@media (min-width: 941px) {
  .media-block--half-width, .media-block--full-width {
    bottom: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: -1px; }
    .media-block--half-width img, .media-block--full-width img {
      min-width: 100%; }
  .media-block--half-width {
    width: 50%; }
  .media-block--full-width {
    left: 0;
    width: 100%; }
    .media-block--full-width img {
      bottom: auto;
      max-height: none;
      max-width: none;
      min-height: 100%;
      min-width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      right: auto;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      @supports ((-o-object-fit: cover) or (object-fit: cover)) {
        .media-block--full-width img {
          bottom: 0;
          left: 0;
          -o-object-fit: cover;
          object-fit: cover;
          height: 100%;
          right: 0;
          -webkit-transform: none;
          transform: none;
          top: 0;
          width: 100%; } }
      @supports ((-o-object-fit: cover) or (object-fit: cover)) {
        .media-block--full-width img {
          -o-object-position: center center;
          object-position: center center; } } }

.media-block--center img {
  bottom: auto;
  max-height: none;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .media-block--center img {
      bottom: 0;
      left: 0;
      -o-object-fit: cover;
      object-fit: cover;
      height: 100%;
      right: 0;
      -webkit-transform: none;
      transform: none;
      top: 0;
      width: 100%; } }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .media-block--center img {
      -o-object-position: center center;
      object-position: center center; } }

.media-block--right img {
  bottom: auto;
  max-height: none;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  left: auto;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: auto; }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .media-block--right img {
      bottom: 0;
      left: 0;
      -o-object-fit: cover;
      object-fit: cover;
      height: 100%;
      right: 0;
      -webkit-transform: none;
      transform: none;
      top: 0;
      width: 100%; } }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .media-block--right img {
      -o-object-position: center right;
      object-position: center right; } }

.media-block--left img {
  bottom: auto;
  max-height: none;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  right: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: auto; }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .media-block--left img {
      bottom: 0;
      left: 0;
      -o-object-fit: cover;
      object-fit: cover;
      height: 100%;
      right: 0;
      -webkit-transform: none;
      transform: none;
      top: 0;
      width: 100%; } }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .media-block--left img {
      -o-object-position: center left;
      object-position: center left; } }

.header {
  position: relative; }
  .header__content {
    padding-bottom: 50px;
    padding-top: 20px;
    position: relative;
    z-index: 1; }
  .header__text-container {
    padding-top: 20px;
    padding-bottom: 50px;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    -webkit-column-gap: calc((2/58) * 100%);
    -moz-column-gap: calc((2/58) * 100%);
    column-gap: calc((2/58) * 100%); }
    @media (min-width: 941px) {
      .header__text-container {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc((33/58) * 100%);
        -ms-flex: 0 0 calc((33/58) * 100%);
        flex: 0 0 calc((33/58) * 100%);
        padding-top: 50px;
        padding-bottom: 80px; } }
    @media (min-width: 941px) {
      .header__text-container--large {
        padding-top: 130px;
        padding-bottom: 130px; } }
  .header__media-container {
    bottom: 0;
    display: none;
    max-width: 600px;
    position: absolute;
    right: 100px; }
    @media (min-width: 941px) {
      .header__media-container {
        display: block; }
        .header__media-container img {
          position: relative;
          top: 50px; } }
  .header--alternative .header__text-container {
    margin-left: auto; }
  .header--alternative .header__media-container {
    right: auto; }
  @media (max-width: 940px) {
    .header.header--split-view .header__text-container {
      padding-top: 30px; }
    .header.header--split-view .header__media-container {
      display: block;
      position: relative;
      right: auto;
      left: auto;
      margin: 0 auto;
      padding: 0 85px; } }
  .header .content-block__title,
  .header .content-block__title h1 {
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 40px; }
    @media (min-width: 941px) {
      .header .content-block__title,
      .header .content-block__title h1 {
        font-size: 60px;
        letter-spacing: -3px;
        line-height: 60px; } }
  .header .content-block__title--s,
  .header .content-block__title--s h1 {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px; }
    @media (min-width: 941px) {
      .header .content-block__title--s,
      .header .content-block__title--s h1 {
        font-size: 40px;
        letter-spacing: -2px;
        line-height: 45px; } }
  .header--l .content-block__title,
  .header--l .content-block__title h1 {
    font-size: 40px;
    letter-spacing: -2px;
    line-height: 45px; }
    @media (min-width: 941px) {
      .header--l .content-block__title,
      .header--l .content-block__title h1 {
        font-size: 80px;
        letter-spacing: -4px;
        line-height: 80px; } }
  .header__bottom-text {
    margin-top: 20px; }
    .header__bottom-text p:last-child {
      margin-bottom: 0; }

@media (max-width: 940px) {
  .header__media:not(.media-block--animation) {
    display: none; } }

@media (min-width: 941px) {
  .header__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .header--s .header__wrapper {
      padding-bottom: 30px; }
  .header__content {
    padding-bottom: 80px;
    padding-top: 50px;
    width: calc((28/58) * 100%);
    z-index: 2; }
    .header__content + .header__media:not(.media-block--full-width) {
      width: calc((28/58) * 100%); }
    .header__content--l-xl {
      width: calc((33/58) * 100%); }
    .header__content--l-xl + .header__media:not(.media-block--full-width) {
      width: calc((23/58) * 100%); }
    .header__content--xl {
      width: calc((43/58) * 100%); }
    .header__content--full-width {
      width: 100%; }
  .header--l .header__content {
    padding-bottom: 130px;
    padding-top: 80px; }
  .header .content-block__title {
    overflow-wrap: normal; }
  .header .media-block:not(.media-block--full-width) img {
    left: 0;
    right: 0; }
  .header .header__media picture:before {
    content: ' ';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
  .header .header__media.light-from-l picture:before {
    background: -webkit-linear-gradient(top, rgba(15, 25, 65, 0.5) 20%, rgba(15, 25, 65, 0) 60%);
    background: linear-gradient(180deg, rgba(15, 25, 65, 0.5) 20%, rgba(15, 25, 65, 0) 60%); }
  .header .header__media.dark-from-l picture:before {
    background: -webkit-linear-gradient(top, rgba(247, 245, 240, 0.7) 0%, rgba(247, 245, 240, 0) 60%);
    background: linear-gradient(180deg, rgba(247, 245, 240, 0.7) 0%, rgba(247, 245, 240, 0) 60%); } }

.modal {
  display: block;
  height: 100%;
  pointer-events: none;
  position: fixed;
  top: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.3s;
  transition: visibility 0s 0.3s;
  width: 100%;
  z-index: 5; }
  .modal--active {
    pointer-events: auto;
    visibility: visible; }
  .modal__dialog {
    position: relative;
    z-index: 1; }
    .modal__dialog::before {
      content: '';
      height: 100%;
      position: absolute;
      opacity: 0;
      top: 0;
      width: 100%;
      z-index: -1; }
  .modal__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 60px;
    padding: 25px 25px;
    position: relative;
    z-index: 2; }
    .modal__header:not(.modal__header--divider-in) {
      border-bottom: 1px solid transparent; }
    .modal__header--divider-in, .modal__header--divider-out {
      -webkit-transition: border 0.2s 0s;
      transition: border 0.2s 0s; }
    .modal__header .modal__title {
      font-size: 26px;
      letter-spacing: -1px;
      line-height: 30px;
      text-transform: lowercase;
      -webkit-transition: 0.1s ease;
      transition: 0.1s ease;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1; }
  .modal__close {
    margin-left: 30px; }
  .modal__main {
    height: calc(100vh - 60px);
    position: relative;
    -webkit-overflow-scrolling: touch; }
    .modal__main p:last-child {
      margin-bottom: 0; }
  .modal__footer {
    background: inherit;
    padding: 20px 25px;
    width: 100%; }
  .modal .form__header {
    margin-bottom: 20px; }
  .modal .form-group + .form-group {
    margin-top: 15px; }
  .modal .form-group + .button {
    margin-top: 25px; }

.modal--media .modal__close svg {
  fill: var(--color-brand-tertiary); }

.modal--media .modal__close:hover svg {
  fill: var(--color-brand-primary); }

.modal__dialog:not([class*='bg-variant-']):not([class*='bg-brand--']) {
  background: #f7f5f0; }
  .modal__dialog:not([class*='bg-variant-']):not([class*='bg-brand--']) .modal__close svg {
    color: #2175d9; }

.bg-variant-brand-primary.modal__dialog .button.button--filled {
  background: var(--color-brand-tertiary);
  border-color: var(--color-brand-tertiary);
  color: var(--color-brand-secondary); }
  .bg-variant-brand-primary.modal__dialog .button.button--filled .icon svg {
    fill: var(--color-brand-secondary); }
  .bg-variant-brand-primary.modal__dialog .button.button--filled:hover, .bg-variant-brand-primary.modal__dialog .button.button--filled:focus {
    background-color: var(--color-white);
    color: var(--color-brand-secondary);
    border-color: var(--color-white); }
    .bg-variant-brand-primary.modal__dialog .button.button--filled:hover .icon svg, .bg-variant-brand-primary.modal__dialog .button.button--filled:focus .icon svg {
      fill: var(--color-brand-secondary); }
  .bg-variant-brand-primary.modal__dialog .button.button--filled:active {
    background-color: var(--color-brand-tertiary-shade-110);
    color: var(--color-brand-secondary);
    border-color: var(--color-brand-tertiary-shade-110); }
    .bg-variant-brand-primary.modal__dialog .button.button--filled:active .icon svg {
      fill: var(--color-brand-secondary); }

.bg-variant-brand-primary.modal__dialog .button:not(.button--filled) {
  border-color: var(--color-brand-tertiary);
  color: var(--color-white); }
  .bg-variant-brand-primary.modal__dialog .button:not(.button--filled) .icon svg {
    fill: var(--color-white); }
  .bg-variant-brand-primary.modal__dialog .button:not(.button--filled):hover, .bg-variant-brand-primary.modal__dialog .button:not(.button--filled):focus {
    background-color: var(--color-brand-tertiary);
    color: var(--color-brand-secondary); }
    .bg-variant-brand-primary.modal__dialog .button:not(.button--filled):hover .icon svg, .bg-variant-brand-primary.modal__dialog .button:not(.button--filled):focus .icon svg {
      fill: var(--color-brand-secondary); }
  .bg-variant-brand-primary.modal__dialog .button:not(.button--filled):active {
    background-color: var(--color-brand-tertiary-shade-110);
    color: var(--color-brand-secondary);
    border-color: var(--color-brand-tertiary-shade-110); }
    .bg-variant-brand-primary.modal__dialog .button:not(.button--filled):active .icon svg {
      fill: var(--color-brand-secondary); }

.bg-variant-brand-primary.modal__dialog .icon--alternative {
  color: var(--color-white); }
  .bg-variant-brand-primary.modal__dialog .icon--alternative:hover {
    color: var(--color-brand-secondary); }

.bg-variant-brand-primary.modal__dialog a {
  color: var(--color-white); }

.bg-variant-brand-secondary.modal__dialog .button.button--filled {
  background: var(--color-brand-tertiary);
  border-color: var(--color-brand-tertiary);
  color: var(--color-brand-secondary); }
  .bg-variant-brand-secondary.modal__dialog .button.button--filled .icon svg {
    fill: var(--color-brand-secondary); }
  .bg-variant-brand-secondary.modal__dialog .button.button--filled:hover, .bg-variant-brand-secondary.modal__dialog .button.button--filled:focus {
    background-color: var(--color-white);
    color: var(--color-brand-secondary);
    border-color: var(--color-white); }
    .bg-variant-brand-secondary.modal__dialog .button.button--filled:hover .icon svg, .bg-variant-brand-secondary.modal__dialog .button.button--filled:focus .icon svg {
      fill: var(--color-brand-secondary); }
  .bg-variant-brand-secondary.modal__dialog .button.button--filled:active {
    background-color: var(--color-brand-tertiary-shade-110);
    color: var(--color-brand-secondary);
    border-color: var(--color-brand-tertiary-shade-110); }
    .bg-variant-brand-secondary.modal__dialog .button.button--filled:active .icon svg {
      fill: var(--color-brand-secondary); }

.bg-variant-brand-secondary.modal__dialog .button:not(.button--filled) {
  border-color: var(--color-brand-tertiary);
  color: var(--color-white); }
  .bg-variant-brand-secondary.modal__dialog .button:not(.button--filled) .icon svg {
    fill: var(--color-white); }
  .bg-variant-brand-secondary.modal__dialog .button:not(.button--filled):hover, .bg-variant-brand-secondary.modal__dialog .button:not(.button--filled):focus {
    background-color: var(--color-brand-tertiary);
    color: var(--color-brand-secondary); }
    .bg-variant-brand-secondary.modal__dialog .button:not(.button--filled):hover .icon svg, .bg-variant-brand-secondary.modal__dialog .button:not(.button--filled):focus .icon svg {
      fill: var(--color-brand-secondary); }
  .bg-variant-brand-secondary.modal__dialog .button:not(.button--filled):active {
    background-color: var(--color-brand-tertiary-shade-110);
    color: var(--color-brand-secondary);
    border-color: var(--color-brand-tertiary-shade-110); }
    .bg-variant-brand-secondary.modal__dialog .button:not(.button--filled):active .icon svg {
      fill: var(--color-brand-secondary); }

.bg-variant-brand-secondary.modal__dialog .icon--alternative {
  color: var(--color-white); }
  .bg-variant-brand-secondary.modal__dialog .icon--alternative:hover {
    color: var(--color-brand-primary); }

.bg-variant-brand-secondary.modal__dialog a {
  color: var(--color-white); }

.bg-variant-brand-tertiary.modal__dialog .button.button--filled {
  background: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
  color: var(--color-white); }
  .bg-variant-brand-tertiary.modal__dialog .button.button--filled .icon svg {
    fill: var(--color-white); }
  .bg-variant-brand-tertiary.modal__dialog .button.button--filled:hover, .bg-variant-brand-tertiary.modal__dialog .button.button--filled:focus {
    background-color: var(--color-brand-primary-tint-80);
    color: var(--color-white);
    border-color: var(--color-brand-primary-tint-80); }
    .bg-variant-brand-tertiary.modal__dialog .button.button--filled:hover .icon svg, .bg-variant-brand-tertiary.modal__dialog .button.button--filled:focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-tertiary.modal__dialog .button.button--filled:active {
    background-color: var(--color-brand-primary-shade-130);
    color: var(--color-white);
    border-color: var(--color-brand-primary-shade-130); }
    .bg-variant-brand-tertiary.modal__dialog .button.button--filled:active .icon svg {
      fill: var(--color-white); }

.bg-variant-brand-tertiary.modal__dialog .button:not(.button--filled) {
  border-color: var(--color-brand-secondary);
  color: var(--color-brand-secondary); }
  .bg-variant-brand-tertiary.modal__dialog .button:not(.button--filled) .icon svg {
    fill: var(--color-brand-secondary); }
  .bg-variant-brand-tertiary.modal__dialog .button:not(.button--filled):hover, .bg-variant-brand-tertiary.modal__dialog .button:not(.button--filled):focus {
    background-color: var(--color-brand-secondary);
    color: var(--color-white); }
    .bg-variant-brand-tertiary.modal__dialog .button:not(.button--filled):hover .icon svg, .bg-variant-brand-tertiary.modal__dialog .button:not(.button--filled):focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-tertiary.modal__dialog .button:not(.button--filled):active {
    background-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-tertiary.modal__dialog .button:not(.button--filled):active .icon svg {
      fill: var(--color-white); }

.bg-variant-brand-tertiary.modal__dialog .icon--alternative {
  color: var(--color-brand-primary); }
  .bg-variant-brand-tertiary.modal__dialog .icon--alternative:hover {
    color: var(--color-brand-primary-shade-130); }

.bg-variant-brand-tertiary.modal__dialog a {
  color: var(--color-brand-secondary); }

.bg-variant-white.modal__dialog .button.button--filled {
  background: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
  color: var(--color-white); }
  .bg-variant-white.modal__dialog .button.button--filled .icon svg {
    fill: var(--color-white); }
  .bg-variant-white.modal__dialog .button.button--filled:hover, .bg-variant-white.modal__dialog .button.button--filled:focus {
    background-color: var(--color-brand-primary-tint-80);
    color: var(--color-white);
    border-color: var(--color-brand-primary-tint-80); }
    .bg-variant-white.modal__dialog .button.button--filled:hover .icon svg, .bg-variant-white.modal__dialog .button.button--filled:focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-white.modal__dialog .button.button--filled:active {
    background-color: var(--color-brand-primary-shade-130);
    color: var(--color-white);
    border-color: var(--color-brand-primary-shade-130); }
    .bg-variant-white.modal__dialog .button.button--filled:active .icon svg {
      fill: var(--color-white); }

.bg-variant-white.modal__dialog .button:not(.button--filled) {
  border-color: var(--color-brand-primary);
  color: var(--color-brand-primary); }
  .bg-variant-white.modal__dialog .button:not(.button--filled) .icon svg {
    fill: var(--color-brand-primary); }
  .bg-variant-white.modal__dialog .button:not(.button--filled):hover, .bg-variant-white.modal__dialog .button:not(.button--filled):focus {
    background-color: var(--color-brand-primary);
    color: var(--color-white); }
    .bg-variant-white.modal__dialog .button:not(.button--filled):hover .icon svg, .bg-variant-white.modal__dialog .button:not(.button--filled):focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-white.modal__dialog .button:not(.button--filled):active {
    background-color: var(--color-brand-primary-shade-130);
    color: var(--color-white);
    border-color: var(--color-brand-primary-shade-130); }
    .bg-variant-white.modal__dialog .button:not(.button--filled):active .icon svg {
      fill: var(--color-white); }

.bg-variant-white.modal__dialog .icon--alternative {
  color: var(--color-brand-primary); }
  .bg-variant-white.modal__dialog .icon--alternative:hover {
    color: var(--color-brand-primary-shade-130); }

.bg-variant-white.modal__dialog a {
  color: var(--color-brand-primary); }

.bg-variant-brand-quaternary.modal__dialog .button.button--filled {
  background: var(--color-brand-secondary);
  border-color: var(--color-brand-secondary);
  color: var(--color-white); }
  .bg-variant-brand-quaternary.modal__dialog .button.button--filled .icon svg {
    fill: var(--color-white); }
  .bg-variant-brand-quaternary.modal__dialog .button.button--filled:hover, .bg-variant-brand-quaternary.modal__dialog .button.button--filled:focus {
    background-color: var(--color-brand-secondary-tint-80);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-tint-80); }
    .bg-variant-brand-quaternary.modal__dialog .button.button--filled:hover .icon svg, .bg-variant-brand-quaternary.modal__dialog .button.button--filled:focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-quaternary.modal__dialog .button.button--filled:active {
    background-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-quaternary.modal__dialog .button.button--filled:active .icon svg {
      fill: var(--color-white); }

.bg-variant-brand-quaternary.modal__dialog .button:not(.button--filled) {
  border-color: var(--color-brand-secondary);
  color: var(--color-brand-secondary); }
  .bg-variant-brand-quaternary.modal__dialog .button:not(.button--filled) .icon svg {
    fill: var(--color-brand-secondary); }
  .bg-variant-brand-quaternary.modal__dialog .button:not(.button--filled):hover, .bg-variant-brand-quaternary.modal__dialog .button:not(.button--filled):focus {
    background-color: var(--color-brand-secondary);
    color: var(--color-white); }
    .bg-variant-brand-quaternary.modal__dialog .button:not(.button--filled):hover .icon svg, .bg-variant-brand-quaternary.modal__dialog .button:not(.button--filled):focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-quaternary.modal__dialog .button:not(.button--filled):active {
    background-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-quaternary.modal__dialog .button:not(.button--filled):active .icon svg {
      fill: var(--color-white); }

.bg-variant-brand-quaternary.modal__dialog .icon--alternative {
  color: var(--color-brand-secondary); }
  .bg-variant-brand-quaternary.modal__dialog .icon--alternative:hover {
    color: var(--color-brand-secondary-shade-180); }

.bg-variant-brand-quaternary.modal__dialog a {
  color: var(--color-brand-secondary); }

.bg-variant-brand-quinary.modal__dialog .button.button--filled {
  background: var(--color-brand-secondary);
  border-color: var(--color-brand-secondary);
  color: var(--color-white); }
  .bg-variant-brand-quinary.modal__dialog .button.button--filled .icon svg {
    fill: var(--color-white); }
  .bg-variant-brand-quinary.modal__dialog .button.button--filled:hover, .bg-variant-brand-quinary.modal__dialog .button.button--filled:focus {
    background-color: var(--color-brand-secondary-tint-80);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-tint-80); }
    .bg-variant-brand-quinary.modal__dialog .button.button--filled:hover .icon svg, .bg-variant-brand-quinary.modal__dialog .button.button--filled:focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-quinary.modal__dialog .button.button--filled:active {
    background-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-quinary.modal__dialog .button.button--filled:active .icon svg {
      fill: var(--color-white); }

.bg-variant-brand-quinary.modal__dialog .button:not(.button--filled) {
  border-color: var(--color-brand-secondary);
  color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-quinary.modal__dialog .button:not(.button--filled) .icon svg {
    fill: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-quinary.modal__dialog .button:not(.button--filled):hover, .bg-variant-brand-quinary.modal__dialog .button:not(.button--filled):focus {
    background-color: var(--color-brand-secondary);
    color: var(--color-white); }
    .bg-variant-brand-quinary.modal__dialog .button:not(.button--filled):hover .icon svg, .bg-variant-brand-quinary.modal__dialog .button:not(.button--filled):focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-quinary.modal__dialog .button:not(.button--filled):active {
    background-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-quinary.modal__dialog .button:not(.button--filled):active .icon svg {
      fill: var(--color-white); }

.bg-variant-brand-quinary.modal__dialog .icon--alternative {
  color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-quinary.modal__dialog .icon--alternative:hover {
    color: var(--color-brand-secondary-shade-180); }

.bg-variant-brand-quinary.modal__dialog a {
  color: var(--color-brand-secondary-shade-180); }

.bg-variant-brand-senary.modal__dialog .button.button--filled {
  background: var(--color-brand-secondary);
  border-color: var(--color-brand-secondary);
  color: var(--color-white); }
  .bg-variant-brand-senary.modal__dialog .button.button--filled .icon svg {
    fill: var(--color-white); }
  .bg-variant-brand-senary.modal__dialog .button.button--filled:hover, .bg-variant-brand-senary.modal__dialog .button.button--filled:focus {
    background-color: var(--color-brand-secondary-tint-80);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-tint-80); }
    .bg-variant-brand-senary.modal__dialog .button.button--filled:hover .icon svg, .bg-variant-brand-senary.modal__dialog .button.button--filled:focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-senary.modal__dialog .button.button--filled:active {
    background-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-senary.modal__dialog .button.button--filled:active .icon svg {
      fill: var(--color-white); }

.bg-variant-brand-senary.modal__dialog .button:not(.button--filled) {
  border-color: var(--color-brand-secondary);
  color: var(--color-brand-secondary); }
  .bg-variant-brand-senary.modal__dialog .button:not(.button--filled) .icon svg {
    fill: var(--color-brand-secondary); }
  .bg-variant-brand-senary.modal__dialog .button:not(.button--filled):hover, .bg-variant-brand-senary.modal__dialog .button:not(.button--filled):focus {
    background-color: var(--color-brand-secondary);
    color: var(--color-white); }
    .bg-variant-brand-senary.modal__dialog .button:not(.button--filled):hover .icon svg, .bg-variant-brand-senary.modal__dialog .button:not(.button--filled):focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-senary.modal__dialog .button:not(.button--filled):active {
    background-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-senary.modal__dialog .button:not(.button--filled):active .icon svg {
      fill: var(--color-white); }

.bg-variant-brand-senary.modal__dialog .icon--alternative {
  color: var(--color-brand-secondary); }
  .bg-variant-brand-senary.modal__dialog .icon--alternative:hover {
    color: var(--color-brand-secondary-shade-180); }

.bg-variant-brand-senary.modal__dialog a {
  color: var(--color-brand-secondary); }

.modal__dialog.bg-brand--off-white .modal__close svg {
  color: #2175d9; }

@media (max-width: 940px) {
  .modal__dialog {
    height: 100%; }
  .modal:not(.modal--popup):not(.modal--navigation) .modal__header {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: 0s;
    transition: 0s; }
    .modal:not(.modal--popup):not(.modal--navigation) .modal__header--divider-in {
      min-height: 50px;
      padding: 10px 25px 10px; }
      .modal:not(.modal--popup):not(.modal--navigation) .modal__header--divider-in .modal__title {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 30px;
        text-transform: lowercase;
        -webkit-transition: 0.2s ease;
        transition: 0.2s ease; }
      .modal:not(.modal--popup):not(.modal--navigation) .modal__header--divider-in .modal__close {
        height: 30px;
        margin-top: -4px; }
        .modal:not(.modal--popup):not(.modal--navigation) .modal__header--divider-in .modal__close .icon {
          width: 15px; }
  .modal.modal--active:not(.modal--popup):not(.modal--navigation) .modal__header {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.7s;
    transition: -webkit-transform 0.7s;
    transition: transform 0.7s;
    transition: transform 0.7s, -webkit-transform 0.7s; }
  .modal__close {
    height: 40px;
    margin-right: -10px;
    cursor: none;
    margin-top: -6px;
    position: relative;
    width: 40px; }
    .modal__close .icon {
      top: 10px; }
  .modal__main, .modal__footer {
    opacity: 0; }
  .modal__main {
    overflow-y: auto;
    padding: 0 25px 230px; }
  .modal__footer {
    bottom: 0;
    position: absolute;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  .modal .modal__dialog::before {
    -webkit-transition: 0.3s;
    transition: 0.3s; }
  .modal .modal__main {
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
    .modal .modal__main::after {
      -webkit-transition: 0.3s 0.1s;
      transition: 0.3s 0.1s; }
  .modal .modal__footer {
    opacity: 0;
    -webkit-transition: opacity 0.2s 0.1s, -webkit-transform 0.3s;
    transition: opacity 0.2s 0.1s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.2s 0.1s;
    transition: transform 0.3s, opacity 0.2s 0.1s, -webkit-transform 0.3s; }
  .modal--active {
    visibility: visible; }
    .modal--active .modal__dialog::before {
      opacity: 1;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
    .modal--active .modal__main {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition-duration: 0.9s;
      transition-duration: 0.9s; }
      .modal--active .modal__main::after {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s; }
    .modal--active .modal__footer {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: opacity 0.2s 0.7s, -webkit-transform 0.2s 0.7s;
      transition: opacity 0.2s 0.7s, -webkit-transform 0.2s 0.7s;
      transition: transform 0.2s 0.7s, opacity 0.2s 0.7s;
      transition: transform 0.2s 0.7s, opacity 0.2s 0.7s, -webkit-transform 0.2s 0.7s; } }

@media (min-width: 941px) {
  .modal {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    padding: 50px 0;
    -webkit-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s;
    transition: background-color 0.3s, opacity 0.3s, visibility 0.3s;
    z-index: 3; }
    .modal--active {
      background: rgba(15, 25, 65, 0.7);
      opacity: 1; }
    .modal__dialog {
      border-radius: 8px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      height: auto;
      margin-top: -20px;
      max-height: 100%;
      opacity: 0;
      overflow: hidden;
      -webkit-transform: translateY(10%);
      transform: translateY(10%);
      -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
      transition: opacity 0.3s, -webkit-transform 0.3s;
      transition: transform 0.3s, opacity 0.3s;
      transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
      width: 450px; }
    .modal--active .modal__dialog {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    .modal__close {
      height: 30px; }
    .modal__header, .modal.form__header {
      padding-top: 30px; }
    .modal__header, .modal__main {
      padding-left: 30px;
      padding-right: 30px; }
    .modal__footer {
      padding: 30px 30px;
      position: static; }
    .modal__main {
      height: 100%;
      overflow-y: auto; }
      .modal__main--overflow {
        border-bottom: 0; }
      .modal__main--overflow::after {
        content: '';
        display: block;
        padding-bottom: 30px; } }

html.modal-open body {
  height: 100%;
  overflow: hidden;
  position: fixed;
  width: 100%; }

.modal__overlay {
  background: #0f1941;
  bottom: 0;
  left: 0;
  max-height: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  -webkit-transition: opacity 0.2s, max-height 0s 0.2s;
  transition: opacity 0.2s, max-height 0s 0.2s;
  top: 0;
  z-index: 2; }
  .modal__overlay--active {
    max-height: 100%;
    opacity: 0.7;
    -webkit-transition: opacity 0.2s, max-height 0s 0s;
    transition: opacity 0.2s, max-height 0s 0s; }
    .modal__overlay--active.modal__overlay--light {
      opacity: 0.3; }

.person__profile + .person__profile {
  margin-top: 50px; }

.person__profile .contact-details {
  margin-top: 20px; }

.person__profile .social__list {
  margin-top: 30px; }

.person__name {
  font-size: 26px;
  letter-spacing: -1px;
  line-height: 30px;
  text-transform: lowercase; }

.person__description + .social__list {
  margin-top: 20px; }

.person__info p:not(.person__title), .person__description {
  margin-bottom: 0;
  margin-top: 20px; }

.person__title {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: 0;
  margin-top: 10px; }

.person--s {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .person--s .person__description {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    margin-left: 20px;
    margin-top: 0; }

@media (min-width: 941px) {
  .person__profile + .person__profile {
    margin-top: 80px; }
  .my-environment-container .person__initials {
    margin-bottom: 0; } }

.person__name {
  color: var(--color-brand-primary); }
  .bg-variant-brand-primary .person__name {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-secondary .person__name {
    color: var(--color-brand-primary); }
  .bg-variant-brand-tertiary .person__name {
    color: var(--color-brand-primary); }
  .bg-variant-white .person__name {
    color: var(--color-brand-primary); }
  .bg-variant-brand-quaternary .person__name {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .person__name {
    color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-senary .person__name {
    color: var(--color-brand-secondary); }

.bg-brand--off-white .contact-details__link .icon,
.bg-brand--white .contact-details__link .icon {
  color: #0f1941; }

.button-group {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: -10px;
  overflow: hidden; }
  .button-group .button {
    margin-top: 10px; }
  .button-group--full-width {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

@media (max-width: 940px) {
  .button-group {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px; }
    .button-group .button {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      margin-left: 5px;
      margin-right: 5px; } }

@media (min-width: 941px) {
  .button-group:not(.button-group--reverse-on-l) .button:first-child {
    margin-right: 5px; }
  .button-group:not(.button-group--reverse-on-l) .button:last-child {
    margin-left: 5px; }
  .button-group--reverse-on-l .button:first-child {
    margin-left: 5px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .button-group--reverse-on-l .button:last-child {
    margin-right: 5px; }
  .button-group--options {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .button-group--options .button {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
    .button-group--options:not(.button-group--reverse-on-l) .button {
      margin-right: 10px; }
    .button-group--options:not(.button-group--reverse-on-l) .button:last-child {
      margin-left: 0; }
    .button-group--options:not(.button--full-width),
    .button-group--options a.button:not(.button--full-width) {
      max-width: 400px; } }

.footer__wrapper {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  padding-bottom: 40px;
  padding-top: 25px; }

.footer__grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .footer__grid:first-child {
    padding-bottom: 50px; }

.footer__column {
  width: 100%; }

.footer__info {
  margin-bottom: 30px;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  width: 100%; }
  .footer__info p:last-child {
    margin-bottom: 0; }
  .footer__info a[href^='tel'] {
    color: inherit;
    text-decoration: inherit; }
  .footer__info svg {
    margin-right: 5px; }

.footer__bottom-nav {
  margin-bottom: 0;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  width: 100%; }
  .footer__bottom-nav li {
    margin-bottom: 10px; }

.footer .social__list {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 30px;
  width: 100%; }
  .footer .social__list svg {
    -webkit-transition: fill 0.2s ease-out;
    transition: fill 0.2s ease-out; }

.footer--s .footer__wrapper {
  padding-bottom: 40px;
  padding-top: 40px; }

.footer--s .footer__grid:first-child {
  border-bottom: 0;
  padding-bottom: 0; }

@media (max-width: 940px) {
  .footer__grid.divider {
    border-bottom: 0; } }

@media (min-width: 941px) {
  .footer__wrapper {
    padding-bottom: 50px;
    padding-top: 80px; }
  .footer__grid + .footer__grid {
    margin-top: 30px; }
  .footer__column {
    width: calc((13/58) * 100%); }
    .footer__column .collapsible__button {
      display: none; }
  .footer .social__list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .footer__info p {
    margin-bottom: 30px;
    width: 100%; }
  .footer__bottom-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -10px; }
    .footer__bottom-nav ul li {
      margin-top: 0;
      margin-right: 30px; }
  .footer--s .footer__wrapper {
    padding-bottom: 50px;
    padding-top: 50px; } }

.footer__column .extensive-link-list__item {
  width: 100%; }

.footer__grid li a, .footer__grid li a:visited, .footer__grid li a:active,
.footer__info p,
.footer__info p:visited,
.footer__info p:active {
  color: var(--color-brand-secondary-tint-60);
  fill: var(--color-brand-secondary-tint-60); }
  .bg-variant-brand-secondary .footer__grid li a, .bg-variant-brand-secondary .footer__grid li a:visited, .bg-variant-brand-secondary .footer__grid li a:active, .bg-variant-brand-secondary
  .footer__info p, .bg-variant-brand-secondary
  .footer__info p:visited, .bg-variant-brand-secondary
  .footer__info p:active {
    color: var(--color-white-alpha-50); }
  .bg-variant-white .footer__grid li a, .bg-variant-white .footer__grid li a:visited, .bg-variant-white .footer__grid li a:active, .bg-variant-white
  .footer__info p, .bg-variant-white
  .footer__info p:visited, .bg-variant-white
  .footer__info p:active {
    color: var(--color-brand-secondary-tint-60); }

.footer .social__list svg:hover {
  fill: var(--color-brand-secondary); }
  .bg-variant-brand-secondary .footer .social__list svg:hover {
    fill: var(--color-white); }
  .bg-variant-white .footer .social__list svg:hover {
    fill: var(--color-brand-secondary); }

.bg-brand--dark-blue .footer__grid li a {
  color: rgba(247, 245, 240, 0.5); }

.bg-brand--dark-blue .footer__info svg,
.footer__info p {
  color: var(--color-brand-secondary-tint-60);
  fill: var(--color-brand-secondary-tint-60); }

.bg-brand--dark-blue .footer__grid svg {
  color: #fff; }

.bg-brand--dark-blue .footer .divider {
  border-color: #3c4464; }

.footer .social__list svg {
  color: var(--color-brand-secondary-tint-60);
  fill: var(--color-brand-secondary-tint-60); }

.bg-brand--white .footer .social__list svg:hover {
  fill: #0f1941; }

.bg-brand--dark-blue .footer .social__list svg:hover {
  fill: #f7f5f0; }

.indicator-percentage {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px; }
  .indicator-percentage__background {
    background: #d7d7d7;
    border-radius: 5px;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 10px;
    overflow: hidden; }
  .indicator-percentage__amount {
    background: #2175d9;
    border-radius: 5px;
    height: 10px; }
  .indicator-percentage__percentage {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    color: #2175d9; }
  .indicator-percentage__background + .indicator-percentage__percentage {
    margin-left: 10px; }

.indicator-percentage--s .indicator-percentage__background,
.indicator-percentage--s .indicator-percentage__amount {
  height: 6px; }

@media (max-width: 940px) {
  .navigation__bottom .breadcrumb {
    margin-right: auto;
    overflow: hidden; }
  .navigation__bottom .breadcrumb__link {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 15px;
    position: relative;
    -webkit-transition: none;
    transition: none; }
    .navigation__bottom .breadcrumb__link:hover {
      text-decoration: none; }
    .navigation__bottom .breadcrumb__link::before {
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg id='chevron-left-8' viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5,8 C5.244,8 4.988,7.902 4.793,7.707 L1.793,4.707 C1.402,4.316 1.402,3.684 1.793,3.293 L4.793,0.293 C5.184,-0.098 5.816,-0.098 6.207,0.293 C6.598,0.684 6.598,1.316 6.207,1.707 L3.914,4 L6.207,6.293 C6.598,6.684 6.598,7.316 6.207,7.707 C6.012,7.902 5.756,8 5.5,8'/%3E%3C/svg%3E%0A");
      mask-image: url("data:image/svg+xml,%3Csvg id='chevron-left-8' viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5,8 C5.244,8 4.988,7.902 4.793,7.707 L1.793,4.707 C1.402,4.316 1.402,3.684 1.793,3.293 L4.793,0.293 C5.184,-0.098 5.816,-0.098 6.207,0.293 C6.598,0.684 6.598,1.316 6.207,1.707 L3.914,4 L6.207,6.293 C6.598,6.684 6.598,7.316 6.207,7.707 C6.012,7.902 5.756,8 5.5,8'/%3E%3C/svg%3E%0A");
      background-color: #fff;
      content: '';
      height: 8px;
      left: 0;
      position: absolute;
      top: 10px;
      width: 8px; } }

@media (min-width: 941px) {
  .navigation__bottom .breadcrumb {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
    height: 15px;
    margin-top: 15px; }
    .navigation__bottom .breadcrumb__list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .navigation__bottom .breadcrumb__link {
      color: rgba(247, 245, 240, 0.5); }
    .navigation__bottom .breadcrumb__item + .breadcrumb__item {
      margin-left: 10px; }
    .navigation__bottom .breadcrumb__item + .breadcrumb__item::before {
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg id='chevron-right-8' viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.50025,0 C2.75625,0 3.01225,0.098 3.20725,0.293 L6.20725,3.293 C6.59825,3.684 6.59825,4.316 6.20725,4.707 L3.20725,7.707 C2.81625,8.098 2.18425,8.098 1.79325,7.707 C1.40225,7.316 1.40225,6.684 1.79325,6.293 L4.08625,4 L1.79325,1.707 C1.40225,1.316 1.40225,0.684 1.79325,0.293 C1.98825,0.098 2.24425,0 2.50025,0'/%3E%3C/svg%3E%0A");
      mask-image: url("data:image/svg+xml,%3Csvg id='chevron-right-8' viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.50025,0 C2.75625,0 3.01225,0.098 3.20725,0.293 L6.20725,3.293 C6.59825,3.684 6.59825,4.316 6.20725,4.707 L3.20725,7.707 C2.81625,8.098 2.18425,8.098 1.79325,7.707 C1.40225,7.316 1.40225,6.684 1.79325,6.293 L4.08625,4 L1.79325,1.707 C1.40225,1.316 1.40225,0.684 1.79325,0.293 C1.98825,0.098 2.24425,0 2.50025,0'/%3E%3C/svg%3E%0A");
      content: '';
      background-color: #fff;
      display: inline-block;
      height: 8px;
      margin-right: 7px;
      position: relative;
      width: 8px; } }

.bg-variant-brand-primary .navigation__bottom .breadcrumb__link:before {
  background-color: var(--color-white); }

@media (min-width: 941px) {
  .bg-variant-brand-primary .navigation__bottom .breadcrumb__item:before {
    background-color: var(--color-white-alpha-50); } }

.bg-variant-brand-secondary .navigation__bottom .breadcrumb__link:before {
  background-color: var(--color-white); }

@media (min-width: 941px) {
  .bg-variant-brand-secondary .navigation__bottom .breadcrumb__item:before {
    background-color: var(--color-white-alpha-50); } }

.bg-variant-brand-tertiary .navigation__bottom .breadcrumb__link:before {
  background-color: var(--color-brand-secondary); }

@media (min-width: 941px) {
  .bg-variant-brand-tertiary .navigation__bottom .breadcrumb__item:before {
    background-color: var(--color-brand-secondary-alpha-70); } }

.bg-variant-white .navigation__bottom .breadcrumb__link:before {
  background-color: var(--color-brand-primary); }

@media (min-width: 941px) {
  .bg-variant-white .navigation__bottom .breadcrumb__item:before {
    background-color: var(--color-brand-secondary-alpha-70); } }

.bg-variant-brand-quaternary .navigation__bottom .breadcrumb__link:before {
  background-color: var(--color-brand-secondary); }

@media (min-width: 941px) {
  .bg-variant-brand-quaternary .navigation__bottom .breadcrumb__item:before {
    background-color: var(--color-brand-secondary-alpha-70); } }

.bg-variant-brand-quinary .navigation__bottom .breadcrumb__link:before {
  background-color: var(--color-brand-secondary-shade-180); }

@media (min-width: 941px) {
  .bg-variant-brand-quinary .navigation__bottom .breadcrumb__item:before {
    background-color: var(--color-brand-secondary-alpha-70); } }

.bg-variant-brand-senary .navigation__bottom .breadcrumb__link:before {
  background-color: var(--color-brand-secondary); }

@media (min-width: 941px) {
  .bg-variant-brand-senary .navigation__bottom .breadcrumb__item:before {
    background-color: var(--color-brand-secondary-alpha-70); } }

.bg-brand--off-white .navigation__bottom .breadcrumb__link,
.bg-brand--white .navigation__bottom .breadcrumb__link,
.bg-brand--yellow .navigation__bottom .breadcrumb__link,
.bg-brand--turquoise .navigation__bottom .breadcrumb__link {
  color: #0f1941; }

@media (max-width: 940px) {
  .bg-brand--off-white .navigation__bottom .breadcrumb__link:before,
  .bg-brand--white .navigation__bottom .breadcrumb__link:before,
  .bg-brand--yellow .navigation__bottom .breadcrumb__link:before,
  .bg-brand--turquoise .navigation__bottom .breadcrumb__link:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8' fill='%230f1941'%3E%3Cpath d='M5.5,8 C5.244,8 4.988,7.902 4.793,7.707 L1.793,4.707 C1.402,4.316 1.402,3.684 1.793,3.293 L4.793,0.293 C5.184,-0.098 5.816,-0.098 6.207,0.293 C6.598,0.684 6.598,1.316 6.207,1.707 L3.914,4 L6.207,6.293 C6.598,6.684 6.598,7.316 6.207,7.707 C6.012,7.902 5.756,8 5.5,8'/%3E%3C/svg%3E%0A");
    opacity: 0.7;
    background-color: #0f1941; } }

.bg-brand--red .navigation__bottom .breadcrumb__link {
  color: #03050d; }

@media (max-width: 940px) {
  .bg-brand--red .navigation__bottom .breadcrumb__link:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8' fill='%2303050d'%3E%3Cpath d='M5.5,8 C5.244,8 4.988,7.902 4.793,7.707 L1.793,4.707 C1.402,4.316 1.402,3.684 1.793,3.293 L4.793,0.293 C5.184,-0.098 5.816,-0.098 6.207,0.293 C6.598,0.684 6.598,1.316 6.207,1.707 L3.914,4 L6.207,6.293 C6.598,6.684 6.598,7.316 6.207,7.707 C6.012,7.902 5.756,8 5.5,8'/%3E%3C/svg%3E%0A");
    opacity: 0.7;
    background-color: #03050d; } }

@media (min-width: 941px) {
  .bg-brand--blue .navigation__bottom .breadcrumb__item + .breadcrumb__item:before,
  .bg-brand--dark-blue .navigation__bottom .breadcrumb__item + .breadcrumb__item:before {
    background-color: #fff;
    opacity: 0.5; }
  .bg-brand--off-white .navigation__bottom .breadcrumb__item + .breadcrumb__item:before,
  .bg-brand--white .navigation__bottom .breadcrumb__item + .breadcrumb__item:before,
  .bg-brand--yellow .navigation__bottom .breadcrumb__item + .breadcrumb__item:before,
  .bg-brand--turquoise .navigation__bottom .breadcrumb__item + .breadcrumb__item:before,
  .navigation--dark-from-l .navigation__bottom .breadcrumb__item + .breadcrumb__item:before {
    background-color: #0f1941;
    opacity: 0.5; }
  .bg-brand--red .navigation__bottom .breadcrumb__item + .breadcrumb__item::before {
    background-color: #03050d;
    opacity: 0.5; } }

.language__dropdown {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  position: relative;
  width: 60px; }
  .language__dropdown .icon--language {
    left: 0;
    z-index: 0; }
    .language__dropdown .icon--language svg {
      height: 20px;
      width: 20px; }
  .language__dropdown select,
  .language__dropdown select:active,
  .language__dropdown select:focus {
    padding: 0 25px; }
  .language__dropdown select {
    background: transparent;
    border: none;
    cursor: pointer;
    color: currentColor;
    min-height: unset;
    text-overflow: initial;
    width: auto;
    z-index: 2; }
    .language__dropdown select::-ms-expand {
      display: none; }
    .language__dropdown select option {
      color: #0f1941; }
  .language__dropdown .select--status {
    height: 8px;
    width: 8px; }
  @media (max-width: 940px) {
    .bg-brand--dark-blue .language__dropdown .icon--language svg,
    .bg-brand--blue .language__dropdown .icon--language svg {
      color: rgba(247, 245, 240, 0.5); }
    .bg-brand--yellow .language__dropdown .icon--language svg,
    .bg-brand--off-white .language__dropdown .icon--language svg,
    .bg-brand--white .language__dropdown .icon--language svg,
    .bg-brand--turquoise .language__dropdown .icon--language svg,
    .bg-brand--red .language__dropdown .icon--language svg {
      color: rgba(15, 25, 65, 0.3); } }
  @media (min-width: 941px) {
    .language__dropdown {
      height: 60px;
      cursor: pointer; }
      .language__dropdown select {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 25px; }
      .language__dropdown select,
      .language__dropdown .select--status {
        cursor: pointer; } }

.top-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .top-link__item {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px; }
  @media (max-width: 940px) {
    .top-link li + li {
      margin-left: 20px; }
    .top-link a {
      color: var(--color-brand-secondary-tint-60);
      fill: var(--color-brand-secondary-tint-60); }
    .accordion + .top-link {
      margin-top: 20px; } }
  @media (min-width: 941px) {
    .top-link__item {
      font-size: 12px;
      letter-spacing: 0;
      line-height: 15px; }
    .top-link li + li {
      margin-left: 10px; } }

.navigation .logo {
  display: inline-block;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 130px; }
  .navigation .logo svg {
    height: 19.42px;
    width: 130px; }

.navigation__top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid rgba(247, 245, 240, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  padding-top: 20px; }
  .bg-variant-brand-primary .navigation__top {
    border-color: var(--color-white-alpha-30); }
  .bg-variant-brand-secondary .navigation__top {
    border-color: var(--color-white-alpha-30); }
  .bg-variant-brand-tertiary .navigation__top {
    border-color: var(--color-gray-20); }
  .bg-variant-white .navigation__top {
    border-color: var(--color-gray-20); }
  .bg-variant-brand-quaternary .navigation__top {
    border-color: var(--color-brand-secondary-alpha-30); }
  .bg-variant-brand-quinary .navigation__top {
    border-color: var(--color-brand-secondary-alpha-30); }
  .bg-variant-brand-senary .navigation__top {
    border-color: var(--color-brand-secondary-alpha-30); }
  .bg-brand--yellow .navigation__top,
  .bg-brand--turquoise .navigation__top,
  .bg-brand--red .navigation__top {
    border-color: rgba(15, 25, 65, 0.3); }
  .bg-brand--off-white .navigation__top {
    border-color: #d7d7d7; }
  .my-environment .navigation__top {
    border-bottom: none; }

.navigation__service {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto; }
  .navigation__service-item {
    line-height: 20px;
    margin-left: 10px; }
    .navigation__service-item .icon--xs {
      margin-left: 5px; }
  .navigation__service .favorites__counter {
    margin-left: 10px; }
  .navigation__service .person__initials {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: content-box;
    border: 2px solid #f7f5f0;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    width: 20px; }
    .navigation__service .person__initials span {
      font-size: 12px;
      letter-spacing: 0;
      line-height: 15px;
      color: #f7f5f0;
      left: initial;
      margin-top: -1px;
      position: initial;
      top: initial;
      -webkit-transform: initial;
      transform: initial; }
  .bg-variant-brand-primary .navigation__service a {
    color: var(--color-white); }
  .bg-variant-brand-secondary .navigation__service a {
    color: var(--color-white); }
  .bg-variant-brand-tertiary .navigation__service a {
    color: var(--color-brand-secondary); }
  .bg-variant-white .navigation__service a {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quaternary .navigation__service a {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .navigation__service a {
    color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-senary .navigation__service a {
    color: var(--color-brand-secondary); }

.navigation__service-my-randstad.active {
  position: relative;
  z-index: 3; }

@media (max-width: 940px) {
  .modal--navigation {
    -webkit-transition: visibility;
    transition: visibility;
    visibility: hidden;
    z-index: 3; }
    .modal--navigation .bg-brand--off-white,
    .modal--navigation .bg-brand--white {
      opacity: 0;
      -webkit-transition: all 0.2s 0.3s;
      transition: all 0.2s 0.3s; }
    .modal--navigation .modal__dialog::before {
      opacity: 0; }
    .modal--navigation .modal__header {
      border-bottom: 1px solid transparent;
      height: 70px;
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s; }
      .modal--navigation .modal__header--divider-out {
        -webkit-transition: border 0.2s;
        transition: border 0.2s; }
      .modal--navigation .modal__header--divider-in {
        -webkit-transition: border 0.2s;
        transition: border 0.2s; }
    .modal--navigation .modal__main {
      padding-left: 25px;
      padding-right: 25px;
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
    .modal--navigation .modal__footer {
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
    .modal--navigation.modal--active {
      -webkit-transition: all;
      transition: all;
      visibility: visible;
      z-index: 2; }
      .modal--navigation.modal--active .bg-brand--off-white,
      .modal--navigation.modal--active .bg-brand--white {
        opacity: 1;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
      .modal--navigation.modal--active .modal__main {
        padding-top: 10px;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: opacity 0.3s ease-out 0.15s, -webkit-transform 0.3s ease-out 0.15s;
        transition: opacity 0.3s ease-out 0.15s, -webkit-transform 0.3s ease-out 0.15s;
        transition: transform 0.3s ease-out 0.15s, opacity 0.3s ease-out 0.15s;
        transition: transform 0.3s ease-out 0.15s, opacity 0.3s ease-out 0.15s, -webkit-transform 0.3s ease-out 0.15s; }
      .modal--navigation.modal--active .modal__footer {
        -webkit-transition: -webkit-transform 0.2s ease-out 0.25s;
        transition: -webkit-transform 0.2s ease-out 0.25s;
        transition: transform 0.2s ease-out 0.25s;
        transition: transform 0.2s ease-out 0.25s, -webkit-transform 0.2s ease-out 0.25s; }
  .navigation .logo {
    position: relative;
    z-index: 7; }
    .navigation .logo svg {
      -webkit-transition: fill 0.25s 0.15s;
      transition: fill 0.25s 0.15s; }
  .navigation__service {
    margin-top: 2px; }
    .navigation__service-link {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .bg-variant-brand-primary .navigation__service-link .icon {
        color: var(--color-white); }
      .bg-variant-brand-secondary .navigation__service-link .icon {
        color: var(--color-white); }
      .bg-variant-brand-tertiary .navigation__service-link .icon {
        color: var(--color-brand-secondary); }
      .bg-variant-white .navigation__service-link .icon {
        color: var(--color-brand-secondary); }
      .bg-variant-brand-quaternary .navigation__service-link .icon {
        color: var(--color-brand-secondary); }
      .bg-variant-brand-quinary .navigation__service-link .icon {
        color: var(--color-brand-secondary-shade-180); }
      .bg-variant-brand-senary .navigation__service-link .icon {
        color: var(--color-brand-secondary); }
  .navigation__service-my-randstad, .navigation__service-my-randstad:hover {
    text-decoration: none; }
  .navigation__service-my-randstad .icon--xs {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s; }
  .navigation__service-my-randstad.active .icon--xs {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .navigation__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px; }
    .navigation__bottom .breadcrumb,
    .navigation__bottom .language__dropdown {
      font-size: 16px;
      letter-spacing: 0;
      line-height: 25px;
      height: 25px;
      margin-top: 10px; }
    .bg-variant-brand-primary .navigation__bottom .language__dropdown .icon {
      color: var(--color-white); }
    .bg-variant-brand-secondary .navigation__bottom .language__dropdown .icon {
      color: var(--color-white-alpha-50); }
    .bg-variant-brand-tertiary .navigation__bottom .language__dropdown .icon {
      color: var(--color-brand-secondary-alpha-70); }
    .bg-variant-white .navigation__bottom .language__dropdown .icon {
      color: var(--color-brand-secondary-tint-60); }
    .bg-variant-brand-quaternary .navigation__bottom .language__dropdown .icon {
      color: var(--color-brand-secondary); }
    .bg-variant-brand-quinary .navigation__bottom .language__dropdown .icon {
      color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-senary .navigation__bottom .language__dropdown .icon {
      color: var(--color-dark-blue-alpha-70); }
  .navigation-accordion__sub {
    margin-bottom: 30px;
    margin-top: 3px; }
    .navigation-accordion__sub li + li {
      margin-top: 10px; }
  .navigation-accordion .collapsible__button {
    cursor: pointer; }
  .navigation-accordion .collapsible__trigger,
  .navigation-accordion .link-list__link {
    cursor: auto; }
  .navigation-accordion .collapsible__trigger .icon,
  .navigation-accordion .collapsible__trigger .icon__toggler--active .icon {
    color: #2175d9;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .navigation-accordion .collapsible__trigger .icon:hover svg,
    .navigation-accordion .collapsible__trigger .icon__toggler--active .icon:hover svg {
      fill: #2175d9; }
  .navigation .popover {
    position: absolute;
    right: 0;
    top: 69px; }
  .bg-brand--yellow .navigation__service-item .person__initials,
  .bg-brand--off-white .navigation__service-item .person__initials,
  .bg-brand--white .navigation__service-item .person__initials,
  .bg-brand--turquoise .navigation__service-item .person__initials,
  .bg-brand--red .navigation__service-item .person__initials {
    border-color: #0f1941; }
    .bg-brand--yellow .navigation__service-item .person__initials span,
    .bg-brand--off-white .navigation__service-item .person__initials span,
    .bg-brand--white .navigation__service-item .person__initials span,
    .bg-brand--turquoise .navigation__service-item .person__initials span,
    .bg-brand--red .navigation__service-item .person__initials span {
      color: #0f1941; }
  .bg-brand--yellow .navigation__service-item .favorites__counter,
  .bg-brand--off-white .navigation__service-item .favorites__counter,
  .bg-brand--white .navigation__service-item .favorites__counter,
  .bg-brand--turquoise .navigation__service-item .favorites__counter,
  .bg-brand--red .navigation__service-item .favorites__counter {
    color: #0f1941;
    margin-left: 10px; }
  .bg-brand--blue .navigation__service-item .favorites__counter,
  .bg-brand--dark-blue .navigation__service-item .favorites__counter {
    color: #f7f5f0;
    margin-left: 10px; }
  .navigation-accordion__sub {
    margin-bottom: 30px;
    margin-top: 3px; }
    .navigation-accordion__sub li + li {
      margin-top: 10px; }
  .navigation-accordion .collapsible__button {
    cursor: pointer; }
  .navigation-accordion .collapsible__trigger,
  .navigation-accordion .link-list__link {
    cursor: auto; } }

.header .navigation-accordion .collapsible__button::before, .header .navigation-accordion .collapsible__button::after {
  background: #2175d9; }

@media (max-width: 940px) {
  .modal-nav-open .navigation {
    position: static; }
  .modal-nav-open .modal--navigation .modal__header--divider {
    border-bottom: 1px solid #d7d7d7; }
  .modal-nav-open .logo {
    position: relative;
    z-index: 7; }
    .modal-nav-open .logo svg {
      fill: #2175d9;
      -webkit-transition: fill ease-in 0.25s 0.15s;
      transition: fill ease-in 0.25s 0.15s; } }

@media (min-width: 501px) {
  .navigation__service-my-randstad {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 130px; }
    .navigation__service-my-randstad span.hidden-until--l {
      display: none; }
    .navigation__service-my-randstad .icon + span,
    .navigation__service-my-randstad .person__initials + span,
    .navigation__service-my-randstad .avatar + span {
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-left: 10px; }
  .modal--navigation .modal__main,
  .modal--navigation .modal__footer {
    padding-left: 50px;
    padding-right: 50px; }
  .navigation__service--minimal ~ .popover::before {
    right: 80px; } }

@media (min-width: 941px) {
  .navigation {
    min-height: 166px;
    position: relative;
    z-index: 3; }
    .navigation__menu a,
    .navigation__link-bar a,
    .navigation__service a,
    .navigation .breadcrumb a {
      color: rgba(247, 245, 240, 0.5);
      -webkit-transition: color 0.2s;
      transition: color 0.2s;
      text-decoration: none; }
      .bg-brand--off-white .navigation__menu a,
      .bg-brand--white .navigation__menu a,
      .bg-brand--yellow .navigation__menu a,
      .bg-brand--turquoise .navigation__menu a,
      .bg-brand--red .navigation__menu a, .bg-brand--off-white
      .navigation__link-bar a,
      .bg-brand--white
      .navigation__link-bar a,
      .bg-brand--yellow
      .navigation__link-bar a,
      .bg-brand--turquoise
      .navigation__link-bar a,
      .bg-brand--red
      .navigation__link-bar a, .bg-brand--off-white
      .navigation__service a,
      .bg-brand--white
      .navigation__service a,
      .bg-brand--yellow
      .navigation__service a,
      .bg-brand--turquoise
      .navigation__service a,
      .bg-brand--red
      .navigation__service a, .bg-brand--off-white
      .navigation .breadcrumb a,
      .bg-brand--white
      .navigation .breadcrumb a,
      .bg-brand--yellow
      .navigation .breadcrumb a,
      .bg-brand--turquoise
      .navigation .breadcrumb a,
      .bg-brand--red
      .navigation .breadcrumb a {
        color: rgba(15, 25, 65, 0.7); }
      .bg-variant-brand-primary .navigation__menu a, .bg-variant-brand-primary
      .navigation__link-bar a, .bg-variant-brand-primary
      .navigation__service a, .bg-variant-brand-primary
      .navigation .breadcrumb a {
        color: var(--color-white); }
      .bg-variant-brand-secondary .navigation__menu a, .bg-variant-brand-secondary
      .navigation__link-bar a, .bg-variant-brand-secondary
      .navigation__service a, .bg-variant-brand-secondary
      .navigation .breadcrumb a {
        color: var(--color-white-alpha-50); }
      .bg-variant-brand-tertiary .navigation__menu a, .bg-variant-brand-tertiary
      .navigation__link-bar a, .bg-variant-brand-tertiary
      .navigation__service a, .bg-variant-brand-tertiary
      .navigation .breadcrumb a {
        color: var(--color-brand-secondary-alpha-70); }
      .bg-variant-white .navigation__menu a, .bg-variant-white
      .navigation__link-bar a, .bg-variant-white
      .navigation__service a, .bg-variant-white
      .navigation .breadcrumb a {
        color: var(--color-brand-secondary-tint-60); }
      .bg-variant-brand-quaternary .navigation__menu a, .bg-variant-brand-quaternary
      .navigation__link-bar a, .bg-variant-brand-quaternary
      .navigation__service a, .bg-variant-brand-quaternary
      .navigation .breadcrumb a {
        color: var(--color-brand-secondary); }
      .bg-variant-brand-quinary .navigation__menu a, .bg-variant-brand-quinary
      .navigation__link-bar a, .bg-variant-brand-quinary
      .navigation__service a, .bg-variant-brand-quinary
      .navigation .breadcrumb a {
        color: var(--color-brand-secondary); }
      .bg-variant-brand-senary .navigation__menu a, .bg-variant-brand-senary
      .navigation__link-bar a, .bg-variant-brand-senary
      .navigation__service a, .bg-variant-brand-senary
      .navigation .breadcrumb a {
        color: var(--color-brand-secondary-alpha-70); }
    .navigation__menu a:hover,
    .navigation__link-bar a:hover,
    .navigation__service a:hover,
    .navigation .breadcrumb a:hover, .navigation__menu-item--active,
    .navigation__menu-item--active a,
    .navigation__service-item--active a {
      color: #f7f5f0;
      text-decoration: none; }
      .bg-brand--off-white .navigation__menu a:hover,
      .bg-brand--white .navigation__menu a:hover,
      .bg-brand--yellow .navigation__menu a:hover,
      .bg-brand--turquoise .navigation__menu a:hover,
      .bg-brand--red .navigation__menu a:hover, .bg-brand--off-white
      .navigation__link-bar a:hover,
      .bg-brand--white
      .navigation__link-bar a:hover,
      .bg-brand--yellow
      .navigation__link-bar a:hover,
      .bg-brand--turquoise
      .navigation__link-bar a:hover,
      .bg-brand--red
      .navigation__link-bar a:hover, .bg-brand--off-white
      .navigation__service a:hover,
      .bg-brand--white
      .navigation__service a:hover,
      .bg-brand--yellow
      .navigation__service a:hover,
      .bg-brand--turquoise
      .navigation__service a:hover,
      .bg-brand--red
      .navigation__service a:hover, .bg-brand--off-white
      .navigation .breadcrumb a:hover,
      .bg-brand--white
      .navigation .breadcrumb a:hover,
      .bg-brand--yellow
      .navigation .breadcrumb a:hover,
      .bg-brand--turquoise
      .navigation .breadcrumb a:hover,
      .bg-brand--red
      .navigation .breadcrumb a:hover, .bg-brand--off-white .navigation__menu-item--active,
      .bg-brand--white .navigation__menu-item--active,
      .bg-brand--yellow .navigation__menu-item--active,
      .bg-brand--turquoise .navigation__menu-item--active,
      .bg-brand--red .navigation__menu-item--active, .bg-brand--off-white
      .navigation__menu-item--active a,
      .bg-brand--white
      .navigation__menu-item--active a,
      .bg-brand--yellow
      .navigation__menu-item--active a,
      .bg-brand--turquoise
      .navigation__menu-item--active a,
      .bg-brand--red
      .navigation__menu-item--active a, .bg-brand--off-white
      .navigation__service-item--active a,
      .bg-brand--white
      .navigation__service-item--active a,
      .bg-brand--yellow
      .navigation__service-item--active a,
      .bg-brand--turquoise
      .navigation__service-item--active a,
      .bg-brand--red
      .navigation__service-item--active a {
        color: #0f1941; }
      .bg-variant-brand-primary .navigation__menu a:hover, .bg-variant-brand-primary
      .navigation__link-bar a:hover, .bg-variant-brand-primary
      .navigation__service a:hover, .bg-variant-brand-primary
      .navigation .breadcrumb a:hover, .bg-variant-brand-primary .navigation__menu-item--active, .bg-variant-brand-primary
      .navigation__menu-item--active a, .bg-variant-brand-primary
      .navigation__service-item--active a {
        color: var(--color-white); }
      .bg-variant-brand-secondary .navigation__menu a:hover, .bg-variant-brand-secondary
      .navigation__link-bar a:hover, .bg-variant-brand-secondary
      .navigation__service a:hover, .bg-variant-brand-secondary
      .navigation .breadcrumb a:hover, .bg-variant-brand-secondary .navigation__menu-item--active, .bg-variant-brand-secondary
      .navigation__menu-item--active a, .bg-variant-brand-secondary
      .navigation__service-item--active a {
        color: var(--color-white); }
      .bg-variant-brand-tertiary .navigation__menu a:hover, .bg-variant-brand-tertiary
      .navigation__link-bar a:hover, .bg-variant-brand-tertiary
      .navigation__service a:hover, .bg-variant-brand-tertiary
      .navigation .breadcrumb a:hover, .bg-variant-brand-tertiary .navigation__menu-item--active, .bg-variant-brand-tertiary
      .navigation__menu-item--active a, .bg-variant-brand-tertiary
      .navigation__service-item--active a {
        color: var(--color-brand-secondary); }
      .bg-variant-white .navigation__menu a:hover, .bg-variant-white
      .navigation__link-bar a:hover, .bg-variant-white
      .navigation__service a:hover, .bg-variant-white
      .navigation .breadcrumb a:hover, .bg-variant-white .navigation__menu-item--active, .bg-variant-white
      .navigation__menu-item--active a, .bg-variant-white
      .navigation__service-item--active a {
        color: var(--color-brand-secondary); }
      .bg-variant-brand-quaternary .navigation__menu a:hover, .bg-variant-brand-quaternary
      .navigation__link-bar a:hover, .bg-variant-brand-quaternary
      .navigation__service a:hover, .bg-variant-brand-quaternary
      .navigation .breadcrumb a:hover, .bg-variant-brand-quaternary .navigation__menu-item--active, .bg-variant-brand-quaternary
      .navigation__menu-item--active a, .bg-variant-brand-quaternary
      .navigation__service-item--active a {
        color: var(--color-brand-secondary); }
      .bg-variant-brand-quinary .navigation__menu a:hover, .bg-variant-brand-quinary
      .navigation__link-bar a:hover, .bg-variant-brand-quinary
      .navigation__service a:hover, .bg-variant-brand-quinary
      .navigation .breadcrumb a:hover, .bg-variant-brand-quinary .navigation__menu-item--active, .bg-variant-brand-quinary
      .navigation__menu-item--active a, .bg-variant-brand-quinary
      .navigation__service-item--active a {
        color: var(--color-brand-secondary-shade-180); }
      .bg-variant-brand-senary .navigation__menu a:hover, .bg-variant-brand-senary
      .navigation__link-bar a:hover, .bg-variant-brand-senary
      .navigation__service a:hover, .bg-variant-brand-senary
      .navigation .breadcrumb a:hover, .bg-variant-brand-senary .navigation__menu-item--active, .bg-variant-brand-senary
      .navigation__menu-item--active a, .bg-variant-brand-senary
      .navigation__service-item--active a {
        color: var(--color-brand-secondary); }
    .navigation__wrapper {
      position: relative; }
    .navigation__top {
      height: 121px;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      position: relative; }
    .navigation .logo {
      left: 0;
      position: absolute;
      top: 30px;
      width: 150px; }
      .navigation .logo svg {
        height: 22.41px;
        width: 150px; }
    .navigation__menu {
      font-size: 16px;
      letter-spacing: 0;
      line-height: 25px;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .navigation__menu-item {
        position: relative; }
      .navigation__menu li + li {
        margin-left: 25px; }
    .navigation__menu--main {
      margin-bottom: -1px;
      overflow: hidden; }
      .navigation__menu--main .navigation__menu-item {
        min-height: 45px;
        max-height: 59px;
        padding-bottom: 10px; }
      .navigation__menu--main .navigation__menu-item--active::after {
        background: currentColor;
        bottom: 0;
        content: '';
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%; }
        .my-environment .navigation__menu--main .navigation__menu-item--active::after {
          bottom: 2px; }
    .navigation__menu--sub {
      padding: 10px 0; }
    .navigation__service {
      font-size: 16px;
      letter-spacing: 0;
      line-height: 25px;
      margin-bottom: -1px; }
      .navigation__service-item {
        line-height: 60px;
        margin-left: 20px;
        position: relative; }
      .navigation__service-item--active a::after {
        background: currentColor;
        bottom: 0;
        content: '';
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%; }
      .navigation__service-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
      .navigation__service .icon {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        color: currentColor;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
        .navigation__service .icon:hover {
          color: currentColor; }
      .navigation__service .icon + span,
      .navigation__service .person__initials + span,
      .navigation__service .avatar + span {
        display: none; }
      .navigation__service span.favorites__counter {
        display: block;
        margin-left: 10px; }
      .navigation__service .person__initials {
        border-color: currentColor;
        height: 26px;
        width: 26px; }
      .navigation__service .person__initials span {
        color: currentColor; }
    .navigation__link-bar {
      position: absolute;
      right: 0;
      top: 5px; }
    .navigation.my-environment {
      min-height: unset; }
    .navigation.navigation--light-from-l {
      color: var(--color-white-alpha-50); }
      .navigation.navigation--light-from-l .navigation__menu a,
      .navigation.navigation--light-from-l .navigation__link-bar a,
      .navigation.navigation--light-from-l .navigation__service a,
      .navigation.navigation--light-from-l .breadcrumb a {
        color: var(--color-white-alpha-50); }
        .navigation.navigation--light-from-l .navigation__menu a:hover,
        .navigation.navigation--light-from-l .navigation__link-bar a:hover,
        .navigation.navigation--light-from-l .navigation__service a:hover,
        .navigation.navigation--light-from-l .breadcrumb a:hover {
          color: var(--color-white); }
      .navigation.navigation--light-from-l .navigation__menu-item.navigation__menu-item--active,
      .navigation.navigation--light-from-l .navigation__menu-item.navigation__menu-item--active a {
        color: var(--color-white); }
      .navigation.navigation--light-from-l .navigation__top {
        border-bottom-color: var(--color-white-alpha-50); }
      .navigation.navigation--light-from-l .logo svg {
        fill: var(--color-white); }
      .navigation.navigation--light-from-l .breadcrumb__item:before {
        background-color: var(--color-white); }
    .navigation.navigation--dark-from-l {
      color: var(--color-brand-secondary-alpha-70); }
      .navigation.navigation--dark-from-l .navigation__menu a,
      .navigation.navigation--dark-from-l .navigation__link-bar a,
      .navigation.navigation--dark-from-l .navigation__service a,
      .navigation.navigation--dark-from-l .breadcrumb a {
        color: var(--color-brand-secondary-alpha-70); }
        .navigation.navigation--dark-from-l .navigation__menu a:hover,
        .navigation.navigation--dark-from-l .navigation__link-bar a:hover,
        .navigation.navigation--dark-from-l .navigation__service a:hover,
        .navigation.navigation--dark-from-l .breadcrumb a:hover {
          color: var(--color-brand-secondary); }
      .navigation.navigation--dark-from-l .navigation__menu-item.navigation__menu-item--active,
      .navigation.navigation--dark-from-l .navigation__menu-item.navigation__menu-item--active a {
        color: var(--color-brand-secondary); }
      .navigation.navigation--dark-from-l .navigation__top {
        border-bottom-color: var(--color-brand-secondary-alpha-70); }
      .navigation.navigation--dark-from-l .logo svg {
        fill: var(--color-brand-primary); }
      .navigation.navigation--dark-from-l .breadcrumb__item:before {
        background-color: var(--color-brand-secondary-alpha-70); }
    .navigation .popover {
      color: #0f1941;
      position: absolute;
      right: -20px;
      top: 120px;
      z-index: 3; }
      .navigation .popover::before {
        right: 100px; }
    .navigation .navigation__service--minimal ~ .popover::before {
      right: 20px; } }

@media (min-width: 1281px) {
  .navigation {
    min-height: 135px; }
    .navigation__top {
      height: 90px; }
    .navigation .logo {
      position: static;
      margin-bottom: 24px;
      margin-right: 30px; }
    .navigation__service-item {
      margin-left: 30px; }
    .navigation__service .icon + span,
    .navigation__service .person__initials + span,
    .navigation__service .avatar + span {
      display: block;
      margin-left: 10px; }
    .navigation .popover {
      right: 0;
      top: 90px; }
      .navigation .popover::before {
        right: 160px; }
    .navigation .navigation__service--minimal ~ .popover::before {
      right: 80px; } }

@media (min-width: 1441px) {
  .navigation__top {
    margin: 0 -30px;
    padding: 26px 30px 0; }
  .navigation .logo {
    margin-right: 40px;
    width: 160px; }
    .navigation .logo svg {
      height: 26.89px;
      width: 160px; }
  .navigation__menu li + li {
    margin-left: 30px; }
  .navigation__link-bar {
    right: 30px; } }

.popover {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
  transition: opacity 0.2s, visibility 0.2s, transform 0.2s, -webkit-transform 0.2s;
  visibility: hidden;
  width: 100%;
  z-index: 3; }
  .popover::before {
    border-radius: 4px;
    content: '';
    height: 25px;
    position: absolute;
    right: 60px;
    top: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
    transition: opacity 0.2s, visibility 0.2s, transform 0.2s, -webkit-transform 0.2s;
    width: 25px; }
  .popover--arrow-right::before {
    right: 35px; }
  .popover--arrow-center::before {
    left: 47%; }
  .popover--arrow-left::before {
    left: 35px; }
  .popover__dialog {
    max-height: 0;
    padding: 20px 25px 30px;
    -webkit-transition: max-height 0s 0.2s;
    transition: max-height 0s 0.2s; }
  .popover--active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible; }
    .popover--active .popover__dialog {
      max-height: 600px;
      -webkit-transition: max-height 0s 0s;
      transition: max-height 0s 0s; }
  .popover__title {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px; }
    .popover__title + .body-copy {
      margin-top: 20px; }
  .popover__message {
    margin-top: 10px; }
    .popover__message p:last-child {
      margin: 0; }
  .popover__description,
  .popover__description p {
    margin-bottom: 20px; }
  .popover__action {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px; }
    .popover__action.divider {
      padding-bottom: 30px; }
    .popover__action .button {
      margin-left: 0;
      margin-right: 0; }
    .popover__action .button + .button {
      margin-top: 10px; }
  .popover__footer {
    margin-top: 20px; }
    .popover__footer p {
      margin-bottom: 0; }
    .popover__footer--link {
      display: block;
      text-align: center; }
  .popover .form-group {
    margin-top: 30px; }
    .popover .form-group__input + .form-group__input {
      margin-top: 10px; }
  .popover .person-profile {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .popover .person-profile__profile {
      margin-left: 15px;
      -webkit-box-flex: 2;
      -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
      flex-grow: 2; }
    .popover .person-profile__eyebrow {
      font-size: 12px;
      letter-spacing: 0;
      line-height: 15px;
      display: block; }
  .popover .link-list {
    margin-top: 20px; }
    .popover .link-list.divider {
      padding-bottom: 30px; }
    .popover .link-list__item {
      border: none;
      margin-top: 15px;
      width: 100%; }
      .popover .link-list__item:first-child {
        border-top: none;
        margin-top: 0; }
    .popover .link-list__link {
      font-size: 18px;
      letter-spacing: 0;
      line-height: 30px;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 0; }
      .popover .link-list__link .icon {
        margin-right: 15px; }

@media (min-width: 501px) and (max-width: 940px) {
  .popover::before {
    right: 80px; } }

@media (min-width: 501px) {
  .popover {
    border-radius: 8px;
    width: 385px; }
    .popover__dialog {
      border-radius: 8px;
      padding: 30px; } }

.popover--s {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative; }
  .popover--s .icon__toggler {
    height: 20px; }
  .popover--s .icon {
    cursor: pointer;
    display: inline-block;
    position: relative; }
  .popover--s .popover {
    border-width: 1px;
    border-style: solid;
    max-width: 400px;
    min-width: 100px;
    position: absolute;
    text-align: left;
    top: 25px;
    width: auto; }
    .popover--s .popover::before {
      display: none; }
    .popover--s .popover .popover__dialog {
      padding: 10px 0; }
    .popover--s .popover .popover__dialog li a {
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #2175d9;
      display: block;
      padding: 5px 15px;
      text-decoration: none; }
      .popover--s .popover .popover__dialog li a:hover {
        background: #ecf3fc; }
  .popover--s.align-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto; }
  .popover--s.align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }

.bg-variant-brand-tertiary.popover::before {
  background: var(--color-brand-tertiary); }

.bg-variant-brand-tertiary.popover .list--checks li:before {
  background-color: var(--color-brand-primary); }

.bg-variant-brand-tertiary.popover .link-list__link {
  color: var(--color-brand-secondary); }
  .bg-variant-brand-tertiary.popover .link-list__link:hover {
    color: var(--color-brand-secondary); }

.bg-variant-brand-tertiary.popover .link-list__link .icon {
  color: var(--color-brand-secondary-tint-80); }

.bg-variant-brand-tertiary.popover .divider {
  border-color: var(--color-gray-20); }

.bg-variant-brand-tertiary.popover a {
  color: var(--color-brand-secondary); }
  .bg-variant-brand-tertiary.popover a:hover {
    color: var(--color-brand-secondary); }

.bg-variant-brand-tertiary.popover .button.button--filled {
  background: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
  color: var(--color-white); }
  .bg-variant-brand-tertiary.popover .button.button--filled .icon svg {
    fill: var(--color-white); }
  .bg-variant-brand-tertiary.popover .button.button--filled:hover, .bg-variant-brand-tertiary.popover .button.button--filled:focus {
    background-color: var(--color-brand-primary-tint-80);
    color: var(--color-white);
    border-color: var(--color-brand-primary-tint-80); }
    .bg-variant-brand-tertiary.popover .button.button--filled:hover .icon svg, .bg-variant-brand-tertiary.popover .button.button--filled:focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-tertiary.popover .button.button--filled:active {
    background-color: var(--color-brand-primary-shade-130);
    color: var(--color-white);
    border-color: var(--color-brand-primary-shade-130); }
    .bg-variant-brand-tertiary.popover .button.button--filled:active .icon svg {
      fill: var(--color-white); }

.bg-variant-brand-tertiary.popover .button:not(.button--filled) {
  border-color: var(--color-brand-secondary);
  color: var(--color-brand-secondary); }
  .bg-variant-brand-tertiary.popover .button:not(.button--filled) .icon svg {
    fill: var(--color-brand-secondary); }
  .bg-variant-brand-tertiary.popover .button:not(.button--filled):hover, .bg-variant-brand-tertiary.popover .button:not(.button--filled):focus {
    background-color: var(--color-brand-secondary);
    color: var(--color-white); }
    .bg-variant-brand-tertiary.popover .button:not(.button--filled):hover .icon svg, .bg-variant-brand-tertiary.popover .button:not(.button--filled):focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-brand-tertiary.popover .button:not(.button--filled):active {
    background-color: var(--color-brand-secondary-shade-180);
    color: var(--color-white);
    border-color: var(--color-brand-secondary-shade-180); }
    .bg-variant-brand-tertiary.popover .button:not(.button--filled):active .icon svg {
      fill: var(--color-white); }

.bg-variant-brand-tertiary.popover .text--emphasis {
  color: var(--color-brand-primary); }

.bg-variant-white.popover::before {
  background: var(--color-white); }

.bg-variant-white.popover .list--checks li:before {
  background-color: var(--color-brand-primary); }

.bg-variant-white.popover .link-list__link {
  color: var(--color-brand-primary); }
  .bg-variant-white.popover .link-list__link:hover {
    color: var(--color-brand-primary); }

.bg-variant-white.popover .link-list__link .icon {
  color: var(--color-brand-secondary-tint-60); }

.bg-variant-white.popover .divider {
  border-color: var(--color-gray-20); }

.bg-variant-white.popover a {
  color: var(--color-brand-primary); }
  .bg-variant-white.popover a:hover {
    color: var(--color-brand-primary); }

.bg-variant-white.popover .button.button--filled {
  background: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
  color: var(--color-white); }
  .bg-variant-white.popover .button.button--filled .icon svg {
    fill: var(--color-white); }
  .bg-variant-white.popover .button.button--filled:hover, .bg-variant-white.popover .button.button--filled:focus {
    background-color: var(--color-brand-primary-tint-80);
    color: var(--color-white);
    border-color: var(--color-brand-primary-tint-80); }
    .bg-variant-white.popover .button.button--filled:hover .icon svg, .bg-variant-white.popover .button.button--filled:focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-white.popover .button.button--filled:active {
    background-color: var(--color-brand-primary-shade-130);
    color: var(--color-white);
    border-color: var(--color-brand-primary-shade-130); }
    .bg-variant-white.popover .button.button--filled:active .icon svg {
      fill: var(--color-white); }

.bg-variant-white.popover .button:not(.button--filled) {
  border-color: var(--color-brand-primary);
  color: var(--color-brand-primary); }
  .bg-variant-white.popover .button:not(.button--filled) .icon svg {
    fill: var(--color-brand-primary); }
  .bg-variant-white.popover .button:not(.button--filled):hover, .bg-variant-white.popover .button:not(.button--filled):focus {
    background-color: var(--color-brand-primary);
    color: var(--color-white); }
    .bg-variant-white.popover .button:not(.button--filled):hover .icon svg, .bg-variant-white.popover .button:not(.button--filled):focus .icon svg {
      fill: var(--color-white); }
  .bg-variant-white.popover .button:not(.button--filled):active {
    background-color: var(--color-brand-primary-shade-130);
    color: var(--color-white);
    border-color: var(--color-brand-primary-shade-130); }
    .bg-variant-white.popover .button:not(.button--filled):active .icon svg {
      fill: var(--color-white); }

.bg-variant-white.popover .text--emphasis {
  color: var(--color-brand-primary); }

.popover,
.popover::before {
  background: var(--color-brand-tertiary); }

.popover__title {
  color: var(--color-brand-secondary); }

.popover .link-list__link {
  color: var(--color-brand-primary); }

.popover--s .popover {
  border-color: var(--color-brand-tertiary-tint-80); }

.popover .text--emphasis {
  color: var(--color-brand-primary); }

.bg-brand--dark-blue .popover .list--checks li::before,
.bg-brand--blue .popover .list--checks li::before,
.bg-brand--turquoise .popover .list--checks li::before,
.bg-brand--red .popover .list--checks li::before,
.bg-brand--yellow .popover .list--checks li::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20' fill='%232175d9'%3E%3Cpath d='M7.6472,15.999 C7.3972,15.999 7.1462,15.905 6.9532,15.719 L1.3052,10.265 C0.9082,9.881 0.8972,9.247 1.2802,8.851 C1.6652,8.454 2.2982,8.441 2.6942,8.825 L7.6472,13.608 L17.3052,4.279 C17.7022,3.898 18.3362,3.907 18.7192,4.305 C19.1022,4.701 19.0912,5.335 18.6942,5.719 L8.3412,15.719 C8.1482,15.905 7.8972,15.999 7.6472,15.999'/%3E%3C/svg%3E%0A"); }

/*# sourceMappingURL=general.css.map */