/*! exos - 2.0.0 (3c8bcac3) (c) IONOS, 2023 */
:root,
[data-exos-theme="ionos"] {
  --palette-black: #000;
  --palette-white: #fff;
  --palette-corporate-1: #dbedf8;
  --palette-corporate-2: #95caeb;
  --palette-corporate-3: #3196d6;
  --palette-corporate-4: #1474c4;
  --palette-corporate-5: #095bb1;
  --palette-corporate-6: #003d8f;
  --palette-corporate-7: #0b2a63;
  --palette-corporate-8: #001b41;
  --palette-corporate-9: #02102b;
  --palette-success-1: #c7fae2;
  --palette-success-2: #46efa0;
  --palette-success-3: #12cf76;
  --palette-success-4: #0fa954;
  --palette-success-5: #0c8a44;
  --palette-success-6: #096b35;
  --palette-success-7: #074d26;
  --palette-warning-1: #ffedca;
  --palette-warning-2: #ffd176;
  --palette-warning-3: #fa0;
  --palette-warning-4: #ef8300;
  --palette-warning-5: #c36b00;
  --palette-warning-6: #8e4e00;
  --palette-warning-7: #603500;
  --palette-critical-1: #ffe4e2;
  --palette-critical-2: #ffa8a3;
  --palette-critical-3: #ff6159;
  --palette-critical-4: #f50c00;
  --palette-critical-5: #c80a00;
  --palette-critical-6: #9c0800;
  --palette-critical-7: #6e0500;
  --palette-neutral-1: #f4f7fa;
  --palette-neutral-2: #dbe2e8;
  --palette-neutral-3: #bcc8d4;
  --palette-neutral-4: #97a3b4;
  --palette-neutral-5: #718095;
  --palette-neutral-6: #465a75;
  --palette-neutral-7: #2e4360;
  --palette-neutral-8: #1d2d42;
  --palette-neutral-9: #0a121c;
  --palette-activating-1: #d2f6fc;
  --palette-activating-2: #7fe4f6;
  --palette-activating-3: #11c7e6;
  --palette-activating-4: #08a5c5;
  --palette-activating-5: #007e9c;
  --palette-activating-6: #005b72;
  --palette-activating-7: #003d4b;
  --palette-promoting-1: #fae7fe;
  --palette-promoting-2: #f0b7fb;
  --palette-promoting-3: #e480f8;
  --palette-promoting-4: #d746f5;
  --palette-promoting-5: #b410e7;
  --palette-promoting-6: #8212c2;
  --palette-promoting-7: #560e8a;
  --black: var(--palette-black);
  --white: var(--palette-white);
  --primary-text-color: var(--palette-corporate-9);
  --default-text-color: var(--palette-corporate-8);
  --secondary-text-color: var(--palette-neutral-6);
  --tertiary-text-color: var(--palette-neutral-5);
  --primary-text-color-inverted: var(--palette-neutral-1);
  --default-text-color-inverted: var(--palette-neutral-2);
  --secondary-text-color-inverted: var(--palette-neutral-3);
  --primary-shape-color: var(--palette-neutral-7);
  --default-shape-color: var(--palette-neutral-6);
  --secondary-shape-color: var(--palette-neutral-4);
  --tertiary-shape-color: var(--palette-neutral-3);
  --primary-background-color: var(--palette-white);
  --default-background-color: var(--palette-neutral-1);
  --secondary-background-color: var(--palette-white);
  --tertiary-background-color: var(--palette-neutral-3);
  --quaternary-background-color: var(--palette-neutral-4);
  --primary-background-color-inverted: var(--palette-corporate-8);
  --default-background-color-inverted: var(--palette-corporate-7);
  --secondary-background-color-inverted: var(--palette-neutral-6);
  --tertiary-background-color-inverted: var(--palette-neutral-5);
  --success-text-color: var(--palette-success-6);
  --success-shape-color: var(--palette-success-4);
  --caution-text-color: var(--palette-warning-4);
  --caution-shape-color: var(--palette-warning-2);
  --warning-text-color: var(--palette-warning-5);
  --warning-shape-color: var(--palette-warning-3);
  --critical-text-color: var(--palette-critical-5);
  --critical-shape-color: var(--palette-critical-4);
  --neutral-text-color: var(--palette-neutral-6);
  --neutral-shape-color: var(--palette-neutral-5);
  --activating-text-color: var(--palette-activating-5);
  --activating-shape-color: var(--palette-activating-3);
  --promoting-text-color: var(--palette-promoting-7);
  --promoting-shape-color: var(--palette-promoting-5);
  --corporate-text-color: var(--palette-corporate-7);
  --corporate-shape-color: var(--palette-corporate-8);
  --inactive-success-text-color: var(--palette-success-3);
  --inactive-success-shape-color: var(--palette-success-3);
  --inactive-warning-text-color: var(--palette-warning-2);
  --inactive-warning-shape-color: var(--palette-warning-2);
  --inactive-critical-text-color: var(--palette-critical-2);
  --inactive-critical-shape-color: var(--palette-critical-2);
  --inactive-neutral-text-color: var(--palette-neutral-3);
  --inactive-neutral-shape-color: var(--palette-neutral-3);
  --inactive-activating-text-color: var(--palette-activating-2);
  --inactive-activating-shape-color: var(--palette-activating-2);
  --inactive-promoting-text-color: var(--palette-promoting-2);
  --inactive-promoting-shape-color: var(--palette-promoting-2);
  --inactive-corporate-text-color: var(--palette-corporate-2);
  --inactive-corporate-shape-color: var(--palette-corporate-2);
  --solid-success-background-color: var(--palette-success-3);
  --solid-caution-background-color: var(--palette-warning-2);
  --solid-warning-background-color: var(--palette-warning-3);
  --solid-critical-background-color: var(--palette-critical-3);
  --solid-neutral-background-color: var(--palette-neutral-6);
  --solid-activating-background-color: var(--palette-activating-3);
  --solid-promoting-background-color: var(--palette-promoting-3);
  --solid-corporate-background-color: var(--palette-corporate-7);
  --solid-bright-background-color: var(--palette-white);
  --success-background-color: var(--palette-white);
  --warning-background-color: var(--palette-white);
  --critical-background-color: var(--palette-white);
  --neutral-background-color: var(--palette-white);
  --activating-background-color: var(--palette-white);
  --promoting-background-color: var(--palette-white);
  --corporate-background-color: var(--palette-white);
  --advertising-background-gradient-start: var(--palette-corporate-6);
  --advertising-background-gradient-end: var(--palette-corporate-4);
  --hovered-advertising-background-gradient-start: var(--palette-corporate-8);
  --hovered-advertising-background-gradient-end: var(--palette-corporate-6);
  --primary-button-background-color: var(--palette-corporate-7);
  --primary-button-border-color: var(--palette-corporate-7);
  --primary-button-text-color: var(--palette-white);
  --hovered-primary-button-background-color: var(--palette-corporate-4);
  --hovered-primary-button-border-color: var(--palette-corporate-4);
  --hovered-primary-button-text-color: var(--palette-white);
  --bright-primary-button-background-color: var(--palette-white);
  --bright-primary-button-border-color: var(--palette-white);
  --bright-primary-button-text-color: var(--palette-corporate-7);
  --hovered-bright-primary-button-background-color: var(--palette-corporate-2);
  --hovered-bright-primary-button-border-color: var(--palette-corporate-2);
  --hovered-bright-primary-button-text-color: var(--palette-corporate-7);
  --activating-primary-button-background-color: var(--palette-activating-3);
  --activating-primary-button-border-color: var(--palette-activating-3);
  --activating-primary-button-text-color: var(--palette-corporate-7);
  --hovered-activating-primary-button-background-color: var(
    --palette-activating-2
  );
  --hovered-activating-primary-button-border-color: var(--palette-activating-2);
  --hovered-activating-primary-button-text-color: var(--palette-corporate-7);
  --promoting-primary-button-background-color: var(--palette-promoting-3);
  --promoting-primary-button-border-color: var(--palette-promoting-3);
  --promoting-primary-button-text-color: var(--palette-white);
  --hovered-promoting-primary-button-background-color: var(
    --palette-promoting-2
  );
  --hovered-promoting-primary-button-border-color: var(--palette-promoting-2);
  --hovered-promoting-primary-button-text-color: var(--palette-white);
  --disabled-primary-button-background-color: var(--palette-neutral-4);
  --disabled-primary-button-border-color: var(--palette-neutral-4);
  --disabled-primary-button-text-color: var(--palette-white);
  --secondary-button-background-color: transparent;
  --secondary-button-border-color: var(--palette-corporate-7);
  --secondary-button-text-color: var(--palette-corporate-7);
  --hovered-secondary-button-background-color: var(--palette-corporate-7);
  --hovered-secondary-button-border-color: var(--palette-corporate-7);
  --hovered-secondary-button-text-color: var(--palette-white);
  --bright-secondary-button-background-color: transparent;
  --bright-secondary-button-border-color: var(--palette-white);
  --bright-secondary-button-text-color: var(--palette-white);
  --hovered-bright-secondary-button-background-color: var(--palette-white);
  --hovered-bright-secondary-button-border-color: var(--palette-white);
  --hovered-bright-secondary-button-text-color: var(--palette-corporate-7);
  --activating-secondary-button-background-color: transparent;
  --activating-secondary-button-border-color: var(--palette-activating-3);
  --activating-secondary-button-text-color: var(--palette-activating-3);
  --hovered-activating-secondary-button-background-color: var(
    --palette-activating-3
  );
  --hovered-activating-secondary-button-border-color: var(
    --palette-activating-3
  );
  --hovered-activating-secondary-button-text-color: var(--palette-corporate-7);
  --promoting-secondary-button-background-color: transparent;
  --promoting-secondary-button-border-color: var(--palette-promoting-3);
  --promoting-secondary-button-text-color: var(--palette-promoting-3);
  --hovered-promoting-secondary-button-background-color: var(
    --palette-promoting-2
  );
  --hovered-promoting-secondary-button-border-color: var(--palette-promoting-2);
  --hovered-promoting-secondary-button-text-color: var(--palette-white);
  --disabled-secondary-button-background-color: transparent;
  --disabled-secondary-button-border-color: var(--palette-neutral-4);
  --disabled-secondary-button-text-color: var(--palette-neutral-4);
  --ghost-button-background-color: transparent;
  --ghost-button-text-color: var(--palette-corporate-4);
  --hovered-ghost-button-background-color: var(--palette-corporate-1);
  --hovered-ghost-button-text-color: var(--palette-corporate-4);
  --bright-ghost-button-background-color: transparent;
  --bright-ghost-button-text-color: var(--palette-corporate-2);
  --hovered-bright-ghost-button-background-color: var(--palette-corporate-6);
  --hovered-bright-ghost-button-text-color: var(--palette-corporate-2);
  --activating-ghost-button-background-color: transparent;
  --activating-ghost-button-text-color: var(--palette-corporate-2);
  --hovered-activating-ghost-button-background-color: var(
    --palette-corporate-6
  );
  --hovered-activating-ghost-button-text-color: var(--palette-corporate-2);
  --promoting-ghost-button-background-color: transparent;
  --promoting-ghost-button-text-color: var(--palette-corporate-2);
  --hovered-promoting-ghost-button-background-color: var(--palette-corporate-6);
  --hovered-promoting-ghost-button-text-color: var(--palette-corporate-2);
  --disabled-ghost-button-background-color: transparent;
  --disabled-ghost-button-text-color: var(--palette-neutral-4);
  --interactive-text-color: var(--palette-corporate-4);
  --interactive-shape-color: var(--palette-corporate-4);
  --secondary-textarea-background-color: var(--palette-neutral-2);
  --highlighted-table-cell-background-color: rgba(219, 226, 232, 0.25);
  --hovered-table-row-background-color: rgba(219, 226, 232, 0.5);
  --default-shadow: rgba(113, 128, 149, 0.5);
  --global-navigation-background-color: var(--palette-corporate-6);
  --global-navigation-border1: #3364a5;
  --global-navigation-border2: #002659;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  border: 0;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  font-family: arial, serif;
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
strong {
  font-weight: 700;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.block,
.show {
  display: block;
}
.hide {
  display: none;
}
.nowrap {
  white-space: nowrap;
}
#skipmenu {
  left: 10px;
  position: absolute;
  top: 10px;
  width: 180px;
  z-index: 100;
}
#skipmenu .skip-target {
  display: block;
  height: 0;
  overflow: hidden;
  width: 0;
}
#skipmenu .skip:link,
#skipmenu .skip:visited {
  font-size: 11px;
  position: absolute;
  text-decoration: none;
  text-transform: uppercase;
  top: -999em;
}
#skipmenu .skip:active,
#skipmenu .skip:focus {
  color: #fff;
  left: 0;
  outline: 1px dotted #fff;
  position: absolute;
  top: 0;
}
.grid-01 {
  width: var(--width, 8.33333%);
}
.grid-02 {
  width: var(--width, 16.66667%);
}
.grid-03 {
  width: var(--width, 25%);
}
.grid-04a {
  width: var(--width, 27.5%);
}
.grid-04 {
  width: var(--width, 33.33333%);
}
.grid-05 {
  width: var(--width, 41.66667%);
}
.grid-06 {
  width: var(--width, 50%);
}
.grid-07 {
  width: var(--width, 58.33333%);
}
.grid-08 {
  width: var(--width, 66.66667%);
}
.grid-08a {
  width: var(--width, 72.5%);
}
.grid-09 {
  width: var(--width, 75%);
}
.grid-10 {
  width: var(--width, 83.33333%);
}
.grid-11 {
  width: var(--width, 91.66667%);
}
.grid-12 {
  width: var(--width, auto);
}
.grid-spacing-left {
  margin-left: 15px;
  margin-right: 0;
}
.grid-spacing-right {
  margin-left: 0;
  margin-right: 15px;
}
.grid-spacing-both {
  margin-left: 15px;
  margin-right: 15px;
}
.grid-spacing-none {
  margin-left: 0;
  margin-right: 0;
}
.grid-00 {
  float: left;
  width: auto;
}
.grid-12 .grid-12,
.responsive-small .grid-12 .grid-12 {
  margin-bottom: 0;
}
.equal-grid-spacing {
  margin-left: -15px;
  margin-right: -15px;
}
.equal-grid-height {
  display: flex !important;
  flex-flow: row wrap;
}
.equal-grid-height > div[class*="grid-"],
.equal-grid-height > div[class*="grid-large-"],
.equal-grid-height > div[class*="grid-medium-"],
.equal-grid-height > div[class*="grid-small-"] {
  display: flex;
  flex-wrap: wrap;
}
.equal-grid-height > div > div[class*="grid-spacing-"] {
  display: flex;
  flex-basis: 0%;
  flex-flow: column nowrap;
  flex-grow: 1;
}
.equal-grid-height
  > div
  > div[class*="grid-spacing-"]:not([class*="align-vertical-"]) {
  justify-content: inherit;
}
.equal-grid-height > div[class*="grid-"] > div[class*="grid-spacing-"] {
  min-width: 0;
}
.equal-grid-height .align-items [class*="grid-large-"],
.equal-grid-height .align-items [class*="grid-medium-"],
.equal-grid-height .align-items [class*="grid-small-"],
.equal-grid-height .align-items [class*="grid-spacing-"] {
  display: block;
}
.equal-grid-height .content-card {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
}
.equal-grid-height .content-card header,
.equal-grid-height .content-card section {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 0;
}
.equal-grid-height .content-card .card-block {
  display: flex;
  flex-flow: column nowrap;
}
.equal-grid-height section .card-block > footer {
  margin-top: 4px;
}
.equal-grid-height .content-card .expandable {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
}
.equal-grid-height .content-card .expandable .card-block {
  flex-grow: 1;
}
.equal-grid-height .expansion-gap {
  display: flex;
  flex-grow: 1;
  flex-wrap: nowrap;
}
.content-card .expansion-gap,
.expansion-gap {
  border: 0;
}
.equal-grid-height .ias-zone:not([class*="grid-"]) {
  display: flex;
  flex-grow: 1;
}
.equal-grid-height .ias-zone:not([class*="grid-"]) > div:not([class]) {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
}
.responsive-small .equal-grid-height,
.responsive-small .equal-grid-height .content-card,
.responsive-small .equal-grid-height .content-card .expandable {
  display: auto;
  flex-flow: auto;
  flex-grow: auto;
}
.hidden {
  display: none;
}
.align-horizontal-left,
.align-horizontal-left div {
  text-align: left;
}
.align-horizontal-center,
.align-horizontal-center div {
  text-align: center;
}
.align-horizontal-right,
.align-horizontal-right div {
  text-align: right;
}
.align-items {
  display: flex;
}
.align-large-vertical-top,
.align-medium-vertical-top,
.align-small-vertical-top,
.align-vertical-top {
  align-items: flex-start;
}
.align-large-vertical-center,
.align-medium-vertical-center,
.align-small-vertical-center,
.align-vertical-center {
  align-items: center;
}
.align-large-vertical-bottom,
.align-medium-vertical-bottom,
.align-small-vertical-bottom,
.align-vertical-bottom {
  align-items: flex-end;
}
.align-evenly {
  justify-content: space-around;
}
.equal-grid-spacing.align-items {
  flex-flow: wrap;
}
.equal-grid-height .align-horizontal-left,
.equal-grid-height .align-horizontal-left div {
  justify-content: flex-start;
}
.equal-grid-height .align-horizontal-right,
.equal-grid-height .align-horizontal-right div {
  justify-content: flex-end;
}
.equal-grid-height .align-horizontal-center,
.equal-grid-height .align-horizontal-center div {
  justify-content: center;
}
@media only screen and (max-width: 666px) {
  .grid-small-01,
  .grid-small-02,
  .grid-small-03,
  .grid-small-04,
  .grid-small-04a,
  .grid-small-05,
  .grid-small-06,
  .grid-small-07,
  .grid-small-08,
  .grid-small-08a,
  .grid-small-09,
  .grid-small-10,
  .grid-small-11,
  .grid-small-12 {
    box-sizing: border-box;
    float: left;
    min-height: 1px;
  }
  .grid-small-01 {
    width: 8.333333% !important;
  }
  .grid-small-02 {
    width: 16.666667% !important;
  }
  .grid-small-03 {
    width: 25% !important;
  }
  .grid-small-04a {
    width: 27.5% !important;
  }
  .grid-small-04 {
    width: 33.333333% !important;
  }
  .grid-small-05 {
    width: 41.666667% !important;
  }
  .grid-small-06 {
    width: 50% !important;
  }
  .grid-small-07 {
    width: 58.333333% !important;
  }
  .grid-small-08 {
    width: 66.666667% !important;
  }
  .grid-small-08a {
    width: 72.5% !important;
  }
  .grid-small-09 {
    width: 75% !important;
  }
  .grid-small-10 {
    width: 83.333333% !important;
  }
  .grid-small-11 {
    width: 91.666667% !important;
  }
  .grid-small-12 {
    width: 100% !important;
  }
  .grid-small-hidden {
    box-sizing: border-box;
    display: none !important;
    width: 0;
  }
  .grid-small-spacing-left {
    margin-left: 15px;
    margin-right: 0;
  }
  .grid-small-spacing-right {
    margin-left: 0;
    margin-right: 15px;
  }
  .grid-small-spacing-both {
    margin-left: 15px;
    margin-right: 15px;
  }
  .grid-small-spacing-none {
    margin-left: 0;
    margin-right: 0;
  }
  .align-small-horizontal-left,
  .align-small-horizontal-left div {
    text-align: left !important;
  }
  .align-small-horizontal-center,
  .align-small-horizontal-center div {
    text-align: center !important;
  }
  .align-small-horizontal-right,
  .align-small-horizontal-right div {
    text-align: right !important;
  }
  .equal-grid-height .align-small-horizontal-left,
  .equal-grid-height .align-small-horizontal-left div {
    justify-content: flex-start !important;
  }
  .equal-grid-height .align-small-horizontal-right,
  .equal-grid-height .align-small-horizontal-right div {
    justify-content: flex-end !important;
  }
  .equal-grid-height .align-small-horizontal-center,
  .equal-grid-height .align-small-horizontal-center div {
    justify-content: center !important;
  }
  .small-hidden,
  .small-hidden * {
    display: none !important;
    width: 0;
  }
}
@media only screen and (min-width: 667px) and (max-width: 888px) {
  .grid-medium-01,
  .grid-medium-02,
  .grid-medium-03,
  .grid-medium-04,
  .grid-medium-04a,
  .grid-medium-05,
  .grid-medium-06,
  .grid-medium-07,
  .grid-medium-08,
  .grid-medium-08a,
  .grid-medium-09,
  .grid-medium-10,
  .grid-medium-11,
  .grid-medium-12 {
    box-sizing: border-box;
    float: left;
    min-height: 1px;
  }
  .grid-medium-01 {
    width: 8.333333% !important;
  }
  .grid-medium-02 {
    width: 16.666667% !important;
  }
  .grid-medium-03 {
    width: 25% !important;
  }
  .grid-medium-04a {
    width: 27.5% !important;
  }
  .grid-medium-04 {
    width: 33.333333% !important;
  }
  .grid-medium-05 {
    width: 41.666667% !important;
  }
  .grid-medium-06 {
    width: 50% !important;
  }
  .grid-medium-07 {
    width: 58.333333% !important;
  }
  .grid-medium-08 {
    width: 66.666667% !important;
  }
  .grid-medium-08a {
    width: 72.5% !important;
  }
  .grid-medium-09 {
    width: 75% !important;
  }
  .grid-medium-10 {
    width: 83.333333% !important;
  }
  .grid-medium-11 {
    width: 91.666667% !important;
  }
  .grid-medium-12 {
    width: 100% !important;
  }
  .grid-medium-hidden {
    box-sizing: border-box;
    display: none !important;
    width: 0;
  }
  .grid-medium-spacing-left {
    margin-left: 15px;
    margin-right: 0;
  }
  .grid-medium-spacing-right {
    margin-left: 0;
    margin-right: 15px;
  }
  .grid-medium-spacing-both {
    margin-left: 15px;
    margin-right: 15px;
  }
  .grid-medium-spacing-none {
    margin-left: 0;
    margin-right: 0;
  }
  .align-medium-horizontal-left,
  .align-medium-horizontal-left div {
    text-align: left !important;
  }
  .align-medium-horizontal-center,
  .align-medium-horizontal-center div {
    text-align: center !important;
  }
  .align-medium-horizontal-right,
  .align-medium-horizontal-right div {
    text-align: right !important;
  }
  .equal-grid-height .align-medium-horizontal-left,
  .equal-grid-height .align-medium-horizontal-left div {
    justify-content: flex-start !important;
  }
  .equal-grid-height .align-medium-horizontal-right,
  .equal-grid-height .align-medium-horizontal-right div {
    justify-content: flex-end !important;
  }
  .equal-grid-height .align-medium-horizontal-center,
  .equal-grid-height .align-medium-horizontal-center div {
    justify-content: center !important;
  }
  .medium-hidden,
  .medium-hidden * {
    display: none !important;
    width: 0;
  }
}
@media only screen and (min-width: 889px) {
  .grid-large-01,
  .grid-large-02,
  .grid-large-03,
  .grid-large-04,
  .grid-large-04a,
  .grid-large-05,
  .grid-large-06,
  .grid-large-07,
  .grid-large-08,
  .grid-large-08a,
  .grid-large-09,
  .grid-large-10,
  .grid-large-11,
  .grid-large-12 {
    box-sizing: border-box;
    float: left;
    min-height: 1px;
  }
  .grid-large-01 {
    width: 8.333333% !important;
  }
  .grid-large-02 {
    width: 16.666667% !important;
  }
  .grid-large-03 {
    width: 25% !important;
  }
  .grid-large-04a {
    width: 27.5% !important;
  }
  .grid-large-04 {
    width: 33.333333% !important;
  }
  .grid-large-05 {
    width: 41.666667% !important;
  }
  .grid-large-06 {
    width: 50% !important;
  }
  .grid-large-07 {
    width: 58.333333% !important;
  }
  .grid-large-08 {
    width: 66.666667% !important;
  }
  .grid-large-08a {
    width: 72.5% !important;
  }
  .grid-large-09 {
    width: 75% !important;
  }
  .grid-large-10 {
    width: 83.333333% !important;
  }
  .grid-large-11 {
    width: 91.666667% !important;
  }
  .grid-large-12 {
    width: 100% !important;
  }
  .grid-large-hidden {
    box-sizing: border-box;
    display: none !important;
    width: 0;
  }
  .grid-large-spacing-left {
    margin-left: 15px;
    margin-right: 0;
  }
  .grid-large-spacing-right {
    margin-left: 0;
    margin-right: 15px;
  }
  .grid-large-spacing-both {
    margin-left: 15px;
    margin-right: 15px;
  }
  .grid-large-spacing-none {
    margin-left: 0;
    margin-right: 0;
  }
  .align-large-horizontal-left,
  .align-large-horizontal-left div {
    text-align: left !important;
  }
  .align-large-horizontal-center,
  .align-large-horizontal-center div {
    text-align: center !important;
  }
  .align-large-horizontal-right,
  .align-large-horizontal-right div {
    text-align: right !important;
  }
  .equal-grid-height .align-large-horizontal-left,
  .equal-grid-height .align-large-horizontal-left div {
    justify-content: flex-start !important;
  }
  .equal-grid-height .align-large-horizontal-right,
  .equal-grid-height .align-large-horizontal-right div {
    justify-content: flex-end !important;
  }
  .equal-grid-height .align-large-horizontal-center,
  .equal-grid-height .align-large-horizontal-center div {
    justify-content: center !important;
  }
  .large-hidden,
  .large-hidden * {
    display: none !important;
    width: 0;
  }
}
body.debug [class*="button-"]:not(.button):not(.toggle-button):after,
body.debug [class*="button-"]:not(.button):not(.toggle-button):before,
body.debug [class*="content-"]:after,
body.debug [class*="content-"]:before,
body.debug [class*="icon-button"]:after,
body.debug [class*="icon-button"]:before {
  background: repeating-linear-gradient(
    45deg,
    #ff3232,
    #ff3030 20px,
    #fff 0,
    #fff 40px
  );
  content: " ";
  display: block;
  height: 10px;
  width: 100%;
}
.grid {
  box-sizing: border-box;
  float: none;
  margin-left: -15px;
  margin-right: -15px;
  min-height: 1px;
  width: auto;
}
.grid--full-height {
  display: flex;
  flex-flow: row wrap;
}
.grid:after {
  clear: both;
  content: "";
  display: table;
}
.grid--align-center {
  justify-content: center;
  text-align: center;
}
.grid--align-left {
  justify-content: flex-start;
  text-align: left;
}
.grid--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .grid--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .grid--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .grid--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .grid--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .grid--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .grid--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .grid--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .grid--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .grid--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.grid--vertical-align-bottom {
  align-items: flex-end;
  display: flex;
  flex-flow: wrap;
}
.grid--vertical-align-center {
  align-items: center;
  display: flex;
  flex-flow: wrap;
}
.grid--vertical-align-top {
  align-items: flex-start;
  display: flex;
  flex-flow: wrap;
}
@media only screen and (min-width: 1185px) {
  .grid--large-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .grid--large-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .grid--large-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .grid--medium-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .grid--medium-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .grid--medium-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (max-width: 666px) {
  .grid--small-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .grid--small-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .grid--small-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
  .grid--small-condensed {
    margin-left: -8px;
    margin-right: -8px;
  }
}
.grid-col {
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.grid-col--1 {
  width: 8.333333%;
}
.grid-col--2 {
  width: 16.666667%;
}
.grid-col--3 {
  width: 25%;
}
.grid-col--4 {
  width: 33.333333%;
}
.grid-col--5 {
  width: 41.666667%;
}
.grid-col--6 {
  width: 50%;
}
.grid-col--7 {
  width: 58.333333%;
}
.grid-col--8 {
  width: 66.666667%;
}
.grid-col--9 {
  width: 75%;
}
.grid-col--10 {
  width: 83.333333%;
}
.grid-col--11 {
  width: 91.666667%;
}
.grid-col--12 {
  width: 100%;
}
.grid-col--article {
  width: 72.5%;
}
.grid-col--article-sidebar {
  width: 27.5%;
}
.grid-col--article-sticky-sidebar {
  padding-left: 16px;
  padding-right: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 96px;
  width: 27.5%;
  z-index: 3;
}
.grid-col--spacing-left {
  padding-right: 0;
}
.grid-col--spacing-right {
  padding-left: 0;
}
.grid-col--spacing-none {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 889px) {
  .grid-col--large-1 {
    width: 8.333333%;
  }
  .grid-col--large-2 {
    width: 16.666667%;
  }
  .grid-col--large-3 {
    width: 25%;
  }
  .grid-col--large-4 {
    width: 33.333333%;
  }
  .grid-col--large-5 {
    width: 41.666667%;
  }
  .grid-col--large-6 {
    width: 50%;
  }
  .grid-col--large-7 {
    width: 58.333333%;
  }
  .grid-col--large-8 {
    width: 66.666667%;
  }
  .grid-col--large-9 {
    width: 75%;
  }
  .grid-col--large-10 {
    width: 83.333333%;
  }
  .grid-col--large-11 {
    width: 91.666667%;
  }
  .grid-col--large-12 {
    width: 100%;
  }
  .grid-col--large-spacing-left {
    padding-left: 15px;
    padding-right: 0;
  }
  .grid-col--large-spacing-right {
    padding-left: 0;
    padding-right: 15px;
  }
  .grid-col--large-spacing-none {
    padding-left: 0;
    padding-right: 0;
  }
  .grid-col--large-hidden {
    box-sizing: border-box;
    display: none;
    width: 0;
  }
}
@media only screen and (min-width: 667px) and (max-width: 888px) {
  .grid-col--medium-1 {
    width: 8.333333%;
  }
  .grid-col--medium-2 {
    width: 16.666667%;
  }
  .grid-col--medium-3 {
    width: 25%;
  }
  .grid-col--medium-4 {
    width: 33.333333%;
  }
  .grid-col--medium-5 {
    width: 41.666667%;
  }
  .grid-col--medium-6 {
    width: 50%;
  }
  .grid-col--medium-7 {
    width: 58.333333%;
  }
  .grid-col--medium-8 {
    width: 66.666667%;
  }
  .grid-col--medium-9 {
    width: 75%;
  }
  .grid-col--medium-10 {
    width: 83.333333%;
  }
  .grid-col--medium-11 {
    width: 91.666667%;
  }
  .grid-col--medium-12 {
    width: 100%;
  }
  .grid-col--medium-spacing-left {
    padding-left: 15px;
    padding-right: 0;
  }
  .grid-col--medium-spacing-right {
    padding-left: 0;
    padding-right: 15px;
  }
  .grid-col--medium-spacing-none {
    padding-left: 0;
    padding-right: 0;
  }
  .grid-col--medium-spacing-both {
    padding-left: 15px;
    padding-right: 15px;
  }
  .grid-col--medium-hidden {
    box-sizing: border-box;
    display: none;
    width: 0;
  }
}
@media only screen and (max-width: 666px) {
  .grid-col--small-1 {
    width: 8.333333%;
  }
  .grid-col--small-2 {
    width: 16.666667%;
  }
  .grid-col--small-3 {
    width: 25%;
  }
  .grid-col--small-4 {
    width: 33.333333%;
  }
  .grid-col--small-5 {
    width: 41.666667%;
  }
  .grid-col--small-6 {
    width: 50%;
  }
  .grid-col--small-7 {
    width: 58.333333%;
  }
  .grid-col--small-8 {
    width: 66.666667%;
  }
  .grid-col--small-9 {
    width: 75%;
  }
  .grid-col--small-10 {
    width: 83.333333%;
  }
  .grid-col--small-11 {
    width: 91.666667%;
  }
  .grid-col--small-12 {
    width: 100%;
  }
  .grid-col--small-spacing-left {
    padding-left: 15px;
    padding-right: 0;
  }
  .grid-col--small-spacing-right {
    padding-left: 0;
    padding-right: 15px;
  }
  .grid-col--small-spacing-none {
    padding-left: 0;
    padding-right: 0;
  }
  .grid-col--small-spacing-both {
    padding-left: 15px;
    padding-right: 15px;
  }
  .grid-col--small-hidden {
    box-sizing: border-box;
    display: none;
    width: 0;
  }
}
.grid-col--align-center {
  justify-content: center;
  text-align: center;
}
.grid-col--align-left {
  justify-content: flex-start;
  text-align: left;
}
.grid-col--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .grid-col--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .grid-col--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .grid-col--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .grid-col--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .grid-col--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .grid-col--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .grid-col--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .grid-col--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .grid-col--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.grid-col--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .grid-col--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .grid-col--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .grid-col--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.grid-col--vertical-align-bottom {
  align-self: flex-end;
}
.grid-col--vertical-align-center {
  align-self: center;
}
.grid-col--vertical-align-middle {
  vertical-align: middle;
}
.grid-col--vertical-align-top {
  align-self: flex-start;
}
@media only screen and (min-width: 1185px) {
  .grid-col--large-vertical-align-bottom {
    align-self: flex-end;
  }
  .grid-col--large-vertical-align-center {
    align-self: center;
  }
  .grid-col--large-vertical-align-middle {
    vertical-align: middle;
  }
  .grid-col--large-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .grid-col--medium-vertical-align-bottom {
    align-self: flex-end;
  }
  .grid-col--medium-vertical-align-center {
    align-self: center;
  }
  .grid-col--medium-vertical-align-middle {
    vertical-align: middle;
  }
  .grid-col--medium-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (max-width: 666px) {
  .grid-col--small-vertical-align-bottom {
    align-self: flex-end;
  }
  .grid-col--small-vertical-align-center {
    align-self: center;
  }
  .grid-col--small-vertical-align-middle {
    vertical-align: middle;
  }
  .grid-col--small-vertical-align-top {
    align-self: flex-start;
  }
}
.grid--full-height .grid-col {
  display: flex;
  flex-flow: column nowrap;
}
@media only screen and (min-width: 889px) {
  .grid--full-height .grid-col--large-hidden {
    box-sizing: border-box;
    display: none;
    width: 0;
  }
}
@media only screen and (min-width: 667px) and (max-width: 888px) {
  .grid--full-height .grid-col--medium-hidden {
    box-sizing: border-box;
    display: none;
    width: 0;
  }
}
@media only screen and (max-width: 666px) {
  .grid--full-height .grid-col--small-hidden {
    box-sizing: border-box;
    display: none;
    width: 0;
  }
  .grid--small-condensed .grid-col {
    padding-left: 8px;
    padding-right: 8px;
  }
  .grid--small-condensed .grid-col--small-spacing-left {
    padding-left: 8px;
    padding-right: 0;
  }
  .grid--small-condensed .grid-col--small-spacing-right {
    padding-left: 0;
    padding-right: 8px;
  }
  .grid--small-condensed .grid-col--small-spacing-none {
    padding-left: 0;
    padding-right: 0;
  }
  .headless-mode .grid--headless-hidden,
  .headless-mode .grid-col--headless-hidden {
    display: none;
  }
}
.grid--full-height .grid-col .ias-zone,
.grid--full-height .grid-col .ias-zone > div[data-medium-id] {
  display: flex;
  flex-grow: 1;
}
body.oao-navi-actor-bar-visible .grid-col--article-sticky-sidebar {
  top: 93px;
}
@font-face {
  font-family: OpenSansRegular;
  src: url(https://ce1.uicdn.net/exos/fonts/open-sans/opensans-regular.woff)
      format("woff"),
    url(https://ce1.uicdn.net/exos/fonts/open-sans/opensans-regular.woff2)
      format("woff2");
}
@font-face {
  font-family: OpenSansSemibold;
  src: url(https://ce1.uicdn.net/exos/fonts/open-sans/opensans-semibold.woff)
      format("woff"),
    url(https://ce1.uicdn.net/exos/fonts/open-sans/opensans-semibold.woff2)
      format("woff2");
}
@font-face {
  font-family: OverpassRegular;
  src: url(https://ce1.uicdn.net/exos/fonts/overpass/overpass-regular.woff)
      format("woff"),
    url(https://ce1.uicdn.net/exos/fonts/overpass/overpass-regular.woff2)
      format("woff2");
}
@font-face {
  font-family: OverpassSemibold;
  src: url(https://ce1.uicdn.net/exos/fonts/overpass/overpass-semibold.woff)
      format("woff"),
    url(https://ce1.uicdn.net/exos/fonts/overpass/overpass-semibold.woff2)
      format("woff2");
}
body,
html {
  height: 100%;
  margin: 0;
}
html {
  -webkit-tap-highlight-color: transparent;
}
.page-container,
body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #001b41;
  display: grid;
  font-family: OpenSansRegular, arial, arial narrow, sans-serif;
  font-size: 14px;
  grid-template: "content" 1fr "footer" auto/minmax(auto, 100%);
  line-height: 1.429em;
  overflow-x: hidden;
}
.page-container {
  height: 100%;
}
strong {
  font-family: OpenSansSemibold, arial, sans-serif;
  font-weight: 400;
}
.page-content {
  background-color: #f4f7fa;
  grid-area: content;
}
.__direct-selection {
  cursor: pointer;
}
.exos-icon--bright {
  color: var(--white, #fff);
}
.exos-icon--activating {
  color: var(--activating-text-color, #007e9c);
}
.exos-icon--success {
  color: var(--success-text-color, #096b35);
}
.exos-icon--warning {
  color: var(--warning-text-color, #c36b00);
}
.exos-icon--critical {
  color: var(--critical-text-color, #c80a00);
}
.exos-icon--neutral {
  color: var(--neutral-text-color, #465a75);
}
.exos-icon--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.exos-icon--promoting {
  color: var(--promoting-text-color, #560e8a);
} /*! Global Navigation - 5.8.1 (c) United Internet, 2023 */
@font-face {
  font-family: exos-icon-font;
  src: url(https://ce1.uicdn.net/exos/icons/exos-icon-font.woff?v=15)
      format("woff"),
    url(https://ce1.uicdn.net/exos/icons/exos-icon-font.woff2?v=15)
      format("woff2");
}
.oao-navi-icon,
a.oao-navi-app-name .oao-navi-app-logo:before,
span.oao-navi-burger:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: exos-icon-font;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}
@font-face {
  font-family: OpenSansRegularFallback;
  src: local("Open Sans"), local("OpenSans"),
    url(https://ce1.uicdn.net/exos/fonts/open-sans/opensans-regular.woff)
      format("woff"),
    url(https://ce1.uicdn.net/exos/fonts/open-sans/opensans-regular.woff2)
      format("woff2");
}
@font-face {
  font-family: OverpassBoldFallback;
  src: url(https://ce1.uicdn.net/exos/fonts/overpass/overpass-bold.woff)
      format("woff"),
    url(https://ce1.uicdn.net/exos/fonts/overpass/overpass-bold.woff2)
      format("woff2");
}
div.oao-navi-navigation {
  background-color: #003d8f;
  border-bottom: 1px solid #002659;
  box-shadow: 0 1px 1px -1px #3364a5;
}
div.oao-navi-navigation.oao-navi-light {
  background-color: #fff;
  border-bottom: none;
  box-shadow: 0 2px 8px rgba(113, 128, 149, 0.5);
}
.oao-navi-navigation {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  align-items: flex-start;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-flow: row wrap;
  font-family: OpenSansRegular, Open Sans, OpenSansRegularFallback, Arial,
    sans-serif;
  height: 64px;
  justify-content: stretch;
  left: 0;
  min-width: 320px;
  padding: 0;
  position: fixed;
  right: 0;
  text-align: left;
  top: 0;
  z-index: 203;
}
.oao-navi-navigation a,
.oao-navi-navigation a:hover,
.oao-navi-navigation a:visited {
  text-decoration: none;
}
body.oao-navi-actor-bar-visible .oao-navi-navigation {
  height: 93px;
}
.oao-navi-center,
.oao-navi-left,
.oao-navi-right {
  flex: 0 0 auto;
  float: left;
  overflow: visible;
}
.oao-navi-left * {
  box-sizing: border-box;
}
div.oao-navi-right {
  padding-right: 16px;
  visibility: hidden;
}
.oao-navi-center,
.oao-navi-top {
  visibility: hidden;
}
.oao-navi-top {
  width: 100%;
}
.oao-navi-top > ul {
  max-height: 0;
}
div.oao-navi-left {
  flex: 1 0 0%;
  padding-left: 16px;
  width: auto;
}
.oao-navi-navigation ol,
.oao-navi-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.oao-navi-flyout-container {
  position: relative;
}
body {
  margin-top: 64px;
}
body.oao-navi-hidden,
body.oao-navi-mobile-app {
  margin-top: inherit;
}
body.oao-navi-hidden .oao-navi-navigation,
body.oao-navi-mobile-app .oao-navi-navigation {
  display: none;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
  .oao-navi-navigation {
    position: -webkit-sticky;
    position: sticky;
  }
  body {
    margin-top: inherit;
  }
}
.oao-navi-application-name {
  display: block;
  font-size: 18px;
}
.oao-navi-application_switch > a {
  color: hsla(0, 0%, 100%, 0.7);
  font-weight: 700;
}
.oao-navi-application_switch > a,
a.oao-navi-app-name {
  display: block;
  height: 64px;
  line-height: 64px;
  text-overflow: clip;
  white-space: nowrap;
}
a.oao-navi-app-name {
  position: relative;
  top: -2px;
}
a.oao-navi-app-name,
a.oao-navi-app-name:active,
a.oao-navi-app-name:hover,
a.oao-navi-app-name:visited {
  color: #fff;
}
a.oao-navi-app-name .oao-navi-app-logo:before {
  color: #fff;
  content: "";
  font-size: 34px;
  position: relative;
  top: -2px;
  vertical-align: middle;
}
a.oao-navi-app-name span {
  color: #fff;
  display: inline-block;
  float: none;
  font-size: 21.5px;
  font-weight: 700;
  line-height: 64px;
  overflow: hidden;
  padding: 0 6px 0 11px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}
a.oao-navi-app-name span:first-child {
  padding: 0 11px 0 6px;
}
div.oao-navi-navigation.oao-navi-light .oao-navi-application_switch > a,
div.oao-navi-navigation.oao-navi-light a.oao-navi-app-name,
div.oao-navi-navigation.oao-navi-light
  a.oao-navi-app-name
  .oao-navi-app-logo:before,
div.oao-navi-navigation.oao-navi-light a.oao-navi-app-name span,
div.oao-navi-navigation.oao-navi-light a.oao-navi-app-name:active,
div.oao-navi-navigation.oao-navi-light a.oao-navi-app-name:hover,
div.oao-navi-navigation.oao-navi-light a.oao-navi-app-name:visited {
  color: #003d8f;
}
span.oao-navi-burger {
  color: #fff;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  margin: 22px 16px 22px 0;
  width: 20px;
}
span.oao-navi-burger:before {
  content: "";
}
span.oao-navi-burger:active,
span.oao-navi-burger:focus,
span.oao-navi-burger:hover {
  color: #fff;
}
div.oao-navi-navigation.oao-navi-light span.oao-navi-burger {
  color: #003d8f;
}
[data-exos-theme="arsys"] div.oao-navi-navigation,
[data-exos-theme="arsys"] div.oao-navi-navigation.oao-navi-light {
  background-color: #353535;
  border-bottom: none;
  box-shadow: none;
}
[data-exos-theme="arsys"]
  div.oao-navi-navigation
  .oao-navi-application_switch
  > a,
[data-exos-theme="arsys"] div.oao-navi-navigation a.oao-navi-app-name,
[data-exos-theme="arsys"]
  div.oao-navi-navigation
  a.oao-navi-app-name
  .oao-navi-app-logo:before,
[data-exos-theme="arsys"] div.oao-navi-navigation a.oao-navi-app-name span,
[data-exos-theme="arsys"] div.oao-navi-navigation a.oao-navi-app-name:active,
[data-exos-theme="arsys"] div.oao-navi-navigation a.oao-navi-app-name:hover,
[data-exos-theme="arsys"] div.oao-navi-navigation a.oao-navi-app-name:visited,
[data-exos-theme="arsys"]
  div.oao-navi-navigation.oao-navi-light
  .oao-navi-application_switch
  > a,
[data-exos-theme="arsys"]
  div.oao-navi-navigation.oao-navi-light
  a.oao-navi-app-name,
[data-exos-theme="arsys"]
  div.oao-navi-navigation.oao-navi-light
  a.oao-navi-app-name
  .oao-navi-app-logo:before,
[data-exos-theme="arsys"]
  div.oao-navi-navigation.oao-navi-light
  a.oao-navi-app-name
  span,
[data-exos-theme="arsys"]
  div.oao-navi-navigation.oao-navi-light
  a.oao-navi-app-name:active,
[data-exos-theme="arsys"]
  div.oao-navi-navigation.oao-navi-light
  a.oao-navi-app-name:hover,
[data-exos-theme="arsys"]
  div.oao-navi-navigation.oao-navi-light
  a.oao-navi-app-name:visited {
  color: #fff;
}
[data-exos-theme="arsys"]
  div.oao-navi-navigation
  a.oao-navi-app-name
  .oao-navi-app-logo:before,
[data-exos-theme="arsys"]
  div.oao-navi-navigation.oao-navi-light
  a.oao-navi-app-name
  .oao-navi-app-logo:before {
  content: "";
}
body.headless-mode {
  margin-top: inherit;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
  .oao-navi-navigation.oao-navi-finished {
    position: -webkit-sticky;
    position: sticky;
  }
  body {
    margin-top: inherit;
  }
}
div.oao-navi-navigation {
  background-color: var(--global-navigation-background-color, #003d8f);
  border-bottom: 1px solid var(--global-navigation-border2, #002659);
  box-shadow: 0 1px 1px -1px var(--global-navigation-border1, #3364a5);
}
body:not(.oao-pi-no-transition) .page-header,
body:not(.oao-pi-no-transition) .page-section,
body:not(.oao-pi-no-transition) .page-tabbar {
  transition: padding-left 0.2s ease-out, padding-right 0.2s ease-out;
  will-change: padding;
}
body.oao-pi-no-transition .left-navigation {
  transition: none;
}
@media only screen and (max-width: 1184px) {
  .oao-pi-flyin.__left-navigation-active .oao-pi-overlay-container,
  .oao-pi-flyin.__left-navigation-active.oao-pi-animation
    .oao-pi-overlay-container {
    right: -368px;
  }
}
.accordion {
  border: 1px solid var(--tertiary-shape-color, #bcc8d4);
  border-radius: var(--default-border-radius, 16px);
  margin-bottom: 32px;
}
.accordion--filled {
  overflow: hidden;
}
@media only screen and (max-width: 666px) {
  .accordion {
    border-radius: var(--small-border-radius, 8px);
    margin-bottom: 16px;
  }
}
.accordion--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .accordion--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .accordion--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .accordion--small-hidden {
    display: none;
  }
}
.accordion__item {
  border-bottom: 1px solid var(--default-shadow, #718095);
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}
.accordion__item:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
.accordion__item:last-child {
  border-bottom: 0;
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
  overflow: hidden;
}
@media only screen and (max-width: 666px) {
  .accordion__item:first-child {
    border-top-left-radius: var(--small-border-radius, 8px);
    border-top-right-radius: var(--small-border-radius, 8px);
  }
  .accordion__item:last-child {
    border-bottom-left-radius: var(--small-border-radius, 8px);
    border-bottom-right-radius: var(--small-border-radius, 8px);
  }
}
.accordion--filled-closed .accordion__item {
  background: var(--white, #fff);
}
.accordion--filled .accordion__item--expanded,
.accordion--filled .accordion__item:hover {
  background: var(--white, #fff);
  transition: background 0.2s ease-out, box-shadow 0.2s ease-out;
}
.accordion--filled .accordion__item--expanded:last-child,
.accordion--filled .accordion__item:last-child:hover {
  box-shadow: 0 1px 0 0 var(--default-shadow, #718095);
}
.accordion__item-header {
  color: var(--primary-text-color, #02102b);
  font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif);
  font-size: var(--fourth-level-headline-size, 14px);
  line-height: 1;
  line-height: var(--fourth-level-headline-line-height, 1.429em);
  margin: 0 0 0 4px;
  padding: 14px 30px 16px 12px;
  position: relative;
}
.accordion__item-header:after {
  content: "";
  font-family: exos-icon-font;
  font-size: var(--default-text-size, 14px);
  font-style: normal;
  font-weight: 400 !important;
  line-height: 24px;
  position: absolute;
  right: 12px;
  top: 12px;
  vertical-align: top;
}
.accordion__item-header:hover {
  color: var(--interactive-text-color, #1474c4);
  cursor: pointer;
}
.accordion__item-header--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .accordion__item-header--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .accordion__item-header--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .accordion__item-header--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.accordion__item--expanded .accordion__item-header:after {
  content: "";
}
.accordion__item-section {
  display: none;
  margin: 0 0 0 4px;
  padding: 14px 30px 16px 26px;
}
.accordion__item-section--secondary {
  background-color: var(--default-background-color, #f4f7fa);
}
.accordion__item-section:last-child {
  margin-bottom: 0;
}
.accordion__item-section:only-of-type {
  padding-top: 2px;
}
.accordion__item-section .sheet {
  margin-bottom: 8px;
}
@media only screen and (max-width: 666px) {
  .accordion__item-section {
    padding-left: 16px;
    padding-right: 16px;
  }
  .accordion__item-section .sheet:last-child {
    margin-bottom: -16px;
    margin-top: 0;
  }
}
.accordion__item--expanded .accordion__item-section {
  display: inherit;
}
.accordion__item.accordion__item--success {
  box-shadow: inset 4px 0 0 0 var(--inactive-success-shape-color, #12cf76);
}
.accordion__item.accordion__item--success.accordion__item--expanded,
.accordion__item.accordion__item--success.accordion__item--expanded:last-child,
.accordion__item.accordion__item--success:hover,
.accordion__item.accordion__item--success:hover:last-child {
  box-shadow: inset 4px 0 0 0 var(--success-shape-color, #0fa954);
}
.accordion__item.accordion__item--warning {
  box-shadow: inset 4px 0 0 0 var(--inactive-warning-shape-color, #ffd176);
}
.accordion__item.accordion__item--warning.accordion__item--expanded,
.accordion__item.accordion__item--warning.accordion__item--expanded:last-child,
.accordion__item.accordion__item--warning:hover,
.accordion__item.accordion__item--warning:hover:last-child {
  box-shadow: inset 4px 0 0 0 var(--warning-shape-color, #fa0);
}
.accordion__item.accordion__item--critical {
  box-shadow: inset 4px 0 0 0 var(--inactive-critical-shape-color, #ffa8a3);
}
.accordion__item.accordion__item--critical.accordion__item--expanded,
.accordion__item.accordion__item--critical.accordion__item--expanded:last-child,
.accordion__item.accordion__item--critical:hover,
.accordion__item.accordion__item--critical:hover:last-child {
  box-shadow: inset 4px 0 0 0 var(--critical-shape-color, #f50c00);
}
.accordion__item.accordion__item--neutral {
  box-shadow: inset 4px 0 0 0 var(--inactive-neutral-shape-color, #bcc8d4);
}
.accordion__item.accordion__item--neutral.accordion__item--expanded,
.accordion__item.accordion__item--neutral.accordion__item--expanded:last-child,
.accordion__item.accordion__item--neutral:hover,
.accordion__item.accordion__item--neutral:hover:last-child {
  box-shadow: inset 4px 0 0 0 var(--neutral-shape-color, #718095);
}
.accordion__item.accordion__item--activating {
  box-shadow: inset 4px 0 0 0 var(--inactive-activating-shape-color, #7fe4f6);
}
.accordion__item.accordion__item--activating.accordion__item--expanded,
.accordion__item.accordion__item--activating.accordion__item--expanded:last-child,
.accordion__item.accordion__item--activating:hover,
.accordion__item.accordion__item--activating:hover:last-child {
  box-shadow: inset 4px 0 0 0 var(--activating-shape-color, #11c7e6);
}
.badge {
  background-color: var(--solid-activating-background-color, #11c7e6);
  border-radius: var(--small-border-radius, 8px);
  color: var(--corporate-text-color, #0b2a63);
  font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif);
  font-size: var(--small-text-size, 12px);
  margin-right: 8px;
  padding: 0 6px;
  text-transform: uppercase;
  z-index: 1;
}
.badge--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .badge--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .badge--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .badge--small-hidden {
    display: none;
  }
}
.badge--primary {
  background-color: var(--primary-background-color, #fff);
}
.badge--secondary {
  background-color: var(--secondary-background-color, #fff);
}
.badge--tertiary {
  background-color: var(--tertiary-background-color, #bcc8d4);
}
.badge--advertising {
  background: var(--advertising-background-gradient-start, #003d8f);
  background: linear-gradient(
    to bottom right,
    var(--advertising-background-gradient-start, #003d8f),
    var(--advertising-background-gradient-end, #1474c4)
  );
}
.badge--advertising > .headline,
.badge--advertising > .paragraph {
  color: var(--white, #fff);
}
.badge--beta {
  background-color: var(--default-background-color-inverted, #0b2a63);
}
.badge--beta > .headline,
.badge--beta > .paragraph {
  color: var(--white, #fff);
}
.badge--premium {
  background-color: var(--tertiary-background-color-inverted, #718095);
}
.badge--premium > .headline,
.badge--premium > .paragraph {
  color: var(--white, #fff);
}
.badge--success-solid {
  background-color: var(--solid-success-background-color, #12cf76);
  color: var(--corporate-text-color, #0b2a63);
}
.badge--warning-solid {
  background-color: var(--solid-warning-background-color, #fa0);
  color: var(--corporate-text-color, #0b2a63);
}
.badge--critical-solid {
  background-color: var(--solid-critical-background-color, #ff6159);
  color: var(--corporate-text-color, #0b2a63);
}
.badge--neutral-solid {
  background-color: var(--solid-neutral-background-color, #465a75);
  color: var(--white, #fff);
}
.badge--activating-solid {
  background-color: var(--solid-activating-background-color, #11c7e6);
  color: var(--corporate-text-color, #0b2a63);
}
.badge--promoting-solid {
  background-color: var(--solid-promoting-background-color, #e480f8);
  color: var(--corporate-text-color, #0b2a63);
}
.badge--corporate-solid {
  background-color: var(--solid-corporate-background-color, #0b2a63);
  color: var(--white, #fff);
}
.badge--bright-solid {
  background-color: var(--solid-bright-background-color, #fff);
  color: var(--corporate-text-color, #0b2a63);
}
.badge--right {
  margin-left: 8px;
  margin-right: 0;
}
.badge--separated {
  float: left;
  line-height: 17px;
  margin-top: 2px;
}
.badge--positioned {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  left: 0;
  padding-left: 12px;
  position: absolute;
  top: 16px;
}
.badge--beta {
  background-color: var(--solid-corporate-background-color, #0b2a63);
  color: var(--white, #fff);
}
.badge--premium {
  background-color: var(--solid-neutral-background-color, #465a75);
  color: var(--white, #fff);
}
.badge__separated-text,
.breadcrumb {
  display: flex;
}
.breadcrumb {
  align-items: center;
  max-width: calc(50vw + 585px);
  padding-bottom: 1.5em;
}
.breadcrumb:only-child {
  padding-bottom: 0;
}
.breadcrumb__item {
  color: var(--corporate-text-color, #0b2a63);
  display: inline-flex;
  font-size: 16px;
  height: 21px;
  line-height: 21px;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumb__item--dark {
  color: var(--black, #000);
}
.breadcrumb__item:before {
  color: var(--corporate-text-color, #0b2a63);
  content: "";
  font-family: exos-icon-font, sans-serif;
  font-style: normal;
  font-weight: 400;
  padding: 0 5px;
  text-decoration: none;
}
.breadcrumb__item:hover {
  text-decoration: underline;
}
.breadcrumb__item:hover:before {
  height: 19px;
  overflow: hidden;
  text-decoration: none;
}
.breadcrumb__item:first-child {
  min-width: 16px;
  text-indent: -100px;
  text-overflow: clip;
}
.breadcrumb__item:first-child:before {
  content: "";
  float: left;
  min-width: 18px;
  padding: 0;
  text-indent: 0;
}
.breadcrumb__item:only-child {
  text-indent: 0;
}
.breadcrumb__item:only-child:before {
  float: none;
  padding-right: 5px;
  text-indent: 0;
}
.breadcrumb__item:only-child .breadcrumb__item-content {
  display: inline;
}
@media only screen and (max-width: 1014px) {
  .breadcrumb {
    max-width: none;
    width: auto;
  }
}
@media only screen and (max-width: 666px) {
  .breadcrumb__item {
    display: none;
  }
  .breadcrumb__item:last-child {
    display: inline-flex;
  }
  .breadcrumb__item:last-child:before {
    content: "";
    padding-left: 0;
  }
  .headless-mode .breadcrumb {
    display: none;
  }
}
.oao-navi-mobile-app .breadcrumb {
  display: none;
}
.page-header--narrow .breadcrumb {
  max-width: calc(50vw + 475px);
}
.page-header--short .breadcrumb {
  max-width: calc(50vw + 325px);
}
.card {
  background-color: var(--white, #fff);
  border: 1px solid var(--tertiary-shape-color, #bcc8d4);
  border-radius: var(--default-border-radius, 16px);
  clear: both;
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
  margin-bottom: 32px;
  position: relative;
  transition: box-shadow 0.3s ease-out;
}
.card--page-context {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.card--advertising,
.card--beta,
.card--premium {
  border: none;
}
@media only screen and (max-width: 666px) {
  .card {
    border-radius: var(--small-border-radius, 8px);
    margin-bottom: 16px;
  }
}
.card--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .card--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .card--small-hidden {
    display: none;
  }
}
.card--primary {
  background-color: var(--primary-background-color, #fff);
}
.card--secondary {
  background-color: var(--secondary-background-color, #fff);
}
.card--tertiary {
  background-color: var(--tertiary-background-color, #bcc8d4);
}
.card--advertising {
  background: var(--advertising-background-gradient-start, #003d8f);
  background: linear-gradient(
    to bottom right,
    var(--advertising-background-gradient-start, #003d8f),
    var(--advertising-background-gradient-end, #1474c4)
  );
}
.card--advertising > .headline,
.card--advertising > .paragraph {
  color: var(--white, #fff);
}
.card--beta {
  background-color: var(--default-background-color-inverted, #0b2a63);
}
.card--beta > .headline,
.card--beta > .paragraph {
  color: var(--white, #fff);
}
.card--premium {
  background-color: var(--tertiary-background-color-inverted, #718095);
}
.card--premium > .headline,
.card--premium > .paragraph {
  color: var(--white, #fff);
}
.card--activating,
.card--corporate,
.card--critical,
.card--neutral,
.card--promoting,
.card--success,
.card--warning {
  background-color: #fff;
}
.card--success-solid {
  background-color: var(--solid-success-background-color, #12cf76);
  color: var(--corporate-text-color, #0b2a63);
}
.card--warning-solid {
  background-color: var(--solid-warning-background-color, #fa0);
  color: var(--corporate-text-color, #0b2a63);
}
.card--critical-solid {
  background-color: var(--solid-critical-background-color, #ff6159);
  color: var(--corporate-text-color, #0b2a63);
}
.card--neutral-solid {
  background-color: var(--solid-neutral-background-color, #465a75);
  color: var(--white, #fff);
}
.card--activating-solid {
  background-color: var(--solid-activating-background-color, #11c7e6);
  color: var(--corporate-text-color, #0b2a63);
}
.card--promoting-solid {
  background-color: var(--solid-promoting-background-color, #e480f8);
  color: var(--corporate-text-color, #0b2a63);
}
.card--corporate-solid {
  background-color: var(--solid-corporate-background-color, #0b2a63);
  color: var(--white, #fff);
}
.card--bright-solid {
  background-color: var(--solid-bright-background-color, #fff);
  color: var(--corporate-text-color, #0b2a63);
}
.card--semantic-bar-success {
  box-shadow: inset 5px 0 var(--success-shape-color, #0fa954);
  margin-left: -1px;
}
.card--semantic-bar-success:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-success:first-child {
    border-radius: 0;
  }
}
.card--semantic-bar-success:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-success:last-child {
    border-radius: 0;
  }
}
.card--semantic-bar-success:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-success:only-child {
    border-radius: 0;
  }
}
.card--semantic-bar-warning {
  box-shadow: inset 5px 0 var(--warning-shape-color, #fa0);
  margin-left: -1px;
}
.card--semantic-bar-warning:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-warning:first-child {
    border-radius: 0;
  }
}
.card--semantic-bar-warning:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-warning:last-child {
    border-radius: 0;
  }
}
.card--semantic-bar-warning:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-warning:only-child {
    border-radius: 0;
  }
}
.card--semantic-bar-critical {
  box-shadow: inset 5px 0 var(--critical-shape-color, #f50c00);
  margin-left: -1px;
}
.card--semantic-bar-critical:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-critical:first-child {
    border-radius: 0;
  }
}
.card--semantic-bar-critical:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-critical:last-child {
    border-radius: 0;
  }
}
.card--semantic-bar-critical:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-critical:only-child {
    border-radius: 0;
  }
}
.card--semantic-bar-neutral {
  box-shadow: inset 5px 0 var(--neutral-shape-color, #718095);
  margin-left: -1px;
}
.card--semantic-bar-neutral:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-neutral:first-child {
    border-radius: 0;
  }
}
.card--semantic-bar-neutral:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-neutral:last-child {
    border-radius: 0;
  }
}
.card--semantic-bar-neutral:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-neutral:only-child {
    border-radius: 0;
  }
}
.card--semantic-bar-activating {
  box-shadow: inset 5px 0 var(--activating-shape-color, #11c7e6);
  margin-left: -1px;
}
.card--semantic-bar-activating:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-activating:first-child {
    border-radius: 0;
  }
}
.card--semantic-bar-activating:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-activating:last-child {
    border-radius: 0;
  }
}
.card--semantic-bar-activating:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-activating:only-child {
    border-radius: 0;
  }
}
.card--semantic-bar-corporate {
  box-shadow: inset 5px 0 var(--corporate-shape-color, #001b41);
  margin-left: -1px;
}
.card--semantic-bar-corporate:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-corporate:first-child {
    border-radius: 0;
  }
}
.card--semantic-bar-corporate:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-corporate:last-child {
    border-radius: 0;
  }
}
.card--semantic-bar-corporate:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-corporate:only-child {
    border-radius: 0;
  }
}
.card--semantic-bar-promoting {
  box-shadow: inset 5px 0 var(--promoting-shape-color, #b410e7);
  margin-left: -1px;
}
.card--semantic-bar-promoting:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-promoting:first-child {
    border-radius: 0;
  }
}
.card--semantic-bar-promoting:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-promoting:last-child {
    border-radius: 0;
  }
}
.card--semantic-bar-promoting:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card--semantic-bar-promoting:only-child {
    border-radius: 0;
  }
}
.card--success {
  border: 2px solid var(--success-shape-color, #0fa954);
}
.card--warning {
  border: 2px solid var(--warning-shape-color, #fa0);
}
.card--critical {
  border: 2px solid var(--critical-shape-color, #f50c00);
}
.card--neutral {
  border: 2px solid var(--neutral-shape-color, #718095);
}
.card--activating {
  border: 2px solid var(--activating-shape-color, #11c7e6);
}
.card--promoting {
  border: 2px solid var(--promoting-shape-color, #b410e7);
}
.card--corporate {
  border: 2px solid var(--corporate-shape-color, #001b41);
}
.card__header {
  position: relative;
}
.card__header:first-child {
  border-radius: var(--default-border-radius, 16px)
    var(--default-border-radius, 16px) 0 0;
  overflow: hidden;
}
@media only screen and (max-width: 666px) {
  .card__header:first-child {
    border-radius: var(--small-border-radius, 8px)
      var(--small-border-radius, 8px) 0 0;
  }
}
.card__header--align-center {
  justify-content: center;
  text-align: center;
}
.card__header--align-left {
  justify-content: flex-start;
  text-align: left;
}
.card__header--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .card__header--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .card__header--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .card__header--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__header--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .card__header--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .card__header--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .card__header--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .card__header--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .card__header--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.card__visual {
  height: auto;
  vertical-align: top;
  width: 100%;
}
.card__visual--small {
  display: block;
  height: 48px;
  margin: 16px;
  width: auto;
}
.card__visual--contained {
  display: block;
  height: 160px;
  margin: 16px 0;
  -o-object-fit: contain;
  object-fit: contain;
}
.card__visual--covered {
  display: block;
  height: 180px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__visual--covered {
    height: 168px;
  }
}
@media only screen and (max-width: 666px) {
  .card__visual--covered {
    height: 156px;
  }
}
.card__ribbon .card__visual {
  border-radius: 0;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .card__header--visualized .card__visual {
    flex-grow: 1;
    height: 180px;
    -o-object-fit: cover;
    object-fit: cover;
    position: inherit;
    width: 100%;
  }
  @media only screen and (max-width: 666px) {
    .card__header--visualized .card__visual {
      height: 240px;
    }
  }
}
.card__content {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
}
@media only screen and (max-width: 666px) {
  .card__content {
    border-bottom-left-radius: var(--small-border-radius, 8px);
    border-bottom-right-radius: var(--small-border-radius, 8px);
  }
}
.card__content--align-center {
  justify-content: center;
  text-align: center;
}
.card__content--align-left {
  justify-content: flex-start;
  text-align: left;
}
.card__content--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .card__content--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .card__content--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .card__content--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__content--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .card__content--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .card__content--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .card__content--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .card__content--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .card__content--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.card section {
  margin-bottom: inherit;
}
.card__section {
  padding: 16px;
  position: relative;
}
.card__section:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section:first-child {
    border-top-left-radius: var(--small-border-radius, 8px);
    border-top-right-radius: var(--small-border-radius, 8px);
  }
}
.card__section:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section:last-child {
    border-bottom-left-radius: var(--small-border-radius, 8px);
    border-bottom-right-radius: var(--small-border-radius, 8px);
  }
}
.card__section--activating {
  background-color: var(--activating-background-color, #fff);
  border-bottom-width: 2px;
  border-color: var(--activating-shape-color, #11c7e6);
  border-style: solid;
  border-top-width: 2px;
  color: var(--activating-text-color, #007e9c);
}
.card__section--activating + .card__section--activating,
.card__section--activating + .card__section--advertising,
.card__section--activating + .card__section--corporate,
.card__section--activating + .card__section--critical,
.card__section--activating + .card__section--neutral,
.card__section--activating + .card__section--promoting,
.card__section--activating + .card__section--success,
.card__section--activating + .card__section--warning {
  margin-top: -2px;
}
.card__section--activating + .card__footer:not(.card__footer--distinct) {
  margin-top: 16px;
}
.card__section--success {
  background-color: var(--success-background-color, #fff);
  border-bottom-width: 2px;
  border-color: var(--success-shape-color, #0fa954);
  border-style: solid;
  border-top-width: 2px;
  color: var(--success-text-color, #096b35);
}
.card__section--success + .card__section--activating,
.card__section--success + .card__section--advertising,
.card__section--success + .card__section--corporate,
.card__section--success + .card__section--critical,
.card__section--success + .card__section--neutral,
.card__section--success + .card__section--promoting,
.card__section--success + .card__section--success,
.card__section--success + .card__section--warning {
  margin-top: -2px;
}
.card__section--success + .card__footer:not(.card__footer--distinct) {
  margin-top: 16px;
}
.card__section--warning {
  background-color: var(--warning-background-color, #fff);
  border-bottom-width: 2px;
  border-color: var(--warning-shape-color, #fa0);
  border-style: solid;
  border-top-width: 2px;
  color: var(--warning-text-color, #c36b00);
}
.card__section--warning + .card__section--activating,
.card__section--warning + .card__section--advertising,
.card__section--warning + .card__section--corporate,
.card__section--warning + .card__section--critical,
.card__section--warning + .card__section--neutral,
.card__section--warning + .card__section--promoting,
.card__section--warning + .card__section--success,
.card__section--warning + .card__section--warning {
  margin-top: -2px;
}
.card__section--warning + .card__footer:not(.card__footer--distinct) {
  margin-top: 16px;
}
.card__section--critical {
  background-color: var(--critical-background-color, #fff);
  border-bottom-width: 2px;
  border-color: var(--critical-shape-color, #f50c00);
  border-style: solid;
  border-top-width: 2px;
  color: var(--critical-text-color, #c80a00);
}
.card__section--critical + .card__section--activating,
.card__section--critical + .card__section--advertising,
.card__section--critical + .card__section--corporate,
.card__section--critical + .card__section--critical,
.card__section--critical + .card__section--neutral,
.card__section--critical + .card__section--promoting,
.card__section--critical + .card__section--success,
.card__section--critical + .card__section--warning {
  margin-top: -2px;
}
.card__section--critical + .card__footer:not(.card__footer--distinct) {
  margin-top: 16px;
}
.card__section--neutral {
  background-color: var(--neutral-background-color, #fff);
  border-bottom-width: 2px;
  border-color: var(--neutral-shape-color, #718095);
  border-style: solid;
  border-top-width: 2px;
  color: var(--neutral-text-color, #465a75);
}
.card__section--neutral + .card__section--activating,
.card__section--neutral + .card__section--advertising,
.card__section--neutral + .card__section--corporate,
.card__section--neutral + .card__section--critical,
.card__section--neutral + .card__section--neutral,
.card__section--neutral + .card__section--promoting,
.card__section--neutral + .card__section--success,
.card__section--neutral + .card__section--warning {
  margin-top: -2px;
}
.card__section--neutral + .card__footer:not(.card__footer--distinct) {
  margin-top: 16px;
}
.card__section--corporate {
  background-color: var(--corporate-background-color, #fff);
  border-bottom-width: 2px;
  border-color: var(--corporate-shape-color, #001b41);
  border-style: solid;
  border-top-width: 2px;
  color: var(--corporate-text-color, #0b2a63);
}
.card__section--corporate + .card__section--activating,
.card__section--corporate + .card__section--advertising,
.card__section--corporate + .card__section--corporate,
.card__section--corporate + .card__section--critical,
.card__section--corporate + .card__section--neutral,
.card__section--corporate + .card__section--promoting,
.card__section--corporate + .card__section--success,
.card__section--corporate + .card__section--warning {
  margin-top: -2px;
}
.card__section--corporate + .card__footer:not(.card__footer--distinct) {
  margin-top: 16px;
}
.card__section--promoting {
  background-color: var(--promoting-background-color, #fff);
  border-bottom-width: 2px;
  border-color: var(--promoting-shape-color, #b410e7);
  border-style: solid;
  border-top-width: 2px;
  color: var(--promoting-text-color, #560e8a);
}
.card__section--promoting + .card__section--activating,
.card__section--promoting + .card__section--advertising,
.card__section--promoting + .card__section--corporate,
.card__section--promoting + .card__section--critical,
.card__section--promoting + .card__section--neutral,
.card__section--promoting + .card__section--promoting,
.card__section--promoting + .card__section--success,
.card__section--promoting + .card__section--warning {
  margin-top: -2px;
}
.card__section--promoting + .card__footer:not(.card__footer--distinct) {
  margin-top: 16px;
}
.card__section--advertising {
  border-bottom-width: 2px;
  border-color: var(--advertising-background-gradient-start, #003d8f);
  border-style: solid;
  border-top-width: 2px;
  color: var(--white, #fff);
}
.card__section--advertising + .card__section--activating,
.card__section--advertising + .card__section--advertising,
.card__section--advertising + .card__section--corporate,
.card__section--advertising + .card__section--critical,
.card__section--advertising + .card__section--neutral,
.card__section--advertising + .card__section--promoting,
.card__section--advertising + .card__section--success,
.card__section--advertising + .card__section--warning {
  margin-top: -2px;
}
.card__section--advertising + .card__footer:not(.card__footer--distinct) {
  margin-top: 16px;
}
.card__section--separator {
  border-top: 1px solid var(--tertiary-shape-color, #bcc8d4);
  padding-top: 16px;
}
.card__section--growing {
  flex-grow: 1;
}
.card__section--stripes {
  padding: 0 0 16px;
}
.card__section > :last-child {
  margin-bottom: 0;
}
.card__section--align-center {
  justify-content: center;
  text-align: center;
}
.card__section--align-left {
  justify-content: flex-start;
  text-align: left;
}
.card__section--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .card__section--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .card__section--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .card__section--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__section--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .card__section--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .card__section--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .card__section--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .card__section--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .card__section--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.card__section--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .card__section--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__section--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .card__section--small-hidden {
    display: none;
  }
}
.card__section--semantic-bar-success {
  box-shadow: inset 5px 0 var(--success-shape-color, #0fa954);
  margin-left: -1px;
}
.card__section--semantic-bar-success:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-success:first-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-success:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-success:last-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-success:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-success:only-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-warning {
  box-shadow: inset 5px 0 var(--warning-shape-color, #fa0);
  margin-left: -1px;
}
.card__section--semantic-bar-warning:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-warning:first-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-warning:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-warning:last-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-warning:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-warning:only-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-critical {
  box-shadow: inset 5px 0 var(--critical-shape-color, #f50c00);
  margin-left: -1px;
}
.card__section--semantic-bar-critical:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-critical:first-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-critical:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-critical:last-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-critical:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-critical:only-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-neutral {
  box-shadow: inset 5px 0 var(--neutral-shape-color, #718095);
  margin-left: -1px;
}
.card__section--semantic-bar-neutral:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-neutral:first-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-neutral:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-neutral:last-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-neutral:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-neutral:only-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-activating {
  box-shadow: inset 5px 0 var(--activating-shape-color, #11c7e6);
  margin-left: -1px;
}
.card__section--semantic-bar-activating:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-activating:first-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-activating:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-activating:last-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-activating:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-activating:only-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-corporate {
  box-shadow: inset 5px 0 var(--corporate-shape-color, #001b41);
  margin-left: -1px;
}
.card__section--semantic-bar-corporate:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-corporate:first-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-corporate:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-corporate:last-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-corporate:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-corporate:only-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-promoting {
  box-shadow: inset 5px 0 var(--promoting-shape-color, #b410e7);
  margin-left: -1px;
}
.card__section--semantic-bar-promoting:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-promoting:first-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-promoting:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-promoting:last-child {
    border-radius: 0;
  }
}
.card__section--semantic-bar-promoting:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__section--semantic-bar-promoting:only-child {
    border-radius: 0;
  }
}
.card__section--success-solid {
  background-color: var(--solid-success-background-color, #12cf76);
  color: var(--corporate-text-color, #0b2a63);
}
.card__section--warning-solid {
  background-color: var(--solid-warning-background-color, #fa0);
  color: var(--corporate-text-color, #0b2a63);
}
.card__section--critical-solid {
  background-color: var(--solid-critical-background-color, #ff6159);
  color: var(--corporate-text-color, #0b2a63);
}
.card__section--neutral-solid {
  background-color: var(--solid-neutral-background-color, #465a75);
  color: var(--white, #fff);
}
.card__section--activating-solid {
  background-color: var(--solid-activating-background-color, #11c7e6);
  color: var(--corporate-text-color, #0b2a63);
}
.card__section--promoting-solid {
  background-color: var(--solid-promoting-background-color, #e480f8);
  color: var(--corporate-text-color, #0b2a63);
}
.card__section--corporate-solid {
  background-color: var(--solid-corporate-background-color, #0b2a63);
  color: var(--white, #fff);
}
.card__section--bright-solid {
  background-color: var(--solid-bright-background-color, #fff);
  color: var(--corporate-text-color, #0b2a63);
}
.card__section--primary {
  background-color: var(--primary-background-color, #fff);
}
.card__section--secondary {
  background-color: var(--secondary-background-color, #fff);
}
.card__section--tertiary {
  background-color: var(--tertiary-background-color, #bcc8d4);
}
.card__section--advertising {
  background: var(--advertising-background-gradient-start, #003d8f);
  background: linear-gradient(
    to bottom right,
    var(--advertising-background-gradient-start, #003d8f),
    var(--advertising-background-gradient-end, #1474c4)
  );
}
.card__section--advertising > .headline,
.card__section--advertising > .paragraph {
  color: var(--white, #fff);
}
.card__section--beta {
  background-color: var(--default-background-color-inverted, #0b2a63);
}
.card__section--beta > .headline,
.card__section--beta > .paragraph {
  color: var(--white, #fff);
}
.card__section--premium {
  background-color: var(--tertiary-background-color-inverted, #718095);
}
.card__section--premium > .headline,
.card__section--premium > .paragraph {
  color: var(--white, #fff);
}
.card__section--vertical-align-bottom {
  align-items: flex-end;
  display: flex;
  flex-flow: wrap;
}
.card__section--vertical-align-center {
  align-items: center;
  display: flex;
  flex-flow: wrap;
}
.card__section--vertical-align-top {
  align-items: flex-start;
  display: flex;
  flex-flow: wrap;
}
@media only screen and (min-width: 1185px) {
  .card__section--large-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .card__section--large-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .card__section--large-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__section--medium-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .card__section--medium-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .card__section--medium-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (max-width: 666px) {
  .card__section--small-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .card__section--small-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .card__section--small-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
.card__headline {
  color: var(--default-text-color, #001b41);
  font-family: var(
    --corporate-font-bold,
    "OverpassSemibold",
    arial,
    sans-serif
  );
  font-size: var(--second-level-headline-size, 22px);
  line-height: var(--second-level-headline-line-height, 1.364em);
  margin-bottom: 12px;
  word-break: break-word;
}
.card__headline--cropped {
  margin-bottom: 0;
}
.card__headline--align-center {
  justify-content: center;
  text-align: center;
}
.card__headline--align-left {
  justify-content: flex-start;
  text-align: left;
}
.card__headline--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .card__headline--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .card__headline--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .card__headline--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__headline--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .card__headline--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .card__headline--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .card__headline--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .card__headline--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .card__headline--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.card__headline--break-all {
  word-break: break-all;
}
.card__headline--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .card__headline--small-break-all {
    word-break: break-all;
  }
  .card__headline--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__headline--medium-break-all {
    word-break: break-all;
  }
  .card__headline--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .card__headline--large-break-all {
    word-break: break-all;
  }
  .card__headline--large-break-word {
    word-break: break-word;
  }
}
.card__headline--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .card__headline--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__headline--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .card__headline--large-nowrap {
    white-space: nowrap;
  }
}
.card__headline--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .card__headline--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__headline--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .card__headline--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.card__headline--success {
  color: var(--success-text-color, #096b35);
}
.card__headline--warning {
  color: var(--warning-text-color, #c36b00);
}
.card__headline--critical {
  color: var(--critical-text-color, #c80a00);
}
.card__headline--neutral {
  color: var(--neutral-text-color, #465a75);
}
.card__headline--activating {
  color: var(--activating-text-color, #007e9c);
}
.card__headline--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.card__headline--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.card__headline--bright {
  color: var(--white, #fff);
}
.badge--positioned + .card__headline {
  margin-top: 36px;
}
.card__preheadline {
  color: var(--default-text-color, #001b41);
  margin-bottom: 3px;
}
.card__preheadline--badge .badge {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -16px;
  margin-right: 6px;
  padding-bottom: 1px;
  padding-left: 16px;
  padding-top: 1px;
}
.card__preheadline--break-all {
  word-break: break-all;
}
.card__preheadline--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .card__preheadline--small-break-all {
    word-break: break-all;
  }
  .card__preheadline--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__preheadline--medium-break-all {
    word-break: break-all;
  }
  .card__preheadline--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .card__preheadline--large-break-all {
    word-break: break-all;
  }
  .card__preheadline--large-break-word {
    word-break: break-word;
  }
}
.card__preheadline--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .card__preheadline--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__preheadline--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .card__preheadline--large-nowrap {
    white-space: nowrap;
  }
}
.card__preheadline--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .card__preheadline--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__preheadline--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .card__preheadline--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.card__preheadline--success {
  color: var(--success-text-color, #096b35);
}
.card__preheadline--warning {
  color: var(--warning-text-color, #c36b00);
}
.card__preheadline--critical {
  color: var(--critical-text-color, #c80a00);
}
.card__preheadline--neutral {
  color: var(--neutral-text-color, #465a75);
}
.card__preheadline--activating {
  color: var(--activating-text-color, #007e9c);
}
.card__preheadline--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.card__preheadline--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.card__preheadline--bright {
  color: var(--white, #fff);
}
.badge--positioned + .card__preheadline {
  margin-top: 36px;
}
.card__subheadline {
  color: var(--default-text-color, #001b41);
  font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif);
  font-size: var(--third-level-headline-size, 16px);
  line-height: var(--third-level-headline-line-height, 1.5em);
  margin-bottom: 6px;
  margin-top: 0;
}
.card__subheadline--break-all {
  word-break: break-all;
}
.card__subheadline--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .card__subheadline--small-break-all {
    word-break: break-all;
  }
  .card__subheadline--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__subheadline--medium-break-all {
    word-break: break-all;
  }
  .card__subheadline--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .card__subheadline--large-break-all {
    word-break: break-all;
  }
  .card__subheadline--large-break-word {
    word-break: break-word;
  }
}
.card__subheadline--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .card__subheadline--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__subheadline--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .card__subheadline--large-nowrap {
    white-space: nowrap;
  }
}
.card__subheadline--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .card__subheadline--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__subheadline--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .card__subheadline--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.card__subheadline--success {
  color: var(--success-text-color, #096b35);
}
.card__subheadline--warning {
  color: var(--warning-text-color, #c36b00);
}
.card__subheadline--critical {
  color: var(--critical-text-color, #c80a00);
}
.card__subheadline--neutral {
  color: var(--neutral-text-color, #465a75);
}
.card__subheadline--activating {
  color: var(--activating-text-color, #007e9c);
}
.card__subheadline--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.card__subheadline--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.card__subheadline--bright {
  color: var(--white, #fff);
}
.card__icon {
  margin-bottom: 15px;
}
.card__icon-container {
  align-items: center;
  display: flex;
  flex-flow: row;
  padding-bottom: 16px;
}
.card__icon-container .card__icon {
  display: flex;
  flex-flow: wrap;
  margin: 0 15px 0 0;
  max-height: 64px;
  width: auto;
}
.card__icon-container .card__icon:last-child {
  margin-left: 15px;
  margin-right: 0;
}
.card__icon-container .card__icon--vertical-align-bottom {
  align-self: flex-end;
}
.card__icon-container .card__icon--vertical-align-center {
  align-self: center;
}
.card__icon-container .card__icon--vertical-align-middle {
  vertical-align: middle;
}
.card__icon-container .card__icon--vertical-align-top {
  align-self: flex-start;
}
@media only screen and (min-width: 1185px) {
  .card__icon-container .card__icon--large-vertical-align-bottom {
    align-self: flex-end;
  }
  .card__icon-container .card__icon--large-vertical-align-center {
    align-self: center;
  }
  .card__icon-container .card__icon--large-vertical-align-middle {
    vertical-align: middle;
  }
  .card__icon-container .card__icon--large-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__icon-container .card__icon--medium-vertical-align-bottom {
    align-self: flex-end;
  }
  .card__icon-container .card__icon--medium-vertical-align-center {
    align-self: center;
  }
  .card__icon-container .card__icon--medium-vertical-align-middle {
    vertical-align: middle;
  }
  .card__icon-container .card__icon--medium-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (max-width: 666px) {
  .card__icon-container .card__icon--small-vertical-align-bottom {
    align-self: flex-end;
  }
  .card__icon-container .card__icon--small-vertical-align-center {
    align-self: center;
  }
  .card__icon-container .card__icon--small-vertical-align-middle {
    vertical-align: middle;
  }
  .card__icon-container .card__icon--small-vertical-align-top {
    align-self: flex-start;
  }
}
.card__icon-container .card__headline-container {
  flex-grow: 1;
}
.card__icon-container .card__headline-container--align-center {
  justify-content: center;
  text-align: center;
}
.card__icon-container .card__headline-container--align-left {
  justify-content: flex-start;
  text-align: left;
}
.card__icon-container .card__headline-container--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .card__icon-container .card__headline-container--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .card__icon-container .card__headline-container--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .card__icon-container .card__headline-container--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__icon-container .card__headline-container--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .card__icon-container .card__headline-container--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .card__icon-container .card__headline-container--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .card__icon-container .card__headline-container--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .card__icon-container .card__headline-container--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .card__icon-container .card__headline-container--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.card__icon-container .card__headline,
.card__icon-container .card__preheadline {
  margin: 3px 0 0;
}
.card__action-container {
  display: flex;
}
.card__action-container:last-child {
  margin-bottom: -8px;
}
.card__flyout {
  flex-grow: 1;
  margin-left: 24px;
  margin-top: 2px;
  text-align: right;
}
@media only screen and (max-width: 666px) {
  .card__flyout {
    position: absolute;
    right: 16px;
  }
}
.card__ribbon {
  background-color: var(--activating-background-color, #fff);
  border-bottom: 1px solid var(--activating-shape-color, #11c7e6);
  border-top: 1px solid var(--activating-shape-color, #11c7e6);
  color: var(--activating-text-color, #007e9c);
  padding: 8px 16px;
  text-align: center;
}
.card__ribbon--success {
  background-color: var(--white, #fff);
  border-bottom: 1px solid var(--success-shape-color, #0fa954);
  border-top: 1px solid var(--success-shape-color, #0fa954);
  color: var(--success-text-color, #096b35);
}
.card__ribbon--warning {
  background-color: var(--white, #fff);
  border-bottom: 1px solid var(--warning-shape-color, #fa0);
  border-top: 1px solid var(--warning-shape-color, #fa0);
  color: var(--warning-text-color, #c36b00);
}
.card__ribbon--critical {
  background-color: var(--white, #fff);
  border-bottom: 1px solid var(--critical-shape-color, #f50c00);
  border-top: 1px solid var(--critical-shape-color, #f50c00);
  color: var(--critical-text-color, #c80a00);
}
.card__ribbon--neutral {
  background-color: var(--white, #fff);
  border-bottom: 1px solid var(--neutral-shape-color, #718095);
  border-top: 1px solid var(--neutral-shape-color, #718095);
  color: var(--neutral-text-color, #465a75);
}
.card__ribbon--corporate {
  background-color: var(--white, #fff);
  border-bottom: 1px solid var(--corporate-shape-color, #001b41);
  border-top: 1px solid var(--corporate-shape-color, #001b41);
  color: var(--corporate-text-color, #0b2a63);
}
.card__ribbon--promoting {
  background-color: var(--white, #fff);
  border-bottom: 1px solid var(--promoting-shape-color, #b410e7);
  border-top: 1px solid var(--promoting-shape-color, #b410e7);
  color: var(--promoting-text-color, #560e8a);
}
.card__ribbon--advertising {
  background: var(--advertising-background-gradient-start, #003d8f);
  background: linear-gradient(
    to bottom right,
    var(--advertising-background-gradient-start, #003d8f),
    var(--advertising-background-gradient-end, #1474c4)
  );
  border-bottom: 1px solid var(--advertising-background-gradient-start, #003d8f);
  border-top: 1px solid var(--advertising-background-gradient-start, #003d8f);
  color: var(--white, #fff);
}
.card__footer {
  padding: 0 16px 16px;
  text-align: center;
}
.card__footer:last-child {
  border-radius: 0 0 var(--default-border-radius, 16px)
    var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .card__footer:last-child {
    border-radius: 0 0 var(--small-border-radius, 8px)
      var(--small-border-radius, 8px);
  }
}
.card__footer--distinct {
  background-color: var(--default-background-color, #f4f7fa);
  border-top: 1px solid var(--tertiary-shape-color, #bcc8d4);
  padding-top: 16px;
}
.card__footer--growing {
  align-items: flex-end;
  display: flex;
  flex-flow: warp;
  flex-grow: 1;
  justify-content: center;
}
.card__footer .button,
.card__footer .toggle-button {
  margin-bottom: 8px;
  margin-top: 8px;
}
.card__footer > :last-child {
  margin-bottom: 4px;
}
.card__footer + section:last-child {
  border-bottom: 0;
}
.card__footer--align-center {
  justify-content: center;
  text-align: center;
}
.card__footer--align-left {
  justify-content: flex-start;
  text-align: left;
}
.card__footer--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .card__footer--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .card__footer--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .card__footer--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__footer--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .card__footer--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .card__footer--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .card__footer--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .card__footer--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .card__footer--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.card__footer--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .card__footer--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__footer--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .card__footer--small-hidden {
    display: none;
  }
}
.card__footer--vertical-align-bottom {
  align-items: flex-end;
  display: flex;
  flex-flow: wrap;
}
.card__footer--vertical-align-center {
  align-items: center;
  display: flex;
  flex-flow: wrap;
}
.card__footer--vertical-align-top {
  align-items: flex-start;
  display: flex;
  flex-flow: wrap;
}
@media only screen and (min-width: 1185px) {
  .card__footer--large-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .card__footer--large-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .card__footer--large-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .card__footer--medium-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .card__footer--medium-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .card__footer--medium-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (max-width: 666px) {
  .card__footer--small-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .card__footer--small-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .card__footer--small-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
.card__close {
  cursor: pointer;
  opacity: 0.62;
  position: absolute;
  right: 10px;
  text-decoration: none;
  top: 13px;
}
.card__close:hover {
  opacity: 1;
}
.card__close:before {
  color: var(--tertiary-text-color, #718095);
  content: "\E67B";
  font-family: exos-icon-font, serif;
  font-size: 24px;
  line-height: 1em;
}
@media only screen and (max-width: 666px) {
  .card__close {
    right: 11px;
    top: 14px;
  }
  .card__close:before {
    font-size: 21px;
  }
}
.card__close--success:before {
  color: var(--success-text-color, #096b35);
}
.card__close--warning:before {
  color: var(--warning-text-color, #c36b00);
}
.card__close--critical:before {
  color: var(--critical-text-color, #c80a00);
}
.card__close--neutral:before {
  color: var(--neutral-text-color, #465a75);
}
.card__close--activating:before {
  color: var(--activating-text-color, #007e9c);
}
.card__close--promoting:before {
  color: var(--promoting-text-color, #560e8a);
}
.card__close--corporate:before {
  color: var(--corporate-text-color, #0b2a63);
}
.card__close--bright:before {
  color: var(--white, #fff);
}
.card__close + .card__headline,
.card__close + .card__preheadline {
  margin-right: 40px;
}
@media only screen and (max-width: 666px) {
  .card__close + .card__headline,
  .card__close + .card__preheadline {
    margin-right: 30px;
  }
}
.card__separator {
  border: 0;
  border-top: 1px solid var(--tertiary-shape-color, #bcc8d4);
  margin: 0;
}
@media only screen and (max-width: 666px) {
  .headless-mode .card--headless-hidden,
  .headless-mode .card__footer--headless-hidden,
  .headless-mode .card__section--headless-hidden {
    display: none;
  }
}
.card__section .card__ribbon {
  margin: 16px -16px;
}
.card__section:last-of-type .card__ribbon:last-child {
  margin-bottom: 4px;
}
.card__section:not(:last-of-type) .card__ribbon:last-child {
  margin-bottom: -16px;
}
.card.__direct-selection:hover {
  box-shadow: 0 2px 8px 0 var(--default-shadow, #718095);
}
.card__action-container .context-menu__list {
  right: 8px;
}
.card__content > :nth-last-child(2) {
  flex-grow: 1;
}
.context-menu {
  z-index: 1;
}
.context-menu--expanded {
  z-index: 2;
}
.context-menu--inline {
  display: inline;
  margin-left: 1em;
}
.context-menu--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .context-menu--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .context-menu--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .context-menu--small-hidden {
    display: none;
  }
}
.context-menu__trigger {
  color: var(--interactive-text-color, #1474c4);
  cursor: pointer;
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  line-height: 22px;
  transition: color 0.1s ease-out;
  vertical-align: top;
  white-space: nowrap;
}
.context-menu__trigger:before {
  content: "";
}
.context-menu__trigger:after,
.context-menu__trigger:before {
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  vertical-align: top;
}
.context-menu__trigger:after {
  content: "";
}
.context-menu__trigger:before {
  display: inline-block;
  font-size: 16px;
  margin-right: 3px;
}
.context-menu__trigger:after {
  display: inline-block;
  font-size: 13px;
  margin-right: -5px;
}
.context-menu__trigger--active,
.context-menu__trigger:active,
.context-menu__trigger:focus,
.context-menu__trigger:hover {
  color: var(--corporate-text-color, #0b2a63);
}
.context-menu__trigger--custom-icon:after {
  content: "";
}
.context-menu__label {
  color: var(--secondary-text-color, #465a75);
  display: inline-block;
  margin-right: 8px;
}
@media only screen and (max-width: 666px) {
  .context-menu__label {
    display: block;
    margin-right: 0;
  }
}
.context-menu__list {
  background-color: var(--white, #fff);
  border: 1px solid var(--tertiary-shape-color, #bcc8d4);
  border-radius: var(--small-border-radius, 8px);
  box-shadow: 0 2px 8px 0 var(--default-shadow, #718095);
  margin-top: -8px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transition: margin 0.05s ease-out;
  visibility: hidden;
  z-index: -1;
}
.context-menu__list--visible {
  margin-top: 6px;
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.context-menu__list--triggered-by-button {
  left: -2px;
  margin-top: 10px;
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.context-menu__list--triggered-by-button-group {
  left: 0;
  margin-top: 0;
  min-width: 100%;
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.context-menu__list--right.context-menu__list--visible {
  right: -2px;
}
@media only screen and (max-width: 666px) {
  .context-menu__list {
    border-radius: var(--xsmall-border-radius, 4px);
  }
}
.context-menu__list > li {
  opacity: 0;
  padding: 0;
  transition: opacity 0.2s ease-out 0.15s;
}
.context-menu__list--triggered-by-button-group > li,
.context-menu__list--triggered-by-button > li,
.context-menu__list--visible > li {
  opacity: 1;
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .context-menu__list--visible {
    position: relative;
  }
}
.context-menu__list-link {
  background: none;
  border: none;
  border-left: 3px solid transparent;
  color: var(--default-text-color, #001b41);
  display: block;
  font-family: var(
    --default-font-regular,
    "OpenSansRegular",
    arial,
    arial narrow,
    sans-serif
  );
  font-size: var(--default-text-size, 14px);
  line-height: 1.5em;
  margin: 0;
  max-width: 216px;
  outline: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: color 0.1s ease-out 0s, background-color 0.1s ease-out 0s,
    border-color 0.1s ease-out 0s, margin 0.05s ease-out, padding 0.05s ease-out;
  width: 100%;
}
.context-menu__list-link--active,
.context-menu__list-link:active,
.context-menu__list-link:focus,
.context-menu__list-link:hover {
  border-left: 3px solid var(--interactive-shape-color, #1474c4);
  color: var(--interactive-text-color, #1474c4);
}
.context-menu__list-link--bold {
  font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif);
}
.context-menu__list-link--activating--active,
.context-menu__list-link--activating:active,
.context-menu__list-link--activating:focus,
.context-menu__list-link--activating:hover {
  border-left-color: var(--activating-text-color, #007e9c);
  color: var(--activating-text-color, #007e9c);
}
.context-menu__list-link--critical--active,
.context-menu__list-link--critical:active,
.context-menu__list-link--critical:focus,
.context-menu__list-link--critical:hover {
  border-left-color: var(--critical-text-color, #c80a00);
  color: var(--critical-text-color, #c80a00);
}
.context-menu__list--triggered-by-button .context-menu__list-link,
.context-menu__list--triggered-by-button-group .context-menu__list-link,
.context-menu__list--visible .context-menu__list-link {
  cursor: pointer;
  margin: 4px 0;
  overflow: hidden;
  padding: 6px 16px;
  text-overflow: ellipsis;
}
.context-menu__list-caption {
  display: block;
  font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif);
  margin-bottom: 2px;
}
.context-menu__list-description {
  white-space: break-spaces;
}
.context-menu__list-link:hover .context-menu__list-description {
  color: var(--default-text-color, #001b41);
}
.context-menu__list-separator {
  border: 0;
  border-top: 1px solid var(--tertiary-shape-color, #bcc8d4);
  margin-bottom: 0;
  margin-top: 0;
}
@media only screen and (max-width: 666px) {
  .headless-mode .context-menu--headless-hidden {
    display: none;
  }
}
.form-stripe {
  margin-bottom: 0;
  margin-top: 0;
}
.form-stripe:after {
  clear: both;
  content: "";
  display: table;
}
.form-stripe--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .form-stripe--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .form-stripe--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .form-stripe--small-hidden {
    display: none;
  }
}
.form-stripe--vertical-align-bottom {
  align-items: flex-end;
  display: flex;
  flex-flow: wrap;
}
.form-stripe--vertical-align-center {
  align-items: center;
  display: flex;
  flex-flow: wrap;
}
.form-stripe--vertical-align-top {
  align-items: flex-start;
  display: flex;
  flex-flow: wrap;
}
@media only screen and (min-width: 1185px) {
  .form-stripe--large-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .form-stripe--large-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .form-stripe--large-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .form-stripe--medium-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .form-stripe--medium-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .form-stripe--medium-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (max-width: 666px) {
  .form-stripe--small-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .form-stripe--small-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .form-stripe--small-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
.form-stripe--actions {
  margin-top: 24px;
  width: 100%;
}
.form-stripe--actions .button,
.form-stripe--actions .ghost-button,
.form-stripe--actions .toggle-button {
  margin-bottom: 12px;
  vertical-align: bottom;
}
.form-stripe__label-area {
  box-sizing: border-box;
  float: left;
  margin-bottom: 16px;
  min-height: 1px;
  padding-right: 8px;
  text-align: right;
  width: 33.33333%;
}
.form-stripe__label-area--inline {
  text-align: left;
  width: auto;
}
@media only screen and (max-width: 666px) {
  .form-stripe__label-area {
    margin-bottom: 0;
    margin-top: 0;
    padding-right: 0;
    text-align: left;
    width: 100%;
  }
  .form-stripe__label-area .label--left {
    margin-bottom: 4px;
    margin-top: 8px;
  }
}
.form-stripe__input-area {
  box-sizing: border-box;
  float: left;
  margin-bottom: 16px;
  min-height: 1px;
  padding-left: 8px;
  width: 66.66667%;
}
.form-stripe__input-area--inline {
  width: auto;
}
@media only screen and (max-width: 666px) {
  .form-stripe__input-area {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
    width: 100%;
  }
}
.form-stripe__primary-action-area {
  box-sizing: border-box;
  float: left;
  margin-top: -16px;
  min-height: 1px;
  padding-left: 8px;
  width: 66.66667%;
}
@media only screen and (max-width: 666px) {
  .form-stripe__primary-action-area {
    float: left;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
    padding-right: 8px;
    width: auto;
  }
  .form-stripe__primary-action-area .button,
  .form-stripe__primary-action-area .toggle-button {
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.form-stripe__secondary-action-area {
  box-sizing: border-box;
  float: left;
  margin-top: -16px;
  min-height: 1px;
  padding-right: 8px;
  text-align: right;
  width: 33.33333%;
}
.form-stripe__secondary-action-area:after {
  content: "\00a0";
  font-size: 0;
}
@media only screen and (max-width: 666px) {
  .form-stripe__secondary-action-area {
    display: inline-block;
    float: none;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 8px;
    padding-right: 0;
    width: auto;
  }
  .form-stripe__secondary-action-area .button,
  .form-stripe__secondary-action-area .toggle-button {
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.label {
  color: var(--primary-text-color, #02102b);
  display: block;
  font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif);
  line-height: 22px;
  margin-bottom: 4px;
  margin-top: 8px;
}
.label--bright {
  color: var(--white, #fff);
}
.label--inline {
  display: inline-block;
}
.label--left {
  margin-bottom: 7px;
  margin-top: 7px;
}
.label--has-byline {
  margin-bottom: 0;
  margin-top: -1px;
}
@media only screen and (max-width: 666px) {
  .label--has-byline {
    margin-top: 7px;
  }
}
.label--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .label--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .label--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .label--small-hidden {
    display: none;
  }
}
.label--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .label--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .label--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .label--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.label-byline {
  display: block;
  font-size: var(--small-text-size, 12px);
  line-height: 19px;
  margin-bottom: 0;
  margin-top: -4px;
}
@media only screen and (max-width: 666px) {
  .label-byline {
    margin-bottom: 7px;
  }
  .grid-small-12 .label--left {
    margin-bottom: 4px;
    margin-top: 8px;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .grid-medium-12 .label--left {
    margin-bottom: 4px;
    margin-top: 8px;
  }
}
@media only screen and (max-width: 666px) {
  .headless-mode .label--headless-hidden,
  .headless-mode .label-byline--headless-hidden {
    display: none;
  }
}
.form-text {
  color: var(--default-text-color, #001b41);
  display: block;
  font-size: var(--default-text-size, 14px);
  line-height: 22px;
  margin: 7px 0;
}
.form-text--bright {
  color: var(--white, #fff);
}
@media only screen and (max-width: 666px) {
  .form-text {
    margin-top: 0;
  }
}
.form-text--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .form-text--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .form-text--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .form-text--small-hidden {
    display: none;
  }
}
.form-text--inline {
  display: inline-block;
}
.form-text--inline-separator {
  display: inline-block;
  margin-left: 6px;
  margin-right: 6px;
}
.input-byline {
  display: inline-block;
  margin-bottom: 7px;
  margin-top: 7px;
}
.input-byline--full-width {
  width: 100%;
}
.input-byline--error {
  word-wrap: break-word;
  color: var(--critical-text-color, #c80a00);
}
.input-byline--emphasized-error {
  background: var(--solid-critical-background-color, #ff6159);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: var(--white, #fff);
  display: inline;
  padding: 1px 4px;
}
.input-byline--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .input-byline--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .input-byline--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .input-byline--small-hidden {
    display: none;
  }
}
.input-checkbox {
  left: -9999px;
  position: absolute;
}
.input-checkbox + label {
  cursor: pointer;
  font-family: var(
    --default-font-regular,
    "OpenSansRegular",
    arial,
    arial narrow,
    sans-serif
  );
  margin-right: 15px;
  padding-left: 25px;
  position: relative;
}
@media only screen and (max-width: 666px) {
  .input-checkbox + label {
    margin-top: 0;
  }
}
.input-checkbox + label:before {
  background: transparent;
  border: var(--checkbox-border-width, 1px) solid
    var(--secondary-shape-color, #97a3b4);
  border-radius: 2px;
  content: "";
  height: 16px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 16px;
}
.input-checkbox + label:after {
  -webkit-font-smoothing: antialiased;
  color: var(--secondary-text-color, #465a75);
  content: " ";
  font-family: exos-icon-font, sans-serif;
  left: 2px;
  position: absolute;
  top: 1px;
  transition: all 0.2s;
}
.input-checkbox--error + label:before {
  background-color: transparent;
  border-color: var(--critical-text-color, #c80a00);
}
.input-checkbox + label:hover:before,
.input-checkbox:focus + label:before {
  border-color: var(--interactive-shape-color, #1474c4);
}
.input-checkbox:checked + label:before {
  background-color: var(--interactive-text-color, #1474c4);
  border-color: var(--interactive-text-color, #1474c4);
  color: var(--white, #fff);
}
.input-checkbox:checked + label:after {
  color: var(--white, #fff);
  content: "";
}
.input-checkbox--error:checked label:before {
  background-color: transparent;
  border-color: var(--interactive-text-color, #1474c4);
  color: var(--white, #fff);
}
.input-checkbox:disabled + label {
  cursor: not-allowed;
}
.input-checkbox:disabled + label:before {
  background-color: transparent;
  border-color: var(--inactive-neutral-shape-color, #bcc8d4);
}
.input-checkbox:disabled + label:after {
  border-color: var(--inactive-neutral-text-color, #bcc8d4);
  content: " ";
}
.input-checkbox--disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.input-checkbox--disabled:checked + label:after,
.input-checkbox--disabled:disabled + label:after {
  color: var(--default-shape-color, #465a75);
  content: "";
}
.input-checkbox + .label--inline:not(.label--left) {
  margin-bottom: 8px;
  margin-top: 6px;
}
.input-counter {
  word-wrap: break-word;
  color: var(--neutral-text-color, #465a75);
  display: inline-block;
  float: right;
  margin-top: 4px;
}
.input-counter--error {
  color: var(--critical-text-color, #c80a00);
}
.input-radio {
  left: -9999px;
  position: absolute;
}
.input-radio + label {
  cursor: pointer;
  font-family: var(
    --default-font-regular,
    "OpenSansRegular",
    arial,
    arial narrow,
    sans-serif
  );
  margin-right: 15px;
  padding-left: 25px;
  position: relative;
}
.input-radio + label:before {
  background-color: transparent;
  border: 1px solid var(--secondary-shape-color, #97a3b4);
  border-radius: 50%;
  content: "";
  height: 15px;
  left: 0;
  margin-right: 10px;
  position: absolute;
  top: 3px;
  width: 15px;
}
.input-radio + label:hover:before,
.input-radio:focus + label:before {
  border: 1px solid var(--interactive-shape-color, #1474c4);
}
.input-radio:checked + label:before {
  -webkit-font-smoothing: antialiased;
  background-color: var(--interactive-text-color, #1474c4);
  border: 1px solid var(--interactive-text-color, #1474c4);
  color: var(--white, #fff);
  content: "";
  font-family: exos-icon-font, sans-serif;
  font-size: 15px;
  line-height: 15px;
  text-align: center;
}
.input-radio:disabled + label {
  cursor: not-allowed;
}
.input-radio:disabled + label:before {
  background-color: transparent;
  border-color: var(--inactive-neutral-shape-color, #bcc8d4);
  color: var(--default-shape-color, #465a75);
}
.input-radio + .label--inline:not(.label--left) {
  margin-bottom: 8px;
  margin-top: 6px;
}
.input-select {
  background-color: transparent;
  border: 1px solid var(--secondary-shape-color, #97a3b4);
  border-radius: var(--small-border-radius, 8px);
  box-sizing: border-box;
  color: var(--default-text-color, #001b41);
  display: inline-block;
  font-family: var(
    --default-font-regular,
    "OpenSansRegular",
    arial,
    arial narrow,
    sans-serif
  );
  font-size: var(--default-text-size, 14px);
  height: 36px;
  padding: 6px;
  width: 100%;
}
.input-select--multiple {
  height: auto;
}
.input-select::-ms-expand {
  background-color: transparent;
  border: 0;
  margin-left: 8px;
  margin-right: -12px;
  padding-right: 12px;
}
.input-select:focus,
.input-select:hover {
  border-color: var(--interactive-shape-color, #1474c4);
}
.input-select:focus {
  outline: 0;
}
.input-select::-webkit-input-placeholder {
  color: var(--secondary-text-color, #465a75);
}
.input-select::placeholder {
  color: var(--secondary-text-color, #465a75);
}
.input-select--bright {
  border-color: var(--white, #fff);
  color: var(--white, #fff);
}
.input-select--bright::-webkit-input-placeholder {
  color: var(--white, #fff);
}
.input-select--bright::placeholder {
  color: var(--white, #fff);
}
@media only screen and (max-width: 666px) {
  .input-select {
    border-radius: var(--xsmall-border-radius, 4px);
  }
}
.input-select option {
  color: var(--default-text-color);
  padding: 0 6px;
}
.input-select--inline {
  width: auto;
}
.input-select--error {
  background-color: transparent;
}
.input-select--error,
.input-select--error:hover {
  border-color: var(--critical-shape-color, #f50c00);
}
.input-select--error:focus {
  border-color: var(--interactive-shape-color, #1474c4);
}
.input-select--disabled {
  background-color: transparent;
  color: var(--tertiary-text-color, #718095);
  cursor: not-allowed;
}
.input-select--disabled:hover {
  border-color: var(--tertiary-shape-color, #bcc8d4);
}
.input-switch {
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  height: 19px;
  overflow: hidden;
  padding-right: 2px;
  position: relative;
  vertical-align: middle;
  width: 39px;
}
.input-switch--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-switch label {
  background-color: var(--quaternary-background-color, #97a3b4);
  border: 1px solid transparent;
  border-radius: 20px;
  display: inline-block;
  height: 17px;
  margin-bottom: 4px;
  width: 100%;
}
.input-switch input {
  cursor: pointer;
  display: inline-block;
  height: 19px;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 37px;
}
.input-switch input:checked + label {
  background-color: var(--interactive-text-color, #1474c4);
}
.input-switch__on {
  display: inline-block;
  height: 100%;
  line-height: 18px;
  text-align: center;
  transition: width 0.1s;
  vertical-align: top;
  width: 0;
}
.input-switch__on:before {
  background-size: auto;
  color: var(--white, #fff);
  content: "";
  display: inline-block;
  font-family: exos-icon-font, sans-serif;
  font-size: var(--default-text-size, 14px);
  height: 17px;
  vertical-align: top;
  width: 12px;
}
.input-switch__toggle {
  background-color: var(--white, #fff);
  border-radius: 17px;
  width: 17px;
}
.input-switch__off,
.input-switch__toggle {
  display: inline-block;
  height: 100%;
  transition: width 0.1s;
  vertical-align: top;
}
.input-switch input:checked + label .input-switch__on,
.input-switch__off {
  width: 22px;
}
.input-switch input:checked + label .input-switch__off {
  width: 0;
}
.input-text {
  background-color: transparent;
  border: 1px solid var(--secondary-shape-color, #97a3b4);
  border-radius: var(--small-border-radius, 8px);
  box-sizing: border-box;
  color: var(--default-text-color, #001b41);
  display: inline-block;
  font-family: var(
    --default-font-regular,
    "OpenSansRegular",
    arial,
    arial narrow,
    sans-serif
  );
  font-size: var(--default-text-size, 14px);
  height: 36px;
  padding: 0 12px;
  width: 100%;
}
.input-text:focus,
.input-text:hover {
  border-color: var(--interactive-shape-color, #1474c4);
}
.input-text:focus {
  outline: 0;
}
.input-text::-webkit-input-placeholder {
  color: var(--secondary-text-color, #465a75);
}
.input-text::placeholder {
  color: var(--secondary-text-color, #465a75);
}
.input-text--bright {
  border-color: var(--white, #fff);
  color: var(--white, #fff);
}
.input-text--bright::-webkit-input-placeholder {
  color: var(--white, #fff);
}
.input-text--bright::placeholder {
  color: var(--white, #fff);
}
@media only screen and (max-width: 666px) {
  .input-text {
    border-radius: var(--xsmall-border-radius, 4px);
  }
}
.input-text--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .input-text--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .input-text--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .input-text--small-hidden {
    display: none;
  }
}
.input-text--inline {
  width: auto;
}
@media only screen and (max-width: 666px) {
  .input-text--inline {
    width: 100%;
  }
}
.input-text--error {
  background-color: transparent;
}
.input-text--error,
.input-text--error:hover {
  border-color: var(--critical-shape-color, #f50c00);
}
.input-text--error:focus {
  border-color: var(--interactive-shape-color, #1474c4);
}
.input-text--disabled {
  background-color: transparent;
  color: var(--tertiary-text-color, #718095);
  cursor: not-allowed;
}
.input-text--disabled:hover {
  border-color: var(--tertiary-shape-color, #bcc8d4);
}
.input-text-group {
  background-color: transparent;
  border: 1px solid var(--secondary-shape-color, #97a3b4);
  border-radius: var(--small-border-radius, 8px);
  box-sizing: border-box;
  display: flex;
  position: relative;
}
.input-text-group--focus,
.input-text-group--focus:hover,
.input-text-group:hover {
  border-color: var(--interactive-shape-color, #1474c4);
}
.input-text-group--disabled {
  background-color: transparent;
  color: var(--tertiary-text-color, #718095);
  cursor: not-allowed;
}
.input-text-group--disabled:hover {
  border-color: var(--tertiary-shape-color, #bcc8d4);
}
.input-text-group--inline {
  display: inline-flex;
}
.input-text-group--bright {
  border-color: var(--white, #fff);
}
.input-text-group--bright .input-text {
  color: var(--white, #fff);
}
.input-text-group--error {
  background-color: transparent;
}
.input-text-group--error,
.input-text-group--error:hover {
  border-color: var(--critical-text-color, #c80a00);
}
.input-text-group .input-text {
  background: transparent;
  border: none;
  border-radius: 0;
  flex: 2 1 0%;
  height: 34px;
  line-height: 34px;
  padding: 0;
}
.input-text-group .input-text:first-child {
  padding-left: 12px;
}
.input-text-group .input-text:last-child {
  padding-right: 12px;
}
@media only screen and (max-width: 666px) {
  .input-text-group {
    border-radius: var(--xsmall-border-radius, 4px);
  }
}
.input-text-group--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .input-text-group--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .input-text-group--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .input-text-group--small-hidden {
    display: none;
  }
}
.input-text-group__text {
  color: var(--default-text-color, #001b41);
  cursor: text;
  display: inline;
  flex: 0 1 0%;
  font-family: var(
    --default-font-regular,
    "OpenSansRegular",
    arial,
    arial narrow,
    sans-serif
  );
  font-size: var(--default-text-size, 14px);
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 5px 8px;
  -webkit-transform: translateX(-1px);
  transform: translateX(-1px);
  vertical-align: top;
  white-space: nowrap;
}
.input-text-group__text--bright {
  color: var(--white, #fff);
}
@media only screen and (max-width: 666px) {
  .input-text-group__text {
    flex: 1 1 0;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
  }
}
.input-text-group--bright .input-text-group__text {
  color: var(--white, #fff);
}
.input-text-group__icon {
  border-radius: 8px 0 0 8px;
  color: var(--secondary-text-color, #465a75);
  cursor: text;
  display: inline;
  flex: 0 1 0%;
  font-family: var(
    --default-font-regular,
    "OpenSansRegular",
    arial,
    arial narrow,
    sans-serif
  );
  font-size: var(--default-text-size, 14px);
  height: 24px;
  line-height: 24px;
  margin: 0 0 0 1px;
  opacity: 0.8;
  padding: 5px 8px;
  -webkit-transform: translateX(-1px);
  transform: translateX(-1px);
  vertical-align: top;
  white-space: nowrap;
}
.input-text-group__icon--secondary {
  background-color: var(--default-background-color, #f4f7fa);
  margin-right: 8px;
}
.input-text-group__icon--bright {
  color: var(--white, #fff);
}
.input-text-group__icon--separator {
  border-right: 1px solid var(--tertiary-shape-color, #bcc8d4);
  margin-right: 8px;
}
.input-text-group__icon .input-text-group__text {
  color: var(--secondary-text-color, #465a75);
  padding-left: 4px;
  padding-right: 2px;
}
.input-text-group__icon--secondary .input-text-group__text {
  color: var(--default-text-color, #001b41);
}
.input-text-group--bright .input-text-group__icon {
  color: var(--white, #fff);
}
.input-text-group:hover .input-text-group__icon {
  opacity: 1;
}
.input-text-group__icon--account {
  line-height: 1;
}
.input-text-group__icon--account:before {
  content: "";
  font-family: exos-icon-font;
  font-size: var(--default-text-size, 14px);
  font-style: normal;
  font-weight: 400 !important;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.input-text-group__icon--attach {
  line-height: 1;
}
.input-text-group__icon--attach:before {
  content: "";
  font-family: exos-icon-font;
  font-size: var(--default-text-size, 14px);
  font-style: normal;
  font-weight: 400 !important;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.input-text-group__icon--callback {
  line-height: 1;
}
.input-text-group__icon--callback:before {
  content: "";
  font-family: exos-icon-font;
  font-size: var(--default-text-size, 14px);
  font-style: normal;
  font-weight: 400 !important;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.input-text-group__icon--domain {
  line-height: 1;
}
.input-text-group__icon--domain:before {
  content: "";
  font-family: exos-icon-font;
  font-size: var(--default-text-size, 14px);
  font-style: normal;
  font-weight: 400 !important;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.input-text-group__icon--edit {
  line-height: 1;
}
.input-text-group__icon--edit:before {
  content: "";
  font-family: exos-icon-font;
  font-size: var(--default-text-size, 14px);
  font-style: normal;
  font-weight: 400 !important;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.input-text-group__icon--folder {
  line-height: 1;
}
.input-text-group__icon--folder:before {
  content: "";
  font-family: exos-icon-font;
  font-size: var(--default-text-size, 14px);
  font-style: normal;
  font-weight: 400 !important;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.input-text-group__icon--folder-download {
  line-height: 1;
}
.input-text-group__icon--folder-download:before {
  content: "";
  font-family: exos-icon-font;
  font-size: var(--default-text-size, 14px);
  font-style: normal;
  font-weight: 400 !important;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.input-text-group__icon--folder-upload {
  line-height: 1;
}
.input-text-group__icon--folder-upload:before {
  content: "";
  font-family: exos-icon-font;
  font-size: var(--default-text-size, 14px);
  font-style: normal;
  font-weight: 400 !important;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.input-text-group__icon--location {
  line-height: 1;
}
.input-text-group__icon--location:before {
  content: "";
  font-family: exos-icon-font;
  font-size: var(--default-text-size, 14px);
  font-style: normal;
  font-weight: 400 !important;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.input-text-group__icon--mail {
  line-height: 1;
}
.input-text-group__icon--mail:before {
  content: "";
  font-family: exos-icon-font;
  font-size: var(--default-text-size, 14px);
  font-style: normal;
  font-weight: 400 !important;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.input-text-group__icon--phone {
  line-height: 1;
}
.input-text-group__icon--phone:before {
  content: "";
  font-family: exos-icon-font;
  font-size: var(--default-text-size, 14px);
  font-style: normal;
  font-weight: 400 !important;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.input-text-group__icon--search {
  line-height: 1;
}
.input-text-group__icon--search:before {
  content: "";
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
}
.input-text-group__action,
.input-text-group__icon--search:before {
  font-size: var(--default-text-size, 14px);
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.input-text-group__action {
  background: transparent;
  border-right: 1px solid var(--secondary-shape-color, #97a3b4);
  color: var(--interactive-text-color, #1474c4);
  cursor: text;
  cursor: pointer;
  display: inline;
  flex: 0 1 0%;
  font-family: var(
    --default-font-regular,
    "OpenSansRegular",
    arial,
    arial narrow,
    sans-serif
  );
  margin: 0;
  padding: 5px 8px;
  text-decoration: none;
  -webkit-transform: translateX(-1px);
  transform: translateX(-1px);
  white-space: nowrap;
}
.input-text-group__action:last-child,
.input-text-group__action:only-child {
  border-right: 0;
}
.input-text-group__action--bright {
  border-right-color: var(--white, #fff);
  color: var(--white, #fff);
}
.input-text-group--disabled .input-text-group__action {
  cursor: not-allowed;
  pointer-events: none;
}
.input-text-group__action:hover {
  color: var(--corporate-text-color, #0b2a63);
}
.input-text-group--disabled .input-text-group__action:hover,
.input-text-group--disabled:hover .input-text-group__action {
  color: var(--tertiary-text-color, #718095);
}
.input-text-group__action--search {
  border: 0;
  line-height: 1;
}
.input-text-group__action--search:before {
  content: "";
  font-family: exos-icon-font;
  font-size: var(--default-text-size, 14px);
  font-style: normal;
  font-weight: 400 !important;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.input-text-group__action--reset {
  line-height: 1;
  padding-right: 4px;
}
.input-text-group__action--reset:before {
  content: "";
  font-family: exos-icon-font;
  font-size: var(--default-text-size, 14px);
  font-style: normal;
  font-weight: 400 !important;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.input-text-group__action--show-password {
  line-height: 1;
}
.input-text-group__action--show-password:before {
  content: "";
  font-family: exos-icon-font;
  font-size: var(--default-text-size, 14px);
  font-style: normal;
  font-weight: 400 !important;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.input-text-group__action--hide-password {
  line-height: 1;
}
.input-text-group__action--hide-password:before {
  content: "";
  font-family: exos-icon-font;
  font-size: var(--default-text-size, 14px);
  font-style: normal;
  font-weight: 400 !important;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.input-text-group__action--copy {
  line-height: 1;
}
.input-text-group__action--copy:before {
  content: "";
  font-family: exos-icon-font;
  font-size: var(--default-text-size, 14px);
  font-style: normal;
  font-weight: 400 !important;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.input-text-group--disabled .input-text-group__action--reset,
.input-text-group--empty .input-text-group__action--reset {
  display: none;
}
.input-textarea {
  background-color: transparent;
  border: 1px solid var(--secondary-shape-color, #97a3b4);
  border-radius: var(--small-border-radius, 8px);
  box-shadow: none;
  box-sizing: border-box;
  color: var(--default-text-color, #001b41);
  display: inline-block;
  font-family: var(
    --default-font-regular,
    "OpenSansRegular",
    arial,
    arial narrow,
    sans-serif
  );
  font-size: var(--default-text-size, 14px);
  line-height: 22px;
  padding: 12px;
  width: 100%;
}
.input-textarea:hover {
  border-color: var(--secondary-text-color, #465a75);
}
.input-textarea:focus {
  border-color: var(--interactive-shape-color, #1474c4);
  outline: 0;
}
.input-textarea--error,
.input-textarea--error:hover {
  border-color: var(--critical-text-color, #c80a00);
}
.input-textarea--error:focus {
  border-color: var(--interactive-shape-color, #1474c4);
}
.input-textarea--disabled {
  color: var(--tertiary-text-color, #718095);
  cursor: not-allowed;
}
.input-textarea--disabled:hover {
  border-color: var(--tertiary-shape-color, #bcc8d4);
}
.input-textarea--narrow {
  width: 70%;
}
@media only screen and (max-width: 666px) {
  .input-textarea--narrow {
    width: 100%;
  }
}
.input-textarea--inline {
  width: auto;
}
@media only screen and (max-width: 666px) {
  .input-textarea--inline {
    width: 100%;
  }
}
.input-textarea--code {
  background-color: var(--secondary-textarea-background-color, #dbe2e8);
  font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter,
    monospace;
  margin-bottom: 12px;
  overflow-x: scroll;
  padding: 8px;
  resize: none;
  white-space: pre;
}
.input-textarea--noresize {
  resize: none;
}
.input-textarea--noresize-x {
  resize: vertical;
}
.input-textarea--noresize-y {
  resize: horizontal;
}
.input-textarea--bright {
  border-color: var(--white, #fff);
  color: var(--white, #fff);
}
@media only screen and (max-width: 666px) {
  .input-textarea {
    border-radius: var(--xsmall-border-radius, 4px);
  }
}
.input-textarea--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .input-textarea--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .input-textarea--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .input-textarea--small-hidden {
    display: none;
  }
}
.input-button-combination {
  display: flex;
}
.input-button-combination--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .input-button-combination--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .input-button-combination--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .input-button-combination--small-hidden {
    display: none;
  }
}
.input-button-combination__input {
  flex-grow: 1;
  flex-shrink: 1;
  margin-right: 11px;
}
.input-button-combination__action {
  flex-grow: 0;
  flex-shrink: 1;
}
.headline {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  color: var(--default-text-color, #001b41);
  font-family: var(
    --corporate-font-regular,
    "OverpassRegular",
    arial,
    arial narrow,
    sans-serif
  );
  font-size: var(--second-level-headline-size, 22px);
  font-weight: inherit;
  line-height: var(--second-level-headline-line-height, 1.364em);
  margin-bottom: 16px;
  margin-top: -4px;
  word-break: break-word;
}
.headline--sub {
  font-family: var(
    --corporate-font-bold,
    "OverpassSemibold",
    arial,
    sans-serif
  );
  font-size: var(--third-level-headline-size, 16px);
  line-height: var(--third-level-headline-line-height, 1.5em);
  margin-bottom: 12px;
}
.headline--paragraph,
.headline--sub {
  color: var(--default-text-color, #001b41);
  margin-top: 0;
}
.headline--paragraph {
  font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif);
  font-size: var(--fourth-level-headline-size, 14px);
  line-height: var(--fourth-level-headline-line-height, 1.429em);
  margin-bottom: 6px;
}
.headline--cropped {
  margin-bottom: 0;
}
.headline--exos-icon {
  line-height: normal;
}
.headline--exos-icon:before {
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  padding-right: 6px;
  vertical-align: top;
  vertical-align: middle;
}
.headline > .exos-icon,
.headline > .svg-icon {
  vertical-align: middle;
}
.headline > .svg-icon {
  margin: 0 6px 4px 0;
  pointer-events: none;
}
@media only screen and (max-width: 666px) {
  .headline > .svg-icon {
    margin-bottom: 0;
    min-width: 24px;
  }
}
.headline + .accordion,
.headline + .card,
.headline + .horizontal-card,
.headline + .panel,
.headline + .sheet,
.headline + .stripe,
.headline + .table {
  margin-top: 16px;
}
.headline--align-center {
  justify-content: center;
  text-align: center;
}
.headline--align-left {
  justify-content: flex-start;
  text-align: left;
}
.headline--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .headline--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .headline--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .headline--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .headline--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .headline--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .headline--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .headline--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .headline--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.headline--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .headline--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .headline--small-hidden {
    display: none;
  }
}
.headline--success {
  color: var(--success-text-color, #096b35);
}
.headline--warning {
  color: var(--warning-text-color, #c36b00);
}
.headline--critical {
  color: var(--critical-text-color, #c80a00);
}
.headline--neutral {
  color: var(--neutral-text-color, #465a75);
}
.headline--activating {
  color: var(--activating-text-color, #007e9c);
}
.headline--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.headline--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.headline--bright {
  color: var(--white, #fff);
}
.headline.exos-icon:before {
  color: var(--default-shape-color, #465a75);
}
.headline.exos-icon--bright:before {
  color: var(--white, #fff);
}
.headline.exos-icon--activating:before {
  color: var(--activating-text-color, #007e9c);
}
.headline.exos-icon--success:before {
  color: var(--success-text-color, #096b35);
}
.headline.exos-icon--warning:before {
  color: var(--warning-text-color, #c36b00);
}
.headline.exos-icon--critical:before {
  color: var(--critical-text-color, #c80a00);
}
.headline.exos-icon--neutral:before {
  color: var(--neutral-text-color, #465a75);
}
.headline.exos-icon--corporate:before {
  color: var(--corporate-text-color, #0b2a63);
}
.headline.exos-icon--promoting:before {
  color: var(--promoting-text-color, #560e8a);
}
.headline--break-all {
  word-break: break-all;
}
.headline--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .headline--small-break-all {
    word-break: break-all;
  }
  .headline--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline--medium-break-all {
    word-break: break-all;
  }
  .headline--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .headline--large-break-all {
    word-break: break-all;
  }
  .headline--large-break-word {
    word-break: break-word;
  }
}
.headline--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .headline--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .headline--large-nowrap {
    white-space: nowrap;
  }
}
.headline--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .headline--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .headline--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.headline--paragraph + .headline,
.headline--paragraph + .headline--sub {
  margin-top: -6px;
}
@media only screen and (max-width: 666px) {
  .headline {
    font-family: var(
      --corporate-font-bold,
      "OverpassSemibold",
      arial,
      sans-serif
    );
    font-size: var(--second-level-mobile-headline-size, 16px);
    line-height: var(--second-level-mobile-headline-line-height, 1.25em);
    margin-top: 0;
  }
  .headline--sub {
    font-family: var(
      --default-font-bold,
      "OpenSansSemibold",
      arial,
      sans-serif
    );
    font-size: var(--third-level-mobile-headline-size, 16px);
    line-height: var(--third-level-mobile-headline-line-height, 1.5em);
    margin-bottom: 8px;
  }
  .headline--paragraph {
    font-family: var(
      --default-font-regular,
      "OpenSansRegular",
      arial,
      arial narrow,
      sans-serif
    );
    font-size: var(--fourth-level-mobile-headline-size, 14px);
    line-height: var(--fourth-level-mobile-headline-line-height, 1.429em);
  }
  .headless-mode .headline--headless-hidden {
    display: none;
  }
}
.headline-icon-group {
  align-items: center;
  display: flex;
  flex-flow: row;
  padding-bottom: 16px;
}
.headline-icon-group--cropped {
  padding-bottom: 0;
}
.headline-icon-group__icon {
  display: flex;
  flex-flow: wrap;
  margin: 0 15px 0 0;
  max-height: 64px;
  width: auto;
}
.headline-icon-group__icon:last-child {
  margin-left: 15px;
  margin-right: 0;
}
@media only screen and (max-width: 666px) {
  .headline-icon-group__icon {
    max-height: 48px;
  }
}
.headline-icon-group__icon--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .headline-icon-group__icon--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline-icon-group__icon--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .headline-icon-group__icon--small-hidden {
    display: none;
  }
}
.headline-icon-group__icon--vertical-align-bottom {
  align-self: flex-end;
}
.headline-icon-group__icon--vertical-align-center {
  align-self: center;
}
.headline-icon-group__icon--vertical-align-middle {
  vertical-align: middle;
}
.headline-icon-group__icon--vertical-align-top {
  align-self: flex-start;
}
@media only screen and (min-width: 1185px) {
  .headline-icon-group__icon--large-vertical-align-bottom {
    align-self: flex-end;
  }
  .headline-icon-group__icon--large-vertical-align-center {
    align-self: center;
  }
  .headline-icon-group__icon--large-vertical-align-middle {
    vertical-align: middle;
  }
  .headline-icon-group__icon--large-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline-icon-group__icon--medium-vertical-align-bottom {
    align-self: flex-end;
  }
  .headline-icon-group__icon--medium-vertical-align-center {
    align-self: center;
  }
  .headline-icon-group__icon--medium-vertical-align-middle {
    vertical-align: middle;
  }
  .headline-icon-group__icon--medium-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (max-width: 666px) {
  .headline-icon-group__icon--small-vertical-align-bottom {
    align-self: flex-end;
  }
  .headline-icon-group__icon--small-vertical-align-center {
    align-self: center;
  }
  .headline-icon-group__icon--small-vertical-align-middle {
    vertical-align: middle;
  }
  .headline-icon-group__icon--small-vertical-align-top {
    align-self: flex-start;
  }
}
.headline-icon-group__headline {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: var(--default-text-color, #001b41);
  font-family: var(
    --corporate-font-regular,
    "OverpassRegular",
    arial,
    arial narrow,
    sans-serif
  );
  font-size: var(--second-level-headline-size, 22px);
  font-weight: inherit;
  line-height: var(--second-level-headline-line-height, 1.364em);
  margin-bottom: 3px;
  word-break: break-word;
}
.headline-icon-group__headline--sub {
  color: var(--default-text-color, #001b41);
  font-family: var(
    --corporate-font-bold,
    "OverpassSemibold",
    arial,
    sans-serif
  );
  font-size: var(--third-level-headline-size, 16px);
  line-height: var(--third-level-headline-line-height, 1.5em);
}
.headline-icon-group__headline--paragraph {
  color: var(--default-text-color, #001b41);
  font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif);
  font-size: var(--fourth-level-headline-size, 14px);
  line-height: var(--fourth-level-headline-line-height, 1.429em);
}
.headline-icon-group__headline--cropped {
  margin-bottom: 0;
}
.headline-icon-group__headline:first-child {
  margin-top: 3px;
}
.headline-icon-group__headline:last-child {
  margin-bottom: 0;
}
.headline-icon-group__headline--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .headline-icon-group__headline--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline-icon-group__headline--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .headline-icon-group__headline--small-hidden {
    display: none;
  }
}
.headline-icon-group__headline--success {
  color: var(--success-text-color, #096b35);
}
.headline-icon-group__headline--warning {
  color: var(--warning-text-color, #c36b00);
}
.headline-icon-group__headline--critical {
  color: var(--critical-text-color, #c80a00);
}
.headline-icon-group__headline--neutral {
  color: var(--neutral-text-color, #465a75);
}
.headline-icon-group__headline--activating {
  color: var(--activating-text-color, #007e9c);
}
.headline-icon-group__headline--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.headline-icon-group__headline--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.headline-icon-group__headline--bright {
  color: var(--white, #fff);
}
.headline-icon-group__headline--break-all {
  word-break: break-all;
}
.headline-icon-group__headline--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .headline-icon-group__headline--small-break-all {
    word-break: break-all;
  }
  .headline-icon-group__headline--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline-icon-group__headline--medium-break-all {
    word-break: break-all;
  }
  .headline-icon-group__headline--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .headline-icon-group__headline--large-break-all {
    word-break: break-all;
  }
  .headline-icon-group__headline--large-break-word {
    word-break: break-word;
  }
}
.headline-icon-group__headline--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .headline-icon-group__headline--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline-icon-group__headline--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .headline-icon-group__headline--large-nowrap {
    white-space: nowrap;
  }
}
.headline-icon-group__headline--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .headline-icon-group__headline--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline-icon-group__headline--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .headline-icon-group__headline--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.headline-icon-group__preheadline {
  color: var(--default-text-color, #001b41);
  margin-bottom: 3px;
}
.headline-icon-group__preheadline:first-child {
  margin-top: 3px;
}
.headline-icon-group__preheadline--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .headline-icon-group__preheadline--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline-icon-group__preheadline--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .headline-icon-group__preheadline--small-hidden {
    display: none;
  }
}
.headline-icon-group__preheadline--success {
  color: var(--success-text-color, #096b35);
}
.headline-icon-group__preheadline--warning {
  color: var(--warning-text-color, #c36b00);
}
.headline-icon-group__preheadline--critical {
  color: var(--critical-text-color, #c80a00);
}
.headline-icon-group__preheadline--neutral {
  color: var(--neutral-text-color, #465a75);
}
.headline-icon-group__preheadline--activating {
  color: var(--activating-text-color, #007e9c);
}
.headline-icon-group__preheadline--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.headline-icon-group__preheadline--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.headline-icon-group__preheadline--bright {
  color: var(--white, #fff);
}
.headline-icon-group__preheadline--break-all {
  word-break: break-all;
}
.headline-icon-group__preheadline--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .headline-icon-group__preheadline--small-break-all {
    word-break: break-all;
  }
  .headline-icon-group__preheadline--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline-icon-group__preheadline--medium-break-all {
    word-break: break-all;
  }
  .headline-icon-group__preheadline--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .headline-icon-group__preheadline--large-break-all {
    word-break: break-all;
  }
  .headline-icon-group__preheadline--large-break-word {
    word-break: break-word;
  }
}
.headline-icon-group__preheadline--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .headline-icon-group__preheadline--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline-icon-group__preheadline--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .headline-icon-group__preheadline--large-nowrap {
    white-space: nowrap;
  }
}
.headline-icon-group__preheadline--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .headline-icon-group__preheadline--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline-icon-group__preheadline--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .headline-icon-group__preheadline--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.headline-icon-group__paragraph {
  color: var(--default-text-color, #001b41);
  margin-bottom: 3px;
}
.headline-icon-group__paragraph--cropped,
.headline-icon-group__paragraph:last-child {
  margin-bottom: 0;
}
.headline-icon-group__paragraph--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .headline-icon-group__paragraph--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline-icon-group__paragraph--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .headline-icon-group__paragraph--small-hidden {
    display: none;
  }
}
.headline-icon-group__paragraph--success {
  color: var(--success-text-color, #096b35);
}
.headline-icon-group__paragraph--warning {
  color: var(--warning-text-color, #c36b00);
}
.headline-icon-group__paragraph--critical {
  color: var(--critical-text-color, #c80a00);
}
.headline-icon-group__paragraph--neutral {
  color: var(--neutral-text-color, #465a75);
}
.headline-icon-group__paragraph--activating {
  color: var(--activating-text-color, #007e9c);
}
.headline-icon-group__paragraph--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.headline-icon-group__paragraph--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.headline-icon-group__paragraph--bright {
  color: var(--white, #fff);
}
.headline-icon-group__paragraph--break-all {
  word-break: break-all;
}
.headline-icon-group__paragraph--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .headline-icon-group__paragraph--small-break-all {
    word-break: break-all;
  }
  .headline-icon-group__paragraph--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline-icon-group__paragraph--medium-break-all {
    word-break: break-all;
  }
  .headline-icon-group__paragraph--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .headline-icon-group__paragraph--large-break-all {
    word-break: break-all;
  }
  .headline-icon-group__paragraph--large-break-word {
    word-break: break-word;
  }
}
.headline-icon-group__paragraph--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .headline-icon-group__paragraph--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline-icon-group__paragraph--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .headline-icon-group__paragraph--large-nowrap {
    white-space: nowrap;
  }
}
.headline-icon-group__paragraph--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .headline-icon-group__paragraph--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline-icon-group__paragraph--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .headline-icon-group__paragraph--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.headline-icon-group__headline-container--full-width {
  width: 100%;
}
.headline-icon-group__headline-container--align-center {
  justify-content: center;
  text-align: center;
}
.headline-icon-group__headline-container--align-left {
  justify-content: flex-start;
  text-align: left;
}
.headline-icon-group__headline-container--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .headline-icon-group__headline-container--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .headline-icon-group__headline-container--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .headline-icon-group__headline-container--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .headline-icon-group__headline-container--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .headline-icon-group__headline-container--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .headline-icon-group__headline-container--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .headline-icon-group__headline-container--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .headline-icon-group__headline-container--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .headline-icon-group__headline-container--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.headline-icon-group__icon + .headline-icon-group__headline-container {
  flex-grow: 1;
}
.horizontal-card {
  background-color: var(--white, #fff);
  border: 1px solid var(--tertiary-shape-color, #bcc8d4);
  border-radius: var(--default-border-radius, 16px);
  display: flex;
  margin-bottom: 32px;
  position: relative;
  transition: box-shadow 0.3s ease-out;
  width: 100%;
}
.horizontal-card--page-context {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: inherit;
}
.horizontal-card--reversed {
  flex-flow: row-reverse;
}
.horizontal-card--advertising,
.horizontal-card--beta,
.horizontal-card--premium {
  border: none;
}
.horizontal-card.__direct-selection:hover {
  box-shadow: 0 2px 8px 0 var(--default-shadow, #718095);
}
@media only screen and (max-width: 666px) {
  .horizontal-card {
    border-radius: var(--small-border-radius, 8px);
    margin-bottom: 16px;
  }
}
.horizontal-card--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .horizontal-card--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .horizontal-card--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .horizontal-card--small-hidden {
    display: none;
  }
}
.horizontal-card--semantic-bar-success {
  box-shadow: inset 5px 0 var(--success-shape-color, #0fa954);
  margin-left: -1px;
}
.horizontal-card--semantic-bar-success:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-success:first-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-success:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-success:last-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-success:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-success:only-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-warning {
  box-shadow: inset 5px 0 var(--warning-shape-color, #fa0);
  margin-left: -1px;
}
.horizontal-card--semantic-bar-warning:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-warning:first-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-warning:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-warning:last-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-warning:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-warning:only-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-critical {
  box-shadow: inset 5px 0 var(--critical-shape-color, #f50c00);
  margin-left: -1px;
}
.horizontal-card--semantic-bar-critical:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-critical:first-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-critical:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-critical:last-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-critical:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-critical:only-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-neutral {
  box-shadow: inset 5px 0 var(--neutral-shape-color, #718095);
  margin-left: -1px;
}
.horizontal-card--semantic-bar-neutral:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-neutral:first-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-neutral:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-neutral:last-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-neutral:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-neutral:only-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-activating {
  box-shadow: inset 5px 0 var(--activating-shape-color, #11c7e6);
  margin-left: -1px;
}
.horizontal-card--semantic-bar-activating:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-activating:first-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-activating:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-activating:last-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-activating:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-activating:only-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-corporate {
  box-shadow: inset 5px 0 var(--corporate-shape-color, #001b41);
  margin-left: -1px;
}
.horizontal-card--semantic-bar-corporate:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-corporate:first-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-corporate:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-corporate:last-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-corporate:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-corporate:only-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-promoting {
  box-shadow: inset 5px 0 var(--promoting-shape-color, #b410e7);
  margin-left: -1px;
}
.horizontal-card--semantic-bar-promoting:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-promoting:first-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-promoting:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-promoting:last-child {
    border-radius: 0;
  }
}
.horizontal-card--semantic-bar-promoting:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card--semantic-bar-promoting:only-child {
    border-radius: 0;
  }
}
.horizontal-card--success {
  border: 2px solid var(--success-shape-color, #0fa954);
}
.horizontal-card--warning {
  border: 2px solid var(--warning-shape-color, #fa0);
}
.horizontal-card--critical {
  border: 2px solid var(--critical-shape-color, #f50c00);
}
.horizontal-card--neutral {
  border: 2px solid var(--neutral-shape-color, #718095);
}
.horizontal-card--activating {
  border: 2px solid var(--activating-shape-color, #11c7e6);
}
.horizontal-card--promoting {
  border: 2px solid var(--promoting-shape-color, #b410e7);
}
.horizontal-card--corporate {
  border: 2px solid var(--corporate-shape-color, #001b41);
}
.horizontal-card--success-solid {
  background-color: var(--solid-success-background-color, #12cf76);
  color: var(--corporate-text-color, #0b2a63);
}
.horizontal-card--warning-solid {
  background-color: var(--solid-warning-background-color, #fa0);
  color: var(--corporate-text-color, #0b2a63);
}
.horizontal-card--critical-solid {
  background-color: var(--solid-critical-background-color, #ff6159);
  color: var(--corporate-text-color, #0b2a63);
}
.horizontal-card--neutral-solid {
  background-color: var(--solid-neutral-background-color, #465a75);
  color: var(--white, #fff);
}
.horizontal-card--activating-solid {
  background-color: var(--solid-activating-background-color, #11c7e6);
  color: var(--corporate-text-color, #0b2a63);
}
.horizontal-card--promoting-solid {
  background-color: var(--solid-promoting-background-color, #e480f8);
  color: var(--corporate-text-color, #0b2a63);
}
.horizontal-card--corporate-solid {
  background-color: var(--solid-corporate-background-color, #0b2a63);
  color: var(--white, #fff);
}
.horizontal-card--bright-solid {
  background-color: var(--solid-bright-background-color, #fff);
  color: var(--corporate-text-color, #0b2a63);
}
.horizontal-card--primary {
  background-color: var(--primary-background-color, #fff);
}
.horizontal-card--secondary {
  background-color: var(--secondary-background-color, #fff);
}
.horizontal-card--tertiary {
  background-color: var(--tertiary-background-color, #bcc8d4);
}
.horizontal-card--advertising {
  background: var(--advertising-background-gradient-start, #003d8f);
  background: linear-gradient(
    to bottom right,
    var(--advertising-background-gradient-start, #003d8f),
    var(--advertising-background-gradient-end, #1474c4)
  );
}
.horizontal-card--advertising > .headline,
.horizontal-card--advertising > .paragraph {
  color: var(--white, #fff);
}
.horizontal-card--beta {
  background-color: var(--default-background-color-inverted, #0b2a63);
}
.horizontal-card--beta > .headline,
.horizontal-card--beta > .paragraph {
  color: var(--white, #fff);
}
.horizontal-card--premium {
  background-color: var(--tertiary-background-color-inverted, #718095);
}
.horizontal-card--premium > .headline,
.horizontal-card--premium > .paragraph {
  color: var(--white, #fff);
}
.horizontal-card__header {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-flow: column;
  position: relative;
  width: 50%;
}
.horizontal-card__header--expanded-content {
  width: 38%;
}
.horizontal-card__header--vertical-align-bottom {
  align-self: flex-end;
}
.horizontal-card__header--vertical-align-center {
  align-self: center;
}
.horizontal-card__header--vertical-align-middle {
  vertical-align: middle;
}
.horizontal-card__header--vertical-align-top {
  align-self: flex-start;
}
@media only screen and (min-width: 1185px) {
  .horizontal-card__header--large-vertical-align-bottom {
    align-self: flex-end;
  }
  .horizontal-card__header--large-vertical-align-center {
    align-self: center;
  }
  .horizontal-card__header--large-vertical-align-middle {
    vertical-align: middle;
  }
  .horizontal-card__header--large-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .horizontal-card__header--medium-vertical-align-bottom {
    align-self: flex-end;
  }
  .horizontal-card__header--medium-vertical-align-center {
    align-self: center;
  }
  .horizontal-card__header--medium-vertical-align-middle {
    vertical-align: middle;
  }
  .horizontal-card__header--medium-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (max-width: 666px) {
  .horizontal-card__header--small-vertical-align-bottom {
    align-self: flex-end;
  }
  .horizontal-card__header--small-vertical-align-center {
    align-self: center;
  }
  .horizontal-card__header--small-vertical-align-middle {
    vertical-align: middle;
  }
  .horizontal-card__header--small-vertical-align-top {
    align-self: flex-start;
  }
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .horizontal-card__header {
    align-items: center;
  }
}
.horizontal-card__visual {
  border-radius: var(--default-border-radius, 16px) 0 0
    var(--default-border-radius, 16px);
  height: 100%;
  position: absolute;
  width: auto;
}
@media only screen and (max-width: 666px) {
  .horizontal-card__visual {
    border-radius: var(--small-border-radius, 8px) 0 0
      var(--small-border-radius, 8px);
  }
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .horizontal-card__visual {
    flex-grow: 1;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    position: inherit;
    width: 100%;
  }
}
.horizontal-card--reversed .horizontal-card__visual {
  border-radius: 0 var(--default-border-radius, 16px)
    var(--default-border-radius, 16px) 0;
}
@media only screen and (max-width: 666px) {
  .horizontal-card--reversed .horizontal-card__visual {
    border-radius: var(--small-border-radius, 8px)
      var(--small-border-radius, 8px) 0 0;
  }
}
.horizontal-card__content {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
  overflow: hidden;
  width: 50%;
}
.horizontal-card__content--expanded-content {
  width: 62%;
}
.horizontal-card__content--vertical-align-bottom {
  align-self: flex-end;
}
.horizontal-card__content--vertical-align-center {
  align-self: center;
}
.horizontal-card__content--vertical-align-middle {
  vertical-align: middle;
}
.horizontal-card__content--vertical-align-top {
  align-self: flex-start;
}
@media only screen and (min-width: 1185px) {
  .horizontal-card__content--large-vertical-align-bottom {
    align-self: flex-end;
  }
  .horizontal-card__content--large-vertical-align-center {
    align-self: center;
  }
  .horizontal-card__content--large-vertical-align-middle {
    vertical-align: middle;
  }
  .horizontal-card__content--large-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .horizontal-card__content--medium-vertical-align-bottom {
    align-self: flex-end;
  }
  .horizontal-card__content--medium-vertical-align-center {
    align-self: center;
  }
  .horizontal-card__content--medium-vertical-align-middle {
    vertical-align: middle;
  }
  .horizontal-card__content--medium-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (max-width: 666px) {
  .horizontal-card__content--small-vertical-align-bottom {
    align-self: flex-end;
  }
  .horizontal-card__content--small-vertical-align-center {
    align-self: center;
  }
  .horizontal-card__content--small-vertical-align-middle {
    vertical-align: middle;
  }
  .horizontal-card__content--small-vertical-align-top {
    align-self: flex-start;
  }
}
.horizontal-card__footer {
  padding: 0 24px 16px;
}
.horizontal-card__footer--distinct {
  background-color: var(--default-background-color, #f4f7fa);
  border-top: 1px solid var(--tertiary-shape-color, #bcc8d4);
  padding-top: 16px;
}
.horizontal-card__footer--growing {
  align-items: flex-end;
  display: flex;
  flex-flow: warp;
  flex-grow: 1;
}
.horizontal-card__footer .button,
.horizontal-card__footer .toggle-button {
  margin-bottom: 8px;
  margin-top: 8px;
}
.horizontal-card__footer > :first-child {
  margin-top: 4px;
}
.horizontal-card__footer > :last-child {
  margin-bottom: 4px;
}
.horizontal-card__footer + section:last-child {
  border-bottom: 0;
}
.horizontal-card__footer--align-center {
  justify-content: center;
  text-align: center;
}
.horizontal-card__footer--align-left {
  justify-content: flex-start;
  text-align: left;
}
.horizontal-card__footer--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .horizontal-card__footer--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .horizontal-card__footer--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .horizontal-card__footer--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .horizontal-card__footer--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .horizontal-card__footer--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .horizontal-card__footer--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .horizontal-card__footer--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .horizontal-card__footer--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .horizontal-card__footer--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.horizontal-card__footer--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .horizontal-card__footer--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .horizontal-card__footer--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .horizontal-card__footer--small-hidden {
    display: none;
  }
}
.horizontal-card__section {
  flex-grow: 1;
  padding: 16px 24px;
}
.horizontal-card__section--activating {
  background-color: var(--white, #fff);
  border-bottom-width: 2px;
  border-color: var(--activating-shape-color, #11c7e6);
  border-style: solid;
  border-top-width: 2px;
  color: var(--activating-text-color, #007e9c);
}
.horizontal-card__section--activating + .horizontal-card__section--activating,
.horizontal-card__section--activating + .horizontal-card__section--advertising,
.horizontal-card__section--activating + .horizontal-card__section--corporate,
.horizontal-card__section--activating + .horizontal-card__section--critical,
.horizontal-card__section--activating + .horizontal-card__section--neutral,
.horizontal-card__section--activating + .horizontal-card__section--promoting,
.horizontal-card__section--activating + .horizontal-card__section--success,
.horizontal-card__section--activating + .horizontal-card__section--warning {
  margin-top: -2px;
}
.horizontal-card__section--activating
  + .horizontal-card__footer:not(.horizontal-card__footer--distinct) {
  margin-top: 16px;
}
.horizontal-card__section--success {
  background-color: var(--white, #fff);
  border-bottom-width: 2px;
  border-color: var(--success-shape-color, #0fa954);
  border-style: solid;
  border-top-width: 2px;
  color: var(--success-text-color, #096b35);
}
.horizontal-card__section--success + .horizontal-card__section--activating,
.horizontal-card__section--success + .horizontal-card__section--advertising,
.horizontal-card__section--success + .horizontal-card__section--corporate,
.horizontal-card__section--success + .horizontal-card__section--critical,
.horizontal-card__section--success + .horizontal-card__section--neutral,
.horizontal-card__section--success + .horizontal-card__section--promoting,
.horizontal-card__section--success + .horizontal-card__section--success,
.horizontal-card__section--success + .horizontal-card__section--warning {
  margin-top: -2px;
}
.horizontal-card__section--success
  + .horizontal-card__footer:not(.horizontal-card__footer--distinct) {
  margin-top: 16px;
}
.horizontal-card__section--warning {
  background-color: var(--white, #fff);
  border-bottom-width: 2px;
  border-color: var(--warning-shape-color, #fa0);
  border-style: solid;
  border-top-width: 2px;
  color: var(--warning-text-color, #c36b00);
}
.horizontal-card__section--warning + .horizontal-card__section--activating,
.horizontal-card__section--warning + .horizontal-card__section--advertising,
.horizontal-card__section--warning + .horizontal-card__section--corporate,
.horizontal-card__section--warning + .horizontal-card__section--critical,
.horizontal-card__section--warning + .horizontal-card__section--neutral,
.horizontal-card__section--warning + .horizontal-card__section--promoting,
.horizontal-card__section--warning + .horizontal-card__section--success,
.horizontal-card__section--warning + .horizontal-card__section--warning {
  margin-top: -2px;
}
.horizontal-card__section--warning
  + .horizontal-card__footer:not(.horizontal-card__footer--distinct) {
  margin-top: 16px;
}
.horizontal-card__section--critical {
  background-color: var(--white, #fff);
  border-bottom-width: 2px;
  border-color: var(--critical-shape-color, #f50c00);
  border-style: solid;
  border-top-width: 2px;
  color: var(--critical-text-color, #c80a00);
}
.horizontal-card__section--critical + .horizontal-card__section--activating,
.horizontal-card__section--critical + .horizontal-card__section--advertising,
.horizontal-card__section--critical + .horizontal-card__section--corporate,
.horizontal-card__section--critical + .horizontal-card__section--critical,
.horizontal-card__section--critical + .horizontal-card__section--neutral,
.horizontal-card__section--critical + .horizontal-card__section--promoting,
.horizontal-card__section--critical + .horizontal-card__section--success,
.horizontal-card__section--critical + .horizontal-card__section--warning {
  margin-top: -2px;
}
.horizontal-card__section--critical
  + .horizontal-card__footer:not(.horizontal-card__footer--distinct) {
  margin-top: 16px;
}
.horizontal-card__section--neutral {
  background-color: var(--white, #fff);
  border-bottom-width: 2px;
  border-color: var(--neutral-shape-color, #718095);
  border-style: solid;
  border-top-width: 2px;
  color: var(--neutral-text-color, #465a75);
}
.horizontal-card__section--neutral + .horizontal-card__section--activating,
.horizontal-card__section--neutral + .horizontal-card__section--advertising,
.horizontal-card__section--neutral + .horizontal-card__section--corporate,
.horizontal-card__section--neutral + .horizontal-card__section--critical,
.horizontal-card__section--neutral + .horizontal-card__section--neutral,
.horizontal-card__section--neutral + .horizontal-card__section--promoting,
.horizontal-card__section--neutral + .horizontal-card__section--success,
.horizontal-card__section--neutral + .horizontal-card__section--warning {
  margin-top: -2px;
}
.horizontal-card__section--neutral
  + .horizontal-card__footer:not(.horizontal-card__footer--distinct) {
  margin-top: 16px;
}
.horizontal-card__section--corporate {
  background-color: var(--white, #fff);
  border-bottom-width: 2px;
  border-color: var(--corporate-shape-color, #001b41);
  border-style: solid;
  border-top-width: 2px;
  color: var(--corporate-text-color, #0b2a63);
}
.horizontal-card__section--corporate + .horizontal-card__section--activating,
.horizontal-card__section--corporate + .horizontal-card__section--advertising,
.horizontal-card__section--corporate + .horizontal-card__section--corporate,
.horizontal-card__section--corporate + .horizontal-card__section--critical,
.horizontal-card__section--corporate + .horizontal-card__section--neutral,
.horizontal-card__section--corporate + .horizontal-card__section--promoting,
.horizontal-card__section--corporate + .horizontal-card__section--success,
.horizontal-card__section--corporate + .horizontal-card__section--warning {
  margin-top: -2px;
}
.horizontal-card__section--corporate
  + .horizontal-card__footer:not(.horizontal-card__footer--distinct) {
  margin-top: 16px;
}
.horizontal-card__section--promoting {
  background-color: var(--white, #fff);
  border-bottom-width: 2px;
  border-color: var(--promoting-shape-color, #b410e7);
  border-style: solid;
  border-top-width: 2px;
  color: var(--promoting-text-color, #560e8a);
}
.horizontal-card__section--promoting + .horizontal-card__section--activating,
.horizontal-card__section--promoting + .horizontal-card__section--advertising,
.horizontal-card__section--promoting + .horizontal-card__section--corporate,
.horizontal-card__section--promoting + .horizontal-card__section--critical,
.horizontal-card__section--promoting + .horizontal-card__section--neutral,
.horizontal-card__section--promoting + .horizontal-card__section--promoting,
.horizontal-card__section--promoting + .horizontal-card__section--success,
.horizontal-card__section--promoting + .horizontal-card__section--warning {
  margin-top: -2px;
}
.horizontal-card__section--promoting
  + .horizontal-card__footer:not(.horizontal-card__footer--distinct) {
  margin-top: 16px;
}
.horizontal-card__section--advertising {
  border-bottom-width: 2px;
  border-color: var(--advertising-background-gradient-start, #003d8f);
  border-style: solid;
  border-top-width: 2px;
  color: var(--white, #fff);
}
.horizontal-card__section--advertising + .horizontal-card__section--activating,
.horizontal-card__section--advertising + .horizontal-card__section--advertising,
.horizontal-card__section--advertising + .horizontal-card__section--corporate,
.horizontal-card__section--advertising + .horizontal-card__section--critical,
.horizontal-card__section--advertising + .horizontal-card__section--neutral,
.horizontal-card__section--advertising + .horizontal-card__section--promoting,
.horizontal-card__section--advertising + .horizontal-card__section--success,
.horizontal-card__section--advertising + .horizontal-card__section--warning {
  margin-top: -2px;
}
.horizontal-card__section--advertising
  + .horizontal-card__footer:not(.horizontal-card__footer--distinct) {
  margin-top: 16px;
}
.horizontal-card__section--separator {
  border-top: 1px solid var(--tertiary-shape-color, #bcc8d4);
}
.horizontal-card__section--growing {
  flex-grow: 1;
}
.horizontal-card__section--stripes {
  padding: 0 0 16px;
}
.horizontal-card__section > :last-child {
  margin-bottom: 4px;
}
.horizontal-card__section:first-of-type > :first-child {
  margin-top: 4px;
}
.horizontal-card__section--align-center {
  justify-content: center;
  text-align: center;
}
.horizontal-card__section--align-left {
  justify-content: flex-start;
  text-align: left;
}
.horizontal-card__section--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .horizontal-card__section--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .horizontal-card__section--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .horizontal-card__section--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .horizontal-card__section--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .horizontal-card__section--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .horizontal-card__section--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .horizontal-card__section--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .horizontal-card__section--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.horizontal-card__section--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .horizontal-card__section--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .horizontal-card__section--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--small-hidden {
    display: none;
  }
}
.horizontal-card__section--semantic-bar-success {
  box-shadow: inset 5px 0 var(--success-shape-color, #0fa954);
  margin-left: -1px;
}
.horizontal-card__section--semantic-bar-success:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-success:first-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-success:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-success:last-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-success:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-success:only-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-warning {
  box-shadow: inset 5px 0 var(--warning-shape-color, #fa0);
  margin-left: -1px;
}
.horizontal-card__section--semantic-bar-warning:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-warning:first-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-warning:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-warning:last-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-warning:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-warning:only-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-critical {
  box-shadow: inset 5px 0 var(--critical-shape-color, #f50c00);
  margin-left: -1px;
}
.horizontal-card__section--semantic-bar-critical:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-critical:first-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-critical:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-critical:last-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-critical:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-critical:only-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-neutral {
  box-shadow: inset 5px 0 var(--neutral-shape-color, #718095);
  margin-left: -1px;
}
.horizontal-card__section--semantic-bar-neutral:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-neutral:first-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-neutral:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-neutral:last-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-neutral:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-neutral:only-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-activating {
  box-shadow: inset 5px 0 var(--activating-shape-color, #11c7e6);
  margin-left: -1px;
}
.horizontal-card__section--semantic-bar-activating:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-activating:first-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-activating:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-activating:last-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-activating:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-activating:only-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-corporate {
  box-shadow: inset 5px 0 var(--corporate-shape-color, #001b41);
  margin-left: -1px;
}
.horizontal-card__section--semantic-bar-corporate:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-corporate:first-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-corporate:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-corporate:last-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-corporate:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-corporate:only-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-promoting {
  box-shadow: inset 5px 0 var(--promoting-shape-color, #b410e7);
  margin-left: -1px;
}
.horizontal-card__section--semantic-bar-promoting:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-promoting:first-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-promoting:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-promoting:last-child {
    border-radius: 0;
  }
}
.horizontal-card__section--semantic-bar-promoting:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--semantic-bar-promoting:only-child {
    border-radius: 0;
  }
}
.horizontal-card__section--success-solid {
  background-color: var(--solid-success-background-color, #12cf76);
  color: var(--corporate-text-color, #0b2a63);
}
.horizontal-card__section--warning-solid {
  background-color: var(--solid-warning-background-color, #fa0);
  color: var(--corporate-text-color, #0b2a63);
}
.horizontal-card__section--critical-solid {
  background-color: var(--solid-critical-background-color, #ff6159);
  color: var(--corporate-text-color, #0b2a63);
}
.horizontal-card__section--neutral-solid {
  background-color: var(--solid-neutral-background-color, #465a75);
  color: var(--white, #fff);
}
.horizontal-card__section--activating-solid {
  background-color: var(--solid-activating-background-color, #11c7e6);
  color: var(--corporate-text-color, #0b2a63);
}
.horizontal-card__section--promoting-solid {
  background-color: var(--solid-promoting-background-color, #e480f8);
  color: var(--corporate-text-color, #0b2a63);
}
.horizontal-card__section--corporate-solid {
  background-color: var(--solid-corporate-background-color, #0b2a63);
  color: var(--white, #fff);
}
.horizontal-card__section--bright-solid {
  background-color: var(--solid-bright-background-color, #fff);
  color: var(--corporate-text-color, #0b2a63);
}
.horizontal-card__section--primary {
  background-color: var(--primary-background-color, #fff);
}
.horizontal-card__section--secondary {
  background-color: var(--secondary-background-color, #fff);
}
.horizontal-card__section--tertiary {
  background-color: var(--tertiary-background-color, #bcc8d4);
}
.horizontal-card__section--advertising {
  background: var(--advertising-background-gradient-start, #003d8f);
  background: linear-gradient(
    to bottom right,
    var(--advertising-background-gradient-start, #003d8f),
    var(--advertising-background-gradient-end, #1474c4)
  );
}
.horizontal-card__section--advertising > .headline,
.horizontal-card__section--advertising > .paragraph {
  color: var(--white, #fff);
}
.horizontal-card__section--beta {
  background-color: var(--default-background-color-inverted, #0b2a63);
}
.horizontal-card__section--beta > .headline,
.horizontal-card__section--beta > .paragraph {
  color: var(--white, #fff);
}
.horizontal-card__section--premium {
  background-color: var(--tertiary-background-color-inverted, #718095);
}
.horizontal-card__section--premium > .headline,
.horizontal-card__section--premium > .paragraph {
  color: var(--white, #fff);
}
.horizontal-card__section--vertical-align-bottom {
  align-items: flex-end;
  display: flex;
  flex-flow: wrap;
}
.horizontal-card__section--vertical-align-center {
  align-items: center;
  display: flex;
  flex-flow: wrap;
}
.horizontal-card__section--vertical-align-top {
  align-items: flex-start;
  display: flex;
  flex-flow: wrap;
}
@media only screen and (min-width: 1185px) {
  .horizontal-card__section--large-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .horizontal-card__section--large-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .horizontal-card__section--large-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .horizontal-card__section--medium-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .horizontal-card__section--medium-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .horizontal-card__section--medium-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (max-width: 666px) {
  .horizontal-card__section--small-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .horizontal-card__section--small-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .horizontal-card__section--small-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
.horizontal-card__ribbon {
  background-color: var(--activating-background-color, #fff);
  border-bottom: 1px solid var(--activating-shape-color, #11c7e6);
  border-top: 1px solid var(--activating-shape-color, #11c7e6);
  box-sizing: border-box;
  color: var(--activating-text-color, #007e9c);
  padding: 8px 16px;
  text-align: center;
  width: 100%;
}
.horizontal-card__ribbon--success {
  background-color: var(--white, #fff);
  border-bottom: 1px solid var(--success-shape-color, #0fa954);
  border-top: 1px solid var(--success-shape-color, #0fa954);
  color: var(--success-text-color, #096b35);
}
.horizontal-card__ribbon--warning {
  background-color: var(--white, #fff);
  border-bottom: 1px solid var(--warning-shape-color, #fa0);
  border-top: 1px solid var(--warning-shape-color, #fa0);
  color: var(--warning-text-color, #c36b00);
}
.horizontal-card__ribbon--critical {
  background-color: var(--white, #fff);
  border-bottom: 1px solid var(--critical-shape-color, #f50c00);
  border-top: 1px solid var(--critical-shape-color, #f50c00);
  color: var(--critical-text-color, #c80a00);
}
.horizontal-card__ribbon--neutral {
  background-color: var(--white, #fff);
  border-bottom: 1px solid var(--neutral-shape-color, #718095);
  border-top: 1px solid var(--neutral-shape-color, #718095);
  color: var(--neutral-text-color, #465a75);
}
.horizontal-card__ribbon--corporate {
  background-color: var(--white, #fff);
  border-bottom: 1px solid var(--corporate-shape-color, #001b41);
  border-top: 1px solid var(--corporate-shape-color, #001b41);
  color: var(--corporate-text-color, #0b2a63);
}
.horizontal-card__ribbon--promoting {
  background-color: var(--white, #fff);
  border-bottom: 1px solid var(--promoting-shape-color, #b410e7);
  border-top: 1px solid var(--promoting-shape-color, #b410e7);
  color: var(--promoting-text-color, #560e8a);
}
.horizontal-card__ribbon--advertising {
  background: var(--advertising-background-gradient-start, #003d8f);
  background: linear-gradient(
    to bottom right,
    var(--advertising-background-gradient-start, #003d8f),
    var(--advertising-background-gradient-end, #1474c4)
  );
  border-bottom: 1px solid var(--advertising-background-gradient-start, #003d8f);
  border-top: 1px solid var(--advertising-background-gradient-start, #003d8f);
  color: var(--white, #fff);
}
.horizontal-card__headline {
  color: var(--default-text-color, #001b41);
  font-family: var(
    --corporate-font-bold,
    "OverpassSemibold",
    arial,
    sans-serif
  );
  font-size: var(--second-level-headline-size, 22px);
  line-height: var(--second-level-headline-line-height, 1.364em);
  margin-bottom: 12px;
  word-break: break-word;
}
.horizontal-card__headline--cropped {
  margin-bottom: 0;
}
.horizontal-card__headline--break-all {
  word-break: break-all;
}
.horizontal-card__headline--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .horizontal-card__headline--small-break-all {
    word-break: break-all;
  }
  .horizontal-card__headline--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .horizontal-card__headline--medium-break-all {
    word-break: break-all;
  }
  .horizontal-card__headline--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .horizontal-card__headline--large-break-all {
    word-break: break-all;
  }
  .horizontal-card__headline--large-break-word {
    word-break: break-word;
  }
}
.horizontal-card__headline--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .horizontal-card__headline--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .horizontal-card__headline--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .horizontal-card__headline--large-nowrap {
    white-space: nowrap;
  }
}
.horizontal-card__headline--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .horizontal-card__headline--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .horizontal-card__headline--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .horizontal-card__headline--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.horizontal-card__headline--success {
  color: var(--success-text-color, #096b35);
}
.horizontal-card__headline--warning {
  color: var(--warning-text-color, #c36b00);
}
.horizontal-card__headline--critical {
  color: var(--critical-text-color, #c80a00);
}
.horizontal-card__headline--neutral {
  color: var(--neutral-text-color, #465a75);
}
.horizontal-card__headline--activating {
  color: var(--activating-text-color, #007e9c);
}
.horizontal-card__headline--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.horizontal-card__headline--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.horizontal-card__headline--bright {
  color: var(--white, #fff);
}
.horizontal-card__preheadline--break-all {
  word-break: break-all;
}
.horizontal-card__preheadline--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .horizontal-card__preheadline--small-break-all {
    word-break: break-all;
  }
  .horizontal-card__preheadline--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .horizontal-card__preheadline--medium-break-all {
    word-break: break-all;
  }
  .horizontal-card__preheadline--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .horizontal-card__preheadline--large-break-all {
    word-break: break-all;
  }
  .horizontal-card__preheadline--large-break-word {
    word-break: break-word;
  }
}
.horizontal-card__preheadline--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .horizontal-card__preheadline--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .horizontal-card__preheadline--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .horizontal-card__preheadline--large-nowrap {
    white-space: nowrap;
  }
}
.horizontal-card__preheadline--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .horizontal-card__preheadline--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .horizontal-card__preheadline--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .horizontal-card__preheadline--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.horizontal-card__subheadline {
  color: var(--default-text-color, #001b41);
  font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif);
  font-size: var(--third-level-headline-size, 16px);
  line-height: var(--third-level-headline-line-height, 1.5em);
  margin-bottom: 6px;
  margin-top: 0;
}
.horizontal-card__subheadline--break-all {
  word-break: break-all;
}
.horizontal-card__subheadline--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .horizontal-card__subheadline--small-break-all {
    word-break: break-all;
  }
  .horizontal-card__subheadline--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .horizontal-card__subheadline--medium-break-all {
    word-break: break-all;
  }
  .horizontal-card__subheadline--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .horizontal-card__subheadline--large-break-all {
    word-break: break-all;
  }
  .horizontal-card__subheadline--large-break-word {
    word-break: break-word;
  }
}
.horizontal-card__subheadline--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .horizontal-card__subheadline--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .horizontal-card__subheadline--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .horizontal-card__subheadline--large-nowrap {
    white-space: nowrap;
  }
}
.horizontal-card__subheadline--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .horizontal-card__subheadline--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .horizontal-card__subheadline--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .horizontal-card__subheadline--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.horizontal-card__subheadline--success {
  color: var(--success-text-color, #096b35);
}
.horizontal-card__subheadline--warning {
  color: var(--warning-text-color, #c36b00);
}
.horizontal-card__subheadline--critical {
  color: var(--critical-text-color, #c80a00);
}
.horizontal-card__subheadline--neutral {
  color: var(--neutral-text-color, #465a75);
}
.horizontal-card__subheadline--activating {
  color: var(--activating-text-color, #007e9c);
}
.horizontal-card__subheadline--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.horizontal-card__subheadline--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.horizontal-card__subheadline--bright {
  color: var(--white, #fff);
}
.horizontal-card__action-container {
  display: flex;
}
.horizontal-card__action-container:last-child {
  margin-bottom: -12px;
}
.horizontal-card__flyout {
  flex-grow: 1;
  margin-left: 24px;
  margin-top: 2px;
  text-align: right;
}
@media only screen and (max-width: 666px) {
  .horizontal-card__flyout {
    position: absolute;
    right: 16px;
  }
}
.horizontal-card__action-container .context-menu__list {
  right: 8px;
}
@media only screen and (max-width: 666px) {
  .horizontal-card {
    flex-flow: column;
    margin-bottom: 16px;
  }
  .horizontal-card__content,
  .horizontal-card__header {
    width: 100%;
  }
  .horizontal-card__visual {
    position: inherit;
    width: 100%;
  }
  .headless-mode .horizontal-card--headless-hidden,
  .headless-mode .horizontal-card__footer--headless-hidden,
  .headless-mode .horizontal-card__section--headless-hidden {
    display: none;
  }
}
.left-navigation {
  background-color: var(--white, #fff);
  border-radius: 0 var(--default-border-radius, 16px)
    var(--default-border-radius, 16px) 0;
  border-right: 1px solid var(--tertiary-shape-color, #bcc8d4);
  bottom: 0;
  box-shadow: 2px 0 8px 0 var(--default-shadow, #718095);
  display: flex;
  flex-direction: column;
  left: 0;
  overflow-y: auto;
  position: fixed;
  top: 64px;
  transition: left 0.2s ease-out 0s, top 0.2s ease-out 0s;
  width: 268px;
  will-change: left;
  z-index: 80;
}
@media only screen and (max-width: 666px) {
  .left-navigation {
    border-radius: 0 var(--small-border-radius, 8px)
      var(--small-border-radius, 8px) 0;
  }
}
.left-navigation__section {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  margin-bottom: 0;
  min-height: 0;
  min-width: 0;
  padding: 16px 0;
}
.left-navigation__section--secondary {
  background-color: var(--default-background-color, #f4f7fa);
  flex: 0 1 auto;
}
.left-navigation__block {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 16px;
}
.left-navigation__headline {
  color: var(--default-text-color, #001b41);
  font-family: var(
    --corporate-font-bold,
    "OverpassSemibold",
    arial,
    sans-serif
  );
  font-size: var(--default-text-size, 14px);
  margin-bottom: 4px;
}
.left-navigation__splitter {
  border: 0;
  border-top: 1px solid var(--tertiary-shape-color, #bcc8d4);
  margin: 0 0 8px;
}
.left-navigation__link-list {
  margin: 4px 0 16px -8px;
}
.left-navigation__link-list:last-child {
  margin-bottom: 0;
}
.left-navigation__link-list > li {
  line-height: 1.5em;
  margin-bottom: 0;
  margin-left: inherit;
  text-indent: inherit;
}
.left-navigation__link-list > li:last-child {
  margin-bottom: 0;
}
.left-navigation__second-level,
.left-navigation__third-level {
  margin: 0 0 3px;
}
.left-navigation__link-list-link {
  border-left: 3px solid transparent;
  color: var(--default-text-color, #001b41);
  display: block;
  padding: 6px 0 6px 14px;
  text-decoration: none;
}
.left-navigation__link-list-link--active,
.left-navigation__link-list-link:active,
.left-navigation__link-list-link:focus,
.left-navigation__link-list-link:hover {
  border-color: var(--interactive-shape-color, #1474c4);
  color: var(--interactive-text-color, #1474c4);
}
.left-navigation__first-level-link {
  color: var(--default-text-color, #001b41);
  display: block;
  font-family: var(
    --corporate-font-bold,
    "OverpassSemibold",
    arial,
    sans-serif
  );
  font-size: var(--default-text-size, 14px);
  padding: 6px 0;
  text-decoration: none;
}
.left-navigation__first-level-link--active,
.left-navigation__first-level-link:active,
.left-navigation__first-level-link:focus,
.left-navigation__first-level-link:hover {
  border-color: var(--interactive-shape-color, #1474c4);
  color: var(--interactive-text-color, #1474c4);
}
.left-navigation__first-level-link--collapsed {
  line-height: inherit;
}
.left-navigation__first-level-link--collapsed + .left-navigation__second-level {
  display: none;
}
.left-navigation__first-level-link--expanded {
  line-height: inherit;
}
.left-navigation__first-level-link--expanded + .left-navigation__second-level {
  display: inherit;
}
.left-navigation__second-level-link {
  color: var(--default-text-color, #001b41);
  display: block;
  padding: 6px 0 6px 16px;
  text-decoration: none;
}
.left-navigation__second-level-link:hover {
  border-color: var(--interactive-shape-color, #1474c4);
  color: var(--interactive-text-color, #1474c4);
}
.left-navigation__second-level-link--active,
.left-navigation__second-level-link:active,
.left-navigation__second-level-link:focus {
  border-color: var(--interactive-shape-color, #1474c4);
  color: var(--interactive-text-color, #1474c4);
  font-family: var(
    --corporate-font-bold,
    "OverpassSemibold",
    arial,
    sans-serif
  );
}
.left-navigation__second-level-link--collapsed {
  line-height: 1;
  line-height: inherit;
  margin-left: -1px;
  padding-left: 0;
}
.left-navigation__second-level-link--collapsed:before {
  content: "";
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal;
  padding-right: 4px;
  vertical-align: top;
  vertical-align: middle;
}
.left-navigation__second-level-link--collapsed + .left-navigation__third-level {
  display: none;
}
.left-navigation__second-level-link--expanded {
  font-family: var(
    --corporate-font-bold,
    "OverpassSemibold",
    arial,
    sans-serif
  );
  line-height: 1;
  line-height: inherit;
  margin-left: -1px;
  padding-left: 0;
}
.left-navigation__second-level-link--expanded:before {
  content: "";
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal;
  padding-right: 4px;
  vertical-align: top;
  vertical-align: middle;
}
.left-navigation__second-level-link--expanded + .left-navigation__third-level {
  display: inherit;
}
.left-navigation__third-level-link {
  border-left: 3px solid var(--default-shadow, #718095);
  color: var(--default-text-color, #001b41);
  display: block;
  margin-left: 16px;
  padding: 6px 0 6px 14px;
  text-decoration: none;
}
.left-navigation__third-level-link:hover {
  border-color: var(--interactive-shape-color, #1474c4);
  color: var(--interactive-text-color, #1474c4);
}
.left-navigation__third-level-link--active,
.left-navigation__third-level-link:active,
.left-navigation__third-level-link:focus {
  border-color: var(--interactive-shape-color, #1474c4);
  color: var(--interactive-text-color, #1474c4);
  font-family: var(
    --corporate-font-bold,
    "OverpassSemibold",
    arial,
    sans-serif
  );
}
.left-navigation__toggle,
.oao-navi-burger.left-navigation__toggle {
  display: none;
}
.left-navigation__blocker {
  background-color: #000;
  left: 0;
  margin: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.2s ease-out;
  z-index: 79;
}
.oao-pi-flyin .left-navigation {
  left: -268px;
  overflow-x: hidden;
  overflow-y: hidden;
}
@media only screen and (max-width: 1184px) {
  .left-navigation {
    left: -268px;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .left-navigation__toggle,
  .oao-navi-burger.left-navigation__toggle {
    display: inherit;
  }
  .__left-navigation-active {
    overflow-x: hidden;
    overflow-y: hidden;
    position: fixed;
    width: 100%;
  }
  .__left-navigation-active .left-navigation {
    left: 0;
  }
  .__left-navigation-active .left-navigation__blocker {
    bottom: 0;
    opacity: 0.62;
    right: 0;
  }
}
.list {
  color: var(--default-text-color, #001b41);
  margin-bottom: 12px;
  margin-top: 8px;
}
.list--cropped {
  margin-bottom: 0;
  margin-top: 0;
}
.list > li {
  line-height: 1.5em;
  margin-bottom: 8px;
}
.list > li .svg-icon {
  margin: 0 3px 1px 0;
  pointer-events: none;
  vertical-align: middle;
}
.list--condensed > li {
  margin-bottom: 0;
}
.list--bright > li {
  color: var(--white, #fff);
}
.list > li:last-child {
  margin-bottom: 0;
}
.list--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .list--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .list--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .list--small-hidden {
    display: none;
  }
}
.bullet-list {
  color: var(--default-text-color, #001b41);
  margin-bottom: 12px;
  margin-top: 8px;
}
.bullet-list--cropped {
  margin-bottom: 0;
  margin-top: 0;
}
.bullet-list > li {
  line-height: 1.5em;
  margin-bottom: 8px;
}
.bullet-list > li .svg-icon {
  margin: 0 3px 1px 0;
  pointer-events: none;
  vertical-align: middle;
}
.bullet-list--condensed > li {
  margin-bottom: 0;
}
.bullet-list--bright > li {
  color: var(--white, #fff);
}
.bullet-list > li:last-child {
  margin-bottom: 0;
}
.bullet-list--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .bullet-list--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .bullet-list--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .bullet-list--small-hidden {
    display: none;
  }
}
.bullet-list > li {
  padding-left: 24px;
  position: relative;
}
.bullet-list > li:before {
  font-family: exos-icon-font, sans-serif;
  margin-left: -24px;
  position: absolute;
}
.bullet-list > li--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .bullet-list > li--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .bullet-list > li--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .bullet-list > li--small-hidden {
    display: none;
  }
}
.bullet-list > li.exos-icon:before {
  color: var(--default-shape-color, #465a75);
}
.bullet-list > li.exos-icon--bright:before {
  color: var(--white, #fff);
}
.bullet-list > li.exos-icon--activating:before {
  color: var(--activating-text-color, #007e9c);
}
.bullet-list > li.exos-icon--success:before {
  color: var(--success-text-color, #096b35);
}
.bullet-list > li.exos-icon--warning:before {
  color: var(--warning-text-color, #c36b00);
}
.bullet-list > li.exos-icon--critical:before {
  color: var(--critical-text-color, #c80a00);
}
.bullet-list > li.exos-icon--neutral:before {
  color: var(--neutral-text-color, #465a75);
}
.bullet-list > li.exos-icon--corporate:before {
  color: var(--corporate-text-color, #0b2a63);
}
.bullet-list > li.exos-icon--promoting:before {
  color: var(--promoting-text-color, #560e8a);
}
.bullet-list > li:before {
  color: var(--default-text-color, #001b41);
  content: "";
  margin-top: 1px;
}
.bullet-list > li.bullet-list__icon--success:before {
  color: var(--success-text-color, #096b35);
}
.bullet-list > li.bullet-list__icon--warning:before {
  color: var(--warning-text-color, #c36b00);
}
.bullet-list > li.bullet-list__icon--critical:before {
  color: var(--critical-text-color, #c80a00);
}
.bullet-list > li.bullet-list__icon--neutral:before {
  color: var(--neutral-text-color, #465a75);
}
.bullet-list > li.bullet-list__icon--activating:before {
  color: var(--activating-text-color, #007e9c);
}
.bullet-list > li.bullet-list__icon--promoting:before {
  color: var(--promoting-text-color, #560e8a);
}
.bullet-list > li.bullet-list__icon--corporate:before {
  color: var(--corporate-text-color, #0b2a63);
}
.bullet-list > li.bullet-list__icon--bright:before {
  color: var(--white, #fff);
}
.bullet-list > li.bullet-list__item--success {
  color: var(--success-text-color, #096b35);
}
.bullet-list > li.bullet-list__item--warning {
  color: var(--warning-text-color, #c36b00);
}
.bullet-list > li.bullet-list__item--critical {
  color: var(--critical-text-color, #c80a00);
}
.bullet-list > li.bullet-list__item--neutral {
  color: var(--neutral-text-color, #465a75);
}
.bullet-list > li.bullet-list__item--activating {
  color: var(--activating-text-color, #007e9c);
}
.bullet-list > li.bullet-list__item--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.bullet-list > li.bullet-list__item--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.bullet-list--bright > li:before,
.bullet-list > li.bullet-list__item--bright {
  color: var(--white, #fff);
}
.check-list {
  color: var(--default-text-color, #001b41);
  margin-bottom: 12px;
  margin-top: 8px;
}
.check-list--cropped {
  margin-bottom: 0;
  margin-top: 0;
}
.check-list > li {
  line-height: 1.5em;
  margin-bottom: 8px;
}
.check-list > li .svg-icon {
  margin: 0 3px 1px 0;
  pointer-events: none;
  vertical-align: middle;
}
.check-list--condensed > li {
  margin-bottom: 0;
}
.check-list--bright > li {
  color: var(--white, #fff);
}
.check-list > li:last-child {
  margin-bottom: 0;
}
.check-list--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .check-list--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .check-list--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .check-list--small-hidden {
    display: none;
  }
}
.check-list > li {
  padding-left: 24px;
  position: relative;
}
.check-list > li:before {
  font-family: exos-icon-font, sans-serif;
  margin-left: -24px;
  position: absolute;
}
.check-list > li--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .check-list > li--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .check-list > li--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .check-list > li--small-hidden {
    display: none;
  }
}
.check-list > li.exos-icon:before {
  color: var(--default-shape-color, #465a75);
}
.check-list > li.exos-icon--bright:before {
  color: var(--white, #fff);
}
.check-list > li.exos-icon--activating:before {
  color: var(--activating-text-color, #007e9c);
}
.check-list > li.exos-icon--success:before {
  color: var(--success-text-color, #096b35);
}
.check-list > li.exos-icon--warning:before {
  color: var(--warning-text-color, #c36b00);
}
.check-list > li.exos-icon--critical:before {
  color: var(--critical-text-color, #c80a00);
}
.check-list > li.exos-icon--neutral:before {
  color: var(--neutral-text-color, #465a75);
}
.check-list > li.exos-icon--corporate:before {
  color: var(--corporate-text-color, #0b2a63);
}
.check-list > li.exos-icon--promoting:before {
  color: var(--promoting-text-color, #560e8a);
}
.check-list > li:before {
  color: var(--default-text-color, #001b41);
  content: "";
}
.check-list > li.check-list__icon--success:before {
  color: var(--success-text-color, #096b35);
}
.check-list > li.check-list__icon--warning:before {
  color: var(--warning-text-color, #c36b00);
}
.check-list > li.check-list__icon--critical:before {
  color: var(--critical-text-color, #c80a00);
}
.check-list > li.check-list__icon--neutral:before {
  color: var(--neutral-text-color, #465a75);
}
.check-list > li.check-list__icon--activating:before {
  color: var(--activating-text-color, #007e9c);
}
.check-list > li.check-list__icon--promoting:before {
  color: var(--promoting-text-color, #560e8a);
}
.check-list > li.check-list__icon--corporate:before {
  color: var(--corporate-text-color, #0b2a63);
}
.check-list > li.check-list__icon--bright:before {
  color: var(--white, #fff);
}
.check-list > li.check-list__item--success {
  color: var(--success-text-color, #096b35);
}
.check-list > li.check-list__item--warning {
  color: var(--warning-text-color, #c36b00);
}
.check-list > li.check-list__item--critical {
  color: var(--critical-text-color, #c80a00);
}
.check-list > li.check-list__item--neutral {
  color: var(--neutral-text-color, #465a75);
}
.check-list > li.check-list__item--activating {
  color: var(--activating-text-color, #007e9c);
}
.check-list > li.check-list__item--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.check-list > li.check-list__item--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.card__section--advertising .check-list > li:before,
.check-list--bright > li:before,
.check-list > li.check-list__item--bright {
  color: var(--white, #fff);
}
.icon-list {
  color: var(--default-text-color, #001b41);
  margin-bottom: 12px;
  margin-top: 8px;
}
.icon-list--cropped {
  margin-bottom: 0;
  margin-top: 0;
}
.icon-list > li {
  line-height: 1.5em;
  margin-bottom: 8px;
}
.icon-list > li .svg-icon {
  margin: 0 3px 1px 0;
  pointer-events: none;
  vertical-align: middle;
}
.icon-list--condensed > li {
  margin-bottom: 0;
}
.icon-list--bright > li {
  color: var(--white, #fff);
}
.icon-list > li:last-child {
  margin-bottom: 0;
}
.icon-list--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .icon-list--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .icon-list--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .icon-list--small-hidden {
    display: none;
  }
}
.icon-list > li {
  padding-left: 24px;
  position: relative;
}
.icon-list > li:before {
  color: var(--default-text-color, #001b41);
  font-family: exos-icon-font, sans-serif;
  margin-left: -24px;
  position: absolute;
}
.icon-list > li--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .icon-list > li--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .icon-list > li--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .icon-list > li--small-hidden {
    display: none;
  }
}
.icon-list > li.exos-icon:before {
  color: var(--default-shape-color, #465a75);
}
.icon-list > li.exos-icon--bright:before {
  color: var(--white, #fff);
}
.icon-list > li.exos-icon--activating:before {
  color: var(--activating-text-color, #007e9c);
}
.icon-list > li.exos-icon--success:before {
  color: var(--success-text-color, #096b35);
}
.icon-list > li.exos-icon--warning:before {
  color: var(--warning-text-color, #c36b00);
}
.icon-list > li.exos-icon--critical:before {
  color: var(--critical-text-color, #c80a00);
}
.icon-list > li.exos-icon--neutral:before {
  color: var(--neutral-text-color, #465a75);
}
.icon-list > li.exos-icon--corporate:before {
  color: var(--corporate-text-color, #0b2a63);
}
.icon-list > li.exos-icon--promoting:before {
  color: var(--promoting-text-color, #560e8a);
}
.icon-list > li.icon-list__icon--success:before {
  color: var(--success-text-color, #096b35);
}
.icon-list > li.icon-list__icon--warning:before {
  color: var(--warning-text-color, #c36b00);
}
.icon-list > li.icon-list__icon--critical:before {
  color: var(--critical-text-color, #c80a00);
}
.icon-list > li.icon-list__icon--neutral:before {
  color: var(--neutral-text-color, #465a75);
}
.icon-list > li.icon-list__icon--activating:before {
  color: var(--activating-text-color, #007e9c);
}
.icon-list > li.icon-list__icon--promoting:before {
  color: var(--promoting-text-color, #560e8a);
}
.icon-list > li.icon-list__icon--corporate:before {
  color: var(--corporate-text-color, #0b2a63);
}
.icon-list > li.icon-list__icon--bright:before {
  color: var(--white, #fff);
}
.icon-list > li.icon-list__item--success {
  color: var(--success-text-color, #096b35);
}
.icon-list > li.icon-list__item--warning {
  color: var(--warning-text-color, #c36b00);
}
.icon-list > li.icon-list__item--critical {
  color: var(--critical-text-color, #c80a00);
}
.icon-list > li.icon-list__item--neutral {
  color: var(--neutral-text-color, #465a75);
}
.icon-list > li.icon-list__item--activating {
  color: var(--activating-text-color, #007e9c);
}
.icon-list > li.icon-list__item--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.icon-list > li.icon-list__item--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.icon-list--bright > li:before,
.icon-list > li.icon-list__item--bright {
  color: var(--white, #fff);
}
.ordered-list {
  color: var(--default-text-color, #001b41);
  counter-reset: orderedList;
  margin-bottom: 12px;
  margin-left: 25px;
  margin-top: 8px;
}
.ordered-list--cropped {
  margin-bottom: 0;
  margin-top: 0;
}
.ordered-list > li {
  line-height: 1.5em;
  margin-bottom: 8px;
}
.ordered-list > li .svg-icon {
  margin: 0 3px 1px 0;
  pointer-events: none;
  vertical-align: middle;
}
.ordered-list--condensed > li {
  margin-bottom: 0;
}
.ordered-list--bright > li {
  color: var(--white, #fff);
}
.ordered-list > li:last-child {
  margin-bottom: 0;
}
.ordered-list--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .ordered-list--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .ordered-list--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .ordered-list--small-hidden {
    display: none;
  }
}
.ordered-list > li:before {
  background: var(--default-shape-color, #465a75);
  border-radius: 50%;
  color: var(--white, #fff);
  content: counter(orderedList);
  counter-increment: orderedList;
  font-size: var(--small-text-size, 12px);
  font-weight: 700;
  height: 18px;
  line-height: 18px;
  margin-left: -25px;
  margin-top: 2px;
  position: absolute;
  text-align: center;
  width: 18px;
}
.ordered-list > li.ordered-list__icon--bright:before {
  background-color: var(--white, #fff);
}
.ordered-list > li.ordered-list__icon--activating:before {
  background-color: var(--solid-activating-background-color, #11c7e6);
}
.ordered-list > li.ordered-list__icon--success:before {
  background-color: var(--solid-success-background-color, #12cf76);
}
.ordered-list > li.ordered-list__icon--warning:before {
  background-color: var(--solid-warning-background-color, #fa0);
}
.ordered-list > li.ordered-list__icon--critical:before {
  background-color: var(--solid-critical-background-color, #ff6159);
}
.ordered-list > li.ordered-list__icon--neutral:before {
  background-color: var(--solid-neutral-background-color, #465a75);
}
.ordered-list > li.ordered-list__item--bright {
  color: var(--white, #fff);
}
.ordered-list > li.ordered-list__item--activating {
  color: var(--activating-text-color, #007e9c);
}
.ordered-list > li.ordered-list__item--success {
  color: var(--success-text-color, #096b35);
}
.ordered-list > li.ordered-list__item--warning {
  color: var(--warning-text-color, #c36b00);
}
.ordered-list > li.ordered-list__item--critical {
  color: var(--critical-text-color, #c80a00);
}
.ordered-list > li.ordered-list__item--neutral {
  color: var(--neutral-text-color, #465a75);
}
.ordered-list--bright > li:before {
  background: var(--white, #fff);
  color: var(--primary-text-color, #02102b);
}
.link-list {
  color: var(--default-text-color, #001b41);
  margin-bottom: 12px;
  margin-top: 8px;
}
.link-list--cropped {
  margin-bottom: 0;
  margin-top: 0;
}
.link-list > li {
  line-height: 1.5em;
  margin-bottom: 8px;
}
.link-list > li .svg-icon {
  margin: 0 3px 1px 0;
  pointer-events: none;
  vertical-align: middle;
}
.link-list--condensed > li,
.link-list > li:last-child {
  margin-bottom: 0;
}
.link-list--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .link-list--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .link-list--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .link-list--small-hidden {
    display: none;
  }
}
.link-list > li {
  margin-bottom: 0;
  margin-left: inherit;
  text-indent: inherit;
}
.link-list--bright > li {
  color: var(--white, #fff);
}
.link-list__link {
  border-left: 3px solid var(--secondary-shape-color, #97a3b4);
  color: var(--default-text-color, #001b41);
  display: inherit;
  line-height: 1.714em;
  padding: 6px 0 6px 14px;
  text-decoration: none;
}
.link-list__link.__hover,
.link-list__link:hover {
  border-color: var(--interactive-shape-color, #1474c4);
  color: var(--interactive-text-color, #1474c4);
}
.loading-circle {
  display: inline-block;
  font-size: 10px;
  min-width: 55px;
}
.loading-circle:after {
  clear: both;
  content: "";
  display: table;
}
.loading-circle__circle {
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: keyframes--loading-circle;
  animation-name: keyframes--loading-circle;
  border-radius: 20px;
  float: left;
  height: 1em;
  margin-left: 0.6em;
  width: 1em;
}
.loading-circle__circle:first-child {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.loading-circle__circle:nth-child(2) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.loading-circle__circle:nth-child(3) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.loading-circle--small {
  font-size: 5px;
  min-width: inherit;
}
.loading-circle--bright .loading-circle__circle {
  -webkit-animation-name: keyframes--loading-circle-bright;
  animation-name: keyframes--loading-circle-bright;
}
.loading-circle--secondary .loading-circle__circle {
  -webkit-animation-name: keyframes--loading-circle-secondary;
  animation-name: keyframes--loading-circle-secondary;
}
@-webkit-keyframes keyframes--loading-circle {
  0% {
    background-color: var(--interactive-text-color, #1474c4);
  }
  50% {
    background-color: transparent;
  }
  to {
    background-color: var(--interactive-text-color, #1474c4);
  }
}
@keyframes keyframes--loading-circle {
  0% {
    background-color: var(--interactive-text-color, #1474c4);
  }
  50% {
    background-color: transparent;
  }
  to {
    background-color: var(--interactive-text-color, #1474c4);
  }
}
@-webkit-keyframes keyframes--loading-circle-secondary {
  0% {
    background-color: var(--tertiary-background-color-inverted, #718095);
  }
  50% {
    background-color: transparent;
  }
  to {
    background-color: var(--tertiary-background-color-inverted, #718095);
  }
}
@keyframes keyframes--loading-circle-secondary {
  0% {
    background-color: var(--tertiary-background-color-inverted, #718095);
  }
  50% {
    background-color: transparent;
  }
  to {
    background-color: var(--tertiary-background-color-inverted, #718095);
  }
}
@-webkit-keyframes keyframes--loading-circle-bright {
  0% {
    background-color: var(--white, #fff);
  }
  50% {
    background-color: transparent;
  }
  to {
    background-color: var(--white, #fff);
  }
}
@keyframes keyframes--loading-circle-bright {
  0% {
    background-color: var(--white, #fff);
  }
  50% {
    background-color: transparent;
  }
  to {
    background-color: var(--white, #fff);
  }
}
.loading-spin {
  -webkit-animation: keyframes--loading-spin 1s linear 0s infinite normal none
    running;
  animation: keyframes--loading-spin 1s linear 0s infinite normal none running;
  border-radius: 80%;
  height: 90px;
  margin: 0 auto;
  position: relative;
  width: 90px;
}
.loading-spin:before {
  background: transparent;
  background-image: linear-gradient(
    to bottom,
    transparent,
    var(--interactive-text-color, #1474c4)
  );
  border-radius: 0 90px 90px 0;
  height: 90px;
  right: 0;
  top: 0;
  width: 50%;
}
.loading-spin:after,
.loading-spin:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.loading-spin:after {
  background: var(--default-background-color, #f4f7fa);
  border-radius: 90px;
  height: 70px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 70px;
}
.loading-spin--bright:before {
  background: var(--white, #fff);
  background-image: linear-gradient(
    to bottom,
    transparent,
    var(--interactive-text-color, #1474c4)
  );
}
.loading-spin--bright:after {
  background: var(--white, #fff);
}
.loading-spin--advertising:before {
  background: transparent;
  background-image: linear-gradient(to bottom, transparent, var(--white, #fff));
}
.loading-spin--advertising:after {
  background: var(--corporate-shape-color, #001b41);
}
.loading-spin--beta:before {
  background: transparent;
  background-image: linear-gradient(to bottom, transparent, var(--white, #fff));
}
.loading-spin--beta:after {
  background: var(--default-background-color-inverted, #0b2a63);
}
@-webkit-keyframes keyframes--loading-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes keyframes--loading-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.loading-square {
  left: 50%;
  margin: -25px 0 0 -25px;
  position: absolute;
  top: 50%;
}
.loading-square > div {
  -webkit-animation: keyframes--loading-square 3s
    cubic-bezier(0.09, 0.57, 0.49, 0.9) 0s infinite;
  animation: keyframes--loading-square 3s cubic-bezier(0.09, 0.57, 0.49, 0.9) 0s
    infinite;
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
  background: var(--interactive-text-color, #1474c4);
  border: 1px solid var(--white, #fff);
  height: 50px;
  opacity: 0;
  width: 50px;
}
@-webkit-keyframes keyframes--loading-square {
  25% {
    opacity: 0.25;
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    opacity: 0.5;
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    opacity: 0.75;
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  to {
    opacity: 1;
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
}
@keyframes keyframes--loading-square {
  25% {
    opacity: 0.25;
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    opacity: 0.5;
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    opacity: 0.75;
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  to {
    opacity: 1;
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
}
.page-footer {
  border-top: 1px solid var(--tertiary-shape-color, #bcc8d4);
  grid-area: footer;
}
.page-footer--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .page-footer--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .page-footer--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .page-footer--small-hidden {
    display: none;
  }
}
.page-footer__block {
  background-color: var(--white, #fff);
  color: var(--default-text-color, #001b41);
  padding: 32px;
  position: relative;
}
.page-footer__section {
  display: flex;
  margin-bottom: 0;
  margin-left: -15px;
  margin-right: -15px;
}
.page-footer__section--separator {
  border-bottom: 1px solid var(--tertiary-shape-color, #bcc8d4);
}
.page-footer__section--align-center {
  justify-content: center;
  text-align: center;
}
.page-footer__section--align-left {
  justify-content: flex-start;
  text-align: left;
}
.page-footer__section--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .page-footer__section--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .page-footer__section--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .page-footer__section--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .page-footer__section--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .page-footer__section--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .page-footer__section--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .page-footer__section--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .page-footer__section--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .page-footer__section--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.page-footer__section--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .page-footer__section--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .page-footer__section--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .page-footer__section--small-hidden {
    display: none;
  }
}
.page-footer__section-item {
  flex: 1 1 0%;
  line-height: 1.5em;
  margin-bottom: 32px;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
}
.page-footer__section-item--align-center {
  justify-content: center;
  text-align: center;
}
.page-footer__section-item--align-left {
  justify-content: flex-start;
  text-align: left;
}
.page-footer__section-item--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .page-footer__section-item--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .page-footer__section-item--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .page-footer__section-item--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .page-footer__section-item--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .page-footer__section-item--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .page-footer__section-item--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .page-footer__section-item--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .page-footer__section-item--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .page-footer__section-item--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.page-footer__section-item--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .page-footer__section-item--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .page-footer__section-item--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .page-footer__section-item--small-hidden {
    display: none;
  }
  .page-footer__section-item {
    margin-bottom: 24px;
  }
}
.page-footer__section--last .page-footer__section-item {
  margin-bottom: 0;
  margin-top: 32px;
}
@media only screen and (max-width: 666px) {
  .page-footer__section--last .page-footer__section-item {
    margin-top: 16px;
  }
}
.page-footer__section--last:only-child .page-footer__section-item {
  margin-top: 0;
}
@media only screen and (max-width: 666px) {
  .page-footer__section--last:only-child .page-footer__section-item {
    margin-top: 0;
  }
}
.page-footer__section-item > .page-footer__social--first {
  margin-left: 0;
}
.page-footer__section-item > .page-footer__social--last {
  margin-right: 0;
}
.page-footer__separator,
.page-footer__seperator {
  border: 0;
  border-top: 1px solid var(--tertiary-shape-color, #bcc8d4);
  margin-bottom: 32px;
  margin-top: 0;
}
.page-footer__headline {
  color: var(--default-text-color, #001b41);
  font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif);
  line-height: 1.5em;
  margin-bottom: 12px;
  position: relative;
}
@media only screen and (max-width: 666px) {
  .page-footer__headline {
    margin-bottom: 8px;
  }
}
.page-footer__link-list > li {
  display: flex;
  height: 32px;
}
.page-footer__link-list > li a {
  cursor: pointer;
}
.page-footer__link {
  color: inherit;
  display: inline-block;
  padding: 8px 0;
  text-decoration: none;
}
@media only screen and (max-width: 666px) {
  .page-footer__link {
    padding: 6px 0;
    width: 100%;
  }
}
.page-footer__section--last .page-footer__link {
  padding: 0;
  width: auto;
}
.page-footer__link:before {
  font-size: 16px;
  padding: 0 8px 4px 0;
  width: 20px;
}
.page-footer__status > a:hover,
a.page-footer__link:hover {
  color: var(--interactive-text-color, #1474c4);
  text-decoration: underline;
}
.page-footer__social {
  display: inline-block;
  margin: 0 8px 16px;
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .page-footer__social {
    margin-right: 4px;
  }
}
@media only screen and (max-width: 666px) {
  .page-footer__social {
    margin-bottom: 8px;
  }
}
.page-footer__social path {
  fill: var(--corporate-text-color, #0b2a63);
}
.page-footer__social:hover path {
  fill: var(--interactive-shape-color, #1474c4);
}
.page-footer__link .svg-icon {
  height: 18px;
  padding: 0 6px 4px 0;
  pointer-events: none;
  vertical-align: middle;
  width: 18px;
}
.page-footer__link .svg-icon path {
  fill: var(--default-text-color, #001b41);
}
.page-footer__link:hover .svg-icon path {
  fill: var(--interactive-text-color, #1474c4);
}
.page-footer__appstore {
  display: flex;
  width: 151px;
}
.page-footer__toggle {
  font-size: var(--default-text-size, 14px);
  height: 20px;
  position: absolute;
  right: 28px;
  text-align: right;
  vertical-align: text-bottom;
  width: 100%;
}
.page-footer__toggle.toggle-link--collapsed:before {
  content: "\E671";
}
.page-footer__toggle.toggle-link--expanded:before {
  content: "\E670";
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .toggle-link__content--hidden {
    display: inherit;
  }
}
@media only screen and (max-width: 666px) {
  .toggle-link__content--hidden {
    display: inherit;
  }
}
.page-footer__adzone {
  margin-bottom: 8px;
  max-width: 232px;
  min-width: 216px;
  width: 76%;
}
.page-footer__adzone--full-width {
  max-width: 100%;
  width: 100%;
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .page-footer__adzone {
    max-width: 216px;
    min-width: 128px;
    width: 100%;
  }
}
@media only screen and (max-width: 666px) {
  .page-footer__adzone {
    max-width: 296px;
    width: 48%;
  }
}
.page-footer__adzone .action-stripe__action {
  margin-left: -11px;
  padding-left: 0;
  padding-right: 15px;
}
.page-footer__adzone-link,
.page-footer__adzone-link:hover {
  color: inherit;
  text-decoration: none;
}
.page-footer__logo {
  display: block;
  height: 40px;
  margin: 0 0 24px;
  width: auto;
}
.__has-left-navigation .page-footer__block {
  padding-left: 300px;
}
@media only screen and (max-width: 1184px) {
  .__has-left-navigation .page-footer__block {
    padding-left: 32px;
  }
}
@media only screen and (min-width: 1185px) {
  .oao-pi-flyin .page-footer__block {
    padding-left: 32px;
    padding-right: 392px;
  }
}
@media only screen and (max-width: 666px) {
  .page-footer__block {
    padding: 16px;
  }
  .page-footer__section {
    flex-direction: column;
  }
  .page-footer__section-item--small-hidden {
    display: none;
  }
  .page-footer__separator,
  .page-footer__seperator {
    margin: 16px;
  }
  .headless-mode .page-footer {
    display: none;
  }
}
.page-footer .link-list {
  margin-bottom: 0;
}
.page-footer .link,
.page-footer .toggle-link {
  color: var(--default-text-color, #001b41);
}
.page-header {
  background: var(--default-background-color, #f4f7fa);
  padding: 32px 32px 16px;
  position: relative;
}
.page-header:after {
  clear: both;
  content: "";
  display: table;
}
.page-header--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .page-header--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .page-header--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .page-header--small-hidden {
    display: none;
  }
}
.page-header__block {
  margin: 0 auto;
  max-width: 1170px;
  position: relative;
}
.page-header--narrow .page-header__block {
  max-width: 950px;
}
.page-header--short .page-header__block {
  max-width: 650px;
  padding-right: 300px;
}
.page-header--align-center .page-header__block {
  text-align: center;
}
.__has-left-navigation .page-header {
  padding-left: 300px;
}
.page-header__headline {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: var(--default-text-color, #001b41);
  font-family: var(
    --corporate-font-regular,
    "OverpassRegular",
    arial,
    arial narrow,
    sans-serif
  );
  font-size: var(--first-level-headline-size, 32px);
  font-weight: inherit;
  line-height: var(--first-level-headline-line-height, 1.25em);
  margin-bottom: 16px;
  word-break: break-word;
}
.page-header__headline:last-child {
  margin-bottom: 12px;
}
@media only screen and (max-width: 666px) {
  .page-header__headline:last-child {
    margin-bottom: 8px;
  }
}
.page-header__headline--exos-icon:before {
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  padding-right: 0.5em;
  vertical-align: top;
}
.page-header__headline--exos-icon.exos-icon--bright:before {
  color: var(--white, #fff);
}
.page-header__headline--exos-icon.exos-icon--activating:before {
  color: var(--activating-text-color, #007e9c);
}
.page-header__headline--exos-icon.exos-icon--success:before {
  color: var(--success-text-color, #096b35);
}
.page-header__headline--exos-icon.exos-icon--warning:before {
  color: var(--warning-text-color, #c36b00);
}
.page-header__headline--exos-icon.exos-icon--critical:before {
  color: var(--critical-text-color, #c80a00);
}
.page-header__headline--exos-icon.exos-icon--neutral:before {
  color: var(--neutral-text-color, #465a75);
}
.page-header__headline--break-all {
  word-break: break-all;
}
.page-header__headline--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .page-header__headline--small-break-all {
    word-break: break-all;
  }
  .page-header__headline--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .page-header__headline--medium-break-all {
    word-break: break-all;
  }
  .page-header__headline--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .page-header__headline--large-break-all {
    word-break: break-all;
  }
  .page-header__headline--large-break-word {
    word-break: break-word;
  }
}
.page-header__headline--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .page-header__headline--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .page-header__headline--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .page-header__headline--large-nowrap {
    white-space: nowrap;
  }
}
.page-header__headline--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .page-header__headline--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .page-header__headline--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .page-header__headline--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.page-header__headline--sub {
  color: var(--default-text-color, #001b41);
  font-family: var(
    --corporate-font-bold,
    "OverpassSemibold",
    arial,
    sans-serif
  );
  font-size: var(--second-level-headline-size, 22px);
  line-height: var(--second-level-headline-line-height, 1.364em);
}
.page-header__headline + .page-header__headline--sub {
  margin-top: -4px;
}
.page-header__paragraph {
  color: var(--default-text-color, #001b41);
  font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif);
  font-size: var(--third-level-headline-size, 16px);
  line-height: var(--third-level-headline-line-height, 1.5em);
  margin-bottom: 16px;
  margin-top: -8px;
}
.page-header__back-button {
  cursor: pointer;
  outline: none;
  text-decoration: none;
}
.page-header__back-button:before {
  color: var(--default-shape-color, #465a75);
  content: "\E936";
  display: inline-block;
  float: left;
  font-family: exos-icon-font, serif;
  font-size: 22px;
  line-height: 34px;
  margin-left: -32px;
  padding-right: 11px;
  transition: margin-left 0.5s ease-out;
}
.page-header__back-button:hover:before {
  color: var(--corporate-text-color, #0b2a63);
}
.page-header__helpandlearn {
  cursor: pointer;
  display: inline-flex;
  line-height: 1;
  text-decoration: none;
  transition: background-color 0.1s ease-out;
}
.page-header__helpandlearn:before {
  color: var(--default-shape-color, #465a75);
  content: "";
  font-family: exos-icon-font;
  font-size: 24px;
  font-style: normal;
  font-weight: 400 !important;
  padding: 0 4px;
  transition: color 0.1s ease-out;
  vertical-align: top;
}
.page-header__helpandlearn:hover:before {
  color: var(--corporate-text-color, #0b2a63);
}
.page-header__icon {
  color: var(--default-shape-color, #465a75);
  line-height: 0;
  padding-left: 12px;
  position: relative;
  text-decoration: none;
  top: -3px;
  vertical-align: middle;
}
@media (max-width: 755px) {
  .page-header--short .page-header__back-button:before {
    margin-left: 0;
    transition: margin-left 0.5s ease-out;
  }
}
@media (min-width: 1160px) and (max-width: 1330px) {
  .__has-left-navigation .page-header--short .page-header__back-button:before {
    margin-left: 0;
    transition: margin-left 0.5s ease-out;
  }
}
@media (max-width: 1053px) {
  .page-header--narrow .page-header__back-button:before {
    margin-left: 0;
    transition: margin-left 0.5s ease-out;
  }
}
@media (min-width: 1160px) and (max-width: 1324px) {
  .__has-left-navigation .page-header--narrow .page-header__back-button:before {
    margin-left: 0;
    transition: margin-left 0.5s ease-out;
  }
}
@media (max-width: 1543px) {
  .page-header:not(.page-header--short):not(.page-header--narrow)
    .page-header__back-button:before {
    margin-left: 0;
    transition: margin-left 0.5s ease-out;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .page-header--short .page-header__block {
    padding-right: 0;
  }
}
@media only screen and (max-width: 666px) {
  .page-header {
    padding: 16px 0 8px;
  }
  .page-header__block {
    max-width: inherit;
    padding: 0 16px;
    width: inherit;
  }
  .page-header__block > :only-child {
    margin-bottom: 0;
  }
  .page-header--short .page-header__block {
    padding-right: 16px;
  }
  .page-header__headline {
    font-family: var(
      --corporate-font-bold,
      "OverpassSemibold",
      arial,
      sans-serif
    );
    font-size: var(--first-level-mobile-headline-size, 22px);
    line-height: var(--first-level-mobile-headline-line-height, 1.25em);
    margin-bottom: 12px;
  }
  .page-header__headline--sub {
    font-size: var(--second-level-mobile-headline-size, 16px);
    line-height: var(--second-level-mobile-headline-line-height, 1.25em);
  }
  .page-header__paragraph {
    font-size: inherit;
  }
  .page-header__back-button:before {
    font-size: 18px;
    line-height: 26px;
  }
  .page-header__helpandlearn:before {
    font-size: 16px;
    line-height: 1.5em;
    padding: 0 3.6px;
    vertical-align: inherit;
  }
  .headless-mode .page-header {
    box-sizing: border-box;
    padding-left: 0;
    width: 100%;
    z-index: 100;
  }
  .headless-mode .page-header--static-overlay-effect {
    padding: 28px 0;
  }
  .headless-mode .page-header--headless-hidden {
    display: none;
  }
  .headless-mode .page-header__block {
    box-sizing: border-box;
    margin-bottom: 0;
    overflow: hidden;
  }
  .headless-mode .page-header--static-overlay-effect .page-header__block {
    padding: 0 30px;
  }
  .headless-mode .page-header__headline {
    margin-bottom: 0;
    margin-right: 28px;
    overflow: hidden;
  }
  .headless-mode .page-header__back-button,
  .headless-mode .page-header__paragraph {
    display: none;
  }
  .headless-mode .page-header__headline + .page-header__headline--sub {
    margin-top: 12px;
  }
}
@media only screen {
  .headless-mode .page-header__close {
    cursor: pointer;
    opacity: 0.5;
    position: fixed;
    right: 16px;
    text-decoration: none;
    top: 16px;
  }
  .headless-mode .page-header__close:hover {
    opacity: 1;
  }
  .headless-mode .page-header__close:before {
    color: var(--black, #000);
    content: "\E67B";
    font-family: exos-icon-font, serif;
    font-size: 24px;
    line-height: 1em;
  }
}
@media only screen and (max-width: 666px) {
  .oao-pi-headless-flyin .page-header {
    display: none;
  }
}
@media only screen {
  .oao-pi-headless-overlay.oao-pi-size-large .page-header__headline {
    display: none;
  }
}
@media only screen and (max-width: 1184px) {
  .__has-left-navigation .page-header {
    padding-left: 32px;
  }
}
@media only screen and (min-width: 1185px) {
  .oao-pi-flyin .page-header {
    padding-left: 32px;
    padding-right: 392px;
  }
}
@media only screen and (max-width: 666px) {
  .__has-left-navigation .page-header {
    padding-left: 0;
  }
}
.page-section {
  background-color: var(--default-background-color, #f4f7fa);
  margin-bottom: 0;
  padding: 32px;
  position: relative;
  z-index: 2;
}
.page-section:last-child {
  padding-bottom: 64px;
}
.page-section--advertising,
.page-section--secondary {
  z-index: 1;
}
.page-section--advertising:last-child {
  padding-bottom: 32px;
}
.page-section--beta,
.page-section--premium {
  z-index: 1;
}
.page-section--beta:last-child,
.page-section--premium:last-child {
  padding-bottom: 32px;
}
.page-section--sticky {
  background: var(--white, #fff);
  border-bottom: 1px solid var(--default-shadow, #718095);
  bottom: 0;
  box-shadow: 0 -10px 8px -10px var(--default-shadow, #718095);
  padding-bottom: 28px;
  padding-top: 28px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 3;
}
.page-section--sticky:last-child {
  padding-bottom: 32px;
}
.page-section--condensed {
  padding-bottom: 8px;
  padding-top: 7px;
}
.page-section--cropped {
  padding-bottom: 0;
  padding-top: 0;
}
.page-section--align-center {
  justify-content: center;
  text-align: center;
}
.page-section--align-left {
  justify-content: flex-start;
  text-align: left;
}
.page-section--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .page-section--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .page-section--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .page-section--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .page-section--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .page-section--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .page-section--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .page-section--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .page-section--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .page-section--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.page-section--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .page-section--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .page-section--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .page-section--small-hidden {
    display: none;
  }
}
.page-section--semantic-bar-success {
  box-shadow: inset 5px 0 var(--success-shape-color, #0fa954);
  margin-left: -1px;
}
.page-section--semantic-bar-success:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-success:first-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-success:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-success:last-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-success:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-success:only-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-warning {
  box-shadow: inset 5px 0 var(--warning-shape-color, #fa0);
  margin-left: -1px;
}
.page-section--semantic-bar-warning:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-warning:first-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-warning:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-warning:last-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-warning:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-warning:only-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-critical {
  box-shadow: inset 5px 0 var(--critical-shape-color, #f50c00);
  margin-left: -1px;
}
.page-section--semantic-bar-critical:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-critical:first-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-critical:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-critical:last-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-critical:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-critical:only-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-neutral {
  box-shadow: inset 5px 0 var(--neutral-shape-color, #718095);
  margin-left: -1px;
}
.page-section--semantic-bar-neutral:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-neutral:first-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-neutral:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-neutral:last-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-neutral:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-neutral:only-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-activating {
  box-shadow: inset 5px 0 var(--activating-shape-color, #11c7e6);
  margin-left: -1px;
}
.page-section--semantic-bar-activating:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-activating:first-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-activating:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-activating:last-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-activating:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-activating:only-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-corporate {
  box-shadow: inset 5px 0 var(--corporate-shape-color, #001b41);
  margin-left: -1px;
}
.page-section--semantic-bar-corporate:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-corporate:first-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-corporate:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-corporate:last-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-corporate:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-corporate:only-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-promoting {
  box-shadow: inset 5px 0 var(--promoting-shape-color, #b410e7);
  margin-left: -1px;
}
.page-section--semantic-bar-promoting:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-promoting:first-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-promoting:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-promoting:last-child {
    border-radius: 0;
  }
}
.page-section--semantic-bar-promoting:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .page-section--semantic-bar-promoting:only-child {
    border-radius: 0;
  }
}
.page-section--success-solid {
  background-color: var(--solid-success-background-color, #12cf76);
  color: var(--corporate-text-color, #0b2a63);
}
.page-section--warning-solid {
  background-color: var(--solid-warning-background-color, #fa0);
  color: var(--corporate-text-color, #0b2a63);
}
.page-section--critical-solid {
  background-color: var(--solid-critical-background-color, #ff6159);
  color: var(--corporate-text-color, #0b2a63);
}
.page-section--neutral-solid {
  background-color: var(--solid-neutral-background-color, #465a75);
  color: var(--white, #fff);
}
.page-section--activating-solid {
  background-color: var(--solid-activating-background-color, #11c7e6);
  color: var(--corporate-text-color, #0b2a63);
}
.page-section--promoting-solid {
  background-color: var(--solid-promoting-background-color, #e480f8);
  color: var(--corporate-text-color, #0b2a63);
}
.page-section--corporate-solid {
  background-color: var(--solid-corporate-background-color, #0b2a63);
  color: var(--white, #fff);
}
.page-section--bright-solid {
  background-color: var(--solid-bright-background-color, #fff);
  color: var(--corporate-text-color, #0b2a63);
}
.page-section--primary {
  background-color: var(--primary-background-color, #fff);
}
.page-section--secondary {
  background-color: var(--secondary-background-color, #fff);
}
.page-section--tertiary {
  background-color: var(--tertiary-background-color, #bcc8d4);
}
.page-section--advertising {
  background: var(--advertising-background-gradient-start, #003d8f);
  background: linear-gradient(
    to bottom right,
    var(--advertising-background-gradient-start, #003d8f),
    var(--advertising-background-gradient-end, #1474c4)
  );
}
.page-section--advertising > .headline,
.page-section--advertising > .paragraph {
  color: var(--white, #fff);
}
.page-section--beta {
  background-color: var(--default-background-color-inverted, #0b2a63);
}
.page-section--beta > .headline,
.page-section--beta > .paragraph {
  color: var(--white, #fff);
}
.page-section--premium {
  background-color: var(--tertiary-background-color-inverted, #718095);
}
.page-section--premium > .headline,
.page-section--premium > .paragraph {
  color: var(--white, #fff);
}
.page-section--advertising + .page-section--advertising,
.page-section--beta + .page-section--beta,
.page-section--default + .page-section--default,
.page-section--primary + .page-section--primary,
.page-section--secondary + .page-section--secondary {
  padding-top: 0;
}
.page-section__block {
  margin: 0 auto;
  max-width: 1170px;
  position: relative;
}
.page-section__block:after {
  clear: both;
  content: "";
  display: table;
}
.page-section--narrow .page-section__block {
  max-width: 950px;
}
.page-section--short .page-section__block {
  max-width: 650px;
  padding-right: 300px;
}
.page-section--short .page-section__block--align-center {
  padding-right: 0;
}
.page-section--actions .page-section__block,
.page-section--actions .page-section__block:last-child {
  margin-bottom: -12px;
}
.page-section--actions .page-section__block .button,
.page-section--actions .page-section__block .ghost-button,
.page-section--actions .page-section__block .toggle-button {
  margin-bottom: 12px;
  vertical-align: bottom;
}
.__has-left-navigation .page-section {
  padding-left: 300px;
}
.page-section__visual {
  margin: -32px;
}
.page-section__visual img {
  height: auto;
  vertical-align: top;
  width: 100%;
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .page-section--short .page-section__block {
    padding-right: 0;
  }
}
@media only screen and (max-width: 666px) {
  .page-section {
    padding: 16px 0;
  }
  .page-section:last-child {
    padding-bottom: 32px;
  }
  .page-section--advertising:last-child,
  .page-section--beta:last-child {
    padding-bottom: 16px;
  }
  .page-section__block {
    max-width: 100%;
    padding: 0 16px;
  }
  .page-section--short .page-section__block {
    padding-right: 16px;
  }
  .page-section__paragraph--narrow {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .headless-mode .page-section {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 16px;
    padding-top: 16px;
  }
  .headless-mode .page-section--beta {
    display: none;
  }
  .headless-mode .page-section--static-overlay-effect {
    padding: 28px 0;
  }
  .headless-mode .page-section--static-overlay-effect .page-section__block {
    padding: 0 30px;
  }
  .headless-mode .page-section--static-overlay-effect .sheet {
    margin: -28px -30px 28px -28px;
    padding: 12px;
  }
  .headless-mode .page-section--static-overlay-effect .sheet:last-child {
    margin-bottom: -28px;
  }
  .headless-mode .page-section--headless-hidden {
    display: none;
  }
  .oao-pi-headless-flyin .page-section {
    top: inherit;
  }
}
@media only screen and (max-width: 1184px) {
  .__has-left-navigation .page-section {
    padding-left: 32px;
  }
}
@media only screen and (min-width: 1185px) {
  .oao-pi-flyin .page-section {
    padding-left: 32px;
    padding-right: 392px;
  }
}
.page-section--align-center .paragraph--narrow {
  display: inline-block;
  padding-left: 15%;
  padding-right: 15%;
}
@media only screen and (max-width: 666px) {
  .page-section--align-center .paragraph--narrow {
    padding-left: 0;
    padding-right: 0;
  }
}
.page-section:last-child,
.page-section > :last-child,
.page-section__block > :last-child {
  margin-bottom: 0;
}
.page-section__block > section {
  margin-bottom: 24px;
}
.page-section__block > section:last-child {
  margin-bottom: 0;
}
.page-section__block > .grid--cropped,
.page-section__block > .grid--cropped:last-child {
  margin-bottom: -24px;
}
.page-section + .page-section {
  padding-top: 0;
}
@media only screen and (max-width: 666px) {
  .page-section + .page-section {
    padding-top: 16px;
  }
}
.page-section + .page-section--advertising,
.page-section + .page-section--beta,
.page-section + .page-section--corporate-solid,
.page-section + .page-section--neutral-solid,
.page-section + .page-section--premium,
.page-section + .page-section--primary,
.page-section + .page-section--secondary,
.page-section + .page-section--sticky,
.page-section--advertising + .page-section,
.page-section--beta + .page-section,
.page-section--corporate-solid + .page-section,
.page-section--neutral-solid + .page-section,
.page-section--premium + .page-section,
.page-section--primary + .page-section,
.page-section--secondary + .page-section,
.page-section--sticky + .page-section {
  padding-top: 32px;
}
@media only screen and (max-width: 666px) {
  .page-section + .page-section--advertising,
  .page-section + .page-section--beta,
  .page-section + .page-section--corporate-solid,
  .page-section + .page-section--neutral-solid,
  .page-section + .page-section--premium,
  .page-section + .page-section--primary,
  .page-section + .page-section--secondary,
  .page-section + .page-section--sticky,
  .page-section--advertising + .page-section,
  .page-section--beta + .page-section,
  .page-section--corporate-solid + .page-section,
  .page-section--neutral-solid + .page-section,
  .page-section--premium + .page-section,
  .page-section--primary + .page-section,
  .page-section--secondary + .page-section,
  .page-section--sticky + .page-section {
    padding-top: 16px;
  }
}
.page-section--advertising + .page-section--advertising,
.page-section--beta + .page-section--beta,
.page-section--corporate-solid + .page-section--corporate-solid,
.page-section--neutral-solid + .page-section--neutral-solid,
.page-section--premium + .page-section--premium,
.page-section--primary + .page-section--primary,
.page-section--secondary + .page-section--secondary,
.page-section--sticky + .page-section--sticky {
  padding-top: 0;
}
.page-header + .page-section {
  padding-top: 12px;
}
.page-header + .page-section--advertising,
.page-header + .page-section--beta,
.page-header + .page-section--corporate-solid,
.page-header + .page-section--neutral-solid,
.page-header + .page-section--premium,
.page-header + .page-section--primary,
.page-header + .page-section--secondary {
  padding-top: 32px;
}
@media only screen and (max-width: 666px) {
  .page-header + .page-section,
  .page-header + .page-section--advertising,
  .page-header + .page-section--beta,
  .page-header + .page-section--corporate-solid,
  .page-header + .page-section--neutral-solid,
  .page-header + .page-section--premium,
  .page-header + .page-section--primary,
  .page-header + .page-section--secondary {
    padding-top: 16px;
  }
  .page-section > :last-child,
  .page-section__block > :last-child {
    margin-bottom: 0;
  }
  .page-section__block > div.grid-12:last-child,
  .page-section__block > section.grid-12:last-child {
    display: flow-root;
    margin-bottom: -12px;
  }
  .__has-left-navigation .page-section {
    padding-left: 0;
  }
}
.page-tabbar {
  background-color: var(--white, #fff);
  border-bottom: 1px solid var(--tertiary-shape-color, #bcc8d4);
  margin-bottom: 0;
  padding: 0 32px;
  position: relative;
  transition: box-shadow 0.5s ease-out;
  z-index: 3;
}
.page-tabbar--secondary {
  background-color: var(--default-background-color, #f4f7fa);
}
.page-tabbar--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .page-tabbar--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .page-tabbar--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .page-tabbar--small-hidden {
    display: none;
  }
}
.__has-left-navigation .page-tabbar {
  padding-left: 300px;
}
.page-tabbar__block {
  margin: 0 auto;
  max-width: 1170px;
  position: relative;
}
.page-tabbar__block:after {
  clear: both;
  content: "";
  display: table;
}
.page-tabbar--narrow .page-tabbar__block {
  max-width: 950px;
}
.page-tabbar--short .page-tabbar__block {
  max-width: 650px;
  padding-right: 300px;
}
.page-tabbar__item {
  display: inline-block;
}
.page-tabbar__item-link {
  border-bottom: 3px solid transparent;
  color: var(--default-text-color, #001b41);
  display: block;
  font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif);
  padding: 15px 15px 14px;
  text-decoration: none;
  transition: color 0.1s ease-out 0s, background-color 0.1s ease-out 0s,
    border-color 0.1s ease-out 0s;
  white-space: nowrap;
}
.page-tabbar__item-link--active,
.page-tabbar__item-link:hover {
  border-color: var(--interactive-shape-color, #1474c4);
  color: var(--interactive-text-color, #1474c4);
}
.page-tabbar__item-link--active {
  cursor: inherit;
}
@media only screen and (min-width: 1185px) {
  .page-tabbar__item--align-right {
    float: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .__has-left-navigation .page-tabbar {
    padding-left: 32px;
  }
  .page-tabbar--short .page-tabbar__block {
    padding-right: 0;
  }
  .page-tabbar__items {
    height: 51px;
    white-space: nowrap;
  }
  .page-tabbar__item {
    max-width: 25%;
  }
  .page-tabbar__item-link {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media only screen and (max-width: 666px) {
  .__has-left-navigation .page-tabbar,
  .page-tabbar {
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 0;
  }
  .page-tabbar__block {
    max-width: inherit;
    width: inherit;
  }
  .page-tabbar--short .page-tabbar__block {
    padding-right: 16px;
  }
  .page-tabbar--open {
    box-shadow: 0 2px 8px 0 var(--default-shadow, #718095);
    margin-bottom: 8px;
  }
  .page-tabbar__item {
    border-bottom: 1px dotted var(--tertiary-shape-color, #bcc8d4);
    display: block;
  }
  .page-tabbar:not(.page-tabbar--open) .page-tabbar__item,
  .page-tabbar__item:last-child {
    border-bottom: 0;
  }
  .page-tabbar__item-link {
    border-bottom: transparent;
    border-color: transparent transparent currentcolor;
    border-left: 3px solid transparent;
    padding: 12px 16px 12px 13px;
  }
  .page-tabbar__item-link:hover {
    background-color: var(--default-background-color, #f4f7fa);
  }
  .page-tabbar__item-link--active,
  .page-tabbar__item-link:hover {
    border-left: 3px solid var(--interactive-shape-color, #1474c4);
  }
  .page-tabbar:not(.page-tabbar--open)
    .page-tabbar__item-link:not(.page-tabbar__item-link--active) {
    display: none;
  }
  .page-tabbar__opener {
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    padding: 14px 12px 10px 16px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .page-tabbar__opener:after {
    content: "";
    font-family: exos-icon-font;
    font-style: normal;
    font-weight: 400 !important;
    vertical-align: top;
  }
  .page-tabbar__opener:hover {
    color: var(--interactive-text-color, #1474c4);
  }
}
@media only screen and (min-width: 1185px) {
  .oao-pi-flyin .page-tabbar {
    padding-left: 32px;
    padding-right: 392px;
  }
}
@media only screen and (max-width: 666px) {
  .headless-mode .page-tabbar--headless-hidden {
    display: none;
  }
}
.page-transition__blocker {
  align-items: center;
  background-color: var(--default-background-color, #f4f7fa);
  display: none;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  z-index: 79;
}
.page-transition__loading-spin {
  opacity: 0;
  transition: opacity 0.25s ease-out;
  transition-delay: 2.5s;
}
.page-transition__blocker--active {
  bottom: 0;
  display: flex;
  opacity: 1;
  right: 0;
}
.page-transition__blocker--active .page-transition__loading-spin {
  opacity: 1;
}
.__has-left-navigation .page-transition__blocker {
  padding-left: 268px;
}
.page-transition__indicator-bar {
  background-color: var(--activating-shape-color, #11c7e6);
  box-shadow: 0 1px 2px 0 var(--default-shadow, #718095);
  height: 4px;
  left: 0;
  position: fixed;
  top: 0;
  transition-duration: 15s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0, 0, 0.0005, 1);
  width: 0;
  z-index: 210;
}
.page-transition__indicator-bar--running {
  width: 88%;
}
.pagination:after {
  clear: both;
  content: "";
  display: table;
}
.pagination__container {
  float: right;
}
.pagination__list {
  margin: 0 auto 16px;
  padding: 2px 0 2px 15px;
  text-align: center;
}
.pagination__list-item {
  display: inline-block;
  margin-right: 4px;
}
.pagination__list-item:first-child {
  margin-left: 4px;
}
.pagination__list-item:last-child {
  margin-right: 0;
}
.pagination__list-item > a {
  border-radius: var(--default-border-radius, 16px);
  color: var(--interactive-text-color, #1474c4);
  display: block;
  font-size: var(--default-text-size, 14px);
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
  width: 32px;
}
@media only screen and (max-width: 666px) {
  .pagination__list-item > a {
    border-radius: var(--small-border-radius, 8px);
  }
}
.pagination__list-item--prev > a {
  line-height: 1;
  line-height: 32px;
}
.pagination__list-item--prev > a:before {
  content: "";
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  vertical-align: top;
}
.pagination__list-item--next > a {
  line-height: 1;
  line-height: 32px;
}
.pagination__list-item--next > a:before {
  content: "";
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  vertical-align: top;
}
.pagination__list-item--active > a,
.pagination__list-item--active > a:hover,
.pagination__list-item > a:hover {
  background-color: var(--tertiary-shape-color, #bcc8d4);
  color: var(--default-text-color, #001b41);
}
.pagination__size-selector {
  margin-bottom: 16px;
}
.pagination__size-selector-label {
  margin-right: 15px;
}
.pagination__size-selector-select {
  background-color: var(--white, #fff);
  border: 1px solid var(--tertiary-text-color, #718095);
  border-radius: var(--small-border-radius, 8px);
  color: var(--default-text-color, #001b41);
  display: inline-block;
  font-size: var(--default-text-size, 14px);
  height: 36px;
  line-height: 1em;
  padding: 0 6px 0 8px;
  width: auto;
}
@media only screen and (max-width: 666px) {
  .pagination__size-selector-select {
    border-radius: var(--small-border-radius, 8px);
  }
  .pagination__list-item {
    margin-right: 0;
  }
}
.panel {
  margin-bottom: 32px;
}
@media only screen and (max-width: 666px) {
  .panel {
    margin-bottom: 16px;
  }
}
.panel--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .panel--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .panel--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .panel--small-hidden {
    display: none;
  }
}
.panel__item {
  background-color: var(--white, #fff);
  border: 1px solid var(--tertiary-shape-color, #bcc8d4);
  border-radius: var(--default-border-radius, 16px);
  display: block;
  margin: 0 0 16px;
  min-height: 72px;
  overflow: hidden;
  padding: 0;
  position: relative;
  transition: box-shadow 0.3s ease-out;
}
@media only screen and (max-width: 666px) {
  .panel__item {
    border-radius: var(--small-border-radius, 8px);
  }
}
.panel__item--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .panel__item--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .panel__item--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .panel__item--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.panel__item-header {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  min-height: 72px;
  padding: 0 32px;
  position: relative;
  vertical-align: middle;
}
.panel__item-header:after {
  align-self: center;
  display: flex;
}
@media only screen and (max-width: 666px) {
  .panel__item-header {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.panel__item .panel__item-header,
.panel__item--closed .panel__item-header {
  line-height: 1;
}
.panel__item .panel__item-header:after,
.panel__item--closed .panel__item-header:after {
  content: "";
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  vertical-align: top;
}
.panel__item--expanded .panel__item-header {
  line-height: 1;
}
.panel__item--expanded .panel__item-header:after {
  content: "";
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  vertical-align: top;
}
.panel__item--closed:hover,
.panel__item--expanded,
.panel__item:hover {
  border: 1px solid var(--secondary-shape-color, #97a3b4);
  box-shadow: 0 2px 8px 0 var(--default-shadow, #718095);
}
.panel__icon {
  align-items: center;
  display: flex;
  height: 32px;
  margin-right: 8px;
  max-width: 32px;
  min-width: 24px;
  width: 5%;
}
.panel__icon img {
  -o-object-fit: cover;
  object-fit: cover;
}
.panel__icon img,
.panel__icon svg {
  pointer-events: none;
}
.panel__headline__container {
  flex: 3;
  margin: 12px 0;
  width: 75%;
}
.panel__headline {
  color: var(--default-text-color, #001b41);
  font-family: var(
    --corporate-font-bold,
    "OverpassSemibold",
    arial,
    sans-serif
  );
  font-size: var(--second-level-headline-size, 22px);
  line-height: var(--second-level-headline-line-height, 1.364em);
  margin-top: 3px;
}
.panel__headline--vertical-align-bottom {
  align-self: flex-end;
}
.panel__headline--vertical-align-center {
  align-self: center;
}
.panel__headline--vertical-align-middle {
  vertical-align: middle;
}
.panel__headline--vertical-align-top {
  align-self: flex-start;
}
@media only screen and (min-width: 1185px) {
  .panel__headline--large-vertical-align-bottom {
    align-self: flex-end;
  }
  .panel__headline--large-vertical-align-center {
    align-self: center;
  }
  .panel__headline--large-vertical-align-middle {
    vertical-align: middle;
  }
  .panel__headline--large-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .panel__headline--medium-vertical-align-bottom {
    align-self: flex-end;
  }
  .panel__headline--medium-vertical-align-center {
    align-self: center;
  }
  .panel__headline--medium-vertical-align-middle {
    vertical-align: middle;
  }
  .panel__headline--medium-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (max-width: 666px) {
  .panel__headline--small-vertical-align-bottom {
    align-self: flex-end;
  }
  .panel__headline--small-vertical-align-center {
    align-self: center;
  }
  .panel__headline--small-vertical-align-middle {
    vertical-align: middle;
  }
  .panel__headline--small-vertical-align-top {
    align-self: flex-start;
  }
}
.panel__subheadline {
  color: var(--default-text-color, #001b41);
  line-height: 1.5em;
  margin-bottom: 3px;
}
.panel__subheadline--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .panel__subheadline--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .panel__subheadline--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .panel__subheadline--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.panel__subheadline--success {
  color: var(--success-text-color, #096b35);
}
.panel__subheadline--warning {
  color: var(--warning-text-color, #c36b00);
}
.panel__subheadline--critical {
  color: var(--critical-text-color, #c80a00);
}
.panel__subheadline--neutral {
  color: var(--neutral-text-color, #465a75);
}
.panel__subheadline--activating {
  color: var(--activating-text-color, #007e9c);
}
.panel__subheadline--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.panel__subheadline--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.panel__subheadline--bright {
  color: var(--white, #fff);
}
.panel__subheadline--vertical-align-bottom {
  align-self: flex-end;
}
.panel__subheadline--vertical-align-center {
  align-self: center;
}
.panel__subheadline--vertical-align-middle {
  vertical-align: middle;
}
.panel__subheadline--vertical-align-top {
  align-self: flex-start;
}
@media only screen and (min-width: 1185px) {
  .panel__subheadline--large-vertical-align-bottom {
    align-self: flex-end;
  }
  .panel__subheadline--large-vertical-align-center {
    align-self: center;
  }
  .panel__subheadline--large-vertical-align-middle {
    vertical-align: middle;
  }
  .panel__subheadline--large-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .panel__subheadline--medium-vertical-align-bottom {
    align-self: flex-end;
  }
  .panel__subheadline--medium-vertical-align-center {
    align-self: center;
  }
  .panel__subheadline--medium-vertical-align-middle {
    vertical-align: middle;
  }
  .panel__subheadline--medium-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (max-width: 666px) {
  .panel__subheadline--small-vertical-align-bottom {
    align-self: flex-end;
  }
  .panel__subheadline--small-vertical-align-center {
    align-self: center;
  }
  .panel__subheadline--small-vertical-align-middle {
    vertical-align: middle;
  }
  .panel__subheadline--small-vertical-align-top {
    align-self: flex-start;
  }
}
.panel__context {
  align-self: center;
  display: flex;
  flex: 1;
  line-height: 1.5em;
  margin-right: 12px;
  max-height: 44px;
  width: 25%;
}
.panel__item-section {
  cursor: default;
  display: none;
  margin: 0;
  padding: 0 30px 18px 32px;
}
@media only screen and (max-width: 666px) {
  .panel__item-section {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.panel__item-section > .button,
.panel__item-section > .toggle-button {
  margin-top: 4px;
}
.panel__item-section--neutral {
  background-color: var(--neutral-background-color, #fff);
  border-bottom: 1px solid var(--neutral-shape-color, #718095);
  border-top: 1px solid var(--neutral-shape-color, #718095);
  margin: 4px 30px 18px 32px;
  padding: 10px;
}
.panel__item-section--activating {
  background-color: var(--activating-background-color, #fff);
  border-bottom: 1px solid var(--activating-shape-color, #11c7e6);
  border-top: 1px solid var(--activating-shape-color, #11c7e6);
  margin: 4px 30px 18px 32px;
  padding: 10px;
}
.panel__item-section--success {
  background-color: var(--success-background-color, #fff);
  border-bottom: 1px solid var(--success-shape-color, #0fa954);
  border-top: 1px solid var(--success-shape-color, #0fa954);
  margin: 4px 30px 18px 32px;
  padding: 10px;
}
.panel__item-section--warning {
  background-color: var(--warning-background-color, #fff);
  border-bottom: 1px solid var(--warning-shape-color, #fa0);
  border-top: 1px solid var(--warning-shape-color, #fa0);
  margin: 4px 30px 18px 32px;
  padding: 10px;
}
.panel__item-section--critical {
  background-color: var(--critical-background-color, #fff);
  border-bottom: 1px solid var(--critical-shape-color, #f50c00);
  border-top: 1px solid var(--critical-shape-color, #f50c00);
  margin: 4px 30px 18px 32px;
  padding: 10px;
}
.panel__item-footer {
  background: var(--default-background-color, #f4f7fa);
  cursor: default;
  display: none;
  padding: 16px 32px;
}
.panel__item-footer > :last-child {
  margin-bottom: 0;
}
.panel__item--expanded .panel__item-footer,
.panel__item--expanded .panel__item-section {
  display: inherit;
}
.panel__item---closed .panel__item-footer,
.panel__item---closed .panel__item-section {
  display: none;
}
.panel__item.panel__item--neutral {
  box-shadow: inset 4px 0 0 0 var(--inactive-neutral-shape-color, #bcc8d4);
}
.panel__item.panel__item--neutral.panel__item--expanded,
.panel__item.panel__item--neutral:hover {
  box-shadow: inset 4px 0 0 0 var(--neutral-shape-color, #718095),
    0 2px 8px 0 var(--default-shadow, #718095);
}
.panel__item.panel__item--activating {
  box-shadow: inset 4px 0 0 0 var(--inactive-activating-shape-color, #7fe4f6);
}
.panel__item.panel__item--activating.panel__item--expanded,
.panel__item.panel__item--activating:hover {
  box-shadow: inset 4px 0 0 0 var(--activating-shape-color, #11c7e6),
    0 2px 8px 0 var(--default-shadow, #718095);
}
.panel__item.panel__item--success {
  box-shadow: inset 4px 0 0 0 var(--inactive-success-shape-color, #12cf76);
}
.panel__item.panel__item--success.panel__item--expanded,
.panel__item.panel__item--success:hover {
  box-shadow: inset 4px 0 0 0 var(--success-shape-color, #0fa954),
    0 2px 8px 0 var(--default-shadow, #718095);
}
.panel__item.panel__item--warning {
  box-shadow: inset 4px 0 0 0 var(--inactive-warning-shape-color, #ffd176);
}
.panel__item.panel__item--warning.panel__item--expanded,
.panel__item.panel__item--warning:hover {
  box-shadow: inset 4px 0 0 0 var(--warning-shape-color, #fa0),
    0 2px 8px 0 var(--default-shadow, #718095);
}
.panel__item.panel__item--critical {
  box-shadow: inset 4px 0 0 0 var(--inactive-critical-shape-color, #ffa8a3);
}
.panel__item.panel__item--critical.panel__item--expanded,
.panel__item.panel__item--critical:hover {
  box-shadow: inset 4px 0 0 0 var(--critical-shape-color, #f50c00),
    0 2px 8px 0 var(--default-shadow, #718095);
}
.paragraph {
  color: var(--default-text-color, #001b41);
  line-height: var(--default-text-line-height, 1.429em);
  margin-bottom: 12px;
}
.paragraph--bold {
  font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif);
}
.paragraph--large {
  font-size: var(--third-level-headline-size, 16px);
}
.paragraph--large,
.paragraph--larger {
  line-height: var(--third-level-headline-line-height, 1.5em);
}
.paragraph--larger {
  font-size: var(--second-level-headline-size, 22px);
  padding-bottom: 3px;
  padding-top: 3px;
}
.paragraph--largest {
  font-size: var(--first-level-headline-size, 32px);
  line-height: var(--third-level-headline-line-height, 1.5em);
  padding-bottom: 6px;
  padding-top: 6px;
}
.paragraph--last {
  margin-bottom: 28px;
}
.paragraph--leading {
  line-height: 1.75em;
  margin-bottom: 16px;
  margin-top: -2px;
}
.paragraph--minor {
  color: var(--secondary-text-color, #465a75);
}
.paragraph--narrow {
  width: 70%;
}
.paragraph--full-width {
  width: 100%;
}
.paragraph--small {
  font-size: var(--small-text-size, 12px);
  line-height: var(--small-text-line-height, 1.333em);
}
.paragraph--uppercase {
  letter-spacing: 0.04;
  text-transform: uppercase;
}
.paragraph--cropped {
  margin-bottom: 0;
}
.paragraph--exos-icon {
  line-height: inherit;
}
.paragraph--exos-icon:before {
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  padding-bottom: 1px;
  padding-right: 3px;
  vertical-align: top;
  vertical-align: bottom;
}
.paragraph > .exos-icon {
  margin-right: 3px;
  vertical-align: bottom;
}
.paragraph > .svg-icon {
  margin: 0 3px 1px 0;
  pointer-events: none;
  vertical-align: middle;
}
.paragraph--align-center {
  justify-content: center;
  text-align: center;
}
.paragraph--align-left {
  justify-content: flex-start;
  text-align: left;
}
.paragraph--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .paragraph--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .paragraph--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .paragraph--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .paragraph--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .paragraph--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .paragraph--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .paragraph--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .paragraph--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .paragraph--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.paragraph--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .paragraph--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .paragraph--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .paragraph--small-hidden {
    display: none;
  }
}
.paragraph--success {
  color: var(--success-text-color, #096b35);
}
.paragraph--warning {
  color: var(--warning-text-color, #c36b00);
}
.paragraph--critical {
  color: var(--critical-text-color, #c80a00);
}
.paragraph--neutral {
  color: var(--neutral-text-color, #465a75);
}
.paragraph--activating {
  color: var(--activating-text-color, #007e9c);
}
.paragraph--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.paragraph--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.paragraph--bright {
  color: var(--white, #fff);
}
.paragraph.exos-icon:before {
  color: var(--default-shape-color, #465a75);
}
.paragraph.exos-icon--bright:before {
  color: var(--white, #fff);
}
.paragraph.exos-icon--activating:before {
  color: var(--activating-text-color, #007e9c);
}
.paragraph.exos-icon--success:before {
  color: var(--success-text-color, #096b35);
}
.paragraph.exos-icon--warning:before {
  color: var(--warning-text-color, #c36b00);
}
.paragraph.exos-icon--critical:before {
  color: var(--critical-text-color, #c80a00);
}
.paragraph.exos-icon--neutral:before {
  color: var(--neutral-text-color, #465a75);
}
.paragraph.exos-icon--corporate:before {
  color: var(--corporate-text-color, #0b2a63);
}
.paragraph.exos-icon--promoting:before {
  color: var(--promoting-text-color, #560e8a);
}
.paragraph--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .paragraph--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .paragraph--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .paragraph--large-nowrap {
    white-space: nowrap;
  }
}
.paragraph--break-all {
  word-break: break-all;
}
.paragraph--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .paragraph--small-break-all {
    word-break: break-all;
  }
  .paragraph--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .paragraph--medium-break-all {
    word-break: break-all;
  }
  .paragraph--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .paragraph--large-break-all {
    word-break: break-all;
  }
  .paragraph--large-break-word {
    word-break: break-word;
  }
}
.paragraph--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .paragraph--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .paragraph--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .paragraph--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.paragraph--vertical-align-bottom {
  align-items: flex-end;
  display: flex;
  flex-flow: wrap;
}
.paragraph--vertical-align-center {
  align-items: center;
  display: flex;
  flex-flow: wrap;
}
.paragraph--vertical-align-top {
  align-items: flex-start;
  display: flex;
  flex-flow: wrap;
}
@media only screen and (min-width: 1185px) {
  .paragraph--large-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .paragraph--large-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .paragraph--large-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .paragraph--medium-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .paragraph--medium-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .paragraph--medium-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (max-width: 666px) {
  .paragraph--small-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .paragraph--small-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .paragraph--small-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
  .paragraph--last {
    margin-bottom: 14px;
  }
  .paragraph--narrow {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .headless-mode .paragraph--headless-hidden {
    display: none;
  }
}
.align-horizontal-center .paragraph--narrow {
  display: inline-block;
  padding-left: 15%;
  padding-right: 15%;
}
.paragraph--large.paragraph--exos-icon:before {
  padding-right: 8px;
}
.quotabar--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .quotabar--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .quotabar--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .quotabar--small-hidden {
    display: none;
  }
}
.quotabar__bar {
  background-color: var(--tertiary-shape-color, #bcc8d4);
  display: block;
  height: 5px;
  margin-bottom: 12px;
  overflow: hidden;
}
.quotabar__value {
  background-color: var(--activating-shape-color, #11c7e6);
  border: none;
  display: block;
  height: 5px;
  min-width: 8px;
}
.quotabar__value--success {
  background-color: var(--success-shape-color, #0fa954);
}
.quotabar__value--caution {
  background-color: var(--caution-shape-color, #ffd176);
}
.quotabar__value--warning {
  background-color: var(--warning-shape-color, #fa0);
}
.quotabar__value--critical {
  background-color: var(--critical-shape-color, #f50c00);
}
.quotabar__value--neutral {
  background-color: var(--neutral-shape-color, #718095);
}
.quotabar__value--activating {
  background-color: var(--activating-shape-color, #11c7e6);
}
.quotabar__value--promoting {
  background-color: var(--promoting-shape-color, #b410e7);
}
.quotabar__value--corporate {
  background-color: var(--corporate-shape-color, #001b41);
}
.quotabar__text {
  color: var(--default-text-color, #001b41);
  line-height: 1.5em;
  margin-top: -4px;
}
.quotadonut {
  margin: 0 auto;
  max-width: 200px;
}
.quotadonut--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .quotadonut--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .quotadonut--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .quotadonut--small-hidden {
    display: none;
  }
}
.quotadonut--small {
  height: 50px;
  width: 50px;
}
.quotadonut--small.quotadonut__text {
  font-size: 0.9em;
}
.quotadonut__ring,
.quotadonut__segment {
  cx: 25;
  cy: 25;
  fill: transparent;
  r: 15.915494;
  stroke-dashoffset: 25;
  stroke-width: 3;
}
.quotadonut__ring {
  stroke: var(--quaternary-background-color, #97a3b4);
}
.quotadonut--0 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 0 100;
}
@-webkit-keyframes exos__quotadonut__0 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
}
@keyframes exos__quotadonut__0 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
}
.quotadonut--animated.quotadonut--0 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__0 2s ease-in-out;
  animation: exos__quotadonut__0 2s ease-in-out;
}
.quotadonut--1 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 1 99;
}
@-webkit-keyframes exos__quotadonut__1 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 1 99;
  }
}
@keyframes exos__quotadonut__1 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 1 99;
  }
}
.quotadonut--animated.quotadonut--1 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__1 2s ease-in-out;
  animation: exos__quotadonut__1 2s ease-in-out;
}
.quotadonut--2 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 2 98;
}
@-webkit-keyframes exos__quotadonut__2 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 2 98;
  }
}
@keyframes exos__quotadonut__2 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 2 98;
  }
}
.quotadonut--animated.quotadonut--2 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__2 2s ease-in-out;
  animation: exos__quotadonut__2 2s ease-in-out;
}
.quotadonut--3 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 3 97;
}
@-webkit-keyframes exos__quotadonut__3 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 3 97;
  }
}
@keyframes exos__quotadonut__3 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 3 97;
  }
}
.quotadonut--animated.quotadonut--3 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__3 2s ease-in-out;
  animation: exos__quotadonut__3 2s ease-in-out;
}
.quotadonut--4 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 4 96;
}
@-webkit-keyframes exos__quotadonut__4 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 4 96;
  }
}
@keyframes exos__quotadonut__4 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 4 96;
  }
}
.quotadonut--animated.quotadonut--4 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__4 2s ease-in-out;
  animation: exos__quotadonut__4 2s ease-in-out;
}
.quotadonut--5 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 5 95;
}
@-webkit-keyframes exos__quotadonut__5 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 5 95;
  }
}
@keyframes exos__quotadonut__5 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 5 95;
  }
}
.quotadonut--animated.quotadonut--5 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__5 2s ease-in-out;
  animation: exos__quotadonut__5 2s ease-in-out;
}
.quotadonut--6 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 6 94;
}
@-webkit-keyframes exos__quotadonut__6 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 6 94;
  }
}
@keyframes exos__quotadonut__6 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 6 94;
  }
}
.quotadonut--animated.quotadonut--6 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__6 2s ease-in-out;
  animation: exos__quotadonut__6 2s ease-in-out;
}
.quotadonut--7 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 7 93;
}
@-webkit-keyframes exos__quotadonut__7 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 7 93;
  }
}
@keyframes exos__quotadonut__7 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 7 93;
  }
}
.quotadonut--animated.quotadonut--7 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__7 2s ease-in-out;
  animation: exos__quotadonut__7 2s ease-in-out;
}
.quotadonut--8 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 8 92;
}
@-webkit-keyframes exos__quotadonut__8 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 8 92;
  }
}
@keyframes exos__quotadonut__8 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 8 92;
  }
}
.quotadonut--animated.quotadonut--8 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__8 2s ease-in-out;
  animation: exos__quotadonut__8 2s ease-in-out;
}
.quotadonut--9 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 9 91;
}
@-webkit-keyframes exos__quotadonut__9 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 9 91;
  }
}
@keyframes exos__quotadonut__9 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 9 91;
  }
}
.quotadonut--animated.quotadonut--9 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__9 2s ease-in-out;
  animation: exos__quotadonut__9 2s ease-in-out;
}
.quotadonut--10 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 10 90;
}
@-webkit-keyframes exos__quotadonut__10 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 10 90;
  }
}
@keyframes exos__quotadonut__10 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 10 90;
  }
}
.quotadonut--animated.quotadonut--10 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__10 2s ease-in-out;
  animation: exos__quotadonut__10 2s ease-in-out;
}
.quotadonut--11 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 11 89;
}
@-webkit-keyframes exos__quotadonut__11 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 11 89;
  }
}
@keyframes exos__quotadonut__11 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 11 89;
  }
}
.quotadonut--animated.quotadonut--11 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__11 2s ease-in-out;
  animation: exos__quotadonut__11 2s ease-in-out;
}
.quotadonut--12 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 12 88;
}
@-webkit-keyframes exos__quotadonut__12 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 12 88;
  }
}
@keyframes exos__quotadonut__12 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 12 88;
  }
}
.quotadonut--animated.quotadonut--12 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__12 2s ease-in-out;
  animation: exos__quotadonut__12 2s ease-in-out;
}
.quotadonut--13 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 13 87;
}
@-webkit-keyframes exos__quotadonut__13 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 13 87;
  }
}
@keyframes exos__quotadonut__13 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 13 87;
  }
}
.quotadonut--animated.quotadonut--13 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__13 2s ease-in-out;
  animation: exos__quotadonut__13 2s ease-in-out;
}
.quotadonut--14 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 14 86;
}
@-webkit-keyframes exos__quotadonut__14 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 14 86;
  }
}
@keyframes exos__quotadonut__14 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 14 86;
  }
}
.quotadonut--animated.quotadonut--14 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__14 2s ease-in-out;
  animation: exos__quotadonut__14 2s ease-in-out;
}
.quotadonut--15 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 15 85;
}
@-webkit-keyframes exos__quotadonut__15 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 15 85;
  }
}
@keyframes exos__quotadonut__15 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 15 85;
  }
}
.quotadonut--animated.quotadonut--15 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__15 2s ease-in-out;
  animation: exos__quotadonut__15 2s ease-in-out;
}
.quotadonut--16 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 16 84;
}
@-webkit-keyframes exos__quotadonut__16 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 16 84;
  }
}
@keyframes exos__quotadonut__16 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 16 84;
  }
}
.quotadonut--animated.quotadonut--16 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__16 2s ease-in-out;
  animation: exos__quotadonut__16 2s ease-in-out;
}
.quotadonut--17 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 17 83;
}
@-webkit-keyframes exos__quotadonut__17 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 17 83;
  }
}
@keyframes exos__quotadonut__17 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 17 83;
  }
}
.quotadonut--animated.quotadonut--17 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__17 2s ease-in-out;
  animation: exos__quotadonut__17 2s ease-in-out;
}
.quotadonut--18 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 18 82;
}
@-webkit-keyframes exos__quotadonut__18 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 18 82;
  }
}
@keyframes exos__quotadonut__18 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 18 82;
  }
}
.quotadonut--animated.quotadonut--18 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__18 2s ease-in-out;
  animation: exos__quotadonut__18 2s ease-in-out;
}
.quotadonut--19 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 19 81;
}
@-webkit-keyframes exos__quotadonut__19 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 19 81;
  }
}
@keyframes exos__quotadonut__19 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 19 81;
  }
}
.quotadonut--animated.quotadonut--19 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__19 2s ease-in-out;
  animation: exos__quotadonut__19 2s ease-in-out;
}
.quotadonut--20 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 20 80;
}
@-webkit-keyframes exos__quotadonut__20 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 20 80;
  }
}
@keyframes exos__quotadonut__20 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 20 80;
  }
}
.quotadonut--animated.quotadonut--20 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__20 2s ease-in-out;
  animation: exos__quotadonut__20 2s ease-in-out;
}
.quotadonut--21 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 21 79;
}
@-webkit-keyframes exos__quotadonut__21 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 21 79;
  }
}
@keyframes exos__quotadonut__21 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 21 79;
  }
}
.quotadonut--animated.quotadonut--21 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__21 2s ease-in-out;
  animation: exos__quotadonut__21 2s ease-in-out;
}
.quotadonut--22 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 22 78;
}
@-webkit-keyframes exos__quotadonut__22 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 22 78;
  }
}
@keyframes exos__quotadonut__22 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 22 78;
  }
}
.quotadonut--animated.quotadonut--22 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__22 2s ease-in-out;
  animation: exos__quotadonut__22 2s ease-in-out;
}
.quotadonut--23 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 23 77;
}
@-webkit-keyframes exos__quotadonut__23 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 23 77;
  }
}
@keyframes exos__quotadonut__23 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 23 77;
  }
}
.quotadonut--animated.quotadonut--23 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__23 2s ease-in-out;
  animation: exos__quotadonut__23 2s ease-in-out;
}
.quotadonut--24 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 24 76;
}
@-webkit-keyframes exos__quotadonut__24 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 24 76;
  }
}
@keyframes exos__quotadonut__24 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 24 76;
  }
}
.quotadonut--animated.quotadonut--24 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__24 2s ease-in-out;
  animation: exos__quotadonut__24 2s ease-in-out;
}
.quotadonut--25 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 25 75;
}
@-webkit-keyframes exos__quotadonut__25 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 25 75;
  }
}
@keyframes exos__quotadonut__25 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 25 75;
  }
}
.quotadonut--animated.quotadonut--25 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__25 2s ease-in-out;
  animation: exos__quotadonut__25 2s ease-in-out;
}
.quotadonut--26 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 26 74;
}
@-webkit-keyframes exos__quotadonut__26 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 26 74;
  }
}
@keyframes exos__quotadonut__26 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 26 74;
  }
}
.quotadonut--animated.quotadonut--26 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__26 2s ease-in-out;
  animation: exos__quotadonut__26 2s ease-in-out;
}
.quotadonut--27 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 27 73;
}
@-webkit-keyframes exos__quotadonut__27 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 27 73;
  }
}
@keyframes exos__quotadonut__27 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 27 73;
  }
}
.quotadonut--animated.quotadonut--27 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__27 2s ease-in-out;
  animation: exos__quotadonut__27 2s ease-in-out;
}
.quotadonut--28 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 28 72;
}
@-webkit-keyframes exos__quotadonut__28 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 28 72;
  }
}
@keyframes exos__quotadonut__28 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 28 72;
  }
}
.quotadonut--animated.quotadonut--28 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__28 2s ease-in-out;
  animation: exos__quotadonut__28 2s ease-in-out;
}
.quotadonut--29 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 29 71;
}
@-webkit-keyframes exos__quotadonut__29 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 29 71;
  }
}
@keyframes exos__quotadonut__29 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 29 71;
  }
}
.quotadonut--animated.quotadonut--29 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__29 2s ease-in-out;
  animation: exos__quotadonut__29 2s ease-in-out;
}
.quotadonut--30 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 30 70;
}
@-webkit-keyframes exos__quotadonut__30 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 30 70;
  }
}
@keyframes exos__quotadonut__30 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 30 70;
  }
}
.quotadonut--animated.quotadonut--30 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__30 2s ease-in-out;
  animation: exos__quotadonut__30 2s ease-in-out;
}
.quotadonut--31 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 31 69;
}
@-webkit-keyframes exos__quotadonut__31 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 31 69;
  }
}
@keyframes exos__quotadonut__31 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 31 69;
  }
}
.quotadonut--animated.quotadonut--31 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__31 2s ease-in-out;
  animation: exos__quotadonut__31 2s ease-in-out;
}
.quotadonut--32 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 32 68;
}
@-webkit-keyframes exos__quotadonut__32 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 32 68;
  }
}
@keyframes exos__quotadonut__32 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 32 68;
  }
}
.quotadonut--animated.quotadonut--32 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__32 2s ease-in-out;
  animation: exos__quotadonut__32 2s ease-in-out;
}
.quotadonut--33 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 33 67;
}
@-webkit-keyframes exos__quotadonut__33 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 33 67;
  }
}
@keyframes exos__quotadonut__33 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 33 67;
  }
}
.quotadonut--animated.quotadonut--33 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__33 2s ease-in-out;
  animation: exos__quotadonut__33 2s ease-in-out;
}
.quotadonut--34 .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
  stroke-dasharray: 34 66;
}
@-webkit-keyframes exos__quotadonut__34 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 34 66;
  }
}
@keyframes exos__quotadonut__34 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 34 66;
  }
}
.quotadonut--animated.quotadonut--34 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__34 2s ease-in-out;
  animation: exos__quotadonut__34 2s ease-in-out;
}
.quotadonut--35 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 35 65;
}
@-webkit-keyframes exos__quotadonut__35 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 35 65;
  }
}
@keyframes exos__quotadonut__35 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 35 65;
  }
}
.quotadonut--animated.quotadonut--35 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__35 2s ease-in-out;
  animation: exos__quotadonut__35 2s ease-in-out;
}
.quotadonut--36 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 36 64;
}
@-webkit-keyframes exos__quotadonut__36 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  97.22222% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 36 64;
  }
}
@keyframes exos__quotadonut__36 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  97.22222% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 36 64;
  }
}
.quotadonut--animated.quotadonut--36 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__36 2s ease-in-out;
  animation: exos__quotadonut__36 2s ease-in-out;
}
.quotadonut--37 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 37 63;
}
@-webkit-keyframes exos__quotadonut__37 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  94.59459% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 37 63;
  }
}
@keyframes exos__quotadonut__37 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  94.59459% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 37 63;
  }
}
.quotadonut--animated.quotadonut--37 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__37 2s ease-in-out;
  animation: exos__quotadonut__37 2s ease-in-out;
}
.quotadonut--38 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 38 62;
}
@-webkit-keyframes exos__quotadonut__38 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  92.10526% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 38 62;
  }
}
@keyframes exos__quotadonut__38 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  92.10526% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 38 62;
  }
}
.quotadonut--animated.quotadonut--38 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__38 2s ease-in-out;
  animation: exos__quotadonut__38 2s ease-in-out;
}
.quotadonut--39 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 39 61;
}
@-webkit-keyframes exos__quotadonut__39 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  89.74359% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 39 61;
  }
}
@keyframes exos__quotadonut__39 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  89.74359% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 39 61;
  }
}
.quotadonut--animated.quotadonut--39 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__39 2s ease-in-out;
  animation: exos__quotadonut__39 2s ease-in-out;
}
.quotadonut--40 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 40 60;
}
@-webkit-keyframes exos__quotadonut__40 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  87.5% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 40 60;
  }
}
@keyframes exos__quotadonut__40 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  87.5% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 40 60;
  }
}
.quotadonut--animated.quotadonut--40 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__40 2s ease-in-out;
  animation: exos__quotadonut__40 2s ease-in-out;
}
.quotadonut--41 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 41 59;
}
@-webkit-keyframes exos__quotadonut__41 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  85.36585% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 41 59;
  }
}
@keyframes exos__quotadonut__41 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  85.36585% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 41 59;
  }
}
.quotadonut--animated.quotadonut--41 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__41 2s ease-in-out;
  animation: exos__quotadonut__41 2s ease-in-out;
}
.quotadonut--42 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 42 58;
}
@-webkit-keyframes exos__quotadonut__42 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  83.33333% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 42 58;
  }
}
@keyframes exos__quotadonut__42 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  83.33333% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 42 58;
  }
}
.quotadonut--animated.quotadonut--42 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__42 2s ease-in-out;
  animation: exos__quotadonut__42 2s ease-in-out;
}
.quotadonut--43 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 43 57;
}
@-webkit-keyframes exos__quotadonut__43 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  81.39535% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 43 57;
  }
}
@keyframes exos__quotadonut__43 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  81.39535% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 43 57;
  }
}
.quotadonut--animated.quotadonut--43 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__43 2s ease-in-out;
  animation: exos__quotadonut__43 2s ease-in-out;
}
.quotadonut--44 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 44 56;
}
@-webkit-keyframes exos__quotadonut__44 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  79.54545% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 44 56;
  }
}
@keyframes exos__quotadonut__44 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  79.54545% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 44 56;
  }
}
.quotadonut--animated.quotadonut--44 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__44 2s ease-in-out;
  animation: exos__quotadonut__44 2s ease-in-out;
}
.quotadonut--45 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 45 55;
}
@-webkit-keyframes exos__quotadonut__45 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  77.77778% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 45 55;
  }
}
@keyframes exos__quotadonut__45 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  77.77778% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 45 55;
  }
}
.quotadonut--animated.quotadonut--45 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__45 2s ease-in-out;
  animation: exos__quotadonut__45 2s ease-in-out;
}
.quotadonut--46 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 46 54;
}
@-webkit-keyframes exos__quotadonut__46 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  76.08696% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 46 54;
  }
}
@keyframes exos__quotadonut__46 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  76.08696% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 46 54;
  }
}
.quotadonut--animated.quotadonut--46 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__46 2s ease-in-out;
  animation: exos__quotadonut__46 2s ease-in-out;
}
.quotadonut--47 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 47 53;
}
@-webkit-keyframes exos__quotadonut__47 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  74.46809% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 47 53;
  }
}
@keyframes exos__quotadonut__47 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  74.46809% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 47 53;
  }
}
.quotadonut--animated.quotadonut--47 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__47 2s ease-in-out;
  animation: exos__quotadonut__47 2s ease-in-out;
}
.quotadonut--48 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 48 52;
}
@-webkit-keyframes exos__quotadonut__48 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  72.91667% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 48 52;
  }
}
@keyframes exos__quotadonut__48 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  72.91667% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 48 52;
  }
}
.quotadonut--animated.quotadonut--48 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__48 2s ease-in-out;
  animation: exos__quotadonut__48 2s ease-in-out;
}
.quotadonut--49 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 49 51;
}
@-webkit-keyframes exos__quotadonut__49 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  71.42857% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 49 51;
  }
}
@keyframes exos__quotadonut__49 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  71.42857% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 49 51;
  }
}
.quotadonut--animated.quotadonut--49 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__49 2s ease-in-out;
  animation: exos__quotadonut__49 2s ease-in-out;
}
.quotadonut--50 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 50 50;
}
@-webkit-keyframes exos__quotadonut__50 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  70% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 50 50;
  }
}
@keyframes exos__quotadonut__50 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  70% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 50 50;
  }
}
.quotadonut--animated.quotadonut--50 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__50 2s ease-in-out;
  animation: exos__quotadonut__50 2s ease-in-out;
}
.quotadonut--51 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 51 49;
}
@-webkit-keyframes exos__quotadonut__51 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  68.62745% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 51 49;
  }
}
@keyframes exos__quotadonut__51 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  68.62745% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 51 49;
  }
}
.quotadonut--animated.quotadonut--51 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__51 2s ease-in-out;
  animation: exos__quotadonut__51 2s ease-in-out;
}
.quotadonut--52 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 52 48;
}
@-webkit-keyframes exos__quotadonut__52 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  67.30769% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 52 48;
  }
}
@keyframes exos__quotadonut__52 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  67.30769% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 52 48;
  }
}
.quotadonut--animated.quotadonut--52 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__52 2s ease-in-out;
  animation: exos__quotadonut__52 2s ease-in-out;
}
.quotadonut--53 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 53 47;
}
@-webkit-keyframes exos__quotadonut__53 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  66.03774% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 53 47;
  }
}
@keyframes exos__quotadonut__53 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  66.03774% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 53 47;
  }
}
.quotadonut--animated.quotadonut--53 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__53 2s ease-in-out;
  animation: exos__quotadonut__53 2s ease-in-out;
}
.quotadonut--54 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 54 46;
}
@-webkit-keyframes exos__quotadonut__54 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  64.81481% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 54 46;
  }
}
@keyframes exos__quotadonut__54 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  64.81481% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 54 46;
  }
}
.quotadonut--animated.quotadonut--54 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__54 2s ease-in-out;
  animation: exos__quotadonut__54 2s ease-in-out;
}
.quotadonut--55 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 55 45;
}
@-webkit-keyframes exos__quotadonut__55 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  63.63636% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 55 45;
  }
}
@keyframes exos__quotadonut__55 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  63.63636% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 55 45;
  }
}
.quotadonut--animated.quotadonut--55 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__55 2s ease-in-out;
  animation: exos__quotadonut__55 2s ease-in-out;
}
.quotadonut--56 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 56 44;
}
@-webkit-keyframes exos__quotadonut__56 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  62.5% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 56 44;
  }
}
@keyframes exos__quotadonut__56 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  62.5% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 56 44;
  }
}
.quotadonut--animated.quotadonut--56 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__56 2s ease-in-out;
  animation: exos__quotadonut__56 2s ease-in-out;
}
.quotadonut--57 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 57 43;
}
@-webkit-keyframes exos__quotadonut__57 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  61.40351% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 57 43;
  }
}
@keyframes exos__quotadonut__57 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  61.40351% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 57 43;
  }
}
.quotadonut--animated.quotadonut--57 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__57 2s ease-in-out;
  animation: exos__quotadonut__57 2s ease-in-out;
}
.quotadonut--58 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 58 42;
}
@-webkit-keyframes exos__quotadonut__58 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  60.34483% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 58 42;
  }
}
@keyframes exos__quotadonut__58 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  60.34483% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 58 42;
  }
}
.quotadonut--animated.quotadonut--58 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__58 2s ease-in-out;
  animation: exos__quotadonut__58 2s ease-in-out;
}
.quotadonut--59 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 59 41;
}
@-webkit-keyframes exos__quotadonut__59 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  59.32203% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 59 41;
  }
}
@keyframes exos__quotadonut__59 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  59.32203% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 59 41;
  }
}
.quotadonut--animated.quotadonut--59 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__59 2s ease-in-out;
  animation: exos__quotadonut__59 2s ease-in-out;
}
.quotadonut--60 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 60 40;
}
@-webkit-keyframes exos__quotadonut__60 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  58.33333% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 60 40;
  }
}
@keyframes exos__quotadonut__60 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  58.33333% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 60 40;
  }
}
.quotadonut--animated.quotadonut--60 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__60 2s ease-in-out;
  animation: exos__quotadonut__60 2s ease-in-out;
}
.quotadonut--61 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 61 39;
}
@-webkit-keyframes exos__quotadonut__61 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  57.37705% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 61 39;
  }
}
@keyframes exos__quotadonut__61 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  57.37705% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 61 39;
  }
}
.quotadonut--animated.quotadonut--61 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__61 2s ease-in-out;
  animation: exos__quotadonut__61 2s ease-in-out;
}
.quotadonut--62 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 62 38;
}
@-webkit-keyframes exos__quotadonut__62 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  56.45161% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 62 38;
  }
}
@keyframes exos__quotadonut__62 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  56.45161% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 62 38;
  }
}
.quotadonut--animated.quotadonut--62 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__62 2s ease-in-out;
  animation: exos__quotadonut__62 2s ease-in-out;
}
.quotadonut--63 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 63 37;
}
@-webkit-keyframes exos__quotadonut__63 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  55.55556% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 63 37;
  }
}
@keyframes exos__quotadonut__63 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  55.55556% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 63 37;
  }
}
.quotadonut--animated.quotadonut--63 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__63 2s ease-in-out;
  animation: exos__quotadonut__63 2s ease-in-out;
}
.quotadonut--64 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 64 36;
}
@-webkit-keyframes exos__quotadonut__64 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  54.6875% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 64 36;
  }
}
@keyframes exos__quotadonut__64 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  54.6875% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 64 36;
  }
}
.quotadonut--animated.quotadonut--64 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__64 2s ease-in-out;
  animation: exos__quotadonut__64 2s ease-in-out;
}
.quotadonut--65 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 65 35;
}
@-webkit-keyframes exos__quotadonut__65 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  53.84615% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 65 35;
  }
}
@keyframes exos__quotadonut__65 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  53.84615% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 65 35;
  }
}
.quotadonut--animated.quotadonut--65 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__65 2s ease-in-out;
  animation: exos__quotadonut__65 2s ease-in-out;
}
.quotadonut--66 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 66 34;
}
@-webkit-keyframes exos__quotadonut__66 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  53.0303% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 66 34;
  }
}
@keyframes exos__quotadonut__66 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  53.0303% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 66 34;
  }
}
.quotadonut--animated.quotadonut--66 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__66 2s ease-in-out;
  animation: exos__quotadonut__66 2s ease-in-out;
}
.quotadonut--67 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 67 33;
}
@-webkit-keyframes exos__quotadonut__67 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  52.23881% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 67 33;
  }
}
@keyframes exos__quotadonut__67 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  52.23881% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 67 33;
  }
}
.quotadonut--animated.quotadonut--67 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__67 2s ease-in-out;
  animation: exos__quotadonut__67 2s ease-in-out;
}
.quotadonut--68 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 68 32;
}
@-webkit-keyframes exos__quotadonut__68 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  51.47059% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 68 32;
  }
}
@keyframes exos__quotadonut__68 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  51.47059% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 68 32;
  }
}
.quotadonut--animated.quotadonut--68 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__68 2s ease-in-out;
  animation: exos__quotadonut__68 2s ease-in-out;
}
.quotadonut--69 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 69 31;
}
@-webkit-keyframes exos__quotadonut__69 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  50.72464% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 69 31;
  }
}
@keyframes exos__quotadonut__69 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  50.72464% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 69 31;
  }
}
.quotadonut--animated.quotadonut--69 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__69 2s ease-in-out;
  animation: exos__quotadonut__69 2s ease-in-out;
}
.quotadonut--70 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 70 30;
}
@-webkit-keyframes exos__quotadonut__70 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  50% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 70 30;
  }
}
@keyframes exos__quotadonut__70 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  50% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 70 30;
  }
}
.quotadonut--animated.quotadonut--70 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__70 2s ease-in-out;
  animation: exos__quotadonut__70 2s ease-in-out;
}
.quotadonut--71 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 71 29;
}
@-webkit-keyframes exos__quotadonut__71 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  49.29577% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 71 29;
  }
}
@keyframes exos__quotadonut__71 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  49.29577% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 71 29;
  }
}
.quotadonut--animated.quotadonut--71 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__71 2s ease-in-out;
  animation: exos__quotadonut__71 2s ease-in-out;
}
.quotadonut--72 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 72 28;
}
@-webkit-keyframes exos__quotadonut__72 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  48.61111% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 72 28;
  }
}
@keyframes exos__quotadonut__72 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  48.61111% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 72 28;
  }
}
.quotadonut--animated.quotadonut--72 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__72 2s ease-in-out;
  animation: exos__quotadonut__72 2s ease-in-out;
}
.quotadonut--73 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 73 27;
}
@-webkit-keyframes exos__quotadonut__73 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  47.94521% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 73 27;
  }
}
@keyframes exos__quotadonut__73 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  47.94521% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 73 27;
  }
}
.quotadonut--animated.quotadonut--73 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__73 2s ease-in-out;
  animation: exos__quotadonut__73 2s ease-in-out;
}
.quotadonut--74 .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
  stroke-dasharray: 74 26;
}
@-webkit-keyframes exos__quotadonut__74 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  47.2973% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 74 26;
  }
}
@keyframes exos__quotadonut__74 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  47.2973% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--warning-shape-color, #fa0);
    stroke-dasharray: 74 26;
  }
}
.quotadonut--animated.quotadonut--74 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__74 2s ease-in-out;
  animation: exos__quotadonut__74 2s ease-in-out;
}
.quotadonut--75 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 75 25;
}
@-webkit-keyframes exos__quotadonut__75 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  46.66667% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 75 25;
  }
}
@keyframes exos__quotadonut__75 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  46.66667% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 75 25;
  }
}
.quotadonut--animated.quotadonut--75 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__75 2s ease-in-out;
  animation: exos__quotadonut__75 2s ease-in-out;
}
.quotadonut--76 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 76 24;
}
@-webkit-keyframes exos__quotadonut__76 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  46.05263% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 76 24;
  }
}
@keyframes exos__quotadonut__76 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  46.05263% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 76 24;
  }
}
.quotadonut--animated.quotadonut--76 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__76 2s ease-in-out;
  animation: exos__quotadonut__76 2s ease-in-out;
}
.quotadonut--77 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 77 23;
}
@-webkit-keyframes exos__quotadonut__77 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  45.45455% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 77 23;
  }
}
@keyframes exos__quotadonut__77 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  45.45455% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 77 23;
  }
}
.quotadonut--animated.quotadonut--77 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__77 2s ease-in-out;
  animation: exos__quotadonut__77 2s ease-in-out;
}
.quotadonut--78 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 78 22;
}
@-webkit-keyframes exos__quotadonut__78 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  44.87179% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 78 22;
  }
}
@keyframes exos__quotadonut__78 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  44.87179% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 78 22;
  }
}
.quotadonut--animated.quotadonut--78 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__78 2s ease-in-out;
  animation: exos__quotadonut__78 2s ease-in-out;
}
.quotadonut--79 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 79 21;
}
@-webkit-keyframes exos__quotadonut__79 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  44.3038% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 79 21;
  }
}
@keyframes exos__quotadonut__79 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  44.3038% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 79 21;
  }
}
.quotadonut--animated.quotadonut--79 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__79 2s ease-in-out;
  animation: exos__quotadonut__79 2s ease-in-out;
}
.quotadonut--80 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 80 20;
}
@-webkit-keyframes exos__quotadonut__80 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  43.75% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 80 20;
  }
}
@keyframes exos__quotadonut__80 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  43.75% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 80 20;
  }
}
.quotadonut--animated.quotadonut--80 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__80 2s ease-in-out;
  animation: exos__quotadonut__80 2s ease-in-out;
}
.quotadonut--81 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 81 19;
}
@-webkit-keyframes exos__quotadonut__81 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  43.20988% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 81 19;
  }
}
@keyframes exos__quotadonut__81 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  43.20988% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 81 19;
  }
}
.quotadonut--animated.quotadonut--81 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__81 2s ease-in-out;
  animation: exos__quotadonut__81 2s ease-in-out;
}
.quotadonut--82 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 82 18;
}
@-webkit-keyframes exos__quotadonut__82 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  42.68293% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 82 18;
  }
}
@keyframes exos__quotadonut__82 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  42.68293% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 82 18;
  }
}
.quotadonut--animated.quotadonut--82 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__82 2s ease-in-out;
  animation: exos__quotadonut__82 2s ease-in-out;
}
.quotadonut--83 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 83 17;
}
@-webkit-keyframes exos__quotadonut__83 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  42.16867% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 83 17;
  }
}
@keyframes exos__quotadonut__83 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  42.16867% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 83 17;
  }
}
.quotadonut--animated.quotadonut--83 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__83 2s ease-in-out;
  animation: exos__quotadonut__83 2s ease-in-out;
}
.quotadonut--84 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 84 16;
}
@-webkit-keyframes exos__quotadonut__84 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  41.66667% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 84 16;
  }
}
@keyframes exos__quotadonut__84 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  41.66667% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 84 16;
  }
}
.quotadonut--animated.quotadonut--84 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__84 2s ease-in-out;
  animation: exos__quotadonut__84 2s ease-in-out;
}
.quotadonut--85 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 85 15;
}
@-webkit-keyframes exos__quotadonut__85 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  41.17647% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 85 15;
  }
}
@keyframes exos__quotadonut__85 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  41.17647% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 85 15;
  }
}
.quotadonut--animated.quotadonut--85 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__85 2s ease-in-out;
  animation: exos__quotadonut__85 2s ease-in-out;
}
.quotadonut--86 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 86 14;
}
@-webkit-keyframes exos__quotadonut__86 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  40.69767% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 86 14;
  }
}
@keyframes exos__quotadonut__86 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  40.69767% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 86 14;
  }
}
.quotadonut--animated.quotadonut--86 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__86 2s ease-in-out;
  animation: exos__quotadonut__86 2s ease-in-out;
}
.quotadonut--87 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 87 13;
}
@-webkit-keyframes exos__quotadonut__87 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  40.22989% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 87 13;
  }
}
@keyframes exos__quotadonut__87 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  40.22989% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 87 13;
  }
}
.quotadonut--animated.quotadonut--87 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__87 2s ease-in-out;
  animation: exos__quotadonut__87 2s ease-in-out;
}
.quotadonut--88 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 88 12;
}
@-webkit-keyframes exos__quotadonut__88 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  39.77273% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 88 12;
  }
}
@keyframes exos__quotadonut__88 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  39.77273% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 88 12;
  }
}
.quotadonut--animated.quotadonut--88 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__88 2s ease-in-out;
  animation: exos__quotadonut__88 2s ease-in-out;
}
.quotadonut--89 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 89 11;
}
@-webkit-keyframes exos__quotadonut__89 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  39.32584% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 89 11;
  }
}
@keyframes exos__quotadonut__89 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  39.32584% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 89 11;
  }
}
.quotadonut--animated.quotadonut--89 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__89 2s ease-in-out;
  animation: exos__quotadonut__89 2s ease-in-out;
}
.quotadonut--90 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 90 10;
}
@-webkit-keyframes exos__quotadonut__90 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  38.88889% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 90 10;
  }
}
@keyframes exos__quotadonut__90 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  38.88889% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 90 10;
  }
}
.quotadonut--animated.quotadonut--90 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__90 2s ease-in-out;
  animation: exos__quotadonut__90 2s ease-in-out;
}
.quotadonut--91 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 91 9;
}
@-webkit-keyframes exos__quotadonut__91 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  38.46154% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 91 9;
  }
}
@keyframes exos__quotadonut__91 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  38.46154% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 91 9;
  }
}
.quotadonut--animated.quotadonut--91 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__91 2s ease-in-out;
  animation: exos__quotadonut__91 2s ease-in-out;
}
.quotadonut--92 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 92 8;
}
@-webkit-keyframes exos__quotadonut__92 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  38.04348% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 92 8;
  }
}
@keyframes exos__quotadonut__92 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  38.04348% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 92 8;
  }
}
.quotadonut--animated.quotadonut--92 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__92 2s ease-in-out;
  animation: exos__quotadonut__92 2s ease-in-out;
}
.quotadonut--93 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 93 7;
}
@-webkit-keyframes exos__quotadonut__93 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  37.63441% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 93 7;
  }
}
@keyframes exos__quotadonut__93 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  37.63441% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 93 7;
  }
}
.quotadonut--animated.quotadonut--93 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__93 2s ease-in-out;
  animation: exos__quotadonut__93 2s ease-in-out;
}
.quotadonut--94 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 94 6;
}
@-webkit-keyframes exos__quotadonut__94 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  37.23404% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 94 6;
  }
}
@keyframes exos__quotadonut__94 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  37.23404% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 94 6;
  }
}
.quotadonut--animated.quotadonut--94 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__94 2s ease-in-out;
  animation: exos__quotadonut__94 2s ease-in-out;
}
.quotadonut--95 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 95 5;
}
@-webkit-keyframes exos__quotadonut__95 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  36.84211% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 95 5;
  }
}
@keyframes exos__quotadonut__95 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  36.84211% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 95 5;
  }
}
.quotadonut--animated.quotadonut--95 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__95 2s ease-in-out;
  animation: exos__quotadonut__95 2s ease-in-out;
}
.quotadonut--96 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 96 4;
}
@-webkit-keyframes exos__quotadonut__96 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  36.45833% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 96 4;
  }
}
@keyframes exos__quotadonut__96 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  36.45833% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 96 4;
  }
}
.quotadonut--animated.quotadonut--96 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__96 2s ease-in-out;
  animation: exos__quotadonut__96 2s ease-in-out;
}
.quotadonut--97 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 97 3;
}
@-webkit-keyframes exos__quotadonut__97 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  36.08247% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 97 3;
  }
}
@keyframes exos__quotadonut__97 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  36.08247% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 97 3;
  }
}
.quotadonut--animated.quotadonut--97 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__97 2s ease-in-out;
  animation: exos__quotadonut__97 2s ease-in-out;
}
.quotadonut--98 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 98 2;
}
@-webkit-keyframes exos__quotadonut__98 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  35.71429% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 98 2;
  }
}
@keyframes exos__quotadonut__98 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  35.71429% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 98 2;
  }
}
.quotadonut--animated.quotadonut--98 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__98 2s ease-in-out;
  animation: exos__quotadonut__98 2s ease-in-out;
}
.quotadonut--99 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 99 1;
}
@-webkit-keyframes exos__quotadonut__99 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  35.35354% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 99 1;
  }
}
@keyframes exos__quotadonut__99 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  35.35354% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 99 1;
  }
}
.quotadonut--animated.quotadonut--99 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__99 2s ease-in-out;
  animation: exos__quotadonut__99 2s ease-in-out;
}
.quotadonut--100 .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
  stroke-dasharray: 100 0;
}
@-webkit-keyframes exos__quotadonut__100 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  35% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 100 0;
  }
}
@keyframes exos__quotadonut__100 {
  0% {
    stroke: var(--critical-shape-color, #f50c00);
    stroke-dasharray: 0 100;
  }
  35% {
    stroke: var(--warning-shape-color, #fa0);
  }
  to {
    stroke: var(--success-shape-color, #0fa954);
    stroke-dasharray: 100 0;
  }
}
.quotadonut--animated.quotadonut--100 .quotadonut__segment {
  -webkit-animation: exos__quotadonut__100 2s ease-in-out;
  animation: exos__quotadonut__100 2s ease-in-out;
}
.quotadonut--success .quotadonut__segment {
  stroke: var(--success-shape-color, #0fa954);
}
.quotadonut--warning .quotadonut__segment {
  stroke: var(--warning-shape-color, #fa0);
}
.quotadonut--critical .quotadonut__segment {
  stroke: var(--critical-shape-color, #f50c00);
}
.quotadonut--neutral .quotadonut__segment {
  stroke: var(--neutral-shape-color, #718095);
}
.quotadonut--activating .quotadonut__segment {
  stroke: var(--activating-shape-color, #11c7e6);
}
.quotadonut--corporate .quotadonut__segment {
  stroke: var(--corporate-shape-color, #001b41);
}
.quotadonut--promoting .quotadonut__segment {
  stroke: var(--promoting-shape-color, #b410e7);
}
.quotadonut--animated-fast.quotadonut--animated-fast .quotadonut__segment,
.quotadonut--animated.quotadonut--small .quotadonut__segment {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.quotadonut__text {
  fill: var(--default-text-color, #001b41);
  text-anchor: middle;
  -webkit-transform: translate(50%, 53.5%) translateY(0.33em);
  transform: translate(50%, 53.5%) translateY(0.33em);
}
.clearfix:after {
  clear: both;
  content: "";
  display: table;
}
.sheet {
  background-color: var(--white, #fff);
  border: 1px solid var(--tertiary-shape-color, #bcc8d4);
  border-radius: var(--default-border-radius, 16px);
  margin-bottom: 32px;
  overflow: hidden;
  transition: box-shadow 0.3s ease-out;
}
.sheet--cropped {
  margin-bottom: 0;
}
.sheet--badge {
  padding-top: 15px;
}
.sheet--badge .badge--positioned {
  position: static;
}
.sheet--actions .button,
.sheet--actions .ghost-button,
.sheet--actions .toggle-button {
  margin-bottom: 6px;
  margin-top: 6px;
}
.sheet > :first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
.sheet > :last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
  overflow: hidden;
}
.sheet--activating,
.sheet--corporate,
.sheet--critical,
.sheet--neutral,
.sheet--promoting,
.sheet--success,
.sheet--warning {
  background-color: #fff;
}
.sheet--success {
  border: 2px solid var(--success-shape-color, #0fa954);
}
.sheet--warning {
  border: 2px solid var(--warning-shape-color, #fa0);
}
.sheet--critical {
  border: 2px solid var(--critical-shape-color, #f50c00);
}
.sheet--neutral {
  border: 2px solid var(--neutral-shape-color, #718095);
}
.sheet--activating {
  border: 2px solid var(--activating-shape-color, #11c7e6);
}
.sheet--promoting {
  border: 2px solid var(--promoting-shape-color, #b410e7);
}
.sheet--corporate {
  border: 2px solid var(--corporate-shape-color, #001b41);
}
@media only screen and (max-width: 666px) {
  .sheet {
    border-radius: var(--small-border-radius, 8px);
    margin: 0 0 14px;
  }
  .sheet + .sheet {
    margin-top: 16px;
  }
  .sheet > :first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .sheet > :last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    overflow: hidden;
  }
}
.sheet__section {
  margin-bottom: 0;
  padding: 28px 30px;
  position: relative;
}
@media only screen and (max-width: 666px) {
  .sheet__section {
    padding: 16px;
  }
}
.sheet__section--growing {
  display: flex;
  flex-grow: 1;
}
.sheet__section--active {
  border-left: 8px solid var(--caution-shape-color, #ffd176);
  margin: 0;
  padding-left: 24px;
  z-index: 2;
}
@media only screen and (max-width: 666px) {
  .sheet__section--active {
    margin-left: 0;
  }
}
.sheet__section--activating + .sheet__section--activating,
.sheet__section--activating + .sheet__section--advertising,
.sheet__section--activating + .sheet__section--corporate,
.sheet__section--activating + .sheet__section--critical,
.sheet__section--activating + .sheet__section--neutral,
.sheet__section--activating + .sheet__section--promoting,
.sheet__section--activating + .sheet__section--success,
.sheet__section--activating + .sheet__section--warning,
.sheet__section--advertising + .sheet__section--activating,
.sheet__section--advertising + .sheet__section--advertising,
.sheet__section--advertising + .sheet__section--corporate,
.sheet__section--advertising + .sheet__section--critical,
.sheet__section--advertising + .sheet__section--neutral,
.sheet__section--advertising + .sheet__section--promoting,
.sheet__section--advertising + .sheet__section--success,
.sheet__section--advertising + .sheet__section--warning,
.sheet__section--corporate + .sheet__section--activating,
.sheet__section--corporate + .sheet__section--advertising,
.sheet__section--corporate + .sheet__section--corporate,
.sheet__section--corporate + .sheet__section--critical,
.sheet__section--corporate + .sheet__section--neutral,
.sheet__section--corporate + .sheet__section--promoting,
.sheet__section--corporate + .sheet__section--success,
.sheet__section--corporate + .sheet__section--warning,
.sheet__section--critical + .sheet__section--activating,
.sheet__section--critical + .sheet__section--advertising,
.sheet__section--critical + .sheet__section--corporate,
.sheet__section--critical + .sheet__section--critical,
.sheet__section--critical + .sheet__section--neutral,
.sheet__section--critical + .sheet__section--promoting,
.sheet__section--critical + .sheet__section--success,
.sheet__section--critical + .sheet__section--warning,
.sheet__section--neutral + .sheet__section--activating,
.sheet__section--neutral + .sheet__section--advertising,
.sheet__section--neutral + .sheet__section--corporate,
.sheet__section--neutral + .sheet__section--critical,
.sheet__section--neutral + .sheet__section--neutral,
.sheet__section--neutral + .sheet__section--promoting,
.sheet__section--neutral + .sheet__section--success,
.sheet__section--neutral + .sheet__section--warning,
.sheet__section--promoting + .sheet__section--activating,
.sheet__section--promoting + .sheet__section--advertising,
.sheet__section--promoting + .sheet__section--corporate,
.sheet__section--promoting + .sheet__section--critical,
.sheet__section--promoting + .sheet__section--neutral,
.sheet__section--promoting + .sheet__section--promoting,
.sheet__section--promoting + .sheet__section--success,
.sheet__section--promoting + .sheet__section--warning,
.sheet__section--success + .sheet__section--activating,
.sheet__section--success + .sheet__section--advertising,
.sheet__section--success + .sheet__section--corporate,
.sheet__section--success + .sheet__section--critical,
.sheet__section--success + .sheet__section--neutral,
.sheet__section--success + .sheet__section--promoting,
.sheet__section--success + .sheet__section--success,
.sheet__section--success + .sheet__section--warning,
.sheet__section--warning + .sheet__section--activating,
.sheet__section--warning + .sheet__section--advertising,
.sheet__section--warning + .sheet__section--corporate,
.sheet__section--warning + .sheet__section--critical,
.sheet__section--warning + .sheet__section--neutral,
.sheet__section--warning + .sheet__section--promoting,
.sheet__section--warning + .sheet__section--success,
.sheet__section--warning + .sheet__section--warning {
  margin-top: -2px;
}
.sheet__section--align-center {
  justify-content: center;
  text-align: center;
}
.sheet__section--align-left {
  justify-content: flex-start;
  text-align: left;
}
.sheet__section--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .sheet__section--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .sheet__section--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .sheet__section--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .sheet__section--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .sheet__section--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .sheet__section--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .sheet__section--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .sheet__section--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .sheet__section--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.sheet__section--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .sheet__section--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .sheet__section--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .sheet__section--small-hidden {
    display: none;
  }
}
.sheet__section--primary {
  background-color: var(--primary-background-color, #fff);
}
.sheet__section--secondary {
  background-color: var(--secondary-background-color, #fff);
}
.sheet__section--tertiary {
  background-color: var(--tertiary-background-color, #bcc8d4);
}
.sheet__section--advertising {
  background: var(--advertising-background-gradient-start, #003d8f);
  background: linear-gradient(
    to bottom right,
    var(--advertising-background-gradient-start, #003d8f),
    var(--advertising-background-gradient-end, #1474c4)
  );
}
.sheet__section--advertising > .headline,
.sheet__section--advertising > .paragraph {
  color: var(--white, #fff);
}
.sheet__section--beta {
  background-color: var(--default-background-color-inverted, #0b2a63);
}
.sheet__section--beta > .headline,
.sheet__section--beta > .paragraph {
  color: var(--white, #fff);
}
.sheet__section--premium {
  background-color: var(--tertiary-background-color-inverted, #718095);
}
.sheet__section--premium > .headline,
.sheet__section--premium > .paragraph {
  color: var(--white, #fff);
}
.sheet__section--activating,
.sheet__section--corporate,
.sheet__section--critical,
.sheet__section--neutral,
.sheet__section--promoting,
.sheet__section--success,
.sheet__section--warning {
  background-color: #fff;
}
.sheet__section--success-solid {
  background-color: var(--solid-success-background-color, #12cf76);
  color: var(--corporate-text-color, #0b2a63);
}
.sheet__section--warning-solid {
  background-color: var(--solid-warning-background-color, #fa0);
  color: var(--corporate-text-color, #0b2a63);
}
.sheet__section--critical-solid {
  background-color: var(--solid-critical-background-color, #ff6159);
  color: var(--corporate-text-color, #0b2a63);
}
.sheet__section--neutral-solid {
  background-color: var(--solid-neutral-background-color, #465a75);
  color: var(--white, #fff);
}
.sheet__section--activating-solid {
  background-color: var(--solid-activating-background-color, #11c7e6);
  color: var(--corporate-text-color, #0b2a63);
}
.sheet__section--promoting-solid {
  background-color: var(--solid-promoting-background-color, #e480f8);
  color: var(--corporate-text-color, #0b2a63);
}
.sheet__section--corporate-solid {
  background-color: var(--solid-corporate-background-color, #0b2a63);
  color: var(--white, #fff);
}
.sheet__section--bright-solid {
  background-color: var(--solid-bright-background-color, #fff);
  color: var(--corporate-text-color, #0b2a63);
}
.sheet__section--semantic-bar-success {
  box-shadow: inset 5px 0 var(--success-shape-color, #0fa954);
  margin-left: -1px;
}
.sheet__section--semantic-bar-success:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-success:first-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-success:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-success:last-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-success:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-success:only-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-warning {
  box-shadow: inset 5px 0 var(--warning-shape-color, #fa0);
  margin-left: -1px;
}
.sheet__section--semantic-bar-warning:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-warning:first-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-warning:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-warning:last-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-warning:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-warning:only-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-critical {
  box-shadow: inset 5px 0 var(--critical-shape-color, #f50c00);
  margin-left: -1px;
}
.sheet__section--semantic-bar-critical:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-critical:first-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-critical:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-critical:last-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-critical:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-critical:only-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-neutral {
  box-shadow: inset 5px 0 var(--neutral-shape-color, #718095);
  margin-left: -1px;
}
.sheet__section--semantic-bar-neutral:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-neutral:first-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-neutral:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-neutral:last-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-neutral:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-neutral:only-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-activating {
  box-shadow: inset 5px 0 var(--activating-shape-color, #11c7e6);
  margin-left: -1px;
}
.sheet__section--semantic-bar-activating:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-activating:first-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-activating:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-activating:last-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-activating:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-activating:only-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-corporate {
  box-shadow: inset 5px 0 var(--corporate-shape-color, #001b41);
  margin-left: -1px;
}
.sheet__section--semantic-bar-corporate:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-corporate:first-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-corporate:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-corporate:last-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-corporate:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-corporate:only-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-promoting {
  box-shadow: inset 5px 0 var(--promoting-shape-color, #b410e7);
  margin-left: -1px;
}
.sheet__section--semantic-bar-promoting:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-promoting:first-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-promoting:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-promoting:last-child {
    border-radius: 0;
  }
}
.sheet__section--semantic-bar-promoting:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--semantic-bar-promoting:only-child {
    border-radius: 0;
  }
}
.sheet__section--success {
  border: 2px solid var(--success-shape-color, #0fa954);
  margin: -1px;
}
@media only screen and (max-width: 666px) {
  .sheet__section--success {
    border-left: none;
    border-right: none;
  }
}
.sheet__section--success:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--success:first-child {
    border-radius: 0;
  }
}
.sheet__section--success:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--success:last-child {
    border-radius: 0;
  }
}
.sheet__section--success:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--success:only-child {
    border-radius: 0;
  }
}
.sheet__section--warning {
  border: 2px solid var(--warning-shape-color, #fa0);
  margin: -1px;
}
@media only screen and (max-width: 666px) {
  .sheet__section--warning {
    border-left: none;
    border-right: none;
  }
}
.sheet__section--warning:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--warning:first-child {
    border-radius: 0;
  }
}
.sheet__section--warning:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--warning:last-child {
    border-radius: 0;
  }
}
.sheet__section--warning:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--warning:only-child {
    border-radius: 0;
  }
}
.sheet__section--critical {
  border: 2px solid var(--critical-shape-color, #f50c00);
  margin: -1px;
}
@media only screen and (max-width: 666px) {
  .sheet__section--critical {
    border-left: none;
    border-right: none;
  }
}
.sheet__section--critical:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--critical:first-child {
    border-radius: 0;
  }
}
.sheet__section--critical:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--critical:last-child {
    border-radius: 0;
  }
}
.sheet__section--critical:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--critical:only-child {
    border-radius: 0;
  }
}
.sheet__section--neutral {
  border: 2px solid var(--neutral-shape-color, #718095);
  margin: -1px;
}
@media only screen and (max-width: 666px) {
  .sheet__section--neutral {
    border-left: none;
    border-right: none;
  }
}
.sheet__section--neutral:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--neutral:first-child {
    border-radius: 0;
  }
}
.sheet__section--neutral:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--neutral:last-child {
    border-radius: 0;
  }
}
.sheet__section--neutral:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--neutral:only-child {
    border-radius: 0;
  }
}
.sheet__section--activating {
  border: 2px solid var(--activating-shape-color, #11c7e6);
  margin: -1px;
}
@media only screen and (max-width: 666px) {
  .sheet__section--activating {
    border-left: none;
    border-right: none;
  }
}
.sheet__section--activating:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--activating:first-child {
    border-radius: 0;
  }
}
.sheet__section--activating:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--activating:last-child {
    border-radius: 0;
  }
}
.sheet__section--activating:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--activating:only-child {
    border-radius: 0;
  }
}
.sheet__section--corporate {
  border: 2px solid var(--corporate-shape-color, #001b41);
  margin: -1px;
}
@media only screen and (max-width: 666px) {
  .sheet__section--corporate {
    border-left: none;
    border-right: none;
  }
}
.sheet__section--corporate:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--corporate:first-child {
    border-radius: 0;
  }
}
.sheet__section--corporate:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--corporate:last-child {
    border-radius: 0;
  }
}
.sheet__section--corporate:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--corporate:only-child {
    border-radius: 0;
  }
}
.sheet__section--promoting {
  border: 2px solid var(--promoting-shape-color, #b410e7);
  margin: -1px;
}
@media only screen and (max-width: 666px) {
  .sheet__section--promoting {
    border-left: none;
    border-right: none;
  }
}
.sheet__section--promoting:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--promoting:first-child {
    border-radius: 0;
  }
}
.sheet__section--promoting:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--promoting:last-child {
    border-radius: 0;
  }
}
.sheet__section--promoting:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .sheet__section--promoting:only-child {
    border-radius: 0;
  }
}
.sheet__section--vertical-align-bottom {
  align-items: flex-end;
  display: flex;
  flex-flow: wrap;
}
.sheet__section--vertical-align-center {
  align-items: center;
  display: flex;
  flex-flow: wrap;
}
.sheet__section--vertical-align-top {
  align-items: flex-start;
  display: flex;
  flex-flow: wrap;
}
@media only screen and (min-width: 1185px) {
  .sheet__section--large-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .sheet__section--large-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .sheet__section--large-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .sheet__section--medium-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .sheet__section--medium-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .sheet__section--medium-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (max-width: 666px) {
  .sheet__section--small-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .sheet__section--small-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .sheet__section--small-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
.sheet__section--secondary,
.sheet__section--tertiary {
  background-color: var(--default-background-color, #f4f7fa);
}
.sheet__section--emphasized {
  background-color: var(--default-background-color-inverted, #0b2a63);
}
.sheet__section--separator-bottom {
  border-bottom: 1px solid var(--tertiary-shape-color);
}
.sheet__section--separator-left {
  border-left: 1px solid var(--tertiary-shape-color);
}
.sheet__section--separator-right {
  border-right: 1px solid var(--tertiary-shape-color);
}
.sheet__section--separator-top {
  border-top: 1px solid var(--tertiary-shape-color);
}
.sheet__section--visualized {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  display: inherit;
  flex-flow: wrap;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
@media only screen and (max-width: 666px) {
  .sheet__section--visualized {
    max-height: 320px;
  }
}
.sheet__section--visualized .sheet__block {
  box-sizing: border-box;
  display: inherit;
  height: 100%;
  width: 100%;
}
.sheet__visual {
  display: inline-block;
}
.sheet__section--visualized .sheet__visual {
  height: 100%;
  margin: -32px;
  position: absolute;
  width: auto;
}
@media only screen and (max-width: 666px) {
  .sheet__section--visualized .sheet__visual {
    margin: -16px;
    position: inherit;
    width: 100%;
  }
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .sheet__section--visualized .sheet__visual {
    flex-grow: 1;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    position: inherit;
  }
}
.sheet__footer {
  margin-bottom: -8px;
  margin-top: 28px;
}
.sheet__footer--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .sheet__footer--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .sheet__footer--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .sheet__footer--small-hidden {
    display: none;
  }
}
.sheet__footer--align-center {
  justify-content: center;
  text-align: center;
}
.sheet__footer--align-left {
  justify-content: flex-start;
  text-align: left;
}
.sheet__footer--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .sheet__footer--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .sheet__footer--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .sheet__footer--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .sheet__footer--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .sheet__footer--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .sheet__footer--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .sheet__footer--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .sheet__footer--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .sheet__footer--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.sheet__footer--vertical-align-bottom {
  align-items: flex-end;
  display: flex;
  flex-flow: wrap;
}
.sheet__footer--vertical-align-center {
  align-items: center;
  display: flex;
  flex-flow: wrap;
}
.sheet__footer--vertical-align-top {
  align-items: flex-start;
  display: flex;
  flex-flow: wrap;
}
@media only screen and (min-width: 1185px) {
  .sheet__footer--large-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .sheet__footer--large-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .sheet__footer--large-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .sheet__footer--medium-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .sheet__footer--medium-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .sheet__footer--medium-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (max-width: 666px) {
  .sheet__footer--small-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .sheet__footer--small-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .sheet__footer--small-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
  .sheet__footer {
    margin-top: 14px;
  }
}
.sheet__footer > a,
.sheet__footer > button,
.sheet__footer > p {
  display: inline-block;
  margin-bottom: 12px;
}
.sheet__footer > a--hidden,
.sheet__footer > button--hidden,
.sheet__footer > p--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .sheet__footer > a--large-hidden,
  .sheet__footer > button--large-hidden,
  .sheet__footer > p--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .sheet__footer > a--medium-hidden,
  .sheet__footer > button--medium-hidden,
  .sheet__footer > p--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .sheet__footer > a--small-hidden,
  .sheet__footer > button--small-hidden,
  .sheet__footer > p--small-hidden {
    display: none;
  }
}
.sheet__footer > a.ghost-button,
.sheet__footer > button.ghost-button,
.sheet__footer > p.ghost-button {
  display: inline-flex;
}
.sheet__footer > a.ghost-button--hidden,
.sheet__footer > button.ghost-button--hidden,
.sheet__footer > p.ghost-button--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .sheet__footer > a.ghost-button--large-hidden,
  .sheet__footer > button.ghost-button--large-hidden,
  .sheet__footer > p.ghost-button--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .sheet__footer > a.ghost-button--medium-hidden,
  .sheet__footer > button.ghost-button--medium-hidden,
  .sheet__footer > p.ghost-button--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .sheet__footer > a.ghost-button--small-hidden,
  .sheet__footer > button.ghost-button--small-hidden,
  .sheet__footer > p.ghost-button--small-hidden {
    display: none;
  }
}
.sheet__close {
  cursor: pointer;
  opacity: 0.62;
  position: absolute;
  right: 22px;
  text-decoration: none;
  top: 25px;
}
.sheet__close:hover {
  opacity: 1;
}
.sheet__close:before {
  color: var(--tertiary-text-color, #718095);
  content: "\E67B";
  font-family: exos-icon-font, serif;
  font-size: 24px;
  line-height: 1em;
}
@media only screen and (max-width: 666px) {
  .sheet__close {
    right: 15px;
    top: 15px;
  }
  .sheet__close:before {
    font-size: 21px;
  }
}
.sheet__close--success:before {
  color: var(--success-text-color, #096b35);
}
.sheet__close--warning:before {
  color: var(--warning-text-color, #c36b00);
}
.sheet__close--critical:before {
  color: var(--critical-text-color, #c80a00);
}
.sheet__close--neutral:before {
  color: var(--neutral-text-color, #465a75);
}
.sheet__close--activating:before {
  color: var(--activating-text-color, #007e9c);
}
.sheet__close--promoting:before {
  color: var(--promoting-text-color, #560e8a);
}
.sheet__close--corporate:before {
  color: var(--corporate-text-color, #0b2a63);
}
.sheet__close--bright:before {
  color: var(--white, #fff);
}
.sheet__close + .headline {
  margin-right: 40px;
}
@media only screen and (max-width: 666px) {
  .sheet__close + .headline {
    margin-right: 30px;
  }
}
.sheet__stripes > li {
  padding-left: 15px;
  padding-right: 15px;
}
.sheet__stripes .ghost-button--icon-only {
  margin: -2px 9px 2px -9px;
}
@media only screen and (max-width: 666px) {
  .sheet__stripes {
    padding-left: 0;
    padding-right: 0;
  }
}
.sheet__separator {
  border: 0;
  border-top: 1px solid var(--tertiary-shape-color, #bcc8d4);
  margin: 0;
}
.sheet__section--beta + .sheet__section--beta,
.sheet__section--default + .sheet__section--default,
.sheet__section--emphazised + .sheet__section--emphazised,
.sheet__section--primary + .sheet__section--primary,
.sheet__section--secondary + .sheet__section--secondary {
  padding-top: 0;
}
.sheet__block section > :last-child:not(.sheet__visual),
.sheet__block > :last-child:not(.sheet__visual):not(.sheet__footer),
.sheet__section section > :last-child:not(.sheet__visual):not(.sheet__footer),
.sheet__section > :last-child:not(.sheet__visual):not(.sheet__footer) {
  margin-bottom: 0;
}
@media only screen and (min-width: 1185px) {
  .grid-col--large-12 .sheet__visual {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .grid-col--medium-12 .sheet__visual {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 666px) {
  .grid-col--small-12 .sheet__visual {
    margin-bottom: 16px;
  }
  .headless-mode .sheet--headless-hidden,
  .headless-mode .sheet__footer--headless-hidden,
  .headless-mode .sheet__section--headless-hidden {
    display: none;
  }
}
.static-overlay > .sheet__section:first-child {
  padding-bottom: 26px;
}
.snackbar-container {
  bottom: 20px;
  position: fixed;
  width: 100%;
  z-index: 81;
}
.snackbar {
  align-items: center;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  border-radius: var(--small-border-radius, 8px);
  box-shadow: 0 2px 8px 0 var(--default-shadow, #718095);
  box-sizing: border-box;
  color: var(--corporate-text-color, #0b2a63);
  display: flex;
  line-height: 18px;
  margin: 0 auto;
  max-width: 320px;
  padding: 16px 14px;
  transition-timing-function: ease-in-out;
  visibility: hidden;
}
.snackbar--visible {
  -webkit-animation-name: keyframes--snackbar-translate-in;
  animation-name: keyframes--snackbar-translate-in;
  visibility: visible;
}
.snackbar--hidden,
.snackbar--visible {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.snackbar--hidden {
  -webkit-animation-name: keyframes--snackbar-translate-out;
  animation-name: keyframes--snackbar-translate-out;
}
@media only screen and (max-width: 666px) {
  .snackbar {
    border-radius: var(--xsmall-border-radius, 4px);
  }
}
.snackbar--success {
  border: 2px solid var(--success-shape-color, #0fa954);
}
.snackbar--warning {
  border: 2px solid var(--warning-shape-color, #fa0);
}
.snackbar--critical {
  border: 2px solid var(--critical-shape-color, #f50c00);
}
.snackbar--neutral {
  border: 2px solid var(--neutral-shape-color, #718095);
}
.snackbar--activating {
  border: 2px solid var(--activating-shape-color, #11c7e6);
}
.snackbar--promoting {
  border: 2px solid var(--promoting-shape-color, #b410e7);
}
.snackbar--corporate {
  border: 2px solid var(--corporate-shape-color, #001b41);
}
.snackbar--success-solid {
  background-color: var(--solid-success-background-color, #12cf76);
  color: var(--corporate-text-color, #0b2a63);
}
.snackbar--warning-solid {
  background-color: var(--solid-warning-background-color, #fa0);
  color: var(--corporate-text-color, #0b2a63);
}
.snackbar--critical-solid {
  background-color: var(--solid-critical-background-color, #ff6159);
  color: var(--corporate-text-color, #0b2a63);
}
.snackbar--neutral-solid {
  background-color: var(--solid-neutral-background-color, #465a75);
  color: var(--white, #fff);
}
.snackbar--activating-solid {
  background-color: var(--solid-activating-background-color, #11c7e6);
  color: var(--corporate-text-color, #0b2a63);
}
.snackbar--promoting-solid {
  background-color: var(--solid-promoting-background-color, #e480f8);
  color: var(--corporate-text-color, #0b2a63);
}
.snackbar--corporate-solid {
  background-color: var(--solid-corporate-background-color, #0b2a63);
  color: var(--white, #fff);
}
.snackbar--bright-solid {
  background-color: var(--solid-bright-background-color, #fff);
  color: var(--corporate-text-color, #0b2a63);
}
.snackbar--success-solid.snackbar--with-icon {
  line-height: 1;
}
.snackbar--success-solid.snackbar--with-icon:before {
  content: "";
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  padding-right: 6px;
  vertical-align: top;
}
.snackbar--warning-solid.snackbar--with-icon {
  line-height: 1;
}
.snackbar--warning-solid.snackbar--with-icon:before {
  content: "";
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  padding-right: 6px;
  vertical-align: top;
}
.snackbar--critical-solid.snackbar--with-icon {
  line-height: 1;
}
.snackbar--critical-solid.snackbar--with-icon:before {
  content: "";
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  padding-right: 6px;
  vertical-align: top;
}
.snackbar--neutral-solid.snackbar--with-icon {
  line-height: 1;
}
.snackbar--neutral-solid.snackbar--with-icon:before {
  content: "";
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  padding-right: 6px;
  vertical-align: top;
}
.snackbar--activating-solid.snackbar--with-icon {
  line-height: 1;
}
.snackbar--activating-solid.snackbar--with-icon:before {
  content: "";
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  padding-right: 6px;
  vertical-align: top;
}
@-webkit-keyframes keyframes--snackbar-translate-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes keyframes--snackbar-translate-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes keyframes--snackbar-translate-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@keyframes keyframes--snackbar-translate-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
.static-overlay {
  display: none;
}
.static-overlay__blocker {
  background-color: var(--black, #000);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.2s ease-out;
  z-index: 205;
}
.static-overlay__blocker--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .static-overlay__blocker--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .static-overlay__blocker--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .static-overlay__blocker--small-hidden {
    display: none;
  }
}
.static-overlay__blocker--active {
  opacity: 0.38;
}
.static-overlay__container {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.2s ease-out;
  z-index: 206;
}
.static-overlay__container--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .static-overlay__container--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .static-overlay__container--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .static-overlay__container--small-hidden {
    display: none;
  }
  .static-overlay__container {
    align-items: flex-start;
    top: 64px;
  }
}
.static-overlay__container--active {
  opacity: 1;
}
.static-overlay__content {
  border: none;
  border-radius: var(--default-border-radius, 16px);
  margin-top: -40px;
  max-width: 53%;
  position: relative;
  transition: margin-top 0.2s ease-out;
}
@media only screen and (max-width: 666px) {
  .static-overlay__content {
    border-radius: var(--small-border-radius, 8px);
    width: 100%;
  }
}
.static-overlay__content.sheet--success {
  border: 2px solid var(--success-shape-color, #0fa954);
}
.static-overlay__content.sheet--warning {
  border: 2px solid var(--warning-shape-color, #fa0);
}
.static-overlay__content.sheet--critical {
  border: 2px solid var(--critical-shape-color, #f50c00);
}
.static-overlay__content.sheet--neutral {
  border: 2px solid var(--neutral-shape-color, #718095);
}
.static-overlay__content.sheet--activating {
  border: 2px solid var(--activating-shape-color, #11c7e6);
}
.static-overlay__content.sheet--promoting {
  border: 2px solid var(--promoting-shape-color, #b410e7);
}
.static-overlay__content.sheet--corporate {
  border: 2px solid var(--corporate-shape-color, #001b41);
}
.static-overlay__container--active > .static-overlay__content {
  margin-top: 0;
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .static-overlay__content {
    max-width: 74%;
  }
}
@media only screen and (max-width: 666px) {
  .static-overlay__content {
    max-width: 95%;
  }
}
.stripe {
  align-items: center;
  display: flex;
  flex-flow: row;
  padding: 14px 0 16px;
}
.stripe--align-center {
  justify-content: center;
  text-align: center;
}
.stripe--align-left {
  justify-content: flex-start;
  text-align: left;
}
.stripe--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .stripe--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .stripe--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .stripe--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .stripe--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .stripe--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .stripe--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .stripe--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .stripe--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .stripe--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.stripe--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .stripe--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .stripe--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .stripe--small-hidden {
    display: none;
  }
}
.stripe--condensed {
  padding-bottom: 8px;
  padding-top: 7px;
}
.stripe--cropped {
  padding-bottom: 0;
  padding-top: 0;
}
.stripe__item {
  display: flex;
  flex-flow: wrap;
  margin-right: 15px;
}
.stripe__item--align-center {
  justify-content: center;
  text-align: center;
}
.stripe__item--align-left {
  justify-content: flex-start;
  text-align: left;
}
.stripe__item--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .stripe__item--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .stripe__item--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .stripe__item--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .stripe__item--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .stripe__item--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .stripe__item--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .stripe__item--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .stripe__item--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .stripe__item--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.stripe__item--vertical-align-bottom {
  align-items: flex-end;
  display: flex;
  flex-flow: wrap;
}
.stripe__item--vertical-align-center {
  align-items: center;
  display: flex;
  flex-flow: wrap;
}
.stripe__item--vertical-align-top {
  align-items: flex-start;
  display: flex;
  flex-flow: wrap;
}
@media only screen and (min-width: 1185px) {
  .stripe__item--large-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .stripe__item--large-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .stripe__item--large-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .stripe__item--medium-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .stripe__item--medium-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .stripe__item--medium-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (max-width: 666px) {
  .stripe__item--small-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .stripe__item--small-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .stripe__item--small-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
.stripe__item--vertical-align-bottom {
  align-self: flex-end;
}
.stripe__item--vertical-align-center {
  align-self: center;
}
.stripe__item--vertical-align-middle {
  vertical-align: middle;
}
.stripe__item--vertical-align-top {
  align-self: flex-start;
}
@media only screen and (min-width: 1185px) {
  .stripe__item--large-vertical-align-bottom {
    align-self: flex-end;
  }
  .stripe__item--large-vertical-align-center {
    align-self: center;
  }
  .stripe__item--large-vertical-align-middle {
    vertical-align: middle;
  }
  .stripe__item--large-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .stripe__item--medium-vertical-align-bottom {
    align-self: flex-end;
  }
  .stripe__item--medium-vertical-align-center {
    align-self: center;
  }
  .stripe__item--medium-vertical-align-middle {
    vertical-align: middle;
  }
  .stripe__item--medium-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (max-width: 666px) {
  .stripe__item--small-vertical-align-bottom {
    align-self: flex-end;
  }
  .stripe__item--small-vertical-align-center {
    align-self: center;
  }
  .stripe__item--small-vertical-align-middle {
    vertical-align: middle;
  }
  .stripe__item--small-vertical-align-top {
    align-self: flex-start;
  }
}
.stripe__item--condensed {
  margin-right: 8px;
}
.stripe__item--cropped {
  margin-right: 4px;
}
.stripe__item--condensed:last-child,
.stripe__item--cropped:last-child,
.stripe__item:last-child {
  margin-right: 0;
}
.sheet__stripes .stripe__item {
  margin-left: 15px;
}
.sheet__stripes .stripe__item:last-child {
  margin-right: 15px;
}
@media only screen and (max-width: 666px) {
  .sheet__stripes .stripe__item {
    margin-left: 8px;
    margin-right: 8px;
  }
  .sheet__stripes .stripe__item:last-child {
    margin-right: 8px;
  }
}
.stripe__element {
  margin-bottom: 3px;
  margin-top: 3px;
  width: 100%;
}
.stripe__element--inline {
  width: auto;
}
.stripe__visual {
  margin-bottom: 3px;
  margin-top: 3px;
  width: auto;
}
.stripe__inline-element {
  margin-bottom: 3px;
  margin-top: 3px;
  width: 100%;
}
.action-stripe {
  background-color: var(--white, #fff);
  border-bottom: 1px solid var(--tertiary-shape-color, #bcc8d4);
  border-top: 1px solid var(--tertiary-shape-color, #bcc8d4);
  box-sizing: border-box;
  display: flex;
  float: none;
  margin-top: -1px;
  min-height: 1px;
  padding: 14px 0 16px;
  width: auto;
}
.action-stripe:after {
  clear: both;
  content: "";
  display: table;
}
.action-stripe:last-child {
  border-bottom: inherit;
}
.action-stripe--borderless {
  border-bottom: none;
  border-top: none;
  padding: 7px 0 9px;
}
.action-stripe--disabled {
  background-color: var(--default-background-color, #f4f7fa);
  color: var(--secondary-text-color, #465a75);
  cursor: not-allowed;
}
.action-stripe .link--next:after {
  color: var(--interactive-shape-color, #1474c4);
}
.action-stripe.__direct-selection:hover {
  background-color: var(--default-background-color, #f4f7fa);
}
.action-stripe--page-context.__direct-selection:hover {
  background-color: var(--white, #fff);
}
.action-stripe--advertising {
  background: var(--advertising-background-gradient-start, #003d8f);
  background: linear-gradient(
    to bottom right,
    var(--advertising-background-gradient-start, #003d8f),
    var(--advertising-background-gradient-end, #1474c4)
  );
  border-bottom: 1px solid var(--advertising-background-gradient-end, #1474c4);
  border-top: 1px solid var(--advertising-background-gradient-start, #003d8f);
  color: var(--white, #fff);
}
.action-stripe--advertising .__hover.toggle-link,
.action-stripe--advertising .link,
.action-stripe--advertising .link--next:after,
.action-stripe--advertising .link.__hover,
.action-stripe--advertising .link:before,
.action-stripe--advertising .toggle-link,
.action-stripe--advertising .toggle-link:before {
  color: var(--white, #fff);
}
.action-stripe--corporate-solid {
  background-color: var(--solid-corporate-background-color, #0b2a63);
  border-bottom: 1px solid
    var(--hovered-advertising-background-gradient-end, #003d8f);
  border-top: 1px solid
    var(--hovered-advertising-background-gradient-start, #001b41);
  color: var(--white, #fff);
}
.action-stripe--corporate-solid .__hover.toggle-link,
.action-stripe--corporate-solid .link,
.action-stripe--corporate-solid .link--next:after,
.action-stripe--corporate-solid .link.__hover,
.action-stripe--corporate-solid .link:before,
.action-stripe--corporate-solid .toggle-link,
.action-stripe--corporate-solid .toggle-link:before {
  color: var(--white, #fff);
}
.action-stripe--advertising.__direct-selection:hover {
  background: var(--hovered-advertising-background-gradient-start, #001b41);
  background: linear-gradient(
    to bottom right,
    var(--hovered-advertising-background-gradient-start, #001b41),
    var(--hovered-advertising-background-gradient-end, #003d8f)
  );
  border-bottom: 1px solid
    var(--hovered-advertising-background-gradient-end, #003d8f);
  border-top: 1px solid
    var(--hovered-advertising-background-gradient-start, #001b41);
}
.action-stripe--advertising.__direct-selection:hover:last-child {
  border-bottom: inherit;
}
.action-stripe--advertising.__direct-selection:hover .__hover.toggle-link,
.action-stripe--advertising.__direct-selection:hover .link,
.action-stripe--advertising.__direct-selection:hover .link--next:after,
.action-stripe--advertising.__direct-selection:hover .link.__hover,
.action-stripe--advertising.__direct-selection:hover .link:before,
.action-stripe--advertising.__direct-selection:hover .toggle-link,
.action-stripe--advertising.__direct-selection:hover .toggle-link:before {
  color: var(--white, #fff);
}
.action-stripe--corporate-solid.__direct-selection:hover {
  background: var(--hovered-advertising-background-gradient-start, #001b41);
}
.action-stripe--corporate-solid.__direct-selection:hover:last-child {
  border-bottom: inherit;
}
.action-stripe--corporate-solid.__direct-selection:hover .__hover.toggle-link,
.action-stripe--corporate-solid.__direct-selection:hover .link,
.action-stripe--corporate-solid.__direct-selection:hover .link--next:after,
.action-stripe--corporate-solid.__direct-selection:hover .link.__hover,
.action-stripe--corporate-solid.__direct-selection:hover .link:before,
.action-stripe--corporate-solid.__direct-selection:hover .toggle-link,
.action-stripe--corporate-solid.__direct-selection:hover .toggle-link:before {
  color: var(--white, #fff);
}
.action-stripe.__direct-selection:hover .link--next:after {
  color: var(--corporate-text-color, #0b2a63);
}
.action-stripe--advertising.__direct-selection:hover .link--next:after,
.action-stripe--corporate-solid.__direct-selection:hover .link--next:after {
  color: var(--white, #fff);
}
.action-stripe--semantic-bar-success {
  box-shadow: inset 5px 0 var(--success-shape-color, #0fa954);
  margin-left: -1px;
}
.action-stripe--semantic-bar-success:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-success:first-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-success:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-success:last-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-success:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-success:only-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-warning {
  box-shadow: inset 5px 0 var(--warning-shape-color, #fa0);
  margin-left: -1px;
}
.action-stripe--semantic-bar-warning:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-warning:first-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-warning:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-warning:last-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-warning:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-warning:only-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-critical {
  box-shadow: inset 5px 0 var(--critical-shape-color, #f50c00);
  margin-left: -1px;
}
.action-stripe--semantic-bar-critical:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-critical:first-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-critical:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-critical:last-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-critical:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-critical:only-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-neutral {
  box-shadow: inset 5px 0 var(--neutral-shape-color, #718095);
  margin-left: -1px;
}
.action-stripe--semantic-bar-neutral:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-neutral:first-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-neutral:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-neutral:last-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-neutral:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-neutral:only-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-activating {
  box-shadow: inset 5px 0 var(--activating-shape-color, #11c7e6);
  margin-left: -1px;
}
.action-stripe--semantic-bar-activating:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-activating:first-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-activating:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-activating:last-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-activating:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-activating:only-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-corporate {
  box-shadow: inset 5px 0 var(--corporate-shape-color, #001b41);
  margin-left: -1px;
}
.action-stripe--semantic-bar-corporate:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-corporate:first-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-corporate:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-corporate:last-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-corporate:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-corporate:only-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-promoting {
  box-shadow: inset 5px 0 var(--promoting-shape-color, #b410e7);
  margin-left: -1px;
}
.action-stripe--semantic-bar-promoting:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-promoting:first-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-promoting:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-promoting:last-child {
    border-radius: 0;
  }
}
.action-stripe--semantic-bar-promoting:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .action-stripe--semantic-bar-promoting:only-child {
    border-radius: 0;
  }
}
.action-stripe__label {
  align-self: center;
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  padding: 0 15px;
  width: 91.66667%;
}
.action-stripe__label--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .action-stripe__label--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .action-stripe__label--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .action-stripe__label--large-nowrap {
    white-space: nowrap;
  }
}
.action-stripe__label--break-all {
  word-break: break-all;
}
.action-stripe__label--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .action-stripe__label--small-break-all {
    word-break: break-all;
  }
  .action-stripe__label--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .action-stripe__label--medium-break-all {
    word-break: break-all;
  }
  .action-stripe__label--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .action-stripe__label--large-break-all {
    word-break: break-all;
  }
  .action-stripe__label--large-break-word {
    word-break: break-word;
  }
}
.action-stripe__label--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .action-stripe__label--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .action-stripe__label--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .action-stripe__label--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.action-stripe--disabled .action-stripe__label {
  opacity: 0.62;
}
.action-stripe--link .action-stripe__label {
  flex-grow: 1;
  width: auto;
}
.action-stripe__action {
  align-self: center;
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  padding: 0 15px;
  text-align: right;
  width: 8.33333%;
}
.action-stripe__action--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .action-stripe__action--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .action-stripe__action--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .action-stripe__action--large-nowrap {
    white-space: nowrap;
  }
}
.action-stripe__action--break-all {
  word-break: break-all;
}
.action-stripe__action--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .action-stripe__action--small-break-all {
    word-break: break-all;
  }
  .action-stripe__action--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .action-stripe__action--medium-break-all {
    word-break: break-all;
  }
  .action-stripe__action--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .action-stripe__action--large-break-all {
    word-break: break-all;
  }
  .action-stripe__action--large-break-word {
    word-break: break-word;
  }
}
.action-stripe__action--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .action-stripe__action--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .action-stripe__action--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .action-stripe__action--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.action-stripe__icon {
  align-self: center;
  height: auto;
  margin-left: 13px;
  width: auto;
}
.action-stripe__icon--exos-icon:before {
  font-family: exos-icon-font;
  font-size: 32px;
  font-style: normal;
  font-weight: 400 !important;
  vertical-align: top;
  vertical-align: middle;
}
.action-stripe__icon--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .action-stripe__icon--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .action-stripe__icon--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .action-stripe__icon--small-hidden {
    display: none;
  }
}
.action-stripe--disabled .action-stripe__action {
  opacity: 0.62;
  pointer-events: none;
}
.action-stripe--link .action-stripe__action {
  white-space: nowrap;
  width: auto;
}
@media only screen and (max-width: 666px) {
  .action-stripe,
  .action-stripe__action,
  .action-stripe__label {
    padding-left: 8px;
    padding-right: 8px;
  }
  .action-stripe__icon {
    margin-left: 8px;
    margin-right: 0;
  }
  .action-stripe--link {
    flex-flow: column;
  }
  .action-stripe--link .action-stripe__icon {
    align-self: flex-start;
  }
  .action-stripe--link .action-stripe__action,
  .action-stripe--link .action-stripe__label {
    text-align: left;
    width: 100%;
  }
}
.action-stripe--activating {
  border-bottom-color: var(--activating-shape-color, #11c7e6);
  color: var(--default-text-color, #001b41);
}
.action-stripe--activating,
.action-stripe--activating + .action-stripe {
  border-top-color: var(--activating-shape-color, #11c7e6);
}
.action-stripe--activating:hover {
  border-bottom: 1px solid var(--activating-text-color, #007e9c);
  border-top: 1px solid var(--activating-text-color, #007e9c);
}
.action-stripe--activating:hover:last-child {
  border-bottom: inherit;
}
.action-stripe--success {
  border-bottom-color: var(--success-shape-color, #0fa954);
  color: var(--default-text-color, #001b41);
}
.action-stripe--success,
.action-stripe--success + .action-stripe {
  border-top-color: var(--success-shape-color, #0fa954);
}
.action-stripe--success:hover {
  border-bottom: 1px solid var(--success-text-color, #096b35);
  border-top: 1px solid var(--success-text-color, #096b35);
}
.action-stripe--success:hover:last-child {
  border-bottom: inherit;
}
.action-stripe--warning {
  border-bottom-color: var(--warning-shape-color, #fa0);
  color: var(--default-text-color, #001b41);
}
.action-stripe--warning,
.action-stripe--warning + .action-stripe {
  border-top-color: var(--warning-shape-color, #fa0);
}
.action-stripe--warning:hover {
  border-bottom: 1px solid var(--warning-text-color, #c36b00);
  border-top: 1px solid var(--warning-text-color, #c36b00);
}
.action-stripe--warning:hover:last-child {
  border-bottom: inherit;
}
.action-stripe--critical {
  border-bottom-color: var(--critical-shape-color, #f50c00);
  color: var(--default-text-color, #001b41);
}
.action-stripe--critical,
.action-stripe--critical + .action-stripe {
  border-top-color: var(--critical-shape-color, #f50c00);
}
.action-stripe--critical:hover {
  border-bottom: 1px solid var(--critical-text-color, #c80a00);
  border-top: 1px solid var(--critical-text-color, #c80a00);
}
.action-stripe--critical:hover:last-child {
  border-bottom: inherit;
}
.action-stripe--promoting {
  border-bottom-color: var(--promoting-shape-color, #b410e7);
  color: var(--default-text-color, #001b41);
}
.action-stripe--promoting,
.action-stripe--promoting + .action-stripe {
  border-top-color: var(--promoting-shape-color, #b410e7);
}
.action-stripe--promoting:hover {
  border-bottom: 1px solid var(--promoting-text-color, #560e8a);
  border-top: 1px solid var(--promoting-text-color, #560e8a);
}
.action-stripe--promoting:hover:last-child {
  border-bottom: inherit;
}
.action-stripe--corporate {
  border-bottom-color: var(--corporate-shape-color, #001b41);
  color: var(--default-text-color, #001b41);
}
.action-stripe--corporate,
.action-stripe--corporate + .action-stripe {
  border-top-color: var(--corporate-shape-color, #001b41);
}
.action-stripe--corporate:hover {
  border-bottom: 1px solid var(--corporate-text-color, #0b2a63);
  border-top: 1px solid var(--corporate-text-color, #0b2a63);
}
.action-stripe--corporate:hover:last-child {
  border-bottom: inherit;
}
.action-stripe--neutral {
  border-bottom-color: var(--neutral-shape-color, #718095);
  color: var(--default-text-color, #001b41);
}
.action-stripe--neutral,
.action-stripe--neutral + .action-stripe {
  border-top-color: var(--neutral-shape-color, #718095);
}
.action-stripe--neutral:hover {
  border-bottom: 1px solid var(--neutral-text-color, #465a75);
  border-top: 1px solid var(--neutral-text-color, #465a75);
}
.action-stripe--neutral:hover:last-child {
  border-bottom: inherit;
}
@media only screen and (max-width: 666px) {
  .headless-mode .action-stripe--headless-hidden,
  .headless-mode .action-stripe__icon--headless-hidden {
    display: none;
  }
}
.action-stripe:last-child:not(.action-stripe--activating):not(
    .action-stripe--success
  ):not(.action-stripe--warning):not(.action-stripe--critical):not(
    .action-stripe--promoting
  ):not(.action-stripe--corporate):not(.action-stripe--neutral):not(
    .action-stripe--advertising
  ) {
  border-bottom: 0;
}
.action-stripe:first-child:not(.action-stripe--activating):not(
    .action-stripe--success
  ):not(.action-stripe--warning):not(.action-stripe--critical):not(
    .action-stripe--promoting
  ):not(.action-stripe--corporate):not(.action-stripe--neutral):not(
    .action-stripe--advertising
  ) {
  border-top: 0;
}
.settings-stripe {
  border-bottom: 1px solid var(--tertiary-shape-color, #bcc8d4);
  border-top: 1px solid var(--tertiary-shape-color, #bcc8d4);
  box-sizing: border-box;
  display: flex;
  float: none;
  margin-top: -1px;
  min-height: 1px;
  padding: 14px 0 16px;
  position: relative;
  width: auto;
}
.settings-stripe:after {
  clear: both;
  content: "";
  display: table;
}
.settings-stripe:last-child {
  border-bottom: inherit;
}
.settings-stripe--borderless {
  border-bottom: none;
  border-top: none;
  padding: 7px 0 9px;
}
.settings-stripe--disabled {
  background-color: var(--default-background-color, #f4f7fa);
  color: var(--secondary-text-color, #465a75);
  cursor: not-allowed;
}
.settings-stripe--short {
  display: inherit;
}
.settings-stripe .link--next:after {
  color: var(--interactive-shape-color, #1474c4);
}
.settings-stripe.__direct-selection:hover {
  background-color: var(--default-background-color, #f4f7fa);
}
.settings-stripe--page-context.__direct-selection:hover {
  background-color: var(--white, #fff);
}
.settings-stripe--advertising {
  background: var(--advertising-background-gradient-start, #003d8f);
  background: linear-gradient(
    to bottom right,
    var(--advertising-background-gradient-start, #003d8f),
    var(--advertising-background-gradient-end, #1474c4)
  );
  border-bottom: 1px solid var(--advertising-background-gradient-end, #1474c4);
  border-top: 1px solid var(--advertising-background-gradient-start, #003d8f);
  color: var(--white, #fff);
}
.settings-stripe--advertising .__hover.toggle-link,
.settings-stripe--advertising .link,
.settings-stripe--advertising .link--next:after,
.settings-stripe--advertising .link.__hover,
.settings-stripe--advertising .link:before,
.settings-stripe--advertising .toggle-link,
.settings-stripe--advertising .toggle-link:before {
  color: var(--white, #fff);
}
.settings-stripe--corporate-solid {
  background-color: var(--solid-corporate-background-color, #0b2a63);
  border-bottom: 1px solid
    var(--hovered-advertising-background-gradient-end, #003d8f);
  border-top: 1px solid
    var(--hovered-advertising-background-gradient-start, #001b41);
  color: var(--white, #fff);
}
.settings-stripe--corporate-solid .__hover.toggle-link,
.settings-stripe--corporate-solid .link,
.settings-stripe--corporate-solid .link--next:after,
.settings-stripe--corporate-solid .link.__hover,
.settings-stripe--corporate-solid .link:before,
.settings-stripe--corporate-solid .toggle-link,
.settings-stripe--corporate-solid .toggle-link:before {
  color: var(--white, #fff);
}
.settings-stripe--advertising.__direct-selection:hover {
  background: var(--hovered-advertising-background-gradient-start, #001b41);
  background: linear-gradient(
    to bottom right,
    var(--hovered-advertising-background-gradient-start, #001b41),
    var(--hovered-advertising-background-gradient-end, #003d8f)
  );
  border-bottom: 1px solid
    var(--hovered-advertising-background-gradient-end, #003d8f);
  border-top: 1px solid
    var(--hovered-advertising-background-gradient-start, #001b41);
}
.settings-stripe--advertising.__direct-selection:hover:last-child {
  border-bottom: inherit;
}
.settings-stripe--advertising.__direct-selection:hover .__hover.toggle-link,
.settings-stripe--advertising.__direct-selection:hover .link,
.settings-stripe--advertising.__direct-selection:hover .link--next:after,
.settings-stripe--advertising.__direct-selection:hover .link.__hover,
.settings-stripe--advertising.__direct-selection:hover .link:before,
.settings-stripe--advertising.__direct-selection:hover .toggle-link,
.settings-stripe--advertising.__direct-selection:hover .toggle-link:before {
  color: var(--white, #fff);
}
.settings-stripe--corporate-solid.__direct-selection:hover {
  background: var(--hovered-advertising-background-gradient-start, #001b41);
}
.settings-stripe--corporate-solid.__direct-selection:hover:last-child {
  border-bottom: inherit;
}
.settings-stripe--corporate-solid.__direct-selection:hover .__hover.toggle-link,
.settings-stripe--corporate-solid.__direct-selection:hover .link,
.settings-stripe--corporate-solid.__direct-selection:hover .link--next:after,
.settings-stripe--corporate-solid.__direct-selection:hover .link.__hover,
.settings-stripe--corporate-solid.__direct-selection:hover .link:before,
.settings-stripe--corporate-solid.__direct-selection:hover .toggle-link,
.settings-stripe--corporate-solid.__direct-selection:hover .toggle-link:before {
  color: var(--white, #fff);
}
.settings-stripe.__direct-selection:hover .link--next:after {
  color: var(--corporate-text-color, #0b2a63);
}
.settings-stripe--advertising.__direct-selection:hover .link--next:after {
  color: var(--white, #fff);
}
.settings-stripe--semantic-bar-success {
  box-shadow: inset 5px 0 var(--success-shape-color, #0fa954);
  margin-left: -1px;
}
.settings-stripe--semantic-bar-success:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-success:first-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-success:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-success:last-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-success:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-success:only-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-warning {
  box-shadow: inset 5px 0 var(--warning-shape-color, #fa0);
  margin-left: -1px;
}
.settings-stripe--semantic-bar-warning:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-warning:first-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-warning:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-warning:last-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-warning:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-warning:only-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-critical {
  box-shadow: inset 5px 0 var(--critical-shape-color, #f50c00);
  margin-left: -1px;
}
.settings-stripe--semantic-bar-critical:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-critical:first-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-critical:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-critical:last-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-critical:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-critical:only-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-neutral {
  box-shadow: inset 5px 0 var(--neutral-shape-color, #718095);
  margin-left: -1px;
}
.settings-stripe--semantic-bar-neutral:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-neutral:first-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-neutral:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-neutral:last-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-neutral:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-neutral:only-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-activating {
  box-shadow: inset 5px 0 var(--activating-shape-color, #11c7e6);
  margin-left: -1px;
}
.settings-stripe--semantic-bar-activating:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-activating:first-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-activating:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-activating:last-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-activating:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-activating:only-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-corporate {
  box-shadow: inset 5px 0 var(--corporate-shape-color, #001b41);
  margin-left: -1px;
}
.settings-stripe--semantic-bar-corporate:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-corporate:first-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-corporate:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-corporate:last-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-corporate:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-corporate:only-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-promoting {
  box-shadow: inset 5px 0 var(--promoting-shape-color, #b410e7);
  margin-left: -1px;
}
.settings-stripe--semantic-bar-promoting:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-promoting:first-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-promoting:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-promoting:last-child {
    border-radius: 0;
  }
}
.settings-stripe--semantic-bar-promoting:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .settings-stripe--semantic-bar-promoting:only-child {
    border-radius: 0;
  }
}
.settings-stripe__label {
  align-self: center;
  box-sizing: border-box;
  float: left;
  font-weight: 400;
  min-height: 1px;
  padding: 0 15px;
  width: 25%;
}
.settings-stripe__label--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .settings-stripe__label--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .settings-stripe__label--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .settings-stripe__label--large-nowrap {
    white-space: nowrap;
  }
}
.settings-stripe__label--break-all {
  word-break: break-all;
}
.settings-stripe__label--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .settings-stripe__label--small-break-all {
    word-break: break-all;
  }
  .settings-stripe__label--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .settings-stripe__label--medium-break-all {
    word-break: break-all;
  }
  .settings-stripe__label--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .settings-stripe__label--large-break-all {
    word-break: break-all;
  }
  .settings-stripe__label--large-break-word {
    word-break: break-word;
  }
}
.settings-stripe__label--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .settings-stripe__label--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .settings-stripe__label--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .settings-stripe__label--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.settings-stripe--disabled .settings-stripe__label {
  opacity: 0.62;
}
.settings-stripe--short .settings-stripe__label {
  color: var(--secondary-text-color, #465a75);
  float: left;
  margin-bottom: 3px;
  width: 83.33333%;
}
.settings-stripe--short.settings-stripe--menu .settings-stripe__label {
  float: left;
  width: 83.33333%;
}
.settings-stripe--short.settings-stripe--switch .settings-stripe__label {
  float: left;
  width: 75%;
}
.settings-stripe--short.settings-stripe--link .settings-stripe__label {
  float: left;
  width: 50%;
}
.settings-stripe__value {
  align-self: center;
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  padding: 0 15px;
  width: 66.66667%;
}
.settings-stripe__value--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .settings-stripe__value--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .settings-stripe__value--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .settings-stripe__value--large-nowrap {
    white-space: nowrap;
  }
}
.settings-stripe__value--break-all {
  word-break: break-all;
}
.settings-stripe__value--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .settings-stripe__value--small-break-all {
    word-break: break-all;
  }
  .settings-stripe__value--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .settings-stripe__value--medium-break-all {
    word-break: break-all;
  }
  .settings-stripe__value--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .settings-stripe__value--large-break-all {
    word-break: break-all;
  }
  .settings-stripe__value--large-break-word {
    word-break: break-word;
  }
}
.settings-stripe__value--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .settings-stripe__value--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .settings-stripe__value--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .settings-stripe__value--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.settings-stripe--menu .settings-stripe__value,
.settings-stripe--switch .settings-stripe__value {
  float: left;
  width: 58.33333%;
}
.settings-stripe--link .settings-stripe__value {
  float: left;
  width: 50%;
}
.settings-stripe--readonly .settings-stripe__value {
  float: left;
  width: 75%;
}
.settings-stripe--short .settings-stripe__value {
  float: left;
  width: 83.33333%;
}
.settings-stripe--short .settings-stripe__value,
.settings-stripe--short.settings-stripe--menu .settings-stripe__value,
.settings-stripe--short.settings-stripe--readonly .settings-stripe__value,
.settings-stripe--short.settings-stripe--switch .settings-stripe__value {
  font-size: var(--default-text-size, 14px);
  width: 100%;
}
.settings-stripe--short.settings-stripe--menu .settings-stripe__value {
  float: left;
  width: 83.33333%;
}
.settings-stripe--short.settings-stripe--switch .settings-stripe__value {
  float: left;
  width: 75%;
}
.settings-stripe--short.settings-stripe--link .settings-stripe__value {
  width: 100%;
}
.settings-stripe__action {
  align-self: center;
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  padding: 0 15px;
  text-align: right;
  width: 8.33333%;
}
.settings-stripe__action--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .settings-stripe__action--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .settings-stripe__action--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .settings-stripe__action--large-nowrap {
    white-space: nowrap;
  }
}
.settings-stripe__action--break-all {
  word-break: break-all;
}
.settings-stripe__action--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .settings-stripe__action--small-break-all {
    word-break: break-all;
  }
  .settings-stripe__action--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .settings-stripe__action--medium-break-all {
    word-break: break-all;
  }
  .settings-stripe__action--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .settings-stripe__action--large-break-all {
    word-break: break-all;
  }
  .settings-stripe__action--large-break-word {
    word-break: break-word;
  }
}
.settings-stripe__action--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .settings-stripe__action--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .settings-stripe__action--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .settings-stripe__action--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.settings-stripe--menu .settings-stripe__action,
.settings-stripe--switch .settings-stripe__action {
  float: left;
  width: 16.66667%;
}
.settings-stripe--link .settings-stripe__action {
  float: left;
  width: 25%;
}
.settings-stripe--disabled .settings-stripe__action {
  cursor: not-allowed;
  opacity: 0.62;
  pointer-events: none;
}
.settings-stripe--short .settings-stripe__action {
  align-items: center;
  display: flex;
  float: left;
  height: 100%;
  justify-content: flex-end;
  position: absolute;
  right: 15px;
  top: 0;
  width: 16.66667%;
}
.settings-stripe--short.settings-stripe--switch .settings-stripe__action {
  float: left;
  top: 0;
  width: 25%;
}
.settings-stripe--short.settings-stripe--link .settings-stripe__action {
  float: left;
  height: auto;
  top: 13px;
  width: 50%;
}
.settings-stripe__icon {
  align-self: center;
  height: auto;
  margin-left: 13px;
  width: auto;
}
.settings-stripe__icon--exos-icon:before {
  font-family: exos-icon-font;
  font-size: 32px;
  font-style: normal;
  font-weight: 400 !important;
  vertical-align: top;
  vertical-align: middle;
}
.settings-stripe__icon--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .settings-stripe__icon--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .settings-stripe__icon--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .settings-stripe__icon--small-hidden {
    display: none;
  }
  .settings-stripe {
    display: inherit;
  }
  .settings-stripe,
  .settings-stripe__action,
  .settings-stripe__label,
  .settings-stripe__value {
    padding-left: 8px;
    padding-right: 8px;
  }
  .settings-stripe__icon {
    margin-left: 8px;
    margin-right: 0;
  }
  .settings-stripe__label {
    float: left;
    margin-bottom: 1px;
    width: 83.33333%;
  }
  .settings-stripe--switch .settings-stripe__label {
    float: left;
    width: 75%;
  }
  .settings-stripe--link .settings-stripe__label,
  .settings-stripe--link .settings-stripe__value,
  .settings-stripe--menu .settings-stripe__value,
  .settings-stripe--readonly .settings-stripe__label,
  .settings-stripe--readonly .settings-stripe__value,
  .settings-stripe--short.settings-stripe--link .settings-stripe__label,
  .settings-stripe--switch .settings-stripe__value,
  .settings-stripe__value {
    width: 100%;
  }
  .settings-stripe--short .settings-stripe__action,
  .settings-stripe__action {
    align-items: center;
    display: flex;
    float: left;
    height: 100%;
    justify-content: flex-end;
    position: absolute;
    right: 8px;
    top: 0;
    width: 16.66667%;
  }
  .settings-stripe--switch .settings-stripe__action {
    float: left;
    width: 25%;
  }
  .settings-stripe--menu .settings-stripe__action {
    min-width: 53%;
  }
  .settings-stripe--link .settings-stripe__action {
    align-items: inherit;
    display: inherit;
    height: inherit;
    justify-content: inherit;
    position: inherit;
    right: inherit;
    text-align: left;
    top: inherit;
    width: 100%;
  }
  .settings-stripe--link .settings-stripe__icon {
    align-self: flex-start;
  }
  .settings-stripe--short .settings-stripe--switch .settings-stripe__action {
    float: left;
    width: 25%;
  }
  .settings-stripe--short .settings-stripe--menu .settings-stripe__action {
    min-width: 53%;
  }
  .settings-stripe--short.settings-stripe--link .settings-stripe__action {
    top: inherit;
    width: 100%;
  }
}
.settings-stripe--activating {
  background-color: var(--activating-background-color, #fff);
  border-color: var(--activating-shape-color, #11c7e6);
}
.settings-stripe--activating + .settings-stripe {
  border-top-color: var(--activating-shape-color, #11c7e6);
}
.settings-stripe--activating:hover {
  border-bottom: 1px solid var(--activating-text-color, #007e9c);
  border-top: 1px solid var(--activating-text-color, #007e9c);
}
.settings-stripe--activating:hover:last-child {
  border-bottom: inherit;
}
.settings-stripe--success {
  background-color: var(--success-background-color, #fff);
  border-color: var(--success-shape-color, #0fa954);
}
.settings-stripe--success + .settings-stripe {
  border-top-color: var(--success-shape-color, #0fa954);
}
.settings-stripe--success:hover {
  border-bottom: 1px solid var(--success-text-color, #096b35);
  border-top: 1px solid var(--success-text-color, #096b35);
}
.settings-stripe--success:hover:last-child {
  border-bottom: inherit;
}
.settings-stripe--warning {
  background-color: var(--warning-background-color, #fff);
  border-color: var(--warning-shape-color, #fa0);
  color: var(--default-text-color, #001b41);
}
.settings-stripe--warning + .settings-stripe {
  border-top-color: var(--warning-shape-color, #fa0);
}
.settings-stripe--warning:hover {
  border-bottom: 1px solid var(--warning-text-color, #c36b00);
  border-top: 1px solid var(--warning-text-color, #c36b00);
}
.settings-stripe--warning:hover:last-child {
  border-bottom: inherit;
}
.settings-stripe--critical {
  background-color: var(--critical-background-color, #fff);
  border-color: var(--critical-shape-color, #f50c00);
  color: var(--default-text-color, #001b41);
}
.settings-stripe--critical + .settings-stripe {
  border-top-color: var(--critical-shape-color, #f50c00);
}
.settings-stripe--critical:hover {
  border-bottom: 1px solid var(--critical-text-color, #c80a00);
  border-top: 1px solid var(--critical-text-color, #c80a00);
}
.settings-stripe--critical:hover:last-child {
  border-bottom: inherit;
}
.settings-stripe--promoting {
  background-color: var(--promoting-background-color, #fff);
  border-color: var(--promoting-shape-color, #b410e7);
  color: var(--default-text-color, #001b41);
}
.settings-stripe--promoting + .settings-stripe {
  border-top-color: var(--promoting-shape-color, #b410e7);
}
.settings-stripe--promoting:hover {
  border-bottom: 1px solid var(--promoting-text-color, #560e8a);
  border-top: 1px solid var(--promoting-text-color, #560e8a);
}
.settings-stripe--promoting:hover:last-child {
  border-bottom: inherit;
}
.settings-stripe--corporate {
  background-color: var(--corporate-background-color, #fff);
  border-color: var(--corporate-shape-color, #001b41);
  color: var(--default-text-color, #001b41);
}
.settings-stripe--corporate + .settings-stripe {
  border-top-color: var(--corporate-shape-color, #001b41);
}
.settings-stripe--corporate:hover {
  border-bottom: 1px solid var(--corporate-text-color, #0b2a63);
  border-top: 1px solid var(--corporate-text-color, #0b2a63);
}
.settings-stripe--corporate:hover:last-child {
  border-bottom: inherit;
}
.settings-stripe--neutral {
  background-color: var(--neutral-background-color, #fff);
  border-color: var(--neutral-shape-color, #718095);
  color: var(--default-text-color, #001b41);
}
.settings-stripe--neutral + .settings-stripe {
  border-top-color: var(--neutral-shape-color, #718095);
}
.settings-stripe--neutral:hover {
  border-bottom: 1px solid var(--neutral-text-color, #465a75);
  border-top: 1px solid var(--neutral-text-color, #465a75);
}
.settings-stripe--neutral:hover:last-child {
  border-bottom: inherit;
}
@media only screen and (max-width: 666px) {
  .headless-mode .settings-stripe--headless-hidden,
  .headless-mode .settings-stripe__icon--headless-hidden {
    display: none;
  }
}
.settings-stripe__flyout .context-menu__list {
  right: 16px;
}
@media only screen and (max-width: 666px) {
  .settings-stripe__flyout .context-menu__list {
    position: absolute;
    right: 0;
  }
}
.settings-stripe--short .settings-stripe__flyout .context-menu__list {
  right: 1;
}
.settings-stripe > :last-child {
  margin-bottom: 0;
}
.settings-stripe:last-child:not(.settings-stripe--activating):not(
    .settings-stripe--warning
  ):not(.settings-stripe--success):not(.settings-stripe--critical) {
  border-bottom: 0;
}
.settings-stripe:first-child:not(.settings-stripe--activating):not(
    .settings-stripe--warning
  ):not(.settings-stripe--success):not(.settings-stripe--critical) {
  border-top: 0;
}
.settings-stripe__value .quotabar {
  margin-top: 8px;
}
@media only screen and (max-width: 666px) {
  .settings-stripe__value .quotabar {
    margin-top: 4px;
  }
}
.settings-stripe__value .quotabar__bar {
  margin-bottom: 6px;
}
.settings-stripe__value .quotabar__bar + .quotabar__text {
  font-size: var(--default-text-size, 14px);
  margin-top: 6px;
}
.settings-stripe--short .settings-stripe__value .quotabar {
  margin-top: 3px;
}
.menu-stripe {
  background-color: var(--white, #fff);
  border: 1px solid var(--tertiary-shape-color, #bcc8d4);
  border-radius: var(--default-border-radius, 16px);
  margin-bottom: 16px;
  overflow: hidden;
}
@media only screen and (max-width: 666px) {
  .menu-stripe {
    border-radius: 8px;
  }
}
.menu-stripe--page-context {
  background-color: transparent;
  border: none;
}
.menu-stripe--cropped {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
.menu-stripe--cropped + .menu-stripe {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.menu-stripe--cropped + .menu-stripe:first-child {
  border-radius: 16px 16px 0 0;
}
@media only screen and (max-width: 666px) {
  .menu-stripe--cropped + .menu-stripe:first-child {
    border-radius: 8px 8px 0 0;
  }
}
.menu-stripe--cropped + .menu-stripe:last-child {
  border-radius: 0 0 16px 16px;
}
@media only screen and (max-width: 666px) {
  .menu-stripe--cropped + .menu-stripe:last-child {
    border-radius: 0 0 8px 8px;
  }
}
.menu-stripe__section {
  display: flex;
  padding: 8px;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section {
    flex-flow: column;
  }
}
.menu-stripe__section--semantic-bar-success {
  box-shadow: inset 5px 0 var(--success-shape-color, #0fa954);
  margin-left: -1px;
}
.menu-stripe__section--semantic-bar-success:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-success:first-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-success:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-success:last-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-success:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-success:only-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-warning {
  box-shadow: inset 5px 0 var(--warning-shape-color, #fa0);
  margin-left: -1px;
}
.menu-stripe__section--semantic-bar-warning:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-warning:first-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-warning:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-warning:last-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-warning:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-warning:only-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-critical {
  box-shadow: inset 5px 0 var(--critical-shape-color, #f50c00);
  margin-left: -1px;
}
.menu-stripe__section--semantic-bar-critical:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-critical:first-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-critical:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-critical:last-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-critical:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-critical:only-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-neutral {
  box-shadow: inset 5px 0 var(--neutral-shape-color, #718095);
  margin-left: -1px;
}
.menu-stripe__section--semantic-bar-neutral:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-neutral:first-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-neutral:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-neutral:last-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-neutral:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-neutral:only-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-activating {
  box-shadow: inset 5px 0 var(--activating-shape-color, #11c7e6);
  margin-left: -1px;
}
.menu-stripe__section--semantic-bar-activating:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-activating:first-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-activating:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-activating:last-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-activating:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-activating:only-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-corporate {
  box-shadow: inset 5px 0 var(--corporate-shape-color, #001b41);
  margin-left: -1px;
}
.menu-stripe__section--semantic-bar-corporate:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-corporate:first-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-corporate:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-corporate:last-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-corporate:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-corporate:only-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-promoting {
  box-shadow: inset 5px 0 var(--promoting-shape-color, #b410e7);
  margin-left: -1px;
}
.menu-stripe__section--semantic-bar-promoting:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-promoting:first-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-promoting:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-promoting:last-child {
    border-radius: 0;
  }
}
.menu-stripe__section--semantic-bar-promoting:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--semantic-bar-promoting:only-child {
    border-radius: 0;
  }
}
.menu-stripe__section--success {
  border: 2px solid var(--success-shape-color, #0fa954);
  margin: -1px;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--success {
    border-left: none;
    border-right: none;
  }
}
.menu-stripe__section--success:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--success:first-child {
    border-radius: 0;
  }
}
.menu-stripe__section--success:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--success:last-child {
    border-radius: 0;
  }
}
.menu-stripe__section--success:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--success:only-child {
    border-radius: 0;
  }
}
.menu-stripe__section--warning {
  border: 2px solid var(--warning-shape-color, #fa0);
  margin: -1px;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--warning {
    border-left: none;
    border-right: none;
  }
}
.menu-stripe__section--warning:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--warning:first-child {
    border-radius: 0;
  }
}
.menu-stripe__section--warning:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--warning:last-child {
    border-radius: 0;
  }
}
.menu-stripe__section--warning:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--warning:only-child {
    border-radius: 0;
  }
}
.menu-stripe__section--critical {
  border: 2px solid var(--critical-shape-color, #f50c00);
  margin: -1px;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--critical {
    border-left: none;
    border-right: none;
  }
}
.menu-stripe__section--critical:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--critical:first-child {
    border-radius: 0;
  }
}
.menu-stripe__section--critical:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--critical:last-child {
    border-radius: 0;
  }
}
.menu-stripe__section--critical:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--critical:only-child {
    border-radius: 0;
  }
}
.menu-stripe__section--neutral {
  border: 2px solid var(--neutral-shape-color, #718095);
  margin: -1px;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--neutral {
    border-left: none;
    border-right: none;
  }
}
.menu-stripe__section--neutral:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--neutral:first-child {
    border-radius: 0;
  }
}
.menu-stripe__section--neutral:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--neutral:last-child {
    border-radius: 0;
  }
}
.menu-stripe__section--neutral:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--neutral:only-child {
    border-radius: 0;
  }
}
.menu-stripe__section--activating {
  border: 2px solid var(--activating-shape-color, #11c7e6);
  margin: -1px;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--activating {
    border-left: none;
    border-right: none;
  }
}
.menu-stripe__section--activating:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--activating:first-child {
    border-radius: 0;
  }
}
.menu-stripe__section--activating:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--activating:last-child {
    border-radius: 0;
  }
}
.menu-stripe__section--activating:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--activating:only-child {
    border-radius: 0;
  }
}
.menu-stripe__section--corporate {
  border: 2px solid var(--corporate-shape-color, #001b41);
  margin: -1px;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--corporate {
    border-left: none;
    border-right: none;
  }
}
.menu-stripe__section--corporate:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--corporate:first-child {
    border-radius: 0;
  }
}
.menu-stripe__section--corporate:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--corporate:last-child {
    border-radius: 0;
  }
}
.menu-stripe__section--corporate:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--corporate:only-child {
    border-radius: 0;
  }
}
.menu-stripe__section--promoting {
  border: 2px solid var(--promoting-shape-color, #b410e7);
  margin: -1px;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--promoting {
    border-left: none;
    border-right: none;
  }
}
.menu-stripe__section--promoting:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--promoting:first-child {
    border-radius: 0;
  }
}
.menu-stripe__section--promoting:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--promoting:last-child {
    border-radius: 0;
  }
}
.menu-stripe__section--promoting:only-child {
  border-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .menu-stripe__section--promoting:only-child {
    border-radius: 0;
  }
}
.menu-stripe__section--success-solid {
  background-color: var(--solid-success-background-color, #12cf76);
  color: var(--corporate-text-color, #0b2a63);
}
.menu-stripe__section--warning-solid {
  background-color: var(--solid-warning-background-color, #fa0);
  color: var(--corporate-text-color, #0b2a63);
}
.menu-stripe__section--critical-solid {
  background-color: var(--solid-critical-background-color, #ff6159);
  color: var(--corporate-text-color, #0b2a63);
}
.menu-stripe__section--neutral-solid {
  background-color: var(--solid-neutral-background-color, #465a75);
  color: var(--white, #fff);
}
.menu-stripe__section--activating-solid {
  background-color: var(--solid-activating-background-color, #11c7e6);
  color: var(--corporate-text-color, #0b2a63);
}
.menu-stripe__section--promoting-solid {
  background-color: var(--solid-promoting-background-color, #e480f8);
  color: var(--corporate-text-color, #0b2a63);
}
.menu-stripe__section--corporate-solid {
  background-color: var(--solid-corporate-background-color, #0b2a63);
  color: var(--white, #fff);
}
.menu-stripe__section--bright-solid {
  background-color: var(--solid-bright-background-color, #fff);
  color: var(--corporate-text-color, #0b2a63);
}
.menu-stripe__section--primary {
  background-color: var(--primary-background-color, #fff);
}
.menu-stripe__section--secondary {
  background-color: var(--secondary-background-color, #fff);
}
.menu-stripe__section--tertiary {
  background-color: var(--tertiary-background-color, #bcc8d4);
}
.menu-stripe__section--advertising {
  background: var(--advertising-background-gradient-start, #003d8f);
  background: linear-gradient(
    to bottom right,
    var(--advertising-background-gradient-start, #003d8f),
    var(--advertising-background-gradient-end, #1474c4)
  );
}
.menu-stripe__section--advertising > .headline,
.menu-stripe__section--advertising > .paragraph {
  color: var(--white, #fff);
}
.menu-stripe__section--beta {
  background-color: var(--default-background-color-inverted, #0b2a63);
}
.menu-stripe__section--beta > .headline,
.menu-stripe__section--beta > .paragraph {
  color: var(--white, #fff);
}
.menu-stripe__section--premium {
  background-color: var(--tertiary-background-color-inverted, #718095);
}
.menu-stripe__section--premium > .headline,
.menu-stripe__section--premium > .paragraph {
  color: var(--white, #fff);
}
.menu-stripe__separator {
  border: 0;
  border-top: 1px solid var(--tertiary-shape-color, #bcc8d4);
  margin: 0;
}
.menu-stripe__item {
  box-sizing: border-box;
  float: left;
  padding: 8px;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__item {
    padding-bottom: 6px;
    padding-top: 6px;
  }
}
.menu-stripe__item:first-child:last-child {
  width: 100%;
}
.menu-stripe__item:first-child:nth-last-child(2) {
  width: 30%;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__item:first-child:nth-last-child(2) {
    width: 100%;
  }
}
.menu-stripe__item:nth-child(2):last-child {
  width: 70%;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__item:nth-child(2):last-child {
    width: 100%;
  }
}
.menu-stripe__item:first-child:nth-last-child(3) {
  width: 30%;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__item:first-child:nth-last-child(3) {
    width: 100%;
  }
}
.menu-stripe__item:nth-child(2):nth-last-child(2) {
  width: 40%;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__item:nth-child(2):nth-last-child(2) {
    width: 100%;
  }
}
.menu-stripe__item:nth-child(3):last-child {
  width: 30%;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__item:nth-child(3):last-child {
    width: 100%;
  }
}
.menu-stripe__label {
  color: var(--default-text-color, #001b41);
  font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif);
  line-height: 1.5em;
  word-break: break-word;
}
.menu-stripe__label--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .menu-stripe__label--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .menu-stripe__label--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .menu-stripe__label--small-hidden {
    display: none;
  }
}
.menu-stripe__label--success {
  color: var(--success-text-color, #096b35);
}
.menu-stripe__label--warning {
  color: var(--warning-text-color, #c36b00);
}
.menu-stripe__label--critical {
  color: var(--critical-text-color, #c80a00);
}
.menu-stripe__label--neutral {
  color: var(--neutral-text-color, #465a75);
}
.menu-stripe__label--activating {
  color: var(--activating-text-color, #007e9c);
}
.menu-stripe__label--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.menu-stripe__label--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.menu-stripe__label--bright {
  color: var(--white, #fff);
}
.menu-stripe__label.exos-icon:before {
  color: var(--default-shape-color, #465a75);
}
.menu-stripe__label.exos-icon--bright:before {
  color: var(--white, #fff);
}
.menu-stripe__label.exos-icon--activating:before {
  color: var(--activating-text-color, #007e9c);
}
.menu-stripe__label.exos-icon--success:before {
  color: var(--success-text-color, #096b35);
}
.menu-stripe__label.exos-icon--warning:before {
  color: var(--warning-text-color, #c36b00);
}
.menu-stripe__label.exos-icon--critical:before {
  color: var(--critical-text-color, #c80a00);
}
.menu-stripe__label.exos-icon--neutral:before {
  color: var(--neutral-text-color, #465a75);
}
.menu-stripe__label.exos-icon--corporate:before {
  color: var(--corporate-text-color, #0b2a63);
}
.menu-stripe__label.exos-icon--promoting:before {
  color: var(--promoting-text-color, #560e8a);
}
.menu-stripe__label--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__label--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .menu-stripe__label--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .menu-stripe__label--large-nowrap {
    white-space: nowrap;
  }
}
.menu-stripe__label--break-all {
  word-break: break-all;
}
.menu-stripe__label--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__label--small-break-all {
    word-break: break-all;
  }
  .menu-stripe__label--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .menu-stripe__label--medium-break-all {
    word-break: break-all;
  }
  .menu-stripe__label--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .menu-stripe__label--large-break-all {
    word-break: break-all;
  }
  .menu-stripe__label--large-break-word {
    word-break: break-word;
  }
}
.menu-stripe__label--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .menu-stripe__label--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .menu-stripe__label--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .menu-stripe__label--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.menu-stripe__status {
  color: var(--default-text-color, #001b41);
  line-height: 1.5em;
}
.menu-stripe__status--exos-icon {
  line-height: inherit;
}
.menu-stripe__status--exos-icon:before {
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  padding-bottom: 1px;
  padding-right: 3px;
  vertical-align: top;
  vertical-align: bottom;
}
.menu-stripe__status > .exos-icon {
  margin-right: 3px;
  vertical-align: bottom;
}
.menu-stripe__status > .svg-icon {
  margin: 0 3px 1px 0;
  pointer-events: none;
  vertical-align: middle;
}
.menu-stripe__status--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .menu-stripe__status--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .menu-stripe__status--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .menu-stripe__status--small-hidden {
    display: none;
  }
}
.menu-stripe__status--success {
  color: var(--success-text-color, #096b35);
}
.menu-stripe__status--warning {
  color: var(--warning-text-color, #c36b00);
}
.menu-stripe__status--critical {
  color: var(--critical-text-color, #c80a00);
}
.menu-stripe__status--neutral {
  color: var(--neutral-text-color, #465a75);
}
.menu-stripe__status--activating {
  color: var(--activating-text-color, #007e9c);
}
.menu-stripe__status--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.menu-stripe__status--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.menu-stripe__status--bright {
  color: var(--white, #fff);
}
.menu-stripe__status.exos-icon:before {
  color: var(--default-shape-color, #465a75);
}
.menu-stripe__status.exos-icon--bright:before {
  color: var(--white, #fff);
}
.menu-stripe__status.exos-icon--activating:before {
  color: var(--activating-text-color, #007e9c);
}
.menu-stripe__status.exos-icon--success:before {
  color: var(--success-text-color, #096b35);
}
.menu-stripe__status.exos-icon--warning:before {
  color: var(--warning-text-color, #c36b00);
}
.menu-stripe__status.exos-icon--critical:before {
  color: var(--critical-text-color, #c80a00);
}
.menu-stripe__status.exos-icon--neutral:before {
  color: var(--neutral-text-color, #465a75);
}
.menu-stripe__status.exos-icon--corporate:before {
  color: var(--corporate-text-color, #0b2a63);
}
.menu-stripe__status.exos-icon--promoting:before {
  color: var(--promoting-text-color, #560e8a);
}
.menu-stripe__status--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__status--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .menu-stripe__status--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .menu-stripe__status--large-nowrap {
    white-space: nowrap;
  }
}
.menu-stripe__status--break-all {
  word-break: break-all;
}
.menu-stripe__status--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__status--small-break-all {
    word-break: break-all;
  }
  .menu-stripe__status--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .menu-stripe__status--medium-break-all {
    word-break: break-all;
  }
  .menu-stripe__status--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .menu-stripe__status--large-break-all {
    word-break: break-all;
  }
  .menu-stripe__status--large-break-word {
    word-break: break-word;
  }
}
.menu-stripe__status--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .menu-stripe__status--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .menu-stripe__status--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .menu-stripe__status--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.menu-stripe__description {
  color: var(--default-text-color, #001b41);
  line-height: 1.5em;
}
.menu-stripe__description + .link,
.menu-stripe__description + .toggle-link {
  line-height: 1.5em;
}
.menu-stripe__description--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .menu-stripe__description--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .menu-stripe__description--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .menu-stripe__description--small-hidden {
    display: none;
  }
}
.menu-stripe__description--success {
  color: var(--success-text-color, #096b35);
}
.menu-stripe__description--warning {
  color: var(--warning-text-color, #c36b00);
}
.menu-stripe__description--critical {
  color: var(--critical-text-color, #c80a00);
}
.menu-stripe__description--neutral {
  color: var(--neutral-text-color, #465a75);
}
.menu-stripe__description--activating {
  color: var(--activating-text-color, #007e9c);
}
.menu-stripe__description--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.menu-stripe__description--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.menu-stripe__description--bright {
  color: var(--white, #fff);
}
.menu-stripe__description.exos-icon:before {
  color: var(--default-shape-color, #465a75);
}
.menu-stripe__description.exos-icon--bright:before {
  color: var(--white, #fff);
}
.menu-stripe__description.exos-icon--activating:before {
  color: var(--activating-text-color, #007e9c);
}
.menu-stripe__description.exos-icon--success:before {
  color: var(--success-text-color, #096b35);
}
.menu-stripe__description.exos-icon--warning:before {
  color: var(--warning-text-color, #c36b00);
}
.menu-stripe__description.exos-icon--critical:before {
  color: var(--critical-text-color, #c80a00);
}
.menu-stripe__description.exos-icon--neutral:before {
  color: var(--neutral-text-color, #465a75);
}
.menu-stripe__description.exos-icon--corporate:before {
  color: var(--corporate-text-color, #0b2a63);
}
.menu-stripe__description.exos-icon--promoting:before {
  color: var(--promoting-text-color, #560e8a);
}
.menu-stripe__description--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__description--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .menu-stripe__description--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .menu-stripe__description--large-nowrap {
    white-space: nowrap;
  }
}
.menu-stripe__description--break-all {
  word-break: break-all;
}
.menu-stripe__description--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__description--small-break-all {
    word-break: break-all;
  }
  .menu-stripe__description--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .menu-stripe__description--medium-break-all {
    word-break: break-all;
  }
  .menu-stripe__description--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .menu-stripe__description--large-break-all {
    word-break: break-all;
  }
  .menu-stripe__description--large-break-word {
    word-break: break-word;
  }
}
.menu-stripe__description--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .menu-stripe__description--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .menu-stripe__description--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .menu-stripe__description--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.menu-stripe__action {
  color: var(--default-text-color, #001b41);
  display: block;
  line-height: 1.5em;
  text-align: right;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__action {
    text-align: left;
  }
}
.menu-stripe__action--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .menu-stripe__action--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .menu-stripe__action--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .menu-stripe__action--small-hidden {
    display: none;
  }
}
.menu-stripe__action--success {
  color: var(--success-text-color, #096b35);
}
.menu-stripe__action--warning {
  color: var(--warning-text-color, #c36b00);
}
.menu-stripe__action--critical {
  color: var(--critical-text-color, #c80a00);
}
.menu-stripe__action--neutral {
  color: var(--neutral-text-color, #465a75);
}
.menu-stripe__action--activating {
  color: var(--activating-text-color, #007e9c);
}
.menu-stripe__action--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.menu-stripe__action--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.menu-stripe__action--bright {
  color: var(--white, #fff);
}
.menu-stripe__action.exos-icon:before {
  color: var(--default-shape-color, #465a75);
}
.menu-stripe__action.exos-icon--bright:before {
  color: var(--white, #fff);
}
.menu-stripe__action.exos-icon--activating:before {
  color: var(--activating-text-color, #007e9c);
}
.menu-stripe__action.exos-icon--success:before {
  color: var(--success-text-color, #096b35);
}
.menu-stripe__action.exos-icon--warning:before {
  color: var(--warning-text-color, #c36b00);
}
.menu-stripe__action.exos-icon--critical:before {
  color: var(--critical-text-color, #c80a00);
}
.menu-stripe__action.exos-icon--neutral:before {
  color: var(--neutral-text-color, #465a75);
}
.menu-stripe__action.exos-icon--corporate:before {
  color: var(--corporate-text-color, #0b2a63);
}
.menu-stripe__action.exos-icon--promoting:before {
  color: var(--promoting-text-color, #560e8a);
}
.menu-stripe__action--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__action--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .menu-stripe__action--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .menu-stripe__action--large-nowrap {
    white-space: nowrap;
  }
}
.menu-stripe__action--break-all {
  word-break: break-all;
}
.menu-stripe__action--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .menu-stripe__action--small-break-all {
    word-break: break-all;
  }
  .menu-stripe__action--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .menu-stripe__action--medium-break-all {
    word-break: break-all;
  }
  .menu-stripe__action--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .menu-stripe__action--large-break-all {
    word-break: break-all;
  }
  .menu-stripe__action--large-break-word {
    word-break: break-word;
  }
}
.menu-stripe__action--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .menu-stripe__action--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .menu-stripe__action--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .menu-stripe__action--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .headless-mode .menu-stripe--headless-hidden {
    display: none;
  }
}
.svg-icon {
  height: 16px;
  width: 16px;
}
.svg-icon--small {
  height: 14px;
  width: 14px;
}
.svg-icon--large {
  height: 20px;
  width: 20px;
}
.svg-icon--larger {
  height: 24px;
  width: 24px;
}
.svg-icon--disabled {
  cursor: not-allowed;
  opacity: 0.38;
}
.svg-icon--activating circle,
.svg-icon--activating ellipse,
.svg-icon--activating line,
.svg-icon--activating path,
.svg-icon--activating polygon,
.svg-icon--activating polyline,
.svg-icon--activating rect {
  fill: var(--activating-text-color, #007e9c);
}
.svg-icon--success circle,
.svg-icon--success ellipse,
.svg-icon--success line,
.svg-icon--success path,
.svg-icon--success polygon,
.svg-icon--success polyline,
.svg-icon--success rect {
  fill: var(--success-text-color, #096b35);
}
.svg-icon--warning circle,
.svg-icon--warning ellipse,
.svg-icon--warning line,
.svg-icon--warning path,
.svg-icon--warning polygon,
.svg-icon--warning polyline,
.svg-icon--warning rect {
  fill: var(--warning-text-color, #c36b00);
}
.svg-icon--critical circle,
.svg-icon--critical ellipse,
.svg-icon--critical line,
.svg-icon--critical path,
.svg-icon--critical polygon,
.svg-icon--critical polyline,
.svg-icon--critical rect {
  fill: var(--critical-text-color, #c80a00);
}
.svg-icon--promoting circle,
.svg-icon--promoting ellipse,
.svg-icon--promoting line,
.svg-icon--promoting path,
.svg-icon--promoting polygon,
.svg-icon--promoting polyline,
.svg-icon--promoting rect {
  fill: var(--promoting-text-color, #560e8a);
}
.svg-icon--corporate circle,
.svg-icon--corporate ellipse,
.svg-icon--corporate line,
.svg-icon--corporate path,
.svg-icon--corporate polygon,
.svg-icon--corporate polyline,
.svg-icon--corporate rect {
  fill: var(--corporate-text-color, #0b2a63);
}
.svg-icon--neutral circle,
.svg-icon--neutral ellipse,
.svg-icon--neutral line,
.svg-icon--neutral path,
.svg-icon--neutral polygon,
.svg-icon--neutral polyline,
.svg-icon--neutral rect {
  fill: var(--neutral-text-color, #465a75);
}
.svg-icon--bright circle,
.svg-icon--bright ellipse,
.svg-icon--bright line,
.svg-icon--bright path,
.svg-icon--bright polygon,
.svg-icon--bright polyline,
.svg-icon--bright rect {
  fill: var(--white, #fff);
}
.svg-icon--primary circle,
.svg-icon--primary ellipse,
.svg-icon--primary line,
.svg-icon--primary path,
.svg-icon--primary polygon,
.svg-icon--primary polyline,
.svg-icon--primary rect {
  fill: var(--primary-text-color, #02102b);
}
.svg-icon--secondary circle,
.svg-icon--secondary ellipse,
.svg-icon--secondary line,
.svg-icon--secondary path,
.svg-icon--secondary polygon,
.svg-icon--secondary polyline,
.svg-icon--secondary rect {
  fill: var(--secondary-text-color, #465a75);
}
.svg-icon--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .svg-icon--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .svg-icon--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .svg-icon--small-hidden {
    display: none;
  }
}
.table {
  background: var(--white, #fff);
  border: 1px solid var(--tertiary-shape-color, #bcc8d4);
  border-collapse: separate;
  border-radius: var(--default-border-radius, 16px);
  margin-bottom: 32px;
  margin-top: 1px;
  table-layout: fixed;
  width: 100%;
}
.table--cropped {
  margin-bottom: 0;
}
@media only screen and (max-width: 666px) {
  .table {
    border-radius: var(--small-border-radius, 8px);
  }
}
.table--page-context {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
@media only screen and (max-width: 666px) {
  .table--page-context {
    border-radius: 0;
  }
}
.table__caption {
  color: var(--default-text-color, #001b41);
  font-family: var(
    --default-font-regular,
    "OpenSansRegular",
    arial,
    arial narrow,
    sans-serif
  );
  font-size: var(--fourth-level-headline-size, 14px);
  padding: 12px 8px 16px;
  text-transform: uppercase;
}
@media only screen and (max-width: 666px) {
  .table__caption {
    border-left: none;
    border-right: none;
    box-shadow: inset 0 -1px 0 0 var(--tertiary-shape-color, #bcc8d4);
  }
}
.table--borderless .table__caption {
  border-bottom: none;
}
.table__header {
  background-color: var(--default-background-color, #f4f7fa);
  box-shadow: inset 0 -1px 0 0 var(--tertiary-shape-color, #bcc8d4);
  color: var(--default-text-color, #001b41);
  font-family: var(
    --corporate-font-regular,
    "OverpassRegular",
    arial,
    arial narrow,
    sans-serif
  );
}
.table--page-context .table__header {
  background: transparent;
}
.table--page-context .table__header--secondary {
  background-color: var(--hovered-table-row-background-color, #dbe2e8);
}
.table--borderless .table__header {
  box-shadow: none;
}
.table__footer {
  border-top: 1px solid var(--tertiary-text-color, #718095);
  color: var(--secondary-text-color, #465a75);
  font-size: var(--small-text-size, 12px);
  letter-spacing: 0.05em;
  line-height: 1.5em;
}
.table__row {
  box-shadow: inset 0 -1px 0 0 var(--tertiary-shape-color, #bcc8d4);
}
.table__row:hover {
  background-color: var(--default-background-color, #f4f7fa);
}
.table__row:last-child {
  box-shadow: none;
}
.table__row--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .table__row--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .table__row--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .table__row--small-hidden {
    display: none;
  }
}
.table__row--success,
.table__row--success:last-child {
  box-shadow: inset 0 1px 0 0 var(--success-shape-color, #0fa954),
    inset 0 -1px 0 0 var(--success-shape-color, #0fa954);
}
.table__row--success:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .table__row--success:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.table__row--warning,
.table__row--warning:last-child {
  box-shadow: inset 0 1px 0 0 var(--warning-shape-color, #fa0),
    inset 0 -1px 0 0 var(--warning-shape-color, #fa0);
}
.table__row--warning:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .table__row--warning:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.table__row--critical,
.table__row--critical:last-child {
  box-shadow: inset 0 1px 0 0 var(--critical-shape-color, #f50c00),
    inset 0 -1px 0 0 var(--critical-shape-color, #f50c00);
}
.table__row--critical:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .table__row--critical:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.table__row--neutral,
.table__row--neutral:last-child {
  box-shadow: inset 0 1px 0 0 var(--neutral-shape-color, #718095),
    inset 0 -1px 0 0 var(--neutral-shape-color, #718095);
}
.table__row--neutral:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .table__row--neutral:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.table__row--activating,
.table__row--activating:last-child {
  box-shadow: inset 0 1px 0 0 var(--activating-shape-color, #11c7e6),
    inset 0 -1px 0 0 var(--activating-shape-color, #11c7e6);
}
.table__row--activating:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .table__row--activating:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.table__row--corporate,
.table__row--corporate:last-child {
  box-shadow: inset 0 1px 0 0 var(--corporate-shape-color, #001b41),
    inset 0 -1px 0 0 var(--corporate-shape-color, #001b41);
}
.table__row--corporate:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .table__row--corporate:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.table__row--promoting,
.table__row--promoting:last-child {
  box-shadow: inset 0 1px 0 0 var(--promoting-shape-color, #b410e7),
    inset 0 -1px 0 0 var(--promoting-shape-color, #b410e7);
}
.table__row--promoting:last-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .table__row--promoting:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
@media only screen and (min-width: 1185px) {
  .table--borderless .table__row {
    box-shadow: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .table--borderless .table__row {
    box-shadow: none;
  }
}
@media only screen and (max-width: 666px) {
  .table--borderless:not(.table--responsive) .table__row {
    box-shadow: none;
  }
}
.table--page-context .table__row:hover {
  background-color: var(--hovered-table-row-background-color, #dbe2e8);
}
.table--borderless .table__row:hover {
  background-color: inherit;
}
.table__row--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.table__row--disabled,
.table__row--disabled:hover {
  background-color: var(--neutral-background-color, #fff);
}
.table__row--disabled .table__cell .button,
.table__row--disabled .table__cell .context-menu,
.table__row--disabled .table__cell .link,
.table__row--disabled .table__cell .toggle-button,
.table__row--disabled .table__cell .toggle-link {
  cursor: not-allowed;
  pointer-events: none;
}
.table__cell {
  box-sizing: border-box;
  padding: 12px 8px 11px;
  text-align: left;
  vertical-align: top;
}
.table__cell:first-child {
  padding-left: 16px;
}
.table__cell:last-child {
  padding-right: 16px;
}
.table__cell--align-center {
  justify-content: center;
  text-align: center;
}
.table__cell--align-left {
  justify-content: flex-start;
  text-align: left;
}
.table__cell--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .table__cell--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .table__cell--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .table__cell--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .table__cell--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .table__cell--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .table__cell--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .table__cell--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .table__cell--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .table__cell--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.table__cell--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .table__cell--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .table__cell--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .table__cell--small-hidden {
    display: none;
  }
}
.table__cell--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .table__cell--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .table__cell--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .table__cell--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.table__cell--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .table__cell--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .table__cell--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .table__cell--large-nowrap {
    white-space: nowrap;
  }
}
.table__cell--break-all {
  word-break: break-all;
}
.table__cell--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .table__cell--small-break-all {
    word-break: break-all;
  }
  .table__cell--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .table__cell--medium-break-all {
    word-break: break-all;
  }
  .table__cell--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .table__cell--large-break-all {
    word-break: break-all;
  }
  .table__cell--large-break-word {
    word-break: break-word;
  }
}
.table__cell--checkbox {
  max-width: 38px;
  min-width: 38px;
  width: 38px;
}
.table__cell--checkbox label {
  padding-left: 0;
}
.table__cell--indented {
  padding-left: 40px;
}
.table__cell--indented .exos-icon {
  margin-left: -32px;
  position: absolute;
}
.table__cell--flyout {
  position: relative;
  text-align: right;
  width: 80px;
}
.table__cell--flyout .context-menu__list {
  right: 16px;
}
.table__cell--highlighted {
  background-color: var(--highlighted-table-cell-background-color, #dbe2e8);
}
.table__cell--vertical-align-bottom {
  vertical-align: bottom;
}
.table__cell--vertical-align-center {
  vertical-align: middle;
}
.table__cell--vertical-align-top {
  vertical-align: top;
}
.table__cell .exos-icon:not(.table__selection-close) {
  font-size: 16px;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
}
.table__footer .table__cell {
  box-sizing: border-box;
  padding: 12px 8px 11px;
  text-align: left;
  vertical-align: top;
}
.table__footer .table__cell:first-child {
  padding-left: 16px;
}
.table__footer .table__cell:last-child {
  padding-right: 16px;
}
.table--condensed .table__cell {
  padding: 7px 5px;
}
.table__header .table__cell {
  font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif);
  text-transform: uppercase;
  vertical-align: middle;
}
.table__header .table__cell:first-child {
  border-top-left-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .table__header .table__cell:first-child {
    border-top-left-radius: var(--small-border-radius, 8px);
  }
}
.table__header .table__cell:last-child {
  border-top-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .table__header .table__cell:last-child {
    border-top-right-radius: var(--small-border-radius, 8px);
  }
}
.table--condensed .table__cell:first-child {
  padding-left: 10px;
}
.table--condensed .table__cell:last-child {
  padding-right: 10px;
}
.table--borderless .table__cell:first-child {
  padding-left: 0;
}
.table--borderless .table__cell:last-child {
  padding-right: 0;
}
.table__row:last-child .table__cell:first-child {
  border-bottom-left-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .table__row:last-child .table__cell:first-child {
    border-bottom-left-radius: var(--small-border-radius, 8px);
  }
}
.table__row:last-child .table__cell:last-child {
  border-bottom-right-radius: var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .table__row:last-child .table__cell:last-child {
    border-bottom-right-radius: var(--small-border-radius, 8px);
  }
}
.table__row--selection td.table__cell {
  vertical-align: middle;
}
.table--page-context .table__header .table__cell:first-child {
  border-top-left-radius: 0;
}
@media only screen and (max-width: 666px) {
  .table--page-context .table__header .table__cell:first-child {
    border-top-left-radius: 0;
  }
}
.table--page-context .table__header .table__cell:last-child {
  border-top-right-radius: 0;
}
@media only screen and (max-width: 666px) {
  .table--page-context .table__header .table__cell:last-child {
    border-top-right-radius: 0;
  }
}
.table--page-context .table__row:last-child .table__cell:first-child {
  border-bottom-left-radius: 0;
}
@media only screen and (max-width: 666px) {
  .table--page-context .table__row:last-child .table__cell:first-child {
    border-bottom-left-radius: 0;
  }
}
.table--page-context .table__row:last-child .table__cell:last-child {
  border-bottom-right-radius: 0;
}
@media only screen and (max-width: 666px) {
  .table--page-context .table__row:last-child .table__cell:last-child {
    border-bottom-right-radius: 0;
  }
}
.table__checkbox {
  margin-left: 0;
}
.table__checkbox + label {
  right: 1px;
  top: -1px;
}
.table__check-all {
  margin-left: 0;
}
.table__row--disabled .table__checkbox + label {
  cursor: not-allowed;
  pointer-events: none;
}
.table__selection-button,
.table__selection-text {
  display: inline-block;
  margin-bottom: 6px;
  margin-top: 6px;
}
.table__selection-close {
  color: var(--activating-text-color, #007e9c);
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 20px;
  padding-top: 14px;
}
.table__toolbar {
  background-color: var(--default-background-color, #f4f7fa);
  border: 1px solid var(--tertiary-shape-color, #bcc8d4);
  border-bottom: 0;
  border-radius: var(--default-border-radius, 16px)
    var(--default-border-radius, 16px) 0 0;
  margin-bottom: -16px;
  padding: 24px 16px;
  position: relative;
}
.table__toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.table__toolbar--page-context {
  background-color: transparent;
  border: none;
}
.table__toolbar + .table {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media only screen and (max-width: 666px) {
  .table__toolbar {
    border-radius: var(--small-border-radius, 8px)
      var(--small-border-radius, 8px) 0 0;
    padding: 16px 16px 32px;
  }
}
.table-search {
  background-color: var(--white, #fff);
  border: 1px solid var(--tertiary-shape-color, #bcc8d4);
  border-radius: var(--default-border-radius, 16px);
  margin-bottom: 32px;
  position: relative;
}
@media only screen and (max-width: 666px) {
  .table-search {
    border-radius: var(--small-border-radius, 8px);
    margin-bottom: 16px;
  }
}
.table-search__section {
  margin-bottom: 0;
  padding: 24px 16px;
}
.table-search__section:last-of-type {
  border-radius: 0 0 var(--default-border-radius, 16px)
    var(--default-border-radius, 16px);
}
@media only screen and (max-width: 666px) {
  .table-search__section:last-of-type {
    border-radius: 0 0 var(--small-border-radius, 8px)
      var(--small-border-radius, 8px);
  }
}
.table-search__section--secondary {
  background-color: var(--default-background-color, #f4f7fa);
}
.table-search__section section > :last-child,
.table-search__section > :last-child {
  margin-bottom: 0;
}
.table-layout-toggle {
  color: var(--tertiary-shape-color, #bcc8d4);
  cursor: pointer;
  font-size: var(--third-level-headline-size, 16px);
  padding: 3px;
  text-decoration: none;
  vertical-align: middle;
}
.table-layout-toggle:first-child {
  margin-left: 5px;
}
.table-layout-toggle--active,
.table-layout-toggle:active,
.table-layout-toggle:focus,
.table-layout-toggle:hover {
  color: var(--activating-text-color, #007e9c);
}
.table-layout-toggle .reveal-title-by-hover {
  cursor: pointer;
}
@media only screen and (max-width: 666px) {
  .table--responsive {
    margin-bottom: 16px;
    position: relative;
  }
  .table--responsive,
  .table--responsive .table__caption,
  .table--responsive .table__cell,
  .table--responsive .table__row,
  .table--responsive tbody,
  .table--responsive tfoot {
    display: block;
  }
  .table--responsive .table__row--hidden,
  .table--responsive thead {
    display: none;
  }
  .table--responsive .table__row {
    position: relative;
  }
  .table--responsive .table__cell,
  .table--responsive .table__cell:first-child,
  .table--responsive .table__cell:last-child {
    padding: 8px 16px 8px 40%;
    width: auto;
  }
  .table--responsive .table__cell:before {
    left: 16px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    text-transform: uppercase;
    width: 33%;
  }
  .table--responsive .table__cell:not(.table__cell--checkbox) {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .table--responsive .table__cell--checkbox {
    left: -27px;
    position: absolute;
    z-index: 1;
  }
  .table--responsive .table__cell--flyout {
    padding-top: 8px;
    position: absolute;
    right: 0;
    top: 6px;
  }
  .table--responsive .table__cell--flyout .context-menu__list {
    right: 0;
  }
  .table--responsive .table__row--selection .table__cell {
    padding-left: 16px;
  }
  .table--responsive .table__row--selectable .table__cell {
    padding-left: 43%;
  }
  .table--responsive .table__row--selectable .table__cell:before {
    left: 40px;
    width: 30%;
  }
  .table--responsive .table__row--selectable .table__cell--checkbox {
    left: 0;
    padding-left: 16px;
    position: absolute;
    z-index: 1;
  }
  .table--responsive .table__cell--checkbox:first-child + .table__cell,
  .table--responsive .table__cell:first-child {
    padding-top: 16px;
  }
  .table--responsive .table__cell:not(.table__cell--flyout):last-child,
  .table--responsive .table__row--has-flyout .table__cell:nth-last-child(2) {
    padding-bottom: 16px;
  }
  .table--responsive
    .table__row--has-flyout
    .table__cell--checkbox:first-child
    + .table__cell,
  .table--responsive
    .table__row--has-flyout
    .table__cell:not(.table__cell--checkbox):first-child {
    margin-right: 32px;
  }
  .headless-mode .table--headless-hidden {
    display: none;
  }
}
.toggle-link + .table {
  margin-top: 24px;
}
@media only screen and (max-width: 666px) {
  .toggle-link + .table {
    margin-top: 12px;
  }
}
.grid-01 {
  width: 8.33333%;
}
.grid-01,
.grid-02 {
  box-sizing: border-box;
  float: left;
  min-height: 1px;
}
.grid-02 {
  width: 16.66667%;
}
.grid-03 {
  width: 25%;
}
.grid-03,
.grid-04a {
  box-sizing: border-box;
  float: left;
  min-height: 1px;
}
.grid-04a {
  width: 27.5%;
}
.grid-04 {
  width: 33.33333%;
}
.grid-04,
.grid-05 {
  box-sizing: border-box;
  float: left;
  min-height: 1px;
}
.grid-05 {
  width: 41.66667%;
}
.grid-06 {
  width: 50%;
}
.grid-06,
.grid-07 {
  box-sizing: border-box;
  float: left;
  min-height: 1px;
}
.grid-07 {
  width: 58.33333%;
}
.grid-08 {
  width: 66.66667%;
}
.grid-08,
.grid-08a {
  box-sizing: border-box;
  float: left;
  min-height: 1px;
}
.grid-08a {
  width: 72.5%;
}
.grid-09 {
  width: 75%;
}
.grid-09,
.grid-10 {
  box-sizing: border-box;
  float: left;
  min-height: 1px;
}
.grid-10 {
  width: 83.33333%;
}
.grid-11 {
  float: left;
  width: 91.66667%;
}
.grid-11,
.grid-12 {
  box-sizing: border-box;
  min-height: 1px;
}
.grid-12 {
  float: none;
  width: auto;
}
.grid-12:after {
  clear: both;
  content: "";
  display: table;
}
.tile {
  border-radius: var(--default-border-radius, 16px);
  box-sizing: border-box;
  color: var(--interactive-text-color, #1474c4);
  display: block;
  margin-bottom: 30px;
  padding: 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all 0.1s ease-out;
}
.tile.__hover,
.tile:active,
.tile:focus,
.tile:hover {
  box-shadow: 0 2px 8px 0 var(--default-shadow, #718095);
  color: var(--interactive-text-color, #1474c4);
  cursor: pointer;
  outline: 0 none;
}
.tile:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.tile:link,
.tile:visited {
  outline: 0 none;
}
.tile--filled {
  background: var(--white, #fff);
  border: 1px solid var(--tertiary-shape-color, #bcc8d4);
  height: 100%;
}
.tile--filled.__hover,
.tile--filled:active,
.tile--filled:focus,
.tile--filled:hover {
  box-shadow: 0 2px 8px 0 var(--default-shadow, #718095);
}
.tile--inline {
  display: inline-block;
}
.tile--horizontal {
  display: grid;
  grid-auto-columns: auto minmax(0, 1fr);
  grid-template-areas: "visual label" "visual description";
  min-height: 80px;
  text-align: left;
}
.tile--horizontal.tile--inline {
  display: inline-grid;
}
.tile--outlined {
  border: 1px solid var(--corporate-text-color, #0b2a63);
}
.tile--outlined:hover {
  background: var(--primary-background-color, #fff);
  box-shadow: none;
}
.tile--bright {
  border-color: var(--white, #fff);
}
.tile--bright:hover {
  background: hsla(0, 0%, 100%, 0.15);
  box-shadow: none;
}
.tile--growing {
  flex-grow: 1;
}
@media only screen and (max-width: 666px) {
  .tile {
    border-radius: var(--small-border-radius, 8px);
  }
}
.tile--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .tile--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .tile--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .tile--small-hidden {
    display: none;
  }
}
.tile--primary {
  background-color: var(--primary-background-color, #fff);
}
.tile--secondary {
  background-color: var(--secondary-background-color, #fff);
}
.tile--tertiary {
  background-color: var(--tertiary-background-color, #bcc8d4);
}
.tile--advertising {
  background: var(--advertising-background-gradient-start, #003d8f);
  background: linear-gradient(
    to bottom right,
    var(--advertising-background-gradient-start, #003d8f),
    var(--advertising-background-gradient-end, #1474c4)
  );
}
.tile--advertising > .headline,
.tile--advertising > .paragraph {
  color: var(--white, #fff);
}
.tile--beta {
  background-color: var(--default-background-color-inverted, #0b2a63);
}
.tile--beta > .headline,
.tile--beta > .paragraph {
  color: var(--white, #fff);
}
.tile--premium {
  background-color: var(--tertiary-background-color-inverted, #718095);
}
.tile--premium > .headline,
.tile--premium > .paragraph {
  color: var(--white, #fff);
}
.tile__icon-image,
.tile__image {
  display: block;
  height: 64px;
  margin: 0 auto 8px;
  pointer-events: none;
  width: auto;
}
.tile__icon-image--small,
.tile__image--small {
  height: 38px;
}
.tile__icon-image--bright path,
.tile__image--bright path {
  fill: var(--white, #fff);
}
.tile__icon-image path.tile__image--hover-target,
.tile__image path.tile__image--hover-target {
  fill: var(--interactive-shape-color, #1474c4);
}
.tile--horizontal .tile__icon-image,
.tile--horizontal .tile__image {
  grid-area: visual;
  height: 48px;
  margin: 0 16px 0 2px;
}
.tile--horizontal .tile__icon-image--small,
.tile--horizontal .tile__image--small {
  height: 28px;
}
.tile.__hover .tile__image--hover-target,
.tile:active .tile__image--hover-target,
.tile:focus .tile__image--hover-target,
.tile:hover .tile__image--hover-target {
  fill: var(--interactive-text-color, #1474c4);
}
.tile__exos-icon,
.tile__icon {
  color: var(--interactive-text-color, #1474c4);
  display: inline-flex;
  font-size: 64px;
  line-height: 62.5px;
  margin: 0 auto;
}
.tile__exos-icon:before,
.tile__icon:before {
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  vertical-align: top;
  vertical-align: unset;
}
.tile--horizontal .tile__exos-icon,
.tile--horizontal .tile__icon {
  font-size: 48px;
  grid-area: visual;
  line-height: 48px;
  margin: 0 16px 0 2px;
}
.tile--bright .tile__exos-icon,
.tile--bright .tile__icon {
  color: var(--white, #fff);
}
.tile:hover .tile__exos-icon,
.tile:hover .tile__icon {
  color: var(--interactive-text-color, #1474c4);
}
.tile--bright:hover .tile__exos-icon,
.tile--bright:hover .tile__icon {
  color: hsla(0, 0%, 100%, 0.75);
}
.tile__label {
  word-wrap: break-word;
  display: block;
  font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif);
  font-size: var(--third-level-headline-size, 16px);
  line-height: 22px;
  margin: 4px auto;
  overflow: hidden;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-word;
}
.tile__label--success {
  color: var(--success-text-color, #096b35);
}
.tile__label--warning {
  color: var(--warning-text-color, #c36b00);
}
.tile__label--critical {
  color: var(--critical-text-color, #c80a00);
}
.tile__label--neutral {
  color: var(--neutral-text-color, #465a75);
}
.tile__label--activating {
  color: var(--activating-text-color, #007e9c);
}
.tile__label--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.tile__label--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.tile__label--bright {
  color: var(--white, #fff);
}
.tile--inline .tile__label {
  white-space: nowrap;
}
.tile--horizontal .tile__label {
  grid-area: label;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
  width: 100%;
}
.tile__description {
  color: var(--default-text-color, #001b41);
  display: block;
  font-size: var(--fourth-level-headline-size, 14px);
  margin: 4px auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tile__description--success {
  color: var(--success-text-color, #096b35);
}
.tile__description--warning {
  color: var(--warning-text-color, #c36b00);
}
.tile__description--critical {
  color: var(--critical-text-color, #c80a00);
}
.tile__description--neutral {
  color: var(--neutral-text-color, #465a75);
}
.tile__description--activating {
  color: var(--activating-text-color, #007e9c);
}
.tile__description--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.tile__description--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.tile__description--bright {
  color: var(--white, #fff);
}
.tile--horizontal .tile__description {
  grid-area: description;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
  width: 100%;
}
.tile__alternative-action {
  bottom: 0;
  cursor: pointer;
  display: none;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
  padding: 16px;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1;
}
.tile--outlined .tile__label {
  color: var(--interactive-text-color, #1474c4);
}
.tile--outlined .tile__description {
  color: var(--corporate-text-color, #0b2a63);
}
.tile--bright .tile__description,
.tile--bright .tile__label {
  color: var(--white, #fff);
}
.tile--bright .tile__image path {
  fill: var(--white, #fff);
}
.tile--alternative .tile__description,
.tile--alternative .tile__label {
  transition: all 0.1s ease-out;
}
.tile--outlined:hover .tile__exos-icon,
.tile--outlined:hover .tile__icon,
.tile--outlined:hover .tile__label {
  color: var(--interactive-text-color, #1474c4);
}
.tile--bright:hover .tile__exos-icon,
.tile--bright:hover .tile__icon,
.tile--bright:hover .tile__label {
  color: hsla(0, 0%, 100%, 0.75);
}
.tile--bright:hover .tile__image path {
  fill: hsla(0, 0%, 100%, 0.75);
}
.tile--alternative:hover .tile__description,
.tile--alternative:hover .tile__label {
  color: transparent;
}
.tile--alternative:hover .tile__exos-icon,
.tile--alternative:hover .tile__icon {
  color: var(--default-text-color, #001b41);
}
.tile--alternative:hover .tile__image path {
  fill: var(--default-text-color, #001b41);
}
.tile--alternative.tile--inline:not(.tile--horizontal),
.tile--alternative:hover .tile__alternative-action {
  display: inline-block;
}
.tile--disabled {
  cursor: not-allowed;
  display: block;
  opacity: 0.5;
  pointer-events: none;
  position: relative;
  transition: all 0.1s ease-out;
}
.tile--disabled:active,
.tile--disabled:focus,
.tile--disabled:hover {
  box-shadow: 0 2px 8px 0 var(--default-shadow, #718095);
}
.tile--disabled.tile--inline {
  display: inline-block;
}
.tile--alternative {
  display: block;
  position: relative;
  transition: all 0.1s ease-out;
}
.tile--alternative:active,
.tile--alternative:focus,
.tile--alternative:hover {
  box-shadow: 0 2px 8px 0 var(--default-shadow, #718095);
}
.tile--alternative .tile--disabled {
  display: contents;
}
.tile--alternative .tile--disabled .tile__description,
.tile--alternative .tile--disabled .tile__image,
.tile--alternative .tile--disabled .tile__label {
  opacity: 0.5;
}
@media only screen and (max-width: 666px) {
  .tile {
    margin-bottom: 15px;
  }
  .tile__label {
    margin-bottom: 0;
  }
  .tile:not(.tile--horizontal) .tile__description {
    display: none;
  }
}
.button,
.toggle-button {
  background-color: var(--secondary-button-background-color, transparent);
  border: var(--button-border-width, 2px) solid
    var(--secondary-button-border-color, #0b2a63);
  border-radius: var(--button-border-radius, 24px);
  box-sizing: border-box;
  color: var(--secondary-button-text-color, #0b2a63);
  display: inline-block;
  font-family: var(--button-font-family, "OpenSansSemibold", arial, sans-serif);
  font-size: var(--button-font-size, 14px);
  line-height: 16px;
  margin-right: 12px;
  padding: 8px 20px;
  text-align: center;
  text-decoration: none;
  transition: color 0.1s ease-out, background-color 0.1s ease-out,
    border-color 0.1s ease-out;
}
.button circle,
.button path,
.toggle-button circle,
.toggle-button path {
  transition: fill 0.2s ease-out;
}
.button::-moz-focus-inner,
.toggle-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.button:link,
.button:visited,
.toggle-button:link,
.toggle-button:visited {
  outline: 0 none;
}
.button:last-child,
.button:only-child,
.toggle-button:last-child,
.toggle-button:only-child {
  margin-right: 0;
}
.__hover.toggle-button:not(.button--disabled),
.button.__hover:not(.button--disabled),
.button:active:not(.button--disabled),
.button:focus:not(.button--disabled),
.button:hover:not(.button--disabled),
.toggle-button:active:not(.button--disabled),
.toggle-button:focus:not(.button--disabled),
.toggle-button:hover:not(.button--disabled) {
  background-color: var(--hovered-secondary-button-background-color, #0b2a63);
  border: var(--button-border-width, 2px) solid
    var(--hovered-secondary-button-border-color, #0b2a63);
  color: var(--hovered-secondary-button-text-color, #fff);
  cursor: pointer;
}
.__hover.toggle-button:not(.button--disabled) .loading-circle__circle,
.button.__hover:not(.button--disabled) .loading-circle__circle,
.button:active:not(.button--disabled) .loading-circle__circle,
.button:focus:not(.button--disabled) .loading-circle__circle,
.button:hover:not(.button--disabled) .loading-circle__circle,
.toggle-button:active:not(.button--disabled) .loading-circle__circle,
.toggle-button:focus:not(.button--disabled) .loading-circle__circle,
.toggle-button:hover:not(.button--disabled) .loading-circle__circle {
  -webkit-animation-name: keyframes--loading-circle-bright;
  animation-name: keyframes--loading-circle-bright;
}
.button--bright circle,
.button--bright path,
.button:not(.button--disabled):focus circle,
.button:not(.button--disabled):focus path,
.button:not(.button--disabled):hover circle,
.button:not(.button--disabled):hover path,
.toggle-button:not(.button--disabled):focus circle,
.toggle-button:not(.button--disabled):focus path,
.toggle-button:not(.button--disabled):hover circle,
.toggle-button:not(.button--disabled):hover path {
  fill: var(--white, #fff);
}
.button--last {
  margin-right: 0;
}
.button--align-center {
  justify-content: center;
  text-align: center;
}
.button--align-left {
  justify-content: flex-start;
  text-align: left;
}
.button--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .button--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .button--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .button--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .button--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .button--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .button--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .button--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .button--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .button--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.button--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .button--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .button--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .button--small-hidden {
    display: none;
  }
}
.button--break-all {
  word-break: break-all;
}
.button--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .button--small-break-all {
    word-break: break-all;
  }
  .button--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .button--medium-break-all {
    word-break: break-all;
  }
  .button--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .button--large-break-all {
    word-break: break-all;
  }
  .button--large-break-word {
    word-break: break-word;
  }
}
.button--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .button--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .button--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .button--large-nowrap {
    white-space: nowrap;
  }
}
.button--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .button--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .button--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .button--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.button--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.button--exos-icon:before {
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 14px;
  padding-right: 8px;
  vertical-align: top;
  vertical-align: -2px;
}
.button--primary {
  background-color: var(--primary-button-background-color, #0b2a63);
  border: var(--button-border-width, 2px) solid
    var(--primary-button-border-color, #0b2a63);
  color: var(--primary-button-text-color, #fff);
}
.button--primary.__hover:not(.button--disabled),
.button--primary:active:not(.button--disabled),
.button--primary:focus:not(.button--disabled),
.button--primary:hover:not(.button--disabled) {
  background-color: var(--hovered-primary-button-background-color, #1474c4);
  border: var(--button-border-width, 2px) solid
    var(--hovered-primary-button-border-color, #1474c4);
  color: var(--hovered-primary-button-text-color, #fff);
  cursor: pointer;
}
.button--bright {
  background-color: var(
    --bright-secondary-button-background-color,
    transparent
  );
  border: var(--button-border-width, 2px) solid
    var(--bright-secondary-button-border-color, #fff);
  color: var(--bright-secondary-button-text-color, #fff);
}
.button--bright circle,
.button--bright path {
  fill: var(--bright-secondary-button-text-color, #fff);
}
.button--bright.__hover:not(.button--disabled),
.button--bright:active:not(.button--disabled),
.button--bright:focus:not(.button--disabled),
.button--bright:hover:not(.button--disabled) {
  background-color: var(
    --hovered-bright-secondary-button-background-color,
    #fff
  );
  border: var(--button-border-width, 2px) solid
    var(--hovered-bright-secondary-button-border-color, #fff);
  color: var(--hovered-bright-secondary-button-text-color, #0b2a63);
  cursor: pointer;
}
.button--bright.__hover:not(.button--disabled) circle,
.button--bright.__hover:not(.button--disabled) path,
.button--bright:active:not(.button--disabled) circle,
.button--bright:active:not(.button--disabled) path,
.button--bright:focus:not(.button--disabled) circle,
.button--bright:focus:not(.button--disabled) path,
.button--bright:hover:not(.button--disabled) circle,
.button--bright:hover:not(.button--disabled) path {
  fill: var(--hovered-bright-secondary-button-text-color, #0b2a63);
}
.button--bright-solid {
  background-color: var(--bright-primary-button-background-color, #fff);
  border: var(--button-border-width, 2px) solid
    var(--bright-primary-button-border-color, #fff);
  color: var(--bright-primary-button-text-color, #0b2a63);
}
.button--bright-solid circle,
.button--bright-solid path {
  fill: var(--bright-primary-button-text-color, #0b2a63);
}
.button--bright-solid.__hover:not(.button--disabled),
.button--bright-solid:active:not(.button--disabled),
.button--bright-solid:focus:not(.button--disabled),
.button--bright-solid:hover:not(.button--disabled) {
  background-color: var(
    --hovered-bright-primary-button-background-color,
    #95caeb
  );
  border: var(--button-border-width, 2px) solid
    var(--hovered-bright-primary-button-border-color, #95caeb);
  color: var(--hovered-bright-primary-button-text-color, #0b2a63);
  cursor: pointer;
}
.button--bright-solid.__hover:not(.button--disabled) circle,
.button--bright-solid.__hover:not(.button--disabled) path,
.button--bright-solid:active:not(.button--disabled) circle,
.button--bright-solid:active:not(.button--disabled) path,
.button--bright-solid:focus:not(.button--disabled) circle,
.button--bright-solid:focus:not(.button--disabled) path,
.button--bright-solid:hover:not(.button--disabled) circle,
.button--bright-solid:hover:not(.button--disabled) path {
  fill: var(--hovered-bright-primary-button-text-color, #0b2a63);
}
.button--activating {
  background-color: var(
    --activating-secondary-button-background-color,
    transparent
  );
  border: var(--button-border-width, 2px) solid
    var(--activating-secondary-button-border-color, #11c7e6);
  color: var(--activating-secondary-button-text-color, #11c7e6);
}
.button--activating circle,
.button--activating path {
  fill: var(--activating-secondary-button-text-color, #11c7e6);
}
.button--activating.__hover:not(.button--disabled),
.button--activating:active:not(.button--disabled),
.button--activating:focus:not(.button--disabled),
.button--activating:hover:not(.button--disabled) {
  background-color: var(
    --hovered-activating-secondary-button-background-color,
    #11c7e6
  );
  border: var(--button-border-width, 2px) solid
    var(--hovered-activating-secondary-button-border-color, #11c7e6);
  color: var(--hovered-activating-secondary-button-text-color, #0b2a63);
  cursor: pointer;
}
.button--activating.__hover:not(.button--disabled) circle,
.button--activating.__hover:not(.button--disabled) path,
.button--activating:active:not(.button--disabled) circle,
.button--activating:active:not(.button--disabled) path,
.button--activating:focus:not(.button--disabled) circle,
.button--activating:focus:not(.button--disabled) path,
.button--activating:hover:not(.button--disabled) circle,
.button--activating:hover:not(.button--disabled) path {
  fill: var(--hovered-activating-secondary-button-text-color, #0b2a63);
}
.button--activating-solid {
  background-color: var(--activating-primary-button-background-color, #11c7e6);
  border: var(--button-border-width, 2px) solid
    var(--activating-primary-button-border-color, #11c7e6);
  color: var(--activating-primary-button-text-color, #0b2a63);
}
.button--activating-solid circle,
.button--activating-solid path {
  fill: var(--activating-primary-button-text-color, #0b2a63);
}
.button--activating-solid.__hover:not(.button--disabled),
.button--activating-solid:active:not(.button--disabled),
.button--activating-solid:focus:not(.button--disabled),
.button--activating-solid:hover:not(.button--disabled) {
  background-color: var(
    --hovered-activating-primary-button-background-color,
    #7fe4f6
  );
  border: var(--button-border-width, 2px) solid
    var(--hovered-activating-primary-button-border-color, #7fe4f6);
  color: var(--hovered-activating-primary-button-text-color, #0b2a63);
  cursor: pointer;
}
.button--activating-solid.__hover:not(.button--disabled) circle,
.button--activating-solid.__hover:not(.button--disabled) path,
.button--activating-solid:active:not(.button--disabled) circle,
.button--activating-solid:active:not(.button--disabled) path,
.button--activating-solid:focus:not(.button--disabled) circle,
.button--activating-solid:focus:not(.button--disabled) path,
.button--activating-solid:hover:not(.button--disabled) circle,
.button--activating-solid:hover:not(.button--disabled) path {
  fill: var(--hovered-activating-primary-button-text-color, #0b2a63);
}
.button--promoting {
  background-color: var(
    --promoting-secondary-button-background-color,
    transparent
  );
  border: var(--button-border-width, 2px) solid
    var(--promoting-secondary-button-border-color, #e480f8);
  color: var(--promoting-secondary-button-text-color, #e480f8);
}
.button--promoting circle,
.button--promoting path {
  fill: var(--promoting-secondary-button-text-color, #e480f8);
}
.button--promoting.__hover:not(.button--disabled),
.button--promoting:active:not(.button--disabled),
.button--promoting:focus:not(.button--disabled),
.button--promoting:hover:not(.button--disabled) {
  background-color: var(
    --hovered-promoting-secondary-button-background-color,
    #f0b7fb
  );
  border: var(--button-border-width, 2px) solid
    var(--hovered-promoting-secondary-button-border-color, #f0b7fb);
  color: var(--hovered-promoting-secondary-button-text-color, #fff);
  cursor: pointer;
}
.button--promoting.__hover:not(.button--disabled) circle,
.button--promoting.__hover:not(.button--disabled) path,
.button--promoting:active:not(.button--disabled) circle,
.button--promoting:active:not(.button--disabled) path,
.button--promoting:focus:not(.button--disabled) circle,
.button--promoting:focus:not(.button--disabled) path,
.button--promoting:hover:not(.button--disabled) circle,
.button--promoting:hover:not(.button--disabled) path {
  fill: var(--hovered-promoting-secondary-button-text-color, #fff);
}
.button--promoting-solid {
  background-color: var(--promoting-primary-button-background-color, #e480f8);
  border: var(--button-border-width, 2px) solid
    var(--promoting-primary-button-border-color, #e480f8);
  color: var(--promoting-primary-button-text-color, #fff);
}
.button--promoting-solid circle,
.button--promoting-solid path {
  fill: var(--promoting-primary-button-text-color, #fff);
}
.button--promoting-solid.__hover:not(.button--disabled),
.button--promoting-solid:active:not(.button--disabled),
.button--promoting-solid:focus:not(.button--disabled),
.button--promoting-solid:hover:not(.button--disabled) {
  background-color: var(
    --hovered-promoting-primary-button-background-color,
    #f0b7fb
  );
  border: var(--button-border-width, 2px) solid
    var(--hovered-promoting-primary-button-border-color, #f0b7fb);
  color: var(--hovered-promoting-primary-button-text-color, #fff);
  cursor: pointer;
}
.button--promoting-solid.__hover:not(.button--disabled) circle,
.button--promoting-solid.__hover:not(.button--disabled) path,
.button--promoting-solid:active:not(.button--disabled) circle,
.button--promoting-solid:active:not(.button--disabled) path,
.button--promoting-solid:focus:not(.button--disabled) circle,
.button--promoting-solid:focus:not(.button--disabled) path,
.button--promoting-solid:hover:not(.button--disabled) circle,
.button--promoting-solid:hover:not(.button--disabled) path {
  fill: var(--hovered-promoting-primary-button-text-color, #fff);
}
.button__loader {
  bottom: 2.5px;
  display: none;
  margin-left: 12px;
  position: relative;
}
.button--loading {
  cursor: default;
  pointer-events: none;
  touch-action: none;
}
.button--loading .button__loader {
  display: inline-block;
}
.button--download {
  line-height: 1;
}
.button--download:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 14px;
  padding-right: 6px;
  vertical-align: top;
  vertical-align: -2px;
}
.button--search {
  line-height: 1;
}
.button--search:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 14px;
  padding-right: 6px;
  vertical-align: top;
  vertical-align: -2px;
}
.button--retry {
  line-height: 1;
}
.button--retry:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 14px;
  padding-right: 6px;
  vertical-align: top;
  vertical-align: -2px;
}
.button--helpandlearn {
  line-height: 1;
}
.button--helpandlearn:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 14px;
  margin-left: 1px;
  padding-right: 5px;
  vertical-align: top;
  vertical-align: -2px;
}
.button--next {
  line-height: 1;
}
.button--next:after {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 14px;
  margin-right: -3px;
  padding-left: 9px;
  vertical-align: top;
  vertical-align: -2px;
}
.button--performance {
  line-height: 1;
}
.button--performance:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 14px;
  padding-right: 6px;
  vertical-align: top;
  vertical-align: -2px;
}
.button--previous {
  line-height: 1;
}
.button--previous:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 14px;
  margin-left: -3px;
  margin-right: 9px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  vertical-align: top;
  vertical-align: -2px;
}
.button--upselling {
  line-height: 1;
}
.button--upselling:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 14px;
  padding-right: 6px;
  vertical-align: top;
  vertical-align: -2px;
}
.button--link-external {
  line-height: 1;
}
.button--link-external:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 14px;
  padding-right: 0;
  vertical-align: top;
  vertical-align: -2px;
}
.button--full-width {
  width: 100%;
}
.button--with-icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  vertical-align: -2px;
}
.button--with-icon svg {
  pointer-events: none;
}
.button--with-icon .button__icon {
  margin-right: 8px;
}
@media only screen and (max-width: 666px) {
  .headless-mode .button--headless-hidden {
    display: none;
  }
}
.button-container,
.button__container {
  display: flex;
  flex-flow: wrap;
  margin: -6px 0 6px;
}
.button-container--cropped,
.button__container--cropped {
  margin-bottom: -6px;
}
.button-container:last-child,
.button-container:only-child,
.button__container:last-child,
.button__container:only-child {
  margin-bottom: 0;
}
.button-container .button,
.button-container .ghost-button,
.button-container .toggle-button,
.button__container .button,
.button__container .ghost-button,
.button__container .toggle-button {
  margin-bottom: 6px;
  margin-top: 6px;
}
.button-container--vertical-align-bottom,
.button__container--vertical-align-bottom {
  align-items: flex-end;
  display: flex;
  flex-flow: wrap;
}
.button-container--vertical-align-center,
.button__container--vertical-align-center {
  align-items: center;
  display: flex;
  flex-flow: wrap;
}
.button-container--vertical-align-top,
.button__container--vertical-align-top {
  align-items: flex-start;
  display: flex;
  flex-flow: wrap;
}
@media only screen and (min-width: 1185px) {
  .button-container--large-vertical-align-bottom,
  .button__container--large-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .button-container--large-vertical-align-center,
  .button__container--large-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .button-container--large-vertical-align-top,
  .button__container--large-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .button-container--medium-vertical-align-bottom,
  .button__container--medium-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .button-container--medium-vertical-align-center,
  .button__container--medium-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .button-container--medium-vertical-align-top,
  .button__container--medium-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
@media only screen and (max-width: 666px) {
  .button-container--small-vertical-align-bottom,
  .button__container--small-vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap;
  }
  .button-container--small-vertical-align-center,
  .button__container--small-vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap;
  }
  .button-container--small-vertical-align-top,
  .button__container--small-vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
  }
}
.button-group {
  display: flex;
}
.button-group-item.toggle-button,
.button.button-group-item {
  margin: 0;
}
.button-group-item--start.toggle-button,
.button.button-group-item--start {
  border-radius: var(--button-border-radius, 24px) 0 0
    var(--button-border-radius, 24px);
}
.button-group-item--start.button--primary.toggle-button,
.button-group-item--start.button--primary.toggle-button:hover,
.button.button-group-item--start.button--primary,
.button.button-group-item--start.button--primary:hover {
  border-right: 0;
}
.button-group-item--middle.toggle-button,
.button.button-group-item--middle {
  border-left: 0;
  border-radius: 0 0 0 0;
}
.button-group-item--middle.toggle-button:hover:not(.button--disabled),
.button.button-group-item--middle:hover:not(.button--disabled) {
  border-left: 0;
}
.button-group-item--middle.button--primary.toggle-button,
.button-group-item--middle.button--primary.toggle-button:hover,
.button.button-group-item--middle.button--primary,
.button.button-group-item--middle.button--primary:hover {
  border-left: 1px solid var(--tertiary-shape-color, #bcc8d4);
  border-right: 0;
}
.button-group-item--end.toggle-button,
.button.button-group-item--end {
  border-left: 0;
  border-radius: 0 var(--button-border-radius, 24px)
    var(--button-border-radius, 24px) 0;
}
.button-group-item--end.toggle-button:hover:not(.button--disabled),
.button.button-group-item--end:hover:not(.button--disabled) {
  border-left: 0;
}
.button-group-item--end.button--primary.toggle-button,
.button-group-item--end.button--primary.toggle-button:hover,
.button.button-group-item--end.button--primary,
.button.button-group-item--end.button--primary:hover {
  border-left: 1px solid var(--tertiary-shape-color, #bcc8d4);
}
.button-group-item.toggle-button,
.button.button-group-item.toggle-button {
  padding-left: 14px;
  padding-right: 20px;
}
.button-group-item.toggle-button:after,
.button.button-group-item.toggle-button:after {
  padding-left: 0;
}
.button-group-container {
  display: inline-block;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 4;
}
.ghost-button {
  align-items: center;
  background-color: var(--ghost-button-background-color, transparent);
  border-radius: var(--button-border-radius, 24px);
  color: var(--ghost-button-text-color, #1474c4);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--button-font-family, "OpenSansSemibold", arial, sans-serif);
  font-size: var(--button-font-size, 14px);
  height: 20px;
  margin-right: 12px;
  padding: 8px 20px;
  text-decoration: none;
  transition: color 0.1s ease-out, background-color 0.1s ease-out;
  vertical-align: middle;
}
.ghost-button--success {
  color: var(--success-text-color, #096b35);
}
.ghost-button--warning {
  color: var(--warning-text-color, #c36b00);
}
.ghost-button--critical {
  color: var(--critical-text-color, #c80a00);
}
.ghost-button--neutral {
  color: var(--neutral-text-color, #465a75);
}
.ghost-button--activating {
  color: var(--activating-text-color, #007e9c);
}
.ghost-button--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.ghost-button--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.ghost-button--bright {
  color: var(--white, #fff);
}
.ghost-button:last-child {
  margin-right: 0;
}
.ghost-button--bright {
  color: var(--bright-ghost-button-text-color, #95caeb);
}
.ghost-button--disabled {
  cursor: not-allowed;
  opacity: 0.38;
}
.ghost-button--full-width {
  display: block;
  margin-right: 0;
  text-align: center;
}
.ghost-button:link,
.ghost-button:visited {
  outline: 0 none;
}
.ghost-button svg {
  pointer-events: none;
}
.ghost-button circle,
.ghost-button path {
  fill: var(--ghost-button-text-color, #1474c4);
  transition: fill 0.2s ease-out;
}
.ghost-button--activating circle,
.ghost-button--activating path {
  fill: var(--activating-text-color, #007e9c);
}
.ghost-button--success circle,
.ghost-button--success path {
  fill: var(--success-text-color, #096b35);
}
.ghost-button--warning circle,
.ghost-button--warning path {
  fill: var(--warning-text-color, #c36b00);
}
.ghost-button--critical circle,
.ghost-button--critical path {
  fill: var(--critical-text-color, #c80a00);
}
.ghost-button--neutral circle,
.ghost-button--neutral path {
  fill: var(--neutral-text-color, #465a75);
}
.ghost-button--bright circle,
.ghost-button--bright path {
  fill: var(--bright-ghost-button-text-color, #95caeb);
}
.ghost-button:not(.ghost-button--disabled):focus,
.ghost-button:not(.ghost-button--disabled):hover {
  background-color: var(--hovered-ghost-button-background-color, #dbedf8);
  color: var(--hovered-ghost-button-text-color, #1474c4);
}
.ghost-button--bright:not(.ghost-button--disabled):focus,
.ghost-button--bright:not(.ghost-button--disabled):hover {
  background-color: var(
    --hovered-bright-ghost-button-background-color,
    #003d8f
  );
  color: var(--hovered-bright-ghost-button-text-color, #95caeb);
}
.ghost-button:not(.ghost-button--disabled):focus circle,
.ghost-button:not(.ghost-button--disabled):focus path,
.ghost-button:not(.ghost-button--disabled):hover circle,
.ghost-button:not(.ghost-button--disabled):hover path {
  fill: var(--hovered-ghost-button-text-color, #1474c4);
}
.ghost-button--bright:not(.ghost-button--disabled):focus circle,
.ghost-button--bright:not(.ghost-button--disabled):focus path,
.ghost-button--bright:not(.ghost-button--disabled):hover circle,
.ghost-button--bright:not(.ghost-button--disabled):hover path {
  fill: var(--bright-ghost-button-text-color, #95caeb);
}
.ghost-button--align-center {
  justify-content: center;
  text-align: center;
}
.ghost-button--align-left {
  justify-content: flex-start;
  text-align: left;
}
.ghost-button--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .ghost-button--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .ghost-button--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .ghost-button--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .ghost-button--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .ghost-button--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .ghost-button--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .ghost-button--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .ghost-button--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .ghost-button--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.ghost-button--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .ghost-button--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .ghost-button--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .ghost-button--small-hidden {
    display: none;
  }
}
.ghost-button--break-all {
  word-break: break-all;
}
.ghost-button--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .ghost-button--small-break-all {
    word-break: break-all;
  }
  .ghost-button--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .ghost-button--medium-break-all {
    word-break: break-all;
  }
  .ghost-button--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .ghost-button--large-break-all {
    word-break: break-all;
  }
  .ghost-button--large-break-word {
    word-break: break-word;
  }
}
.ghost-button--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .ghost-button--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .ghost-button--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .ghost-button--large-nowrap {
    white-space: nowrap;
  }
}
.ghost-button--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .ghost-button--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .ghost-button--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .ghost-button--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.ghost-button--vertical-align-bottom {
  align-self: flex-end;
}
.ghost-button--vertical-align-center {
  align-self: center;
}
.ghost-button--vertical-align-middle {
  vertical-align: middle;
}
.ghost-button--vertical-align-top {
  align-self: flex-start;
}
@media only screen and (min-width: 1185px) {
  .ghost-button--large-vertical-align-bottom {
    align-self: flex-end;
  }
  .ghost-button--large-vertical-align-center {
    align-self: center;
  }
  .ghost-button--large-vertical-align-middle {
    vertical-align: middle;
  }
  .ghost-button--large-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .ghost-button--medium-vertical-align-bottom {
    align-self: flex-end;
  }
  .ghost-button--medium-vertical-align-center {
    align-self: center;
  }
  .ghost-button--medium-vertical-align-middle {
    vertical-align: middle;
  }
  .ghost-button--medium-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (max-width: 666px) {
  .ghost-button--small-vertical-align-bottom {
    align-self: flex-end;
  }
  .ghost-button--small-vertical-align-center {
    align-self: center;
  }
  .ghost-button--small-vertical-align-middle {
    vertical-align: middle;
  }
  .ghost-button--small-vertical-align-top {
    align-self: flex-start;
  }
}
button.ghost-button {
  border: none;
  box-sizing: initial;
}
.ghost-button__icon {
  pointer-events: none;
}
.ghost-button--with-icon .ghost-button__icon {
  margin-right: 8px;
}
.ghost-button--icon-only {
  border-radius: 20px;
  height: inherit;
  margin: -7px 4px -7px -8px;
  padding: 8px;
}
@media only screen and (max-width: 666px) {
  .action-stripe .ghost-button--icon-only,
  .settings-stripe .ghost-button--icon-only {
    margin: 0 4px 0 -8px;
  }
}
.ghost-button__text {
  pointer-events: none;
}
.ghost-button__loader {
  bottom: 2.5px;
  display: none;
  margin-left: 12px;
  position: relative;
}
.ghost-button--loading {
  cursor: default;
  pointer-events: none;
}
.ghost-button--loading .ghost-button__loader {
  display: inline-block;
}
.toggle-button {
  position: relative;
}
.toggle-button--collapsed {
  line-height: 1;
  line-height: 15.58px;
}
.toggle-button--collapsed:after {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-left: 0;
  margin-right: -8px;
  margin-top: -2px;
  padding-left: 8px;
  vertical-align: top;
  vertical-align: middle;
}
.toggle-button--expanded {
  line-height: 1;
  line-height: 15.58px;
}
.toggle-button--expanded:after {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-left: 0;
  margin-right: -8px;
  margin-top: -2px;
  padding-left: 8px;
  vertical-align: top;
  vertical-align: middle;
}
.toggle-button__content {
  margin-top: 16px;
}
.toggle-button__content--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .toggle-button__content--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .toggle-button__content--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .toggle-button__content--small-hidden {
    display: none;
  }
}
.link,
.toggle-link {
  word-wrap: break-word;
  cursor: pointer;
  font-size: var(--default-text-size, var(--default-text-size, 14px));
  line-height: var(
    --default-text-line-height,
    var(--default-text-line-height, 1.429em)
  );
  text-decoration: none;
}
.link,
.link:before,
.toggle-link,
.toggle-link:before {
  color: var(--interactive-text-color, var(--interactive-text-color, #1474c4));
}
.__hover.toggle-link,
.link.__hover,
.link:active,
.link:hover,
.toggle-link:active,
.toggle-link:hover {
  color: var(--interactive-text-color, var(--interactive-text-color, #1474c4));
  text-decoration: underline;
}
.link:active:before,
.link:hover:before,
.toggle-link:active:before,
.toggle-link:hover:before {
  color: var(--interactive-text-color, var(--interactive-text-color, #1474c4));
}
.link:hover span,
.toggle-link:hover span {
  text-decoration: none;
}
.link--active {
  background-color: var(--palette-corporate-1, #dbedf8);
  border-radius: 4px;
  margin: -1px -4px;
  padding: 1px 4px;
}
.link--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.link--disabled:hover {
  text-decoration: none;
}
.link--bright.__hover,
.link--bright.__hover:before,
.link--bright:hover,
.link--bright:hover:before {
  color: var(--white, #fff);
}
.link--align-center {
  justify-content: center;
  text-align: center;
}
.link--align-left {
  justify-content: flex-start;
  text-align: left;
}
.link--align-right {
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 1185px) {
  .link--large-align-center {
    justify-content: center;
    text-align: center;
  }
  .link--large-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .link--large-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .link--medium-align-center {
    justify-content: center;
    text-align: center;
  }
  .link--medium-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .link--medium-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 666px) {
  .link--small-align-center {
    justify-content: center;
    text-align: center;
  }
  .link--small-align-left {
    justify-content: flex-start;
    text-align: left;
  }
  .link--small-align-right {
    justify-content: flex-end;
    text-align: right;
  }
}
.link--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .link--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .link--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .link--small-hidden {
    display: none;
  }
}
.link--success {
  color: var(--success-text-color, #096b35);
}
.link--warning {
  color: var(--warning-text-color, #c36b00);
}
.link--critical {
  color: var(--critical-text-color, #c80a00);
}
.link--neutral {
  color: var(--neutral-text-color, #465a75);
}
.link--activating {
  color: var(--activating-text-color, #007e9c);
}
.link--promoting {
  color: var(--promoting-text-color, #560e8a);
}
.link--corporate {
  color: var(--corporate-text-color, #0b2a63);
}
.link--bright {
  color: var(--white, #fff);
}
.link--success:before {
  color: var(--success-text-color, #096b35);
}
.link--warning:before {
  color: var(--warning-text-color, #c36b00);
}
.link--critical:before {
  color: var(--critical-text-color, #c80a00);
}
.link--neutral:before {
  color: var(--neutral-text-color, #465a75);
}
.link--activating:before {
  color: var(--activating-text-color, #007e9c);
}
.link--promoting:before {
  color: var(--promoting-text-color, #560e8a);
}
.link--corporate:before {
  color: var(--corporate-text-color, #0b2a63);
}
.link--bright:before {
  color: var(--white, #fff);
}
.link--break-all {
  word-break: break-all;
}
.link--break-word {
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .link--small-break-all {
    word-break: break-all;
  }
  .link--small-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .link--medium-break-all {
    word-break: break-all;
  }
  .link--medium-break-word {
    word-break: break-word;
  }
}
@media only screen and (min-width: 1185px) {
  .link--large-break-all {
    word-break: break-all;
  }
  .link--large-break-word {
    word-break: break-word;
  }
}
.link--nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 666px) {
  .link--small-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .link--medium-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1185px) {
  .link--large-nowrap {
    white-space: nowrap;
  }
}
.link--ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1185px) {
  .link--large-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .link--medium-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 666px) {
  .link--small-ellipsized {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.link--vertical-align-bottom {
  align-self: flex-end;
}
.link--vertical-align-center {
  align-self: center;
}
.link--vertical-align-middle {
  vertical-align: middle;
}
.link--vertical-align-top {
  align-self: flex-start;
}
@media only screen and (min-width: 1185px) {
  .link--large-vertical-align-bottom {
    align-self: flex-end;
  }
  .link--large-vertical-align-center {
    align-self: center;
  }
  .link--large-vertical-align-middle {
    vertical-align: middle;
  }
  .link--large-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .link--medium-vertical-align-bottom {
    align-self: flex-end;
  }
  .link--medium-vertical-align-center {
    align-self: center;
  }
  .link--medium-vertical-align-middle {
    vertical-align: middle;
  }
  .link--medium-vertical-align-top {
    align-self: flex-start;
  }
}
@media only screen and (max-width: 666px) {
  .link--small-vertical-align-bottom {
    align-self: flex-end;
  }
  .link--small-vertical-align-center {
    align-self: center;
  }
  .link--small-vertical-align-middle {
    vertical-align: middle;
  }
  .link--small-vertical-align-top {
    align-self: flex-start;
  }
}
.link--lookup {
  word-wrap: break-word;
  background-color: transparent;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--lookup,
.link--lookup:hover {
  border-bottom: 1px dotted var(--default-shape-color, #465a75);
  color: var(--default-text-color, #001b41);
  cursor: help;
  text-decoration: none;
}
.link--lookup:hover {
  background-color: var(--palette-corporate-1, #dbedf8);
}
.link--action {
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--action:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-top: -3px;
  vertical-align: top;
  vertical-align: middle;
}
.link--external-action {
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--external-action:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-top: -3px;
  vertical-align: top;
  vertical-align: middle;
}
.link--back {
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--back:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-top: -3px;
  padding-right: 4px;
  vertical-align: top;
  vertical-align: middle;
}
.link--prev {
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--prev:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-top: -3px;
  padding-right: 4px;
  vertical-align: top;
  vertical-align: middle;
}
.link--next {
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--next:after {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-right: -3px;
  margin-top: -3px;
  padding-left: 4px;
  vertical-align: top;
  vertical-align: middle;
}
.link--delete {
  color: var(--critical-text-color, #c80a00);
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--delete:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  vertical-align: top;
  vertical-align: middle;
}
.link--delete:before,
.link--delete:hover,
.link--delete:hover:before {
  color: var(--critical-text-color, #c80a00);
}
.link--no {
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--no:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-top: -3px;
  padding-right: 4px;
  vertical-align: top;
  vertical-align: middle;
}
.link--yes {
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--yes:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-size: 90%;
  font-style: normal;
  font-weight: 400 !important;
  margin-top: -3px;
  padding-right: 4px;
  vertical-align: top;
  vertical-align: middle;
}
.link--upselling {
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--upselling:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-top: -3px;
  vertical-align: top;
  vertical-align: middle;
}
.link--secure {
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--secure:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-left: -2px;
  margin-top: -3px;
  padding-right: 2px;
  vertical-align: top;
  vertical-align: middle;
}
.link--print {
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--print:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-top: -3px;
  padding-right: 4px;
  vertical-align: top;
  vertical-align: middle;
}
.link--download {
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--download:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-top: -3px;
  padding-right: 4px;
  vertical-align: top;
  vertical-align: middle;
}
.link--facebook {
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--facebook:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-top: -3px;
  padding-right: 4px;
  vertical-align: top;
  vertical-align: middle;
}
.link--twitter {
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--twitter:before {
  color: #57b5fd;
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-top: -3px;
  padding-right: 4px;
  vertical-align: top;
  vertical-align: middle;
}
.link--gplus {
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--gplus:before {
  color: #d60600;
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-top: -3px;
  padding-right: 4px;
  vertical-align: top;
  vertical-align: middle;
}
.link--friend {
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--friend:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-top: -3px;
  padding-right: 4px;
  vertical-align: top;
  vertical-align: middle;
}
.link--helpandlearn {
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--helpandlearn:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-size: var(--default-text-size, 14px);
  font-style: normal;
  font-weight: 400 !important;
  margin-top: -3px;
  padding-right: 3px;
  vertical-align: top;
  vertical-align: middle;
}
.link--pointer {
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--pointer:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-top: -3px;
  padding-right: 4px;
  vertical-align: top;
  vertical-align: middle;
}
.link--new {
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--new:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-top: -3px;
  padding-right: 4px;
  vertical-align: top;
  vertical-align: middle;
}
.link--beta {
  line-height: 1;
  line-height: var(--default-text-line-height, 1.429em);
}
.link--beta:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-top: -3px;
  padding-right: 4px;
  vertical-align: top;
}
.link--beta:before,
.link--exos-icon {
  vertical-align: middle;
}
.link--exos-icon:before {
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  margin-top: -3px;
  padding-right: 4px;
  vertical-align: top;
  vertical-align: middle;
}
@media only screen and (max-width: 666px) {
  .headless-mode .link--headless-hidden {
    display: none;
  }
}
button.link,
button.toggle-link {
  background: transparent;
  border: 0;
  padding: 0;
}
button.link:not(.__hover).__direct-selection--target,
button.toggle-link:not(.__hover).__direct-selection--target {
  text-decoration: none;
}
@font-face {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  font-family: exos-icon-font;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  src: url(https://ce1.uicdn.net/exos/icons/exos-icon-font.woff?v=16)
      format("woff"),
    url(https://ce1.uicdn.net/exos/icons/exos-icon-font.woff2?v=16)
      format("woff2");
  text-transform: none;
}
.exos-icon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: exos-icon-font;
}
.exos-icon-logoonbright:before {
  content: "";
}
.exos-icon-logoondark:before {
  content: "";
}
.exos-icon-domainsinfrastructure-58:before {
  content: "";
}
.exos-icon-webspaceinfrastructure-58:before {
  content: "";
}
.exos-icon-storage-58:before {
  content: "";
}
.exos-icon-centerserver-58:before {
  content: "";
}
.exos-icon-centerapplications-58:before {
  content: "";
}
.exos-icon-centeronlinemarketing-58:before {
  content: "";
}
.exos-icon-centercommunication-58:before {
  content: "";
}
.exos-icon-centeruserdata-58:before {
  content: "";
}
.exos-icon-centermisc-58:before {
  content: "";
}
.exos-icon-news-58:before {
  content: "";
}
.exos-icon-starrating-58:before {
  content: "";
}
.exos-icon-package-58:before {
  content: "";
}
.exos-icon-listitem-24:before {
  content: "";
}
.exos-icon-listitemhover-24:before {
  content: "";
}
.exos-icon-x-listitemhover:before {
  content: "";
}
.exos-icon-x-listitem:before {
  content: "";
}
.exos-icon-productplaceholder-32:before {
  content: "";
}
.exos-icon-ftpoverviewng-32:before {
  content: "";
}
.exos-icon-businessdirectory-32:before {
  content: "";
}
.exos-icon-alertsecurity-32:before {
  content: "";
}
.exos-icon-alertstatement-32:before {
  content: "";
}
.exos-icon-webstat-32:before {
  content: "";
}
.exos-icon-shopconfig-32:before {
  content: "";
}
.exos-icon-toolnewsletter-32:before {
  content: "";
}
.exos-icon-serviceconfig-32:before {
  content: "";
}
.exos-icon-servertechdata-32:before {
  content: "";
}
.exos-icon-seo-32:before {
  content: "";
}
.exos-icon-semframe-32:before {
  content: "";
}
.exos-icon-packageinformation-32:before {
  content: "";
}
.exos-icon-mywebsiteoverview-32:before {
  content: "";
}
.exos-icon-mobileapps-32:before {
  content: "";
}
.exos-icon-messageboard-32:before {
  content: "";
}
.exos-icon-domainndenterdomain-32:before {
  content: "";
}
.exos-icon-dbmysqloverview-32:before {
  content: "";
}
.exos-icon-tractinvoiceoverview-32:before {
  content: "";
}
.exos-icon-figtuneup-32:before {
  content: "";
}
.exos-icon-collaborationcreateaccount-32:before {
  content: "";
}
.exos-icon-appcatalogue-32:before {
  content: "";
}
.exos-icon-aloverview-32:before {
  content: "";
}
.exos-icon-adddomain-32:before {
  content: "";
}
.exos-icon-alerttriangle-16:before {
  content: "";
}
.exos-icon-arrow-24:before {
  content: "";
}
.exos-icon-x-arrow:before {
  content: "";
}
.exos-icon-deleteinput-16:before {
  content: "";
}
.exos-icon-link-action-14:before {
  content: "";
}
.exos-icon-link-external-14:before {
  content: "";
}
.exos-icon-link-extend-14:before {
  content: "";
}
.exos-icon-link-collapse-14:before {
  content: "";
}
.exos-icon-webspaceexplorer-32:before {
  content: "";
}
.exos-icon-googletools-32:before {
  content: "";
}
.exos-icon-cdnoverview-32:before {
  content: "";
}
.exos-icon-toolwebfix-32:before {
  content: "";
}
.exos-icon-phpoverview-32:before {
  content: "";
}
.exos-icon-sitelockadministration-32:before {
  content: "";
}
.exos-icon-dbmssqloverview-32:before {
  content: "";
}
.exos-icon-sshcron-32:before {
  content: "";
}
.exos-icon-helptip-64:before {
  content: "";
}
.exos-icon-search-16:before {
  content: "";
}
.exos-icon-check-26:before {
  content: "";
}
.exos-icon-fail-26:before {
  content: "";
}
.exos-icon-hint-26:before {
  content: "";
}
.exos-icon-socialmediamanager-32:before {
  content: "";
}
.exos-icon-facebookpagebuilder-32:before {
  content: "";
}
.exos-icon-help-18:before {
  content: "";
}
.exos-icon-branchenbuchserviceoverviewext-32:before {
  content: "";
}
.exos-icon-navarrowright-16:before {
  content: "";
}
.exos-icon-navarrowleft-16:before {
  content: "";
}
.exos-icon-tacts-32:before {
  content: "";
}
.exos-icon-settings-32:before {
  content: "";
}
.exos-icon-steps-32:before {
  content: "";
}
.exos-icon-form-32:before {
  content: "";
}
.exos-icon-mail-16:before {
  content: "";
}
.exos-icon-password-16:before {
  content: "";
}
.exos-icon-smiley-16:before {
  content: "";
}
.exos-icon-fax-16:before {
  content: "";
}
.exos-icon-person-16:before {
  content: "";
}
.exos-icon-location-32:before {
  content: "";
}
.exos-icon-dashboard-32:before {
  content: "";
}
.exos-icon-home-32:before {
  content: "";
}
.exos-icon-sorry-16:before {
  content: "";
}
.exos-icon-marker-16:before {
  content: "";
}
.exos-icon-helparticle-16:before {
  content: "";
}
.exos-icon-edit-16:before {
  content: "";
}
.exos-icon-tactdata-32:before {
  content: "";
}
.exos-icon-tract-32:before {
  content: "";
}
.exos-icon-checkbox-cb100abd-16:before {
  content: "";
}
.exos-icon-checkbox-cb100ef-16:before {
  content: "";
}
.exos-icon-checkbox-cb100c-16:before {
  content: "";
}
.exos-icon-checkbox-background-16:before {
  content: "";
}
.exos-icon-radiobutton-rb100abd-16:before {
  content: "";
}
.exos-icon-radiobutton-rb100ef-16:before {
  content: "";
}
.exos-icon-radiobutton-rb100c-16:before {
  content: "";
}
.exos-icon-radiobutton-background-16:before {
  content: "";
}
.exos-icon-bullet1-16:before {
  content: "";
}
.exos-icon-bullet2-16:before {
  content: "";
}
.exos-icon-bullet3-16:before {
  content: "";
}
.exos-icon-addavatar-48:before {
  content: "";
}
.exos-icon-location-20:before {
  content: "";
}
.exos-icon-desktop-20:before {
  content: "";
}
.exos-icon-tablet-20:before {
  content: "";
}
.exos-icon-smartphone-20:before {
  content: "";
}
.exos-icon-mail-32:before {
  content: "";
}
.exos-icon-downtriarrow-16:before {
  content: "";
}
.exos-icon-calender-16:before {
  content: "";
}
.exos-icon-messageclose-24:before {
  content: "";
}
.exos-icon-messageopen-24:before {
  content: "";
}
.exos-icon-messagesecurity-24:before {
  content: "";
}
.exos-icon-messageimportant-24:before {
  content: "";
}
.exos-icon-arrowcollapse-20:before {
  content: "";
}
.exos-icon-arrowextend-20:before {
  content: "";
}
.exos-icon-star-24:before {
  content: "";
}
.exos-icon-staroutline-24:before {
  content: "";
}
.exos-icon-check-16:before {
  content: "";
}
.exos-icon-cross-16:before {
  content: "";
}
.exos-icon-backup-20:before {
  content: "";
}
.exos-icon-backupfile-20:before {
  content: "";
}
.exos-icon-backupdatabase-20:before {
  content: "";
}
.exos-icon-premium-16:before {
  content: "";
}
.exos-icon-ssl-32:before {
  content: "";
}
.exos-icon-delete-14:before {
  content: "";
}
.exos-icon-premium-14:before {
  content: "";
}
.exos-icon-group-16:before {
  content: "";
}
.exos-icon-list-16:before {
  content: "";
}
.exos-icon-protection-16:before {
  content: "";
}
.exos-icon-resource-16:before {
  content: "";
}
.exos-icon-absent-16:before {
  content: "";
}
.exos-icon-trash-16:before {
  content: "";
}
.exos-icon-pagenavbackwards-16:before {
  content: "";
}
.exos-icon-pagenavforward-16:before {
  content: "";
}
.exos-icon-forward-16:before {
  content: "";
}
.exos-icon-tabletview-32:before {
  content: "";
}
.exos-icon-mobileview-32:before {
  content: "";
}
.exos-icon-file-32:before {
  content: "";
}
.exos-icon-fileimage-32:before {
  content: "";
}
.exos-icon-filevideo-32:before {
  content: "";
}
.exos-icon-fileaudio-32:before {
  content: "";
}
.exos-icon-warning-16:before {
  content: "";
}
.exos-icon-layout-16:before {
  content: "";
}
.exos-icon-searchable-16:before {
  content: "";
}
.exos-icon-security-16:before {
  content: "";
}
.exos-icon-performance-16:before {
  content: "";
}
.exos-icon-facebook-32:before {
  content: "";
}
.exos-icon-twitter-32:before {
  content: "";
}
.exos-icon-googleplus-32:before {
  content: "";
}
.exos-icon-community-32:before {
  content: "";
}
.exos-icon-checkbox-innercheck-16:before {
  content: "";
}
.exos-icon-radiobutton-innercircle-16:before {
  content: "";
}
.exos-icon-informationmessage-32:before {
  content: "";
}
.exos-icon-firmationmessage-32:before {
  content: "";
}
.exos-icon-warningmessage-32:before {
  content: "";
}
.exos-icon-errormessage-32:before {
  content: "";
}
.exos-icon-fatalerrormessage-32:before {
  content: "";
}
.exos-icon-domain-24:before {
  content: "";
}
.exos-icon-neutral-16:before {
  content: "";
}
.exos-icon-print-20:before {
  content: "";
}
.exos-icon-download-20:before {
  content: "";
}
.exos-icon-menue-20:before {
  content: "";
}
.exos-icon-info-20:before {
  content: "";
}
.exos-icon-helpdark-20:before {
  content: "";
}
.exos-icon-ascending-14:before {
  content: "";
}
.exos-icon-descending-14:before {
  content: "";
}
.exos-icon-downloadvcard-32:before {
  content: "";
}
.exos-icon-closecard-24:before {
  content: "";
}
.exos-icon-mail-24:before {
  content: "";
}
.exos-icon-logout-16:before {
  content: "";
}
.exos-icon-user-32:before {
  content: "";
}
.exos-icon-search-32:before {
  content: "";
}
.exos-icon-mobile-32:before {
  content: "";
}
.exos-icon-uptriarrow-16:before {
  content: "";
}
.exos-icon-dialogmessage-32:before {
  content: "";
}
.exos-icon-neutralmessage-32:before {
  content: "";
}
.exos-icon-securitymessage-32:before {
  content: "";
}
.exos-icon-promo-call-72:before {
  content: "";
}
.exos-icon-promo-money-72:before {
  content: "";
}
.exos-icon-flyoutmenu-16:before {
  content: "";
}
.exos-icon-flyoutinfo-16:before {
  content: "";
}
.exos-icon-plus-16:before {
  content: "";
}
.exos-icon-pause-16:before {
  content: "";
}
.exos-icon-queued-16:before {
  content: "";
}
.exos-icon-code-16:before {
  content: "";
}
.exos-icon-nav-sidebar-20:before {
  content: "";
}
.exos-icon-nav-close-20:before {
  content: "";
}
.exos-icon-nav-open-20:before {
  content: "";
}
.exos-icon-nav-notify-16:before {
  content: "";
}
.exos-icon-nav-search-16:before {
  content: "";
}
.exos-icon-nav-user-16:before {
  content: "";
}
.exos-icon-beta-32:before {
  content: "";
}
.exos-icon-webanalytics-32:before {
  content: "";
}
.exos-icon-openwindow-20:before {
  content: "";
}
.exos-icon-message-16:before {
  content: "";
}
.exos-icon-read-16:before {
  content: "";
}
.exos-icon-centerserver-32:before {
  content: "";
}
.exos-icon-nav-back-20:before {
  content: "";
}
.exos-icon-folder-16:before {
  content: "";
}
.exos-icon-messageimportant-16:before {
  content: "";
}
.exos-icon-folder-open-16:before {
  content: "";
}
.exos-icon-folder-upload-16:before {
  content: "";
}
.exos-icon-folder-download-16:before {
  content: "";
}
.exos-icon-folder-plus-16:before {
  content: "";
}
.exos-icon-folder-minus-16:before {
  content: "";
}
.exos-icon-smiley-happy-32:before {
  content: "";
}
.exos-icon-smiley-smile-32:before {
  content: "";
}
.exos-icon-smiley-disappointed-32:before {
  content: "";
}
.exos-icon-nav-lock-16:before {
  content: "";
}
.exos-icon-nav-lookup-16:before {
  content: "";
}
.exos-icon-nav-new-16:before {
  content: "";
}
.exos-icon-nav-lock-close-16:before {
  content: "";
}
.exos-icon-wakeup-24:before {
  content: "";
}
.exos-icon-call-64:before {
  content: "";
}
.exos-icon-community-64:before {
  content: "";
}
.exos-icon-contact-callback-64:before {
  content: "";
}
.exos-icon-contact-livechat-64:before {
  content: "";
}
.exos-icon-contact-mail-64:before {
  content: "";
}
.exos-icon-domain-64:before {
  content: "";
}
.exos-icon-help-eshop-64:before {
  content: "";
}
.exos-icon-help-invoice-64:before {
  content: "";
}
.exos-icon-help-listlocal-64:before {
  content: "";
}
.exos-icon-help-mail-64:before {
  content: "";
}
.exos-icon-help-mywebsite-64:before {
  content: "";
}
.exos-icon-help-onlinemarketing-64:before {
  content: "";
}
.exos-icon-help-server-64:before {
  content: "";
}
.exos-icon-help-webhosting-64:before {
  content: "";
}
.exos-icon-security-check-fill-16:before {
  content: "";
}
.exos-icon-security-check-border-16:before {
  content: "";
}
.exos-icon-pagenavend-16:before {
  content: "";
}
.exos-icon-pagenavstart-16:before {
  content: "";
}
.exos-icon-security-check-fill-64:before {
  content: "";
}
.exos-icon-security-check-border-64:before {
  content: "";
}
.exos-icon-favstar-16:before {
  content: "";
}
.exos-icon-cpnews-58:before {
  content: "";
}
.exos-icon-help-protection-64:before {
  content: "";
}
.exos-icon-thumbup-32:before {
  content: "";
}
.exos-icon-help-contract-64:before {
  content: "";
}
.exos-icon-help-privacyprotection-64:before {
  content: "";
}
.exos-icon-help-settings-64:before {
  content: "";
}
.exos-icon-help-address-64:before {
  content: "";
}
.exos-icon-bullet4-16:before {
  content: "";
}
.exos-icon-bullet5-16:before {
  content: "";
}
.exos-icon-bullet6-16:before {
  content: "";
}
.exos-icon-bullet7-16:before {
  content: "";
}
.exos-icon-bullet8-16:before {
  content: "";
}
.exos-icon-bullet9-16:before {
  content: "";
}
.exos-icon-promo-helpcenter-72:before {
  content: "";
}
.exos-icon-promo-contactserivce-72:before {
  content: "";
}
.exos-icon-meinekontaktwuensche-32:before {
  content: "";
}
.exos-icon-back-arrow-24:before {
  content: "";
}
.exos-icon-icon-beta:before {
  content: "";
}
.exos-icon-server-and-cloud-64:before {
  content: "";
}
.exos-icon-anhang-24:before {
  content: "";
}
.exos-icon-mobilesitedashboard-32:before {
  content: "";
}
.exos-icon-office-58:before {
  content: "";
}
.exos-icon-mobile-64:before {
  content: "";
}
.exos-icon-desktop-64:before {
  content: "";
}
.exos-icon-android-64:before {
  content: "";
}
.exos-icon-apple-64:before {
  content: "";
}
.exos-icon-call-24:before {
  content: "";
}
.exos-icon-myaccount-64:before {
  content: "";
}
.exos-icon-sevdesk-64:before {
  content: "";
}
.exos-icon-rankingcoach-64:before {
  content: "";
}
.exos-icon-lightbulb-leer-14:before {
  content: "";
}
.exos-icon-clipboard-copy-14:before {
  content: "";
}
.exos-icon-administrate-14:before {
  content: "";
}
.exos-icon-livechat-58:before {
  content: "";
}
.exos-icon-emailform-58:before {
  content: "";
}
.exos-icon-callback-58:before {
  content: "";
}
.exos-icon-dls-and-mobil-64:before {
  content: "";
}
.exos-icon-download-document-14:before {
  content: "";
}
.exos-icon-feedback-14:before {
  content: "";
}
.exos-icon-ccagent-14:before {
  content: "";
}
.exos-icon-file-powerpoint-16:before {
  content: "";
}
.exos-icon-file-word-16:before {
  content: "";
}
.exos-icon-file-excel-16:before {
  content: "";
}
.exos-icon-file-music-16:before {
  content: "";
}
.exos-icon-file-pdf-16:before {
  content: "";
}
.exos-icon-file-picture-16:before {
  content: "";
}
.exos-icon-file-text-16:before {
  content: "";
}
.exos-icon-file-video-16:before {
  content: "";
}
.exos-icon-file-16:before {
  content: "";
}
.exos-icon-folder-small-16:before {
  content: "";
}
.exos-icon-wrench-16:before {
  content: "";
}
.exos-icon-file-javascript-16:before {
  content: "";
}
.exos-icon-file-perl-16:before {
  content: "";
}
.exos-icon-file-shell-16:before {
  content: "";
}
.exos-icon-file-python-16:before {
  content: "";
}
.exos-icon-file-php-16:before {
  content: "";
}
.exos-icon-file-css-16:before {
  content: "";
}
.exos-icon-file-zip-16:before {
  content: "";
}
.exos-icon-file-sql-16:before {
  content: "";
}
.exos-icon-file-xml-16:before {
  content: "";
}
.exos-icon-file-html-16:before {
  content: "";
}
.exos-icon-json-16:before {
  content: "";
}
.exos-icon-upload-16:before {
  content: "";
}
.exos-icon-exchange-16:before {
  content: "";
}
.exos-icon-mail-business-16:before {
  content: "";
}
.exos-icon-usage-data-48:before {
  content: "";
}
.exos-icon-call-16:before {
  content: "";
}
.exos-icon-crown-20:before {
  content: "";
}
.exos-icon-onelogoondark:before {
  content: "";
}
.exos-icon-contract-48:before {
  content: "";
}
.exos-icon-database-more-48:before {
  content: "";
}
.exos-icon-invoice-48:before {
  content: "";
}
.exos-icon-lock-48:before {
  content: "";
}
.exos-icon-domain-48:before {
  content: "";
}
.exos-icon-email-48:before {
  content: "";
}
.exos-icon-hosting-48:before {
  content: "";
}
.exos-icon-accounting-48:before {
  content: "";
}
.exos-icon-online-marketing-48:before {
  content: "";
}
.exos-icon-security-48:before {
  content: "";
}
.exos-icon-servers-and-cloud-48:before {
  content: "";
}
.exos-icon-website-48:before {
  content: "";
}
.exos-icon-more-48:before {
  content: "";
}
.exos-icon-digitalisation-48:before {
  content: "";
}
.exos-icon-shoppingcart-16:before {
  content: "";
}
.exos-icon-show-16:before {
  content: "";
}
.exos-icon-hide-16:before {
  content: "";
}
.exos-icon-webpro-16:before {
  content: "";
}
.exos-icon-donut-16:before {
  content: "";
}
.exos-icon-home-16:before {
  content: "";
}
.exos-icon-ionosondark:before {
  content: "";
}
.exos-icon-onelogoondark_two:before {
  content: "";
}
.exos-icon-ionos_empty:before {
  content: "";
}
.exos-icon-microphone-16:before {
  content: "";
}
.exos-icon-home-24:before {
  content: "";
}
.exos-icon-shield-24:before {
  content: "";
}
.exos-icon-retry-16:before {
  content: "";
}
.exos-icon-transfer-16:before {
  content: "";
}
.exos-icon-smiley-filled-16:before {
  content: "";
}
.exos-icon-rocket-16:before {
  content: "";
}
.exos-icon-pricetag-star-16:before {
  content: "";
}
.exos-icon-present-16:before {
  content: "";
}
.exos-icon-recommendation-16:before {
  content: "";
}
.exos-icon-sun-16:before {
  content: "";
}
.exos-icon-folder-select-16:before {
  content: "";
}
.exos-icon-folder-open-select-16:before {
  content: "";
}
.exos-icon-arsys-logo:before {
  content: "";
}
.toggle-link--collapsed {
  line-height: 1;
}
.toggle-link--collapsed:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  overflow: hidden;
  vertical-align: top;
  vertical-align: inherit;
}
.toggle-link--expanded {
  line-height: 1;
}
.toggle-link--expanded:before {
  content: "";
  display: inline-block;
  font-family: exos-icon-font;
  font-style: normal;
  font-weight: 400 !important;
  overflow: hidden;
  vertical-align: top;
  vertical-align: inherit;
}
.toggle-link__content--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .toggle-link__content--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .toggle-link__content--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .toggle-link__content--small-hidden {
    display: none;
  }
}
.tooltip--hidden {
  display: none;
}
@media only screen and (min-width: 1185px) {
  .tooltip--large-hidden {
    display: none;
  }
}
@media only screen and (min-width: 667px) and (max-width: 1184px) {
  .tooltip--medium-hidden {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  .tooltip--small-hidden {
    display: none;
  }
}
.tooltip__element {
  background-color: var(--tertiary-background-color-inverted, #718095);
  border-radius: var(--small-border-radius, 8px);
  box-shadow: 0 2px 8px 0 var(--default-shadow, #718095);
  color: var(--white, #fff);
  cursor: default;
  display: table;
  line-height: 1.538em;
  margin-top: 18px;
  max-width: 200px;
  opacity: 0;
  padding: 8px;
  position: absolute;
  text-align: center;
  transition: margin-top 0.2s ease-out 0.25s, opacity 0.15s ease-out 0.25s;
  visibility: hidden;
}
@media only screen and (max-width: 666px) {
  .tooltip__element {
    border-radius: var(--xsmall-border-radius, 4px);
  }
}
.tooltip__element--active {
  margin-top: 8px;
  opacity: 1;
  visibility: visible;
  z-index: 10;
}