File Manager

X7ROOT File Manager

Current Path: /home/tmkt/public_html/kundenions.de/css

home / tmkt / public_html / kundenions.de / css /

📁 ..
📁 embeds
📄 ionos.min.css(665.99 KB)
📁 list-grid
📄 main.min.css(311 B)
📄 starter-main.min.css(2.6 KB)

Editing: ionos.min.css

/*! exos - 2.0.0 (8b513d7b) (c) IONOS, 2024 */

: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);
    --interactive-text-color: var(--palette-corporate-4);
    --interactive-shape-color: var(--palette-corporate-4);
    --default-shadow-color: rgba(113, 128, 149, .5);
    --default-shadow: 0 1px 2px 0 var(--default-shadow-color);
    --primary-shadow: 0 2px 8px 0 var(--default-shadow-color);
    --secondary-shadow: 0 1px 0 0 var(--default-shadow-color);
    --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);
    --table-border: 1px solid var(--tertiary-shape-color);
    --table-shadow: none;
    --table-header-background-color: var(--default-background-color);
    --highlighted-table-cell-background-color: rgba(219, 226, 232, .25);
    --hovered-table-row-background-color: rgba(219, 226, 232, .5);
    --table-toolbar-shadow: var(--table-shadow);
    --table-toolbar-border: var(--table-border);
    --table-toolbar-background-color: var(--table-header-background-color);
    --card-border: 1px solid var(--tertiary-shape-color);
    --card-shadow: none;
    --sheet-border: 1px solid var(--tertiary-shape-color);
    --sheet-shadow: none;
    --panel-border: 1px solid var(--tertiary-shape-color);
    --hovered-panel-border: 1px solid var(--secondary-shape-color);
    --panel-shadow: none;
    --hovered-panel-shadow: var(--primary-shadow);
    --tile-background-color: transparent;
    --tile-border: 0 none transparent;
    --tile-shadow: none;
    --hovered-tile-background-color: transparent;
    --hovered-tile-border: 0 none transparent;
    --hovered-tile-shadow: var(--primary-shadow);
    --filled-tile-background-color: var(--white);
    --filled-tile-border: 1px solid var(--tertiary-shape-color);
    --filled-tile-shadow: none;
    --hovered-filled-tile-background-color: var(--white);
    --hovered-filled-tile-border: 1px solid var(--tertiary-shape-color);
    --hovered-filled-tile-shadow: var(--primary-shadow);
    --outlined-tile-background-color: transparent;
    --outlined-tile-border: 1px solid var(--corporate-text-color);
    --outlined-tile-shadow: none;
    --hovered-outlined-tile-background-color: var(--white);
    --hovered-outlined-tile-border: 1px solid var(--corporate-text-color);
    --hovered-outlined-tile-shadow: none;
    --bright-tile-background-color: transparent;
    --bright-tile-border: 1px solid var(--white);
    --bright-tile-shadow: none;
    --hovered-bright-tile-background-color: hsla(0, 0%, 100%, .15);
    --hovered-bright-tile-border: 1px solid var(--white);
    --hovered-bright-tile-shadow: none;
    --secondary-textarea-background-color: var(--palette-neutral-2);
    --context-menu-border: 1px solid var(--tertiary-shape-color);
    --page-tabbar-bottom-border: 1px solid var(--tertiary-shape-color);
    --global-navigation-background-color: var(--palette-corporate-6);
    --global-navigation-border1: #095bb1;
    --global-navigation-border2: #0b2a63
}

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: 16px;
    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: var(--default-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, .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%, .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, #0b2a63);
    box-shadow: 0 1px 1px -1px var(--global-navigation-border1, #095bb1)
}

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 .2s ease-out, padding-right .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: calc(var(--default-border-radius, 16px) - 1px);
    margin-bottom: 32px
}

.accordion--filled {
    overflow: hidden
}

@media only screen and (max-width:666px) {
    .accordion {
        border-radius: calc(var(--small-border-radius, 8px) - 1px);
        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-color, #718095);
    display: block;
    margin: 0;
    padding: 0;
    position: relative
}

.accordion__item:first-child {
    border-top-left-radius: calc(var(--default-border-radius, 16px) - 1px);
    border-top-right-radius: calc(var(--default-border-radius, 16px) - 1px)
}

.accordion__item:last-child {
    border-bottom: 0;
    border-bottom-left-radius: calc(var(--default-border-radius, 16px) - 1px);
    border-bottom-right-radius: calc(var(--default-border-radius, 16px) - 1px);
    overflow: hidden
}

@media only screen and (max-width:666px) {
    .accordion__item:first-child {
        border-top-left-radius: calc(var(--small-border-radius, 8px) - 1px);
        border-top-right-radius: calc(var(--small-border-radius, 8px) - 1px)
    }
    .accordion__item:last-child {
        border-bottom-left-radius: calc(var(--small-border-radius, 8px) - 1px);
        border-bottom-right-radius: calc(var(--small-border-radius, 8px) - 1px)
    }
}

.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 .2s ease-out, box-shadow .2s ease-out
}

.accordion--filled .accordion__item--expanded:last-child,
.accordion--filled .accordion__item:last-child:hover {
    box-shadow: var(--secondary-shadow, 0 1px 0 0 #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--hidden {
    display: none
}

@media only screen and (min-width:1185px) {
    .breadcrumb--large-hidden {
        display: none
    }
}

@media only screen and (min-width:667px) and (max-width:1184px) {
    .breadcrumb--medium-hidden {
        display: none
    }
}

@media only screen and (max-width:666px) {
    .breadcrumb--small-hidden {
        display: none
    }
}

.breadcrumb__item {
    display: inline-flex;
    font-size: 16px;
    height: 21px;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.breadcrumb__item,
.breadcrumb__item:before {
    color: var(--corporate-text-color, #0b2a63);
    text-decoration: none
}

.breadcrumb__item:before {
    content: "";
    font-family: exos-icon-font, sans-serif;
    font-style: normal;
    font-weight: 400;
    padding: 0 5px
}

.breadcrumb__item--dark,
.breadcrumb__item--dark:before {
    color: var(--black, #000)
}

.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: var(--card-border, 1px solid #bcc8d4);
    border-radius: var(--default-border-radius, 16px);
    box-shadow: var(--card-shadow, 0 1px 2px 0 #718095);
    clear: both;
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
    margin-bottom: 32px;
    position: relative;
    transition: box-shadow .3s ease-out
}

.card--page-context {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: inherit
}

.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: calc(var(--default-border-radius, 16px) - 1px) calc(var(--default-border-radius, 16px) - 1px) 0 0;
    overflow: hidden
}

@media only screen and (max-width:666px) {
    .card__header:first-child {
        border-radius: calc(var(--small-border-radius, 8px) - 1px) calc(var(--small-border-radius, 8px) - 1px) 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: .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: var(--primary-shadow, 0 2px 8px 0 #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 .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: var(--context-menu-border, 1px solid #bcc8d4);
    border-radius: var(--small-border-radius, 8px);
    box-shadow: var(--primary-shadow, 0 2px 8px 0 #718095);
    margin-top: -8px;
    opacity: 0;
    position: absolute;
    text-align: left;
    transition: margin .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 .2s ease-out .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 .1s ease-out 0s, background-color .1s ease-out 0s, border-color .1s ease-out 0s, margin .05s ease-out, padding .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: var(--checkbox-square-size, 16px);
    left: 0;
    position: absolute;
    top: 2px;
    width: var(--checkbox-square-size, 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 .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, #001b41);
    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: .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 .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 .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: .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-bold, "OverpassSemibold", arial, 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-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);
    font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif);
    margin-top: 0
}

.headline--paragraph {
    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;
    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,
.headline-icon-group__headline--sub {
    color: var(--default-text-color, #001b41);
    font-family: var(--corporate-font-bold, "OverpassSemibold", arial, sans-serif)
}

.headline-icon-group__headline--sub {
    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: var(--card-border, 1px solid #bcc8d4);
    border-radius: var(--default-border-radius, 16px);
    box-shadow: var(--card-shadow, 0 1px 2px 0 #718095);
    display: flex;
    margin-bottom: 32px;
    position: relative;
    transition: box-shadow .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: var(--primary-shadow, 0 2px 8px 0 #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: calc(var(--default-border-radius, 16px) - 1px) 0 0 calc(var(--default-border-radius, 16px) - 1px);
    height: 100%;
    position: absolute;
    width: auto
}

@media only screen and (max-width:666px) {
    .horizontal-card__visual {
        border-radius: calc(var(--small-border-radius, 8px) - 1px) 0 0 calc(var(--small-border-radius, 8px) - 1px)
    }
}

@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 calc(var(--default-border-radius, 16px) - 1px) calc(var(--default-border-radius, 16px) - 1px) 0
}

@media only screen and (max-width:666px) {
    .horizontal-card--reversed .horizontal-card__visual {
        border-radius: calc(var(--small-border-radius, 8px) - 1px) calc(var(--small-border-radius, 8px) - 1px) 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(--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)
}

.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(--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)
}

.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(--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)
}

.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(--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)
}

.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(--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)
}

.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(--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)
}

.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(--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)
}

.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: var(--primary-shadow, 0 2px 8px 0 #718095);
    display: flex;
    flex-direction: column;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 64px;
    transition: left .2s ease-out 0s, top .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-color, #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 .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: .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: .6em;
    width: 1em
}

.loading-circle__circle:first-child {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.loading-circle__circle:nth-child(2) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.loading-circle__circle:nth-child(3) {
    -webkit-animation-delay: .5s;
    animation-delay: .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(.09, .57, .49, .9) 0s infinite;
    animation: keyframes--loading-square 3s cubic-bezier(.09, .57, .49, .9) 0s infinite;
    -webkit-animation-delay: .15s;
    animation-delay: .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: .25;
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }
    50% {
        opacity: .5;
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }
    75% {
        opacity: .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: .25;
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }
    50% {
        opacity: .5;
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }
    75% {
        opacity: .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: .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 .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 .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 .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 .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 .5s ease-out
    }
}

@media (max-width:1053px) {
    .page-header--narrow .page-header__back-button:before {
        margin-left: 0;
        transition: margin-left .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 .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 .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: .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-color, #718095);
    bottom: 0;
    box-shadow: 0 -10px 8px -10px var(--default-shadow-color, #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: var(--page-tabbar-bottom-border, 1px solid #bcc8d4);
    margin-bottom: 0;
    padding: 0 32px;
    position: relative;
    transition: box-shadow .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 .1s ease-out 0s, background-color .1s ease-out 0s, border-color .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: var(--primary-shadow, 0 2px 8px 0 #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 .25s ease-out;
    will-change: opacity;
    z-index: 79
}

.page-transition__loading-spin {
    opacity: 0;
    transition: opacity .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: var(--default-shadow, 0 1px 2px 0 #718095);
    height: 4px;
    left: 0;
    position: fixed;
    top: 0;
    transition-duration: 15s;
    transition-property: width;
    transition-timing-function: cubic-bezier(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: var(--panel-border, 1px solid #bcc8d4);
    border-radius: var(--default-border-radius, 16px);
    box-shadow: var(--panel-shadow, 0 1px 2px 0 #718095);
    display: block;
    margin: 0 0 16px;
    min-height: 72px;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: box-shadow .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: var(--hovered-panel-border, 1px solid #97a3b4);
    box-shadow: var(--hovered-panel-shadow, 0 2px 8px 0 #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), var(--panel-shadow, 0 1px 2px 0 #718095)
}

.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), var(--hovered-panel-shadow, 0 2px 8px 0 #718095)
}

.panel__item.panel__item--activating {
    box-shadow: inset 4px 0 0 0 var(--inactive-activating-shape-color, #7fe4f6), var(--panel-shadow, 0 1px 2px 0 #718095)
}

.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), var(--hovered-panel-shadow, 0 2px 8px 0 #718095)
}

.panel__item.panel__item--success {
    box-shadow: inset 4px 0 0 0 var(--inactive-success-shape-color, #12cf76), var(--panel-shadow, 0 1px 2px 0 #718095)
}

.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), var(--hovered-panel-shadow, 0 2px 8px 0 #718095)
}

.panel__item.panel__item--warning {
    box-shadow: inset 4px 0 0 0 var(--inactive-warning-shape-color, #ffd176), var(--panel-shadow, 0 1px 2px 0 #718095)
}

.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), var(--hovered-panel-shadow, 0 2px 8px 0 #718095)
}

.panel__item.panel__item--critical {
    box-shadow: inset 4px 0 0 0 var(--inactive-critical-shape-color, #ffa8a3), var(--panel-shadow, 0 1px 2px 0 #718095)
}

.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), var(--hovered-panel-shadow, 0 2px 8px 0 #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: .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: .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(.33em);
    transform: translate(50%, 53.5%) translateY(.33em)
}

.clearfix:after {
    clear: both;
    content: "";
    display: table
}

.sheet {
    background-color: var(--white, #fff);
    border: var(--sheet-border, 1px solid #bcc8d4);
    border-radius: var(--default-border-radius, 16px);
    box-shadow: var(--sheet-shadow, 0 1px 2px 0 #718095);
    margin-bottom: 32px;
    overflow: hidden;
    transition: box-shadow .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: calc(var(--default-border-radius, 16px) - 1px);
    border-top-right-radius: calc(var(--default-border-radius, 16px) - 1px)
}

.sheet>:last-child {
    border-bottom-left-radius: calc(var(--default-border-radius, 16px) - 1px);
    border-bottom-right-radius: calc(var(--default-border-radius, 16px) - 1px);
    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__badge {
    margin-bottom: 16px
}

@media only screen and (max-width:666px) {
    .sheet__badge {
        margin-bottom: 8px
    }
}

.sheet__badge--positioned {
    margin-bottom: 16px;
    margin-left: -32px;
    margin-top: -6px
}

@media only screen and (max-width:666px) {
    .sheet__badge--positioned {
        margin-bottom: 8px;
        margin-left: -16px;
        margin-top: -3px
    }
}

.sheet__badge--positioned .badge {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 16px
}

.sheet__section {
    margin-bottom: 0;
    padding: 28px 30px;
    position: relative
}

.sheet__section--condensed {
    padding: 16px 30px
}

.sheet__section--cropped {
    padding: 0 30px
}

@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, #bcc8d4)
}

.sheet__section--separator-left {
    border-left: 1px solid var(--tertiary-shape-color, #bcc8d4)
}

.sheet__section--separator-right {
    border-right: 1px solid var(--tertiary-shape-color, #bcc8d4)
}

.sheet__section--separator-top {
    border-top: 1px solid var(--tertiary-shape-color, #bcc8d4)
}

.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__close {
    cursor: pointer;
    opacity: .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);
    text-shadow: 0 0 16px var(--black, #000)
}

.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__footer {
    margin-bottom: -8px;
    margin-top: 28px
}

.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--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--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__header {
    align-items: center;
    background-color: var(--default-background-color, #f4f7fa);
    display: flex;
    margin-bottom: 0;
    padding: 12px 24px;
    position: relative
}

.sheet__header--separator-bottom {
    border-bottom: 1px solid var(--tertiary-shape-color)
}

@media only screen and (max-width:666px) {
    .sheet__header {
        padding: 12px 16px
    }
}

.sheet__header .sheet__icon {
    height: 28px;
    margin: -2px 12px -2px 0;
    width: auto
}

.sheet__header .sheet__headline {
    flex-grow: 1;
    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-top: 2px
}

.sheet__header .sheet__link {
    margin-left: 12px
}

.sheet__header .sheet__close {
    right: 15px;
    top: 12px
}

@media only screen and (max-width:666px) {
    .sheet__header .sheet__close {
        right: 8px
    }
}

.sheet__header--align-center {
    justify-content: center;
    text-align: center
}

.sheet__header--align-left {
    justify-content: flex-start;
    text-align: left
}

.sheet__header--align-right {
    justify-content: flex-end;
    text-align: right
}

@media only screen and (min-width:1185px) {
    .sheet__header--large-align-center {
        justify-content: center;
        text-align: center
    }
    .sheet__header--large-align-left {
        justify-content: flex-start;
        text-align: left
    }
    .sheet__header--large-align-right {
        justify-content: flex-end;
        text-align: right
    }
}

@media only screen and (min-width:667px) and (max-width:1184px) {
    .sheet__header--medium-align-center {
        justify-content: center;
        text-align: center
    }
    .sheet__header--medium-align-left {
        justify-content: flex-start;
        text-align: left
    }
    .sheet__header--medium-align-right {
        justify-content: flex-end;
        text-align: right
    }
}

@media only screen and (max-width:666px) {
    .sheet__header--small-align-center {
        justify-content: center;
        text-align: center
    }
    .sheet__header--small-align-left {
        justify-content: flex-start;
        text-align: left
    }
    .sheet__header--small-align-right {
        justify-content: flex-end;
        text-align: right
    }
}

.sheet__header--hidden {
    display: none
}

@media only screen and (min-width:1185px) {
    .sheet__header--large-hidden {
        display: none
    }
}

@media only screen and (min-width:667px) and (max-width:1184px) {
    .sheet__header--medium-hidden {
        display: none
    }
}

@media only screen and (max-width:666px) {
    .sheet__header--small-hidden {
        display: none
    }
}

.sheet__header--vertical-align-bottom {
    align-items: flex-end;
    display: flex;
    flex-flow: wrap
}

.sheet__header--vertical-align-center {
    align-items: center;
    display: flex;
    flex-flow: wrap
}

.sheet__header--vertical-align-top {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap
}

@media only screen and (min-width:1185px) {
    .sheet__header--large-vertical-align-bottom {
        align-items: flex-end;
        display: flex;
        flex-flow: wrap
    }
    .sheet__header--large-vertical-align-center {
        align-items: center;
        display: flex;
        flex-flow: wrap
    }
    .sheet__header--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__header--medium-vertical-align-bottom {
        align-items: flex-end;
        display: flex;
        flex-flow: wrap
    }
    .sheet__header--medium-vertical-align-center {
        align-items: center;
        display: flex;
        flex-flow: wrap
    }
    .sheet__header--medium-vertical-align-top {
        align-items: flex-start;
        display: flex;
        flex-flow: wrap
    }
}

@media only screen and (max-width:666px) {
    .sheet__header--small-vertical-align-bottom {
        align-items: flex-end;
        display: flex;
        flex-flow: wrap
    }
    .sheet__header--small-vertical-align-center {
        align-items: center;
        display: flex;
        flex-flow: wrap
    }
    .sheet__header--small-vertical-align-top {
        align-items: flex-start;
        display: flex;
        flex-flow: wrap
    }
}

.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: var(--primary-shadow, 0 2px 8px 0 #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: .2s;
    animation-duration: .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 .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: .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 .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 .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: .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: .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: .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: .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: .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: var(--table-border, 1px solid #bcc8d4);
    border-collapse: separate;
    border-radius: var(--default-border-radius, 16px);
    box-shadow: var(--table-shadow, 0 1px 2px 0 #718095);
    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(--table-header-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: .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(--hovered-table-row-background-color, #dbe2e8)
}

.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
    }
}

.table__row--success {
    background-color: var(--success-background-color, #fff)
}

.table__row--warning {
    background-color: var(--warning-background-color, #fff)
}

.table__row--critical {
    background-color: var(--critical-background-color, #fff)
}

.table__row--neutral {
    background-color: var(--neutral-background-color, #fff)
}

.table__row--activating {
    background-color: var(--activating-background-color, #fff)
}

.table__row--corporate {
    background-color: var(--corporate-background-color, #fff)
}

.table__row--promoting {
    background-color: var(--promoting-background-color, #fff)
}

@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(--default-background-color, #f4f7fa)
}

.table--borderless .table__row:hover {
    background-color: inherit
}

.table__row--disabled {
    cursor: not-allowed;
    opacity: .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(--interactive-text-color, #1474c4);
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 20px;
    padding-top: 14px
}

.table__toolbar {
    background-color: var(--table-toolbar-background-color, #f4f7fa);
    border: var(--table-toolbar-border, 1px solid #bcc8d4);
    border-bottom: 0;
    border-radius: var(--default-border-radius, 16px) var(--default-border-radius, 16px) 0 0;
    box-shadow: var(--table-toolbar-shadow, 0 1px 2px 0 #718095);
    margin-bottom: var(--table-toolbar-bottom-spacing, -16px);
    padding: var(--table-toolbar-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: var(--table-border, 1px solid #bcc8d4);
    border-radius: var(--default-border-radius, 16px);
    box-shadow: var(--table-shadow, 0 1px 2px 0 #718095);
    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--separator {
    border: 0;
    border-top: 1px solid var(--tertiary-shape-color, #bcc8d4);
    margin: 0
}

.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(--interactive-text-color, #1474c4)
}

.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--feedback .table__cell,
    .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 {
    background-color: var(--tile-background-color, transparent);
    border: var(--tile-border, 1px solid #bcc8d4);
    border-radius: var(--default-border-radius, 16px);
    box-shadow: var(--tile-shadow, 0 1px 2px 0 #718095);
    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 .1s ease-out
}

.tile.__hover,
.tile:active,
.tile:focus,
.tile:hover {
    background-color: var(--hovered-tile-background-color, transparent);
    border: var(--hovered-tile-border, 1px solid #bcc8d4);
    box-shadow: var(--hovered-tile-shadow, 0 2px 8px 0 #718095);
    color: var(--interactive-text-color, #1474c4);
    cursor: pointer;
    outline: 0 none
}

.tile:active {
    -webkit-transform: scale(.98);
    transform: scale(.98)
}

.tile:link,
.tile:visited {
    outline: 0 none
}

.tile--filled {
    background-color: var(--filled-tile-background-color, #fff);
    border: var(--filled-tile-border, 1px solid #bcc8d4);
    box-shadow: var(--filled-tile-shadow, 0 1px 2px 0 #718095);
    height: 100%
}

.tile--filled.__hover,
.tile--filled:active,
.tile--filled:focus,
.tile--filled:hover {
    background-color: var(--hovered-filled-tile-background-color, #fff);
    border: var(--hovered-filled-tile-border, 1px solid #bcc8d4);
    box-shadow: var(--hovered-filled-tile-shadow, 0 2px 8px 0 #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 {
    background-color: var(--outlined-tile-background-color, transparent);
    border: var(--outlined-tile-border, 1px solid #0b2a63);
    box-shadow: var(--outlined-tile-shadow, 0 1px 2px 0 #718095)
}

.tile--outlined:hover {
    background-color: var(--hovered-outlined-tile-background-color, #fff);
    border: var(--hovered-outlined-tile-border, 1px solid #0b2a63);
    box-shadow: var(--hovered-outlined-tile-shadow, 0 2px 8px 0 #718095)
}

.tile--bright {
    background-color: var(--bright-tile-background-color, transparent);
    border: var(--bright-tile-border, 1px solid #fff);
    box-shadow: var(--bright-tile-shadow, 0 1px 2px 0 #718095)
}

.tile--bright:hover {
    background-color: var(--hovered-bright-tile-background-color, hsla(0, 0%, 100%, .15));
    border: var(--hovered-bright-tile-border, 1px solid #fff);
    box-shadow: var(--hovered-bright-tile-shadow, 0 2px 8px 0 #718095)
}

.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%, .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 .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%, .75)
}

.tile--bright:hover .tile__image path {
    fill: hsla(0, 0%, 100%, .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(--secondary-shape-color, #97a3b4)
}

.tile--alternative:hover .tile__image path {
    fill: var(--default-shape-color, #465a75)
}

.tile--alternative.tile--inline:not(.tile--horizontal),
.tile--alternative:hover .tile__alternative-action {
    display: inline-block
}

.tile--bright.tile--alternative:hover .tile__exos-icon,
.tile--bright.tile--alternative:hover .tile__icon {
    color: hsla(0, 0%, 100%, .75)
}

.tile--bright.tile--alternative:hover .tile__image path {
    fill: hsla(0, 0%, 100%, .75)
}

.tile--disabled {
    cursor: not-allowed;
    display: block;
    opacity: .5;
    pointer-events: none;
    position: relative;
    transition: all .1s ease-out
}

.tile--disabled:active,
.tile--disabled:focus,
.tile--disabled:hover {
    box-shadow: var(--primary-shadow, 0 2px 8px 0 #718095)
}

.tile--disabled.tile--inline {
    display: inline-block
}

.tile--alternative {
    display: block;
    position: relative;
    transition: all .1s ease-out
}

.tile--alternative:active:not(.tile--outlined),
.tile--alternative:focus:not(.tile--outlined),
.tile--alternative:hover:not(.tile--outlined) {
    box-shadow: var(--primary-shadow, 0 2px 8px 0 #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: .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: var(--button-padding, 8px 20px);
    text-align: center;
    text-decoration: none;
    transition: color .1s ease-out, background-color .1s ease-out, border-color .1s ease-out
}

.button circle,
.button path,
.toggle-button circle,
.toggle-button path {
    transition: fill .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: .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: 17px
}

.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: var(--button-padding, 8px 20px);
    text-decoration: none;
    transition: color .1s ease-out, background-color .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: .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 .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: .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-left: 1px;
    margin-top: -2px;
    padding-right: 2px;
    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: var(--primary-shadow, 0 2px 8px 0 #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 .2s ease-out .25s, opacity .15s ease-out .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
}

X7ROOT File Manager

Editing: ionos.min.css

Upload File

Create Folder