.ErrorPage h2 {
    margin-bottom: 16px
}

.ErrorPage main {
    width: var(--layout-col-20);
    margin: 128px auto 96px
}

@media only screen and (max-width:768px) {
    .ErrorPage main {
        width: var(--layout-col-14)
    }
}

@media only screen and (max-width:563px) {
    .ErrorPage main {
        width: var(--layout-col-8)
    }
}

@media only screen and (max-width:1024px) {
    .ErrorPage main {
        margin-top: 72px;
        margin-bottom: 72px
    }
}

.ErrorPage__buttonContainer {
    margin-top: 40px
}

.ErrorPage[data-v-92f551ae] {
    width: 100%;
    box-sizing: border-box;
    padding: 156px var(--layout-gap);
    max-width: 592px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (max-width:1024px) {
    .ErrorPage[data-v-92f551ae] {
        padding: 120px var(--layout-gap)
    }
}

.ErrorPage__icon[data-v-92f551ae] {
    --error-icon-size: 88px;
    width: var(--error-icon-size);
    height: var(--error-icon-size);
    position: relative
}

@media only screen and (max-width:1024px) {
    .ErrorPage__icon[data-v-92f551ae] {
        --error-icon-size: 64px
    }
}

.ErrorPage__icon[data-v-92f551ae]:after {
    content: "";
    width: var(--error-icon-size);
    height: var(--error-icon-size);
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjMzIDM3LjMyOGMwIDE2LjU0IDEzLjQ1NyAyOS45OTggMjkuOTk4IDI5Ljk5OGEyOS44NTQgMjkuODU0IDAgMDAxOC43MTctNi41NzJsMTkuNDEzIDE5LjQxMmMuNjUuNjU5IDEuNzA4LjY1OSAyLjM1OCAwbDIuMzU4LTIuMzU4YTEuNjcgMS42NyAwIDAwMC0yLjM1OEw2MC43NjEgNTYuMDM2YTI5Ljg1NCAyOS44NTQgMCAwMDYuNTY1LTE4LjcwOGMwLTE2LjU0LTEzLjQ1OC0yOS45OTgtMjkuOTk4LTI5Ljk5OFM3LjMzIDIwLjc4NyA3LjMzIDM3LjMyOHptNi42NjYgMGMwLTEyLjg2NiAxMC40NjYtMjMuMzMyIDIzLjMzMi0yMy4zMzIgMTIuODY1IDAgMjMuMzMxIDEwLjQ2NiAyMy4zMzEgMjMuMzMyIDAgMTIuODY1LTEwLjQ2NSAyMy4zMzEtMjMuMzMxIDIzLjMzMVMxMy45OTYgNTAuMTk0IDEzLjk5NiAzNy4zMjh6IiBmaWxsPSIjMDAxOTkxIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOC45OTUgMzAuNjI0Yy0uOTE2IDAtMS42NjYtLjc1LTEuNjY2LTEuNjY2di01YTMuMzMyIDMuMzMyIDAgMTE2LjY2NiAwdjVjMCAuOTE2LS43NSAxLjY2Ni0xLjY2NyAxLjY2NmgtMy4zMzN6bTEzLjMzMyAwYy0uOTE3IDAtMS42NjctLjc1LTEuNjY3LTEuNjY2di01YTMuMzMyIDMuMzMyIDAgMTE2LjY2NiAwdjVjMCAuOTE2LS43NSAxLjY2Ni0xLjY2NiAxLjY2NmgtMy4zMzN6bTExLjU2NCAxOC4xOWMtLjktOC4zNC03Ljk5MS0xNC44NTYtMTYuNTY1LTE0Ljg1Ni04LjU3NSAwLTE1LjY2NiA2LjUxNi0xNi41NjYgMTQuODU3LS4xLjk2Ni42OTIgMS44MDggMS42NjcgMS44MDhoMy4zNThjLjgwOCAwIDEuNTMzLS41NzUgMS42NDEtMS4zODMuNjc1LTQuODY3IDQuODU4LTguNjE2IDkuOS04LjYxNiA1LjA0IDAgOS4yMjQgMy43NSA5Ljg5OSA4LjYxNi4xMDguOC44MzMgMS4zODMgMS42NDEgMS4zODNoMy4zNThjLjk4NCAwIDEuNzc1LS44MzMgMS42NjctMS44MDh6IiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNTk2OV8xNDkxNTIpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzU5NjlfMTQ5MTUyIiB4MT0iLS43NDUiIHkxPSI3OS4zNzkiIHgyPSI3Ny45MzYiIHkyPSIuNjk4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzAwQTBEQyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzk5RDlGMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==);
    position: absolute;
    background-size: var(--error-icon-size) var(--error-icon-size);
    top: 0;
    left: 0
}

.ErrorPage__icon--internal[data-v-92f551ae]:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03MC42NyA3Ny4zMzNWMTAuNjY3bDYuMTc1IDYuMTgzYy4zMTcuMzA4LjQ5Mi43MzMuNDkyIDEuMTc1djY0LjMwOGMwIC45MTctLjc1IDEuNjY3LTEuNjY3IDEuNjY3SDEyLjMzN2MtLjkxNyAwLTEuNjY3LS43NS0xLjY2Ny0xLjY2N1Y1LjY2N2MwLS45MTcuNzUtMS42NjcgMS42NjctMS42NjdINjMuMzJjLjQ0MiAwIC44NTguMTc1IDEuMTc1LjQ5Mmw2LjE3NSA2LjE3NXY2LjY2NmgtNWMtLjkxNyAwLTEuNjY3LS43NS0xLjY2Ny0xLjY2N3YtNUgxNy4zMzd2NjYuNjY3SDcwLjY3eiIgZmlsbD0iIzAwMTk5MSIvPjxwYXRoIGQ9Ik0zOS4wNzYgMzguODc0aC0zLjMzM2MtLjkxNyAwLTEuNjY3LS43NS0xLjY2Ny0xLjY2NnYtNWEzLjMzMiAzLjMzMiAwIDExNi42NjYgMHY1YzAgLjkxNi0uNzUgMS42NjYtMS42NjYgMS42NjZ6IiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNTk2OV8xNDkyMjgpIi8+PHBhdGggZD0iTTUyLjQwOCAzOC44NzRoLTMuMzMzYy0uOTE3IDAtMS42NjctLjc1LTEuNjY3LTEuNjY2di01YTMuMzMyIDMuMzMyIDAgMTE2LjY2NiAwdjVjMCAuOTE2LS43NSAxLjY2Ni0xLjY2NiAxLjY2NnoiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcl81OTY5XzE0OTIyOCkiLz48cGF0aCBkPSJNNDQuMDc0IDQyLjIwOGM4LjU3NCAwIDE1LjY2NiA2LjUxNiAxNi41NjYgMTQuODU3LjEwOC45NzUtLjY4NCAxLjgwOC0xLjY2NyAxLjgwOGgtMy4zNThjLS44MDggMC0xLjUzMy0uNTgzLTEuNjQyLTEuMzgzLS42NzUtNC44NjctNC44NTgtOC42MTYtOS44OTktOC42MTYtNS4wNDEgMC05LjIyNCAzLjc1LTkuOSA4LjYxNi0uMTA4LjgwOC0uODMyIDEuMzgzLTEuNjQgMS4zODNoLTMuMzU5Yy0uOTc1IDAtMS43NjYtLjg0Mi0xLjY2Ni0xLjgwOC45LTguMzQxIDcuOTktMTQuODU3IDE2LjU2NS0xNC44NTd6IiBmaWxsPSJ1cmwoI3BhaW50Ml9saW5lYXJfNTk2OV8xNDkyMjgpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzU5NjlfMTQ5MjI4IiB4MT0iLTMuMjQyIiB5MT0iNzUuMDE0IiB4Mj0iNzUuNDM5IiB5Mj0iLTMuNjY3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzAwQTBEQyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzk5RDlGMSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzU5NjlfMTQ5MjI4IiB4MT0iMy40MjQiIHkxPSI4MS42OCIgeDI9IjgyLjEwNSIgeTI9IjIuOTk5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzAwQTBEQyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzk5RDlGMSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDJfbGluZWFyXzU5NjlfMTQ5MjI4IiB4MT0iODIuMTQ3IiB5MT0iMTYuODIyIiB4Mj0iMy40NjYiIHkyPSI5NS41MDMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDBBMERDIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTlEOUYxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+)
}

.ErrorPage h1[data-v-92f551ae] {
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 500;
    margin: 32px 0
}

@media only screen and (max-width:1280px) {
    .ErrorPage h1[data-v-92f551ae] {
        font-size: 2rem;
        line-height: 2.75rem
    }
}

@media only screen and (max-width:1024px) {
    .ErrorPage h1[data-v-92f551ae] {
        margin: 24px 0
    }
}

@media only screen and (max-width:563px) {
    .ErrorPage h1[data-v-92f551ae] {
        font-size: 1.5rem;
        line-height: 2.0625rem
    }
}

.ErrorPage p[data-v-92f551ae] {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300
}

.ErrorPage>.Button[data-v-92f551ae],
.ErrorPage>a[data-v-92f551ae] {
    margin-top: 24px;
    display: block
}

@media only screen and (max-width:563px) {

    .ErrorPage>.Button[data-v-92f551ae],
    .ErrorPage>a[data-v-92f551ae] {
        width: 100%
    }
}

.ErrorPage .Button[data-v-92f551ae] {
    color: #282828
}

.ErrorPage .Button[data-v-92f551ae]:after {
    color: #282828;
    top: 10px
}

@media only screen and (max-width:563px) {
    .ErrorPage .Button[data-v-92f551ae] {
        width: 100%;
        padding: 8px 24px
    }

    .ErrorPage .Button[data-v-92f551ae]:after {
        position: relative;
        right: 0;
        top: 0;
        margin-left: 8px
    }
}

.ErrorPage [data-v-92f551ae] {
    text-align: center
}

@font-face {
    font-family: Frontiers-Iconography-Next;
    src: url(../font/FrontiersIconography.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: MuseoSans;
    src: url(../font/MuseoSans300.woff2) format("woff2");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: MuseoSans;
    src: url(../font/MuseoSans500.woff2) format("woff2");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: MuseoSans;
    src: url(../font/MuseoSans700.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(3turn)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(3turn)
    }
}

@-webkit-keyframes bounce {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(5px)
    }
}

@keyframes bounce {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(5px)
    }
}

@-webkit-keyframes sk-bounce {

    0%,
    to {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

@keyframes sk-bounce {

    0%,
    to {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

@-webkit-keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes shake {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

@-webkit-keyframes loading {
    0% {
        transform: rotate(-90deg) translate(0);
        transform-origin: 50%;
        stroke-dashoffset: 140px
    }

    50% {
        stroke-dashoffset: 70px
    }

    to {
        transform: rotate(270deg) translate(0);
        transform-origin: 50%;
        stroke-dashoffset: 0
    }
}

@keyframes loading {
    0% {
        transform: rotate(-90deg) translate(0);
        transform-origin: 50%;
        stroke-dashoffset: 140px
    }

    50% {
        stroke-dashoffset: 70px
    }

    to {
        transform: rotate(270deg) translate(0);
        transform-origin: 50%;
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes color-load {
    0% {
        stroke: #0c4ded;
        stroke: var(--maincolor40)
    }

    10% {
        stroke: #0c4ded;
        stroke: var(--maincolor40)
    }

    20% {
        stroke: #eef5ff;
        stroke: var(--maincolor0)
    }

    30% {
        stroke: #0c4ded;
        stroke: var(--maincolor40)
    }

    40% {
        stroke: #0c4ded;
        stroke: var(--maincolor40)
    }

    50% {
        stroke: #eef5ff;
        stroke: var(--maincolor0)
    }

    60% {
        stroke: #0c4ded;
        stroke: var(--maincolor40)
    }

    70% {
        stroke: #0c4ded;
        stroke: var(--maincolor40)
    }

    80% {
        stroke: #eef5ff;
        stroke: var(--maincolor0)
    }

    90% {
        stroke: #0c4ded;
        stroke: var(--maincolor40)
    }

    to {
        stroke: #eef5ff;
        stroke: var(--maincolor0)
    }
}

@keyframes color-load {
    0% {
        stroke: #0c4ded;
        stroke: var(--maincolor40)
    }

    10% {
        stroke: #0c4ded;
        stroke: var(--maincolor40)
    }

    20% {
        stroke: #eef5ff;
        stroke: var(--maincolor0)
    }

    30% {
        stroke: #0c4ded;
        stroke: var(--maincolor40)
    }

    40% {
        stroke: #0c4ded;
        stroke: var(--maincolor40)
    }

    50% {
        stroke: #eef5ff;
        stroke: var(--maincolor0)
    }

    60% {
        stroke: #0c4ded;
        stroke: var(--maincolor40)
    }

    70% {
        stroke: #0c4ded;
        stroke: var(--maincolor40)
    }

    80% {
        stroke: #eef5ff;
        stroke: var(--maincolor0)
    }

    90% {
        stroke: #0c4ded;
        stroke: var(--maincolor40)
    }

    to {
        stroke: #eef5ff;
        stroke: var(--maincolor0)
    }
}

@-webkit-keyframes draw {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes draw {
    to {
        stroke-dashoffset: 0
    }
}

:root {
    --blue90: #001959;
    --blue80: #001991;
    --blue70: #0024b0;
    --blue60: #002fca;
    --blue55: #0035d4;
    --blue50: #003bde;
    --blue40: #0c4ded;
    --blue30: #3673f7;
    --blue20: #6d9efd;
    --blue10: #aecbff;
    --blue5: #cee1ff;
    --blue0: #eef5ff;
    --sky90: #064b80;
    --sky80: #015b98;
    --sky70: #006eaf;
    --sky60: #0081c2;
    --sky55: #0089c9;
    --sky50: #0092d1;
    --sky40: #00a0dc;
    --sky30: #2bb1e8;
    --sky20: #61c4f1;
    --sky10: #9fdaf8;
    --sky5: #c8e9fb;
    --sky0: #f3faff;
    --teal90: #264543;
    --teal80: #256662;
    --teal70: #18867d;
    --teal60: #00a091;
    --teal55: #0aae9c;
    --teal50: #15bca8;
    --teal40: #31d1bb;
    --teal30: #53e2cc;
    --teal20: #7aeedb;
    --teal10: #a5f7e8;
    --teal5: #c6fbf1;
    --teal0: #e8fffb;
    --red90: #59001e;
    --red80: #7d0022;
    --red70: #9f0223;
    --red60: #bd0b25;
    --red55: #c91329;
    --red50: #d51a2c;
    --red40: #e7323b;
    --red30: #f2575d;
    --red20: #fa8589;
    --red10: #feb9bb;
    --red5: #ffd6d7;
    --red0: #fff3f3;
    --orange90: #591804;
    --orange80: #822907;
    --orange70: #a93f0c;
    --orange60: #bb4107;
    --orange55: #d14900;
    --orange50: #e56000;
    --orange40: #ff8b33;
    --orange30: #ffb062;
    --orange20: #ffcb8d;
    --orange10: #ffe4be;
    --orange5: #ffedd5;
    --orange0: #fff6ec;
    --purple90: #1d1359;
    --purple80: #2d1d7f;
    --purple70: #402ba3;
    --purple60: #553cc2;
    --purple55: #6046cf;
    --purple50: #6c51dc;
    --purple40: #856df0;
    --purple30: #a589fa;
    --purple20: #c6acff;
    --purple10: #e4d3ff;
    --purple5: #efe4ff;
    --purple0: #f9f5ff;
    --green90: #1b5958;
    --green80: #216958;
    --green70: #287753;
    --green60: #2c8147;
    --green55: #338e3c;
    --green50: #459d3a;
    --green40: #54c247;
    --green30: #74d56d;
    --green20: #96e392;
    --green10: #bdf0bc;
    --green5: #e5fae5;
    --green0: #f6fff7;
    --cyan90: #004659;
    --cyan80: #04586d;
    --cyan70: #01697e;
    --cyan60: #04798b;
    --cyan55: #058899;
    --cyan50: #1898a4;
    --cyan40: #20bbc5;
    --cyan30: #42d6e0;
    --cyan20: #80e7ed;
    --cyan10: #b8f2f5;
    --cyan5: #d3f8fa;
    --cyan0: #eefeff;
    --grey90: #282828;
    --grey80: #545454;
    --grey70: #6b6b6b;
    --grey65: #878787;
    --grey60: #a2a2a2;
    --grey50: #bfbfbf;
    --grey40: #d5d5d5;
    --grey30: #e6e6e6;
    --grey20: #f0f0f0;
    --grey10: #f7f7f7;
    --grey5: #f8f8f8;
    --grey0: #fff;
    --black: #282828;
    --white: #fff
}

:root,
[theme=blue] {
    --maincolor90: var(--blue90);
    --maincolor80: var(--blue80);
    --maincolor70: var(--blue70);
    --maincolor60: var(--blue60);
    --maincolor55: var(--blue55);
    --maincolor50: var(--blue50);
    --maincolor40: var(--blue40);
    --maincolor30: var(--blue30);
    --maincolor20: var(--blue20);
    --maincolor10: var(--blue10);
    --maincolor5: var(--blue5);
    --maincolor0: var(--blue0)
}

[theme=red] {
    --maincolor90: var(--red90);
    --maincolor80: var(--red80);
    --maincolor70: var(--red70);
    --maincolor60: var(--red60);
    --maincolor55: var(--red55);
    --maincolor50: var(--red50);
    --maincolor40: var(--red40);
    --maincolor30: var(--red30);
    --maincolor20: var(--red20);
    --maincolor10: var(--red10);
    --maincolor5: var(--red5);
    --maincolor0: var(--red0)
}

[theme=orange] {
    --maincolor90: var(--orange90);
    --maincolor80: var(--orange80);
    --maincolor70: var(--orange70);
    --maincolor60: var(--orange60);
    --maincolor55: var(--orange55);
    --maincolor50: var(--orange50);
    --maincolor40: var(--orange40);
    --maincolor30: var(--orange30);
    --maincolor20: var(--orange20);
    --maincolor10: var(--orange10);
    --maincolor5: var(--orange5);
    --maincolor0: var(--orange0)
}

[theme=purple] {
    --maincolor90: var(--purple90);
    --maincolor80: var(--purple80);
    --maincolor70: var(--purple70);
    --maincolor60: var(--purple60);
    --maincolor55: var(--purple55);
    --maincolor50: var(--purple50);
    --maincolor40: var(--purple40);
    --maincolor30: var(--purple30);
    --maincolor20: var(--purple20);
    --maincolor10: var(--purple10);
    --maincolor5: var(--purple5);
    --maincolor0: var(--purple0)
}

[theme=green] {
    --maincolor90: var(--green90);
    --maincolor80: var(--green80);
    --maincolor70: var(--green70);
    --maincolor60: var(--green60);
    --maincolor55: var(--green55);
    --maincolor50: var(--green50);
    --maincolor40: var(--green40);
    --maincolor30: var(--green30);
    --maincolor20: var(--green20);
    --maincolor10: var(--green10);
    --maincolor5: var(--green5);
    --maincolor0: var(--green0)
}

[theme=cyan] {
    --maincolor90: var(--cyan90);
    --maincolor80: var(--cyan80);
    --maincolor70: var(--cyan70);
    --maincolor60: var(--cyan60);
    --maincolor55: var(--cyan55);
    --maincolor50: var(--cyan50);
    --maincolor40: var(--cyan40);
    --maincolor30: var(--cyan30);
    --maincolor20: var(--cyan20);
    --maincolor10: var(--cyan10);
    --maincolor5: var(--cyan5);
    --maincolor0: var(--cyan0)
}

[theme=sky] {
    --maincolor90: var(--sky90);
    --maincolor80: var(--sky80);
    --maincolor70: var(--sky70);
    --maincolor60: var(--sky60);
    --maincolor55: var(--sky55);
    --maincolor50: var(--sky50);
    --maincolor40: var(--sky40);
    --maincolor30: var(--sky30);
    --maincolor20: var(--sky20);
    --maincolor10: var(--sky10);
    --maincolor5: var(--sky5);
    --maincolor0: var(--sky0)
}

:root {
    --spacing-vertical-sm: 48px;
    --spacing-vertical-l: 64px;
    --spacing-vertical-xl: 80px;
    --spacing-carousel: 24px;
    --ibar-mix-height: 56px
}

@media only screen and (max-width:1024px) {
    :root {
        --spacing-vertical-sm: 40px;
        --spacing-vertical-l: 48px;
        --spacing-vertical-xl: 64px;
        --ibar-height: 48px;
        --ibar-mix-height: 0
    }
}

:root {
    --layout-col-1: calc(4.16667vw - 33.33333px);
    --layout-col-2: calc(8.33333vw - 34.66667px);
    --layout-col-3: calc(12.5vw - 36px);
    --layout-col-4: calc(16.66667vw - 37.33333px);
    --layout-col-5: calc(20.83333vw - 38.66667px);
    --layout-col-6: calc(25vw - 40px);
    --layout-col-7: calc(29.16667vw - 41.33333px);
    --layout-col-8: calc(33.33333vw - 42.66667px);
    --layout-col-9: calc(37.5vw - 44px);
    --layout-col-10: calc(41.66667vw - 45.33333px);
    --layout-col-11: calc(45.83333vw - 46.66667px);
    --layout-col-12: calc(50vw - 48px);
    --layout-col-13: calc(54.16667vw - 49.33333px);
    --layout-col-14: calc(58.33333vw - 50.66667px);
    --layout-col-15: calc(62.5vw - 52px);
    --layout-col-16: calc(66.66667vw - 53.33333px);
    --layout-col-17: calc(70.83333vw - 54.66667px);
    --layout-col-18: calc(75vw - 56px);
    --layout-col-19: calc(79.16667vw - 57.33333px);
    --layout-col-20: calc(83.33333vw - 58.66667px);
    --layout-col-21: calc(87.5vw - 60px);
    --layout-col-22: calc(91.66667vw - 61.33333px);
    --layout-col-23: calc(95.83333vw - 62.66667px);
    --layout-col-24: calc(100vw - 64px);
    --layout-gap: 32px;
    --layout-margin-extra-gap: 8px;
    --ibar-height: 64px;
    --layout-max-width-px: 1920;
    --layout-max-width: 1890px
}

@media only screen and (min-width:1921px) {
    :root {
        --layout-col-1: 45.41667px;
        --layout-col-1: 46.66667px;
        --layout-col-2: 125.33333px;
        --layout-col-3: 204px;
        --layout-col-4: 282.66667px;
        --layout-col-5: 361.33333px;
        --layout-col-6: 440px;
        --layout-col-7: 518.66667px;
        --layout-col-8: 597.33333px;
        --layout-col-9: 676px;
        --layout-col-10: 754.66667px;
        --layout-col-11: 833.33333px;
        --layout-col-12: 912px;
        --layout-col-13: 990.66667px;
        --layout-col-14: 1069.33333px;
        --layout-col-15: 1148px;
        --layout-col-16: 1226.66667px;
        --layout-col-17: 1305.33333px;
        --layout-col-18: 1384px;
        --layout-col-19: 1462.66667px;
        --layout-col-20: 1541.33333px;
        --layout-col-21: 1620px;
        --layout-col-22: 1698.66667px;
        --layout-col-23: 1777.33333px;
        --layout-col-24: 1856px;
        --layout-gap: 32px;
        --layout-margin-extra-gap: 0px
    }
}

@media only screen and (max-width:1024px) {
    :root {
        --layout-col-1: calc(4.16667vw - 16.66667px);
        --layout-col-2: calc(8.33333vw - 17.33333px);
        --layout-col-3: calc(12.5vw - 18px);
        --layout-col-4: calc(16.66667vw - 18.66667px);
        --layout-col-5: calc(20.83333vw - 19.33333px);
        --layout-col-6: calc(25vw - 20px);
        --layout-col-7: calc(29.16667vw - 20.66667px);
        --layout-col-8: calc(33.33333vw - 21.33333px);
        --layout-col-9: calc(37.5vw - 22px);
        --layout-col-10: calc(41.66667vw - 22.66667px);
        --layout-col-11: calc(45.83333vw - 23.33333px);
        --layout-col-12: calc(50vw - 24px);
        --layout-col-13: calc(54.16667vw - 24.66667px);
        --layout-col-14: calc(58.33333vw - 25.33333px);
        --layout-col-15: calc(62.5vw - 26px);
        --layout-col-16: calc(66.66667vw - 26.66667px);
        --layout-col-17: calc(70.83333vw - 27.33333px);
        --layout-col-18: calc(75vw - 28px);
        --layout-col-19: calc(79.16667vw - 28.66667px);
        --layout-col-20: calc(83.33333vw - 29.33333px);
        --layout-col-21: calc(87.5vw - 30px);
        --layout-col-22: calc(91.66667vw - 30.66667px);
        --layout-col-23: calc(95.83333vw - 31.33333px);
        --layout-col-24: calc(100vw - 32px);
        --layout-gap: 16px;
        --ibar-height: 48px
    }
}

@media only screen and (max-width:768px) {
    :root {
        --layout-col-1: calc(6.25vw - 17px);
        --layout-col-2: calc(12.5vw - 18px);
        --layout-col-3: calc(18.75vw - 19px);
        --layout-col-4: calc(25vw - 20px);
        --layout-col-5: calc(31.25vw - 21px);
        --layout-col-6: calc(37.5vw - 22px);
        --layout-col-7: calc(43.75vw - 23px);
        --layout-col-8: calc(50vw - 24px);
        --layout-col-9: calc(56.25vw - 25px);
        --layout-col-10: calc(62.5vw - 26px);
        --layout-col-11: calc(68.75vw - 27px);
        --layout-col-12: calc(75vw - 28px);
        --layout-col-13: calc(81.25vw - 29px);
        --layout-col-14: calc(87.5vw - 30px);
        --layout-col-15: calc(93.75vw - 31px);
        --layout-col-16: calc(100vw - 32px);
        --layout-gap: 16px
    }
}

@media only screen and (max-width:563px) {
    :root {
        --layout-col-1: calc(12.5vw - 18px);
        --layout-col-2: calc(25vw - 20px);
        --layout-col-3: calc(37.5vw - 22px);
        --layout-col-4: calc(50vw - 24px);
        --layout-col-5: calc(62.5vw - 26px);
        --layout-col-6: calc(75vw - 28px);
        --layout-col-7: calc(87.5vw - 30px);
        --layout-col-8: calc(100vw - 32px);
        --layout-gap: 16px
    }
}

a,
a:active,
a:hover {
    text-decoration: none
}

* {
    -webkit-font-smoothing: antialiased
}

:focus {
    outline: none
}

ul {
    list-style: none
}

ol,
ul {
    margin: 0;
    padding: 0
}

input,
textarea {
    font-family: MuseoSans, Helvetica, Arial, sans-serif
}

input[type=number]::-webkit-inner-spin-Button,
input[type=number]::-webkit-outer-spin-Button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input::-ms-clear {
    display: none
}

a,
a:active {
    color: inherit
}

body {
    overflow-x: hidden
}

body,
html {
    margin: 0;
    padding: 0;
    font-family: MuseoSans, Helvetica, Arial, sans-serif;
    color: #282828;
    color: var(--black)
}

.l-spacer {
    flex-grow: 1
}

.is-disabled {
    pointer-events: none;
    opacity: .5
}

.is-hidden {
    display: none
}

.is-visible {
    display: block
}

.is-inside-mask {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

h1:not([class]) {
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 500
}

@media only screen and (max-width:1280px) {
    h1:not([class]) {
        font-size: 2rem;
        line-height: 2.75rem
    }
}

@media only screen and (max-width:1024px) {
    h1:not([class]) {
        font-size: 1.75rem;
        line-height: 2.4375rem
    }
}

@media only screen and (max-width:563px) {
    h1:not([class]) {
        font-size: 1.5rem;
        line-height: 2.0625rem
    }
}

.Heading--h1,
h1:not([class]) {
    margin-top: 48px;
    margin-top: var(--spacing-vertical-sm)
}

@media only screen and (max-width:1024px) {

    .Heading--h1,
    h1:not([class]) {
        margin-top: 48px;
        margin-top: var(--spacing-vertical-sm)
    }
}

.Heading--h1+.Heading--h2,
.Heading--h1+h2:not([class]),
h1:not([class])+.Heading--h2,
h1:not([class])+h2:not([class]) {
    margin-top: 24px
}

@media only screen and (max-width:1024px) {

    .Heading--h1+.Heading--h2,
    .Heading--h1+h2:not([class]),
    h1:not([class])+.Heading--h2,
    h1:not([class])+h2:not([class]) {
        margin-top: 16px
    }
}

.Heading--h1+:not(h2):not(.Heading--h2),
.Heading--h1+p,
h1:not([class])+:not(h2):not(.Heading--h2),
h1:not([class])+p {
    margin-top: 32px
}

@media only screen and (max-width:1024px) {

    .Heading--h1+:not(h2):not(.Heading--h2),
    .Heading--h1+p,
    h1:not([class])+:not(h2):not(.Heading--h2),
    h1:not([class])+p {
        margin-top: 24px
    }
}

h2:not([class]) {
    font-size: 2rem;
    line-height: 2.75rem;
    font-weight: 500
}

@media only screen and (max-width:1280px) {
    h2:not([class]) {
        font-size: 1.75rem;
        line-height: 2.4375rem
    }
}

@media only screen and (max-width:1024px) {
    h2:not([class]) {
        font-size: 1.5rem;
        line-height: 2.0625rem
    }
}

@media only screen and (max-width:563px) {
    h2:not([class]) {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.Heading--h2,
h2:not([class]) {
    margin-top: 80px;
    margin-top: var(--spacing-vertical-xl)
}

.Heading--h2+.Heading--h3,
.Heading--h2+h3:not([class]),
h2:not([class])+.Heading--h3,
h2:not([class])+h3:not([class]) {
    margin-top: 24px
}

@media only screen and (max-width:1024px) {

    .Heading--h2+.Heading--h3,
    .Heading--h2+h3:not([class]),
    h2:not([class])+.Heading--h3,
    h2:not([class])+h3:not([class]) {
        margin-top: 16px
    }
}

.Heading--h2+:not(h3):not(.Heading--h3),
.Heading--h2+p,
h2:not([class])+:not(h3):not(.Heading--h3),
h2:not([class])+p {
    margin-top: 32px
}

@media only screen and (max-width:1024px) {

    .Heading--h2+:not(h3):not(.Heading--h3),
    .Heading--h2+p,
    h2:not([class])+:not(h3):not(.Heading--h3),
    h2:not([class])+p {
        margin-top: 24px
    }
}

h3:not([class]) {
    font-size: 1.75rem;
    line-height: 2.4375rem;
    font-weight: 500
}

@media only screen and (max-width:1280px) {
    h3:not([class]) {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media only screen and (max-width:1024px) {
    h3:not([class]) {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.Heading--h3,
h3:not([class]) {
    margin-top: 56px
}

@media only screen and (max-width:1024px) {

    .Heading--h3,
    h3:not([class]) {
        margin-top: 48px
    }
}

.Heading--h3+.Heading--h4,
.Heading--h3+h4:not([class]),
h3:not([class])+.Heading--h4,
h3:not([class])+h4:not([class]) {
    margin-top: 16px
}

@media only screen and (max-width:1024px) {

    .Heading--h3+.Heading--h4,
    .Heading--h3+h4:not([class]),
    h3:not([class])+.Heading--h4,
    h3:not([class])+h4:not([class]) {
        margin-top: 8px
    }
}

.Heading--h3+:not(h4):not(.Heading--h4),
.Heading--h3+p,
h3:not([class])+:not(h4):not(.Heading--h4),
h3:not([class])+p {
    margin-top: 16px
}

@media only screen and (max-width:1024px) {

    .Heading--h3+:not(h4):not(.Heading--h4),
    .Heading--h3+p,
    h3:not([class])+:not(h4):not(.Heading--h4),
    h3:not([class])+p {
        margin-top: 8px
    }
}

h4:not([class]) {
    font-size: 1.75rem;
    line-height: 2.4375rem;
    font-weight: 300
}

@media only screen and (max-width:1280px) {
    h4:not([class]) {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media only screen and (max-width:1024px) {
    h4:not([class]) {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.Heading--h4,
h4:not([class]) {
    margin-top: 32px
}

@media only screen and (max-width:1024px) {

    .Heading--h4,
    h4:not([class]) {
        margin-top: 24px
    }
}

.Heading--h4+.Heading--h5,
.Heading--h4+h5:not([class]),
h4:not([class])+.Heading--h5,
h4:not([class])+h5:not([class]) {
    margin-top: 16px
}

@media only screen and (max-width:1024px) {

    .Heading--h4+.Heading--h5,
    .Heading--h4+h5:not([class]),
    h4:not([class])+.Heading--h5,
    h4:not([class])+h5:not([class]) {
        margin-top: 8px
    }
}

.Heading--h4+:not(h5):not(.Heading--h5),
.Heading--h4+p,
h4:not([class])+:not(h5):not(.Heading--h5),
h4:not([class])+p {
    margin-top: 16px
}

@media only screen and (max-width:1024px) {

    .Heading--h4+:not(h5):not(.Heading--h5),
    .Heading--h4+p,
    h4:not([class])+:not(h5):not(.Heading--h5),
    h4:not([class])+p {
        margin-top: 8px
    }
}

h5:not([class]) {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500
}

@media only screen and (max-width:1280px) {
    h5:not([class]) {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media only screen and (max-width:1024px) {
    h5:not([class]) {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.Heading--h5,
h5:not([class]) {
    margin-top: 32px
}

@media only screen and (max-width:1024px) {

    .Heading--h5,
    h5:not([class]) {
        margin-top: 24px
    }
}

.Heading--h5+.Heading--h6,
.Heading--h5+h6:not([class]),
h5:not([class])+.Heading--h6,
h5:not([class])+h6:not([class]) {
    margin-top: 16px
}

@media only screen and (max-width:1024px) {

    .Heading--h5+.Heading--h6,
    .Heading--h5+h6:not([class]),
    h5:not([class])+.Heading--h6,
    h5:not([class])+h6:not([class]) {
        margin-top: 8px
    }
}

.Heading--h5+p,
h5:not([class])+p {
    margin-top: 8px
}

@media only screen and (max-width:1024px) {

    .Heading--h5+p,
    h5:not([class])+p {
        margin-top: 0
    }
}

h6:not([class]) {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700
}

@media only screen and (max-width:1280px) {
    h6:not([class]) {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media only screen and (max-width:1024px) {
    h6:not([class]) {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.Heading--h6,
h6:not([class]) {
    margin-top: 24px
}

@media only screen and (max-width:1024px) {

    .Heading--h6,
    h6:not([class]) {
        margin-top: 16px
    }
}

.Heading--h6+p,
h6:not([class])+p {
    margin-top: 0
}

@media only screen and (max-width:1024px) {

    .Heading--h6+p,
    h6:not([class])+p {
        margin-top: 0
    }
}

.Heading h1,
.Heading h2,
.Heading h3,
.Heading h4,
.Heading h5,
.Heading h6 {
    margin: 0
}

.Heading .Link__wrapper.Link__wrapper {
    margin-top: 0
}

p:not([class]) {
    margin-bottom: 16px
}

ol:not([class]),
p:not([class]),
ul:not([class]) {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300
}

ol:not([class]),
ul:not([class]) {
    margin: 16px 0
}

ol:not([class]) li,
ul:not([class]) li {
    font-weight: 300
}

.Renderer__hyperlink {
    background: red;
    margin: 0 8px;
    padding: 0 .25rem;
    border: 1px solid;
    font-family: monospace;
    color: #003bde;
    color: var(--maincolor50);
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    transition: color .3s cubic-bezier(.37, .74, .15, 1)
}

.Renderer__hyperlink:hover {
    color: #0024b0;
    color: var(--maincolor70)
}

.Renderer__hyperlink--Asset {
    border-color: #31d1bb;
    border-color: var(--teal40)
}

.Renderer__hyperlink--Entry {
    border-color: #ff8b33;
    border-color: var(--orange40)
}

.Renderer a:not(.Link) {
    color: #003bde;
    color: var(--maincolor50);
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    transition: color .3s cubic-bezier(.37, .74, .15, 1)
}

.Renderer a:not(.Link):hover {
    color: #0024b0;
    color: var(--maincolor70)
}

.Renderer>blockquote * {
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 300;
    text-align: center
}

@media only screen and (max-width:1280px) {
    .Renderer>blockquote * {
        font-size: 2rem;
        line-height: 2.75rem;
        font-weight: 300
    }
}

@media only screen and (max-width:1024px) {
    .Renderer>blockquote * {
        font-size: 1.75rem;
        line-height: 2.4375rem;
        font-weight: 300
    }
}

.Renderer>[class^=Card] {
    margin-top: 32px
}

.Renderer ul:not([class]) {
    margin: 16px 0
}

.Renderer ul:not([class]) li {
    list-style: disc;
    margin-left: 24px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 300
}

.Renderer ul:not([class]) li p:not([class]):last-child {
    margin-bottom: 0
}

@media only screen and (max-width:1280px) {
    .Renderer ul:not([class]) li {
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 300
    }
}

.Renderer p .Link {
    font-size: inherit
}

.Renderer .ImageComponent,
.Renderer .Metrics,
.Renderer .YoutubeVideo__wrapper {
    margin: 32px auto
}

@media only screen and (max-width:1024px) {

    .Renderer .ImageComponent,
    .Renderer .Metrics,
    .Renderer .YoutubeVideo__wrapper {
        margin: 24px auto
    }
}

.Renderer .Metrics {
    display: flex
}

.Renderer .Metrics__numbers__mask {
    padding-right: 32px
}

.Renderer .Metrics+.Chart {
    margin-top: 48px;
    margin-top: var(--spacing-vertical-sm)
}

.Renderer .TimeLine__goal,
.Renderer .TimeLine__item,
.Renderer .TimeLine__milestone__item {
    list-style: none
}

.Renderer .TimeLine p {
    margin-bottom: 0
}

.Renderer .CardTeam p {
    padding: 0
}

.Renderer .CardTeam p:last-child {
    margin-bottom: 0
}

.Renderer .Table+.Table {
    margin-top: 80px;
    margin-top: var(--spacing-vertical-xl)
}

.Renderer .FrontiersImage--portrait {
    text-align: left
}

.Renderer .FrontiersImage--portrait img {
    max-height: 536px
}

@media only screen and (max-width:1441px) {
    .Renderer .FrontiersImage--portrait img {
        max-height: 458px
    }
}

@media only screen and (max-width:1280px) {
    .Renderer .FrontiersImage--portrait img {
        max-height: 405px
    }
}

@media only screen and (max-width:1024px) {
    .Renderer .FrontiersImage--portrait img {
        max-height: 568px
    }
}

@media only screen and (max-width:768px) {
    .Renderer .FrontiersImage--portrait img {
        max-height: 472px
    }
}

@media only screen and (max-width:563px) {
    .Renderer .FrontiersImage--portrait img {
        max-height: none
    }
}

.Renderer .Link__wrapper.Renderer__entry--InLine {
    display: inline
}

.Renderer .Link__wrapper.Renderer__entry--Block {
    display: flex;
    justify-content: center
}

.Renderer .Link__wrapper .Link--flatButton {
    margin: 32px auto
}

.Renderer .Bars,
.Renderer .Columns,
.Renderer .MultiChart,
.Renderer .Percentiles {
    margin-top: 32px
}

.Renderer .Bars .Bars,
.Renderer .Columns .Bars,
.Renderer .MultiChart .Bars,
.Renderer .Percentiles .Bars {
    margin-top: 0
}

.Renderer .Percentiles {
    margin-top: 48px;
    margin-top: var(--spacing-vertical-sm)
}

@media only screen and (max-width:768px) {
    .Renderer .MultiChart {
        grid: min-content/repeat(2, 1fr)
    }
}

@media only screen and (max-width:563px) {
    .Renderer .MultiChart {
        grid: min-content/repeat(1, 1fr)
    }
}

.Renderer .MultiChart__gridItem {
    max-width: calc(25vw - 72px);
    max-width: calc(var(--layout-col-6) - var(--layout-gap))
}

@media only screen and (max-width:1280px) {
    .Renderer .MultiChart__gridItem {
        max-width: calc(29.16667vw - 73.33333px);
        max-width: calc(var(--layout-col-7) - var(--layout-gap))
    }
}

@media only screen and (max-width:1024px) {
    .Renderer .MultiChart__gridItem {
        max-width: calc(41.66667vw - 77.33333px);
        max-width: calc(var(--layout-col-10) - var(--layout-gap))
    }
}

@media only screen and (max-width:768px) {
    .Renderer .MultiChart__gridItem {
        max-width: calc(29.16667vw - 57.33333px);
        max-width: calc(var(--layout-col-7) - var(--layout-gap)*0.5)
    }
}

@media only screen and (max-width:563px) {
    .Renderer .MultiChart__gridItem {
        max-width: calc(33.33333vw - 42.66667px);
        max-width: var(--layout-col-8)
    }
}

@media only screen and (max-width:1024px) {
    .Renderer .Banner ul:not([class]) li {
        list-style: none
    }
}

.Block--aboutFullWidth {
    margin-top: 80px;
    margin-top: var(--spacing-vertical-xl);
    margin-left: calc(-45.33333px - 8.33333vw);
    margin-left: calc(-16px - var(--layout-col-2) - var(--layout-gap) - var(--layout-gap));
    margin-right: calc(-34.66667px - 41.66667vw);
    margin-right: calc(-16px - var(--layout-col-10) - var(--layout-gap) - var(--layout-gap));
    padding: 80px calc(41.66667vw + 34.66667px) 80px calc(8.33333vw + 45.33333px);
    padding: var(--spacing-vertical-xl) calc(var(--layout-col-10) + var(--layout-gap) + var(--layout-gap) + 16px) var(--spacing-vertical-xl) calc(var(--layout-col-2) + var(--layout-gap) + var(--layout-gap) + 16px)
}

@media only screen and (min-width:1921px) {
    .Block--aboutFullWidth {
        margin-left: calc(915.66667px - 58.33333vw);
        margin-left: calc(-50vw + var(--layout-max-width)*0.5 - var(--layout-col-2) - var(--layout-gap)*2);
        padding-left: calc(58.33333vw - 915.66667px);
        padding-left: calc(50vw - var(--layout-max-width)*0.5 + var(--layout-col-2) + var(--layout-gap)*2);
        margin-right: calc(926.33333px - 91.66667vw);
        margin-right: calc(-50vw + var(--layout-max-width)*0.5 - var(--layout-col-10) - var(--layout-gap)*2);
        padding-right: calc(91.66667vw - 926.33333px);
        padding-right: calc(50vw - var(--layout-max-width)*0.5 + var(--layout-col-10) + var(--layout-gap)*2)
    }
}

@media only screen and (max-width:1280px) {
    .Block--aboutFullWidth {
        margin-left: calc(-29.33333px - 8.33333vw);
        margin-left: calc(0px - var(--layout-col-2) - var(--layout-gap) - var(--layout-gap));
        padding-left: calc(8.33333vw + 29.33333px);
        padding-left: calc(var(--layout-col-2) + var(--layout-gap) + var(--layout-gap));
        margin-right: calc(-21.33333px - 33.33333vw);
        margin-right: calc(0px - var(--layout-col-8) - var(--layout-gap) - var(--layout-gap));
        padding-right: calc(33.33333vw + 21.33333px);
        padding-right: calc(var(--layout-col-8) + var(--layout-gap) + var(--layout-gap))
    }
}

@media only screen and (max-width:1024px) {
    .Block--aboutFullWidth {
        margin-left: calc(-29.33333px - 8.33333vw);
        margin-left: calc(0px - var(--layout-col-2) - var(--layout-gap) - var(--layout-gap));
        padding-left: calc(8.33333vw + 29.33333px);
        padding-left: calc(var(--layout-col-2) + var(--layout-gap) + var(--layout-gap));
        margin-right: calc(-29.33333px - 8.33333vw);
        margin-right: calc(0px - var(--layout-col-2) - var(--layout-gap) - var(--layout-gap));
        padding-right: calc(8.33333vw + 29.33333px);
        padding-right: calc(var(--layout-col-2) + var(--layout-gap) + var(--layout-gap))
    }
}

@media only screen and (max-width:768px) {
    .Block--aboutFullWidth {
        margin-left: calc(-30.66667px - 4.16667vw);
        margin-left: calc(0px - var(--layout-col-1) - var(--layout-gap) - var(--layout-gap));
        padding-left: calc(4.16667vw + 30.66667px);
        padding-left: calc(var(--layout-col-1) + var(--layout-gap) + var(--layout-gap));
        margin-right: calc(-30.66667px - 4.16667vw);
        margin-right: calc(0px - var(--layout-col-1) - var(--layout-gap) - var(--layout-gap));
        padding-right: calc(4.16667vw + 30.66667px);
        padding-right: calc(var(--layout-col-1) + var(--layout-gap) + var(--layout-gap))
    }
}

@media only screen and (max-width:563px) {
    .Block--aboutFullWidth {
        margin-left: -32px;
        margin-left: calc(0px - var(--layout-gap));
        padding-left: 32px;
        padding-left: var(--layout-gap);
        margin-right: -32px;
        margin-right: calc(0px - var(--layout-gap));
        padding-right: 32px;
        padding-right: var(--layout-gap)
    }
}

.Block--aboutFullWidth:last-child,
.Block--aboutFullWidth:nth-last-child(2)+p:empty {
    margin-bottom: -80px;
    margin-bottom: calc(0px - var(--spacing-vertical-xl))
}

.Block--aboutFullWidth .Heading {
    margin-top: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    font-weight: inherit
}

button {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    padding: 0;
    overflow: visible;
    text-transform: none;
    -webkit-appearance: button;
    border: 0;
    background: none
}

button:hover {
    cursor: pointer
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0
}

figure {
    margin: 0
}

:after:focus:not(.focus-visible),
:after:focus:not(:focus-visible),
:before:focus:not(.focus-visible),
:before:focus:not(:focus-visible),
:focus:not(.focus-visible),
:focus:not(:focus-visible) {
    outline: none
}

.Button:not(.Button--linkButton).focus-visible,
.Button:not(.Button--linkButton):focus-visible,
.Link:not(.Link--linkType).focus-visible,
.Link:not(.Link--linkType):focus-visible,
.MessagesCarousel__dots__item.focus-visible,
.MessagesCarousel__dots__item:focus-visible,
[class^=Card].focus-visible,
[class^=Card]:focus-visible {
    position: relative;
    z-index: 1;
    outline-offset: -4px
}

.Button:not(.Button--linkButton).focus-visible *,
.Button:not(.Button--linkButton):focus-visible *,
.Link:not(.Link--linkType).focus-visible *,
.Link:not(.Link--linkType):focus-visible *,
.MessagesCarousel__dots__item.focus-visible *,
.MessagesCarousel__dots__item:focus-visible *,
[class^=Card].focus-visible *,
[class^=Card]:focus-visible * {
    z-index: -1
}

:not(input[type=text]):not(textarea).focus-visible,
:not(input[type=text]):not(textarea).focus-visible+.RadioInputList__checkmark,
:not(input[type=text]):not(textarea):focus-visible,
:not(input[type=text]):not(textarea):focus-visible+.RadioInputList__checkmark {
    outline: 4px solid #0092d1;
    outline: 4px solid var(--sky50)
}

@media only screen and (max-width:1024px) {

    :not(input[type=text]):not(textarea).focus-visible,
    :not(input[type=text]):not(textarea).focus-visible+.RadioInputList__checkmark,
    :not(input[type=text]):not(textarea):focus-visible,
    :not(input[type=text]):not(textarea):focus-visible+.RadioInputList__checkmark {
        outline: none
    }
}

.acc-hidden {
    position: absolute;
    white-space: nowrap;
    width: 1px;
    height: 1px;
    overflow: hidden;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    margin: -1px
}

@media(prefers-reduced-motion:reduce) {

    *,
    :after,
    :before {
        transition: none !important;
        -webkit-animation: none !important;
        animation: none !important;
        scroll-behavior: auto !important
    }
}

.BypassBlock__firstEl {
    display: none
}

.BypassBlock__wrapper {
    padding: 8px 40px;
    align-items: center;
    background-color: #f7f7f7;
    background-color: var(--grey10);
    display: flex;
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 1px;
    height: 1px;
    text-align: left;
    overflow: hidden;
    outline: none
}

.BypassBlock__wrapper:focus {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: auto
}

.BypassBlock__wrapper:focus~#__nuxt {
    top: 48px
}

.BypassBlock__wrapper:focus~#__nuxt .Ibar>.Ibar__journal--mix,
.BypassBlock__wrapper:focus~#__nuxt .Ibar>.Ibar__main {
    top: 47px
}

.BypassBlock__wrapper:focus~#__nuxt .Ibar>.Ibar__journal {
    top: 112px
}

.BypassBlock__button {
    padding: 6px 16px;
    background-color: #003bde;
    background-color: var(--blue50);
    border-radius: 32px;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1.2rem
}

.BypassBlock__button,
.TooltipD {
    color: #fff;
    color: var(--white);
    font-weight: 500
}

.TooltipD {
    position: fixed;
    background: #282828;
    background: var(--black);
    font-size: .75rem;
    line-height: 1.0625rem;
    width: auto;
    max-width: 360px;
    box-shadow: 0 0 17px rgba(40, 40, 40, .12), 0 0 22px rgba(40, 40, 40, .08), 0 0 8px rgba(40, 40, 40, .04);
    box-sizing: border-box;
    border-radius: 2px;
    padding: 3px 8px;
    opacity: 0;
    transition: opacity .24s cubic-bezier(.37, .74, .15, 1);
    z-index: 2000
}

.TooltipD:after {
    content: "";
    font-family: Frontiers-Iconography-Next !important;
    color: #282828;
    color: var(--black);
    font-size: 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: -10px;
    right: calc(50% - 8px)
}

.TooltipD--bottom:after {
    transform: rotate(180deg);
    top: -10px;
    bottom: auto
}

.TooltipD--right:after {
    right: 12px
}

.TooltipD--left:after {
    left: 12px;
    right: auto
}

.TooltipD--side.TooltipD--left:after {
    transform: rotate(-90deg);
    right: -10px;
    left: auto;
    bottom: calc(50% - 8px)
}

.TooltipD--side.TooltipD--right:after {
    transform: rotate(90deg);
    left: -10px;
    right: auto;
    bottom: calc(50% - 8px)
}

.FloatingDirectiveElement {
    --floating-element-margin: 40px;
    position: fixed;
    margin: 0;
    right: var(--floating-element-margin);
    z-index: 30;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .48s cubic-bezier(.37, .74, .15, 1), visibility .48s cubic-bezier(.37, .74, .15, 1), bottom .48s cubic-bezier(.37, .74, .15, 1)
}

@media only screen and (max-width:1024px) {
    .FloatingDirectiveElement {
        --floating-element-margin: 24px
    }
}

@media only screen and (max-width:563px) {
    .FloatingDirectiveElement {
        --floating-element-margin: 16px
    }
}

.FloatingDirectiveElement--visible {
    bottom: var(--floating-element-margin);
    opacity: 1;
    visibility: visible
}

.FloatingDirectiveElement--left {
    right: auto;
    left: var(--floating-element-margin)
}

.FloatingDirectiveElement--center {
    right: 50%;
    transform: translateX(50%)
}

.FloatingDirectiveElement--footerRelative {
    position: absolute;
    bottom: auto;
    top: calc(var(--floating-element-margin)*-1);
    transform: translateY(-100%)
}

.FloatingDirectiveElement--footerRelative.FloatingDirectiveElement--center {
    transform: translate(50%, -100%)
}

.Popover {
    position: absolute;
    background: #fff;
    background: var(--white);
    width: 320px;
    box-shadow: 0 0 10px rgba(40, 40, 40, .12), 0 0 14px rgba(40, 40, 40, .08), 0 0 5px rgba(40, 40, 40, .04);
    padding: 28px 16px 16px;
    border-radius: 8px;
    opacity: 1;
    z-index: 11;
    --popover-offset: 16px;
    --popover-arrow-offset: 16px;
    --popover-translateX: 0;
    --popover-translateY: 0;
    transform: translate(var(--popover-translateX), var(--popover-translateY))
}

@media screen and (max-width:400px) {
    .Popover {
        width: calc(100% - 32px)
    }
}

.Popover--top {
    --popover-translateY: calc(-100% - var(--popover-offset))
}

.Popover--bottom {
    --popover-translateY: var(--popover-offset)
}

.Popover--bottom.Popover--acenter,
.Popover--top.Popover--acenter {
    --popover-translateX: -50%
}

.Popover--bottom.Popover--aright,
.Popover--top.Popover--aright {
    --popover-translateX: -100%
}

.Popover--left {
    --popover-translateX: calc(-100% - var(--popover-offset))
}

.Popover--right {
    --popover-translateX: var(--popover-offset)
}

.Popover--left.Popover--acenter,
.Popover--right.Popover--acenter {
    --popover-translateY: -50%
}

.Popover--left.Popover--abottom,
.Popover--right.Popover--abottom {
    --popover-translateY: -100%
}

.Popover__arrow {
    position: absolute;
    width: 0;
    height: 0;
    overflow: visible;
    background-color: inherit;
    display: flex;
    justify-content: center;
    align-items: center
}

.Popover__arrow:before {
    content: "";
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    background-color: inherit;
    transform: rotate(45deg)
}

.Popover__arrow--topcenter {
    bottom: 0;
    left: 50%
}

.Popover__arrow--topleft {
    bottom: 0;
    left: var(--popover-arrow-offset)
}

.Popover__arrow--topright {
    bottom: 0;
    right: var(--popover-arrow-offset)
}

.Popover__arrow--bottomcenter {
    top: 0;
    left: 50%
}

.Popover__arrow--bottomleft {
    top: 0;
    left: var(--popover-arrow-offset)
}

.Popover__arrow--bottomright {
    top: 0;
    right: var(--popover-arrow-offset)
}

.Popover__arrow--leftcenter {
    right: 0;
    top: 50%
}

.Popover__arrow--lefttop {
    right: 0;
    top: var(--popover-arrow-offset)
}

.Popover__arrow--leftbottom {
    right: 0;
    bottom: var(--popover-arrow-offset)
}

.Popover__arrow--rightcenter {
    left: 0;
    top: 50%
}

.Popover__arrow--righttop {
    left: 0;
    top: var(--popover-arrow-offset)
}

.Popover__arrow--rightbottom {
    left: 0;
    bottom: var(--popover-arrow-offset)
}

.Popover__close {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 24px;
    height: 24px;
    display: grid;
    align-items: center;
    justify-items: center;
    place-items: center
}

.Popover__close:after {
    content: "";
    font-family: Frontiers-Iconography-Next !important;
    font-size: 16px;
    color: #545454;
    color: var(--grey80)
}

.Popover__title {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    color: #282828
}

.Popover__content {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #545454;
    max-height: 220px;
    overflow: auto
}

.Popover__content::-webkit-scrollbar {
    background: #fff;
    background: var(--white);
    -webkit-appearance: none;
    width: 12px;
    height: 12px
}

.Popover__content::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(40, 40, 40, .4);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    border-radius: 8px;
    border: 4px solid #fff;
    border: 4px solid var(--white)
}

@-moz-document url-prefix() {
    .Popover__content {
        scrollbar-width: thin
    }
}

.Popover__content p {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #545454
}

.Popover__content:last-child {
    margin-bottom: 0
}

.Tooltip.Tooltip {
    border-radius: 3px
}

.Tooltip.Tooltip--dark {
    background: #282828;
    background: var(--black)
}

.Tooltip.Tooltip--dark .Tooltip__arrow:after {
    color: #282828;
    color: var(--black);
    content: ""
}

.Tooltip.Tooltip--dark .Tooltip__content,
.Tooltip.Tooltip--dark .Tooltip__content:before,
.Tooltip.Tooltip--dark .Tooltip__title {
    color: #fff;
    color: var(--white);
    -webkit-font-smoothing: antialiased
}

:root {
    font-size: 16px;
    --museo-font: MuseoSans, Helvetica, Arial, sans-serif;
    --ibar-bypass-offset: 0px
}

body {
    background: #f7f7f7
}

.noData {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    color: #6b6b6b
}

.noData:before {
    content: "";
    font-family: Frontiers-Iconography-Next !important;
    color: #6b6b6b;
    font-size: 24px;
    line-height: 24px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    margin-right: 8px
}

@media only screen and (max-width:1024px) {
    .noData {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

#__nuxt {
    position: relative
}

.AboutLayout {
    margin-top: var(--ibar-height)
}

.About {
    display: flex;
    width: var(--layout-col-20);
    justify-content: space-between;
    margin: auto
}

@media only screen and (max-width:768px) {
    .About {
        width: var(--layout-col-14)
    }
}

@media only screen and (max-width:563px) {
    .About {
        width: var(--layout-col-8)
    }
}

@media only screen and (max-width:1024px) {
    .About--withMenu+.FloatingBanner .FloatingBanner__wrapper {
        margin-bottom: 56px
    }
}

@media only screen and (max-width:563px) {
    .About--withMenu+.FloatingBanner .FloatingBanner__wrapper {
        margin-bottom: 40px;
        padding-bottom: 16px
    }
}

.About__main {
    width: var(--layout-col-12);
    flex-shrink: 0;
    margin-bottom: var(--spacing-vertical-xl)
}

@media only screen and (max-width:1280px) {
    .About__main {
        width: var(--layout-col-14)
    }
}

@media only screen and (max-width:1024px) {
    .About__main {
        width: 100%
    }
}

.About__aside {
    width: var(--layout-col-5);
    flex-shrink: 0
}

@media only screen and (max-width:1024px) {
    .About__aside {
        position: absolute
    }
}

.About__navSticker {
    position: sticky;
    top: var(--ibar-height);
    margin-bottom: var(--spacing-vertical-sm)
}

@media only screen and (max-width:1024px) {
    .About__navSticker {
        z-index: 33;
        margin-bottom: 0
    }
}

.About__navSticker .NavMenu {
    padding-top: var(--spacing-vertical-sm)
}

@media only screen and (max-width:1024px) {
    .About__navSticker .NavMenu {
        padding-top: 0
    }
}

.About__navSticker .NavMenu__breadCrumbsWay li {
    font-weight: 500
}

.About .Renderer__entry--Block.CardLogo .CardLogo {
    margin-top: 32px
}

@media only screen and (max-width:1024px) {
    .About .Renderer__entry--Block.CardLogo .CardLogo {
        margin-top: 24px
    }
}

.About .Renderer__entry--Block.CardLogo .CardLogo:first-child {
    margin-top: 0
}

.About .Renderer__entry--Block.CardLogo .CardLogo__wrapper {
    width: 100%;
    flex-direction: row
}

.About .Renderer__entry--Block.CardLogo .CardLogo__logo {
    width: var(--layout-col-4)
}

.About .Renderer__entry--Block.CardLogo .CardLogo__info {
    padding: 16px;
    display: flex;
    align-items: center
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width .1s, opacity .4s;
    background-color: #000;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

.Accordion__item {
    background: #fff;
    border-top: 1px solid var(--grey10);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.Accordion__item,
.Accordion__item--open {
    transition: margin .48s cubic-bezier(.37, .74, .15, 1)
}

.Accordion__item--open {
    margin: 16px 0;
    border-top: none
}

.Accordion__item--open .Accordion__headline {
    border-bottom: 1px solid var(--grey10)
}

.Accordion__item--open+.Accordion__item,
.Accordion__item:first-child {
    border-top: none
}

.Accordion__item:first-child.Accordion__item--open {
    margin-top: 0
}

.Accordion__item--disabled {
    opacity: .5;
    pointer-events: none;
    border-top: 1px solid pink
}

.Accordion__headline {
    height: 64px;
    cursor: pointer;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border-color: transparent;
    transition: border .48s cubic-bezier(.37, .74, .15, 1)
}

.Accordion__title {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    color: #282828;
    padding-left: 24px;
    margin-top: 2px
}

.Accordion__space {
    flex: 1 0 auto
}

.Accordion__number {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 300;
    color: var(--grey50);
    width: 64px;
    box-sizing: border-box;
    padding-left: 24px;
    margin-top: -2px
}

.Accordion__number sup {
    font-size: 13px
}

.Accordion__arrow {
    width: 16px;
    height: 16px;
    position: relative;
    padding: 0 24px 0 16px
}

.Accordion__arrow:after {
    content: "\e90c";
    font-family: Frontiers-Iconography-Next !important;
    color: #6b6b6b;
    font-size: 16px;
    line-height: 16px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 0;
    left: 16px;
    transition: transform .48s cubic-bezier(.37, .74, .15, 1)
}

.Accordion__arrow--open:after {
    transform: rotate(180deg)
}

.Accordion__content {
    transition: height .48s cubic-bezier(.37, .74, .15, 1), opacity .48s cubic-bezier(.37, .74, .15, 1);
    overflow: hidden
}

.Accordion__content--fadeOut {
    opacity: 0
}

.Accordion__content>* {
    padding: 24px
}

.Avatar {
    --avatar-size: 192px;
    --avatar-font-size: 48px;
    --avatar-border-size: 3px;
    --avatar-bg-color: transparent;
    --avatar-bg-hover-color: rgba(40, 40, 40, 0.24);
    box-sizing: border-box;
    width: var(--avatar-size);
    height: var(--avatar-size);
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    flex-shrink: 0
}

.Avatar:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--avatar-bg-hover-color);
    opacity: 0;
    transition: opacity .28s cubic-bezier(.37, .74, .15, 1);
    border-radius: 50%
}

.Avatar:hover:after {
    opacity: 1
}

.Avatar--text {
    border: var(--avatar-border-size) solid var(--avatar-border-color);
    color: var(--avatar-color);
    background-color: var(--avatar-bg-color);
    text-align: center;
    font-size: var(--avatar-font-size);
    font-weight: 400;
    justify-content: center
}

.Avatar--text,
.Avatar--text span {
    display: inline-flex;
    align-items: center
}

.Avatar--text span {
    position: relative;
    z-index: 3;
    justify-content: flex-start;
    max-width: -moz-max-content;
    max-width: -webkit-max-content;
    max-width: max-content
}

.Avatar--text span:last-of-type {
    width: calc(var(--avatar-size)*3 - 240px);
    overflow: hidden
}

.Avatar--size-128 {
    --avatar-size: 128px;
    --avatar-font-size: 32px;
    --avatar-border-size: 2px
}

.Avatar--size-96 {
    --avatar-size: 96px;
    --avatar-font-size: 28px;
    --avatar-border-size: 2px
}

.Avatar--size-80 {
    --avatar-size: 80px;
    --avatar-font-size: 32px;
    --avatar-border-size: 1px
}

.Avatar--size-48 {
    --avatar-size: 48px;
    --avatar-font-size: 24px;
    --avatar-border-size: 1px
}

.Avatar--size-40 {
    --avatar-size: 40px;
    --avatar-font-size: 20px;
    --avatar-border-size: 1px
}

.Avatar--size-32 {
    --avatar-size: 32px;
    --avatar-font-size: 16px;
    --avatar-border-size: 1px
}

.Avatar--size-24 {
    --avatar-size: 24px;
    --avatar-font-size: 14px;
    --avatar-border-size: 1px
}

.Avatar--white {
    --avatar-color: var(--white);
    --avatar-border-color: var(--grey10);
    --avatar-bg-color: hsla(0, 0%, 100%, 0.08);
    --avatar-bg-hover-color: hsla(0, 0%, 100%, 0.24)
}

.Avatar--grey {
    --avatar-color: #6b6b6b;
    --avatar-border-color: var(--grey60);
    --avatar-bg-color: transparent;
    --avatar-bg-hover-color: var(--grey20)
}

.Avatar__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.Breadcrumbs {
    --breadcrumbs-color: #545454;
    display: flex;
    height: 20px
}

.Breadcrumbs a[href=""] {
    pointer-events: none
}

@media only screen and (max-width:1024px) {
    .Breadcrumbs {
        margin-bottom: 32px
    }
}

.Breadcrumbs__item {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: var(--breadcrumbs-color);
    display: flex
}

.Breadcrumbs__item__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px
}

.Breadcrumbs__item:first-child .Breadcrumbs__separator {
    display: none
}

@media only screen and (max-width:1024px) {
    .Breadcrumbs__item {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 500;
        display: none
    }

    .Breadcrumbs__item:nth-last-child(2) {
        display: flex
    }

    .Breadcrumbs__item:nth-last-child(2) .Breadcrumbs__separator:after {
        content: "\e90d";
        margin-left: 0
    }
}

@media only screen and (max-width:563px) {
    .Breadcrumbs__item {
        font-size: .75rem;
        line-height: 1.0625rem;
        font-weight: 500
    }
}

.Breadcrumbs__separator:after {
    content: "\e90e";
    font-size: 12px;
    line-height: 12px;
    margin: 0 8px
}

.Breadcrumbs__home:before,
.Breadcrumbs__separator:after {
    font-family: Frontiers-Iconography-Next !important;
    color: var(--breadcrumbs-color);
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased
}

.Breadcrumbs__home:before {
    content: "\e915";
    font-size: 15px;
    line-height: 15px;
    margin: 0
}

.Link {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block;
    --color-link: #6b6b6b;
    --color-link-hover: #545454;
    --color-link-textOutline: #6b6b6b;
    --color-link-textFlat: #6b6b6b;
    color: var(--color-link);
    padding: 0;
    display: inline-flex;
    align-items: center
}

.Link:hover,
.Link:hover:after {
    color: var(--color-link-hover)
}

.Link__wrapper {
    display: inline-block
}

.Link--icon:after {
    content: "";
    font-family: Frontiers-Iconography-Next !important;
    font-size: var(--size-icon);
    line-height: var(--size-icon);
    color: var(--color-link);
    width: var(--size-icon);
    height: var(--size-icon);
    margin-left: 4px;
    font-weight: 300;
    -webkit-font-smoothing: antialiased
}

.Link--left {
    flex-direction: row-reverse
}

.Link--left:after {
    margin: 0 4px 0 0
}

.Link--linkType:hover {
    color: var(--color-link-hover)
}

.Link--linkType:hover span {
    position: relative
}

.Link--linkType:hover span:before {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--color-link-hover)
}

.Link--flatButton,
.Link--outlineButton {
    --button-padding-horizontal: 24px;
    --padding-iconButton: 32px;
    --button-padding-vertical: 8px;
    border-radius: calc(var(--padding-iconButton) + var(--size-icon)*2);
    padding: var(--button-padding-vertical) var(--button-padding-horizontal);
    border: 1px solid var(--color-link)
}

.Link--flatButton:hover,
.Link--outlineButton:hover {
    border-color: var(--color-link-hover)
}

.Link--flatButton:after,
.Link--outlineButton:after {
    color: var(--color-link-textButton)
}

.Link--flatButton.Link--icon:after,
.Link--outlineButton.Link--icon:after {
    font-family: Frontiers-Iconography-Next !important;
    font-size: var(--size-icon);
    font-weight: 300;
    height: var(--size-icon);
    line-height: var(--size-icon);
    width: var(--size-icon);
    right: var(--button-padding-horizontal);
    -webkit-font-smoothing: antialiased
}

.Link--outlineButton {
    border-color: var(--color-link-textOutline)
}

.Link--outlineButton,
.Link--outlineButton.Link--icon {
    color: var(--color-link-textOutline)
}

.Link--outlineButton:hover {
    border-color: var(--color-button-hover);
    background: rgba(40, 40, 40, .08)
}

.Link--flatButton {
    --color-link-textFlat: var(--white);
    color: var(--color-link-textFlat);
    background-color: var(--color-link);
    border-color: var(--color-link)
}

.Link--flatButton:hover {
    background-color: var(--color-link-hover);
    border-color: var(--color-link-hover)
}

.Link--flatButton:hover,
.Link--flatButton:hover:after {
    color: var(--color-link-textFlat)
}

.Link--small {
    --size-icon: 12px
}

.Link--small.Link--flatButton,
.Link--small.Link--outlineButton {
    --button-padding-horizontal: 16px;
    --button-padding-vertical: 5px;
    --padding-iconButton: 24px;
    --size-icon: 12px;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700
}

.Link--medium {
    --size-icon: 18px
}

.Link--medium.Link--flatButton,
.Link--medium.Link--outlineButton {
    --button-padding-horizontal: 24px;
    --button-padding-vertical: 8px;
    --padding-iconButton: 36px;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 700
}

.Link--medium.Link--linkType {
    --size-icon: 16px;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 700
}

@media only screen and (max-width:1024px) {
    .Link--medium.Link--linkType {
        --size-icon: 14px;
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 700
    }
}

.Link--large {
    --size-icon: 18px
}

.Link--large.Link--flatButton,
.Link--large.Link--outlineButton {
    --button-padding-horizontal: 32px;
    --button-padding-vertical: 9px;
    --padding-iconButton: 40px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700
}

.Link--large.Link--linkType {
    --size-icon: 24px;
    font-size: 1.5rem;
    line-height: 2.0625rem;
    font-weight: 700
}

.Link--chevronRight:after {
    content: "\e90e"
}

.Link--arrowRight:after {
    content: "\e90b"
}

.Link--facebook:after {
    content: "\e906"
}

.Link--instagram:after {
    content: "\e905"
}

.Link--twitter:after {
    content: "\e989"
}

.Link--linkedin:after {
    content: "\e904"
}

.Link--maincolor {
    --color-link: var(--maincolor50);
    --color-link-hover: var(--maincolor70);
    --color-link-textOutline: var(--maincolor50)
}

.Link--sky40 {
    --color-link: var(--sky50);
    --color-link-hover: var(--sky70);
    --color-link-textOutline: var(--sky50)
}

.Link--blue40,
.Link--blue50 {
    --color-link: var(--blue50);
    --color-link-hover: var(--blue70);
    --color-link-textOutline: var(--blue50)
}

.Link--blue80 {
    --color-link: var(--blue80);
    --color-link-hover: var(--blue90);
    --color-link-textOutline: var(--blue80)
}

.Link--grey {
    --color-link: #6b6b6b;
    --color-link-hover: #545454;
    --color-link-textOutline: #282828
}

.Link--grey.Link--outlineButton {
    --color-link-hover: #282828
}

.Link--white {
    --color-link: var(--white);
    --color-link-hover: var(--grey10);
    --color-link-textFlat: #282828;
    --color-link-textOutline: var(--white)
}

.Link--noText.Link--icon:after {
    margin: 0
}

.FloatingDirectiveElement .Link {
    margin: 0 !important
}

.FloatingDirectiveElement .Link--flatButton,
.FloatingDirectiveElement .Link--outlineButton {
    box-shadow: 0 8px 10px rgba(40, 40, 40, .12), 0 3px 14px rgba(40, 40, 40, .08), 0 5px 5px rgba(40, 40, 40, .04) !important
}

.FloatingDirectiveElement .Link--flatButton:hover,
.FloatingDirectiveElement .Link--outlineButton:hover {
    box-shadow: 0 12px 17px rgba(40, 40, 40, .12), 0 5px 22px rgba(40, 40, 40, .08), 0 7px 8px rgba(40, 40, 40, .04) !important
}

.FloatingDirectiveElement .Link--large.Link--flatButton,
.FloatingDirectiveElement .Link--large.Link--outlineButton,
.FloatingDirectiveElement .Link--medium.Link--flatButton,
.FloatingDirectiveElement .Link--medium.Link--outlineButton,
.FloatingDirectiveElement .Link--small.Link--flatButton,
.FloatingDirectiveElement .Link--small.Link--outlineButton {
    --button-padding-vertical: 16px
}

@media only screen and (max-width:1024px) {

    .FloatingDirectiveElement .Link--large.Link--flatButton,
    .FloatingDirectiveElement .Link--large.Link--outlineButton,
    .FloatingDirectiveElement .Link--medium.Link--flatButton,
    .FloatingDirectiveElement .Link--medium.Link--outlineButton,
    .FloatingDirectiveElement .Link--small.Link--flatButton,
    .FloatingDirectiveElement .Link--small.Link--outlineButton {
        --button-padding-vertical: 8px
    }
}

.FloatingDirectiveElement .Link__wrapper {
    margin: 0 !important
}

.CardA {
    --card-a-bg-color: #fff;
    --card-a-text-color: #6b6b6b
}

.CardA,
.CardA__wrapper {
    display: flex;
    flex-direction: column;
    flex: 1
}

.CardA__wrapper {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box;
    transition: box-shadow .48s cubic-bezier(.37, .74, .15, 1);
    background-color: var(--card-a-bg-color)
}

.CardA__wrapper:hover {
    box-shadow: 0 0 17px rgba(40, 40, 40, .12), 0 0 22px rgba(40, 40, 40, .08), 0 0 8px rgba(40, 40, 40, .04)
}

@media only screen and (max-width:1024px) {
    .CardA__wrapper {
        flex-direction: row
    }
}

.CardA__wrapper--horizontal {
    display: flex;
    flex-direction: row;
    align-items: stretch
}

.CardA__wrapper--horizontal .CardA__info {
    height: auto;
    width: auto;
    min-height: 160px;
    padding: 24px 32px
}

@media only screen and (max-width:1280px) {
    .CardA__wrapper--horizontal .CardA__info {
        min-height: 144px;
        padding: 16px 32px
    }
}

.CardA__wrapper--horizontal .CardA__title {
    margin-bottom: 16px;
    word-break: break-word
}

.CardA__wrapper--horizontal .CardA__text {
    word-break: break-word
}

.CardA__wrapper--horizontal .CardA__img {
    flex-shrink: 0;
    width: var(--layout-col-5);
    height: auto
}

@media only screen and (max-width:563px) {
    .CardA__wrapper--horizontal .CardA__wrapper {
        flex-flow: row;
        flex-wrap: wrap;
        position: relative
    }

    .CardA__wrapper--horizontal .CardA__wrapper:after {
        content: "";
        position: absolute;
        left: 0;
        top: 88px;
        width: 100%;
        height: 1px;
        background: var(--grey40)
    }
}

@media only screen and (max-width:1024px) {
    .CardA__wrapper--horizontal .CardA__info {
        padding: 16px 24px;
        min-height: 144px
    }
}

@media only screen and (max-width:563px) {
    .CardA__wrapper--horizontal .CardA__info {
        min-width: 100%;
        min-height: -moz-min-content;
        min-height: -webkit-min-content;
        min-height: min-content
    }
}

@media only screen and (max-width:563px) {
    .CardA__wrapper--horizontal .CardA__title {
        position: absolute;
        right: 0;
        top: 44px;
        transform: translateY(-50%);
        width: var(--layout-col-5);
        padding-right: 16px;
        box-sizing: border-box;
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media only screen and (max-width:1024px) {
    .CardA__wrapper--horizontal .CardA__img {
        height: auto;
        flex-shrink: 0;
        width: var(--layout-col-8)
    }
}

@media only screen and (max-width:768px) {
    .CardA__wrapper--horizontal .CardA__img {
        width: var(--layout-col-6)
    }
}

@media only screen and (max-width:563px) {
    .CardA__wrapper--horizontal .CardA__img {
        width: var(--layout-col-3);
        height: 88px
    }
}

.CardA__wrapper--horizontal .CardA__img .is-inside-mask {
    position: absolute
}

.CardA__info {
    display: flex;
    flex-flow: column;
    box-sizing: border-box;
    width: 100%;
    flex: 1;
    padding: 24px
}

@media only screen and (max-width:1441px) {
    .CardA__info {
        padding: 16px 24px
    }
}

.CardA__title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    margin-bottom: 16px;
    word-break: break-word
}

@media only screen and (max-width:1441px) {
    .CardA__title {
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 500;
        margin-bottom: 8px
    }
}

.CardA__text {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: var(--card-a-text-color);
    word-break: break-word
}

@media only screen and (max-width:1441px) {
    .CardA__text {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 300
    }
}

.CardA__img {
    margin: 0;
    height: 157px;
    position: relative
}

@media only screen and (max-width:1441px) {
    .CardA__img {
        height: 112px
    }
}

@media only screen and (max-width:1280px) {
    .CardA__img {
        height: 98px
    }
}

@media only screen and (max-width:563px) {
    .CardA__wrapper {
        flex-flow: row;
        flex-wrap: wrap;
        position: relative
    }

    .CardA__wrapper:after {
        content: "";
        position: absolute;
        left: 0;
        top: 88px;
        width: 100%;
        height: 1px;
        background: var(--grey40)
    }
}

@media only screen and (max-width:1024px) {
    .CardA__info {
        padding: 16px 24px;
        min-height: 144px
    }
}

@media only screen and (max-width:563px) {
    .CardA__info {
        min-width: 100%;
        min-height: -moz-min-content;
        min-height: -webkit-min-content;
        min-height: min-content
    }
}

@media only screen and (max-width:563px) {
    .CardA__title {
        position: absolute;
        right: 0;
        top: 44px;
        transform: translateY(-50%);
        width: var(--layout-col-5);
        padding-right: 16px;
        box-sizing: border-box;
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media only screen and (max-width:1024px) {
    .CardA__img {
        height: auto;
        flex-shrink: 0;
        width: var(--layout-col-8)
    }
}

@media only screen and (max-width:768px) {
    .CardA__img {
        width: var(--layout-col-6)
    }
}

@media only screen and (max-width:563px) {
    .CardA__img {
        width: var(--layout-col-3);
        height: 88px
    }
}

.CardA__img .is-inside-mask {
    position: absolute
}

.FrontiersImage picture {
    width: 100%;
    height: 100%
}

.FrontiersImage--error {
    background-color: var(--grey20)
}

.FrontiersImage .coloredPathGrey50 {
    fill: var(--grey50)
}

.FrontiersImage .coloredPathGrey40 {
    fill: var(--grey40)
}

.CardB {
    --card-b-bg-color: #fff;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 8px;
    display: block;
    color: #282828;
    background-color: var(--card-b-bg-color);
    transition: box-shadow .48s cubic-bezier(.37, .74, .15, 1)
}

.CardB:hover {
    box-shadow: 0 0 17px rgba(40, 40, 40, .12), 0 0 22px rgba(40, 40, 40, .08), 0 0 8px rgba(40, 40, 40, .04)
}

@media only screen and (max-width:1024px) {
    .CardB__link {
        display: flex;
        flex-flow: row
    }
}

@media only screen and (max-width:563px) {
    .CardB__link {
        display: inline;
        display: initial
    }
}

.CardB--highlighted .CardB__link {
    display: flex;
    flex-flow: row
}

@media only screen and (max-width:563px) {
    .CardB--highlighted .CardB__link {
        display: inline;
        display: initial
    }
}

.CardB--highlighted .CardB__info {
    min-height: 284px
}

@media only screen and (max-width:1441px) {
    .CardB--highlighted .CardB__info {
        min-height: 268px
    }
}

@media only screen and (max-width:1280px) {
    .CardB--highlighted .CardB__info {
        min-height: 260px
    }
}

@media only screen and (max-width:1024px) {
    .CardB--highlighted .CardB__info {
        min-height: 176px
    }
}

@media only screen and (max-width:768px) {
    .CardB--highlighted .CardB__info {
        min-height: 218px
    }
}

@media only screen and (max-width:563px) {
    .CardB--highlighted .CardB__info {
        min-height: 0
    }
}

.CardB--highlighted .CardB__img {
    width: var(--layout-col-5);
    position: relative;
    height: auto
}

@media only screen and (max-width:1441px) {
    .CardB--highlighted .CardB__img {
        height: auto
    }
}

@media only screen and (max-width:1280px) {
    .CardB--highlighted .CardB__img {
        height: auto
    }
}

@media only screen and (max-width:1024px) {
    .CardB--highlighted .CardB__img {
        width: var(--layout-col-8);
        height: auto
    }
}

@media only screen and (max-width:768px) {
    .CardB--highlighted .CardB__img {
        width: var(--layout-col-6);
        height: auto
    }
}

@media only screen and (max-width:563px) {
    .CardB--highlighted .CardB__img {
        width: 100%;
        height: auto
    }
}

.CardB--highlighted .CardB__title {
    margin-bottom: 24px
}

@media only screen and (max-width:1441px) {
    .CardB--highlighted .CardB__title {
        margin-bottom: 16px
    }
}

.CardB--highlighted .CardB__text {
    display: block
}

.CardB--highlighted .CardB__date {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 300
}

@media only screen and (max-width:1441px) {
    .CardB--highlighted .CardB__date {
        font-size: .625rem;
        line-height: .875rem;
        font-weight: 300
    }
}

.CardB--highlighted .CardB__cta {
    margin-top: 32px
}

.CardB__link {
    display: flex;
    flex-flow: column;
    height: 100%
}

@media only screen and (max-width:1024px) {
    .CardB__link {
        flex-flow: row
    }
}

@media only screen and (max-width:563px) {
    .CardB__link {
        flex-flow: column
    }
}

.CardB__info {
    display: flex;
    flex-flow: column;
    box-sizing: border-box;
    padding: 24px 32px;
    flex: 1
}

@media only screen and (max-width:1441px) {
    .CardB__info {
        padding: 16px 24px
    }
}

@media only screen and (max-width:1280px) {
    .CardB__info {
        padding: 16px
    }
}

@media only screen and (max-width:1024px) {
    .CardB__info {
        padding: 16px 24px
    }
}

.CardB__title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    transition: color .24s cubic-bezier(.37, .74, .15, 1)
}

@media only screen and (max-width:1441px) {
    .CardB__title {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.CardB__highlightWrapper {
    display: none;
    margin-top: 24px;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: #6b6b6b
}

@media only screen and (max-width:1441px) {
    .CardB__highlightWrapper {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 300;
        margin-top: 16px
    }
}

.CardB__highlightLabel {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 700
}

@media only screen and (max-width:1441px) {
    .CardB__highlightLabel {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 700
    }
}

.CardB__row {
    margin-bottom: 16px
}

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

.CardB__pretitle {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 700;
    color: #282828;
    text-transform: uppercase;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width:1441px) {
    .CardB__pretitle {
        font-size: .625rem;
        line-height: .875rem;
        font-weight: 700
    }
}

.CardB__date {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 300;
    display: block;
    margin-top: 4px;
    white-space: nowrap
}

@media only screen and (max-width:1441px) {
    .CardB__date {
        font-size: .625rem;
        line-height: .875rem;
        font-weight: 300
    }
}

.CardB__text {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: #545454;
    display: none
}

@media only screen and (max-width:1441px) {
    .CardB__text {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 300
    }
}

.CardB__img {
    margin: 0;
    position: relative;
    height: 202px;
    overflow: hidden;
    flex-shrink: 0
}

@media only screen and (max-width:1441px) {
    .CardB__img {
        height: 156px
    }
}

@media only screen and (max-width:1280px) {
    .CardB__img {
        height: 138px
    }
}

@media only screen and (max-width:1024px) {
    .CardB__img {
        width: var(--layout-col-8);
        height: 150px
    }
}

@media only screen and (max-width:768px) {
    .CardB__img {
        width: var(--layout-col-6);
        height: 156px
    }
}

@media only screen and (max-width:563px) {
    .CardB__img {
        width: 100%;
        height: 198px
    }
}

.CardB__img .is-inside-mask {
    position: absolute
}

.CardArticle {
    display: flex;
    flex-direction: column;
    flex: 1
}

.CardArticle--hasMetrics ul[class$=__metrics] {
    border-top: 1px solid var(--grey20);
    min-height: 50px;
    padding: 16px 0
}

@media only screen and (max-width:1024px) {
    .CardArticle--hasMetrics ul[class$=__metrics] {
        padding: 8px 0
    }
}

@media only screen and (max-width:1280px) {
    .CardArticle--hasMetrics div[class$=__info] {
        padding: 16px 16px 24px
    }
}

.CardArticle__wrapper {
    transition: box-shadow .48s cubic-bezier(.37, .74, .15, 1);
    background: #fff;
    display: flex;
    flex-direction: column;
    flex: 1
}

.CardArticle__wrapper:hover {
    box-shadow: 0 0 17px rgba(40, 40, 40, .12), 0 0 22px rgba(40, 40, 40, .08), 0 0 8px rgba(40, 40, 40, .04)
}

.CardArticle__info {
    padding: 24px 32px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    flex: 1
}

@media only screen and (max-width:1441px) {
    .CardArticle__info {
        padding: 24px
    }
}

@media only screen and (max-width:1280px) {
    .CardArticle__info {
        padding: 16px
    }
}

@media only screen and (max-width:563px) {
    .CardArticle__info {
        padding-left: 24px;
        padding-right: 24px
    }
}

.CardArticle__metrics {
    box-sizing: border-box;
    margin: 0 32px;
    display: flex;
    align-items: center;
    flex-flow: wrap
}

@media only screen and (max-width:1441px) {
    .CardArticle__metrics {
        margin: 0 24px
    }
}

@media only screen and (max-width:1280px) {
    .CardArticle__metrics {
        margin: 0 16px
    }
}

@media only screen and (max-width:563px) {
    .CardArticle__metrics {
        margin-left: 24px;
        margin-right: 24px
    }
}

.CardArticle__metrics__item {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 300
}

.CardArticle__metrics__item strong {
    font-weight: 700
}

.CardArticle__metrics__item:first-child {
    margin-right: 16px
}

@media only screen and (max-width:768px) {
    .CardArticle__metrics__item:first-child {
        margin-right: 8px
    }
}

.CardArticle__state,
.CardArticle__type {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 700;
    text-transform: uppercase
}

@media only screen and (max-width:1441px) {

    .CardArticle__state,
    .CardArticle__type {
        font-size: .625rem;
        line-height: .875rem
    }
}

.CardArticle__header,
.CardArticle__state {
    margin-bottom: 16px
}

@media only screen and (max-width:1024px) {

    .CardArticle__header,
    .CardArticle__state {
        margin-bottom: 8px
    }
}

.CardArticle__title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    margin-bottom: 24px
}

@media only screen and (max-width:1441px) {
    .CardArticle__title {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.CardArticle__authors,
.CardArticle__editors {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300
}

@media only screen and (max-width:1441px) {

    .CardArticle__authors,
    .CardArticle__editors {
        font-size: .75rem;
        line-height: 1.0625rem
    }
}

.CardArticle__authors li,
.CardArticle__editors li {
    display: inline
}

.CardArticle__authors li:after,
.CardArticle__editors li:after {
    content: " · "
}

.CardArticle__authors li:last-child:after,
.CardArticle__editors li:last-child:after {
    display: none
}

.CardArticle__spacer {
    flex: 1
}

.CardArticle__mask {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    height: auto;
    box-sizing: border-box;
    overflow: hidden
}

.CardArticle__mask img {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    transform: translate(-50%, -50%)
}

.CardArticle--horizontal .CardArticle__wrapper {
    display: grid;
    -moz-column-gap: var(--layout-gap);
    grid-column-gap: var(--layout-gap);
    column-gap: var(--layout-gap);
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr auto
}

@media only screen and (max-width:563px) {
    .CardArticle--horizontal .CardArticle__wrapper {
        display: flex;
        flex-direction: column
    }
}

.CardArticle--horizontal .CardArticle__mask {
    grid-column: 1/2;
    grid-row: 1/3;
    padding-top: 0
}

@media only screen and (max-width:563px) {
    .CardArticle--horizontal .CardArticle__mask--hzt {
        grid-column: unset;
        grid-row: unset;
        height: 184px
    }

    .CardArticle--horizontal .CardArticle__mask--hzt img {
        width: 100%
    }
}

.CardArticle--horizontal .CardArticle__mask--vrt {
    display: none
}

.CardArticle--horizontal .CardArticle__mask__img {
    height: 100%;
    width: auto
}

.CardArticle--horizontal .CardArticle__journal {
    padding-top: 0
}

.CardArticle--horizontal .CardArticle__info,
.CardArticle--horizontal .CardArticle__metrics {
    grid-column: 2/3;
    margin-left: calc(0 - var(--layout-gap));
    padding-left: 0 !important
}

@media only screen and (max-width:563px) {

    .CardArticle--horizontal .CardArticle__info,
    .CardArticle--horizontal .CardArticle__metrics {
        margin-left: 0;
        padding-left: 16px !important
    }
}

.CardArticle--hasImg .CardArticle__authors {
    padding-bottom: 24px
}

.CardArticle__pdfLabel {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 500;
    color: var(--black);
    padding: 4px 8px;
    background-color: var(--grey30);
    border-radius: 16px;
    align-self: flex-end;
    margin-bottom: 24px
}

.CardArticle__info {
    padding-bottom: 0
}

.CardArticle__wrapper {
    border-radius: 8px;
    overflow: hidden;
    grid-column: span 1
}

.CardArticle__type {
    margin-bottom: 4px
}

.CardArticle__date {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 300;
    white-space: nowrap
}

@media only screen and (max-width:1441px) {
    .CardArticle__date {
        font-size: .625rem;
        line-height: .875rem
    }
}

.CardArticle__section {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6b6b6b;
    margin-bottom: 16px;
    display: none
}

@media only screen and (max-width:1441px) {
    .CardArticle__section {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media only screen and (max-width:1280px) {
    .CardArticle__section {
        font-size: .75rem;
        line-height: 1.0625rem
    }
}

@media only screen and (max-width:1024px) {
    .CardArticle__section {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.CardArticle__section span {
    color: var(--maincolor50)
}

.CardArticle__journal {
    padding-top: 16px;
    padding-bottom: 16px
}

.CardArticle__journal__name {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500
}

@media only screen and (max-width:1441px) {
    .CardArticle__journal__name {
        font-size: .75rem;
        line-height: 1.0625rem
    }
}

.CardArticle__journal__doi {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 300
}

@media only screen and (max-width:1441px) {
    .CardArticle__journal__doi {
        font-size: .625rem;
        line-height: .875rem
    }
}

.CardArticle__authors,
.CardArticle__journal,
.CardArticle__metrics {
    color: #6b6b6b
}

.CardResearchTopic {
    display: flex;
    flex-direction: column;
    flex: 1
}

.CardResearchTopic--hasMetrics ul[class$=__metrics] {
    border-top: 1px solid var(--grey20);
    min-height: 50px;
    padding: 16px 0
}

@media only screen and (max-width:1024px) {
    .CardResearchTopic--hasMetrics ul[class$=__metrics] {
        padding: 8px 0
    }
}

@media only screen and (max-width:1280px) {
    .CardResearchTopic--hasMetrics div[class$=__info] {
        padding: 16px 16px 24px
    }
}

.CardResearchTopic__wrapper {
    transition: box-shadow .48s cubic-bezier(.37, .74, .15, 1);
    background: #fff;
    display: flex;
    flex-direction: column;
    flex: 1;
    border-radius: 8px;
    overflow: hidden;
    grid-column: span 1
}

.CardResearchTopic__wrapper:hover {
    box-shadow: 0 0 17px rgba(40, 40, 40, .12), 0 0 22px rgba(40, 40, 40, .08), 0 0 8px rgba(40, 40, 40, .04)
}

.CardResearchTopic__info {
    padding: 24px 32px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    flex: 1
}

@media only screen and (max-width:1441px) {
    .CardResearchTopic__info {
        padding: 24px
    }
}

@media only screen and (max-width:1280px) {
    .CardResearchTopic__info {
        padding: 16px
    }
}

@media only screen and (max-width:563px) {
    .CardResearchTopic__info {
        padding-left: 24px;
        padding-right: 24px
    }
}

.CardResearchTopic__metrics {
    box-sizing: border-box;
    margin: 0 32px;
    display: flex;
    align-items: center;
    flex-flow: wrap
}

@media only screen and (max-width:1441px) {
    .CardResearchTopic__metrics {
        margin: 0 24px
    }
}

@media only screen and (max-width:1280px) {
    .CardResearchTopic__metrics {
        margin: 0 16px
    }
}

@media only screen and (max-width:563px) {
    .CardResearchTopic__metrics {
        margin-left: 24px;
        margin-right: 24px
    }
}

.CardResearchTopic__metrics__item {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 300
}

.CardResearchTopic__metrics__item strong {
    font-weight: 700
}

.CardResearchTopic__metrics__item:first-child {
    margin-right: 16px
}

@media only screen and (max-width:768px) {
    .CardResearchTopic__metrics__item:first-child {
        margin-right: 8px
    }
}

.CardResearchTopic__state,
.CardResearchTopic__type {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 700;
    text-transform: uppercase
}

@media only screen and (max-width:1441px) {

    .CardResearchTopic__state,
    .CardResearchTopic__type {
        font-size: .625rem;
        line-height: .875rem
    }
}

.CardResearchTopic__header,
.CardResearchTopic__state {
    margin-bottom: 16px
}

@media only screen and (max-width:1024px) {

    .CardResearchTopic__header,
    .CardResearchTopic__state {
        margin-bottom: 8px
    }
}

.CardResearchTopic__title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    margin-bottom: 24px
}

@media only screen and (max-width:1441px) {
    .CardResearchTopic__title {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.CardResearchTopic__authors,
.CardResearchTopic__editors {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300
}

@media only screen and (max-width:1441px) {

    .CardResearchTopic__authors,
    .CardResearchTopic__editors {
        font-size: .75rem;
        line-height: 1.0625rem
    }
}

.CardResearchTopic__authors li,
.CardResearchTopic__editors li {
    display: inline
}

.CardResearchTopic__authors li:after,
.CardResearchTopic__editors li:after {
    content: " · "
}

.CardResearchTopic__authors li:last-child:after,
.CardResearchTopic__editors li:last-child:after {
    display: none
}

.CardResearchTopic__spacer {
    flex: 1
}

.CardResearchTopic__mask {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    height: auto;
    box-sizing: border-box;
    overflow: hidden
}

.CardResearchTopic__mask img {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    transform: translate(-50%, -50%)
}

.CardResearchTopic__pillWrapper {
    display: flex;
    grid-gap: 8px;
    gap: 8px;
    position: absolute;
    top: 16px;
    right: 16px
}

@media only screen and (max-width:1280px) {
    .CardResearchTopic__pillWrapper {
        flex-direction: column
    }
}

@media only screen and (max-width:1024px) {
    .CardResearchTopic__pillWrapper {
        flex-direction: row
    }
}

.CardResearchTopic__ebook,
.CardResearchTopic__magazine {
    border-radius: 16px;
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 500;
    color: var(--black);
    background-color: var(--grey30);
    padding: 3.5px 8px;
    z-index: 1
}

.CardResearchTopic__ebook--noImage,
.CardResearchTopic__magazine--noImage {
    position: relative;
    width: auto;
    right: unset;
    margin-bottom: 16px;
    align-self: flex-end;
    margin-right: 16px;
    box-sizing: border-box
}

.CardResearchTopic__magazine {
    border: 1px solid var(--blue40);
    background-color: var(--blue0)
}

.CardResearchTopic__ebook {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    align-self: flex-end
}

.CardResearchTopic__wrapper {
    position: relative
}

@media only screen and (max-width:1024px) {
    .CardResearchTopic__info {
        flex: 1;
        padding: 24px
    }
}

.CardResearchTopic__layout {
    flex: 1
}

.CardResearchTopic__editors,
.CardResearchTopic__metrics {
    color: #6b6b6b
}

.CardResearchTopic__flex {
    flex: 1;
    display: flex;
    flex-direction: column
}

.CardResearchTopic--Unmasked .CardResearchTopic__wrapper {
    padding: 24px 32px
}

.CardResearchTopic--Unmasked .CardResearchTopic__info {
    padding: 24px 0
}

.CardResearchTopic--Unmasked .CardResearchTopic__layout {
    display: flex;
    flex: 1;
    flex-direction: column-reverse
}

.CardResearchTopic--Unmasked .CardResearchTopic__metrics {
    margin: 0;
    border-top: none
}

.CardResearchTopic--Unmasked .CardResearchTopic__ebook--noImage,
.CardResearchTopic--Unmasked .CardResearchTopic__magazine--noImage {
    position: absolute;
    right: 16px;
    margin-right: 0
}

.CardResearchTopic--hasMetrics.CardResearchTopic--Unmasked .CardResearchTopic__wrapper {
    padding-bottom: 0
}

.CardEditor,
.CardEditor__wrapper {
    display: flex;
    flex-direction: column;
    flex: 1
}

.CardEditor__wrapper {
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow .48s cubic-bezier(.37, .74, .15, 1);
    grid-column: span 1
}

.CardEditor__wrapper:hover {
    box-shadow: 0 0 17px rgba(40, 40, 40, .12), 0 0 22px rgba(40, 40, 40, .08), 0 0 8px rgba(40, 40, 40, .04)
}

.CardEditor__info {
    padding: 24px 32px 0;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background: #fff;
    align-items: center;
    flex: 1
}

@media only screen and (max-width:1441px) {
    .CardEditor__info {
        padding: 16px 16px 0
    }
}

@media only screen and (max-width:563px) {
    .CardEditor__info {
        padding: 16px 24px 0
    }
}

.CardEditor__mask {
    margin-bottom: 16px;
    overflow: hidden
}

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

.CardEditor__mask .Avatar {
    --avatar-size: 80px
}

@media only screen and (max-width:1280px) {
    .CardEditor__mask .Avatar {
        --avatar-size: 48px
    }
}

.CardEditor__journal,
.CardEditor__name,
.CardEditor__role {
    text-align: center
}

.CardEditor__name {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    text-transform: capitalize
}

.CardEditor__detail {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--grey30);
    flex: 1;
    width: 100%
}

.CardEditor__journal,
.CardEditor__role {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 500;
    color: #6b6b6b
}

@media only screen and (max-width:1441px) {

    .CardEditor__journal,
    .CardEditor__role {
        font-size: .625rem;
        line-height: .875rem
    }
}

.CardEditor__role {
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1
}

.CardEditor__journal,
.CardEditor__role {
    display: -webkit-box;
    max-width: 100%;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.CardEditor__journal {
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2
}

.CardEditor__spacer {
    flex: 1
}

.CardEditor__affiliation__location,
.CardEditor__affiliation__name {
    text-align: center;
    color: #6b6b6b;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300
}

@media only screen and (max-width:1441px) {

    .CardEditor__affiliation__location,
    .CardEditor__affiliation__name {
        font-size: .75rem;
        line-height: 1.0625rem
    }
}

.CardEditor__affiliation__name {
    margin-bottom: 8px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.CardEditor__more {
    padding: 16px 32px 24px;
    background: #fff;
    color: #6b6b6b;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box
}

@media only screen and (max-width:1441px) {
    .CardEditor__more {
        padding: 16px
    }
}

@media only screen and (max-width:1024px) {
    .CardEditor__more {
        padding: 8px 16px
    }
}

@media only screen and (max-width:563px) {
    .CardEditor__more {
        padding: 8px 24px
    }
}

.CardEditor--noMoreInfo .CardEditor__detail {
    border-bottom: 0;
    padding-bottom: 24px
}

@media only screen and (max-width:1441px) {
    .CardEditor--noMoreInfo .CardEditor__detail {
        padding-bottom: 16px
    }
}

.CardSubject {
    transition: box-shadow .48s cubic-bezier(.37, .74, .15, 1);
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    padding: 24px 24px 16px;
    border-radius: 8px
}

.CardSubject:hover {
    box-shadow: 0 0 17px rgba(40, 40, 40, .12), 0 0 22px rgba(40, 40, 40, .08), 0 0 8px rgba(40, 40, 40, .04)
}

.CardSubject__wrapper,
.CardSubject__wrapper__link {
    display: flex;
    width: 100%
}

.CardSubject__title {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    margin-bottom: 16px
}

@media only screen and (max-width:1024px) {
    .CardSubject__title {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 500
    }
}

.CardSubject__icon:after {
    content: "\e90b";
    font-family: Frontiers-Iconography-Next !important;
    color: var(--maincolor50);
    font-size: 24px;
    line-height: 24px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle
}

@media only screen and (max-width:1024px) {
    .CardSubject__icon:after {
        font-family: Frontiers-Iconography-Next !important;
        color: var(--maincolor50);
        font-size: 16px;
        line-height: 16px;
        font-weight: 300 !important;
        -webkit-font-smoothing: antialiased
    }
}

.CardWrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -moz-column-gap: var(--layout-gap);
    grid-column-gap: var(--layout-gap);
    column-gap: var(--layout-gap);
    grid-row-gap: 32px;
    row-gap: 32px
}

@media only screen and (max-width:1024px) {
    .CardWrapper {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:768px) {
    .CardWrapper {
        grid-template-columns: repeat(1, 1fr)
    }
}

.FilterCardA {
    position: relative;
    --marginBlockHome: 80px
}

@media only screen and (max-width:1441px) {
    .FilterCardA {
        min-height: calc(282px + var(--marginBlockHome))
    }
}

@media only screen and (max-width:1280px) {
    .FilterCardA {
        min-height: calc(264px + var(--marginBlockHome))
    }
}

@media only screen and (max-width:1024px) {
    .FilterCardA {
        --marginBlockHome: 128px;
        min-height: calc(392px + var(--marginBlockHome))
    }
}

@media only screen and (max-width:563px) {
    .FilterCardA {
        --marginBlockHome: 96px;
        min-height: calc(413px + var(--marginBlockHome))
    }
}

.FilterCardA__filterWrapper {
    padding-bottom: 32px;
    margin: 0 auto
}

@media only screen and (max-width:1024px) {
    .FilterCardA__filterWrapper {
        padding-bottom: 24px;
        width: auto
    }
}

.FilterCardA__list {
    display: grid;
    grid: max-content/repeat(5, 1fr);
    -moz-column-gap: var(--layout-gap);
    grid-column-gap: var(--layout-gap);
    column-gap: var(--layout-gap)
}

@media only screen and (max-width:1024px) {
    .FilterCardA__list {
        grid-row-gap: 24px;
        row-gap: 24px
    }
}

.FilterCardA .Link {
    align-self: baseline
}

@media only screen and (max-width:1024px) {
    .FilterCardA .CardA {
        grid-column: span 5
    }
}

.FilterCardA .FilterButtonsSelect__filterList {
    height: 32px;
    align-items: center;
    box-sizing: border-box
}

.FilterCardA .FilterButtonsSelect__filterList li:first-child {
    margin-left: -1px
}

.FilterCardA .FilterButtonsSelect__filterList li:last-child {
    margin-right: -1px
}

.FilterCardA .FilterButtonsSelect__filterItem {
    height: 32px
}

.FilterCardA .FilterButtonsSelect__filterItem--active {
    border-color: var(--grey40)
}

@media only screen and (max-width:1024px) {
    .FilterCardA .FilterButtonsSelect .DropDown__titleContainer {
        border: none
    }
}

.FilterButtonsSelect .DropDown {
    width: auto;
    min-width: 80px;
    display: inline-flex;
    margin-bottom: 0
}

@media only screen and (max-width:563px) {
    .FilterButtonsSelect .DropDown {
        width: 100%
    }
}

.FilterButtonsSelect .DropDown.is-disabled .DropDown__titleContainer {
    border-color: transparent;
    background: transparent;
    color: #6b6b6b;
    box-shadow: none
}

.FilterButtonsSelect .DropDown.is-disabled .DropDown__titleContainer:after {
    display: none
}

.FilterButtonsSelect .DropDown__titleContainer {
    display: flex;
    text-align: center;
    background: var(--grey80);
    color: var(--white);
    padding: 6px 16px;
    border-radius: 96px;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    align-items: center;
    min-height: 0
}

.FilterButtonsSelect .DropDown__titleContainer.is-filtered {
    color: var(--white)
}

.FilterButtonsSelect .DropDown__titleContainer:after {
    position: inherit;
    top: 50%;
    right: auto;
    font-family: Frontiers-Iconography-Next !important;
    color: var(--white);
    font-size: 12px;
    line-height: 12px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    margin-left: 8px
}

@media only screen and (max-width:563px) {
    .FilterButtonsSelect .DropDown__titleContainer:after {
        position: absolute;
        transform: translateY(-50%);
        right: 16px
    }
}

.FilterButtonsSelect .DropDown__titleContainer--active:after,
.FilterButtonsSelect .DropDown__titleContainer:hover:after {
    color: var(--white)
}

.FilterButtonsSelect .DropDown__selectedValue {
    position: static;
    width: auto
}

.FilterButtonsSelect .DropDown__menuWrapper {
    top: 100%;
    border-radius: 8px;
    overflow: hidden;
    width: 206.94px;
    border: 1px solid var(--grey60);
    box-shadow: 0 4px 5px rgba(40, 40, 40, .12), 0 1px 10px rgba(40, 40, 40, .08), 0 2px 4px rgba(40, 40, 40, .16)
}

.FilterButtonsSelect .DropDown__menuWrapper--open {
    z-index: 11;
    margin-top: 4px
}

@media only screen and (max-width:563px) {
    .FilterButtonsSelect .DropDown__menuWrapper--open {
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media only screen and (max-width:563px) {
    .FilterButtonsSelect .DropDown__menuWrapper {
        margin-top: 0;
        border: none;
        max-width: 100%;
        max-height: 100%;
        right: 0;
        left: 0 !important;
        top: 0 !important;
        width: 100%;
        height: 100%;
        transform: none;
        z-index: 1021;
        background: hsla(0, 0%, 94.1%, .9);
        -webkit-backdrop-filter: blur(24px);
        backdrop-filter: blur(24px)
    }
}

.FilterButtonsSelect .DropDown__menu {
    background-color: #fff;
    color: #6b6b6b;
    padding: 0
}

.FilterButtonsSelect .DropDown__menu::-webkit-scrollbar {
    background: transparent;
    -webkit-appearance: none;
    width: 4px;
    height: 4px
}

.FilterButtonsSelect .DropDown__menu::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(206, 225, 255, .3);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    border-radius: 8px;
    border: 3px solid transparent
}

@-moz-document url-prefix() {
    .FilterButtonsSelect .DropDown__menu {
        scrollbar-width: thin
    }
}

@media only screen and (max-width:563px) {
    .FilterButtonsSelect .DropDown__menu {
        background-color: transparent;
        max-height: 100%;
        text-align: center;
        width: 100%;
        padding: 48px 0 96px
    }

    .FilterButtonsSelect .DropDown__menu:after,
    .FilterButtonsSelect .DropDown__menu:before {
        content: "";
        width: 100%;
        position: absolute;
        left: 0;
        z-index: 1
    }

    .FilterButtonsSelect .DropDown__menu:before {
        height: 64px;
        top: 0;
        transform: rotate(180deg);
        background: linear-gradient(180deg, transparent 10%, #f0f0f0 70%)
    }

    .FilterButtonsSelect .DropDown__menu:after {
        bottom: 0;
        height: 136px;
        background: linear-gradient(180deg, hsla(0, 0%, 94.1%, 0), #f0f0f0 40%)
    }
}

.FilterButtonsSelect .DropDown__option {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    color: #6b6b6b
}

.FilterButtonsSelect .DropDown__option__button {
    padding: 12px 22px 12px 40px
}

@media only screen and (max-width:563px) {
    .FilterButtonsSelect .DropDown__option {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 500;
        background-color: transparent;
        color: #6b6b6b
    }

    .FilterButtonsSelect .DropDown__option__button {
        padding: 16px 32px;
        justify-content: center
    }
}

.FilterButtonsSelect .DropDown__option--active {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #282828
}

.FilterButtonsSelect .DropDown__option--active .DropDown__option__button:before {
    content: "\e908";
    font-family: Frontiers-Iconography-Next !important;
    color: var(--black);
    font-size: 14px;
    line-height: 14px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    left: 16px;
    top: 50%;
    transform: translateY(-50%)
}

@media only screen and (max-width:563px) {
    .FilterButtonsSelect .DropDown__option--active .DropDown__option__button:before {
        display: none
    }
}

.FilterButtonsSelect .DropDown__option--arrow-active {
    background: transparent
}

.FilterButtonsSelect .DropDown__option:hover {
    background: #f7f7f7;
    color: #282828
}

.FilterButtonsSelect .DropDown__option:hover:before {
    color: #282828
}

@media only screen and (max-width:563px) {
    .FilterButtonsSelect .DropDown__option:hover {
        background: transparent
    }
}

@media only screen and (max-width:563px) {
    .FilterButtonsSelect .DropDown__overlay {
        background: rgba(40, 40, 40, .6);
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        z-index: 1000;
        transition: opacity .38s cubic-bezier(.37, .74, .15, 1)
    }
}

.FilterButtonsSelect .DropDown__overlay:after,
.FilterButtonsSelect .DropDown__overlay:before {
    content: "";
    z-index: 1;
    height: 152px;
    width: 100%;
    position: absolute;
    left: 0
}

.FilterButtonsSelect .DropDown__overlay:after {
    background: linear-gradient(0, transparent 27.08%, var(--grey80));
    top: 0
}

.FilterButtonsSelect .DropDown__overlay:before {
    background: linear-gradient(180deg, transparent 27.08%, var(--grey80));
    bottom: 0
}

.FilterButtonsSelect .DropDown__titleMobile {
    display: none
}

@media only screen and (max-width:563px) {
    .FilterButtonsSelect .DropDown__titleMobile {
        background-color: #f7f7f7;
        border-radius: 48px;
        bottom: 40px;
        box-shadow: 0 0 11.3994px rgba(0, 0, 0, .1);
        color: #282828;
        display: block;
        left: 50%;
        padding: 0;
        position: absolute;
        width: 48px;
        height: 48px;
        text-align: center;
        transform: translateX(-50%);
        z-index: 2
    }

    .FilterButtonsSelect .DropDown__titleMobile:before {
        content: "\e909";
        position: unset
    }
}

.FilterButtonsSelect {
    color: #fff
}

.FilterButtonsSelect .DropDown {
    display: none
}

@media only screen and (max-width:1024px) {
    .FilterButtonsSelect .DropDown {
        display: inline-block
    }
}

.FilterButtonsSelect__filterList {
    display: flex;
    border-radius: 96px;
    border: 1px solid var(--grey60);
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto
}

@media only screen and (max-width:1024px) {
    .FilterButtonsSelect__filterList {
        display: none
    }
}

.FilterButtonsSelect__filterList li+li {
    margin-left: 32px
}

.FilterButtonsSelect__filterItem {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 6px 16px;
    border-radius: 96px;
    box-sizing: border-box;
    background-color: transparent;
    border: 1px solid transparent;
    margin-bottom: 0;
    color: #6b6b6b;
    white-space: nowrap
}

.FilterButtonsSelect__filterItem:hover {
    color: #282828
}

.FilterButtonsSelect__filterItem--active {
    cursor: auto !important;
    background-color: var(--grey80) !important;
    color: var(--white) !important;
    font-weight: 500 !important
}

.FilterButtonsSelect--buttonGroup .FilterButtonsSelect__filterList {
    border-radius: 0;
    border: none
}

.FilterButtonsSelect--buttonGroup .FilterButtonsSelect__filterList li+li {
    margin-left: 8px
}

.FilterButtonsSelect--buttonGroup .FilterButtonsSelect__filterItem {
    padding: 4px 16px;
    border: 1px solid var(--grey60);
    color: #545454;
    background-color: #fff
}

.FilterButtonsSelect--buttonGroup .DropDown {
    width: auto
}

.FilterButtonsSelect--buttonGroup .DropDown__menuWrapper {
    right: 0;
    left: auto
}

.FilterButtonsSelect--buttonGroup .DropDown__titleContainer {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    padding: 4px 16px
}

.FilterButtonsSelect--buttonGroup .DropDown__titleContainer:after {
    font-size: 12px
}

@media only screen and (max-width:563px) {
    .FilterButtonsSelect--buttonGroup .DropDown__titleContainer:after {
        position: relative;
        transform: none;
        right: auto
    }
}

.DropDown {
    --color-value: #6b6b6b;
    --color-label: #6b6b6b;
    --color-background: #fff;
    --color-border: var(--grey40);
    list-style: none;
    margin-bottom: 8px;
    position: relative
}

.DropDown.is-filter-error {
    text-align: left
}

.DropDown.is-filter-error .DropDown__titleContainer {
    --color-background: var(--red0);
    --color-border: var(--red40)
}

.DropDown.is-filter-error .DropDown__titleContainer .DropDown__title,
.DropDown.is-filter-error .DropDown__titleContainer:after {
    --color-value: var(--red40)
}

.DropDown.is-disabled {
    opacity: 1
}

.DropDown.is-disabled .DropDown__titleContainer {
    --color-value: var(--grey40);
    --color-border: var(--grey30)
}

.DropDown.is-disabled .DropDown__titleContainer:focus {
    box-shadow: none
}

.DropDown.is-disabled .DropDown__titleContainer:after {
    --color-value: var(--grey40);
    transform: none
}

.DropDown.is-readonly .DropDown__option {
    --color-value: var(--grey70);
    pointer-events: none
}

.DropDown__wrapper {
    position: relative;
    line-height: 30px
}

.DropDown__titleContainer {
    transition: box-shadow .24s cubic-bezier(.37, .74, .15, 1);
    background-color: var(--color-background);
    border: 1px solid var(--color-border);
    width: 100%;
    cursor: pointer;
    text-align: left;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    min-height: 48px;
    padding: 6px 16px;
    position: relative
}

.DropDown__titleContainer--active:after {
    transform: rotate(180deg)
}

.DropDown__titleContainer--active,
.DropDown__titleContainer:hover {
    border-color: var(--color-border);
    color: var(--color-value)
}

.DropDown__titleContainer--active:after,
.DropDown__titleContainer:hover:after {
    color: #6b6b6b
}

.DropDown__titleContainer--active,
.DropDown__titleContainer:focus {
    box-shadow: 0 2px 4px 0 rgba(40, 40, 40, .16), 0 1px 10px 0 rgba(40, 40, 40, .08);
    z-index: 11
}

.DropDown__titleContainer--active .DropDown__title,
.DropDown__titleContainer--hasValue .DropDown__title {
    transform: translateY(-8px) scale(.75)
}

.DropDown__titleContainer .DropDown__selectedValue,
.DropDown__titleContainer.is-filtered .DropDown__emptyValue {
    display: none
}

.DropDown__titleContainer.is-filtered .DropDown__selectedValue {
    display: inline
}

.DropDown__titleContainer:after {
    content: "\e90c";
    font-family: Frontiers-Iconography-Next !important;
    color: var(--color-value);
    font-size: 12px;
    line-height: 12px;
    font-weight: 300 !important;
    position: absolute;
    top: 18px;
    right: 16px;
    -webkit-font-smoothing: antialiased
}

.DropDown__title {
    padding-right: 5px;
    position: absolute;
    top: 12px;
    white-space: nowrap;
    color: var(--color-value);
    transform-origin: 0 0;
    transition: transform .4s cubic-bezier(.25, .8, .25, 1)
}

.DropDown__title:empty {
    display: none
}

.DropDown__selectedValue {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    top: 18px;
    white-space: nowrap;
    width: calc(100% - 44px)
}

.DropDown__menuWrapper {
    position: absolute;
    left: 0;
    top: calc(100% + 8px);
    box-shadow: 0 12px 17px rgba(40, 40, 40, .12), 0 5px 22px rgba(40, 40, 40, .08), 0 7px 8px rgba(40, 40, 40, .04);
    width: 100%;
    z-index: 10;
    border: 1px solid var(--color-border);
    display: flex;
    flex-direction: column;
    pointer-events: none;
    display: none;
    box-sizing: border-box;
    border-radius: 8px;
    overflow: hidden
}

.DropDown__menuWrapper--open {
    opacity: 1;
    pointer-events: all;
    display: block
}

.DropDown__menuWrapper--no-items {
    border-bottom-style: none;
    background-color: var(--white)
}

@media only screen and (max-width:563px) {
    .DropDown__menuWrapper {
        position: fixed;
        z-index: 1020;
        overflow: visible;
        background-color: transparent;
        border: none;
        box-shadow: none;
        top: 0 !important;
        left: 0 !important
    }
}

.DropDown__menu {
    margin: 0;
    max-height: 190px;
    padding: 5px 0;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
    z-index: 1
}

.DropDown__menu::-webkit-scrollbar {
    background: transparent;
    -webkit-appearance: none;
    width: 10px;
    height: 10px
}

.DropDown__menu::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: var(--grey40);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    border-radius: 8px;
    border: 3px solid var(--white)
}

@-moz-document url-prefix() {
    .DropDown__menu {
        scrollbar-width: thin
    }
}

.DropDown__menu--multiselect {
    max-height: 280px
}

@media only screen and (max-width:563px) {
    .DropDown__menu {
        max-height: calc(100vh - 61px)
    }
}

.DropDown__option {
    list-style: none
}

.DropDown__option__button {
    padding: 16px 24px 16px 56px;
    width: 100%;
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
    color: var(--color-value);
    text-align: left;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300
}

.DropDown__option__button.focus-visible,
.DropDown__option__button:focus-visible {
    outline-offset: -4px
}

.DropDown__option__button--filtered {
    color: var(--grey40)
}

.DropDown__option--active {
    --color-value: #282828;
    background-color: transparent
}

.DropDown__option--active .DropDown__option__button:before {
    content: "\e908";
    font-family: Frontiers-Iconography-Next !important;
    color: var(--grey70);
    font-size: 16px;
    line-height: 16px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    left: 24px;
    top: 18px;
    position: absolute
}

.DropDown__option--arrow-active {
    background-color: #f7f7f7
}

.DropDown__option--separator {
    border-bottom: 1px solid var(--grey40)
}

.DropDown__option:hover {
    --color-value: #282828;
    background-color: #f7f7f7
}

.DropDown__option mark {
    color: #282828;
    background-color: transparent
}

.DropDown__dividerGroup {
    margin: 8px 0;
    display: flex;
    align-items: center
}

.DropDown__dividerGroup__line {
    flex: 1;
    height: 1px;
    background: var(--grey40)
}

.DropDown__dividerGroup__group {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 500;
    color: #545454;
    padding: 4px 16px;
    border: 1px solid var(--grey20);
    border-radius: 8px
}

.DropDown__search {
    min-width: 140px;
    background-color: #fff;
    line-height: normal
}

.DropDown__search,
.DropDown__search__input {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.DropDown__search__input {
    outline: medium none;
    transition: all .2s ease-in-out;
    word-break: normal;
    padding: 16px 16px 16px 55px;
    transition: box-shadow .24s cubic-bezier(.37, .74, .15, 1);
    background-color: var(--color-background);
    cursor: pointer;
    text-align: left;
    border-radius: 8px;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    height: 48px;
    font-family: MuseoSans, Helvetica, Arial, sans-serif;
    border: 0;
    cursor: auto
}

.DropDown__search__input::-webkit-input-placeholder {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: var(--color-value)
}

.DropDown__search__icon {
    position: absolute;
    z-index: 10;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.DropDown__search__icon:before {
    font-family: Frontiers-Iconography-Next !important;
    color: var(--grey70);
    font-size: 13px;
    line-height: 13px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    position: absolute
}

.DropDown__search__icon--search {
    top: 17px;
    left: 24px
}

.DropDown__search__icon--search:before {
    content: "\e940";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px
}

.DropDown__search__icon--spinner {
    right: 24px;
    top: 32px
}

.DropDown__search__icon--spinner:before {
    content: "\e916";
    -webkit-animation: rotate 2s linear infinite backwards;
    animation: rotate 2s linear infinite backwards
}

.DropDown__overlay {
    display: none;
    pointer-events: none
}

@media only screen and (max-width:563px) {
    .DropDown__overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 1000;
        display: block;
        pointer-events: all
    }
}

.DropDown__overlay.is-hidden {
    display: none
}

.DropDown__titleMobile {
    --color-value: $black;
    text-align: left;
    padding: 24px 24px 8px 48px;
    color: var(--color-value);
    cursor: pointer;
    display: none;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500
}

.DropDown__titleMobile:before {
    font-family: Frontiers-Iconography-Next !important;
    color: var(--color-value);
    font-size: 16px;
    line-height: 16px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    content: "\e910";
    left: 16px;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    top: 24px
}

@media only screen and (max-width:563px) {
    .DropDown__titleMobile {
        display: block
    }
}

.DropDown__error {
    --color-value: #6b6b6b;
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 500;
    color: var(--color-value);
    text-align: left;
    text-align: initial;
    position: relative;
    padding-left: 24px;
    margin-top: 8px
}

.DropDown__error:before {
    background-color: #fff;
    border-radius: 7px;
    content: "";
    display: inline-block;
    height: 12px;
    left: 2px;
    position: absolute;
    top: calc(50% - 6px);
    width: 12px
}

.DropDown__error:after {
    color: var(--red40);
    content: "\e90a";
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    left: 0;
    position: absolute
}

.DropDown__info {
    --color-value: #6b6b6b;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    color: var(--color-value);
    margin: 8px 8px 8px 24px;
    text-align: left
}

.DropDown+.Messaging {
    --color: #282828;
    font-size: .625rem;
    line-height: .875rem;
    font-weight: 500;
    color: var(--color);
    text-align: left;
    text-align: initial;
    position: relative;
    padding-left: 16px;
    margin-top: 4px
}

.DropDown+.Messaging__error:before {
    color: var(--red50);
    content: "\e969";
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    font-size: 10px;
    font-weight: 300;
    line-height: 10px;
    width: 12px;
    height: 12px;
    left: 0;
    top: 2px;
    position: absolute
}

.FilterCardB__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -moz-column-gap: 32px;
    grid-column-gap: 32px;
    column-gap: 32px;
    grid-row-gap: 32px;
    row-gap: 32px
}

@media only screen and (max-width:1024px) {
    .FilterCardB__list {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 24px;
        row-gap: 24px
    }
}

.FilterCardB--layoutOddCards .CardB:first-child {
    grid-column: span 4
}

@media only screen and (max-width:1024px) {
    .FilterCardB--layoutOddCards .CardB:first-child {
        grid-column: span 1
    }
}

.FilterCardB--layoutOddCards .CardB:first-child .l-spacer {
    display: none
}

.FilterCardB--layoutOddCards .CardB:first-child .CardB__title {
    font-size: 1.75rem;
    line-height: 2.4375rem;
    font-weight: 500;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width:1441px) {
    .FilterCardB--layoutOddCards .CardB:first-child .CardB__title {
        font-size: 1.5rem;
        line-height: 2.0625rem;
        font-weight: 500;
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media only screen and (max-width:1280px) {
    .FilterCardB--layoutOddCards .CardB:first-child .CardB__title {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 500;
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media only screen and (max-width:1024px) {
    .FilterCardB--layoutOddCards .CardB:first-child .CardB__title {
        font-size: 1.5rem;
        line-height: 2.0625rem;
        font-weight: 500;
        display: block;
        max-width: 100%;
        -webkit-line-clamp: none;
        -moz-line-clamp: none;
        line-clamp: none
    }
}

.FilterCardB--layoutOddCards .CardB:first-child .CardB__text {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 10;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width:1441px) {
    .FilterCardB--layoutOddCards .CardB:first-child .CardB__text {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 5;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media only screen and (max-width:1280px) {
    .FilterCardB--layoutOddCards .CardB:first-child .CardB__text {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media only screen and (max-width:1024px) {
    .FilterCardB--layoutOddCards .CardB:first-child .CardB__text {
        display: block;
        max-width: 100%;
        -webkit-line-clamp: none;
        -moz-line-clamp: none;
        line-clamp: none
    }
}

.FilterCardB--layoutOddCards .CardB:first-child .CardB__info {
    padding: 40px;
    min-height: 420px
}

@media only screen and (max-width:1441px) {
    .FilterCardB--layoutOddCards .CardB:first-child .CardB__info {
        padding: 32px;
        min-height: 308px
    }
}

@media only screen and (max-width:1280px) {
    .FilterCardB--layoutOddCards .CardB:first-child .CardB__info {
        padding: 24px;
        min-height: 274px
    }
}

@media only screen and (max-width:1024px) {
    .FilterCardB--layoutOddCards .CardB:first-child .CardB__info {
        padding: 24px 24px 40px
    }
}

@media only screen and (max-width:768px) {
    .FilterCardB--layoutOddCards .CardB:first-child .CardB__info {
        min-height: 328px;
        min-height: 0
    }
}

.FilterCardB--layoutOddCards .CardB:first-child .CardB__img {
    height: auto;
    width: var(--layout-col-10)
}

@media only screen and (max-width:1024px) {
    .FilterCardB--layoutOddCards .CardB:first-child .CardB__img {
        width: var(--layout-col-8)
    }
}

@media only screen and (max-width:768px) {
    .FilterCardB--layoutOddCards .CardB:first-child .CardB__img {
        width: var(--layout-col-6)
    }
}

@media only screen and (max-width:563px) {
    .FilterCardB--layoutOddCards .CardB:first-child .CardB__img {
        width: 100%;
        height: 184px
    }
}

.FilterCardB .CardB {
    grid-column: span 1
}

.FilterCardB .CardB--highlighted {
    grid-column: span 2
}

@media only screen and (max-width:1024px) {
    .FilterCardB .CardB--highlighted {
        grid-column: span 1
    }
}

.FilterCardB .CardB--highlighted .CardB__img {
    height: auto
}

@media only screen and (max-width:563px) {
    .FilterCardB .CardB--highlighted .CardB__img {
        height: 184px
    }
}

.FilterCardB .CardB__img {
    height: 202px
}

@media only screen and (max-width:1441px) {
    .FilterCardB .CardB__img {
        height: 145px
    }
}

@media only screen and (max-width:1280px) {
    .FilterCardB .CardB__img {
        height: 128px
    }
}

@media only screen and (max-width:1024px) {
    .FilterCardB .CardB__img {
        height: auto;
        min-height: 120px
    }
}

@media only screen and (max-width:563px) {
    .FilterCardB .CardB__img {
        height: 184px
    }
}

.FilterCardB .CardB__highlightWrapper {
    display: block
}

.Heading {
    display: flex;
    align-items: baseline;
    justify-content: flex-start
}

@media only screen and (max-width:563px) {
    .Heading {
        justify-content: space-between
    }
}

.Heading .Link__wrapper {
    margin-left: 24px
}

@media only screen and (max-width:1280px) {
    .Heading .Link__wrapper {
        margin-left: 16px
    }
}

.Carousel {
    --carousel-spacer-width: calc(var(--layout-col-2) + var(--layout-gap)*2);
    --carousel-card-width: var(--layout-col-5);
    --carousel-card-h-width: var(--layout-col-10)
}

@media only screen and (min-width:1921px) {
    .Carousel {
        --carousel-spacer-width: calc(50vw - var(--layout-col-20)/2)
    }
}

@media only screen and (max-width:1024px) {
    .Carousel {
        --carousel-card-width: var(--layout-col-6);
        --carousel-card-h-width: var(--layout-col-12);
        --carousel-margin-right: calc(var(--layout-col-4) + var(--layout-gap)*2)
    }
}

@media only screen and (max-width:768px) {
    .Carousel {
        --carousel-spacer-width: calc(var(--layout-col-1) + var(--layout-gap)*2);
        --carousel-card-width: var(--layout-col-5);
        --carousel-card-h-width: var(--layout-col-10);
        --carousel-margin-right: calc(var(--layout-col-5) + var(--layout-gap)*2)
    }
}

@media only screen and (max-width:563px) {
    .Carousel {
        --carousel-spacer-width: 16px;
        --carousel-card-width: var(--layout-col-7);
        --carousel-card-h-width: var(--layout-col-7);
        --carousel-margin-right: calc(var(--layout-col-1) + var(--layout-gap)*2)
    }
}

.Carousel {
    position: relative;
    box-sizing: border-box;
    width: 100%
}

.Carousel__list {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    justify-content: flex-start
}

.Carousel__list::-webkit-scrollbar {
    display: none
}

@-moz-document url-prefix() {
    .Carousel__list {
        scrollbar-width: none
    }
}

@media only screen and (max-width:1024px) {
    .Carousel__list {
        overflow: hidden
    }
}

.Carousel__card {
    margin-right: var(--layout-gap);
    flex: 0 0 var(--carousel-card-width);
    overflow: hidden;
    border-radius: 8px;
    transition: box-shadow .48s cubic-bezier(.37, .74, .15, 1);
    transition: opacity .28s cubic-bezier(.37, .74, .15, 1), box-shadow .28s ease;
    display: flex
}

.Carousel__card:hover {
    box-shadow: 0 0 17px rgba(40, 40, 40, .12), 0 0 22px rgba(40, 40, 40, .08), 0 0 8px rgba(40, 40, 40, .04)
}

.Carousel__card--hzt {
    flex: 0 0 var(--carousel-card-h-width)
}

.Carousel__card>article {
    box-shadow: none;
    width: 100%
}

@media only screen and (max-width:1024px) {
    .Carousel__card:nth-last-child(2) {
        margin-right: 0
    }
}

.Carousel__card--overflown {
    opacity: .4
}

.Carousel__card .CardB {
    height: 100%
}

.Carousel__card .CardB__link {
    display: block
}

@media only screen and (max-width:1024px) {
    .Carousel__card .CardB__img {
        height: 142px
    }
}

@media only screen and (max-width:768px) {
    .Carousel__card .CardB__img {
        height: 132px
    }
}

@media only screen and (max-width:563px) {
    .Carousel__card .CardB__img {
        height: 198px
    }
}

@media only screen and (max-width:563px) {
    .Carousel__card .CardB__info {
        padding: 24px
    }
}

@media only screen and (max-width:1024px) {
    .Carousel__card .CardResearchTopic__info {
        height: 269px
    }
}

@media only screen and (max-width:1024px) {
    .Carousel__card .CardArticle__info {
        height: 419px
    }
}

@media only screen and (max-width:768px) {
    .Carousel__card .CardArticle__info {
        height: 402px
    }
}

@media only screen and (max-width:563px) {
    .Carousel__card .CardArticle__info {
        height: 397px
    }
}

@media only screen and (max-width:1024px) {
    .Carousel__card .CardArticle__title {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 7;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.Carousel__spacer {
    flex-grow: 0;
    flex-shrink: 0;
    width: var(--carousel-spacer-width)
}

.Carousel__spacer--right {
    right: 0
}

@media only screen and (max-width:1024px) {
    .Carousel__spacer--right {
        width: calc(var(--layout-col-2) + var(--layout-gap)*2)
    }
}

@media only screen and (max-width:768px) {
    .Carousel__spacer--right {
        width: var(--carousel-margin-right)
    }
}

.Carousel__button {
    --carousel-button-size: 56px;
    width: var(--carousel-button-size);
    height: var(--carousel-button-size);
    border-radius: 50%;
    background-color: var(--white);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 0 12px rgba(0, 0, 0, .1);
    z-index: 2;
    transition: opacity .28s cubic-bezier(.37, .74, .15, 1), box-shadow .24s cubic-bezier(.37, .74, .15, 1)
}

.Carousel__button[disabled] {
    pointer-events: none;
    opacity: .5
}

@media only screen and (max-width:1024px) {
    .Carousel__button {
        --carousel-button-size: 40px;
        box-shadow: 0 8px 10px rgba(40, 40, 40, .12), 0 3px 14px rgba(40, 40, 40, .08), 0 5px 5px rgba(40, 40, 40, .04);
        top: 0;
        transform: none;
        bottom: 0;
        margin: auto
    }
}

.Carousel__button:hover {
    box-shadow: 0 41px 48px rgba(0, 0, 0, .08), 0 10px 22px rgba(0, 0, 0, .06), 0 9x 18px rgba(0, 0, 0, .0457), 0 -11px 20px rgba(0, 0, 0, .035), 0 6px 5px rgba(0, 0, 0, .03), 0 2px 2px rgba(0, 0, 0, .02)
}

.Carousel__button:before {
    content: "\e90e";
    font-family: Frontiers-Iconography-Next !important;
    font-size: 16px;
    position: absolute;
    color: var(--maincolor40);
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    -webkit-font-smoothing: antialiased
}

.Carousel__button--next {
    right: calc(var(--layout-col-1) + var(--layout-gap))
}

@media only screen and (min-width:1921px) {
    .Carousel__button--next {
        right: calc(50vw - var(--layout-col-20)/2 - var(--carousel-button-size))
    }
}

@media only screen and (max-width:1024px) {
    .Carousel__button--next {
        right: var(--layout-gap)
    }
}

.Carousel__button--prev {
    left: calc(var(--layout-col-1) + var(--layout-gap))
}

.Carousel__button--prev:before {
    transform: rotate(180deg)
}

@media only screen and (min-width:1921px) {
    .Carousel__button--prev {
        left: calc(50vw - var(--layout-col-20)/2 - 110px)
    }
}

@media only screen and (max-width:1024px) {
    .Carousel__button--prev {
        left: var(--layout-gap)
    }
}

.Carousel__overflown {
    position: absolute;
    top: 0;
    z-index: 1;
    height: 100%;
    width: var(--carousel-spacer-width)
}

@media only screen and (max-width:1024px) {
    .Carousel__overflown {
        width: var(--carousel-margin-right)
    }
}

.Carousel__overflown--left {
    left: 0
}

.Carousel__overflown--right {
    right: 0
}

.GenericCard {
    display: flex;
    flex-direction: column;
    flex: 1
}

.GenericCard--hasMetrics ul[class$=__metrics] {
    border-top: 1px solid var(--grey20);
    min-height: 50px;
    padding: 16px 0
}

@media only screen and (max-width:1024px) {
    .GenericCard--hasMetrics ul[class$=__metrics] {
        padding: 8px 0
    }
}

@media only screen and (max-width:1280px) {
    .GenericCard--hasMetrics div[class$=__info] {
        padding: 16px 16px 24px
    }
}

.GenericCard__wrapper {
    transition: box-shadow .48s cubic-bezier(.37, .74, .15, 1);
    background: #fff;
    display: flex;
    flex-direction: column;
    flex: 1
}

.GenericCard__wrapper:hover {
    box-shadow: 0 0 17px rgba(40, 40, 40, .12), 0 0 22px rgba(40, 40, 40, .08), 0 0 8px rgba(40, 40, 40, .04)
}

.GenericCard__info {
    padding: 24px 32px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    flex: 1
}

@media only screen and (max-width:1441px) {
    .GenericCard__info {
        padding: 24px
    }
}

@media only screen and (max-width:1280px) {
    .GenericCard__info {
        padding: 16px
    }
}

@media only screen and (max-width:563px) {
    .GenericCard__info {
        padding-left: 24px;
        padding-right: 24px
    }
}

.GenericCard__metrics {
    box-sizing: border-box;
    margin: 0 32px;
    display: flex;
    align-items: center;
    flex-flow: wrap
}

@media only screen and (max-width:1441px) {
    .GenericCard__metrics {
        margin: 0 24px
    }
}

@media only screen and (max-width:1280px) {
    .GenericCard__metrics {
        margin: 0 16px
    }
}

@media only screen and (max-width:563px) {
    .GenericCard__metrics {
        margin-left: 24px;
        margin-right: 24px
    }
}

.GenericCard__metrics__item {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 300
}

.GenericCard__metrics__item strong {
    font-weight: 700
}

.GenericCard__metrics__item:first-child {
    margin-right: 16px
}

@media only screen and (max-width:768px) {
    .GenericCard__metrics__item:first-child {
        margin-right: 8px
    }
}

.GenericCard__state,
.GenericCard__type {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 700;
    text-transform: uppercase
}

@media only screen and (max-width:1441px) {

    .GenericCard__state,
    .GenericCard__type {
        font-size: .625rem;
        line-height: .875rem
    }
}

.GenericCard__header,
.GenericCard__state {
    margin-bottom: 16px
}

@media only screen and (max-width:1024px) {

    .GenericCard__header,
    .GenericCard__state {
        margin-bottom: 8px
    }
}

.GenericCard__title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    margin-bottom: 24px
}

@media only screen and (max-width:1441px) {
    .GenericCard__title {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.GenericCard__authors,
.GenericCard__editors {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300
}

@media only screen and (max-width:1441px) {

    .GenericCard__authors,
    .GenericCard__editors {
        font-size: .75rem;
        line-height: 1.0625rem
    }
}

.GenericCard__authors li,
.GenericCard__editors li {
    display: inline
}

.GenericCard__authors li:after,
.GenericCard__editors li:after {
    content: " · "
}

.GenericCard__authors li:last-child:after,
.GenericCard__editors li:last-child:after {
    display: none
}

.GenericCard__spacer {
    flex: 1
}

.GenericCard__mask {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    height: auto;
    box-sizing: border-box;
    overflow: hidden
}

.GenericCard__mask img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    transform: translate(-50%, -50%)
}

.GenericCard__wrapper {
    border-radius: 8px;
    overflow: hidden;
    grid-column: span 1
}

.GenericCard__subtitle {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 700;
    margin-bottom: 4px
}

.GenericCard__pretitle {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 300;
    white-space: nowrap
}

@media only screen and (max-width:1441px) {
    .GenericCard__pretitle {
        font-size: .625rem;
        line-height: .875rem
    }
}

.GenericCard__mask {
    padding: 0
}

.GenericCard__mask img {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.Newsletter {
    background-color: var(--blue80);
    color: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 64px 0
}

@media only screen and (max-width:563px) {
    .Newsletter {
        padding-top: 48px;
        padding-bottom: 56px
    }
}

.Newsletter__heading {
    width: var(--layout-col-12)
}

@media only screen and (max-width:1441px) {
    .Newsletter__heading {
        width: calc(var(--layout-col-14) + var(--layout-gap) + var(--layout-gap))
    }
}

@media only screen and (max-width:1280px) {
    .Newsletter__heading {
        width: var(--layout-col-16)
    }
}

@media only screen and (max-width:1024px) {
    .Newsletter__heading {
        width: var(--layout-col-12)
    }
}

@media only screen and (max-width:563px) {
    .Newsletter__heading {
        width: 100%;
        padding: 0 var(--layout-gap);
        box-sizing: border-box
    }
}

.Newsletter__title {
    font-size: 1.75rem;
    line-height: 2.4375rem;
    font-weight: 500;
    margin-bottom: 24px
}

@media only screen and (max-width:1280px) {
    .Newsletter__title {
        font-size: 1.5rem;
        line-height: 2.0625rem
    }
}

@media only screen and (max-width:1024px) {
    .Newsletter__title {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.Newsletter__note {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    margin-bottom: 24px
}

.Newsletter__form {
    margin: 0 auto;
    width: var(--layout-col-10)
}

@media only screen and (max-width:1024px) {
    .Newsletter__form {
        width: var(--layout-col-8)
    }
}

@media only screen and (max-width:563px) {
    .Newsletter__form {
        width: 100%;
        padding: 0 var(--layout-gap);
        box-sizing: border-box
    }
}

.Newsletter__fieldset {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.Newsletter__fieldgroup {
    box-sizing: border-box;
    margin-bottom: 24px;
    flex-basis: var(--layout-col-5)
}

@media only screen and (max-width:1024px) {
    .Newsletter__fieldgroup {
        flex-basis: 100%
    }
}

.Newsletter__fieldgroup:last-child {
    margin-bottom: 24px;
    flex-basis: 100%
}

@media only screen and (max-width:1024px) {
    .Newsletter .Button {
        width: 100%
    }
}

@media only screen and (max-width:563px) {
    .Newsletter__Response {
        padding: 0 var(--layout-gap)
    }
}

.Newsletter .Response__icon {
    margin-bottom: 16px;
    display: inline-block;
    width: 56px;
    height: 56px
}

.Newsletter .Response__icon:before {
    display: inline-block;
    content: "";
    width: 56px;
    height: 56px
}

.Newsletter .Response__icon--success:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI4IDU2QzEyLjU2IDU2IDAgNDMuNDQgMCAyOFMxMi41NiAwIDI4IDBzMjggMTIuNTYgMjggMjgtMTIuNTYgMjgtMjggMjh6bTAtNDhDMTYuOTcgOCA4IDE2Ljk3IDggMjhzOC45NyAyMCAyMCAyMCAyMC04Ljk3IDIwLTIwUzM5LjAzIDggMjggOHoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcikiLz48cGF0aCBkPSJNMjQuMjkgMzguNzFsLTkuNy05LjdjLS43OC0uNzgtLjc4LTIuMDUgMC0yLjgzbDIuODMtMi44M2MuNzgtLjc4IDIuMDUtLjc4IDIuODMgMGw0Ljc2IDQuNzYgMTAuNzUtMTAuN2MuNzgtLjc4IDIuMDUtLjc4IDIuODMuMDFsMi44MiAyLjgzYy43OC43OC43OCAyLjA1LS4wMSAyLjgzTDI1LjcgMzguNzFhLjk5Ni45OTYgMCAwMS0xLjQxIDB6IiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXIpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iLTE5Ljk1NiIgeTE9Ijc1Ljk1NiIgeDI9Ijc0LjY1MiIgeTI9Ii0xOC42NTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDBBMERDIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTlEOUYxIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXIiIHgxPSItMjEuNTI1IiB5MT0iNzQuMTQ4IiB4Mj0iNzMuMDgyIiB5Mj0iLTIwLjQ1OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiMwMEEwREMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM5OUQ5RjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=) no-repeat 50% 50%
}

.Newsletter .Response__icon--fail:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI4IDU2QzEyLjU2IDU2IDAgNDMuNDQgMCAyOFMxMi41NiAwIDI4IDBzMjggMTIuNTYgMjggMjgtMTIuNTYgMjgtMjggMjh6bTAtNDhDMTYuOTcgOCA4IDE2Ljk3IDggMjhzOC45NyAyMCAyMCAyMCAyMC04Ljk3IDIwLTIwUzM5LjAzIDggMjggOHoiIGZpbGw9IiNFNDA1MjEiLz48cGF0aCBkPSJNNDAuNjIgMzcuNzFsLTIuNTY0IDIuNTY0YTEuODE5IDEuODE5IDAgMDEtMi41NjQgMEwxNC45NzYgMTkuNzU4YTEuODE5IDEuODE5IDAgMDEwLTIuNTY1bDIuNTY1LTIuNTY0YTEuODE4IDEuODE4IDAgMDEyLjU2NCAwbDIwLjUxNiAyMC41MTZhMS44MTkgMS44MTkgMCAwMTAgMi41NjR6IiBmaWxsPSIjRTQwNTIxIi8+PHBhdGggZD0iTTE3LjU0IDQwLjI3NGwtMi41NjQtMi41NjRhMS44MTkgMS44MTkgMCAwMTAtMi41NjVMMzUuNDkyIDE0LjYzYTEuODE5IDEuODE5IDAgMDEyLjU2NCAwbDIuNTY1IDIuNTY0YTEuODIgMS44MiAwIDAxMCAyLjU2NUwyMC4xMDUgNDAuMjc0YTEuODE4IDEuODE4IDAgMDEtMi41NjQgMHoiIGZpbGw9IiNFNDA1MjEiLz48L3N2Zz4=) no-repeat 50% 50%
}

.Newsletter .Response__msg {
    font-size: 2rem;
    line-height: 2.75rem;
    font-weight: 500;
    margin-bottom: 4px
}

.Newsletter .Response__cta {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    margin-bottom: 32px
}

.Button {
    --color-button: var(--maincolor50);
    --color-button-hover: var(--maincolor70);
    --color-button-textFlat: var(--white);
    --color-button-textOutline: var(--maincolor50);
    --button-padding-horizontal: 24px;
    --padding-iconButton: 32px;
    --button-padding-vertical: 8px;
    --size-icon: 18px;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    align-items: center;
    background-color: var(--color-button);
    border-radius: 32px;
    border: 1px solid var(--color-button);
    box-sizing: border-box;
    color: var(--color-button-textFlat);
    display: inline-flex;
    justify-content: center;
    padding: var(--button-padding-vertical) var(--button-padding-horizontal);
    position: relative;
    white-space: nowrap
}

.Button:hover {
    background-color: var(--color-button-hover)
}

.Button:after,
.Button:hover:after {
    color: var(--color-button-textFlat)
}

.Button--icon:after {
    content: "";
    font-family: Frontiers-Iconography-Next !important;
    font-size: var(--size-icon);
    font-weight: 300;
    height: var(--size-icon);
    line-height: var(--size-icon);
    width: var(--size-icon);
    position: absolute;
    top: calc(50% - var(--size-icon)*0.5);
    -webkit-font-smoothing: antialiased
}

.Button--icon.Button--right {
    padding-right: calc(var(--button-padding-horizontal) + var(--size-icon) + 8px)
}

.Button--icon.Button--right:after {
    right: var(--button-padding-horizontal)
}

.Button--icon.Button--left {
    padding-left: calc(var(--button-padding-horizontal) + var(--size-icon) + 8px)
}

.Button--icon.Button--left:after {
    left: var(--button-padding-horizontal)
}

.Button--linkButton,
.Button--outline {
    background-color: transparent
}

.Button--linkButton,
.Button--linkButton.Button--icon,
.Button--outline,
.Button--outline.Button--icon {
    color: var(--color-button-textOutline)
}

.Button--linkButton:hover,
.Button--outline:hover {
    background-color: transparent;
    color: var(--color-button-hover)
}

.Button--linkButton:hover:after,
.Button--outline:hover:after {
    color: var(--color-button-hover)
}

.Button--linkButton:after,
.Button--outline:after {
    color: var(--color-button-textOutline)
}

.Button--outline {
    border-color: var(--color-button-textOutline)
}

.Button--outline:hover {
    border-color: var(--color-button-hover);
    background: rgba(40, 40, 40, .08)
}

.Button--linkButton {
    border: 0;
    padding: 0
}

.Button--linkButton:hover {
    color: var(--color-button-hover)
}

.Button--linkButton:hover span {
    position: relative
}

.Button--linkButton:hover span:before {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--color-button-hover)
}

.Button--iconButton {
    background-color: #fff;
    border-radius: calc(var(--padding-iconButton) + var(--size-icon)*2);
    border: 0;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1019607843);
    color: var(--maincolor50);
    padding: var(--padding-iconButton)
}

.Button--iconButton.Button--small {
    --size-icon: 16px
}

.Button--iconButton:after {
    color: var(--maincolor50);
    margin-left: 0;
    position: static;
    top: auto
}

.Button--iconButton:hover {
    background-color: #f7f7f7
}

.Button--iconButton:hover:after {
    color: var(--maincolor50)
}

.Button--arrowRight:after {
    content: "\e90b"
}

.Button--arrowLeft:after {
    content: "\e910"
}

.Button--chevronDown:after {
    content: "\e90c"
}

.Button--chevronLeft:after {
    content: "\e90d"
}

.Button--chevronRight:after {
    content: "\e90e"
}

.Button--chevronUp:after {
    content: "\e90f"
}

.Button--newsletter:after {
    content: "\e936"
}

.Button--search:after {
    content: "\e940"
}

.Button--user:after {
    content: "\e900"
}

.Button--location:after {
    content: "\e901"
}

.Button--Institution:after {
    content: "\e902"
}

.Button--twitter:after {
    content: "\e903"
}

.Button--linkedin:after {
    content: "\e904"
}

.Button--instagram:after {
    content: "\e905"
}

.Button--facebook:after {
    content: "\e906"
}

.Button--burgerMenu:after {
    content: "\e907"
}

.Button--check:after {
    content: "\e908"
}

.Button--close:after {
    content: "\e909"
}

.Button--closeCircle:after {
    content: "\e90a"
}

.Button--collapse:after {
    content: "\e911"
}

.Button--expand:after {
    content: "\e912"
}

.Button--externalLink:after {
    content: "\e913"
}

.Button--filters:after {
    content: "\e914"
}

.Button--home:after {
    content: "\e915"
}

.Button--spinner:after {
    content: "\e916"
}

.Button--reload:after {
    content: "\e917"
}

.Button--chevronUpCircle:after {
    content: "\e918"
}

.Button--chevronUpCircleFill:after {
    content: "\e919"
}

.Button--chevronRightCircle:after {
    content: "\e91a"
}

.Button--chevronRightCircleFill:after {
    content: "\e91b"
}

.Button--chevronLeftCircle:after {
    content: "\e91c"
}

.Button--chevronLeftCircleFill:after {
    content: "\e91d"
}

.Button--chevronDownCircle:after {
    content: "\e91e"
}

.Button--chevronDownCircleFill:after {
    content: "\e91f"
}

.Button--arrowUpCircle:after {
    content: "\e920"
}

.Button--arrowUpCircleFill:after {
    content: "\e921"
}

.Button--arrowRightCircle:after {
    content: "\e922"
}

.Button--arrowRightCircleFill:after {
    content: "\e923"
}

.Button--arrowLeftCircle:after {
    content: "\e924"
}

.Button--arrowLeftCircleFill:after {
    content: "\e925"
}

.Button--arrowDownCircle:after {
    content: "\e926"
}

.Button--arrowDownCircleFill:after {
    content: "\e927"
}

.Button--view:after {
    content: "\e928"
}

.Button--viewFill:after {
    content: "\e929"
}

.Button--userFill:after {
    content: "\e92a"
}

.Button--star:after {
    content: "\e92b"
}

.Button--starFill:after {
    content: "\e92c"
}

.Button--sort:after {
    content: "\e92d"
}

.Button--sortDescending:after {
    content: "\e92e"
}

.Button--sortAscending:after {
    content: "\e92f"
}

.Button--share:after {
    content: "\e930"
}

.Button--shareFill:after {
    content: "\e931"
}

.Button--setting:after {
    content: "\e932"
}

.Button--settingFill:after {
    content: "\e933"
}

.Button--send:after {
    content: "\e934"
}

.Button--sendFill:after {
    content: "\e935"
}

.Button--rss:after {
    content: "\e937"
}

.Button--rssFill:after {
    content: "\e938"
}

.Button--reviewForum:after {
    content: "\e939"
}

.Button--reviewForumFill:after {
    content: "\e93a"
}

.Button--researchTopics:after {
    content: "\e93b"
}

.Button--researchTopicsFill:after {
    content: "\e93c"
}

.Button--quote:after {
    content: "\e93d"
}

.Button--quoteFill:after {
    content: "\e93e"
}

.Button--public:after {
    content: "\e93f"
}

.Button--publicFill:after {
    content: "\e941"
}

.Button--locationFill:after {
    content: "\e942"
}

.Button--paper:after {
    content: "\e943"
}

.Button--paperFill:after {
    content: "\e944"
}

.Button--externalLinkFill:after {
    content: "\e945"
}

.Button--notification:after {
    content: "\e946"
}

.Button--notificationFill:after {
    content: "\e947"
}

.Button--moreOptionsVertical:after {
    content: "\e948"
}

.Button--moreOptionsHorizontal:after {
    content: "\e949"
}

.Button--moreCircle:after {
    content: "\e94a"
}

.Button--list:after {
    content: "\e94b"
}

.Button--link:after {
    content: "\e94c"
}

.Button--laptop:after {
    content: "\e94d"
}

.Button--laptopFill:after {
    content: "\e94e"
}

.Button--info:after {
    content: "\e94f"
}

.Button--infoFill:after {
    content: "\e950"
}

.Button--image:after {
    content: "\e951"
}

.Button--imageFill:after {
    content: "\e952"
}

.Button--help:after {
    content: "\e953"
}

.Button--helpFill:after {
    content: "\e954"
}

.Button--group:after {
    content: "\e955"
}

.Button--groupFill:after {
    content: "\e956"
}

.Button--institutionFill:after {
    content: "\e957"
}

.Button--flag:after {
    content: "\e958"
}

.Button--flagFill:after {
    content: "\e959"
}

.Button--filtersFill:after {
    content: "\e95a"
}

.Button--files:after {
    content: "\e95b"
}

.Button--filesFill:after {
    content: "\e95c"
}

.Button--favorite:after {
    content: "\e95d"
}

.Button--favoriteFill:after {
    content: "\e95e"
}

.Button--newsletterFill:after {
    content: "\e95f"
}

.Button--eBook:after {
    content: "\e960"
}

.Button--eBookFill:after {
    content: "\e961"
}

.Button--download:after {
    content: "\e962"
}

.Button--desktop:after {
    content: "\e963"
}

.Button--desktopFill:after {
    content: "\e964"
}

.Button--delete:after {
    content: "\e965"
}

.Button--deleteFill:after {
    content: "\e966"
}

.Button--cloudDownload:after {
    content: "\e967"
}

.Button--cloudDownloadFill:after {
    content: "\e968"
}

.Button--closeCircleFill:after {
    content: "\e969"
}

.Button--clock:after {
    content: "\e96a"
}

.Button--clockFill:after {
    content: "\e96b"
}

.Button--checkmark:after {
    content: "\e96c"
}

.Button--checkmarkFill:after {
    content: "\e96d"
}

.Button--chat:after {
    content: "\e96e"
}

.Button--chatFill:after {
    content: "\e96f"
}

.Button--chartBar:after {
    content: "\e970"
}

.Button--chartBarFill:after {
    content: "\e971"
}

.Button--calendar:after {
    content: "\e972"
}

.Button--calendarFill:after {
    content: "\e973"
}

.Button--bookmark:after {
    content: "\e974"
}

.Button--bookmarkFill:after {
    content: "\e975"
}

.Button--attachment:after {
    content: "\e976"
}

.Button--article:after {
    content: "\e977"
}

.Button--articleFill:after {
    content: "\e978"
}

.Button--arrowUp:after {
    content: "\e979"
}

.Button--arrowUpRight:after {
    content: "\e97a"
}

.Button--arrowUpLeft:after {
    content: "\e97b"
}

.Button--arrowDown:after {
    content: "\e97c"
}

.Button--arrowDownRight:after {
    content: "\e97d"
}

.Button--arrowDownLeft:after {
    content: "\e97e"
}

.Button--like:after {
    content: "\e97f"
}

.Button--likeFill:after {
    content: "\e980"
}

.Button--alert:after {
    content: "\e981"
}

.Button--alertFill:after {
    content: "\e982"
}

.Button--collapseArrow:after {
    content: "\e983"
}

.Button--expandArrow:after {
    content: "\e984"
}

.Button--graphLine:after {
    content: "\e985"
}

.Button--productHub:after {
    content: "\e986"
}

.Button--tiktok:after {
    content: "\e987"
}

.Button--helpNoCircle:after {
    content: "\e988"
}

.Button--twitterX:after {
    content: "\e989"
}

.Button--loading {
    position: relative;
    pointer-events: none;
    color: transparent !important
}

.Button--loading:before {
    display: none
}

.Button--loading:after {
    --size-icon: 20px;
    -webkit-animation: rotate 2s linear infinite backwards;
    animation: rotate 2s linear infinite backwards;
    content: "\e916";
    font-family: Frontiers-Iconography-Next !important;
    margin-left: 0;
    position: absolute;
    top: calc(50% - var(--size-icon)*0.5);
    left: calc(50% - var(--size-icon)*0.5);
    -webkit-font-smoothing: antialiased
}

.Button--disabled {
    opacity: .5;
    pointer-events: none
}

.Button--sky40 {
    --color-button: var(--sky50);
    --color-button-hover: var(--sky70);
    --color-button-textFlat: var(--white);
    --color-button-textOutline: var(--sky50)
}

.Button--blue40,
.Button--blue50 {
    --color-button: var(--blue50);
    --color-button-hover: var(--blue70);
    --color-button-textFlat: var(--white);
    --color-button-textOutline: var(--blue50)
}

.Button--blue70 {
    --color-button: var(--blue70);
    --color-button-hover: var(--blue80);
    --color-button-textFlat: var(--white);
    --color-button-textOutline: var(--blue70)
}

.Button--blue80 {
    --color-button: var(--blue80);
    --color-button-hover: var(--blue90);
    --color-button-textFlat: var(--white);
    --color-button-textOutline: var(--blue80)
}

.Button--grey {
    --color-button: #6b6b6b;
    --color-button-hover: #545454;
    --color-button-textFlat: var(--white);
    --color-button-textOutline: #6b6b6b
}

.Button--grey70 {
    --color-button: #545454;
    --color-button-hover: #282828;
    --color-button-textFlat: var(--white);
    --color-button-textOutline: #282828;
    border-color: #6b6b6b
}

.Button--grey80 {
    --color-button: #545454;
    --color-button-hover: #282828;
    --color-button-textFlat: var(--white);
    --color-button-textOutline: #545454
}

.Button--maincolor {
    --color-button: var(--maincolor50);
    --color-button-hover: var(--maincolor70);
    --color-button-textFlat: var(--white);
    --color-button-textOutline: var(--maincolor50)
}

.Button--white {
    --color-button: var(--white);
    --color-button-hover: var(--grey10);
    --color-button-textFlat: #282828;
    --color-button-textOutline: var(--white)
}

.Button--small {
    --button-padding-horizontal: 16px;
    --button-padding-vertical: 5px;
    --padding-iconButton: 24px;
    --size-icon: 12px;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700
}

.Button--medium {
    --button-padding-horizontal: 24px;
    --button-padding-vertical: 8px;
    --padding-iconButton: 36px;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 700
}

.Button--large {
    --button-padding-horizontal: 32px;
    --button-padding-vertical: 9px;
    --padding-iconButton: 40px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700
}

.FormContainer--blue {
    background-color: var(--blue80)
}

.FormContainer--blue .Input {
    --color-value: var(--white);
    --color-label: var(--white);
    --color-background: var(--blue80);
    --color-border: var(--white)
}

.FormContainer--blue .Input:focus {
    --color-border: var(--white);
    box-shadow: 0 4px 5px rgba(40, 40, 40, .12), 0 1px 10px rgba(40, 40, 40, .08), 0 2px 4px rgba(40, 40, 40, .04)
}

.FormContainer--blue .Input--disabled {
    opacity: .5
}

.FormContainer--blue .Input.has-error .Input__field {
    --color-border: var(--red30);
    --color-background: rgba(159, 2, 35, 0.5)
}

.FormContainer--blue .Input+.Messaging {
    --color: var(--white)
}

.FormContainer--blue .Textarea {
    --color-value: var(--white);
    --color-label: var(--white);
    --color-background: var(--blue80);
    --color-border: var(--white)
}

.FormContainer--blue .Textarea--disabled {
    opacity: .5
}

.FormContainer--blue .Textarea.has-error {
    --color-border: var(--red30);
    --color-background: rgba(159, 2, 35, 0.5)
}

.FormContainer--blue .Textarea+.Messaging {
    --color: var(--white)
}

.FormContainer--blue .Checkbox__label {
    color: var(--white)
}

.FormContainer--blue .Checkbox:not(.Checkbox--disabled):not(.Checkbox--error):hover input {
    --color-border: var(--white)
}

.FormContainer--blue .Checkbox:not(.Checkbox--disabled) input:checked {
    --color-border: var(--white);
    --color-background: #fff
}

.FormContainer--blue .Checkbox__input {
    --color-border: var(--blue20);
    --color-background: var(--blue80)
}

.FormContainer--blue .Checkbox--checked input:checked:before {
    --color-value: var(--blue80)
}

.FormContainer--blue .Checkbox--indeterminate input:checked:before {
    --color-background: var(--blue80)
}

.FormContainer--blue .Checkbox--disabled input {
    --color-border: var(--blue20);
    --color-background: var(--blue20)
}

.FormContainer--blue .Checkbox--disabled input:checked:before {
    --color-value: var(--blue30)
}

.FormContainer--blue .Checkbox--error input {
    --color-border: var(--red30);
    --color-background: rgba(159, 2, 35, 0.5)
}

.FormContainer--blue .Switcher {
    --color-background: var(--blue20)
}

.FormContainer--blue .Switcher:before {
    --color-background: var(--blue80)
}

.FormContainer--blue .Switcher--checked {
    --color-background: #fff
}

.FormContainer--blue .Switcher--disabled {
    --color-background: var(--blue30)
}

.FormContainer--blue .Switcher--disabled:before {
    --color-background: var(--blue80)
}

.FormContainer--blue .Switcher--disabled.Switcher--checked {
    --color-background: var(--blue30)
}

.FormContainer--blue .DropDown,
.FormContainer--blue .Switcher--disabled.Switcher--checked:before {
    --color-background: var(--blue80)
}

.FormContainer--blue .DropDown {
    --color-value: var(--white);
    --color-label: var(--white);
    --color-border: var(--white)
}

.FormContainer--blue .DropDown.is-filter-error .DropDown__titleContainer {
    --color-border: var(--red30);
    --color-background: rgba(159, 2, 35, 0.5)
}

.FormContainer--blue .DropDown.is-filter-error .DropDown__titleContainer .DropDown__title,
.FormContainer--blue .DropDown.is-filter-error .DropDown__titleContainer:after {
    --color-value: var(--red30)
}

.FormContainer--blue .DropDown.is-disabled {
    opacity: .5
}

.FormContainer--blue .DropDown__titleContainer {
    color: var(--color-value)
}

.FormContainer--blue .DropDown__titleContainer--active,
.FormContainer--blue .DropDown__titleContainer:hover {
    border-color: var(--color-border);
    color: var(--color-value)
}

.FormContainer--blue .DropDown__titleContainer--active:after,
.FormContainer--blue .DropDown__titleContainer:hover:after {
    color: var(--white)
}

.FormContainer--blue .DropDown__titleContainer:after {
    font-family: Frontiers-Iconography-Next !important;
    color: var(--color-value);
    font-size: 12px;
    line-height: 12px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased
}

.FormContainer--blue .DropDown__emptyValue,
.FormContainer--blue .DropDown__title {
    color: var(--color-value)
}

.FormContainer--blue .DropDown__menuWrapper {
    border: 1px solid var(--color-border);
    background-color: var(--blue80)
}

.FormContainer--blue .DropDown__menu {
    background-color: var(--blue80)
}

.FormContainer--blue .DropDown__menu::-webkit-scrollbar {
    background: transparent;
    -webkit-appearance: none;
    width: 10px;
    height: 10px
}

.FormContainer--blue .DropDown__menu::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: var(--grey40);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    border-radius: 8px;
    border: 3px solid var(--blue80)
}

@-moz-document url-prefix() {
    .FormContainer--blue .DropDown__menu {
        scrollbar-width: thin
    }
}

.FormContainer--blue .DropDown__option {
    color: var(--color-value)
}

.FormContainer--blue .DropDown__option--active,
.FormContainer--blue .DropDown__option:hover {
    --color-value: var(--white);
    background-color: transparent
}

.FormContainer--blue .DropDown__option--active .DropDown__option__button:before,
.FormContainer--blue .DropDown__option--active:before,
.FormContainer--blue .DropDown__option:hover .DropDown__option__button:before,
.FormContainer--blue .DropDown__option:hover:before {
    font-family: Frontiers-Iconography-Next !important;
    color: var(--white);
    font-size: 16px;
    line-height: 16px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased
}

.FormContainer--blue .DropDown__option--arrow-active {
    background-color: var(--blue70)
}

.FormContainer--blue .DropDown__option--separator {
    border-bottom: 1px solid var(--grey40)
}

.FormContainer--blue .DropDown__option:hover {
    --color-value: var(--white);
    background-color: var(--blue70)
}

.FormContainer--blue .DropDown__option mark {
    color: var(--white);
    background-color: transparent
}

.FormContainer--blue .DropDown__dividerGroup__line {
    background: var(--grey40)
}

.FormContainer--blue .DropDown__dividerGroup__group {
    border: 1px solid var(--grey20)
}

.FormContainer--blue .DropDown__search {
    background-color: var(--blue80)
}

.FormContainer--blue .DropDown__search__input {
    color: var(--white)
}

.FormContainer--blue .DropDown__search__input::-moz-placeholder {
    --color-value: var(--white)
}

.FormContainer--blue .DropDown__search__input:-ms-input-placeholder {
    --color-value: var(--white)
}

.FormContainer--blue .DropDown__search__input::placeholder {
    --color-value: var(--white)
}

.FormContainer--blue .DropDown__search__icon:before {
    font-family: Frontiers-Iconography-Next !important;
    color: var(--white);
    font-size: 13px;
    line-height: 13px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    font-size: 18px
}

@media only screen and (max-width:563px) {
    .FormContainer--blue .DropDown__overlay {
        background-color: #fff
    }
}

.FormContainer--blue .DropDown__titleMobile {
    --color-value: $black;
    color: var(--color-value)
}

.FormContainer--blue .DropDown__titleMobile:before {
    font-family: Frontiers-Iconography-Next !important;
    color: var(--color-value);
    font-size: 16px;
    line-height: 16px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased
}

.FormContainer--blue .DropDown__error {
    --color-value: #6b6b6b;
    color: var(--color-value)
}

.FormContainer--blue .DropDown__error:before {
    background-color: #fff
}

.FormContainer--blue .DropDown__error:after {
    color: var(--red40)
}

.FormContainer--blue .DropDown__info {
    --color-value: #6b6b6b;
    color: var(--white)
}

.FormContainer--blue .DropDown+.Messaging {
    --color: var(--white)
}

.FormContainer--blue .RadioInputList {
    --color-value: var(--white);
    --color-label: var(--white);
    --color-background: var(--blue80);
    --color-border: var(--white);
    --color-hover-border: var(--blue20)
}

.FormContainer--blue .RadioInputList__checkmark:after {
    background: var(--color-background)
}

.FormContainer--blue .RadioInputList__container input:checked~.RadioInputList__checkmark {
    --color-background: #fff;
    --color-border: var(--white)
}

.FormContainer--blue .RadioInputList__container input:checked~.RadioInputList__checkmark:after {
    --color-background: var(--blue80)
}

.FormContainer--blue .RadioInputList__container:hover .RadioInputList__checkmark {
    --color-background: var(--blue80);
    box-shadow: 0 0 1px 12px hsla(0, 0%, 100%, .16)
}

.FormContainer--blue .RadioInputList__container:hover .RadioInputList__checkmark:after {
    background: var(--blue80)
}

.FormContainer--blue .RadioInputList--disabled {
    opacity: .5
}

.FormContainer--blue .RadioInputList--disabled .RadioInputList__checkmark,
.FormContainer--blue .RadioInputList--disabled input:checked~.RadioInputList__checkmark {
    --color-border: var(--grey40)
}

.FormContainer--blue .RadioInputList--disabled .RadioInputList__container {
    cursor: not-allowed
}

.FormContainer--blue .RadioInputList--disabled .RadioInputList__container input~.RadioInputList__checkmark {
    box-shadow: none
}

.FormContainer--blue .RadioInputList__item.has-error .RadioInputList__checkmark,
.FormContainer--blue .RadioInputList__item.has-error input:checked~.RadioInputList__checkmark {
    --color-background: rgba(159, 2, 35, 0.5);
    --color-border: var(--red30)
}

.FormContainer--blue .RadioInputList__item.has-error .RadioInputList__container {
    --color-label: var(--red30)
}

.Input {
    --color-value: #282828;
    --color-label: #6b6b6b;
    --color-background: #fff;
    --color-border: var(--grey40);
    position: relative;
    text-align: left
}

.Input__field {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    background-color: var(--color-background);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--color-value);
    padding: 18px 16px 6px;
    width: 100%
}

.Input__field:focus {
    box-shadow: 0 1px 2px rgba(40, 40, 40, .12), 0 2px 1px rgba(40, 40, 40, .08), 0 1px 3px rgba(40, 40, 40, .04)
}

.Input__labelWrapper {
    box-sizing: content-box;
    height: 100%;
    left: 16px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.Input__label {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: var(--color-label);
    display: inline-block;
    position: absolute;
    top: 13px;
    transform-origin: 0 0;
    transition: transform .4s cubic-bezier(.25, .8, .25, 1);
    z-index: 5
}

.Input--enabled .Input__label {
    transform: translateY(-8px) scale(.75)
}

.Input--disabled {
    --color-value: var(--grey40);
    --color-border: var(--grey30);
    --color-label: var(--grey40)
}

.Input.has-error .Input__field {
    --color-background: var(--red0);
    --color-border: var(--red50)
}

.Input.has-error .Input__label {
    --color-label: var(--red40)
}

.Input+.Messaging {
    --color: #282828;
    font-size: .625rem;
    line-height: .875rem;
    font-weight: 500;
    color: var(--color);
    text-align: left;
    text-align: initial;
    position: relative;
    padding-left: 16px;
    margin-top: 4px
}

.Input+.Messaging__error:before {
    color: var(--red50);
    content: "\e969";
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    font-size: 10px;
    font-weight: 300;
    line-height: 10px;
    width: 12px;
    height: 12px;
    left: 0;
    top: 2px;
    position: absolute
}

.Hero {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 1890px;
    padding: 0 calc(var(--layout-col-2) + var(--layout-gap) + var(--layout-gap));
    margin: 0 auto;
    --hero-height: 420px;
    overflow: hidden
}

@media only screen and (max-width:1441px) {
    .Hero {
        --hero-height: 420px
    }
}

@media only screen and (max-width:1280px) {
    .Hero {
        --hero-height: 430px
    }
}

@media only screen and (max-width:1024px) {
    .Hero {
        --hero-height: 100%;
        width: calc(var(--layout-col-10) + var(--layout-gap) + var(--layout-gap));
        padding: 0
    }
}

@media only screen and (max-width:768px) {
    .Hero {
        width: calc(var(--layout-col-8) + var(--layout-gap) + var(--layout-gap))
    }
}

@media only screen and (max-width:563px) {
    .Hero {
        max-width: calc(100% - 32px)
    }
}

.Hero__innerWrapper {
    display: flex
}

@media only screen and (max-width:1024px) {
    .Hero__innerWrapper {
        flex-flow: column
    }
}

@media only screen and (max-width:563px) {
    .Hero__innerWrapper {
        flex-flow: column
    }
}

.Hero__animationArea {
    display: flex;
    height: var(--hero-height);
    overflow: hidden;
    flex: 1
}

@media only screen and (max-width:1024px) {
    .Hero__animationArea {
        flex-flow: column
    }
}

.Hero__visual {
    width: var(--layout-col-10);
    flex-grow: 0;
    flex-shrink: 0;
    height: var(--hero-height)
}

@media only screen and (max-width:1024px) {
    .Hero__visual {
        height: 334px;
        width: 100%
    }
}

.Hero__infoWrapper {
    display: flex;
    padding: 0 calc(var(--layout-col-1) + var(--layout-gap))
}

@media only screen and (max-width:1024px) {
    .Hero__infoWrapper {
        flex-flow: column;
        justify-content: center;
        padding: 0
    }
}

.Hero__info {
    text-align: left;
    width: calc(var(--layout-col-8) + var(--layout-gap));
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (max-width:1024px) {
    .Hero__info {
        padding: 40px 0;
        text-align: center;
        width: 100%
    }
}

.Hero__info .Link {
    align-self: flex-start;
    max-width: 100%
}

@media only screen and (max-width:1024px) {
    .Hero__info .Link {
        align-self: center
    }
}

.Hero__text {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: #6b6b6b;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 8;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 32px
}

@media only screen and (max-width:1441px) {
    .Hero__text {
        font-size: 2rem;
        line-height: 2.75rem;
        font-weight: 300;
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 7;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 32px
    }
}

@media only screen and (max-width:1280px) {
    .Hero__text {
        font-size: 1.75rem;
        line-height: 2.4375rem;
        font-weight: 300;
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 7;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 24px
    }
}

@media only screen and (max-width:1024px) {
    .Hero__text {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 300;
        display: block;
        max-width: 100%;
        -webkit-line-clamp: none;
        -moz-line-clamp: none;
        line-clamp: none
    }
}

.Hero__author {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    color: #6b6b6b;
    margin-bottom: 8px
}

@media only screen and (max-width:1441px) {
    .Hero__author {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 500
    }
}

@media only screen and (max-width:1280px) {
    .Hero__author {
        font-size: .75rem;
        line-height: 1.0625rem;
        font-weight: 500;
        margin-bottom: 6px
    }
}

@media only screen and (max-width:1024px) {
    .Hero__author {
        font-size: .625rem;
        line-height: .875rem;
        font-weight: 500;
        margin-bottom: 4px
    }
}

.Hero__organization {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    color: #6b6b6b;
    margin-bottom: 32px
}

@media only screen and (max-width:1441px) {
    .Hero__organization {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 300;
        margin-bottom: 24px
    }
}

@media only screen and (max-width:1280px) {
    .Hero__organization {
        font-size: .75rem;
        line-height: 1.0625rem;
        font-weight: 300
    }
}

@media only screen and (max-width:1024px) {
    .Hero__organization {
        font-size: .625rem;
        line-height: .875rem;
        font-weight: 300
    }
}

.Hero__title {
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 300;
    margin-bottom: 24px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width:1441px) {
    .Hero__title {
        margin-bottom: 32px
    }
}

@media only screen and (max-width:1024px) {
    .Hero__title {
        font-size: 2.5rem;
        line-height: 3.5rem;
        font-weight: 300;
        margin-bottom: 24px;
        display: block;
        max-width: 100%;
        -webkit-line-clamp: none;
        -moz-line-clamp: none;
        line-clamp: none
    }
}

@media only screen and (max-width:563px) {
    .Hero__title {
        font-size: 1.5rem;
        line-height: 2.0625rem;
        font-weight: 300;
        margin-bottom: 16px
    }
}

.Hero__pretitle {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 700;
    margin-bottom: 24px;
    text-transform: uppercase
}

@media only screen and (max-width:1441px) {
    .Hero__pretitle {
        margin-bottom: 32px
    }
}

@media only screen and (max-width:1024px) {
    .Hero__pretitle {
        margin-bottom: 24px
    }
}

@media only screen and (max-width:563px) {
    .Hero__pretitle {
        display: none
    }
}

.Hero__dots {
    align-self: center;
    flex-flow: row;
    width: auto;
    padding-top: 40px
}

.Hero__dots,
.Hero__dots__item {
    display: flex;
    align-items: center;
    justify-content: center
}

.Hero__dots__item {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid transparent
}

.Hero__dots__item:not(:last-of-type) {
    margin-right: 8px
}

@media only screen and (max-width:1024px) {
    .Hero__dots__item {
        width: 24px;
        height: 24px
    }
}

.Hero__dots__item:after {
    content: " ";
    width: 8px;
    height: 8px;
    background-color: var(--grey50);
    border-radius: 50%;
    position: absolute;
    transition: background-color .6s cubic-bezier(.37, .74, .15, 1)
}

@media only screen and (max-width:1024px) {
    .Hero__dots__item:after {
        width: 6px;
        height: 6px
    }
}

.Hero__dots__item--active {
    border: 1px solid var(--grey30)
}

.Hero__dots__item--active:after {
    background-color: #545454
}

.Hero__dots {
    flex-flow: column;
    width: 32px;
    padding-top: 0
}

@media only screen and (max-width:1024px) {
    .Hero__dots {
        flex-flow: row;
        width: auto
    }
}

.GRecaptcha {
    position: relative;
    margin-top: 24px
}

.GRecaptcha .g-recaptcha {
    display: inline-block
}

.GRecaptcha .g-recaptcha.has-error {
    border: 1px solid var(--red50)
}

.MessagesCarousel {
    width: var(--layout-col-20);
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    height: 0;
    overflow: hidden
}

@media only screen and (max-width:768px) {
    .MessagesCarousel {
        width: var(--layout-col-14)
    }
}

@media only screen and (max-width:563px) {
    .MessagesCarousel {
        width: var(--layout-col-8)
    }
}

.MessagesCarousel__list {
    position: relative;
    padding-bottom: 56px
}

@media only screen and (max-width:1024px) {
    .MessagesCarousel__list {
        padding-bottom: 64px
    }
}

.MessagesCarousel__list--single {
    padding-bottom: 0
}

@media only screen and (max-width:1024px) {
    .MessagesCarousel__list--single {
        padding-bottom: 0
    }
}

.MessagesCarousel__list__inner {
    position: relative
}

.MessagesCarousel__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:1024px) {
    .MessagesCarousel__item {
        flex-direction: column;
        margin: 0 auto
    }
}

.MessagesCarousel__item__title {
    font-size: 2rem;
    line-height: 2.75rem;
    font-weight: 500;
    width: var(--layout-col-10);
    flex-shrink: 0
}

.MessagesCarousel__item__title em,
.MessagesCarousel__item__title strong {
    font-weight: 500;
    font-style: normal;
    color: var(--maincolor40)
}

@media only screen and (max-width:1280px) {
    .MessagesCarousel__item__title {
        font-size: 1.75rem;
        line-height: 2.4375rem
    }
}

@media only screen and (max-width:1024px) {
    .MessagesCarousel__item__title {
        font-size: 1.5rem;
        line-height: 2.0625rem;
        text-align: center;
        margin-bottom: 24px;
        width: 100%
    }
}

@media only screen and (max-width:563px) {
    .MessagesCarousel__item__title {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: 16px
    }
}

.MessagesCarousel__item__content {
    width: var(--layout-col-8);
    flex-shrink: 0
}

@media only screen and (max-width:1024px) {
    .MessagesCarousel__item__content {
        text-align: center;
        width: 100%
    }
}

.MessagesCarousel__item__text {
    color: #6b6b6b;
    margin-bottom: 32px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 300
}

@media only screen and (max-width:1280px) {
    .MessagesCarousel__item__text {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.MessagesCarousel__item__text p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 300
}

@media only screen and (max-width:1280px) {
    .MessagesCarousel__item__text p {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.MessagesCarousel__item__text a {
    color: var(--maincolor50);
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    transition: color .3s cubic-bezier(.37, .74, .15, 1)
}

.MessagesCarousel__item__text a:hover {
    color: var(--maincolor70)
}

.MessagesCarousel__item__text ul {
    list-style: disc;
    list-style-position: inside
}

@media only screen and (max-width:1024px) {
    .MessagesCarousel__item__text {
        text-align: center;
        margin-bottom: 24px
    }
}

.MessagesCarousel__dots {
    align-self: center;
    flex-flow: row;
    width: auto;
    padding-top: 40px
}

.MessagesCarousel__dots,
.MessagesCarousel__dots__item {
    display: flex;
    align-items: center;
    justify-content: center
}

.MessagesCarousel__dots__item {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid transparent
}

.MessagesCarousel__dots__item:not(:last-of-type) {
    margin-right: 8px
}

@media only screen and (max-width:1024px) {
    .MessagesCarousel__dots__item {
        width: 24px;
        height: 24px
    }
}

.MessagesCarousel__dots__item:after {
    content: " ";
    width: 8px;
    height: 8px;
    background-color: var(--grey50);
    border-radius: 50%;
    position: absolute;
    transition: background-color .6s cubic-bezier(.37, .74, .15, 1)
}

@media only screen and (max-width:1024px) {
    .MessagesCarousel__dots__item:after {
        width: 6px;
        height: 6px
    }
}

.MessagesCarousel__dots__item--active {
    border: 1px solid var(--grey30)
}

.MessagesCarousel__dots__item--active:after {
    background-color: #545454
}

.MessagesCarousel__dots {
    padding-top: 0;
    position: absolute;
    bottom: 0;
    left: 0
}

@media only screen and (max-width:1024px) {
    .MessagesCarousel__dots {
        left: 50%;
        transform: translateX(-50%)
    }
}

.ImagesCarousel {
    width: var(--layout-col-20);
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    height: 0;
    overflow: hidden
}

@media only screen and (max-width:768px) {
    .ImagesCarousel {
        width: var(--layout-col-14)
    }
}

@media only screen and (max-width:563px) {
    .ImagesCarousel {
        width: var(--layout-col-8)
    }
}

.ImagesCarousel__list {
    position: relative
}

@media only screen and (max-width:1024px) {
    .ImagesCarousel__list {
        padding-bottom: 72px
    }
}

.ImagesCarousel__list--single {
    padding-bottom: 0
}

@media only screen and (max-width:1024px) {
    .ImagesCarousel__list--single {
        padding-bottom: 0
    }
}

.ImagesCarousel__list--wrapped .ImagesCarousel__item {
    height: 100%
}

@media only screen and (max-width:1024px) {
    .ImagesCarousel__list--wrapped .ImagesCarousel__item {
        height: auto
    }
}

.ImagesCarousel__list__inner {
    position: relative
}

.ImagesCarousel__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:1024px) {
    .ImagesCarousel__item {
        display: block
    }
}

.ImagesCarousel__item__title {
    font-size: 2rem;
    line-height: 2.75rem;
    font-weight: 500;
    margin-bottom: 24px
}

.ImagesCarousel__item__title em,
.ImagesCarousel__item__title strong {
    font-weight: 500;
    font-style: normal;
    color: var(--maincolor40)
}

@media only screen and (max-width:1280px) {
    .ImagesCarousel__item__title {
        font-size: 1.75rem;
        line-height: 2.4375rem
    }
}

@media only screen and (max-width:1024px) {
    .ImagesCarousel__item__title {
        font-size: 1.5rem;
        line-height: 2.0625rem;
        text-align: center;
        margin-bottom: 24px;
        width: 100%
    }
}

@media only screen and (max-width:563px) {
    .ImagesCarousel__item__title {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: 16px
    }
}

.ImagesCarousel__item__content {
    width: var(--layout-col-8);
    flex-shrink: 0
}

@media only screen and (max-width:1024px) {
    .ImagesCarousel__item__content {
        text-align: center;
        width: 100%
    }
}

.ImagesCarousel__item__content>:last-child {
    margin-bottom: calc(32px + var(--spacing-vertical-sm))
}

@media only screen and (max-width:1024px) {
    .ImagesCarousel__item__content>:last-child {
        margin-bottom: 0
    }
}

@media only screen and (max-width:563px) {
    .ImagesCarousel__item__content>:last-child {
        display: block
    }
}

@media only screen and (max-width:1024px) {
    .ImagesCarousel__item__content .Link {
        margin-bottom: 24px
    }
}

@media only screen and (max-width:563px) {
    .ImagesCarousel__item__content .Link {
        display: block
    }
}

.ImagesCarousel__item__text {
    color: #6b6b6b;
    margin-bottom: 32px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 300
}

@media only screen and (max-width:1280px) {
    .ImagesCarousel__item__text {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.ImagesCarousel__item__text p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 300
}

@media only screen and (max-width:1280px) {
    .ImagesCarousel__item__text p {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.ImagesCarousel__item__text a {
    color: var(--maincolor50);
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    transition: color .3s cubic-bezier(.37, .74, .15, 1)
}

.ImagesCarousel__item__text a:hover {
    color: var(--maincolor70)
}

.ImagesCarousel__item__text ul {
    list-style: disc;
    list-style-position: inside
}

@media only screen and (max-width:1024px) {
    .ImagesCarousel__item__text {
        text-align: center;
        margin-bottom: 24px
    }
}

.ImagesCarousel__item__mask {
    width: var(--layout-col-10);
    flex-shrink: 0;
    aspect-ratio: 16/9;
    align-self: flex-start
}

@media only screen and (max-width:1024px) {
    .ImagesCarousel__item__mask {
        width: 100%
    }
}

.ImagesCarousel__item__mask--originalRatio {
    aspect-ratio: unset;
    height: 100%;
    overflow: hidden;
    position: relative
}

.ImagesCarousel__item__mask--originalRatio .FrontiersImage {
    width: 100%;
    height: 100%;
    -o-object-fit: none;
    object-fit: none;
    position: absolute
}

.ImagesCarousel__item__mask--originalRatio .FrontiersImage .is-inside-mask {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top center;
    object-position: top center
}

.ImagesCarousel__item__mask--portrait {
    min-height: 360px
}

.ImagesCarousel__dots {
    align-self: center;
    flex-flow: row;
    width: auto;
    padding-top: 40px
}

.ImagesCarousel__dots,
.ImagesCarousel__dots__item {
    display: flex;
    align-items: center;
    justify-content: center
}

.ImagesCarousel__dots__item {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid transparent
}

.ImagesCarousel__dots__item:not(:last-of-type) {
    margin-right: 8px
}

@media only screen and (max-width:1024px) {
    .ImagesCarousel__dots__item {
        width: 24px;
        height: 24px
    }
}

.ImagesCarousel__dots__item:after {
    content: " ";
    width: 8px;
    height: 8px;
    background-color: var(--grey50);
    border-radius: 50%;
    position: absolute;
    transition: background-color .6s cubic-bezier(.37, .74, .15, 1)
}

@media only screen and (max-width:1024px) {
    .ImagesCarousel__dots__item:after {
        width: 6px;
        height: 6px
    }
}

.ImagesCarousel__dots__item--active {
    border: 1px solid var(--grey30)
}

.ImagesCarousel__dots__item--active:after {
    background-color: #545454
}

.ImagesCarousel__dots {
    padding-top: 0;
    position: absolute;
    bottom: 0;
    left: 0
}

@media only screen and (max-width:1024px) {
    .ImagesCarousel__dots {
        left: 50%;
        transform: translateX(-50%)
    }
}

.CompanyValues {
    --roulette-size: 480px;
    --roulette-svg-scale: 1.13;
    --image-height: 640px;
    display: flex;
    position: relative
}

@media only screen and (max-width:1441px) {
    .CompanyValues {
        --leftRoulette: calc(var(--roulette-size)*0.5 + var(--layout-col-1) + var(--layout-gap))
    }
}

@media only screen and (max-width:1280px) {
    .CompanyValues {
        --roulette-size: 394px;
        --roulette-svg-scale: 1.18;
        --image-height: 542px
    }
}

@media only screen and (max-width:1024px) {
    .CompanyValues {
        flex-direction: column;
        --image-height: 722px
    }
}

@media only screen and (max-width:768px) {
    .CompanyValues {
        --roulette-size: 412px;
        --roulette-svg-scale: 1.24;
        --image-height: 538px
    }
}

@media only screen and (max-width:563px) {
    .CompanyValues {
        --roulette-size: 320px;
        --roulette-svg-scale: 1.3;
        --image-height: 430px
    }
}

.CompanyValues__detail,
.CompanyValues__general {
    flex: 1 0 50%;
    position: relative
}

.CompanyValues__general {
    padding-left: calc(var(--layout-col-2) + var(--layout-gap) + var(--layout-gap));
    padding-right: calc(var(--roulette-size)*0.5 + var(--layout-col-1));
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center
}

@media only screen and (max-width:1441px) {
    .CompanyValues__general {
        padding-top: 160px;
        padding-left: calc(var(--layout-col-2) + var(--layout-gap) + var(--layout-gap));
        padding-right: calc(var(--layout-col-5) + var(--layout-gap) + var(--layout-gap));
        padding-bottom: 80px
    }
}

@media only screen and (max-width:1280px) {
    .CompanyValues__general {
        flex: 1 0 54%
    }
}

@media only screen and (max-width:1024px) {
    .CompanyValues__general {
        padding-top: 64px;
        padding-bottom: calc(40px + var(--roulette-size)*0.5);
        padding-left: calc(var(--layout-col-3) + var(--layout-gap) + var(--layout-gap));
        padding-right: calc(var(--layout-col-3) + var(--layout-gap) + var(--layout-gap))
    }
}

@media only screen and (max-width:768px) {
    .CompanyValues__general {
        padding-bottom: calc(32px + var(--roulette-size)*0.5);
        padding-left: calc(var(--layout-col-1) + var(--layout-gap) + var(--layout-gap));
        padding-right: calc(var(--layout-col-1) + var(--layout-gap) + var(--layout-gap))
    }
}

@media only screen and (max-width:563px) {
    .CompanyValues__general {
        padding-bottom: calc(32px + var(--roulette-size)*0.5);
        padding-left: var(--layout-gap);
        padding-right: var(--layout-gap)
    }
}

@media only screen and (max-width:1280px) {
    .CompanyValues__detail {
        flex: 1 0 46%
    }
}

.CompanyValues__title {
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 500;
    margin-bottom: 24px
}

@media only screen and (max-width:1280px) {
    .CompanyValues__title {
        font-size: 1.75rem;
        line-height: 2.4375rem;
        margin-bottom: 16px
    }
}

@media only screen and (max-width:1024px) {
    .CompanyValues__title {
        font-size: 1.5rem;
        line-height: 2.0625rem;
        margin-bottom: 24px;
        text-align: center
    }
}

.CompanyValues__description {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    margin-bottom: 24px
}

@media only screen and (max-width:1280px) {
    .CompanyValues__description {
        margin-bottom: 16px
    }
}

@media only screen and (max-width:1024px) {
    .CompanyValues__description {
        font-size: 1.25rem;
        line-height: 1.75rem;
        text-align: center;
        margin-bottom: 24px
    }
}

.CompanyValues .Link {
    align-self: flex-start;
    font-size: 1rem;
    line-height: 1.375rem;
    padding: 3px 24px
}

@media only screen and (max-width:1024px) {
    .CompanyValues .Link {
        align-self: center
    }
}

@media only screen and (max-width:563px) {
    .CompanyValues .Link {
        width: 100%;
        justify-content: center
    }
}

.CompanyValues__mask {
    position: relative;
    width: 100%;
    height: var(--image-height);
    -webkit-clip-path: polygon(calc(var(--image-height)*0.5) 0, 100% 0, 100% 100%, calc(var(--image-height)*0.5) 100%, 0 50%);
    clip-path: polygon(calc(var(--image-height)*0.5) 0, 100% 0, 100% 100%, calc(var(--image-height)*0.5) 100%, 0 50%)
}

@media only screen and (max-width:1024px) {
    .CompanyValues__mask {
        width: 100%;
        margin: 0;
        -webkit-clip-path: polygon(100% 50vw, 100% 100%, 0 100%, 0 50vw, 50% 0);
        clip-path: polygon(100% 50vw, 100% 100%, 0 100%, 0 50vw, 50% 0)
    }
}

.CompanyValues__mask:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(40, 40, 40, .3)
}

.CompanyValues__text {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: var(--white);
    position: absolute;
    right: 46px;
    top: 52px;
    width: 336px;
    text-align: right
}

@media only screen and (max-width:1280px) {
    .CompanyValues__text {
        top: 80px;
        right: 32px;
        width: 262px
    }
}

@media only screen and (max-width:1024px) {
    .CompanyValues__text {
        text-align: center;
        top: 304px;
        right: calc(50% - 131px)
    }
}

@media only screen and (max-width:563px) {
    .CompanyValues__text {
        top: calc(12px + var(--roulette-size)*0.5)
    }
}

@media only screen and (max-width:359px) {
    .CompanyValues__text {
        width: calc(100% - 32px);
        right: 16px
    }
}

.CompanyValues__roulette {
    width: var(--roulette-size);
    height: var(--roulette-size);
    -webkit-clip-path: circle(calc(var(--roulette-size)/2) at center center);
    clip-path: circle(calc(var(--roulette-size)/2) at center center);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media only screen and (max-width:1280px) {
    .CompanyValues__roulette {
        left: 54%;
        top: auto;
        bottom: calc(var(--image-height)*0.5);
        transform: translate(-50%, 50%)
    }
}

@media only screen and (max-width:1024px) {
    .CompanyValues__roulette {
        left: 50%;
        top: auto;
        bottom: var(--image-height);
        transform: translate(-50%, 50%)
    }
}

.CompanyValues__svg {
    position: absolute;
    top: 0;
    left: 0
}

.CompanyValues__svg text {
    font-family: MuseoSans, Helvetica, Arial, sans-serif;
    font-size: calc(16px*var(--roulette-svg-scale));
    fill: var(--white)
}

.CompanyValues__svg text.researchCentric {
    fill: var(--blue80)
}

@media only screen and (max-width:1280px) {
    .CompanyValues__svg text.researchCentric {
        transform: matrix(1, 0, 0, 1, 223, 265)
    }
}

@media only screen and (max-width:563px) {
    .CompanyValues__svg text.researchCentric {
        transform: matrix(1, 0, 0, 1, 220, 265)
    }
}

.CompanyValues__click {
    cursor: pointer
}

.CompanyValues__value {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    color: var(--white);
    position: absolute;
    right: 50%;
    top: 50%;
    transform-origin: 0 0;
    transform: translate(50%, -50%);
    background: #000
}

.CompanyValues__circle {
    width: var(--roulette-size);
    height: var(--roulette-size);
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NDYgNTQ2Ij48cGF0aCBkPSJNODAuMyA0NjUuN2MyNS4zIDI1LjMgNTUuMyA0NS40IDg4LjQgNTkuMSAzMy4xIDEzLjcgNjguNSAyMC43IDEwNC4zIDIwLjdzNzEuMi03IDEwNC4zLTIwLjdjMzMuMS0xMy43IDYzLjEtMzMuOCA4OC40LTU5LjFMMjczIDI3MyA4MC4zIDQ2NS43eiIgZmlsbD0iIzAwMmZjYSIvPjxwYXRoIGQ9Ik00NjUuNyA0NjUuN2MyNS4zLTI1LjMgNDUuNC01NS40IDU5LjEtODguNHMyMC43LTY4LjUgMjAuNy0xMDQuMy03LTcxLjItMjAuNy0xMDQuMy0zMy44LTYzLjEtNTkuMS04OC40TDI3MyAyNzNsMTkyLjcgMTkyLjd6IiBmaWxsPSIjMDAxOTkxIi8+PHBhdGggZD0iTTQ2NS43IDgwLjNjLTI1LjMtMjUuMy01NS40LTQ1LjQtODguNC01OS4xQzM0NC4yIDcuNSAzMDguOC41IDI3MyAuNXMtNzEuMiA3LTEwNC4zIDIwLjdDMTM1LjYgMzQuOSAxMDUuNiA1NSA4MC4zIDgwLjNMMjczIDI3MyA0NjUuNyA4MC4zeiIgZmlsbD0iIzM2NzNmNyIvPjxwYXRoIGQ9Ik04MC4zIDgwLjNjLTI1LjMgMjUuMy00NS40IDU1LjQtNTkuMSA4OC40QzcuNSAyMDEuOC41IDIzNy4yLjUgMjczczcgNzEuMiAyMC43IDEwNC4zYzEzLjcgMzMuMSAzMy44IDYzLjEgNTkuMSA4OC40TDI3MyAyNzMgODAuMyA4MC4zeiIgZmlsbD0iIzBjNGRlZCIvPjwvc3ZnPg==) no-repeat 50% 50%
}

.Footer {
    position: relative;
    background-color: #fff;
    border-top: 1px solid var(--grey30)
}

.Footer__wrapper {
    max-width: 1645px;
    width: auto;
    margin: 0 auto;
    padding: 0 16px
}

@media only screen and (max-width:1441px) {
    .Footer__wrapper {
        max-width: 1231px;
        padding: 0
    }
}

@media only screen and (max-width:1280px) {
    .Footer__wrapper {
        max-width: 100%;
        padding-left: calc(var(--layout-col-2) + var(--layout-gap));
        padding-right: calc(var(--layout-col-2) + var(--layout-gap))
    }
}

@media only screen and (max-width:1024px) {
    .Footer__wrapper {
        padding: 0
    }
}

.Footer__sections {
    display: flex;
    background-color: #fff;
    box-sizing: border-box;
    padding-top: 80px;
    padding-bottom: 16px;
    justify-content: space-between
}

@media only screen and (max-width:1441px) {
    .Footer__sections {
        flex-wrap: wrap;
        padding-bottom: 0
    }
}

@media only screen and (max-width:1024px) {
    .Footer__sections {
        padding: 0 16px
    }
}

.Footer__socialLinks {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: #282828;
    min-width: 192px
}

@media only screen and (max-width:1441px) {
    .Footer__socialLinks {
        border-top: 1px solid var(--grey30);
        padding: 56px 0;
        width: 100%
    }
}

@media only screen and (max-width:1024px) {
    .Footer__socialLinks {
        padding-bottom: 48px;
        text-align: center;
        border-top: none
    }
}

.Footer__socialLinks__title {
    margin-bottom: 16px
}

.Footer__socialLinks .Link__wrapper:not(:last-of-type) {
    margin-right: 32px
}

.Footer__socialLinks .Link__wrapper .Link--icon {
    --size-icon: 24px
}

.Footer__socialLinks .Link__wrapper .Link--icon:after {
    margin-left: 0;
    margin-right: 0
}

.Footer__copyright {
    display: flex;
    flex-direction: row;
    padding: 56px 0;
    border-top: 1px solid var(--grey30);
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    width: 100%
}

@media only screen and (max-width:1441px) {
    .Footer__copyright {
        margin-left: 0
    }
}

@media only screen and (max-width:1024px) {
    .Footer__copyright {
        flex-direction: column;
        text-align: center;
        padding: 48px 0 64px;
        width: 400px;
        margin: 0 auto;
        border-top: 1px solid var(--grey20)
    }

    .Footer__copyright div:first-child {
        margin-bottom: 13px
    }

    .Footer__copyright div:first-child+div {
        display: flex;
        justify-content: center
    }

    .Footer__copyright div:first-child+div span {
        color: var(--grey40);
        margin: 0 8px
    }
}

@media only screen and (max-width:740px) {
    .Footer__copyright {
        width: 311px
    }

    .Footer__copyright div:first-child {
        width: 215px;
        align-self: center
    }
}

.Footer__copyright span:first-child {
    margin: 0 32px 0 0
}

@media only screen and (max-width:740px) {
    .Footer__copyright span:first-child {
        margin: 0
    }
}

.Footer .Accordion__arrow:after {
    color: #282828
}

.Footer .Accordion__content {
    background-color: var(--grey5)
}

.Footer .Accordion__content li {
    margin-bottom: 16px
}

.Footer .Accordion__content li:last-child {
    margin-bottom: 0
}

.Footer .Accordion__content a {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: #6b6b6b
}

@media only screen and (max-width:1024px) {
    .Footer .Accordion__item {
        border-top: none;
        border-bottom: 1px solid var(--grey30);
        box-shadow: none
    }
}

@media only screen and (max-width:1024px) {
    .Footer .Accordion__item .Accordion__headline {
        transition: padding .48s cubic-bezier(.37, .74, .15, 1);
        padding: 32px 0;
        height: 22px;
        border-color: var(--grey30);
        box-sizing: content-box
    }
}

@media only screen and (max-width:1024px) {
    .Footer .Accordion__item:first-child .Accordion__headline {
        padding-top: 32px
    }
}

.Footer .Accordion__item--open {
    margin: 0
}

.Footer .Accordion__item--open .Accordion__headline {
    height: 22px
}

@media only screen and (min-width:1025px) {
    .Footer .Accordion {
        display: flex;
        width: 100%
    }

    .Footer .Accordion__item {
        width: 100%;
        flex: 1;
        box-shadow: none;
        border-top: none;
        background: none
    }

    .Footer .Accordion__item:first-child .Accordion__content>ul,
    .Footer .Accordion__item:first-child .Accordion__title {
        padding-left: 0
    }

    .Footer .Accordion__item .Accordion__content>ul {
        padding-bottom: 56px
    }

    .Footer .Accordion__item--open {
        margin: 0
    }

    .Footer .Accordion__item--open .Accordion__headline {
        border-bottom: none
    }

    .Footer .Accordion__headline {
        pointer-events: none;
        height: auto
    }

    .Footer .Accordion__headline.focus-visible,
    .Footer .Accordion__headline:focus-visible {
        outline: none
    }

    .Footer .Accordion__arrow {
        display: none
    }

    .Footer .Accordion__content {
        height: auto !important;
        background-color: #fff;
        overflow: visible
    }

    .Footer .Accordion__content--fadeOut {
        opacity: 1
    }
}

@media only screen and (max-width:1441px) {
    .Footer .Accordion {
        width: 100%
    }
}

.Ibar__dropdown {
    margin-left: var(--ibar-margin-between)
}

.Ibar__dropdown--aboutUs .Ibar__dropdown__trigger--open:before {
    bottom: -20px
}

.Ibar__dropdown__trigger {
    text-align: right;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: var(--ibar-color);
    white-space: nowrap;
    position: relative
}

.Ibar__dropdown__trigger:after {
    content: "\e90c";
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    font-weight: 300;
    margin-left: 8px;
    display: inline-block;
    transition: transform .3s cubic-bezier(.37, .74, .15, 1)
}

.Ibar__dropdown__trigger:before {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--ibar-color-hover);
    transform: scale(0);
    transition: transform .3s cubic-bezier(.37, .74, .15, 1)
}

@media only screen and (max-width:1024px) {
    .Ibar__dropdown__trigger:before {
        display: none
    }
}

.Ibar__dropdown__trigger--open,
.Ibar__dropdown__trigger:hover,
.Ibar__dropdown__trigger:hover:after {
    color: var(--ibar-color-hover)
}

@media only screen and (max-width:1024px) {
    .Ibar__dropdown__trigger--open {
        font-weight: 700
    }
}

.Ibar__dropdown__trigger--open:after {
    transform: rotate(-180deg)
}

.Ibar__dropdown__trigger--open:before {
    transform: scale(1)
}

.Ibar__dropdown__trigger__icon {
    position: relative;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: inline-block;
    transform: translateY(1px)
}

.Ibar__dropdown__trigger__icon:after {
    position: absolute;
    top: 0;
    left: 0;
    font-family: Frontiers-Iconography-Next !important;
    font-size: 16px;
    font-weight: 300;
    width: 16px;
    height: 16px
}

.Ibar__dropdown__trigger__icon--productHub:after {
    content: "\e986"
}

.Ibar__dropdown__menu {
    display: none;
    position: absolute;
    background: #fff;
    width: 100%;
    left: 0;
    max-height: calc(100vh - 200px);
    padding: 48px 128px 72px;
    box-sizing: border-box;
    z-index: -1;
    border-bottom: 1px solid var(--grey20);
    box-shadow: 0 8px 10px rgba(40, 40, 40, .12), 0 3px 14px rgba(40, 40, 40, .08), 0 5px 5px rgba(40, 40, 40, .04);
    overflow: auto;
    opacity: 0;
    top: 0;
    pointer-events: none;
    transition: opacity .28s cubic-bezier(.37, .74, .15, 1) 0ms, top .48s cubic-bezier(.37, .74, .15, 1)
}

.Ibar__dropdown__menu::-webkit-scrollbar {
    background: transparent;
    -webkit-appearance: none;
    width: 8px;
    height: 8px
}

.Ibar__dropdown__menu::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: var(--grey30);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    border-radius: 6px;
    border: 2px solid var(--white)
}

@-moz-document url-prefix() {
    .Ibar__dropdown__menu {
        scrollbar-width: thin
    }
}

@media only screen and (min-width:1921px) {
    .Ibar__dropdown__menu {
        padding-left: calc(50vw - var(--layout-col-12) - var(--layout-gap)*1);
        padding-right: calc(50vw - var(--layout-col-12) - var(--layout-gap)*1)
    }
}

@media only screen and (max-width:1441px) {
    .Ibar__dropdown__menu {
        padding: 48px 128px 72px
    }
}

@media only screen and (max-width:1280px) {
    .Ibar__dropdown__menu {
        padding: 48px 128px 72px 96px;
        overflow: hidden
    }
}

.Ibar__dropdown__menu--visible {
    pointer-events: all;
    opacity: 1;
    top: 100%;
    transition: opacity .28s cubic-bezier(.37, .74, .15, 1) .1s, top .48s cubic-bezier(.37, .74, .15, 1)
}

.Ibar__dropdown__menu__header {
    display: none
}

@media only screen and (max-width:563px) {
    .Ibar__dropdown__menu__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid var(--grey30);
        padding: 16px;
        margin: -16px -16px 16px;
        background: #f0f0f0;
        position: sticky;
        top: 0;
        z-index: 1
    }
}

.Ibar__dropdown__menu__header__title {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #6b6b6b;
    display: flex;
    align-items: center
}

.Ibar__dropdown__menu__header__title:before {
    content: "\e90d";
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 16px;
    margin-right: 8px
}

.Ibar__dropdown__sections {
    -moz-column-count: 4;
    column-count: 4
}

@media only screen and (max-width:563px) {
    .Ibar__dropdown__sections {
        padding-top: 40px
    }
}

.Ibar__dropdown__sections__item {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #6b6b6b;
    margin-bottom: 24px
}

.Ibar__dropdown__sections__item--active,
.Ibar__dropdown__sections__item:hover {
    color: #282828
}

.Ibar__dropdown__about {
    display: flex
}

@media only screen and (max-width:563px) {
    .Ibar__dropdown__about {
        padding-top: 40px
    }
}

.Ibar__dropdown__about__block {
    max-width: 33%;
    box-sizing: border-box;
    flex-grow: 1
}

.Ibar__dropdown__about__block:last-child {
    padding-right: 0
}

@media only screen and (max-width:1441px) {
    .Ibar__dropdown__about__block {
        max-width: 50%
    }
}

@media only screen and (max-width:1280px) {
    .Ibar__dropdown__about__block {
        flex-grow: 0;
        padding-right: 80px
    }
}

@media only screen and (max-width:1024px) {
    .Ibar__dropdown__about__block {
        max-width: unset;
        padding-right: 16px
    }
}

.Ibar__dropdown__about__block__title {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 700;
    color: #282828;
    padding-bottom: 8px;
    position: relative;
    margin-bottom: 24px
}

.Ibar__dropdown__about__block__title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 48px;
    height: 2px;
    background: var(--grey80);
    border-radius: 2px
}

.Ibar__dropdown__about__block__item {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #6b6b6b;
    margin-bottom: 24px
}

.Ibar__dropdown__about__block__item:last-child {
    margin-bottom: 0
}

.Ibar__dropdown__about__block__item__title,
.Ibar__dropdown__about__block__item a:active,
.Ibar__dropdown__about__block__item a:hover {
    color: #282828
}

.Ibar__dropdown .Ibar__button {
    margin-left: 0
}

.Ibar__dropdown .Ibar__button__wrapper {
    padding-top: var(--spacing-vertical-sm);
    display: flex;
    justify-content: center
}

.Ibar__dropdown .Ibar__button--toolsLink {
    color: var(--grey80)
}

.Ibar__menu {
    --ibar-color: var(--grey70);
    --ibar-color-2: var(--grey80);
    --ibar-color-hover: var(--black);
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 40;
    width: calc(var(--layout-col-8) + var(--layout-gap)*2);
    height: 100%;
    background: #fff;
    border-left: 1px solid var(--grey30);
    display: none;
    box-sizing: border-box;
    transition: left .48s ease-in-out, box-shadow .3s cubic-bezier(.37, .74, .15, 1)
}

@media only screen and (max-width:1024px) {
    .Ibar__menu {
        display: flex;
        flex-direction: column
    }
}

@media only screen and (max-width:768px) {
    .Ibar__menu {
        width: calc(var(--layout-col-7) + var(--layout-gap)*2)
    }
}

@media only screen and (max-width:563px) {
    .Ibar__menu {
        width: 100%;
        transition: left .3s ease-in-out, box-shadow .3s cubic-bezier(.37, .74, .15, 1)
    }
}

.Ibar__menu--open {
    left: 0;
    box-shadow: 0 -24px 38px rgba(40, 40, 40, .12), 0 -9px 46px rgba(40, 40, 40, .08), 0 -11px 15px rgba(40, 40, 40, .04)
}

.Ibar__menu__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--grey20);
    padding: var(--layout-gap)
}

.Ibar__menu__wrapper {
    height: calc(100vh - 57px);
    overflow: auto;
    padding: var(--layout-gap);
    padding-bottom: 32px
}

.Ibar__menu__wrapper::-webkit-scrollbar {
    background: transparent;
    -webkit-appearance: none;
    width: 10px;
    height: 10px
}

.Ibar__menu__wrapper::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(40, 40, 40, .16);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    border-radius: 5px;
    border: 3px solid var(--white)
}

@-moz-document url-prefix() {
    .Ibar__menu__wrapper {
        scrollbar-width: thin
    }
}

.Ibar__menu__journal {
    flex: 1;
    border-bottom: 1px solid var(--grey20);
    margin-bottom: 24px;
    padding-top: 8px
}

.Ibar__menu__journal .Ibar__journalName {
    font-size: 1rem;
    line-height: 1.375rem;
    white-space: unset;
    padding: 0 0 24px 16px;
    display: inline-block
}

@media only screen and (max-width:563px) {
    .Ibar__menu__journal .Ibar__journalName {
        padding-bottom: 16px
    }
}

.Ibar__menu__journal .Ibar__journalName__container {
    padding: 0 0 16px
}

.Ibar__menu__journal .Ibar__journalName__container--tenant {
    padding: 0 0 32px 16px
}

.Ibar__menu__journal .Ibar__journalName__container--tenant .Ibar__journalName {
    display: block;
    margin-left: 16px;
    padding-left: 16px;
    border-left: 1px solid #6b6b6b;
    padding-bottom: 0
}

.Ibar__menu__journal .Ibar__journal__maskLogo {
    margin-right: 0;
    padding-right: 0;
    border-right: none
}

.Ibar__menu__journal .Ibar__link {
    margin-top: 0
}

.Ibar__menu .Ibar__logo {
    height: 24px;
    width: 116px
}

.Ibar__menu .Ibar__logo__link--text {
    width: 220px
}

.Ibar__menu .Ibar__button {
    margin-top: 112px;
    width: 100%;
    display: flex;
    margin-left: 0
}

@media screen and (max-height:660px) {
    .Ibar__menu .Ibar__button {
        margin-top: 96px
    }
}

.Ibar__menu .Ibar__dropdown,
.Ibar__menu .Ibar__icon,
.Ibar__menu .Ibar__link {
    padding: 24px 0 24px 16px;
    display: block;
    margin-left: 0
}

.Ibar__menu .Ibar__dropdown__trigger,
.Ibar__menu .Ibar__icon span,
.Ibar__menu .Ibar__link {
    font-size: 1rem;
    line-height: 1.375rem
}

.Ibar__menu .Ibar__dropdown__trigger:after {
    content: "\e90e";
    margin-left: 16px
}

.Ibar__menu .Ibar__dropdown__trigger--open {
    font-weight: 700;
    color: #282828
}

.Ibar__menu .Ibar__dropdown__trigger--open:after {
    transform: none
}

.Ibar__menu .Ibar__dropdown__menu {
    top: 0;
    background: #f0f0f0;
    left: calc(var(--layout-col-8) - 2px + var(--layout-gap)*2);
    height: 100%;
    max-height: 100vh;
    box-sizing: border-box;
    overflow: auto;
    box-shadow: none;
    width: 0;
    padding: 0;
    transition: width .3s cubic-bezier(.37, .74, .15, 1), padding .3s cubic-bezier(.37, .74, .15, 1), box-shadow .3s cubic-bezier(.37, .74, .15, 1)
}

.Ibar__menu .Ibar__dropdown__menu::-webkit-scrollbar {
    background: transparent;
    -webkit-appearance: none;
    width: 10px;
    height: 10px
}

.Ibar__menu .Ibar__dropdown__menu::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(40, 40, 40, .16);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    border-radius: 5px;
    border: 3px solid var(--grey20)
}

@-moz-document url-prefix() {
    .Ibar__menu .Ibar__dropdown__menu {
        scrollbar-width: thin
    }
}

.Ibar__menu .Ibar__dropdown__menu>* {
    opacity: 0
}

@media only screen and (max-width:768px) {
    .Ibar__menu .Ibar__dropdown__menu {
        left: calc(var(--layout-col-7) - 2px + var(--layout-gap)*2)
    }
}

@media only screen and (max-width:563px) {
    .Ibar__menu .Ibar__dropdown__menu {
        left: -100%;
        transition: none
    }
}

.Ibar__menu .Ibar__dropdown__menu--visible {
    box-shadow: 30px 0 32px rgba(40, 40, 40, .12), 12px 0 46px rgba(40, 40, 40, .08), 11px 0 15px rgba(40, 40, 40, .16);
    width: calc(var(--layout-col-8) + var(--layout-gap));
    padding: 40px 32px;
    transition: width .3s cubic-bezier(.37, .74, .15, 1), padding .3s cubic-bezier(.37, .74, .15, 1), box-shadow .3s cubic-bezier(.37, .74, .15, 1)
}

.Ibar__menu .Ibar__dropdown__menu--visible>* {
    opacity: 1;
    transition: opacity .2s ease-in-out .15s
}

@media only screen and (max-width:563px) {
    .Ibar__menu .Ibar__dropdown__menu--visible>* {
        transition: none
    }
}

@media only screen and (max-width:768px) {
    .Ibar__menu .Ibar__dropdown__menu--visible {
        width: calc(var(--layout-col-7) + var(--layout-gap))
    }
}

@media only screen and (max-width:563px) {
    .Ibar__menu .Ibar__dropdown__menu--visible {
        width: 100%;
        left: 0;
        z-index: 40;
        padding: 0 16px 16px;
        box-shadow: none;
        transition: none
    }
}

.Ibar__menu .Ibar__dropdown__about {
    flex-direction: column
}

.Ibar__menu .Ibar__dropdown__about__block {
    padding-bottom: 16px;
    margin-bottom: 40px
}

.Ibar__menu .Ibar__dropdown__about__block:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.Ibar__menu .Ibar__dropdown__sections {
    -moz-column-count: unset;
    column-count: unset
}

.Ibar__menu .Ibar__dropdown__sections__item {
    margin-bottom: 40px
}

.Ibar__menu .Ibar__icon {
    margin-left: 0
}

@media only screen and (max-width:1024px) {
    .Ibar__menu .Ibar__icon span {
        display: inline
    }
}

.Ibar__menu .Ibar__icon:before {
    display: inline
}

.Ibar__menu .Ibar__icon--list {
    padding-top: 40px;
    margin-top: 16px;
    border-top: 1px solid var(--grey20)
}

.Ibar__menu--journal .Ibar__button {
    margin-top: 32px
}

.Ibar__menu .IbarOffice__dropdown {
    top: 0;
    background: #f0f0f0;
    left: calc(var(--layout-col-8) - 2px + var(--layout-gap)*2);
    height: 100%;
    max-height: 100vh;
    box-sizing: border-box;
    overflow: auto;
    box-shadow: none;
    width: 0;
    transition: width .3s cubic-bezier(.37, .74, .15, 1), padding .3s cubic-bezier(.37, .74, .15, 1), box-shadow .3s cubic-bezier(.37, .74, .15, 1);
    border-radius: 0;
    padding: 40px 32px
}

.Ibar__menu .IbarOffice__dropdown>* {
    opacity: 0
}

@media only screen and (max-width:768px) {
    .Ibar__menu .IbarOffice__dropdown {
        left: calc(var(--layout-col-7) - 2px + var(--layout-gap)*2)
    }
}

@media only screen and (max-width:563px) {
    .Ibar__menu .IbarOffice__dropdown {
        left: -100%;
        transition: none
    }
}

.Ibar__menu .IbarOffice__dropdown--visible {
    box-shadow: 30px 0 32px rgba(40, 40, 40, .12), 12px 0 46px rgba(40, 40, 40, .08), 11px 0 15px rgba(40, 40, 40, .16);
    width: calc(var(--layout-col-8) + var(--layout-gap));
    padding: 40px 32px;
    transition: width .3s cubic-bezier(.37, .74, .15, 1), padding .3s cubic-bezier(.37, .74, .15, 1), box-shadow .3s cubic-bezier(.37, .74, .15, 1)
}

.Ibar__menu .IbarOffice__dropdown--visible>* {
    opacity: 1;
    transition: opacity .2s ease-in-out .15s
}

@media only screen and (max-width:563px) {
    .Ibar__menu .IbarOffice__dropdown--visible>* {
        transition: none
    }
}

@media only screen and (max-width:768px) {
    .Ibar__menu .IbarOffice__dropdown--visible {
        width: calc(var(--layout-col-7) + var(--layout-gap))
    }
}

@media only screen and (max-width:563px) {
    .Ibar__menu .IbarOffice__dropdown--visible {
        width: 100%;
        left: 0;
        z-index: 40;
        padding: 0 16px 16px;
        box-shadow: none;
        transition: none
    }
}

.Ibar__menu .IbarOffice__dropdown::-webkit-scrollbar {
    background: transparent;
    -webkit-appearance: none;
    width: 10px;
    height: 10px
}

.Ibar__menu .IbarOffice__dropdown::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(40, 40, 40, .16);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    border-radius: 5px;
    border: 3px solid var(--grey20)
}

@-moz-document url-prefix() {
    .Ibar__menu .IbarOffice__dropdown {
        scrollbar-width: thin
    }
}

.Ibar__menu .IbarOffice__dropdown__trigger {
    padding: 24px 0 24px 16px;
    display: block;
    margin-left: 0;
    font-size: 1rem;
    line-height: 1.375rem
}

.Ibar__menu .IbarOffice__dropdown__trigger:after {
    content: "\e90e";
    margin-left: 16px
}

.Ibar__menu .IbarOffice__dropdown__trigger:before {
    margin-right: 8px;
    line-height: 20px
}

.Ibar__menu .IbarOffice__dropdown__trigger--open {
    font-weight: 700;
    color: #282828
}

.Ibar__menu .IbarOffice__dropdown__trigger--open:after {
    transform: none
}

.Ibar__menu .IbarOffice__dropdown__item button {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 700;
    color: #282828;
    position: relative;
    margin-bottom: 24px;
    padding: 0 8px 8px 0
}

.Ibar__menu .IbarOffice__dropdown__item button:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 48px;
    height: 2px;
    background: var(--grey80);
    border-radius: 2px
}

.Ibar__menu .IbarOffice__dropdown__item:last-child .IbarOffice__dropdown__subitemsList {
    border-bottom: none
}

.Ibar__menu .IbarOffice__dropdown__subitemsList {
    position: inherit;
    padding-bottom: 24px;
    margin-bottom: 40px;
    border-bottom: 1px solid var(--grey40);
    max-height: none
}

.Ibar__menu .IbarOffice__dropdown__subitemsList button {
    display: none
}

.Ibar__menu .IbarOffice__dropdown__subitem a {
    padding: 16px 0
}

.Ibar__userArea {
    width: var(--avatar-size);
    height: var(--avatar-size);
    --avatar-size: 32px;
    margin-left: var(--ibar-margin-between)
}

@media only screen and (max-width:1280px) {
    .Ibar__userArea {
        --avatar-size: 32px
    }
}

@media only screen and (max-width:768px) {
    .Ibar__userArea {
        --avatar-size: 24px
    }
}

.Ibar__userLogged {
    display: grid;
    align-items: center;
    justify-items: center;
    place-items: center;
    position: relative;
    margin-left: var(--ibar-margin-between)
}

@media only screen and (max-width:563px) {
    .Ibar__userLogged {
        position: unset
    }
}

.Ibar__userLogged>button {
    display: flex
}

.Ibar__userLogged__image {
    overflow: hidden
}

@media only screen and (max-width:1280px) {
    .Ibar__userLogged__image .Avatar {
        --avatar-size: 32px;
        --avatar-font-size: 16px;
        --avatar-border-size: 1px
    }
}

@media only screen and (max-width:768px) {
    .Ibar__userLogged__image .Avatar {
        --avatar-size: 24px;
        --avatar-font-size: 14px;
        --avatar-border-size: 1px
    }
}

.Ibar__user {
    position: absolute;
    background-color: #fff;
    color: var(--ibar-color-2);
    border-radius: 4px;
    right: 0;
    top: 100%;
    min-width: 358px;
    border-radius: 8px;
    overflow: auto;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    margin-top: 4px;
    box-shadow: 0 12px 17px rgba(40, 40, 40, .12), 0 5px 22px rgba(40, 40, 40, .08), 0 7px 8px rgba(40, 40, 40, .04)
}

@media only screen and (max-width:1024px) {
    .Ibar__user {
        min-width: 236px
    }
}

@media only screen and (max-width:563px) {
    .Ibar__user {
        position: fixed;
        width: 100vw;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: 0;
        margin: 0;
        z-index: 3;
        border: none
    }
}

.Ibar__user__dropdown {
    padding: 32px;
    text-align: center
}

@media only screen and (max-width:1024px) {
    .Ibar__user__dropdown {
        padding: 24px
    }
}

.Ibar__user__avatar {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

.Ibar__user__avatar .Avatar {
    --avatar-size: 80px;
    --avatar-font-size: 32px;
    --avatar-border-size: 1px
}

.Ibar__user__list {
    padding: 16px 0;
    color: #545454
}

.Ibar__user__list li {
    display: flex;
    width: 100%;
    color: #6b6b6b;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500
}

.Ibar__user__list li a {
    padding: 16px 32px;
    width: 100%
}

@media only screen and (max-width:1024px) {
    .Ibar__user__list li a {
        padding: 16px 24px
    }
}

@media only screen and (max-width:563px) {
    .Ibar__user__list li a {
        width: 100%;
        text-align: center
    }
}

.Ibar__user__list li:hover {
    background-color: #f7f7f7;
    cursor: pointer;
    color: #282828
}

.Ibar__user__separator {
    background-color: var(--grey30);
    height: 1px;
    margin: 0 32px
}

@media only screen and (max-width:1024px) {
    .Ibar__user__separator {
        margin: 0 24px
    }
}

.Ibar__user__name {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    color: #282828;
    word-break: break-word
}

.Ibar__user__email {
    color: #6b6b6b;
    word-break: break-word
}

.Ibar__user__close {
    display: none;
    cursor: pointer;
    width: 48px;
    height: 48px;
    background-color: #f7f7f7;
    border-radius: 50%;
    box-shadow: 0 0 11.3994px rgba(0, 0, 0, .1);
    position: absolute;
    left: calc(50% - 24px);
    bottom: 32px
}

@media only screen and (max-width:563px) {
    .Ibar__user__close {
        display: block
    }
}

.Ibar__user__close:before {
    content: "\e909";
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 16px;
    color: #282828;
    align-items: center;
    justify-content: center;
    height: 48px;
    display: flex
}

.Ibar {
    --ibar-bg: var(--white);
    --ibar-border-color: var(--grey20);
    --ibar-color: var(--grey80);
    --ibar-color-hover: var(--black);
    color: var(--ibar-color);
    --ibar-margin-between: 40px
}

@media only screen and (max-width:1024px) {
    .Ibar {
        --ibar-margin-between: 24px;
        padding: 0
    }
}

.Ibar__wrapper {
    display: flex;
    height: 64px;
    align-items: center;
    box-sizing: border-box;
    color: var(--white);
    width: 100%;
    max-width: calc(var(--layout-max-width-px)*1px);
    margin: 0 auto;
    padding: 0 40px;
    z-index: 31
}

@media only screen and (max-width:1024px) {
    .Ibar__wrapper {
        height: 48px;
        padding: 0 var(--layout-gap)
    }
}

@media only screen and (max-width:768px) {
    .Ibar__wrapper {
        max-width: none
    }
}

.Ibar__wrapper--journal {
    height: 56px
}

.Ibar__wrapper--journal .Ibar__dropdown,
.Ibar__wrapper--journal .Ibar__link {
    margin-left: 36px
}

@media only screen and (max-width:1280px) {

    .Ibar__wrapper--journal .Ibar__dropdown,
    .Ibar__wrapper--journal .Ibar__link {
        margin-left: 24px
    }
}

.Ibar__main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--ibar-bg);
    border: 1px solid var(--ibar-border-color);
    z-index: 33
}

@media only screen and (max-width:1024px) {

    .Ibar__main .Ibar__button,
    .Ibar__main .Ibar__dropdown,
    .Ibar__main .Ibar__icon--list,
    .Ibar__main .Ibar__icon--productHub,
    .Ibar__main .Ibar__link,
    .Ibar__main .IbarOffice {
        display: none
    }
}

@media only screen and (max-width:1024px) {
    .Ibar__main .Ibar__icon {
        margin-left: 24px
    }

    .Ibar__main .Ibar__icon:before {
        font-size: 24px;
        color: var(--ibar-color)
    }
}

.Ibar__main .Ibar__journalName {
    padding-left: 16px;
    margin-left: 16px;
    border-left: 1px solid var(--ibar-color);
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none
}

@media only screen and (max-width:1024px) {
    .Ibar__main .Ibar__journalName {
        display: block
    }
}

@media only screen and (max-width:563px) {
    .Ibar__main .Ibar__journalName {
        display: none
    }
}

@media only screen and (max-width:1024px) {
    .Ibar__main .Ibar__journalName__container {
        display: none
    }
}

.Ibar__link {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: var(--ibar-color);
    margin-left: var(--ibar-margin-between);
    white-space: nowrap;
    margin-top: 1px
}

.Ibar__link--active,
.Ibar__link:hover {
    color: var(--ibar-color-hover)
}

.Ibar__button {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    color: var(--ibar-color);
    padding: 5px 16px;
    border: 1px solid var(--ibar-color);
    border-radius: 16px;
    margin-left: var(--ibar-margin-between);
    margin-top: 1px;
    text-align: center;
    white-space: nowrap;
    height: 32px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:1280px) {
    .Ibar__button {
        font-size: .75rem;
        line-height: 1.0625rem
    }
}

.Ibar__button:hover {
    color: var(--ibar-color-hover);
    border-color: var(--ibar-color-hover)
}

.Ibar__spacer {
    flex: 1
}

.Ibar__journal {
    background: #f7f7f7;
    position: fixed;
    top: 64px;
    left: 0;
    width: 100%;
    z-index: 32;
    box-shadow: 0 1px 2px rgba(40, 40, 40, .12), 0 2px 1px rgba(40, 40, 40, .08), 0 1px 3px rgba(40, 40, 40, .04)
}

.Ibar__journal--mix {
    top: 0;
    z-index: 31;
    visibility: hidden;
    display: block
}

.Ibar__journal--mix .Ibar__logo--tenant {
    display: none
}

.Ibar__journal--mix .Ibar__logo:not(.Ibar__logo--tenant)+.Ibar__journalName {
    margin-left: 16px;
    margin-right: 12px;
    padding-left: 16px;
    border-left: 1px solid var(--ibar-color)
}

.Ibar__journal--mix .Ibar__journal__maskLogo {
    height: 20px;
    max-width: 80px
}

.Ibar__journal--mix .Ibar__journalName {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: 0
}

@media only screen and (max-width:1441px) {
    .Ibar__journal--mix .Ibar__journalName {
        margin-right: 0
    }
}

@media only screen and (max-width:1280px) {
    .Ibar__journal--mix .Ibar__journalName {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .Ibar__journal--mix .Ibar__journalName span:first-child {
        display: none
    }
}

@media only screen and (max-width:1441px) {

    .Ibar__journal--mix .Ibar__button,
    .Ibar__journal--mix .Ibar__dropdown,
    .Ibar__journal--mix .Ibar__link {
        margin-left: 32px
    }
}

@media only screen and (max-width:1280px) {

    .Ibar__journal--mix .Ibar__button,
    .Ibar__journal--mix .Ibar__dropdown,
    .Ibar__journal--mix .Ibar__link {
        margin-left: 24px
    }
}

@media only screen and (max-width:1280px) {
    .Ibar__journal--mix .Ibar__button span:last-child {
        display: none
    }
}

.Ibar__journal--mix .Ibar__button:nth-last-child(4) span:last-child,
.Ibar__journal--mix .Ibar__button:nth-last-child(5) span:last-child {
    display: none
}

@media only screen and (max-width:1441px) {

    .Ibar__journal--mix .Ibar__icon,
    .Ibar__journal--mix .Ibar__userLogged {
        margin-left: 24px
    }
}

@media only screen and (max-width:1441px) {
    .Ibar__journal--mix .Ibar__wrapper--journal {
        padding: 0 32px
    }
}

.Ibar__journal--mix .Ibar__logo {
    margin-top: -2px;
    width: auto
}

.Ibar__journal--mix .Ibar__logo__link--text {
    margin-top: 2px
}

.Ibar__journal--mix .Ibar__logo__link--logo {
    margin-top: 3px
}

@media only screen and (max-width:1441px) {
    .Ibar__journal--mix .Ibar__icon span {
        display: none
    }
}

.Ibar__journal--mix .IbarOffice__dropdown {
    top: 50px;
    right: 86px
}

@media only screen and (max-width:1441px) {
    .Ibar__journal--mix .IbarOffice__dropdown__trigger {
        margin-left: 32px
    }

    .Ibar__journal--mix .IbarOffice__dropdown__trigger:after,
    .Ibar__journal--mix .IbarOffice__dropdown__trigger span {
        display: none
    }
}

@media only screen and (max-width:1280px) {
    .Ibar__journal--mix .IbarOffice__dropdown__trigger {
        margin-left: 24px
    }
}

@media only screen and (max-width:1024px) {
    .Ibar__journal {
        display: none
    }
}

.Ibar__journal__maskLogo {
    flex-shrink: 0;
    height: 24px;
    max-width: 96px;
    border-right: 1px solid #6b6b6b;
    padding-right: 16px;
    margin-right: 16px
}

.Ibar__journal__logo {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%
}

.Ibar__customList {
    display: flex;
    margin-left: 47px
}

@media only screen and (max-width:1024px) {
    .Ibar__customList {
        flex-direction: column;
        margin-left: 0
    }
}

.Ibar__customList__li {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #6b6b6b;
    margin-right: 37px
}

@media only screen and (max-width:1024px) {
    .Ibar__customList__li {
        padding: 24px 0 24px 16px
    }
}

.Ibar__customList__li--active {
    color: #282828
}

.Ibar__logo {
    height: 24px
}

.Ibar__logo--tenant {
    height: auto;
    width: auto;
    min-width: -moz-fit-content;
    min-width: -webkit-fit-content;
    min-width: fit-content
}

.Ibar__logo--tenant span {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: var(--ibar-color);
    white-space: nowrap;
    display: inline-block
}

.Ibar__logo--tenant .Ibar__logo__link {
    height: auto
}

.Ibar__logo__link {
    height: 24px;
    display: flex;
    align-content: center;
    justify-content: left
}

.Ibar__logo__link__tenantLogo {
    display: inline-block;
    height: 24px;
    max-width: 220px
}

.Ibar__logo__productName {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
    padding-left: 16px;
    border-left: 1px solid var(--grey40);
    color: #545454
}

.Ibar__logo__svg {
    height: 100%;
    width: auto
}

.Ibar__logo__text {
    fill: var(--ibar-color)
}

.Ibar__burger {
    display: none
}

@media only screen and (max-width:1024px) {
    .Ibar__burger {
        display: block;
        width: 24px;
        height: 24px;
        margin-right: 24px
    }

    .Ibar__burger:after {
        content: "\e907";
        font-family: Frontiers-Iconography-Next !important;
        -webkit-font-smoothing: antialiased;
        font-size: 24px;
        line-height: 24px;
        color: var(--ibar-color-hover)
    }
}

.Ibar__journalName {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    color: var(--ibar-color);
    margin-right: 4px;
    margin-top: -1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Ibar__journalName__container {
    display: flex;
    align-items: center
}

.Ibar__journalName:active {
    color: var(--ibar-color)
}

@media only screen and (max-width:1441px) {
    .Ibar__journalName {
        margin-right: 0
    }
}

.Ibar__icon {
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: var(--ibar-color);
    margin-left: var(--ibar-margin-between);
    white-space: nowrap;
    max-width: 96px;
    max-height: 24px
}

@media only screen and (max-width:1280px) {
    .Ibar__icon {
        margin-left: 24px
    }
}

.Ibar__icon:active {
    color: var(--ibar-color)
}

.Ibar__icon:before {
    content: "";
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    font-weight: 300;
    height: 16px;
    line-height: 16px;
    width: 16px;
    vertical-align: text-top
}

@media only screen and (max-width:1280px) {
    .Ibar__icon:before {
        margin-right: 0
    }
}

@media only screen and (max-width:1024px) {
    .Ibar__icon:before {
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center
    }
}

.Ibar__icon span {
    margin-left: 8px
}

@media only screen and (max-width:1024px) {
    .Ibar__icon span {
        display: none
    }
}

.Ibar__icon--arrowRight:before {
    content: "\e90b"
}

.Ibar__icon--arrowLeft:before {
    content: "\e910"
}

.Ibar__icon--chevronDown:before {
    content: "\e90c"
}

.Ibar__icon--chevronLeft:before {
    content: "\e90d"
}

.Ibar__icon--chevronRight:before {
    content: "\e90e"
}

.Ibar__icon--chevronUp:before {
    content: "\e90f"
}

.Ibar__icon--newsletter:before {
    content: "\e936"
}

.Ibar__icon--search:before {
    content: "\e940"
}

.Ibar__icon--user:before {
    content: "\e900"
}

.Ibar__icon--location:before {
    content: "\e901"
}

.Ibar__icon--Institution:before {
    content: "\e902"
}

.Ibar__icon--twitter:before {
    content: "\e903"
}

.Ibar__icon--linkedin:before {
    content: "\e904"
}

.Ibar__icon--instagram:before {
    content: "\e905"
}

.Ibar__icon--facebook:before {
    content: "\e906"
}

.Ibar__icon--burgerMenu:before {
    content: "\e907"
}

.Ibar__icon--check:before {
    content: "\e908"
}

.Ibar__icon--close:before {
    content: "\e909"
}

.Ibar__icon--closeCircle:before {
    content: "\e90a"
}

.Ibar__icon--collapse:before {
    content: "\e911"
}

.Ibar__icon--expand:before {
    content: "\e912"
}

.Ibar__icon--externalLink:before {
    content: "\e913"
}

.Ibar__icon--filters:before {
    content: "\e914"
}

.Ibar__icon--home:before {
    content: "\e915"
}

.Ibar__icon--spinner:before {
    content: "\e916"
}

.Ibar__icon--reload:before {
    content: "\e917"
}

.Ibar__icon--chevronUpCircle:before {
    content: "\e918"
}

.Ibar__icon--chevronUpCircleFill:before {
    content: "\e919"
}

.Ibar__icon--chevronRightCircle:before {
    content: "\e91a"
}

.Ibar__icon--chevronRightCircleFill:before {
    content: "\e91b"
}

.Ibar__icon--chevronLeftCircle:before {
    content: "\e91c"
}

.Ibar__icon--chevronLeftCircleFill:before {
    content: "\e91d"
}

.Ibar__icon--chevronDownCircle:before {
    content: "\e91e"
}

.Ibar__icon--chevronDownCircleFill:before {
    content: "\e91f"
}

.Ibar__icon--arrowUpCircle:before {
    content: "\e920"
}

.Ibar__icon--arrowUpCircleFill:before {
    content: "\e921"
}

.Ibar__icon--arrowRightCircle:before {
    content: "\e922"
}

.Ibar__icon--arrowRightCircleFill:before {
    content: "\e923"
}

.Ibar__icon--arrowLeftCircle:before {
    content: "\e924"
}

.Ibar__icon--arrowLeftCircleFill:before {
    content: "\e925"
}

.Ibar__icon--arrowDownCircle:before {
    content: "\e926"
}

.Ibar__icon--arrowDownCircleFill:before {
    content: "\e927"
}

.Ibar__icon--view:before {
    content: "\e928"
}

.Ibar__icon--viewFill:before {
    content: "\e929"
}

.Ibar__icon--userFill:before {
    content: "\e92a"
}

.Ibar__icon--star:before {
    content: "\e92b"
}

.Ibar__icon--starFill:before {
    content: "\e92c"
}

.Ibar__icon--sort:before {
    content: "\e92d"
}

.Ibar__icon--sortDescending:before {
    content: "\e92e"
}

.Ibar__icon--sortAscending:before {
    content: "\e92f"
}

.Ibar__icon--share:before {
    content: "\e930"
}

.Ibar__icon--shareFill:before {
    content: "\e931"
}

.Ibar__icon--setting:before {
    content: "\e932"
}

.Ibar__icon--settingFill:before {
    content: "\e933"
}

.Ibar__icon--send:before {
    content: "\e934"
}

.Ibar__icon--sendFill:before {
    content: "\e935"
}

.Ibar__icon--rss:before {
    content: "\e937"
}

.Ibar__icon--rssFill:before {
    content: "\e938"
}

.Ibar__icon--reviewForum:before {
    content: "\e939"
}

.Ibar__icon--reviewForumFill:before {
    content: "\e93a"
}

.Ibar__icon--researchTopics:before {
    content: "\e93b"
}

.Ibar__icon--researchTopicsFill:before {
    content: "\e93c"
}

.Ibar__icon--quote:before {
    content: "\e93d"
}

.Ibar__icon--quoteFill:before {
    content: "\e93e"
}

.Ibar__icon--public:before {
    content: "\e93f"
}

.Ibar__icon--publicFill:before {
    content: "\e941"
}

.Ibar__icon--locationFill:before {
    content: "\e942"
}

.Ibar__icon--paper:before {
    content: "\e943"
}

.Ibar__icon--paperFill:before {
    content: "\e944"
}

.Ibar__icon--externalLinkFill:before {
    content: "\e945"
}

.Ibar__icon--notification:before {
    content: "\e946"
}

.Ibar__icon--notificationFill:before {
    content: "\e947"
}

.Ibar__icon--moreOptionsVertical:before {
    content: "\e948"
}

.Ibar__icon--moreOptionsHorizontal:before {
    content: "\e949"
}

.Ibar__icon--moreCircle:before {
    content: "\e94a"
}

.Ibar__icon--list:before {
    content: "\e94b"
}

.Ibar__icon--link:before {
    content: "\e94c"
}

.Ibar__icon--laptop:before {
    content: "\e94d"
}

.Ibar__icon--laptopFill:before {
    content: "\e94e"
}

.Ibar__icon--info:before {
    content: "\e94f"
}

.Ibar__icon--infoFill:before {
    content: "\e950"
}

.Ibar__icon--image:before {
    content: "\e951"
}

.Ibar__icon--imageFill:before {
    content: "\e952"
}

.Ibar__icon--help:before {
    content: "\e953"
}

.Ibar__icon--helpFill:before {
    content: "\e954"
}

.Ibar__icon--group:before {
    content: "\e955"
}

.Ibar__icon--groupFill:before {
    content: "\e956"
}

.Ibar__icon--institutionFill:before {
    content: "\e957"
}

.Ibar__icon--flag:before {
    content: "\e958"
}

.Ibar__icon--flagFill:before {
    content: "\e959"
}

.Ibar__icon--filtersFill:before {
    content: "\e95a"
}

.Ibar__icon--files:before {
    content: "\e95b"
}

.Ibar__icon--filesFill:before {
    content: "\e95c"
}

.Ibar__icon--favorite:before {
    content: "\e95d"
}

.Ibar__icon--favoriteFill:before {
    content: "\e95e"
}

.Ibar__icon--newsletterFill:before {
    content: "\e95f"
}

.Ibar__icon--eBook:before {
    content: "\e960"
}

.Ibar__icon--eBookFill:before {
    content: "\e961"
}

.Ibar__icon--download:before {
    content: "\e962"
}

.Ibar__icon--desktop:before {
    content: "\e963"
}

.Ibar__icon--desktopFill:before {
    content: "\e964"
}

.Ibar__icon--delete:before {
    content: "\e965"
}

.Ibar__icon--deleteFill:before {
    content: "\e966"
}

.Ibar__icon--cloudDownload:before {
    content: "\e967"
}

.Ibar__icon--cloudDownloadFill:before {
    content: "\e968"
}

.Ibar__icon--closeCircleFill:before {
    content: "\e969"
}

.Ibar__icon--clock:before {
    content: "\e96a"
}

.Ibar__icon--clockFill:before {
    content: "\e96b"
}

.Ibar__icon--checkmark:before {
    content: "\e96c"
}

.Ibar__icon--checkmarkFill:before {
    content: "\e96d"
}

.Ibar__icon--chat:before {
    content: "\e96e"
}

.Ibar__icon--chatFill:before {
    content: "\e96f"
}

.Ibar__icon--chartBar:before {
    content: "\e970"
}

.Ibar__icon--chartBarFill:before {
    content: "\e971"
}

.Ibar__icon--calendar:before {
    content: "\e972"
}

.Ibar__icon--calendarFill:before {
    content: "\e973"
}

.Ibar__icon--bookmark:before {
    content: "\e974"
}

.Ibar__icon--bookmarkFill:before {
    content: "\e975"
}

.Ibar__icon--attachment:before {
    content: "\e976"
}

.Ibar__icon--article:before {
    content: "\e977"
}

.Ibar__icon--articleFill:before {
    content: "\e978"
}

.Ibar__icon--arrowUp:before {
    content: "\e979"
}

.Ibar__icon--arrowUpRight:before {
    content: "\e97a"
}

.Ibar__icon--arrowUpLeft:before {
    content: "\e97b"
}

.Ibar__icon--arrowDown:before {
    content: "\e97c"
}

.Ibar__icon--arrowDownRight:before {
    content: "\e97d"
}

.Ibar__icon--arrowDownLeft:before {
    content: "\e97e"
}

.Ibar__icon--like:before {
    content: "\e97f"
}

.Ibar__icon--likeFill:before {
    content: "\e980"
}

.Ibar__icon--alert:before {
    content: "\e981"
}

.Ibar__icon--alertFill:before {
    content: "\e982"
}

.Ibar__icon--collapseArrow:before {
    content: "\e983"
}

.Ibar__icon--expandArrow:before {
    content: "\e984"
}

.Ibar__icon--graphLine:before {
    content: "\e985"
}

.Ibar__icon--productHub:before {
    content: "\e986"
}

.Ibar__icon--tiktok:before {
    content: "\e987"
}

.Ibar__icon--helpNoCircle:before {
    content: "\e988"
}

.Ibar__icon--twitterX:before {
    content: "\e989"
}

.Ibar__close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 18px;
    right: 16px
}

.Ibar__close:before {
    content: "\e909";
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 16px;
    color: #6b6b6b;
    padding: 2px
}

.IbarOffice__dropdown {
    position: absolute;
    width: var(--layout-col-5);
    background: #fff;
    box-shadow: 0 24px 38px rgba(40, 40, 40, .12), 0 9px 46px rgba(40, 40, 40, .08), 0 11px 15px rgba(40, 40, 40, .04);
    border-radius: 8px;
    color: #6b6b6b;
    right: calc(72px + var(--ibar-margin-between));
    top: 56px;
    overflow: hidden;
    opacity: 0;
    max-height: calc(100vh - 164px);
    pointer-events: none;
    display: none;
    transform: translateZ(0);
    -webkit-transform: translateZ(0)
}

.IbarOffice__dropdown::-webkit-scrollbar {
    background: transparent;
    -webkit-appearance: none;
    width: 10px;
    height: 10px
}

.IbarOffice__dropdown::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(40, 40, 40, .16);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    border-radius: 5px;
    border: 3px solid var(--white)
}

@-moz-document url-prefix() {
    .IbarOffice__dropdown {
        scrollbar-width: thin
    }
}

@media only screen and (max-width:1024px) {
    .IbarOffice__dropdown {
        display: block
    }
}

.IbarOffice__dropdown--showScrollbar {
    overflow-x: hidden;
    overflow-y: auto
}

@media only screen and (min-width:1921px) {
    .IbarOffice__dropdown {
        right: calc(50vw - var(--layout-max-width-px)*0.5px + var(--layout-gap) + 32px + var(--ibar-margin-between))
    }
}

@media only screen and (max-width:1024px) {
    .IbarOffice__dropdown {
        opacity: 1
    }
}

.IbarOffice__dropdown__trigger {
    text-align: right;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    white-space: nowrap;
    position: relative;
    color: var(--ibar-color);
    margin-left: var(--ibar-margin-between)
}

@media only screen and (max-width:1280px) {
    .IbarOffice__dropdown__trigger {
        margin-left: 24px
    }
}

.IbarOffice__dropdown__trigger span {
    margin-left: 8px
}

.IbarOffice__dropdown__trigger:before {
    content: "\e986";
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    font-weight: 300;
    height: 16px;
    line-height: 16px;
    width: 16px;
    vertical-align: text-top
}

@media only screen and (max-width:1280px) {
    .IbarOffice__dropdown__trigger:before {
        margin-right: 0
    }
}

@media only screen and (max-width:1024px) {
    .IbarOffice__dropdown__trigger:before {
        width: 24px;
        height: 24px
    }
}

.IbarOffice__dropdown__trigger:after {
    content: "\e90c";
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    font-weight: 300;
    margin-left: 8px;
    display: inline-block;
    transition: transform .3s cubic-bezier(.37, .74, .15, 1)
}

.IbarOffice__dropdown__trigger--open,
.IbarOffice__dropdown__trigger:hover,
.IbarOffice__dropdown__trigger:hover:after {
    color: var(--ibar-color-hover)
}

@media only screen and (max-width:1024px) {
    .IbarOffice__dropdown__trigger--open {
        font-weight: 700
    }
}

.IbarOffice__dropdown__trigger--open:after {
    transform: rotate(-180deg)
}

.IbarOffice__dropdown__trigger--open:before {
    transform: scale(1)
}

.IbarOffice__dropdown__list {
    padding: 8px 0;
    position: relative;
    max-height: calc(100vh - 164px)
}

@media only screen and (max-width:1024px) {
    .IbarOffice__dropdown__list {
        padding: 0
    }
}

@media only screen and (max-width:563px) {
    .IbarOffice__dropdown__list {
        padding-top: 40px
    }
}

.IbarOffice__dropdown__item a,
.IbarOffice__dropdown__item button,
.IbarOffice__dropdown__subitemsList a,
.IbarOffice__dropdown__subitemsList button {
    padding: 16px 16px 16px 32px;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #6b6b6b;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box
}

@media only screen and (min-width:1024px) {

    .IbarOffice__dropdown__item a:hover,
    .IbarOffice__dropdown__item button:hover,
    .IbarOffice__dropdown__subitemsList a:hover,
    .IbarOffice__dropdown__subitemsList button:hover {
        background-color: #f7f7f7;
        color: #282828
    }

    .IbarOffice__dropdown__item a:hover:after,
    .IbarOffice__dropdown__item button:hover:after,
    .IbarOffice__dropdown__subitemsList a:hover:after,
    .IbarOffice__dropdown__subitemsList button:hover:after {
        color: #282828
    }
}

.IbarOffice__dropdown__item button.pointerEventsDisabled,
.IbarOffice__dropdown__subitemsList button.pointerEventsDisabled {
    pointer-events: none
}

.IbarOffice__dropdown__item button:after,
.IbarOffice__dropdown__subitemsList button:after {
    content: "\e90e";
    font-family: Frontiers-Iconography-Next !important;
    color: var(--grey70);
    font-size: 14px;
    line-height: 14px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased
}

.IbarOffice__dropdown__subitemsList {
    padding: 8px 0;
    position: absolute;
    top: 0;
    right: -200%;
    width: 100%;
    overflow: hidden;
    display: none
}

@media only screen and (max-width:1024px) {
    .IbarOffice__dropdown__subitemsList {
        display: block
    }
}

.IbarOffice__dropdown__subitemsList button {
    justify-content: flex-start;
    line-height: inherit
}

.IbarOffice__dropdown__subitemsList button:after {
    display: none
}

.IbarOffice__dropdown__subitemsList button:before {
    content: "\e90d";
    font-family: Frontiers-Iconography-Next !important;
    color: var(--grey70);
    font-size: 16px;
    line-height: 16px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    padding-right: 16px
}

.IbarOffice__dropdown__subitem a {
    display: block;
    padding: 16px 16px 16px 32px;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    width: 100%;
    text-align: left;
    height: 100%;
    box-sizing: border-box
}

@media only screen and (min-width:1024px) {
    .IbarOffice__dropdown__subitem a:hover {
        background-color: #f7f7f7;
        color: #282828
    }
}

.Ibar__dropdown__list--hidden {
    left: -360px
}

.NavMenu {
    --nav-menu-item-height: 76px
}

@media only screen and (max-width:1441px) {
    .NavMenu {
        --nav-menu-item-height: 60px
    }
}

@media only screen and (max-width:1280px) {
    .NavMenu {
        --nav-menu-item-height: 54px
    }
}

@media only screen and (max-width:1024px) {
    .NavMenu {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: -100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        overflow: hidden
    }
}

@media only screen and (max-width:563px) {
    .NavMenu {
        justify-content: flex-start
    }
}

@media only screen and (max-width:1024px) {
    .NavMenu--open {
        left: 0
    }

    .NavMenu--open .NavMenu__dismiss,
    .NavMenu--open .NavMenu__nav,
    .NavMenu--open .NavMenu__overlay {
        pointer-events: all;
        opacity: 1;
        transition: opacity .36s cubic-bezier(.37, .74, .15, 1)
    }

    .NavMenu--open .NavMenu__breadCrumbsWay {
        display: none
    }
}

.NavMenu__nav {
    width: var(--layout-col-5);
    max-width: 358px;
    overflow: hidden;
    color: #282828
}

@media only screen and (max-width:1441px) {
    .NavMenu__nav {
        max-width: 258px
    }
}

@media only screen and (max-width:1280px) {
    .NavMenu__nav {
        max-width: 228px
    }
}

@media only screen and (min-width:1024px) {
    .NavMenu__nav {
        overflow: visible
    }
}

@media only screen and (max-width:1024px) {
    .NavMenu__nav {
        width: var(--layout-col-12);
        background-color: #fff;
        max-width: none;
        max-height: calc(100vh - 256px);
        padding: 8px 0;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        z-index: 2;
        box-shadow: 0 24px 38px rgba(40, 40, 40, .12), 0 9px 46px rgba(40, 40, 40, .08), 0 11px 15px rgba(40, 40, 40, .04)
    }

    .NavMenu__nav .NavMenu__group--accordion>.NavMenu__suboptions {
        max-height: none
    }

    .NavMenu__nav .NavMenu__group--accordion.NavMenu__group--accordion--open>.NavMenu__suboptions {
        flex: 1
    }
}

@media only screen and (max-width:563px) {
    .NavMenu__nav {
        max-height: none;
        padding-bottom: 104px;
        height: 100%;
        margin-bottom: 0;
        width: 100%;
        border-radius: 0;
        border: none;
        box-shadow: none
    }
}

.NavMenu__nav--singleFirstLevel .NavMenu__anchor {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (max-width:1024px) {
    .NavMenu__nav--singleFirstLevel .NavMenu__anchor {
        padding: 16px 32px
    }
}

@media only screen and (max-width:563px) {
    .NavMenu__nav--singleFirstLevel .NavMenu__anchor {
        display: flex;
        justify-content: center
    }
}

.NavMenu__nav--singleFirstLevel .NavMenu__suboptions {
    height: auto;
    overflow: auto
}

.NavMenu__nav--singleFirstLevel .NavMenu__anchor--accordion:first-child {
    pointer-events: none
}

.NavMenu__nav--singleFirstLevel .NavMenu__anchor--accordion:first-child .NavMenu__group__expand {
    display: none
}

.NavMenu__nav--singleFirstLevel .NavMenu__group--accordion .NavMenu__group .NavMenu__anchor--item {
    padding-left: 48px
}

@media only screen and (max-width:1024px) {
    .NavMenu__nav--singleFirstLevel .NavMenu__group--accordion .NavMenu__group .NavMenu__anchor--item {
        padding-left: 80px
    }
}

@media only screen and (max-width:563px) {
    .NavMenu__nav--singleFirstLevel .NavMenu__group--accordion .NavMenu__group .NavMenu__anchor--item {
        padding-left: 32px
    }
}

@media only screen and (max-width:563px) {
    .NavMenu__nav--singleFirstLevel .NavMenu__anchor__text:after {
        left: 50% !important;
        margin-left: -24px
    }
}

@media only screen and (max-width:563px) {
    .NavMenu__nav--singleFirstLevel>.NavMenu__group--accordion {
        height: 100% !important
    }

    .NavMenu__nav--singleFirstLevel>.NavMenu__group--accordion>.NavMenu__suboptions {
        height: 100% !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 20px
    }

    .NavMenu__nav--singleFirstLevel .NavMenu__anchor--accordion:first-child {
        pointer-events: none
    }

    .NavMenu__nav--singleFirstLevel .NavMenu__anchor--accordion:first-child .NavMenu__group__expand:after {
        opacity: 0
    }
}

.NavMenu__breadCrumbsWay,
.NavMenu__dismiss,
.NavMenu__overlay {
    display: none
}

@media only screen and (max-width:1024px) {

    .NavMenu__breadCrumbsWay,
    .NavMenu__dismiss,
    .NavMenu__overlay {
        display: block
    }
}

@media only screen and (max-width:1024px) {

    .NavMenu__dismiss,
    .NavMenu__nav,
    .NavMenu__overlay {
        opacity: 0;
        pointer-events: none;
        transition: opacity .28s cubic-bezier(.37, .74, .15, 1)
    }
}

.NavMenu__overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(40, 40, 40, .24);
    -webkit-backdrop-filter: blur(56px);
    backdrop-filter: blur(56px)
}

@media only screen and (max-width:563px) {
    .NavMenu__overlay {
        background: #fff
    }
}

.NavMenu__breadCrumbsWay {
    padding: 4px 16px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 40px;
    background: #fff;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--grey30);
    box-shadow: 0 -4px 5px rgba(40, 40, 40, .12), 0 -1px 10px rgba(40, 40, 40, .08), 0 -2px 4px rgba(40, 40, 40, .16);
    overflow: hidden
}

@media only screen and (max-width:1024px) {
    .NavMenu__breadCrumbsWay {
        display: flex;
        pointer-events: all
    }
}

.NavMenu__breadCrumbsWay:after {
    content: "\e948";
    font-size: 16px;
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    color: #282828;
    margin-left: 8px
}

.NavMenu__breadCrumbsWay ul {
    min-width: 0
}

.NavMenu__breadCrumbsWay li {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #6b6b6b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.NavMenu__breadCrumbsWay li:before {
    content: "/";
    margin: 0 8px
}

.NavMenu__breadCrumbsWay li:first-child:before {
    display: none
}

.NavMenu__breadCrumbsWay li:last-child {
    color: #282828
}

.NavMenu__dismiss {
    position: absolute;
    z-index: 3;
    bottom: 32px
}

.NavMenu__dismiss .Button {
    --padding-iconButton: 16px;
    --size-icon: 16px;
    background-color: #f7f7f7
}

.NavMenu__dismiss .Button:after {
    color: #282828
}

.NavMenu__anchor {
    padding: 12px 32px 12px 72px;
    display: flex;
    align-items: center;
    cursor: pointer;
    box-sizing: border-box
}

@media only screen and (max-width:1024px) {
    .NavMenu__anchor {
        padding-left: 80px
    }

    .NavMenu__anchor.focus-visible,
    .NavMenu__anchor:focus-visible {
        outline-offset: -4px
    }
}

.NavMenu__anchor--accordion {
    padding: 12px 24px;
    position: relative;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 700
}

@media only screen and (max-width:1024px) {
    .NavMenu__anchor--accordion {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media only screen and (max-width:563px) {
    .NavMenu__anchor--accordion {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 700
    }
}

.NavMenu__anchor--accordion .NavMenu__anchor__text {
    position: relative;
    padding-bottom: 8px
}

.NavMenu__anchor--accordion .NavMenu__anchor__text:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 48px;
    height: 2px;
    background: var(--grey80);
    border-radius: 2px
}

.NavMenu__anchor--group {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 700;
    padding-left: 72px
}

@media only screen and (max-width:1024px) {
    .NavMenu__anchor--group {
        padding-left: 80px
    }
}

@media only screen and (max-width:563px) {
    .NavMenu__anchor--group {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 700;
        padding-left: 72px
    }
}

.NavMenu__anchor--item {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #6b6b6b
}

.NavMenu__anchor--item:hover {
    color: #282828
}

@media only screen and (max-width:563px) {
    .NavMenu__anchor--item {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 500;
        padding-left: 72px
    }
}

.NavMenu__anchor--active {
    color: #282828
}

.NavMenu__anchor--groupActiveChild:not(.NavMenu__anchor--accordion) {
    border-bottom: 1px solid var(--grey50);
    border-top: 1px solid var(--grey50)
}

.NavMenu__anchor__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none
}

.NavMenu__group__expand {
    width: 32px;
    height: 32px;
    position: relative;
    margin-right: 16px;
    flex-shrink: 0
}

@media only screen and (max-width:563px) {
    .NavMenu__group__expand {
        width: 24px;
        height: 24px
    }
}

.NavMenu__group__expand:after {
    content: "\e90c";
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    transition: transform .3s cubic-bezier(.37, .74, .15, 1)
}

.NavMenu__group__expand--open:after {
    transform: rotate(180deg)
}

.NavMenu__group--accordion>.NavMenu__suboptions {
    max-height: calc(var(--nav-menu-item-height)*9);
    overflow: auto
}

@media only screen and (max-width:1441px) {
    .NavMenu__group--accordion>.NavMenu__suboptions {
        max-height: calc(var(--nav-menu-item-height)*10)
    }
}

@media only screen and (min-width:1024px) {
    .NavMenu__group--accordion>.NavMenu__suboptions {
        overflow: visible;
        max-height: none
    }
}

.NavMenu__group--accordion.NavMenu__group--open {
    height: auto
}

@media only screen and (max-width:1024px) {
    .NavMenu__group--accordion.NavMenu__group--open {
        overflow: hidden;
        display: flex;
        flex-direction: column
    }
}

.NavMenu__group--accordion .NavMenu__group .NavMenu__anchor--item {
    padding-left: 112px
}

@media only screen and (max-width:563px) {
    .NavMenu__group--accordion .NavMenu__group .NavMenu__anchor--item {
        padding-left: 96px
    }
}

.NavMenu__suboptions {
    height: 0;
    overflow: hidden
}

.NavMenu__suboptions::-webkit-scrollbar {
    background: var(--grey20);
    -webkit-appearance: none;
    width: 4px;
    height: 4px
}

.NavMenu__suboptions::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: var(--grey50);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    border-radius: 4px;
    border: none
}

@-moz-document url-prefix() {
    .NavMenu__suboptions {
        scrollbar-width: thin
    }
}

@media only screen and (min-width:1024px) {
    .NavMenu__suboptions {
        overflow: visible;
        height: auto
    }
}

.Table {
    overflow: hidden;
    margin-top: 56px
}

.Table,
.Table--fullScreen {
    display: flex;
    flex-direction: column
}

.Table--fullScreen {
    margin-top: 0;
    padding: 48px;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 34;
    opacity: 0;
    --table-wrapper-fw-width: var(--layout-col-22)
}

@media only screen and (max-width:1024px) {
    .Table--fullScreen {
        padding: 40px 0
    }
}

@media only screen and (max-width:768px) {
    .Table--fullScreen {
        --table-wrapper-fw-width: var(--layout-col-14)
    }
}

@media only screen and (max-width:563px) {
    .Table--fullScreen {
        --table-wrapper-fw-width: var(--layout-col-8);
        padding: 16px 0
    }
}

.Table--fullScreen.Table {
    opacity: 1;
    transition: opacity 1s ease
}

.Table--fullScreen .Table__overlay {
    display: block
}

.Table--fullScreen .Table__icon--fullScreen:before {
    content: "\e911"
}

.Table--fullScreen .Table__spacer {
    display: block;
    flex: 1
}

.Table--fullScreen .Table__wrapperWithTitle {
    width: var(--table-wrapper-fw-width);
    margin: 0 auto;
    overflow: auto;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.Table--fullScreen .Table__wrapper {
    margin: 0 auto;
    width: var(--table-wrapper-fw-width);
    flex: 1
}

.Table--fullScreen .Table__caption {
    width: var(--table-wrapper-fw-width);
    margin: 32px auto 0
}

@media only screen and (max-width:1024px) {
    .Table--fullScreen .Table__caption {
        margin: 24px auto 0;
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media only screen and (max-width:563px) {
    .Table--fullScreen .Table__caption {
        margin: 16px auto 0
    }
}

.Table--fullScreen td:first-child {
    border-top: 1px solid var(--grey30)
}

.Table__overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(40, 40, 40, .24);
    -webkit-backdrop-filter: blur(56px);
    backdrop-filter: blur(56px);
    opacity: 1;
    z-index: -1
}

.Table__title {
    display: flex;
    background-color: #fff;
    padding: 24px;
    box-sizing: border-box;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    color: #545454;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid var(--grey30)
}

@media only screen and (max-width:1280px) {
    .Table__title {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media only screen and (max-width:1024px) {
    .Table__title {
        font-size: 1rem;
        line-height: 1.375rem;
        padding: 16px
    }
}

.Table__title span {
    flex: 1;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500
}

.Table__spacer {
    display: none
}

.Table__wrapper {
    flex: 1;
    background-color: #fff;
    max-width: 100%;
    overflow: auto;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    white-space: normal
}

.Table__wrapper::-webkit-scrollbar {
    background: var(--white);
    -webkit-appearance: none;
    width: 16px;
    height: 16px
}

.Table__wrapper::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: var(--grey50);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    border-radius: 9px;
    border: 5px solid var(--white)
}

@-moz-document url-prefix() {
    .Table__wrapper {
        scrollbar-width: thin
    }
}

.Table__caption {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    color: #282828;
    margin-top: 32px;
    margin-bottom: 32px;
    flex-shrink: 0
}

.Table__caption p {
    margin: 0 0 8px
}

@media only screen and (max-width:1024px) {
    .Table__caption {
        font-size: .75rem;
        line-height: 1.0625rem;
        font-weight: 300
    }
}

.Table__icon {
    position: relative;
    align-self: center;
    width: 24px;
    height: 24px
}

.Table__icon:before {
    font-family: Frontiers-Iconography-Next !important;
    color: var(--grey70);
    font-size: 24px;
    line-height: 24px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased
}

.Table__icon--fullScreen {
    position: relative;
    cursor: pointer
}

.Table__icon--fullScreen:before {
    content: "\e912"
}

.Table__icon:hover:before {
    color: #282828
}

.Table table {
    width: 100%;
    border-collapse: collapse;
    --table-stuck-filter-drop-shadow-left: none;
    --table-stuck-filter-drop-shadow-top: none
}

.Table thead {
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 1;
    filter: var(--table-stuck-filter-drop-shadow-top)
}

.Table tr {
    border-bottom: 1px solid var(--grey30)
}

.Table tr:last-child {
    border: none
}

.Table tr:first-child {
    border-bottom: 1px solid var(--grey30)
}

.Table td,
.Table th {
    padding: 24px 16px;
    color: #545454;
    text-align: left
}

.Table td:first-child,
.Table th:first-child {
    padding: 24px;
    position: sticky;
    background: #fff;
    z-index: 1;
    left: 0;
    filter: var(--table-stuck-filter-drop-shadow-left)
}

@media only screen and (max-width:1024px) {

    .Table td,
    .Table td:first-child,
    .Table th,
    .Table th:first-child {
        padding: 16px
    }
}

.Table th {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    color: #545454
}

@media only screen and (max-width:1024px) {
    .Table th {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.Table td {
    position: relative;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    color: #282828
}

.Table .is-stuck-left table {
    --table-stuck-filter-drop-shadow-left: drop-shadow(12px 7px 16px rgb(1 1 1/10%))
}

.Table .is-stuck-top table {
    --table-stuck-filter-drop-shadow-top: drop-shadow(12px 7px 16px rgb(1 1 1/10%))
}

.Table a {
    color: var(--maincolor50);
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    transition: color .3s cubic-bezier(.37, .74, .15, 1)
}

.Table a:hover {
    color: var(--maincolor70)
}

.MainHeader {
    --main-header-ibar-height: 120px;
    --main-header-body-height: 192px;
    --main-header-actions-height: 80px;
    --main-header-actions-item-height: 48px
}

@media only screen and (max-width:1280px) {
    .MainHeader {
        --main-header-body-height: 165px;
        --main-header-actions-height: 56px;
        --main-header-actions-item-height: 40px
    }
}

@media only screen and (max-width:1024px) {
    .MainHeader {
        --main-header-ibar-height: 48px;
        --main-header-body-height: 144px;
        --main-header-actions-height: 48px;
        --main-header-actions-item-height: 32px
    }
}

@media only screen and (max-width:563px) {
    .MainHeader {
        --main-header-body-height: 138px
    }
}

.MainHeader--increasedHeight {
    --main-header-body-height: 290px
}

@media only screen and (max-width:1280px) {
    .MainHeader--increasedHeight {
        --main-header-body-height: 229px
    }
}

@media only screen and (max-width:1024px) {
    .MainHeader--increasedHeight {
        --main-header-body-height: 198px
    }
}

@media only screen and (max-width:768px) {
    .MainHeader--increasedHeight {
        --main-header-body-height: 237px
    }
}

@media only screen and (max-width:563px) {
    .MainHeader--increasedHeight {
        --main-header-body-height: 311px
    }
}

.MainHeader {
    background: var(--maincolor80);
    color: var(--white);
    position: relative;
    display: flex;
    flex-direction: column
}

.MainHeader__ibar {
    height: var(--main-header-ibar-height)
}

.MainHeader__mask,
.MainHeader__mask--gradient:after {
    position: absolute;
    width: 100%;
    height: 100%
}

.MainHeader__mask--gradient:after {
    content: "";
    top: 0;
    left: 0;
    background: rgba(40, 40, 40, .3)
}

.MainHeader__body {
    height: var(--main-header-body-height);
    width: var(--layout-col-20);
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

@media only screen and (max-width:768px) {
    .MainHeader__body {
        width: var(--layout-col-14)
    }
}

@media only screen and (max-width:563px) {
    .MainHeader__body {
        width: var(--layout-col-8)
    }
}

.MainHeader__title {
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 500;
    margin-top: 72px
}

@media only screen and (max-width:1280px) {
    .MainHeader__title {
        font-size: 2rem;
        line-height: 2.75rem
    }
}

@media only screen and (max-width:1024px) {
    .MainHeader__title {
        font-size: 1.75rem;
        line-height: 2.4375rem;
        margin-top: 56px
    }
}

@media only screen and (max-width:563px) {
    .MainHeader__title {
        font-size: 1.5rem;
        line-height: 2.0625rem;
        margin-top: 48px
    }
}

.MainHeader__subtitle {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 300;
    margin-top: 8px
}

@media only screen and (max-width:1280px) {
    .MainHeader__subtitle {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media only screen and (max-width:1024px) {
    .MainHeader__subtitle {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media only screen and (max-width:563px) {
    .MainHeader__subtitle {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 500
    }
}

.MainHeader__actions {
    background: var(--maincolor80);
    z-index: 1;
    min-height: var(--main-header-actions-height)
}

.MainHeader__actionsWrapper {
    display: flex;
    justify-content: flex-end;
    width: var(--layout-col-20);
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    width: 100%;
    max-width: none
}

@media only screen and (max-width:768px) {
    .MainHeader__actionsWrapper {
        width: var(--layout-col-14)
    }
}

@media only screen and (max-width:563px) {
    .MainHeader__actionsWrapper {
        width: var(--layout-col-8)
    }
}

@media only screen and (min-width:1921px) {
    .MainHeader__actionsWrapper {
        padding-right: 0;
        max-width: calc(var(--layout-max-width-px)*1px)
    }
}

@media only screen and (max-width:1024px) {
    .MainHeader__actionsWrapper {
        padding-right: 0;
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .MainHeader__actionsWrapper {
        padding-right: 0
    }
}

@media only screen and (max-width:563px) {
    .MainHeader__actionsWrapper {
        padding: 0;
        flex-wrap: wrap;
        overflow: hidden
    }
}

.MainHeader__actionsWrapper .Metrics__numbers__item {
    position: relative
}

.MainHeader__actionsWrapper .Metrics__numbers__item:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - var(--main-header-actions-item-height)/2);
    height: var(--main-header-actions-item-height);
    width: 1px;
    background-color: var(--grey40)
}

@media only screen and (max-width:563px) {
    .MainHeader__actionsWrapper--moreActions {
        flex-wrap: nowrap
    }
}

.MainHeader__actionsWrapper--moreActions .MainHeader__links {
    width: auto
}

.MainHeader__actionsWrapper--moreActions .MainHeader__link {
    flex-shrink: 1
}

@media only screen and (max-width:563px) {
    .MainHeader__actionsWrapper--moreActions .MainHeader__link {
        flex: 0 0 auto
    }
}

.MainHeader__links {
    display: flex
}

.MainHeader__links>:nth-last-child(2) {
    background: var(--maincolor70)
}

@media only screen and (max-width:563px) {
    .MainHeader__links {
        width: 100%
    }
}

.MainHeader__link {
    background: var(--maincolor50);
    color: var(--white);
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    padding: 0 56px;
    line-height: var(--main-header-actions-height);
    flex-shrink: 0;
    display: block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width:1024px) {
    .MainHeader__link {
        font-size: .875rem;
        line-height: 1.25rem;
        line-height: var(--main-header-actions-height)
    }
}

@media only screen and (max-width:768px) {
    .MainHeader__link {
        padding: 0 24px
    }
}

@media only screen and (max-width:563px) {
    .MainHeader__link {
        font-size: 12px;
        padding: 0 16px;
        flex: 1 0 100%
    }
}

.MainHeader__link:after {
    content: "\e90b";
    font-family: Frontiers-Iconography-Next !important;
    font-size: 16px;
    line-height: 16px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    color: var(--white);
    font-weight: 300;
    margin-left: 8px;
    vertical-align: middle
}

@media only screen and (max-width:1024px) {
    .MainHeader__link:after {
        font-size: 14px;
        line-height: 14px
    }
}

.MainHeader__link+.MainHeader__link {
    border-left: 2px solid var(--maincolor80)
}

.MainHeader .Metrics {
    margin: 0;
    display: flex;
    height: var(--main-header-actions-height)
}

@media only screen and (max-width:563px) {
    .MainHeader .Metrics {
        width: 100%
    }
}

.MainHeader .Metrics__numbers {
    grid-gap: 0;
    gap: 0;
    width: auto;
    flex-flow: revert;
    position: revert;
    min-width: revert;
    overflow: revert
}

@media only screen and (max-width:1441px) and (min-width:1281px) {
    .MainHeader .Metrics__numbers {
        padding-right: 0
    }
}

.MainHeader .Metrics__numbers__item {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 24px;
    min-width: 224px;
    box-sizing: border-box;
    color: var(--white);
    background: var(--maincolor90)
}

@media only screen and (max-width:1441px) {
    .MainHeader .Metrics__numbers__item {
        padding: 0 16px;
        min-width: 200px
    }
}

@media only screen and (max-width:1280px) {
    .MainHeader .Metrics__numbers__item {
        min-width: 160px
    }
}

@media only screen and (max-width:1024px) {
    .MainHeader .Metrics__numbers__item {
        min-width: 152px
    }
}

@media only screen and (max-width:768px) {
    .MainHeader .Metrics__numbers__item {
        min-width: 125px
    }
}

@media only screen and (max-width:563px) {
    .MainHeader .Metrics__numbers__item {
        padding: 0 16px;
        min-width: 0;
        flex: 1 1 0;
        box-sizing: border-box
    }
}

.MainHeader .Metrics__numbers__mask {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.MainHeader .Metrics__numbers__line {
    display: none
}

@media only screen and (max-width:1280px) {
    .MainHeader .Metrics__numbers__main {
        padding-top: 1px
    }
}

.MainHeader .Metrics__numbers__text {
    color: var(--white);
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width:1280px) {
    .MainHeader .Metrics__numbers__text {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 300;
        margin-top: -4px
    }
}

@media only screen and (max-width:1024px) {
    .MainHeader .Metrics__numbers__text {
        font-size: .75rem;
        line-height: 1.0625rem;
        font-weight: 300
    }
}

.MainHeader .Breadcrumbs {
    --breadcrumbs-color: $white;
    margin: 32px 0 24px
}

@media only screen and (max-width:1024px) {
    .MainHeader .Breadcrumbs {
        margin-top: 16px
    }
}

@media only screen and (max-width:563px) {
    .MainHeader .Breadcrumbs {
        margin-bottom: 16px
    }
}

.MainHeader .Breadcrumbs+.MainHeader__title {
    margin-top: 0
}

.MainHeader--bgImage .Metrics__numbers__item:first-child {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background: rgba(40, 40, 40, .1)
}

.MainHeader--bgImage .Metrics__numbers__item:nth-child(2) {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background: rgba(40, 40, 40, .2)
}

.MainHeader--bgImage .Metrics__numbers__item:nth-child(3) {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background: rgba(40, 40, 40, .3)
}

.MainHeader--bgImage .Metrics__numbers__item {
    position: relative
}

.MainHeader--bgImage .Metrics__numbers__item:not(:last-child):after {
    content: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 0;
    width: 0
}

.MainHeader--bgImage .MainHeader__link:only-child {
    background-color: var(--maincolor50)
}

.MainHeader--bgImage .MainHeader__actions {
    background: transparent
}

.MainHeader--increasedHeight .MainHeader__title {
    width: var(--layout-col-15)
}

@media screen and (max-width:1720px) {
    .MainHeader--increasedHeight .MainHeader__title {
        width: 100%
    }
}

.MainHeader--increasedHeight .MainHeader__link {
    background: var(--maincolor50)
}

@media only screen and (max-width:563px) {
    .MainHeader--increasedHeight .MainHeader__link {
        flex: 1 0 auto
    }
}

.MainHeader--crossListedSections .MainHeader__body {
    height: auto;
    z-index: unset
}

.MainHeader--crossListedSections .MainHeader__actions {
    z-index: unset
}

.Metrics {
    margin: 16px 0
}

.Metrics__numbers {
    display: flex;
    flex-flow: wrap;
    position: relative;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    grid-gap: 32px;
    gap: 32px
}

@media only screen and (max-width:1441px) {
    .Metrics__numbers {
        --fixWidthNumber: calc(33.33333% - 22px);
        flex-wrap: wrap
    }
}

@media only screen and (max-width:1441px) and (min-width:1281px) {
    .Metrics__numbers {
        padding-right: 10%;
        box-sizing: border-box
    }
}

.Metrics__numbers__item {
    min-width: 200px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative
}

.Metrics__numbers__line {
    position: absolute;
    width: 1px;
    height: 100%;
    background: var(--grey60)
}

.Metrics__numbers__mask {
    padding: 0 0 0 24px
}

@media only screen and (max-width:563px) {
    .Metrics__numbers__mask {
        padding-left: 16px
    }
}

.Metrics__numbers__number {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700
}

@media only screen and (max-width:563px) {
    .Metrics__numbers__number {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.Metrics__numbers__prefix,
.Metrics__numbers__suffix {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 700
}

@media only screen and (max-width:563px) {

    .Metrics__numbers__prefix,
    .Metrics__numbers__suffix {
        font-size: .75rem;
        line-height: 1.0625rem;
        font-weight: 700
    }
}

.Metrics__numbers__text {
    color: #545454;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width:563px) {
    .Metrics__numbers__text {
        font-size: .75rem;
        line-height: 1.0625rem
    }
}

.CrossListedSectionsDropDown {
    position: relative;
    margin: 16px 0 24px
}

@media only screen and (max-width:1280px) {
    .CrossListedSectionsDropDown {
        margin-bottom: 16px
    }
}

@media only screen and (max-width:1024px) {
    .CrossListedSectionsDropDown {
        margin: 8px 0 24px
    }
}

@media only screen and (max-width:563px) {
    .CrossListedSectionsDropDown {
        margin: 16px 0 24px
    }
}

.CrossListedSectionsDropDown__button {
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    color: var(--white);
    --size-icon: 16px
}

@media only screen and (max-width:1024px) {
    .CrossListedSectionsDropDown__button {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.CrossListedSectionsDropDown__button:after {
    content: "\e90c";
    font-family: Frontiers-Iconography-Next !important;
    font-size: var(--size-icon);
    font-weight: 300;
    height: var(--size-icon);
    line-height: var(--size-icon);
    width: var(--size-icon);
    margin-left: 8px;
    -webkit-font-smoothing: antialiased;
    transition: transform .4s cubic-bezier(.37, .74, .15, 1)
}

@media only screen and (max-width:1024px) {
    .CrossListedSectionsDropDown__button:after {
        margin-left: 6px
    }
}

.CrossListedSectionsDropDown__menuWrapper {
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    box-shadow: 0 4px 5px rgba(40, 40, 40, .12), 0 1px 10px rgba(40, 40, 40, .08), 0 2px 4px rgba(40, 40, 40, .04);
    background-color: #fff;
    width: 358px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    pointer-events: none;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 0;
    overflow: hidden;
    max-height: 0;
    height: auto;
    transition: all .4s cubic-bezier(.37, .74, .15, 1)
}

@media only screen and (max-width:1441px) {
    .CrossListedSectionsDropDown__menuWrapper {
        width: 316px
    }
}

@media only screen and (max-width:1280px) {
    .CrossListedSectionsDropDown__menuWrapper {
        width: 280px
    }
}

@media only screen and (max-width:1024px) {
    .CrossListedSectionsDropDown__menuWrapper {
        width: 236px
    }
}

@media only screen and (max-width:768px) {
    .CrossListedSectionsDropDown__menuWrapper {
        width: 266px
    }
}

@media only screen and (max-width:563px) {
    .CrossListedSectionsDropDown__menuWrapper {
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1021;
        display: flex;
        align-items: center;
        justify-content: center;
        background: hsla(0, 0%, 100%, .9);
        -webkit-backdrop-filter: blur(24px);
        backdrop-filter: blur(24px)
    }
}

.CrossListedSectionsDropDown__menu {
    margin: 0;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    visibility: hidden
}

.CrossListedSectionsDropDown__menu::-webkit-scrollbar {
    background: transparent;
    -webkit-appearance: none;
    width: 10px;
    height: 10px
}

.CrossListedSectionsDropDown__menu::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: var(--grey40);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    border-radius: 8px;
    border: 3px solid var(--white)
}

@-moz-document url-prefix() {
    .CrossListedSectionsDropDown__menu {
        scrollbar-width: thin
    }
}

@media only screen and (max-width:563px) {
    .CrossListedSectionsDropDown__menu {
        width: auto;
        text-align: center
    }
}

.CrossListedSectionsDropDown__option {
    position: relative;
    display: block;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: #6b6b6b;
    padding: 16px 24px 16px 40px;
    transition: all .24s cubic-bezier(.37, .74, .15, 1)
}

.CrossListedSectionsDropDown__option:active {
    color: #6b6b6b
}

@media only screen and (max-width:1024px) {
    .CrossListedSectionsDropDown__option {
        font-size: .875rem;
        line-height: 1.25rem;
        padding: 12px 24px 12px 40px
    }
}

@media only screen and (min-width:1024px) {
    .CrossListedSectionsDropDown__option:hover {
        color: #282828;
        background-color: #f7f7f7
    }
}

.CrossListedSectionsDropDown__option.focus-visible,
.CrossListedSectionsDropDown__option:focus-visible {
    outline-offset: -4px
}

.CrossListedSectionsDropDown__option--active,
.CrossListedSectionsDropDown__option--active:active {
    color: #282828
}

.CrossListedSectionsDropDown__option--active:before {
    content: "\e908";
    font-family: Frontiers-Iconography-Next !important;
    color: var(--black);
    font-size: 16px;
    line-height: 16px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    left: 16px;
    top: 18px;
    position: absolute
}

@media only screen and (max-width:1024px) {
    .CrossListedSectionsDropDown__option--active:before {
        top: 14px
    }
}

.CrossListedSectionsDropDown__mobileClose {
    display: none
}

@media only screen and (max-width:563px) {
    .CrossListedSectionsDropDown__mobileClose {
        background-color: #f7f7f7;
        border-radius: 48px;
        bottom: 32px;
        box-shadow: 0 0 11.3994px rgba(0, 0, 0, .1);
        color: #282828;
        display: block;
        left: 50%;
        padding: 0;
        position: absolute;
        width: 48px;
        height: 48px;
        text-align: center;
        transform: translateX(-50%);
        z-index: 2
    }

    .CrossListedSectionsDropDown__mobileClose:before {
        font-family: Frontiers-Iconography-Next !important;
        color: var(--color-value);
        font-size: 16px;
        line-height: 16px;
        font-weight: 300 !important;
        -webkit-font-smoothing: antialiased;
        content: "\e909";
        left: 16px;
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 500;
        top: 24px
    }
}

.CrossListedSectionsDropDown--open .CrossListedSectionsDropDown__button:after {
    transform: rotate(180deg)
}

.CrossListedSectionsDropDown--open .CrossListedSectionsDropDown__menu {
    visibility: visible;
    visibility: initial
}

.CrossListedSectionsDropDown--open .CrossListedSectionsDropDown__menuWrapper {
    max-height: 536px;
    pointer-events: all;
    border: 1px solid var(--grey60)
}

@media only screen and (max-width:563px) {
    .CrossListedSectionsDropDown--open .CrossListedSectionsDropDown__menuWrapper {
        max-height: none;
        border: none
    }
}

.CardTeam {
    position: relative
}

@media only screen and (max-width:1024px) {
    .CardTeam {
        --card-team-text-max-height: 200px
    }
}

@media only screen and (max-width:563px) {
    .CardTeam {
        --card-team-text-max-height: 80px
    }
}

.CardTeam__wrapper {
    width: 100%;
    border-radius: 8px;
    display: flex;
    background: #fff;
    transition: box-shadow .48s cubic-bezier(.37, .74, .15, 1)
}

.CardTeam__wrapper:hover {
    box-shadow: 0 0 17px rgba(40, 40, 40, .12), 0 0 22px rgba(40, 40, 40, .08), 0 0 8px rgba(40, 40, 40, .04)
}

@media only screen and (max-width:563px) {
    .CardTeam__wrapper {
        flex-flow: column
    }
}

.CardTeam__wrapper:hover .Link,
.CardTeam__wrapper:hover .Link:after {
    color: #282828
}

.CardTeam__info {
    padding: 24px 32px 24px 0
}

@media only screen and (max-width:1024px) {
    .CardTeam__info {
        padding: 16px 24px 16px 0
    }
}

@media only screen and (max-width:563px) {
    .CardTeam__info {
        padding: 0 24px 16px
    }
}

.CardTeam__readMore {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #282828;
    position: absolute;
    right: 24px;
    top: calc(var(--card-team-text-max-height) - 4px);
    background: #fff;
    z-index: 1;
    display: none
}

@media only screen and (max-width:1024px) {
    .CardTeam__readMore {
        display: block
    }
}

@media only screen and (max-width:563px) {
    .CardTeam__readMore {
        top: auto;
        bottom: 16px
    }
}

.CardTeam__readMore:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 100%;
    left: -30px;
    top: 0;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), var(--white))
}

.CardTeam__member {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: var(--layout-col-4);
    flex-shrink: 0;
    padding: 24px 32px;
    box-sizing: border-box
}

@media only screen and (max-width:1441px) {
    .CardTeam__member {
        width: var(--layout-col-5)
    }
}

@media only screen and (max-width:1024px) {
    .CardTeam__member {
        width: var(--layout-col-6);
        padding: 16px 24px 16px 16px
    }
}

@media only screen and (max-width:768px) {
    .CardTeam__member {
        width: var(--layout-col-5)
    }
}

@media only screen and (max-width:563px) {
    .CardTeam__member {
        width: 100%;
        flex-wrap: wrap;
        padding: 16px 24px;
        max-height: 80px;
        align-items: baseline
    }
}

.CardTeam__member .Avatar {
    margin-bottom: 16px
}

@media only screen and (max-width:1441px) {
    .CardTeam__member .Avatar {
        --avatar-size: 80px
    }
}

@media only screen and (max-width:1024px) {
    .CardTeam__member .Avatar {
        margin-bottom: 8px
    }
}

@media only screen and (max-width:563px) {
    .CardTeam__member .Avatar {
        --avatar-size: 48px;
        --avatar-font-size: 24px;
        --avatar-border-size: 1px;
        margin-bottom: 0;
        margin-right: 16px
    }
}

.CardTeam__member__name,
.CardTeam__member__position {
    text-align: center
}

@media only screen and (max-width:563px) {

    .CardTeam__member__name,
    .CardTeam__member__position {
        text-align: left;
        width: calc(100% - 64px)
    }
}

.CardTeam__member__name {
    color: #282828;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    margin-bottom: 8px;
    display: flex
}

@media only screen and (max-width:563px) {
    .CardTeam__member__name {
        margin-bottom: 4px
    }
}

.CardTeam__member__position {
    color: #6b6b6b;
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 500
}

@media only screen and (max-width:1441px) {
    .CardTeam__member__position {
        font-size: .625rem;
        line-height: .875rem
    }
}

.CardTeam__text {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: #545454
}

@media only screen and (max-width:1441px) {
    .CardTeam__text {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media only screen and (max-width:1024px) {
    .CardTeam__text {
        max-height: var(--card-team-text-max-height);
        overflow: hidden
    }
}

@media only screen and (max-width:563px) {
    .CardTeam__text {
        padding-top: 16px;
        border-top: 1px solid var(--grey30)
    }
}

.CardTeam__text__p {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    padding-bottom: 8px
}

@media only screen and (max-width:1441px) {
    .CardTeam__text__p {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.CardTeam__text--overflown {
    height: var(--card-team-text-max-height)
}

.TimeLine {
    --time-line-bg: #fff;
    counter-reset: milestone;
    --time-line-counter-size: 16px;
    --time-line-goal-size: 12px;
    background: var(--time-line-bg);
    position: relative;
    display: flex;
    flex-direction: column
}

.TimeLine:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(var(--time-line-counter-size)*0.5 - 2px);
    width: 4px;
    height: calc(100% - 16px);
    background: #f0f0f0
}

.TimeLine--initiallyClosed .TimeLine__goalWrapper {
    height: 0;
    overflow: hidden
}

.TimeLine--withCounterNumbers {
    --time-line-counter-size: 24px
}

.TimeLine--withCounterNumbers .TimeLine__counter {
    top: 0
}

.TimeLine--withCounterNumbers .TimeLine__counter:before {
    counter-increment: milestone;
    content: counter(milestone)
}

.TimeLine--withCounterNumbers .TimeLine__goal:before {
    left: calc(-10px - var(--time-line-counter-size))
}

.TimeLine__year {
    font-size: 1.75rem;
    line-height: 2.4375rem;
    font-weight: 700;
    color: #545454;
    z-index: 1;
    margin-top: 48px;
    margin-bottom: 32px
}

@media only screen and (max-width:1441px) {
    .TimeLine__year {
        font-size: 1.5rem;
        line-height: 2.0625rem
    }
}

@media only screen and (max-width:1024px) {
    .TimeLine__year {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-top: 40px;
        margin-bottom: 24px
    }
}

.TimeLine__milestone__item {
    margin-bottom: 32px;
    padding-left: calc(var(--time-line-counter-size) + 16px);
    position: relative
}

.TimeLine__milestone__wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.TimeLine__counter {
    width: var(--time-line-counter-size);
    height: var(--time-line-counter-size);
    line-height: var(--time-line-counter-size);
    border-radius: 50%;
    background: var(--grey80);
    color: var(--white);
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    margin-right: 16px;
    position: absolute;
    top: 6px;
    left: 0
}

.TimeLine__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    color: #545454
}

@media only screen and (max-width:1441px) {
    .TimeLine__title {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media only screen and (max-width:1024px) {
    .TimeLine__title {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.TimeLine__expand {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #6b6b6b;
    min-width: 28px;
    min-height: 28px;
    width: 16px;
    height: 16px;
    position: relative;
    margin-right: 16px
}

.TimeLine__expand:after {
    content: "\e90c";
    font-family: Frontiers-Iconography-Next !important;
    color: var(--grey70);
    font-size: 16px;
    line-height: 16px;
    font-weight: 300 !important;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.TimeLine__expand--open:after {
    content: "\e90f"
}

.TimeLine__goal {
    position: relative;
    margin-bottom: 32px
}

.TimeLine__goal:before {
    content: "";
    width: var(--time-line-goal-size);
    height: var(--time-line-goal-size);
    border-radius: 50%;
    border: 1px solid var(--grey70);
    position: absolute;
    top: 4px;
    left: calc(-14px - var(--time-line-counter-size));
    background: #fff;
    box-sizing: border-box
}

.TimeLine__goal:last-child {
    margin-bottom: 0
}

.TimeLine__description {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: #545454
}

.TimeLine__description ul {
    list-style: disc;
    list-style-position: inside
}

.TimeLine__linkMore {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    color: #545454;
    margin-top: 16px;
    display: inline-block
}

.TimeLine__linkMore:before {
    content: "\e913";
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    margin-right: 8px
}

@media only screen and (min-width:563px) {
    .TimeLine--center {
        --time-line-padding-center: 32px
    }
}

@media only screen and (min-width:563px) and (max-width:1441px) {
    .TimeLine--center {
        --time-line-padding-center: 24px
    }
}

@media only screen and (min-width:563px) {
    .TimeLine--center:before {
        left: calc(50% - 2px)
    }

    .TimeLine--center .TimeLine__counter {
        margin: 0
    }

    .TimeLine--center .TimeLine__description ul {
        display: none
    }

    .TimeLine--center .TimeLine__item {
        width: calc(50% - var(--time-line-padding-center))
    }

    .TimeLine--center .TimeLine__item:first-of-type .TimeLine__year {
        margin-top: 0
    }

    .TimeLine--center .TimeLine__item:last-child {
        margin-bottom: 0
    }

    .TimeLine--center .TimeLine__item:last-child .TimeLine__milestone__item:last-child .TimeLine__goal:last-child {
        margin-bottom: 16px
    }

    .TimeLine--center .TimeLine__item:last-child .TimeLine__milestone__item:last-child .TimeLine__goal:last-child:after {
        content: "";
        width: 6px;
        height: 100%;
        background: var(--time-line-bg);
        position: absolute;
        top: 22px;
        left: calc(-3px - var(--time-line-padding-center));
        z-index: 1
    }

    .TimeLine--center .TimeLine__item:last-child .TimeLine__milestone__item:last-child .TimeLine__goal:last-child:before {
        z-index: 2
    }

    .TimeLine--center .TimeLine__item:last-child:nth-child(2n) .TimeLine__milestone__item:last-child .TimeLine__goal:last-child:after {
        left: auto;
        right: calc(-3px - var(--time-line-padding-center))
    }

    .TimeLine--center .TimeLine__item:nth-child(odd) {
        align-self: flex-end
    }

    .TimeLine--center .TimeLine__item:nth-child(odd) .TimeLine__counter {
        left: calc(0px - var(--time-line-padding-center) - var(--time-line-counter-size)/2)
    }

    .TimeLine--center .TimeLine__item:nth-child(odd) .TimeLine__goal:before {
        left: calc(0px - var(--time-line-padding-center) - var(--time-line-goal-size)/2)
    }

    .TimeLine--center .TimeLine__item:nth-child(2n) {
        align-self: flex-start
    }

    .TimeLine--center .TimeLine__item:nth-child(2n) .TimeLine__description,
    .TimeLine--center .TimeLine__item:nth-child(2n) .TimeLine__title {
        text-align: right
    }

    .TimeLine--center .TimeLine__item:nth-child(2n) .TimeLine__counter {
        left: auto;
        right: calc(0px - var(--time-line-padding-center) - var(--time-line-counter-size)/2)
    }

    .TimeLine--center .TimeLine__item:nth-child(2n) .TimeLine__goal {
        display: flex;
        flex-direction: column
    }

    .TimeLine--center .TimeLine__item:nth-child(2n) .TimeLine__goal:before {
        left: auto;
        right: calc(0px - var(--time-line-padding-center) - var(--time-line-goal-size)/2)
    }

    .TimeLine--center .TimeLine__item:nth-child(2n) .TimeLine__expand {
        margin-left: auto;
        margin-right: 0
    }

    .TimeLine--center .TimeLine__item:nth-child(2n) .TimeLine__year {
        justify-content: flex-end
    }

    .TimeLine--center .TimeLine__item:nth-child(2n) .TimeLine__year__wrapper {
        margin-right: calc(0px - var(--time-line-padding-center));
        transform: translateX(50%)
    }

    .TimeLine--center .TimeLine__item:nth-child(2n) .TimeLine__linkMore {
        text-align: right;
        display: table
    }

    .TimeLine--center .TimeLine__year {
        display: flex
    }

    .TimeLine--center .TimeLine__year__wrapper {
        background: var(--time-line-bg);
        margin-left: calc(0px - var(--time-line-padding-center));
        transform: translateX(-50%)
    }

    .TimeLine--center .TimeLine__milestone__item {
        padding-left: 0
    }

    .TimeLine--center .TimeLine__milestone__wrapper {
        flex-wrap: wrap
    }

    .TimeLine--center .TimeLine__title {
        width: 100%
    }

    .TimeLine--center .TimeLine__expand {
        width: auto
    }

    .TimeLine--center .TimeLine__expand:after {
        position: relative;
        left: 0;
        top: 0;
        margin-left: 6px;
        font-size: 12px;
        line-height: 12px;
        width: 12px;
        vertical-align: middle
    }
}

@media only screen and (max-width:563px) {
    .TimeLine--center .TimeLine__item .TimeLine__year {
        margin-top: 0
    }

    .TimeLine--center .TimeLine__item:last-child .TimeLine__milestone__item:last-child {
        margin-bottom: 0
    }

    .TimeLine--center .TimeLine__item:last-child .TimeLine__milestone__item:last-child .TimeLine__goal:last-child {
        margin-bottom: 16px
    }

    .TimeLine--center .TimeLine__item:last-child .TimeLine__milestone__item:last-child .TimeLine__goal:last-child:after {
        content: "";
        width: 6px;
        height: 100%;
        background: var(--time-line-bg);
        position: absolute;
        top: 22px;
        left: -32px;
        z-index: 1
    }

    .TimeLine--center .TimeLine__item:last-child .TimeLine__milestone__item:last-child .TimeLine__goal:last-child:before {
        z-index: 2
    }

    .TimeLine--center .TimeLine__year {
        display: flex;
        margin: 24px 0
    }

    .TimeLine--center .TimeLine__year__wrapper {
        position: relative;
        background: var(--time-line-bg)
    }

    .TimeLine--center .TimeLine__title {
        width: 100%
    }

    .TimeLine--center .TimeLine__milestone__wrapper {
        flex-wrap: wrap
    }

    .TimeLine--center .TimeLine__expand {
        width: auto
    }

    .TimeLine--center .TimeLine__expand:after {
        position: relative;
        left: 0;
        top: 0;
        margin-left: 6px;
        font-size: 12px;
        line-height: 12px;
        width: 12px;
        vertical-align: middle
    }
}

.TimeLine--left .TimeLine__year {
    position: relative;
    display: flex;
    padding: 0;
    background: var(--time-line-bg)
}

.TimeLine--left .TimeLine__item:first-of-type .TimeLine__year {
    margin-top: 0
}

.TimeLine--left .TimeLine__item:last-child .TimeLine__milestone__item:last-child {
    margin-bottom: 0
}

.TimeLine--left .TimeLine__item:last-child .TimeLine__milestone__item:last-child .TimeLine__goal:last-child {
    margin-bottom: 16px
}

.TimeLine--left .TimeLine__item:last-child .TimeLine__milestone__item:last-child .TimeLine__goal:last-child:after {
    content: "";
    width: 6px;
    height: 100%;
    background: var(--time-line-bg);
    position: absolute;
    top: 22px;
    left: -32px;
    z-index: 1
}

.TimeLine--left .TimeLine__item:last-child .TimeLine__milestone__item:last-child .TimeLine__goal:last-child:before {
    z-index: 2
}

.CardLogo {
    display: flex
}

.CardLogo__wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: var(--layout-col-4);
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box;
    background-color: #fff;
    transition: box-shadow .48s cubic-bezier(.37, .74, .15, 1)
}

.CardLogo__wrapper:hover {
    box-shadow: 0 0 17px rgba(40, 40, 40, .12), 0 0 22px rgba(40, 40, 40, .08), 0 0 8px rgba(40, 40, 40, .04)
}

@media only screen and (max-width:1024px) {
    .CardLogo__wrapper {
        width: 100%;
        flex-direction: row
    }
}

.CardLogo__logo {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    width: 100%;
    height: 158px
}

@media only screen and (max-width:1441px) {
    .CardLogo__logo {
        height: 113px
    }
}

@media only screen and (max-width:1280px) {
    .CardLogo__logo {
        height: 99px
    }
}

@media only screen and (max-width:1024px) {
    .CardLogo__logo {
        height: auto;
        width: var(--layout-col-3);
        min-width: 110px;
        min-height: 110px
    }
}

@media only screen and (max-width:768px) {
    .CardLogo__logo {
        width: var(--layout-col-2);
        min-width: 78px;
        min-height: 78px
    }
}

@media only screen and (max-width:563px) {
    .CardLogo__logo {
        width: var(--layout-col-3);
        min-width: 113px;
        min-height: 87px
    }
}

.CardLogo__info {
    width: 100%;
    box-sizing: border-box;
    padding: 16px 24px
}

@media only screen and (max-width:1024px) {
    .CardLogo__info {
        padding: 16px;
        display: flex;
        align-items: center
    }
}

.CardLogo__name {
    color: #282828;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500
}

@media only screen and (max-width:563px) {
    .CardLogo .FrontiersImage img {
        -o-object-fit: contain;
        object-fit: contain
    }
}

.SearchBar {
    border: 1px solid var(--grey40);
    border-radius: 8px;
    padding: 0 16px;
    height: 80px;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #fff;
    transition: box-shadow .48s cubic-bezier(.37, .74, .15, 1)
}

@media only screen and (max-width:1280px) {
    .SearchBar {
        height: 56px
    }
}

@media only screen and (max-width:1024px) {
    .SearchBar {
        height: 48px
    }
}

.SearchBar--focused {
    box-shadow: 0 1px 2px rgba(40, 40, 40, .12), 0 2px 1px rgba(40, 40, 40, .08), 0 1px 3px rgba(40, 40, 40, .04)
}

.SearchBar__input {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    width: 100%;
    height: 100%;
    margin: 0 16px;
    color: #282828;
    border: none;
    background-color: transparent
}

.SearchBar__input::-webkit-input-placeholder {
    color: #6b6b6b;
    font-size: 16px
}

.SearchBar__input:-moz-placeholder {
    color: #6b6b6b;
    font-size: 16px
}

.SearchBar__input :-ms-input-placeholder {
    color: #6b6b6b;
    font-size: 16px
}

@media only screen and (max-width:1024px) {
    .SearchBar__input {
        font-size: 1rem;
        line-height: 1.375rem;
        margin: 0 8px
    }

    .SearchBar__input::-webkit-input-placeholder {
        color: #6b6b6b;
        font-size: 14px
    }

    .SearchBar__input:-moz-placeholder {
        color: #6b6b6b;
        font-size: 14px
    }

    .SearchBar__input :-ms-input-placeholder {
        color: #6b6b6b;
        font-size: 14px
    }
}

.SearchBar i {
    --icon-size: 32px;
    font-style: normal;
    display: inline-flex;
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    color: #545454;
    font-weight: 300;
    font-size: var(--icon-size);
    width: var(--icon-size);
    height: var(--icon-size);
    line-height: var(--icon-size)
}

@media only screen and (max-width:1280px) {
    .SearchBar i {
        --icon-size: 24px
    }
}

.SearchBar__prependIcon:after {
    content: "\e940"
}

.SearchBar__prependIcon--loading:after {
    content: "\e916";
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite
}

.SearchBar__appendIcon {
    cursor: pointer
}

.SearchBar__appendIcon:after {
    content: "\e909";
    font-size: 16px
}

.SearchBar__hint {
    position: absolute;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    color: #6b6b6b;
    margin-left: 24px;
    margin-top: 8px;
    opacity: 0;
    z-index: -1;
    transition: opacity .4s cubic-bezier(.37, .74, .15, 1)
}

@media only screen and (max-width:1024px) {
    .SearchBar__hint {
        font-size: .75rem;
        line-height: 1.0625rem;
        margin-top: 6px
    }
}

.SearchBar__hint--show {
    z-index: 1;
    opacity: 1
}

.RadioInputList {
    --color-value: #282828;
    --color-label: #545454;
    --color-background: transparent;
    --color-border: var(--grey40);
    --color-hover-border: var(--grey40);
    position: relative;
    text-align: left
}

.RadioInputList>span {
    display: flex;
    flex-flow: row wrap;
    transition: all 1s ease
}

@media only screen and (max-width:563px) {
    .RadioInputList>span {
        flex-flow: column
    }
}

.RadioInputList__wrapper+.Messaging {
    --color: #282828;
    font-size: .625rem;
    line-height: .875rem;
    font-weight: 500;
    color: var(--color);
    text-align: left;
    text-align: initial;
    position: relative;
    padding-left: 16px;
    margin-top: 0
}

.RadioInputList__wrapper+.Messaging__error:before {
    color: var(--red50);
    content: "\e969";
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    font-size: 10px;
    font-weight: 300;
    line-height: 10px;
    width: 12px;
    height: 12px;
    left: 0;
    top: 2px;
    position: absolute
}

.RadioInputList__wrapper .Button {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    margin-top: 16px
}

.RadioInputList__wrapper .Button--icon:after {
    transform: rotate(90deg)
}

.RadioInputList__item {
    width: 50%
}

@media only screen and (max-width:563px) {
    .RadioInputList__item {
        width: 100%
    }
}

.RadioInputList__label {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    color: #6b6b6b
}

.RadioInputList__checkmark {
    position: absolute;
    top: -1px;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: var(--color-background);
    border-radius: 50%;
    border: 1px solid var(--color-border);
    box-sizing: border-box;
    transition: border-color .25s cubic-bezier(.37, .74, .15, 1), background-color .25s cubic-bezier(.37, .74, .15, 1), box-shadow .25s cubic-bezier(.37, .74, .15, 1)
}

.RadioInputList__checkmark:after {
    content: "";
    position: absolute;
    display: none;
    top: 5px;
    left: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff
}

.RadioInputList__container {
    display: block;
    position: relative;
    padding-left: 40px;
    margin-bottom: 16px;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: var(--color-label);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.RadioInputList__container input {
    position: absolute;
    opacity: 0
}

.RadioInputList__container input:checked~.RadioInputList__checkmark {
    --color-background: #282828;
    --color-border: #282828
}

.RadioInputList__container input:checked~.RadioInputList__checkmark:after {
    display: block
}

.RadioInputList__container input:checked~.RadioInputList__label {
    color: #282828
}

.RadioInputList__container:hover .RadioInputList__checkmark {
    --color-border: var(--color-value);
    --color-background: var(--color-hover-border);
    box-shadow: 0 0 1px 12px var(--color-hover-border)
}

.RadioInputList--disabled .RadioInputList__checkmark {
    background-color: var(--grey40)
}

.RadioInputList--disabled .RadioInputList__container {
    --color-label: var(--grey40);
    cursor: not-allowed
}

.RadioInputList--disabled .RadioInputList__container input {
    position: absolute;
    opacity: 0
}

.RadioInputList--disabled .RadioInputList__container input~.RadioInputList__checkmark {
    --color-value: var(--grey40);
    --color-background: var(--grey40);
    --color-border: var(--grey40);
    box-shadow: none
}

.RadioInputList--disabled .RadioInputList__container input:checked~.RadioInputList__checkmark:after {
    display: block;
    background-color: var(--grey60)
}

.RadioInputList__item.has-error .RadioInputList__checkmark,
.RadioInputList__item.has-error input:checked~.RadioInputList__checkmark {
    --color-background: var(--red0);
    --color-border: var(--red50);
    box-shadow: none
}

.RadioInputList__item.has-error .RadioInputList__checkmark:after,
.RadioInputList__item.has-error input:checked~.RadioInputList__checkmark:after {
    background-color: transparent
}

.RadioInputList__item.has-error .RadioInputList__container {
    --color-label: var(--red40)
}

.RadioInputList .fade-enter {
    opacity: 0
}

.RadioInputList .fade-enter-active,
.RadioInputList .fade-enter .fade-leave-active {
    transition: opacity .48s cubic-bezier(.37, .74, .15, 1)
}

.FormContainer--blue .RadioInputList__item.has-error .RadioInputList__container:hover .RadioInputList__checkmark,
.FormContainer--blue .RadioInputList__item.has-error input:checked~.RadioInputList__checkmark {
    box-shadow: none
}

.FormContainer--blue .RadioInputList__label {
    color: var(--white) !important
}

.QuickFilters {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

@media only screen and (max-width:1024px) {
    .QuickFilters {
        overflow-x: auto;
        overflow-y: hidden
    }

    .QuickFilters::-webkit-scrollbar {
        display: none
    }

    @-moz-document url-prefix() {
        .QuickFilters {
            scrollbar-width: none
        }
    }
}

.QuickFilters__item {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: #6b6b6b;
    padding: 16px 0 8px;
    margin: 0 12px;
    text-align: left;
    position: relative;
    cursor: pointer;
    flex: 0 0 auto
}

.QuickFilters__item:first-child {
    margin-left: 0
}

.QuickFilters__item span {
    font-weight: 700;
    margin-right: 2px
}

.QuickFilters__item--active {
    color: #282828;
    font-weight: 500
}

.QuickFilters__item--active:after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #282828
}

.QuickFilters__item--active.QuickFilters__more:after {
    display: none
}

.QuickFilters__item--active.QuickFilters__more .QuickFilters__more__trigger__text {
    font-weight: 500
}

.QuickFilters__item--active.QuickFilters__more .QuickFilters__more__trigger__text:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #282828
}

@media only screen and (max-width:1024px) {
    .QuickFilters__item {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.QuickFilters__more {
    position: relative;
    width: 210px;
    padding-bottom: 0
}

.QuickFilters__more__trigger {
    padding: 0;
    position: relative;
    width: auto;
    display: flex;
    color: inherit;
    line-height: inherit;
    font-weight: 300
}

.QuickFilters__more__trigger__text {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-bottom: 8px
}

.QuickFilters__more__trigger__icon {
    margin-left: 6px;
    top: 2px;
    position: relative
}

.QuickFilters__more__trigger__icon:before {
    content: "\e948";
    font-family: Frontiers-Iconography-Next !important;
    color: #6b6b6b;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased
}

.QuickFilters__more__list {
    position: absolute;
    background-color: #fff;
    border: 1px solid var(--grey60);
    box-shadow: 0 4px 5px rgba(40, 40, 40, .12), 0 1px 10px rgba(40, 40, 40, .08), 0 2px 4px rgba(40, 40, 40, .16);
    border-radius: 8px;
    max-height: 540px;
    max-width: 360px;
    overflow: hidden;
    overflow-y: auto;
    z-index: 102;
    top: calc(100% + 4px)
}

.QuickFilters__more__list::-webkit-scrollbar {
    background: transparent;
    -webkit-appearance: none;
    width: 10px;
    height: 10px
}

.QuickFilters__more__list::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(40, 40, 40, .24);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    border-radius: 8px;
    border: 3px solid var(--white)
}

@-moz-document url-prefix() {
    .QuickFilters__more__list {
        scrollbar-width: thin
    }
}

.QuickFilters__more__list .QuickFilters__item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 16px 28px 16px 40px;
    margin: 0;
    color: #6b6b6b;
    width: 100%
}

.QuickFilters__more__list .QuickFilters__item:hover {
    background-color: #f7f7f7;
    cursor: pointer;
    color: #282828
}

.QuickFilters__more__list .QuickFilters__item--active {
    position: relative
}

.QuickFilters__more__list .QuickFilters__item--active:after {
    display: none
}

.QuickFilters__more__list .QuickFilters__item--active:before {
    content: "\e908";
    font-family: Frontiers-Iconography-Next !important;
    color: var(--black);
    font-size: 14px;
    line-height: 14px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    left: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.YoutubeVideo__container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    padding-bottom: calc(var(--aspect-ratio, .5625)*100%)
}

.YoutubeVideo__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.YoutubeVideo__caption {
    margin-top: 8px
}

.Banner {
    display: flex;
    flex-direction: row;
    align-items: flex-start
}

@media only screen and (max-width:1024px) {
    .Banner {
        flex-direction: column
    }
}

.Banner__info {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-right: calc(var(--layout-col-1) + var(--layout-gap)*2);
    text-align: left
}

@media only screen and (max-width:1024px) {
    .Banner__info {
        padding: 0;
        text-align: center
    }
}

.Banner__pretitle {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 700;
    color: #282828;
    margin-bottom: 16px
}

.Banner__title {
    font-size: 1.75rem;
    line-height: 2.4375rem;
    font-weight: 500;
    color: #282828;
    margin-bottom: 24px
}

@media only screen and (max-width:1441px) {
    .Banner__title {
        font-size: 1.5rem;
        line-height: 2.0625rem
    }
}

.Banner__text {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: #545454;
    margin-bottom: 24px
}

.Banner__text p:not([class]):last-of-type {
    margin-bottom: 0
}

@media only screen and (max-width:1441px) {
    .Banner__text {
        font-size: 1.5rem;
        line-height: 2.0625rem
    }
}

@media only screen and (max-width:1024px) {
    .Banner__cta {
        margin-bottom: 24px
    }
}

@media only screen and (max-width:563px) {

    .Banner__cta .Link,
    .Banner__cta .Link__wrapper {
        width: 100%;
        justify-content: center
    }
}

.Banner__asset {
    width: var(--layout-col-10);
    flex-shrink: 0
}

@media only screen and (max-width:1024px) {
    .Banner__asset {
        width: 100%
    }
}

.Banner__img img {
    max-height: 420px
}

@media only screen and (max-width:1024px) {
    .Banner__img img {
        max-height: 480px
    }
}

.FloatingBanner {
    position: fixed;
    z-index: 1;
    width: 100%;
    bottom: -100%
}

.FloatingBanner__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 40px;
    gap: 40px;
    background-color: var(--white);
    margin: 40px auto;
    width: var(--layout-col-20);
    box-sizing: border-box;
    padding: 32px 40px;
    box-shadow: 0 8px 10px rgba(40, 40, 40, .12), 0 3px 14px rgba(40, 40, 40, .08), 0 5px 5px rgba(40, 40, 40, .04);
    border-radius: 16px;
    position: relative
}

@media only screen and (max-width:1024px) {
    .FloatingBanner__wrapper {
        padding: 16px 24px;
        grid-gap: 16px;
        gap: 16px;
        width: calc(100% - 32px);
        margin: 16px
    }
}

@media only screen and (max-width:563px) {
    .FloatingBanner__wrapper {
        width: 100%;
        margin: 16px 0 0;
        flex-direction: column;
        align-items: flex-start;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding-bottom: 32px
    }
}

.FloatingBanner__message {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
    flex: 1
}

.FloatingBanner__title {
    font-size: 1.5rem;
    line-height: 2.0625rem;
    font-weight: 500;
    color: #282828
}

@media only screen and (max-width:1024px) {
    .FloatingBanner__title {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.FloatingBanner__text {
    max-width: 586px;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    color: #282828
}

@media only screen and (max-width:1024px) {
    .FloatingBanner__text {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 300
    }
}

.FloatingBanner__link a {
    text-decoration: none
}

.FloatingBanner__close {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: grid;
    align-items: center;
    justify-items: center;
    place-items: center
}

@media only screen and (max-width:1024px) {
    .FloatingBanner__close {
        width: 32px;
        height: 32px
    }
}

@media only screen and (max-width:563px) {
    .FloatingBanner__close {
        width: 24px;
        height: 24px;
        position: absolute;
        top: 16px;
        right: 16px
    }
}

.FloatingBanner__close:before {
    content: "\e909";
    font-family: Frontiers-Iconography-Next !important;
    color: var(--grey80);
    font-size: 24px;
    line-height: 24px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased
}

@media only screen and (max-width:1024px) {
    .FloatingBanner__close:before {
        font-family: Frontiers-Iconography-Next !important;
        color: var(--grey80);
        font-size: 16px;
        line-height: 16px;
        font-weight: 300 !important;
        -webkit-font-smoothing: antialiased
    }
}

.FloatingBanner__close:hover {
    background-color: rgba(40, 40, 40, .08)
}

.FloatingBanner__close:hover:before {
    color: #282828
}

.Checkbox {
    display: inline-flex;
    align-items: center;
    position: relative
}

.Checkbox__label {
    cursor: pointer;
    padding: 0 8px;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    color: #6b6b6b
}

.Checkbox__label a {
    font-weight: 500;
    color: var(--maincolor50)
}

.Checkbox:not(.Checkbox--disabled) input:checked {
    border: 1px solid var(--black);
    background-color: var(--black)
}

.Checkbox:not(.Checkbox--disabled):after {
    content: "";
    position: absolute;
    width: 48px;
    height: 48px;
    background-color: #282828;
    opacity: 0;
    border-radius: 26px;
    left: -12px;
    top: -12px;
    z-index: -1;
    transition: opacity .2s linear
}

.Checkbox:not(.Checkbox--disabled):active:after {
    opacity: .24
}

.Checkbox:not(.Checkbox--disabled):focus:after {
    opacity: .16
}

.Checkbox:not(.Checkbox--disabled):hover:after {
    opacity: .08;
    cursor: pointer
}

.Checkbox__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-color: #fff;
    margin: 0;
    width: 24px;
    height: 24px;
    border: 1px solid var(--grey50);
    border-radius: 4px;
    position: relative;
    flex: 0 0 24px;
    align-self: flex-start
}

.Checkbox--checked input:checked:before {
    content: "\e908";
    font-family: Frontiers-Iconography-Next !important;
    font-size: 16px;
    color: var(--white);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    -webkit-font-smoothing: antialiased
}

.Checkbox--checked .Checkbox__label {
    color: #282828
}

.Checkbox--indeterminate input:checked:before {
    content: "";
    width: 12px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: #fff
}

.Checkbox--disabled {
    cursor: not-allowed
}

.Checkbox--disabled input {
    cursor: not-allowed;
    background-color: var(--grey40);
    border: 1px solid var(--grey40)
}

.Checkbox--disabled input:checked:before {
    color: var(--grey60)
}

.Checkbox--disabled.Checkbox--indeterminate input:checked:before {
    content: "";
    width: 12px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: var(--grey60)
}

.Checkbox--error input,
.Checkbox.is-filter-error input {
    background-color: var(--red0);
    border: 1px solid var(--red50)
}

.Checkbox+.Messaging {
    --color: #282828;
    font-size: .625rem;
    line-height: .875rem;
    font-weight: 500;
    color: var(--color);
    text-align: left;
    text-align: initial;
    position: relative;
    padding-left: 16px;
    margin-top: 4px
}

.Checkbox+.Messaging__error:before {
    color: var(--red50);
    content: "\e969";
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    font-size: 10px;
    font-weight: 300;
    line-height: 10px;
    width: 12px;
    height: 12px;
    left: 0;
    top: 2px;
    position: absolute
}

.FormContainer--blue .Checkbox input {
    z-index: 2
}

.FormContainer--blue .Checkbox.Checkbox--error>.Checkbox__input {
    background-color: rgba(159, 2, 35, .5);
    border: 1px solid var(--red30)
}

.FormContainer--blue .Checkbox:not(.Checkbox--disabled):not(.Checkbox--error) input {
    border: 1px solid var(--white)
}

.FormContainer--blue .Checkbox:not(.Checkbox--disabled) input {
    background-color: transparent
}

.FormContainer--blue .Checkbox:not(.Checkbox--disabled) input:checked {
    border: 1px solid var(--white);
    background-color: var(--white)
}

.FormContainer--blue .Checkbox:not(.Checkbox--disabled):after {
    background-color: var(--white);
    z-index: 1;
    pointer-events: none
}

.FormContainer--blue .Checkbox:not(.Checkbox--disabled):active:after {
    opacity: .32
}

.FormContainer--blue .Checkbox:not(.Checkbox--disabled):focus:after {
    opacity: .24
}

.FormContainer--blue .Checkbox:not(.Checkbox--disabled):hover:after {
    opacity: .16
}

.FormContainer--blue .Checkbox.Checkbox--disabled input {
    background-color: var(--white);
    border: 1px solid var(--white);
    opacity: .5
}

.FormContainer--blue .Checkbox--checked input:checked:before {
    color: var(--blue80)
}

.FormContainer--blue .Checkbox--indeterminate input:checked:before {
    background-color: var(--blue80)
}

.SnackbarContainer {
    position: fixed;
    bottom: 32px;
    left: 32px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    grid-gap: 20px;
    gap: 20px;
    border-radius: 18px;
    z-index: 9999;
    flex-flow: column-reverse;
    transition: height .6s cubic-bezier(.37, .74, .15, 1)
}

.SnackbarContainer__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    position: relative;
    --color-value: var(--white);
    max-width: 503px;
    min-width: 503px;
    top: 0;
    padding: 29px 24px;
    background-color: var(--black);
    box-shadow: 0 0 38px rgba(40, 40, 40, .12), 0 0 46px rgba(40, 40, 40, .08), 0 0 15px rgba(40, 40, 40, .04);
    border-radius: 16px;
    transition: all .6s cubic-bezier(.37, .74, .15, 1);
    transform: translateY(90px);
    opacity: 0
}

.SnackbarContainer__item--show {
    transform: translate(0);
    opacity: 1
}

.SnackbarContainer__item--hidden {
    transform: translateY(100px);
    opacity: 0
}

.SnackbarContainer__item--multiLine {
    display: block
}

.SnackbarContainer__item--multiLine .SnackbarContainer__itemActions {
    margin-top: 28px
}

.SnackbarContainer__item--multiLine .SnackbarContainer__itemMessage:before {
    align-self: flex-start
}

.SnackbarContainer__itemMessage {
    display: flex;
    align-items: center;
    color: var(--color-value);
    padding-right: 18px;
    max-width: 485px;
    line-height: 22px
}

.SnackbarContainer__itemMessage:before {
    margin-right: 18px;
    font-family: Frontiers-Iconography-Next !important;
    color: var(--color-value);
    font-size: 29px;
    line-height: 29px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle
}

.SnackbarContainer__itemMessage.Success:before {
    content: "\e96c"
}

.SnackbarContainer__itemMessage.Error:before {
    content: "\e90a"
}

.SnackbarContainer__itemActions {
    display: flex;
    grid-gap: 16px;
    gap: 16px;
    justify-content: flex-end;
    margin-top: 0;
    flex-wrap: wrap
}

.SnackbarContainer__itemActions__action {
    color: var(--color-value);
    border: 1px solid var(--color-value);
    border-radius: 60px;
    padding: 8px 16px;
    cursor: pointer
}

.SnackbarContainer__itemActions.addMargin {
    margin-right: 24px
}

.SnackbarContainer__itemClose {
    position: absolute;
    right: 24px
}

.SnackbarContainer__itemClose:before {
    font-family: Frontiers-Iconography-Next !important;
    color: var(--color-value);
    font-size: 11px;
    line-height: 11px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    content: "\e909";
    margin-top: 1px;
    display: block
}

@media only screen and (max-width:563px) {
    .SnackbarContainer__item {
        min-width: auto;
        width: calc(100% - 81px)
    }
}

.Alert {
    box-sizing: border-box;
    max-width: 100%;
    padding: 16px 24px 16px 25px;
    border: 1px solid;
    border-color: var(--border-color);
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    -moz-column-gap: 8px;
    grid-column-gap: 8px;
    column-gap: 8px
}

@media only screen and (max-width:1024px) {
    .Alert {
        padding-left: 16px
    }
}

.Alert:before {
    content: "";
    position: absolute;
    border: 4px solid var(--icon-color);
    height: calc(100% - 6px);
    top: -1px;
    left: -1px
}

@media only screen and (max-width:1024px) {
    .Alert:before {
        border: 2px solid var(--icon-color);
        height: calc(100% - 2px)
    }
}

.Alert--warning {
    --icon-color: var(--orange50);
    --border-color: var(--orange20);
    background-color: var(--orange0)
}

.Alert--warning .Alert__message>div:before {
    content: "\e982";
    color: var(--orange50)
}

.Alert--success {
    --icon-color: var(--green50);
    --border-color: var(--green20);
    background-color: var(--green0)
}

.Alert--success .Alert__message>div:before {
    content: "\e96d";
    color: var(--green50)
}

.Alert--info {
    --icon-color: var(--blue50);
    --border-color: var(--blue20);
    background-color: var(--blue0)
}

.Alert--info .Alert__message>div:before {
    content: "\e950";
    background: transparent;
    color: var(--blue50)
}

.Alert--error {
    --icon-color: var(--red50);
    --border-color: var(--red20);
    background-color: var(--red0)
}

.Alert--error .Alert__message>div:before {
    content: "\e969";
    background: transparent;
    color: var(--red50);
    font-size: 14px;
    margin-right: 8px
}

.Alert__icon {
    grid-row: 1/2;
    grid-column: 1/2;
    display: grid;
    align-items: center;
    justify-items: center;
    place-items: center
}

@media only screen and (max-width:1024px) {
    .Alert .FeedbackIcon {
        width: 16px;
        height: 16px
    }
}

.Alert__main {
    grid-row: 1/2;
    grid-column: 2/3;
    display: flex;
    justify-content: space-between;
    display: inline-flex;
    align-items: center;
    width: 100%
}

.Alert__main:before {
    --icon-color: var(--green50);
    --border-color: var(--green20);
    font-family: Frontiers-Iconography-Next !important;
    background: radial-gradient(circle at center, var(--black) 35%, transparent, transparent 100%);
    font-size: 14px;
    margin-right: 8px;
    align-self: flex-start;
    margin-top: 4px
}

@media only screen and (max-width:1024px) {
    .Alert__main:before {
        margin-top: 2px
    }
}

.Alert__main__message {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    color: var(--black);
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%
}

@media only screen and (max-width:1024px) {
    .Alert__main__message {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 500
    }
}

@media only screen and (max-width:563px) {
    .Alert__main {
        flex-direction: column;
        grid-gap: 15px;
        gap: 15px;
        align-items: flex-start
    }

    .Alert__main button:not(.Alert__message__close) {
        width: calc(100% - 23px);
        align-self: flex-end
    }
}

.Alert__main__close {
    margin-left: 16px;
    max-width: -moz-fit-content;
    max-width: -webkit-fit-content;
    max-width: fit-content
}

@media only screen and (max-width:563px) {
    .Alert__main__close {
        position: absolute;
        top: 16px;
        right: 24px
    }
}

.Alert__main__close:after {
    font-family: Frontiers-Iconography-Next !important;
    content: "\e909";
    color: var(--grey80);
    vertical-align: middle
}

.Alert__info {
    grid-row: 2/3;
    grid-column: 2/3;
    list-style: none
}

.Alert__infoItem:not(:first-child):before {
    content: "";
    display: block;
    border-bottom: 1px solid var(--border-color);
    margin-top: 16px
}

.Alert__infoItem p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    color: var(--black);
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 16px
}

.Alert__infoItem__links {
    list-style: none;
    margin-top: 8px
}

.Alert__infoItem__links li a {
    padding: 8px 0;
    color: var(--grey80);
    font-size: 16px
}

@media only screen and (max-width:1024px) {
    .Alert__infoItem__links li a {
        font-size: 14px
    }
}

.Alert.Alert--showClose>.Alert__message>div>p {
    padding-right: 24px
}

.Alert+.Alert {
    margin-top: -1px
}

.AlphabetDropDown.DropDown {
    width: auto;
    display: inline-flex;
    margin: 0;
    height: 40px
}

.AlphabetDropDown.DropDown.is-disabled .DropDown__titleContainer {
    color: var(--grey40)
}

.AlphabetDropDown .DropDown__title {
    display: none
}

.AlphabetDropDown .DropDown__selectedValue {
    position: unset;
    display: inline-block !important;
    width: unset
}

.AlphabetDropDown .DropDown__titleContainer {
    border-radius: 96px;
    min-height: unset;
    height: 100%;
    width: auto;
    min-width: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.AlphabetDropDown .DropDown__titleContainer:after {
    position: unset;
    display: inline-block
}

.AlphabetDropDown .DropDown__titleContainer--active,
.AlphabetDropDown .DropDown__titleContainer:hover {
    color: #282828
}

.AlphabetDropDown .DropDown__titleContainer--active,
.AlphabetDropDown .DropDown__titleContainer:focus {
    box-shadow: none
}

.AlphabetDropDown .DropDown__menuWrapper {
    min-width: 280px;
    width: auto
}

@media only screen and (max-width:563px) {
    .AlphabetDropDown .DropDown__menuWrapper {
        width: 100%;
        height: 100%
    }
}

.AlphabetDropDown .DropDown__menu {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(6, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-items: center;
    padding: 24px;
    height: auto;
    max-height: -moz-fit-content;
    max-height: -webkit-fit-content;
    max-height: fit-content
}

.AlphabetDropDown .DropDown__option {
    border-radius: 50%
}

.AlphabetDropDown .DropDown__option__button {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    color: #6b6b6b
}

.AlphabetDropDown .DropDown__option__button:hover {
    background-color: #f7f7f7
}

.AlphabetDropDown .DropDown__option--arrow-active.is-disabled {
    background-color: #f0f0f0
}

.AlphabetDropDown .DropDown__option--active .DropDown__option__button,
.AlphabetDropDown .DropDown__option--active .DropDown__option__button:hover {
    background-color: #282828;
    color: var(--white)
}

.AlphabetDropDown .DropDown__option--active .DropDown__option__button:before {
    content: ""
}

.AlphabetDropDown--selected .DropDown__titleContainer {
    background-color: #282828;
    color: var(--white);
    border: none
}

.AlphabetDropDown--selected .DropDown__titleContainer:after,
.AlphabetDropDown--selected .DropDown__titleContainer:hover,
.AlphabetDropDown--selected .DropDown__titleContainer:hover:after {
    color: var(--white)
}

.Switcher {
    height: 28px;
    width: 50px;
    background-color: var(--grey50);
    position: relative;
    cursor: pointer;
    transition: background-color .4s cubic-bezier(.37, .74, .15, 1)
}

.Switcher,
.Switcher:before {
    display: inline-block;
    border-radius: 14px
}

.Switcher:before {
    box-sizing: border-box;
    content: "";
    width: 24px;
    height: 24px;
    background-color: #fff;
    position: absolute;
    left: 2px;
    top: 2px;
    transition: left .4s cubic-bezier(.37, .74, .15, 1)
}

.Switcher:not(.Switcher--disabled):after {
    content: "";
    position: absolute;
    width: 48px;
    height: 48px;
    background-color: #282828;
    opacity: 0;
    border-radius: 26px;
    left: -11px;
    top: -10px;
    transition: all .2s linear
}

.Switcher:not(.Switcher--disabled):active:after {
    opacity: .24
}

.Switcher:not(.Switcher--disabled):focus:after {
    opacity: .16
}

.Switcher:not(.Switcher--disabled):hover:after {
    opacity: .08;
    cursor: pointer
}

.Switcher--checked {
    background-color: var(--black)
}

.Switcher--checked:before {
    left: 24px
}

.Switcher--checked:not(.Switcher--disabled):after {
    left: 12px
}

.Switcher--checked .Switcher__label {
    color: #282828
}

.Switcher--disabled {
    background-color: var(--grey40);
    opacity: .5;
    cursor: not-allowed
}

.Switcher--disabled:before {
    background-color: #f7f7f7
}

.Switcher--disabled.Switcher--checked {
    opacity: 1;
    background-color: var(--grey60)
}

.Switcher--disabled.Switcher--checked:before {
    background-color: var(--grey40)
}

.Switcher__label {
    left: 60px;
    top: 4px;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    position: absolute;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    color: #6b6b6b
}

.Switcher__input {
    display: none
}

.FormContainer--blue .Switcher,
.FormContainer--blue .Switcher:after {
    background-color: var(--white)
}

.FormContainer--blue .Switcher:active:after {
    opacity: .32
}

.FormContainer--blue .Switcher:focus:after {
    opacity: .24
}

.FormContainer--blue .Switcher:hover:after {
    opacity: .16
}

.FormContainer--blue .Switcher:before {
    background-color: var(--blue80)
}

.FormContainer--blue .Switcher__label {
    color: var(--white) !important
}

.FormContainer--blue .Switcher--disabled {
    opacity: .5
}

.Textarea {
    --color-value: #282828;
    --color-label: #6b6b6b;
    --color-background: #fff;
    --color-border: var(--grey40);
    background-color: var(--color-background);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding-right: 2px;
    position: relative;
    text-align: left;
    min-height: 48px
}

.Textarea[focus-within] {
    --color-border: var(--grey50);
    box-shadow: 0 4px 5px rgba(40, 40, 40, .12), 0 1px 10px rgba(40, 40, 40, .08), 0 2px 4px rgba(40, 40, 40, .04)
}

.Textarea:focus-within {
    --color-border: var(--grey50);
    box-shadow: 0 4px 5px rgba(40, 40, 40, .12), 0 1px 10px rgba(40, 40, 40, .08), 0 2px 4px rgba(40, 40, 40, .04)
}

.Textarea__field {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    background-color: transparent;
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--color-value);
    border: none;
    border-top: 20px solid transparent;
    padding: 0 16px;
    resize: vertical;
    width: 100%
}

.Textarea__field::-webkit-scrollbar {
    background: var(--grey20);
    -webkit-appearance: none;
    width: 4px;
    height: 4px
}

.Textarea__field::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: var(--grey50);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    border-radius: 4px;
    border: none
}

@-moz-document url-prefix() {
    .Textarea__field {
        scrollbar-width: thin
    }
}

.Textarea__labelWrapper {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-sizing: content-box;
    height: 32px;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.Textarea__label {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: var(--color-label);
    display: block;
    left: 16px;
    position: absolute;
    top: 13px;
    transform-origin: 0 0;
    transition: transform .4s cubic-bezier(.25, .8, .25, 1)
}

.Textarea--enabled .Textarea__label {
    transform: translateY(-8px) scale(.75)
}

.Textarea--disabled {
    --color-value: var(--grey40);
    --color-border: var(--grey30);
    --color-label: var(--grey40)
}

.Textarea.has-error {
    --color-background: var(--red0);
    --color-border: var(--red50)
}

.Textarea.has-error .Textarea__label {
    --color-label: var(--red40)
}

.Textarea+.Messaging {
    --color: #282828;
    font-size: .625rem;
    line-height: .875rem;
    font-weight: 500;
    color: var(--color);
    text-align: left;
    text-align: initial;
    position: relative;
    padding-left: 16px;
    margin-top: 4px
}

.Textarea+.Messaging__error:before {
    color: var(--red50);
    content: "\e969";
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    font-size: 10px;
    font-weight: 300;
    line-height: 10px;
    width: 12px;
    height: 12px;
    left: 0;
    top: 2px;
    position: absolute
}

.ButtonFiltersContainer {
    overflow: visible
}

.ButtonFiltersContainer__filterList {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: -moz-min-content;
    width: -webkit-min-content;
    width: min-content
}

@media only screen and (max-width:1024px) {
    .ButtonFiltersContainer__filterList {
        display: none
    }
}

.ButtonFiltersContainer__filterItem+li:not(:last-of-type) {
    margin-left: 8px
}

.ButtonFiltersContainer__filterItem .DropDown {
    margin: 0
}

.ButtonFiltersContainer__filterItem .DropDown.is-disabled {
    opacity: .5;
    pointer-events: none
}

.ButtonFiltersContainer__filterItem .DropDown__search {
    padding: 8px 16px 0
}

.ButtonFiltersContainer__filterItem .DropDown__search__icon--search {
    top: 24px;
    transform: none
}

.ButtonFiltersContainer__filterItem .DropDown__titleContainer:after {
    position: absolute;
    top: auto;
    right: 24px;
    font-family: Frontiers-Iconography-Next !important;
    color: inherit;
    font-size: 16px;
    line-height: 16px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased
}

.ButtonFiltersContainer__filterItem .DropDown__title {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    top: auto;
    width: 100%;
    padding-right: 16px;
    color: inherit
}

.ButtonFiltersContainer__filterItem .DropDown__selectedValue {
    position: relative;
    top: auto;
    padding-right: 16px;
    color: inherit;
    width: auto
}

.ButtonFiltersContainer__filterItem .DropDown .DropDown__menuWrapper {
    box-shadow: 0 4px 5px rgba(40, 40, 40, .12), 0 1px 10px rgba(40, 40, 40, .08), 0 2px 4px rgba(40, 40, 40, .04)
}

.ButtonFiltersContainer__filterItem .DropDown:not(.AlphabetDropDown) .DropDown__menuWrapper {
    width: 360px;
    z-index: 40
}

@media only screen and (max-width:1441px) {
    .ButtonFiltersContainer__filterItem .DropDown:not(.AlphabetDropDown) .DropDown__menuWrapper {
        width: 310px
    }
}

.ButtonFiltersContainer__filterItem .DropDown:not(.AlphabetDropDown) .DropDown__menu {
    max-height: 320px
}

@media only screen and (max-width:1441px) {
    .ButtonFiltersContainer__filterItem .DropDown:not(.AlphabetDropDown) .DropDown__menu {
        max-height: 250px
    }
}

.ButtonFiltersContainer__filterItem .DropDown:not(.AlphabetDropDown) .DropDown__option {
    --color-value: #6b6b6b;
    margin: 0
}

.ButtonFiltersContainer__filterItem .DropDown:not(.AlphabetDropDown) .DropDown__option__button {
    padding: 16px 24px 16px 40px
}

.ButtonFiltersContainer__filterItem .DropDown:not(.AlphabetDropDown) .DropDown__option:hover {
    --color-value: var(--black)
}

.ButtonFiltersContainer__filterItem .DropDown:not(.AlphabetDropDown) .DropDown__option--arrow-active {
    --color-value: var(--black);
    background-color: transparent
}

.ButtonFiltersContainer__filterItem .DropDown:not(.AlphabetDropDown) .DropDown__option--arrow-active:hover {
    --color-value: #282828;
    background-color: #f7f7f7
}

.ButtonFiltersContainer__filterItem .DropDown:not(.AlphabetDropDown) .DropDown__option--active .DropDown__option__button:before {
    left: 18px;
    color: inherit
}

.ButtonFiltersContainer__filterItem .DropDown:not(.AlphabetDropDown) .DropDown__search__input {
    border: none;
    box-shadow: none
}

.ButtonFiltersContainer__filterItem .AlphabetDropDown .DropDown__option:not(.DropDown__option--active) {
    color: #6b6b6b
}

.ButtonFiltersContainer__filterItem .AlphabetDropDown .DropDown__option.is-disabled {
    color: var(--grey40)
}

.ButtonFiltersContainer__filterItem .AlphabetDropDown:not(.AlphabetDropDown--selected) .DropDown__title {
    transform: none
}

.ButtonFiltersContainer__filterItem .AlphabetDropDown:not(.AlphabetDropDown--selected) .DropDown__selectedValue {
    display: none !important
}

.ButtonFiltersContainer__filterItem .AlphabetDropDown--selected .DropDown__titleContainer--hasValue,
.ButtonFiltersContainer__filterItem .DropDown:not(.AlphabetDropDown) .DropDown__titleContainer--hasValue {
    background-color: #545454;
    color: var(--white);
    padding-right: 40px
}

.ButtonFiltersContainer__filterItem .AlphabetDropDown--selected .DropDown__titleContainer--hasValue:hover,
.ButtonFiltersContainer__filterItem .DropDown:not(.AlphabetDropDown) .DropDown__titleContainer--hasValue:hover {
    color: var(--white)
}

.ButtonFiltersContainer__filterItem .AlphabetDropDown--selected .DropDown__titleContainer--hasValue .DropDown__title,
.ButtonFiltersContainer__filterItem .DropDown:not(.AlphabetDropDown) .DropDown__titleContainer--hasValue .DropDown__title {
    font-size: .625rem;
    line-height: .875rem;
    font-weight: 300;
    line-height: .75rem;
    transform: none
}

.ButtonFiltersContainer__filterItem .DropDown__titleContainer,
.ButtonFiltersContainer__filterItem__button {
    position: relative;
    padding: 4px 32px 4px 24px;
    height: 40px;
    min-height: auto;
    width: auto;
    text-align: left;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 96px;
    box-sizing: border-box;
    border: 1px solid var(--grey60);
    background-color: #fff;
    color: #545454;
    max-width: 240px;
    box-shadow: none !important;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    transition: color .48s
}

.ButtonFiltersContainer__filterItem .DropDown__titleContainer:hover,
.ButtonFiltersContainer__filterItem__button:hover {
    color: #282828
}

@media only screen and (max-width:1024px) {

    .ButtonFiltersContainer__filterItem .DropDown__titleContainer,
    .ButtonFiltersContainer__filterItem__button {
        padding: 4px 16px;
        height: 32px
    }
}

.ButtonFiltersContainer__filterItem .DropDown__titleContainer--active,
.ButtonFiltersContainer__filterItem__button--active {
    background-color: #f7f7f7
}

.ButtonFiltersContainer__filterItem .DropDown__titleContainer--active .DropDown__title,
.ButtonFiltersContainer__filterItem__button--active .DropDown__title {
    transform: none
}

.ButtonFiltersContainer__filterItem .DropDown__titleContainer--more,
.ButtonFiltersContainer__filterItem__button--more {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-wrap: nowrap;
    display: none;
    margin: 0
}

@media only screen and (max-width:1024px) {

    .ButtonFiltersContainer__filterItem .DropDown__titleContainer--more,
    .ButtonFiltersContainer__filterItem__button--more {
        display: flex
    }
}

.ButtonFiltersContainer__filterItem .DropDown__titleContainer--more:before,
.ButtonFiltersContainer__filterItem__button--more:before {
    content: "\e914";
    font-family: Frontiers-Iconography-Next !important;
    color: var(--grey80);
    font-size: 16px;
    line-height: 16px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    margin-right: 8px
}

.ButtonFiltersContainer__filterItem .DropDown__titleContainer--more__shortTitle,
.ButtonFiltersContainer__filterItem__button--more__shortTitle {
    display: inline-block
}

@media only screen and (max-width:563px) {

    .ButtonFiltersContainer__filterItem .DropDown__titleContainer--more:before,
    .ButtonFiltersContainer__filterItem__button--more:before {
        margin-right: 0
    }

    .ButtonFiltersContainer__filterItem .DropDown__titleContainer--more__shortTitle,
    .ButtonFiltersContainer__filterItem__button--more__shortTitle {
        display: none
    }
}

.ButtonFiltersContainer__filterItem .DropDown__titleContainer--moreActive,
.ButtonFiltersContainer__filterItem__button--moreActive {
    overflow: visible;
    border-color: #282828
}

.ButtonFiltersContainer__filterItem .DropDown__titleContainer--moreActive:after,
.ButtonFiltersContainer__filterItem__button--moreActive:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #282828;
    position: absolute;
    top: 0;
    right: 0
}

.ButtonFiltersContainer__filterItem .DropDown__titleContainer__label,
.ButtonFiltersContainer__filterItem .DropDown__titleContainer__value,
.ButtonFiltersContainer__filterItem__button__label,
.ButtonFiltersContainer__filterItem__button__value {
    display: block;
    text-align: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ButtonFiltersContainer__filterItem .DateRangePicker .Dropdown {
    width: auto
}

.ButtonFiltersContainer__filterItem .DateRangePicker__wrapper {
    min-width: 800px;
    right: 0
}

.ButtonFiltersContainer__clearAllButton {
    display: inline-block;
    cursor: pointer;
    margin-left: 24px;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #282828;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width:1024px) {
    .ButtonFiltersContainer__clearAllButton {
        display: none !important
    }
}

.ButtonFiltersContainerModal--hasScroll .Modal__footer {
    border-top: 1px solid var(--grey40) !important
}

.ButtonFiltersContainerModal__body {
    overflow: auto;
    padding: 0 32px;
    width: 100%;
    box-sizing: border-box;
    --filter-item-height: 70px
}

@media only screen and (max-width:563px) {
    .ButtonFiltersContainerModal__body {
        padding: 0 16px
    }
}

.ButtonFiltersContainerModal__body .Accordion__item {
    box-shadow: none;
    border-top: 1px solid var(--grey40)
}

@media only screen and (max-width:563px) {
    .ButtonFiltersContainerModal__body .Accordion__item:first-of-type {
        border-top: none
    }
}

.ButtonFiltersContainerModal__body .Accordion__item .FilterRadioInputList {
    padding: 0 12px 24px
}

@media only screen and (max-width:563px) {
    .ButtonFiltersContainerModal__body .Accordion__item .FilterRadioInputList {
        padding: 0 6px 16px
    }
}

.ButtonFiltersContainerModal__body .Accordion__item .FilterRadioInputList .SearchBar {
    margin-bottom: 10px;
    width: 50%;
    min-height: 48px
}

@media only screen and (max-width:563px) {
    .ButtonFiltersContainerModal__body .Accordion__item .FilterRadioInputList .SearchBar {
        width: 100%
    }
}

.ButtonFiltersContainerModal__body .Accordion__item .FilterRadioInputList .SearchBar__input {
    padding: 0
}

.ButtonFiltersContainerModal__body .Accordion__item .FilterRadioInputList .SearchBar__appendIcon,
.ButtonFiltersContainerModal__body .Accordion__item .FilterRadioInputList .SearchBar__prependIcon {
    --icon-size: 16px;
    color: var(--black)
}

@media only screen and (max-width:563px) {
    .ButtonFiltersContainerModal__body .Accordion__item .FilterRadioInputList .SearchBar__wrapper {
        margin-top: 8px
    }
}

.ButtonFiltersContainerModal__body .Accordion__item .FilterRadioInputList .RadioInputList__wrapper {
    padding-top: 14px
}

.ButtonFiltersContainerModal__body .Accordion__item .FilterRadioInputList .RadioInputList__wrapper--searching .RadioInputList__label {
    color: var(--grey40)
}

.ButtonFiltersContainerModal__body .Accordion__item .FilterRadioInputList .RadioInputList__wrapper .RadioInputList__label {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300
}

@media only screen and (max-width:563px) {
    .ButtonFiltersContainerModal__body .Accordion__item .FilterRadioInputList .RadioInputList__wrapper .RadioInputList__label {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 300
    }
}

.ButtonFiltersContainerModal__body .Accordion__item .FilterRadioInputList .RadioInputList__wrapper .RadioInputList__label mark {
    background-color: unset;
    color: #282828
}

@media only screen and (max-width:563px) {
    .ButtonFiltersContainerModal__body .Accordion__item .FilterRadioInputList .RadioInputList__wrapper .RadioInputList__container {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 500;
        padding-left: 24px
    }

    .ButtonFiltersContainerModal__body .Accordion__item .FilterRadioInputList .RadioInputList__wrapper .RadioInputList__container:hover .RadioInputList__checkmark {
        box-shadow: 0 0 1px 6px var(--color-hover-border)
    }
}

@media only screen and (max-width:563px) {
    .ButtonFiltersContainerModal__body .Accordion__item .FilterRadioInputList .RadioInputList__wrapper .RadioInputList__checkmark {
        width: 16px;
        height: 16px;
        top: 1px
    }

    .ButtonFiltersContainerModal__body .Accordion__item .FilterRadioInputList .RadioInputList__wrapper .RadioInputList__checkmark:after {
        top: 3px;
        left: 3px;
        width: 8px;
        height: 8px
    }
}

.ButtonFiltersContainerModal__body .Accordion__item .FilterRadioInputList__emptyCase {
    color: #6b6b6b;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    display: flex
}

.ButtonFiltersContainerModal__body .Accordion__item .FilterRadioInputList__emptyCase:before {
    content: "\e94f";
    font-family: Frontiers-Iconography-Next !important;
    font-size: 16px;
    padding-right: 8px;
    color: #6b6b6b;
    -webkit-font-smoothing: antialiased
}

.ButtonFiltersContainerModal__body .Accordion__item:last-of-type {
    border-bottom: 1px solid var(--grey40)
}

.ButtonFiltersContainerModal__body .Accordion__item--open {
    margin: 0
}

.ButtonFiltersContainerModal__body .Accordion__item--open.Accordion__item--radioInputExpanded .Accordion__content {
    height: auto !important
}

.ButtonFiltersContainerModal__body .Accordion__headline {
    height: var(--filter-item-height);
    border-bottom: none
}

@media only screen and (max-width:563px) {
    .ButtonFiltersContainerModal__body .Accordion__headline {
        --filter-item-height: 56px
    }
}

.ButtonFiltersContainerModal__body .Accordion__arrow {
    --accordion-arrow-size: 24px;
    width: var(--accordion-arrow-size);
    height: var(--accordion-arrow-size);
    padding-right: 0
}

@media only screen and (max-width:563px) {
    .ButtonFiltersContainerModal__body .Accordion__arrow {
        --accordion-arrow-size: 16px
    }
}

.ButtonFiltersContainerModal__body .Accordion__arrow:after {
    font-size: var(--accordion-arrow-size);
    line-height: var(--accordion-arrow-size);
    color: #545454
}

.ButtonFiltersContainerModal__body .Accordion__title {
    padding-left: 0;
    color: #545454
}

.ButtonFiltersContainerModal__body .Accordion .Alphabet {
    padding: 16px 0
}

.ButtonFiltersContainerModal__body .DateRangePicker {
    padding: 12px 0 24px
}

@media only screen and (max-width:563px) {
    .ButtonFiltersContainerModal__body .DateRangePicker {
        padding: 8px 0 16px
    }
}

.ButtonFiltersContainerModal__body .DateRangePicker__wrapper {
    position: relative;
    padding: 0;
    border: none;
    box-shadow: none
}

@media only screen and (max-width:563px) {
    .ButtonFiltersContainerModal__body .DateRangePicker__scrollWrapper {
        overflow: hidden;
        max-height: 100%
    }
}

.ButtonFiltersContainerModal__body .DateRangePicker__titleMobile {
    display: none
}

.ButtonFiltersContainerModal__body .DateRangePicker__columnWrapper {
    padding: 0
}

@media only screen and (max-width:563px) {
    .ButtonFiltersContainerModal__body .DateRangePicker__calendar {
        position: relative
    }
}

.ButtonFiltersContainerModal .Modal__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700
}

@media only screen and (max-width:563px) {
    .ButtonFiltersContainerModal .Modal__title {
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 700
    }
}

.ButtonFiltersContainerModal .Modal__close {
    --modal-close-size: 24px;
    width: var(--modal-close-size);
    height: var(--modal-close-size)
}

.ButtonFiltersContainerModal .Modal__close:after {
    font-size: var(--modal-close-size);
    line-height: var(--modal-close-size)
}

.ButtonFiltersContainerModal .Modal__body {
    overflow: hidden;
    padding: 0;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:563px) {
    .ButtonFiltersContainerModal .Modal__footer {
        border-top: none;
        grid-gap: 16px;
        gap: 16px
    }
}

.ButtonFiltersContainerModal .Modal__footer .Button {
    --color-button: var(--maincolor50);
    --color-button-hover: var(--maincolor60);
    --color-button-textFlat: var(--white);
    --color-button-textOutline: var(--maincolor50)
}

@media only screen and (max-width:563px) {
    .ButtonFiltersContainerModal .Modal__footer .Button {
        flex: 1
    }
}

.ButtonFiltersContainerModal .Modal__footer .Button.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

@media only screen and (max-width:563px) {
    .ButtonFiltersContainerModal .Modal__footer .Button.hidden {
        display: none
    }
}

@media only screen and (max-width:563px) {
    .ButtonFiltersContainerModal .Modal__footer .Button+.Button {
        margin-top: 0
    }
}

.Transition--fade-enter-active,
.Transition--fade-leave-active {
    transition: opacity .6s cubic-bezier(.37, .74, .15, 1);
    opacity: 1
}

.Transition--fade-enter,
.Transition--fade-leave-to {
    opacity: 0
}

.Alphabet {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(6, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    row-gap: 16px
}

@media only screen and (max-width:1024px) {
    .Alphabet {
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(5, 1fr)
    }
}

@media only screen and (max-width:768px) {
    .Alphabet {
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: repeat(4, 1fr)
    }
}

@media only screen and (max-width:563px) {
    .Alphabet {
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(6, 1fr)
    }
}

.Alphabet__letter {
    flex: 0 0 40px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b6b6b;
    cursor: pointer
}

.Alphabet__letter.is-disabled {
    color: var(--grey40)
}

.Alphabet__letter:hover {
    background-color: #f7f7f7
}

.Alphabet__letter--active {
    background-color: #282828;
    color: var(--white);
    pointer-events: none
}

.Alphabet__letter--active:hover {
    background-color: #282828
}

.Modal {
    pointer-events: none
}

@media only screen and (max-width:1024px) {
    .Modal--absolute {
        display: flex;
        justify-content: center
    }
}

.Modal--absolute .Modal__overlay {
    position: absolute
}

.Modal--absolute .Modal__container {
    position: absolute;
    max-width: calc(100% - 240px);
    right: 50%;
    top: 50%
}

@media only screen and (max-width:1280px) {
    .Modal--absolute .Modal__container {
        max-width: calc(100% - 160px)
    }
}

@media only screen and (max-width:1024px) {
    .Modal--absolute .Modal__container {
        max-width: calc(100% - 96px)
    }
}

@media only screen and (max-width:768px) {
    .Modal--absolute .Modal__container {
        max-width: calc(100% - 32px)
    }
}

@media only screen and (max-width:563px) {
    .Modal--absolute .Modal__container {
        max-width: 100%;
        right: 0;
        top: 0
    }
}

.Modal--show {
    pointer-events: all
}

.Modal--show .Modal__container,
.Modal--show .Modal__overlay {
    opacity: 1
}

.Modal--noFooter .Modal__container {
    padding-bottom: 32px
}

@media only screen and (max-width:563px) {
    .Modal--noFooter .Modal__container {
        padding-bottom: 16px
    }
}

.Modal--floatingClose .Modal__container {
    max-height: calc(100vh - 264px);
    overflow: visible;
    background: var(--grey20);
    max-width: 548px
}

@media only screen and (max-width:563px) {
    .Modal--floatingClose .Modal__container {
        max-height: 100vh;
        margin-bottom: 128px;
        padding-bottom: 0 !important
    }

    .Modal--floatingClose .Modal__container:after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 128px;
        background: linear-gradient(180deg, hsla(0, 0%, 94.1%, 0), #f0f0f0 59.37%)
    }
}

.Modal--floatingClose .Modal__body::-webkit-scrollbar {
    background: var(--grey20);
    -webkit-appearance: none;
    width: 20px;
    height: 20px
}

.Modal--floatingClose .Modal__body::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(40, 40, 40, .24);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    border-radius: 16px;
    border: 8px solid var(--grey20)
}

@-moz-document url-prefix() {
    .Modal--floatingClose .Modal__body {
        scrollbar-width: thin
    }
}

@media only screen and (max-width:563px) {
    .Modal--floatingClose .Modal__spacer {
        width: 100%;
        min-height: 128px
    }
}

.Modal--floatingClose .Modal__header {
    justify-content: center;
    padding: 24px
}

.Modal--floatingClose .Modal__title {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #545454
}

.Modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(40, 40, 40, .24);
    -webkit-backdrop-filter: blur(56px);
    backdrop-filter: blur(56px);
    transition: opacity .38s cubic-bezier(.37, .74, .15, 1);
    z-index: 1500
}

.Modal__container {
    position: fixed;
    width: var(--layout-col-12);
    max-height: calc(100vh - 96px);
    top: 50vh;
    right: 50vw;
    transform: translate(50%, -50%);
    background-color: #fff;
    box-shadow: 0 24px 38px rgba(40, 40, 40, .12), 0 9px 46px rgba(40, 40, 40, .08), 0 11px 15px rgba(40, 40, 40, .04);
    opacity: 0;
    transition: opacity .4s ease-in-out 0ms;
    z-index: 1501;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 38px rgba(40, 40, 40, .12), 0 9px 46px rgba(40, 40, 40, .08), 0 11px 15px rgba(40, 40, 40, .16);
    border-radius: 8px;
    box-sizing: border-box
}

@media only screen and (max-width:1441px) {
    .Modal__container {
        width: var(--layout-col-16)
    }
}

@media only screen and (max-width:1280px) {
    .Modal__container {
        max-height: calc(100vh - 80px)
    }
}

@media only screen and (max-width:563px) {
    .Modal__container {
        top: 0;
        height: 100%;
        max-height: 100%;
        width: 100%;
        right: 0;
        border: none;
        border-radius: 0;
        transform: none
    }
}

.Modal__header {
    display: flex;
    justify-content: space-between;
    padding: 32px
}

@media only screen and (max-width:563px) {
    .Modal__header {
        padding: 24px 16px;
        border-bottom: 1px solid var(--grey40)
    }
}

.Modal__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700
}

@media only screen and (max-width:563px) {
    .Modal__title {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.Modal__close {
    position: relative;
    width: 24px;
    height: 24px;
    cursor: pointer;
    top: -16px;
    right: -16px
}

.Modal__close:after {
    content: "\e909";
    color: #545454;
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    top: 0;
    left: 0
}

@media only screen and (max-width:563px) {
    .Modal__close {
        top: 0;
        right: 0
    }
}

.Modal__body {
    flex: 1;
    overflow: auto;
    padding: 0 32px;
    min-height: 180px
}

.Modal__body::-webkit-scrollbar {
    background: var(--white);
    -webkit-appearance: none;
    width: 20px;
    height: 20px
}

.Modal__body::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(40, 40, 40, .24);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    border-radius: 16px;
    border: 8px solid var(--white)
}

@-moz-document url-prefix() {
    .Modal__body {
        scrollbar-width: thin
    }
}

@media only screen and (max-width:563px) {
    .Modal__body {
        padding: 0 16px;
        min-height: unset
    }
}

@media only screen and (max-width:1024px) and (orientation:landscape) {
    .Modal__body {
        min-height: unset
    }
}

.Modal__footer {
    padding: 16px 32px;
    display: flex;
    justify-content: flex-end
}

.Modal__footer--multiple {
    justify-content: space-between
}

@media only screen and (max-width:563px) {
    .Modal__footer--multiple {
        flex-wrap: wrap
    }
}

@media only screen and (max-width:563px) {
    .Modal__footer *+* {
        margin-top: 8px
    }
}

@media only screen and (max-width:563px) {
    .Modal__footer * {
        flex: 1 0 100%;
        justify-content: center
    }
}

@media only screen and (max-width:563px) {
    .Modal__footer {
        border-top: 1px solid var(--grey40);
        padding: 16px
    }
}

.Modal__floatingClose {
    position: absolute;
    width: 56px;
    height: 56px;
    background: var(--white);
    margin-top: 52px;
    margin-left: calc(50% - 28px);
    bottom: -108px;
    border-radius: 50%;
    box-shadow: 0 4px 5px rgba(40, 40, 40, .12), 0 1px 10px rgba(40, 40, 40, .08), 0 2px 4px rgba(40, 40, 40, .04)
}

@media only screen and (max-width:563px) {
    .Modal__floatingClose {
        position: fixed;
        bottom: 16px;
        z-index: 1
    }
}

.Modal__floatingClose:after {
    content: "\e909";
    font-family: Frontiers-Iconography-Next !important;
    font-size: 16px;
    font-weight: 300;
    height: 16px;
    line-height: 16px;
    width: 16px;
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    -webkit-font-smoothing: antialiased;
    color: var(--grey80)
}

.DatePicker {
    position: relative;
    margin-bottom: 6px;
    width: 240px
}

.DatePicker.is-filter-error .DatePicker__titleContainer {
    border-color: var(--red50);
    color: var(--red50)
}

.DatePicker.is-filter-error .DatePicker__titleContainer:after {
    color: var(--red50)
}

.DatePicker.is-disabled {
    opacity: 1
}

.DatePicker.is-disabled .DatePicker__titleContainer {
    border-color: var(--grey40);
    background: var(--grey5);
    color: var(--grey50)
}

.DatePicker.is-disabled .DatePicker__titleContainer:after {
    color: var(--grey50)
}

.DatePicker__titleContainer {
    width: 100%;
    border: 1px solid var(--grey40);
    height: 36px;
    cursor: pointer;
    text-align: left;
    position: relative;
    padding: 0 28px 0 8px;
    box-sizing: border-box;
    background: var(--white);
    display: flex;
    font-size: 13px;
    font-weight: 500;
    line-height: 36px;
    color: var(--grey80);
    transition: box-shadow .24s cubic-bezier(.37, .74, .15, 1)
}

.DatePicker__titleContainer--active,
.DatePicker__titleContainer:hover {
    border-color: var(--grey50);
    color: var(--grey50)
}

.DatePicker__titleContainer--active:after,
.DatePicker__titleContainer:hover:after {
    color: var(--grey70)
}

.DatePicker__titleContainer--active {
    z-index: 11
}

.DatePicker__titleContainer--active:after {
    transform: rotate(180deg)
}

.DatePicker__titleContainer .DatePicker__selectedValue {
    display: none
}

.DatePicker__titleContainer.is-filtered {
    color: var(--grey50)
}

.DatePicker__titleContainer.is-filtered .DatePicker__emptyValue {
    display: none
}

.DatePicker__titleContainer.is-filtered .DatePicker__selectedValue {
    display: inline-block
}

.DatePicker__titleContainer:after {
    content: "\e965";
    font-family: Frontiers-Iconography-Next !important;
    color: var(--grey80);
    font-size: 12px;
    line-height: 12px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 11px;
    right: 8px
}

.DatePicker__title {
    padding-right: 5px;
    position: relative;
    white-space: nowrap
}

.DatePicker__title:after {
    content: ":"
}

.DatePicker__title:empty {
    display: none
}

.DatePicker__emptyValue,
.DatePicker__selectedValue {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.DatePicker__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--grey40)
}

.DatePicker__header__nextMonth,
.DatePicker__header__prevMonth {
    cursor: pointer
}

.DatePicker__header__nextMonth:before,
.DatePicker__header__prevMonth:before {
    font-family: Frontiers-Iconography-Next !important;
    color: var(--grey80);
    font-size: 16px;
    line-height: 16px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    display: block
}

.DatePicker__header__prevMonth:before {
    content: "\e910"
}

.DatePicker__header__prevMonth--responsive {
    display: none
}

@media only screen and (max-width:563px) {
    .DatePicker__header__prevMonth--responsive {
        display: block
    }
}

.DatePicker__header__nextMonth:before {
    content: "\e90b"
}

.DatePicker__header__inputs {
    display: flex;
    flex: 1 0 auto
}

.DatePicker__header__inputs input[type=number]::-webkit-inner-spin-button,
.DatePicker__header__inputs input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: button
}

.DatePicker__header__inputs input[type=number] {
    -moz-appearance: button
}

.DatePicker__header__inputs__year {
    border: 0;
    width: 76px;
    border-style: solid;
    padding-left: 5px;
    box-sizing: border-box
}

.DatePicker__header__inputs__year:hover {
    border-color: var(--grey20)
}

.DatePicker__header__inputs__year::-webkit-textfield-decoration-container {
    height: 100%
}

.DatePicker__header__inputs .DropDown {
    margin-bottom: 0;
    border-right: 1px solid var(--grey40);
    width: 94px
}

.DatePicker__header__inputs .DropDown__menu {
    max-height: 176px
}

.DatePicker__header__inputs .DropDown__titleContainer {
    border: none;
    line-height: 32px;
    height: 32px
}

.DatePicker__header__inputs .DropDown__titleContainer:hover {
    border-color: var(--grey20)
}

.DatePicker__header__inputs .DropDown__titleContainer:after {
    top: 10px
}

.DatePicker__header__inputs .DropDown__menuWrapper {
    top: calc(100% + 1px);
    left: -1px;
    width: calc(100% + 2px)
}

@media only screen and (max-width:1024px) {
    .DatePicker__header__inputs .DropDown__menuWrapper {
        position: absolute;
        top: calc(100% + 1px);
        width: 100%;
        max-height: 200px;
        border: 1px solid var(--grey40);
        transform: none;
        left: 0 !important;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2), 0 12px 50px 0 rgba(0, 0, 0, .2)
    }
}

@media only screen and (max-width:1024px) {

    .DatePicker__header__inputs .DropDown__overlay,
    .DatePicker__header__inputs .DropDown__titleMobile {
        display: none
    }
}

.DatePicker__month {
    display: flex;
    width: 224px;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    padding-top: 8px
}

@media only screen and (max-width:1024px) {
    .DatePicker__month {
        width: 252px
    }
}

@media only screen and (max-width:563px) {
    .DatePicker__month {
        width: 100%
    }
}

.DatePicker__month__date,
.DatePicker__month__day {
    border: 1px solid transparent;
    width: 32px;
    height: 32px;
    align-self: center;
    box-sizing: border-box
}

@media only screen and (max-width:1024px) {

    .DatePicker__month__date,
    .DatePicker__month__day {
        width: 36px;
        height: 36px
    }
}

@media only screen and (max-width:563px) {

    .DatePicker__month__date,
    .DatePicker__month__day {
        width: 46px;
        height: 46px
    }
}

.DatePicker__month__day {
    font-size: 11px;
    font-weight: 500;
    line-height: 24px;
    color: var(--black);
    cursor: default
}

.DatePicker__month__date {
    position: relative;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: var(--grey40);
    cursor: pointer;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none
}

@media only screen and (max-width:1024px) {
    .DatePicker__month__date {
        font-size: .75rem;
        line-height: 1.0625rem;
        font-weight: 500
    }
}

.DatePicker__month__date--current-date,
.DatePicker__month__date--current-month {
    color: var(--grey70);
    opacity: 1;
    pointer-events: all
}

.DatePicker__month__date:hover {
    border: 1px solid var(--grey10);
    background-color: var(--grey10);
    transition-property: background-color, border-color;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

.DatePicker__month__date--selected-date {
    background-color: var(--grey80);
    color: #fff;
    cursor: default
}

.DatePicker__month__date--selected-date:hover {
    background-color: var(--grey80);
    border-color: var(--grey80)
}

.DatePicker__month__date--notAllowed {
    color: var(--grey40);
    cursor: not-allowed
}

.DatePicker__month__date--notAllowed:hover {
    cursor: not-allowed;
    border-color: transparent;
    background-color: transparent
}

.DatePicker__menuWrapper {
    background-color: var(--white);
    border: 1px solid var(--grey50);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 240px
}

.DatePicker__menu {
    margin: 0;
    padding: 0;
    background-color: var(--white);
    position: relative;
    z-index: 1
}

@media only screen and (max-width:563px) {
    .DatePicker__menu:first-child {
        display: none
    }
}

.DatePicker__menuWrapper {
    position: absolute;
    left: 0;
    top: calc(100% - 1px);
    z-index: 10;
    display: none;
    pointer-events: none
}

.DatePicker__menuWrapper--open {
    opacity: 1;
    pointer-events: all;
    display: block
}

@media only screen and (max-width:1024px) {
    .DatePicker__menuWrapper {
        position: fixed;
        top: 50%;
        left: 50% !important;
        right: auto !important;
        max-height: 90vh;
        width: 240px;
        max-width: none;
        z-index: 1020;
        overflow: visible;
        background-color: transparent;
        border: none;
        box-shadow: none;
        transform: translate(-50%, -50%)
    }
}

.DatePicker__overlay {
    display: none;
    pointer-events: none
}

@media only screen and (max-width:1024px) {
    .DatePicker__overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .7);
        z-index: 1000;
        display: block;
        pointer-events: all
    }
}

.DatePicker__titleMobile {
    text-align: left;
    padding: 10px 10px 10px 0;
    margin: 0 0 5px;
    background: transparent;
    color: #fff;
    display: none
}

@media only screen and (max-width:1024px) {
    .DatePicker__titleMobile {
        display: block
    }
}

.DatePicker__monthName {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    color: var(--black);
    width: 100%;
    text-align: center
}

.DatePicker__month__header {
    display: flex
}

.is-hidden {
    display: none
}

.DateRangePicker {
    position: relative
}

@media only screen and (max-width:563px) {
    .DateRangePicker {
        padding: 0
    }
}

.DateRangePicker__wrapper {
    z-index: 1;
    background-color: var(--white);
    border: 1px solid var(--grey40);
    box-shadow: 0 12px 17px rgba(40, 40, 40, .12), 0 5px 22px rgba(40, 40, 40, .08), 0 7px 8px rgba(40, 40, 40, .04);
    border-radius: 8px;
    padding: 24px;
    position: absolute;
    margin-top: 4px;
    max-width: 840px
}

@media only screen and (max-width:563px) {
    .DateRangePicker__wrapper {
        padding: 0;
        width: 100%;
        height: auto;
        max-width: 100%;
        border: none;
        box-shadow: none;
        margin: 0;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99
    }
}

.DateRangePicker__scrollWrapper {
    display: flex;
    flex-flow: row wrap;
    -moz-column-gap: 56px;
    grid-column-gap: 56px;
    column-gap: 56px
}

@media only screen and (max-width:1024px) {
    .DateRangePicker__scrollWrapper {
        flex-flow: column
    }
}

@media only screen and (max-width:563px) {
    .DateRangePicker__scrollWrapper {
        overflow: hidden;
        overflow-y: auto;
        height: 100%;
        max-height: calc(100vh - 72px)
    }
}

.DateRangePicker__month__date--selected-in-range {
    position: relative;
    color: var(--grey80)
}

.DateRangePicker__month__date--selected-in-range:hover {
    background-color: var(--grey30);
    border-color: var(--grey30)
}

.DateRangePicker__month__date--selected-in-range:after {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 32px;
    height: 100%;
    background-color: var(--grey10);
    z-index: -1
}

@media only screen and (max-width:1024px) {
    .DateRangePicker__month__date--selected-in-range:after {
        width: 36px
    }
}

@media only screen and (max-width:563px) {
    .DateRangePicker__month__date--selected-in-range:after {
        width: 46px
    }
}

.DateRangePicker__month__date--selected-from {
    background-color: var(--grey80);
    color: var(--white)
}

.DateRangePicker__month__date--selected-from:after {
    content: "";
    position: absolute;
    top: 0;
    right: -2px;
    width: 16px;
    height: 100%;
    background-color: var(--grey10);
    z-index: -1
}

.DateRangePicker__month__date--selected-to {
    background-color: var(--grey80);
    color: var(--white)
}

.DateRangePicker__month__date--selected-to:after {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    width: 16px;
    height: 100%;
    background-color: var(--grey10);
    z-index: -1
}

.DateRangePicker__month__date--selected-from:hover,
.DateRangePicker__month__date--selected-to:hover {
    background-color: var(--grey80)
}

.DateRangePicker__calendar {
    display: flex;
    -moz-column-gap: 32px;
    grid-column-gap: 32px;
    column-gap: 32px
}

@media only screen and (max-width:1024px) {
    .DateRangePicker__calendar {
        margin-bottom: 24px;
        justify-content: center
    }
}

@media only screen and (max-width:563px) {
    .DateRangePicker__calendar {
        width: 100%;
        max-width: 100%;
        -moz-column-gap: 0;
        grid-column-gap: 0;
        column-gap: 0;
        margin: 0 auto 24px
    }
}

.DateRangePicker__controls {
    display: flex
}

.DateRangePicker__columnWrapper {
    flex: 1 0 0
}

@media only screen and (max-width:563px) {
    .DateRangePicker__columnWrapper {
        padding: 0 16px
    }
}

@media only screen and (max-width:563px) {
    .DateRangePicker__columnWrapper:first-child {
        padding-top: 16px
    }
}

@media only screen and (max-width:563px) {
    .DateRangePicker__columnWrapper:nth-child(2) {
        margin-bottom: 16px
    }
}

@media only screen and (max-width:563px) {
    .DateRangePicker__columnWrapper:nth-child(2).DateRangePicker__columnWrapper--extraMarginBottom {
        margin-bottom: 80px
    }
}

.DateRangePicker__error {
    position: relative;
    margin: 8px 0 0;
    padding: 0 0 0 12px;
    font-size: .625rem;
    line-height: .875rem;
    font-weight: 300;
    color: var(--black);
    width: 100%;
    text-align: left;
    flex: 1 100%
}

.DateRangePicker__error:before {
    content: "\e90a";
    font-family: Frontiers-Iconography-Next !important;
    color: var(--red50);
    font-size: 12px;
    line-height: 12px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 1px;
    left: 0
}

.DateRangePicker__title {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    color: var(--grey70);
    margin-bottom: 24px
}

@media only screen and (max-width:1024px) {
    .DateRangePicker__title {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 500;
        margin-bottom: 16px
    }
}

.DateRangePicker__customRange {
    margin-top: 40px
}

@media only screen and (max-width:1024px) {
    .DateRangePicker__customRange {
        margin-top: 32px
    }
}

.DateRangePicker__buttons .Button {
    margin-right: 8px;
    margin-bottom: 8px;
    height: 28px
}

.DateRangePicker__preset--selected,
.DateRangePicker__preset--selected:hover {
    background-color: var(--grey80);
    color: var(--white)
}

.DateRangePicker__inputs {
    display: flex;
    flex-flow: row wrap;
    -moz-column-gap: 16px;
    grid-column-gap: 16px;
    column-gap: 16px
}

.DateRangePicker__inputs .Input__field {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300
}

@media only screen and (max-width:563px) {
    .DateRangePicker__inputs {
        flex-flow: column
    }
}

.DateRangePicker__input {
    flex: 1 0 0
}

@media only screen and (max-width:563px) {
    .DateRangePicker__input:last-child {
        margin-top: 16px
    }
}

.DateRangePicker__actions {
    justify-content: flex-end;
    display: flex;
    -moz-column-gap: 16px;
    grid-column-gap: 16px;
    column-gap: 16px;
    flex: 1 100%;
    margin-top: 32px
}

@media only screen and (max-width:563px) {
    .DateRangePicker__actions {
        position: absolute;
        bottom: 0;
        z-index: 9;
        width: 100%;
        background-color: var(--white);
        background: #fff;
        padding: 8px 0;
        box-shadow: 0 0 3px rgba(0, 25, 89, .31), 0 -2px 3px rgba(0, 25, 89, .25)
    }
}

.DateRangePicker__actions .Button {
    height: 40px;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    padding: 8px 24px;
    --color-button: var(--maincolor50);
    --color-button-hover: var(--maincolor60);
    --color-button-textFlat: var(--white);
    --color-button-textOutline: var(--maincolor50)
}

@media only screen and (max-width:563px) {
    .DateRangePicker__actions .Button {
        width: 100%
    }
}

@media only screen and (max-width:563px) {
    .DateRangePicker__actions .Button:first-child {
        margin-left: 16px
    }
}

@media only screen and (max-width:563px) {
    .DateRangePicker__actions .Button:last-child {
        margin-right: 16px
    }
}

.DateRangePicker__titleMobile {
    display: none;
    width: 100%
}

@media only screen and (max-width:563px) {
    .DateRangePicker__titleMobile {
        display: block;
        background-color: var(--white);
        padding: 24px 16px;
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 700;
        color: var(--black);
        border-bottom: 1px solid var(--grey40);
        text-align: left
    }
}

.DateRangePicker__titleMobile:before {
    position: absolute;
    content: "\e909";
    color: var(--grey80);
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    right: 16px;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 700;
    top: 24px
}

.Testimonials {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    --testimonials-height-text: 110px
}

@media only screen and (max-width:1441px) {
    .Testimonials {
        --testimonials-height-text: 154px
    }
}

@media only screen and (max-width:1024px) {
    .Testimonials {
        --testimonials-height-text: 0;
        width: var(--layout-col-20);
        padding: 0
    }
}

@media only screen and (max-width:768px) {
    .Testimonials {
        width: var(--layout-col-14)
    }
}

@media only screen and (max-width:563px) {
    .Testimonials {
        max-width: calc(100% - 32px);
        width: 100%;
        box-sizing: border-box
    }
}

.Testimonials__list__inner {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:1024px) {
    .Testimonials__list__inner {
        flex-flow: column
    }
}

.Testimonials__wrapper {
    display: flex;
    overflow: hidden;
    flex: 1;
    flex-flow: column;
    max-width: var(--layout-col-6)
}

@media only screen and (min-width:1024px) {
    .Testimonials__wrapper {
        opacity: 1 !important
    }
}

@media only screen and (max-width:1024px) {
    .Testimonials__wrapper {
        opacity: 0;
        position: absolute;
        max-width: 100%
    }
}

@media only screen and (max-width:563px) {
    .Testimonials__wrapper {
        width: 100%;
        box-sizing: border-box
    }
}

.Testimonials__data {
    display: flex
}

@media only screen and (max-width:1024px) {
    .Testimonials__data {
        margin: 0 auto;
        flex-wrap: wrap
    }
}

.Testimonials__separator {
    width: 100%;
    height: 1px;
    background-color: #f0f0f0;
    margin: 24px 0 16px
}

.Testimonials__img {
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (max-width:1024px) {
    .Testimonials__img {
        width: 100%;
        text-align: center;
        padding-bottom: 8px
    }
}

.Testimonials__img img {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden
}

@media only screen and (max-width:1024px) {
    .Testimonials__img img {
        width: 48px;
        height: 48px
    }
}

.Testimonials__text {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    text-align: left
}

@media only screen and (max-width:1024px) {
    .Testimonials__text {
        text-align: center;
        width: 100%
    }
}

.Testimonials__author {
    margin-left: 16px
}

.Testimonials__author__name {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    color: #282828
}

@media only screen and (max-width:1024px) {
    .Testimonials__author {
        text-align: center;
        width: 100%;
        margin-left: 0
    }
}

.Testimonials__organization {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    color: #6b6b6b
}

@media only screen and (max-width:1024px) {
    .Testimonials__organization {
        font-size: .75rem;
        line-height: 1.0625rem;
        font-weight: 300
    }
}

.Testimonials__role {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-weight: 500;
    color: #6b6b6b
}

@media only screen and (max-width:1024px) {
    .Testimonials__role {
        font-size: .625rem;
        line-height: .875rem;
        font-weight: 500
    }
}

.Testimonials__dots {
    align-self: center;
    flex-flow: row;
    width: auto;
    padding-top: 40px
}

.Testimonials__dots,
.Testimonials__dots__item {
    display: flex;
    align-items: center;
    justify-content: center
}

.Testimonials__dots__item {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid transparent
}

.Testimonials__dots__item:not(:last-of-type) {
    margin-right: 8px
}

@media only screen and (max-width:1024px) {
    .Testimonials__dots__item {
        width: 24px;
        height: 24px
    }
}

.Testimonials__dots__item:after {
    content: " ";
    width: 8px;
    height: 8px;
    background-color: var(--grey50);
    border-radius: 50%;
    position: absolute;
    transition: background-color .6s cubic-bezier(.37, .74, .15, 1)
}

@media only screen and (max-width:1024px) {
    .Testimonials__dots__item:after {
        width: 6px;
        height: 6px
    }
}

.Testimonials__dots__item--active {
    border: 1px solid var(--grey30)
}

.Testimonials__dots__item--active:after {
    background-color: #545454
}

.UgaritInput {
    min-width: 100px;
    max-width: 100%;
    position: relative
}

.UgaritInput.is-filter-error .UgaritInput__input {
    border-color: #d51a2c;
    color: #d51a2c
}

.UgaritInput__createForm {
    border: 1px solid var(--grey40);
    box-shadow: 0 4px 5px rgba(40, 40, 40, .12), 0 1px 10px rgba(40, 40, 40, .08), 0 2px 4px rgba(40, 40, 40, .04);
    padding: 24px;
    background: var(--white);
    border-radius: 8px
}

.UgaritInput__hint {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    width: 100%;
    font-size: .625rem;
    line-height: .875rem;
    font-weight: 300;
    color: #6b6b6b;
    box-sizing: border-box;
    z-index: 1
}

.UgaritInput__icon {
    position: absolute;
    right: 2px;
    top: 0;
    cursor: pointer;
    width: 36px;
    height: 36px;
    top: 5px;
    z-index: 2
}

.UgaritInput__icon:after {
    font-family: Frontiers-Iconography-Next !important;
    position: absolute;
    color: var(--grey70);
    font-size: 16px;
    height: 16px;
    width: 16px;
    top: calc(50% - 8px);
    left: calc(50% - 8px)
}

.UgaritInput__icon--reset:after {
    content: "\e909"
}

.UgaritInput__suggestionsWrapper {
    position: absolute;
    top: calc(100% + 6px);
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    border: 1px solid var(--grey60);
    border-radius: 8px;
    background: var(--white);
    box-sizing: border-box;
    transition: box-shadow .24s cubic-bezier(.37, .74, .15, 1);
    overflow: hidden
}

.UgaritInput__suggestionsWrapper--show {
    opacity: 1;
    pointer-events: all;
    position: absolute;
    z-index: 220;
    box-shadow: 0 12px 17px rgba(40, 40, 40, .12), 0 5px 22px rgba(40, 40, 40, .08), 0 7px 8px rgba(40, 40, 40, .04)
}

.UgaritInput__suggestionsWrapper--spinner {
    min-height: 112px
}

.UgaritInput__suggestionsWrapper--spinner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: hsla(0, 0%, 100%, .7);
    border-radius: 8px
}

.UgaritInput__suggestionsWrapper--noItems {
    border-top: 0
}

.UgaritInput__spinner {
    width: 32px;
    height: 32px;
    position: absolute;
    top: calc(50% - 16px);
    left: calc(50% - 16px);
    z-index: 1
}

.UgaritInput__spinner:after {
    content: "\e916";
    font-family: Frontiers-Iconography-Next !important;
    font-size: 32px;
    color: var(--grey50);
    -webkit-animation: rotate 1.5s linear infinite backwards;
    animation: rotate 1.5s linear infinite backwards;
    position: absolute;
    top: 0;
    left: 0
}

.UgaritInput__suggestions {
    max-height: 344px;
    overflow: auto;
    margin-top: 2px
}

.UgaritInput__suggestions::-webkit-scrollbar {
    background: transparent;
    -webkit-appearance: none;
    width: 8px;
    height: 8px
}

.UgaritInput__suggestions::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    border-radius: 6px;
    border: 3px solid var(--white)
}

@-moz-document url-prefix() {
    .UgaritInput__suggestions {
        scrollbar-width: thin
    }
}

.UgaritInput__suggestions__item {
    display: flex;
    flex-direction: column;
    padding: 13px 16px 13px 40px;
    cursor: pointer;
    position: relative;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: #6b6b6b
}

.UgaritInput__suggestions__item--hover,
.UgaritInput__suggestions__item:hover {
    color: #282828;
    background: var(--grey10)
}

.UgaritInput__suggestions__item--name {
    font-weight: 700
}

.UgaritInput__suggestions__item--empty-case {
    color: var(--grey50);
    cursor: default;
    pointer-events: none
}

.UgaritInput__suggestions__item--empty-case:hover {
    background-color: var(--white)
}

.UgaritInput__footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    padding: 16px;
    border-top: 1px solid var(--grey40)
}

.UgaritInput__footer__message {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    color: #282828
}

.UgaritInput__footer *+.Button {
    margin-left: 24px
}

.UgaritInput--icons-left .UgaritInput__input {
    padding: 0 8px 0 46px
}

.UgaritInput--icons-left .UgaritInput__icon {
    left: 11px;
    right: auto
}

.UgaritInput__wrapper.is-filter-error .UgaritInput>.Input .Input__field {
    --color-background: var(--red0);
    --color-border: var(--red50)
}

.UgaritInput__wrapper.is-filter-error .UgaritInput>.Input .Input__label {
    --color-label: var(--red40)
}

.UgaritInput__wrapper+.Messaging {
    --color: #282828;
    font-size: .625rem;
    line-height: .875rem;
    font-weight: 500;
    color: var(--color);
    text-align: left;
    text-align: initial;
    position: relative;
    padding-left: 16px;
    margin-top: 4px
}

.UgaritInput__wrapper+.Messaging__error:before {
    color: var(--red50);
    content: "\e969";
    font-family: Frontiers-Iconography-Next !important;
    -webkit-font-smoothing: antialiased;
    font-size: 10px;
    font-weight: 300;
    line-height: 10px;
    width: 12px;
    height: 12px;
    left: 0;
    top: 2px;
    position: absolute
}

.UgaritInput__wrapper--createForm+.Messaging {
    display: none !important
}

.CreateForm__title {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    color: #282828;
    margin-bottom: 24px
}

.CreateForm__actions {
    display: flex;
    justify-content: flex-end
}

.CreateForm__actions .Button {
    margin-left: 16px
}

.CreateForm__flex {
    display: flex;
    grid-gap: 32px;
    gap: 32px
}

.CreateForm__flex__item {
    flex: 1
}

.CreateForm .Alert+.CreateForm__actions {
    margin-top: 24px
}

.CreateForm .DropDown,
.CreateForm .Input {
    margin-top: 0;
    margin-bottom: 24px;
    width: 100%
}

.CreateForm .Messaging {
    margin-top: -20px;
    margin-bottom: 4px;
    font-size: .625rem;
    line-height: .875rem;
    font-weight: 300;
    color: #282828;
    padding-left: 16px
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(3turn)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(3turn)
    }
}

@-webkit-keyframes bounce {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(5px)
    }
}

@keyframes bounce {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(5px)
    }
}

@-webkit-keyframes sk-bounce {

    0%,
    to {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

@keyframes sk-bounce {

    0%,
    to {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

@-webkit-keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes shake {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

@-webkit-keyframes loading {
    0% {
        transform: rotate(-90deg) translate(0);
        transform-origin: 50%;
        stroke-dashoffset: 140px
    }

    50% {
        stroke-dashoffset: 70px
    }

    to {
        transform: rotate(270deg) translate(0);
        transform-origin: 50%;
        stroke-dashoffset: 0
    }
}

@keyframes loading {
    0% {
        transform: rotate(-90deg) translate(0);
        transform-origin: 50%;
        stroke-dashoffset: 140px
    }

    50% {
        stroke-dashoffset: 70px
    }

    to {
        transform: rotate(270deg) translate(0);
        transform-origin: 50%;
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes color-load {
    0% {
        stroke: var(--maincolor40)
    }

    10% {
        stroke: var(--maincolor40)
    }

    20% {
        stroke: var(--maincolor0)
    }

    30% {
        stroke: var(--maincolor40)
    }

    40% {
        stroke: var(--maincolor40)
    }

    50% {
        stroke: var(--maincolor0)
    }

    60% {
        stroke: var(--maincolor40)
    }

    70% {
        stroke: var(--maincolor40)
    }

    80% {
        stroke: var(--maincolor0)
    }

    90% {
        stroke: var(--maincolor40)
    }

    to {
        stroke: var(--maincolor0)
    }
}

@keyframes color-load {
    0% {
        stroke: var(--maincolor40)
    }

    10% {
        stroke: var(--maincolor40)
    }

    20% {
        stroke: var(--maincolor0)
    }

    30% {
        stroke: var(--maincolor40)
    }

    40% {
        stroke: var(--maincolor40)
    }

    50% {
        stroke: var(--maincolor0)
    }

    60% {
        stroke: var(--maincolor40)
    }

    70% {
        stroke: var(--maincolor40)
    }

    80% {
        stroke: var(--maincolor0)
    }

    90% {
        stroke: var(--maincolor40)
    }

    to {
        stroke: var(--maincolor0)
    }
}

@-webkit-keyframes draw {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes draw {
    to {
        stroke-dashoffset: 0
    }
}

.Tabs {
    width: 100%;
    height: 100%
}

@media only screen and (max-width:1024px) {
    .Tabs__listWrapper {
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0
    }

    .Tabs__listWrapper::-webkit-scrollbar {
        display: none
    }

    @-moz-document url-prefix() {
        .Tabs__listWrapper {
            scrollbar-width: none
        }
    }
}

.Tabs__list {
    position: relative;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    color: #6b6b6b
}

.Tabs__title {
    position: relative;
    margin: 0 12px;
    cursor: pointer;
    flex: 0 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: visible;
    max-width: 320px
}

.Tabs__title button {
    font-size: inherit;
    line-height: inherit;
    padding-bottom: 8px;
    color: inherit;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300
}

@media only screen and (max-width:1024px) {
    .Tabs__title button {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media only screen and (min-width:1024px) {
    .Tabs__title:first-child {
        margin-left: 0
    }
}

.Tabs__title--isActive:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 100%;
    left: 0;
    background-color: #282828;
    z-index: 1
}

.Tabs__title--isActive button {
    color: #282828;
    font-weight: 500
}

@media only screen and (max-width:1024px) {
    .Tabs__title--isActive button {
        font-weight: 500
    }
}

.Tabs__details {
    width: 100%;
    box-sizing: border-box;
    padding: 40px 0
}

@media only screen and (max-width:1441px) {
    .Tabs__details {
        padding: 32px 0
    }
}

.Tabs__more {
    position: relative;
    margin-left: 0;
    padding: 0;
    width: 210px;
    overflow: visible
}

.Tabs__more__trigger {
    padding: 0;
    cursor: pointer;
    position: relative;
    width: auto;
    display: flex
}

.Tabs__more__trigger__text {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-bottom: 8px;
    margin-left: 12px
}

.Tabs__more__trigger__icon {
    margin-left: 6px;
    top: 2px;
    position: relative
}

.Tabs__more__trigger__icon:before {
    content: "\e948";
    font-family: Frontiers-Iconography-Next !important;
    color: #6b6b6b;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased
}

.Tabs__more__list {
    position: absolute;
    border: 1px solid var(--grey60);
    min-width: 260px;
    top: calc(100% + 4px);
    background-color: #fff;
    box-shadow: 0 4px 5px rgba(40, 40, 40, .12), 0 1px 10px rgba(40, 40, 40, .08), 0 2px 4px rgba(40, 40, 40, .16);
    border-radius: 8px;
    z-index: 102;
    max-height: 540px;
    overflow: hidden;
    overflow-y: auto
}

.Tabs__more__list::-webkit-scrollbar {
    background: transparent;
    -webkit-appearance: none;
    width: 10px;
    height: 10px
}

.Tabs__more__list::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(40, 40, 40, .24);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    border-radius: 8px;
    border: 3px solid var(--white)
}

@-moz-document url-prefix() {
    .Tabs__more__list {
        scrollbar-width: thin
    }
}

.Tabs__more__list .Tabs__title {
    padding: 16px 28px 16px 40px;
    color: #6b6b6b;
    margin: 0
}

.Tabs__more__list .Tabs__title:hover {
    background-color: #f7f7f7;
    cursor: pointer;
    color: #282828
}

.Tabs__more__list .Tabs__title--isActive {
    color: #282828;
    position: relative
}

.Tabs__more__list .Tabs__title--isActive:before {
    display: none
}

.Tabs__more__list .Tabs__title--isActive:after {
    content: "\e908";
    font-family: Frontiers-Iconography-Next !important;
    color: var(--black);
    font-size: 14px;
    line-height: 14px;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    left: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.Tabs__more.Tabs__title--isActive:before {
    display: none
}

.Tabs__more.Tabs__title--isActive .Tabs__more__trigger__text:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #282828
}

.Tabs__overflown {
    width: 32px;
    height: 28px;
    position: absolute;
    top: 0;
    z-index: 2
}

.Tabs__overflown--left {
    background: linear-gradient(270deg, hsla(0, 0%, 97.3%, 0), hsla(0, 0%, 97.3%, .8) 35%, #f8f8f8);
    left: 0
}

.Tabs__overflown--right {
    right: 0;
    background: linear-gradient(90deg, hsla(0, 0%, 97.3%, 0), hsla(0, 0%, 97.3%, .8) 35%, #f8f8f8);
    opacity: 0
}

@media only screen and (max-width:1024px) {
    .Tabs__overflown--right {
        opacity: 1
    }
}

.Tab {
    position: relative;
    min-height: 100%
}

.Tab__spinner {
    top: calc(50% - 18px);
    left: calc(50% - 18px);
    margin: 0 auto;
    position: absolute;
    z-index: 10
}

.Tab__spinner .svg-spinner {
    background: transparent;
    width: 36px;
    height: 36px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.Tab__spinner .svg-spinner circle {
    border: var(--black);
    fill: none;
    stroke-width: 4px;
    stroke-dashoffset: -70px;
    stroke-dasharray: 70px;
    -webkit-animation: loading 1.4s linear infinite, color-load 10s linear infinite;
    animation: loading 1.4s linear infinite, color-load 10s linear infinite;
    position: relative
}

.ScrollPager {
    left: calc(50% - 35px);
    margin: 16px auto;
    padding: 0;
    z-index: 10;
    height: 36px
}

.ScrollPager__svgSpinner {
    background: transparent;
    width: 36px;
    height: 36px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.ScrollPager__svgSpinner circle {
    border: var(--maincolor40);
    fill: none;
    stroke-width: 4px;
    stroke-dashoffset: -70px;
    stroke-dasharray: 70px;
    -webkit-animation: loading 1.4s linear infinite, color-load 10s linear infinite;
    animation: loading 1.4s linear infinite, color-load 10s linear infinite;
    position: relative
}

.Chart {
    color: #545454
}

.Chart__container {
    margin: 0 0 32px
}

.Chart__title {
    font-size: 2rem;
    line-height: 2.75rem;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 32px
}

.Chart__description {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 300;
    margin-bottom: 32px
}

.Chart__footNote {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    margin-bottom: 32px
}

.Bars {
    --bars-bg-color: var(--grey30);
    --bars-border-color: var(--grey50);
    --bars-highlighted-color: var(--maincolor80);
    --bars-labels-width: var(--layout-col-4)
}

@media only screen and (max-width:1441px) {
    .Bars {
        --bars-labels-width: var(--layout-col-4)
    }
}

@media only screen and (max-width:1024px) {
    .Bars {
        --bars-labels-width: var(--layout-col-5)
    }
}

@media only screen and (max-width:768px) {
    .Bars {
        --bars-labels-width: var(--layout-col-5)
    }
}

@media only screen and (max-width:563px) {
    .Bars {
        --bars-labels-width: var(--layout-col-2)
    }
}

.Bars .highcharts-bar-series {
    padding-left: 100px
}

.Bars .highcharts-bar-series rect {
    stroke-width: 1px;
    stroke: var(--bars-border-color);
    transform: scaleY(.99)
}

.Bars .highcharts-xaxis-labels span {
    width: var(--bars-labels-width) !important;
    font: 500 .875rem/1.25rem var(--museo-font) !important;
    color: var(--grey70) !important;
    left: 0 !important;
    text-overflow: ellipsis !important;
    max-width: var(--bars-labels-width);
    overflow: hidden;
    white-space: nowrap
}

@media only screen and (max-width:563px) {
    .Bars .highcharts-xaxis-labels span {
        font: 500 .75rem/1.0625rem var(--museo-font) !important
    }
}

.Bars .highcharts-xaxis-labels span span {
    max-width: 100%
}

@media only screen and (max-width:563px) {
    .Bars .highcharts-xaxis-labels>span {
        transform: translateY(-20px) !important;
        --bars-labels-width: calc(var(--layout-col-6) + var(--layout-gap) + var(--layout-gap))
    }
}

.Bars .highcharts-xaxis-labels .position {
    min-width: 28px;
    display: inline-block
}

.Bars .highcharts-xaxis-labels .highlight,
.Bars .highcharts-xaxis-labels .highlight span {
    color: var(--bars-highlighted-color) !important
}

.Bars .highcharts-data-label>span {
    transform: translateX(40px);
    left: 0 !important
}

.Bars .highcharts-data-label span {
    width: auto;
    font: 500 .875rem/1.25rem var(--museo-font) !important;
    color: var(--black) !important
}

.Bars .highcharts-data-label.highlight span {
    color: var(--bars-highlighted-color) !important
}

.Bars .highcharts-axis.highcharts-yaxis {
    display: none
}

.Bars__header {
    color: #545454;
    display: flex;
    justify-content: flex-start
}

.Bars__header__name,
.Bars__header__value {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width:1280px) {

    .Bars__header__name,
    .Bars__header__value {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 500
    }
}

@media only screen and (max-width:1024px) {

    .Bars__header__name,
    .Bars__header__value {
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 500
    }
}

.Bars__header__name {
    flex: 0 0 var(--bars-labels-width);
    margin-right: var(--layout-gap)
}

.Columns {
    --columns-bg-color: var(--grey30);
    --columns-border-color: var(--grey50);
    --columns-highlighted-color: var(--maincolor80)
}

.Columns .highcharts-column-series rect {
    stroke-width: 1px;
    stroke: var(--grey50)
}

.Columns .highcharts-data-label text {
    font: 500 .875rem/1.25rem var(--museo-font) !important
}

@media only screen and (max-width:1441px) {
    .Columns .highcharts-data-label text {
        font: 500 .75rem/1.0625rem var(--museo-font) !important
    }
}

.Columns .highcharts-xaxis-labels text,
.Columns .highcharts-yaxis-labels text {
    font: 500 .75rem/1.0625rem var(--museo-font) !important
}

@media only screen and (max-width:1441px) {

    .Columns .highcharts-xaxis-labels text,
    .Columns .highcharts-yaxis-labels text {
        font: 500 .625rem/.875rem var(--museo-font) !important
    }
}

.Columns .highcharts-tooltip {
    display: none
}

.Percentiles {
    --percentiles-highlighted-color: var(--maincolor80);
    --percentiles-labels-width: var(--layout-col-4);
    font-family: var(--font-museo)
}

@media only screen and (max-width:1441px) {
    .Percentiles {
        --percentiles-labels-width: var(--layout-col-4)
    }
}

@media only screen and (max-width:1024px) {
    .Percentiles {
        --percentiles-labels-width: var(--layout-col-6)
    }
}

@media only screen and (max-width:768px) {
    .Percentiles {
        --percentiles-labels-width: var(--layout-col-5)
    }
}

@media only screen and (max-width:563px) {
    .Percentiles {
        --percentiles-labels-width: var(--layout-col-8)
    }
}

.Percentiles__header {
    color: #545454;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 16px
}

.Percentiles__header__name,
.Percentiles__header__value {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width:1280px) {

    .Percentiles__header__name,
    .Percentiles__header__value {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 500
    }
}

@media only screen and (max-width:1024px) {

    .Percentiles__header__name,
    .Percentiles__header__value {
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 500
    }
}

.Percentiles__header__name {
    flex: 0 0 var(--percentiles-labels-width);
    margin-right: var(--layout-gap)
}

.Percentiles .highcharts-xaxis-labels span,
.Percentiles .highcharts-yaxis-labels span {
    color: #545454;
    font: 300 .75rem/1.0625rem var(--museo-font) !important;
    text-overflow: ellipsis !important;
    max-width: var(--percentiles-labels-width);
    overflow: hidden;
    white-space: nowrap
}

.Percentiles .highcharts-xaxis-labels span:first-letter,
.Percentiles .highcharts-yaxis-labels span:first-letter {
    text-transform: uppercase
}

@media only screen and (max-width:563px) {

    .Percentiles .highcharts-xaxis-labels span,
    .Percentiles .highcharts-yaxis-labels span {
        font: 300 .625rem/.875rem var(--museo-font) !important
    }
}

.Percentiles .highcharts-xaxis-labels span {
    left: 0 !important;
    width: var(--percentiles-labels-width) !important;
    z-index: -1
}

@media only screen and (max-width:563px) {
    .Percentiles .highcharts-xaxis-labels {
        transform: translate(100%, -16px) !important
    }
}

@media only screen and (max-width:563px) {
    .Percentiles .highcharts-yaxis-labels span {
        font: 300 .625rem/.875rem var(--museo-font) !important
    }
}

.Percentiles .highcharts-axis-labels.highcharts-yaxis-labels span:nth-child(odd),
.Percentiles .highcharts-grid-line {
    display: none
}

.MultiChart {
    color: #545454;
    display: grid;
    grid: min-content/repeat(2, 1fr);
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
    -moz-column-gap: calc(var(--layout-col-1) + var(--layout-gap) + var(--layout-gap));
    grid-column-gap: calc(var(--layout-col-1) + var(--layout-gap) + var(--layout-gap));
    column-gap: calc(var(--layout-col-1) + var(--layout-gap) + var(--layout-gap));
    grid-row-gap: 32px;
    row-gap: 32px;
    width: 100%
}

@media only screen and (max-width:768px) {
    .MultiChart {
        -moz-column-gap: var(--layout-gap);
        grid-column-gap: var(--layout-gap);
        column-gap: var(--layout-gap);
        grid: min-content/repeat(1, 1fr)
    }
}

@media only screen and (max-width:563px) {
    .MultiChart {
        grid-template-columns: repeat(1, 1fr)
    }
}

.MultiChart>* {
    grid-column-end: span 1
}

.MultiChart__gridItem {
    --bars-highlighted-color: var(--maincolor40);
    --bars-labels-width: var(--layout-col-2)
}

@media only screen and (max-width:1280px) {
    .MultiChart__gridItem {
        --bars-labels-width: var(--layout-col-4)
    }
}

@media only screen and (max-width:1024px) {
    .MultiChart__gridItem {
        --bars-labels-width: var(--layout-col-4)
    }
}

@media only screen and (max-width:563px) {
    .MultiChart__gridItem {
        --bars-labels-width: var(--layout-col-3)
    }
}

.MultiChart__gridItem .highcharts-data-label span,
.MultiChart__gridItem .highcharts-xaxis-labels span {
    font: 500 .75rem/1.0625rem var(--museo-font) !important
}

.MultiChart__gridItem .Chart__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width:1280px) {
    .MultiChart__gridItem .Chart__title {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 500
    }
}

@media only screen and (max-width:1024px) {
    .MultiChart__gridItem .Chart__title {
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 500
    }
}

.MultiChart__gridItem .Bars {
    margin-top: 0
}

.MultiChart__gridItem .Bars__header__name {
    flex: 1 0 0;
    margin-right: 0
}

.MultiChart .Chart__container {
    margin: 0
}

.MultiChart .Bars {
    --bars-labels-width: var(--layout-col-3)
}

@media only screen and (max-width:1441px) {
    .MultiChart .Bars {
        --bars-labels-width: var(--layout-col-3)
    }
}

@media only screen and (max-width:1024px) {
    .MultiChart .Bars {
        --bars-labels-width: var(--layout-col-4)
    }
}

@media only screen and (max-width:768px) {
    .MultiChart .Bars {
        --bars-labels-width: var(--layout-col-5)
    }
}

@media only screen and (max-width:563px) {
    .MultiChart .Bars {
        --bars-labels-width: var(--layout-col-3)
    }
}

.MultiChart .Bars .highcharts-data-label span {
    font: 500 .75rem/1.0625rem var(--museo-font) !important;
    color: var(--grey70) !important
}

.MultiChart .Bars .highcharts-data-label.highlight span {
    color: var(--bars-highlighted-color) !important
}

.MultiChart .Bars .highcharts-xaxis-labels span {
    font: 500 .75rem/1.0625rem var(--museo-font) !important
}