:root {
    --c_ink: #221b7c;       /* headings, values, primary text, dark fills */
    --c_ink_soft: #4e5783;  /* labels, captions, secondary text */
    --c_line: #d4daf6;      /* borders, dividers, chip fill */
    --c_surface: #f7f9ff;   /* filled panels, tiles, inactive segments */
    --c_accent: #6251de;    /* selected / active state */
    --c_ink_rgb: 34, 27, 124;
    --r_card: 14px;         /* Mobile panel geometry */
    --pad_card: 14px;
    --r_tile: 9px;

    /* Type scale. */
    --fs_micro: 10px;    /* tile captions, dense meta lines */
    --fs_caption: 11px;  /* chips, secondary labels */
    --fs_body: 12px;     /* figures, table cells, tab labels */
    --fs_value: 13px;    /* emphasised values, primary line of a list row */
    --fs_action: 14px;   /* buttons, sort rows, inputs */
    --fs_title: 15px;    /* card headings */
    --fs_sheet: 17px;    /* bottom-sheet heading */
    --fs_page: 20px;     /* fund detail name, the only page title shown on mobile */

    --lh_base: 1.4;
    --lh_tight: 1.3;
}

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

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

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

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
    background-color: #ffffff;
}

* {
    box-sizing: border-box;
    outline: 0 none
}

a {
    color: inherit;
    text-decoration: inherit
}

input:not([type=checkbox]):not([type=radio]),
textarea {
    -webkit-appearance: none;
}

header,
header .text {
    display: block
}

header:after,
header .text:after {
    clear: both;
    content: "";
    display: block;
    visibility: hidden;
    height: 0
}

@media only screen and (min-width: 1970px) {
    div.grid_info:after {
        content: "> 1970px"
    }
}

@media only screen and (min-width: 1920px) {
    div.grid_info:after {
        content: "> 1920px"
    }
}

@media only screen and (max-width: 1920px) {
    div.grid_info:after {
        content: "< 1920px"
    }
}

@media only screen and (max-width: 1600px) {
    div.grid_info:after {
        content: "< 1600px"
    }
}

@media only screen and (max-width: 1384px) {
    div.grid_info:after {
        content: "< 1384px"
    }
}

@media only screen and (max-width: 1330px) {
    div.grid_info:after {
        content: "< 1330px"
    }
}

@media only screen and (max-width: 1280px) {
    div.grid_info:after {
        content: "< 1280px"
    }
}

@media only screen and (max-width: 1190px) {
    div.grid_info:after {
        content: "< 1190px"
    }
}

@media only screen and (max-width: 1024px) {
    div.grid_info:after {
        content: "< 1024px"
    }
}

@media only screen and (max-width: 850px) {
    div.grid_info:after {
        content: "< 850px"
    }
}

@media only screen and (max-width: 700px) {
    div.grid_info:after {
        content: "< 700px"
    }
}

@media only screen and (max-width: 600px) {
    div.grid_info:after {
        content: "< 600px"
    }
}

@media only screen and (max-width: 450px) {
    div.grid_info:after {
        content: "< 450px"
    }
}

@media only screen and (max-width: 320px) {
    div.grid_info:after {
        content: "< 320px"
    }
}

.accordeon:not(:last-child) {
    margin-bottom: 11.428px;
    margin-bottom: .71429rem
}

.accordeon__title {
    letter-spacing: -0.01em;
    cursor: pointer;
    padding: 10.285px 20px 5.714px;
    padding: .64286rem 20px .35714rem;
    position: relative;
    border-radius: 10px;
    border:0.2em solid var(--c_line);
}

.accordeon__title::after {
    transition: all .3s ease-in-out;
    background: transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3Ljk5OCA1Ljk5NiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzM3MzM4Yzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik04LDEuODE4LDQuMSw1Ljk0NCw0LjA2NCw1LjksMy45NzYsNiwwLDEuNzg2LDEuNjg3LDAsNC4wMzMsMi40ODUsNi4zMy4wNTJaIi8+PC9zdmc+') no-repeat left top;
    background-size: 8px auto;
    content: "";
    display: block;
    height: 6px;
    margin-top: -3px;
    position: absolute;
    right: 13px;
    transform: rotate(-90deg);
    top: 50%;
    width: 8px
}

.accordeon__content {
    font-size: 85.71429%;
    font-size: .85714em;
    line-height: 150%;
    line-height: 1.5em;
    transition: all .3s ease-in-out;
    background-color: #fff;
    max-height: 0;
    overflow: hidden
}

.accordeon__content .inner {
    padding: 20.571px 20px;
    padding: 1.28571rem 20px
}

.accordeon__content a.block {
    display: inline-block
}

.accordeon__content a.block:not(:last-child) {
    margin-bottom: 5.714px;
    margin-bottom: .35714rem
}

.accordeon__content .button {
    margin-top: 11.428px;
    margin-top: .71429rem
}

.accordeon__content .btn {
    font-size: 108.33333%;
    font-size: 1.08333em;
    line-height: 176.92308%;
    line-height: 1.76923em
}

.accordeon.open .accordeon__title::after {
    transform: rotate(0deg)
}

.accordeon.open .accordeon__content {
    max-height: 500px
}

.btn {
    letter-spacing: -0.01em;
    font-size: 128.57143%;
    font-size: 1.28571em;
    line-height: 138.88889%;
    line-height: 1.38889em;
    background-color: #ffffff;
    color: var(--c_ink);
    display: inline-block;
    padding: 9.142px 26px 4.571px;
    padding: .57143rem 26px .28571rem;
    text-align: center;
    border-radius: 10px;
}

.btn:hover {
    background-color: var(--c_ink);
    color: #fff;
    text-decoration: none
}

.btn--color_blue {
    background-color: var(--c_ink);
    color: #fff
}

.btn--color_blue:hover {
    background-color: #ffffff;
    color: var(--c_ink)
}

.btn--fixed_width {
    width: 234px;
    border:0.2em solid var(--c_line);
}

.btn--quarter {
    width: 25%
}

.btn--big {
    padding-bottom: 17.142px;
    padding-bottom: 1.07143rem;
    padding-top: 21.714px;
    padding-top: 1.35714rem;
    border: 0.2em solid var(--c_line);
}

.btn--small {
    font-size: 100%;
    font-size: 1em;
    line-height: 164.28571%;
    line-height: 1.64286em;
    letter-spacing: 1px;
    width: 160px;
    border: 0.2em solid var(--c_line);
}

.btn--small:not(:last-child) {
    margin-bottom: 5.714px;
    margin-bottom: .35714rem
}

.btn--page {
    width: 5%
}

.btn.btn--page_active {
    background-color: #36338c;
    color: #fff
}

.btn+.btn {
    margin-left: 8px
}

.buttons--pagination {
    margin-top: 10px;
    text-align: center
}

.btn_table {
    display: inline-block;
    height: 38px;
    overflow: hidden;
    position: relative;
    text-indent: 1000px;
    white-space: nowrap;
    width: 38px
}

.btn_table:not(:last-child) {
    margin-right: 1px
}

.btn_table::before,
.btn_table::after {
    transition: all .3s ease-in-out;
    background: #68dd7f no-repeat center center;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.btn_table::after {
    background-color: var(--c_ink);
    opacity: 0
}

.btn_table:hover::before {
    opacity: 0
}

.btn_table:hover::after {
    opacity: 1
}

.btn_table--select::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS45OTcgMTIuOTI3Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojMzczMzhjO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYSIgZD0iTTE2LDEuODgzLDUuNjA3LDEyLjg3MWwtLjA0LS4wNDQtLjA5Mi4xTDAsNi44NDhsMS43NjItMS45TDUuNTc2LDkuMTc5LDE0LjI1NiwwWiIvPjwvc3ZnPg==')
}

.btn_table--select::after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS45OTcgMTIuOTI3Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojZmZmZmZmO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYSIgZD0iTTE2LDEuODgzLDUuNjA3LDEyLjg3MWwtLjA0LS4wNDQtLjA5Mi4xTDAsNi44NDhsMS43NjItMS45TDUuNTc2LDkuMTc5LDE0LjI1NiwwWiIvPjwvc3ZnPg==')
}

.btn_table--select::before,
.btn_table--select::after {
    background-size: 16px auto
}

.btn_table--detail::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5LjY0IDE0Ljk5NyI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzM3MzM4Yzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik05LjY0LDcuNTIyLDEuODM5LDE1LDAsMTMuMjM1LDYuMDI1LDcuNDYyLjA1NCwxLjc0MSwxLjg3MiwwLDkuNTg2LDcuMzlsLS4wNDMuMDRaIi8+PC9zdmc+')
}

.btn_table--detail::after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5LjY0IDE0Ljk5NyI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik05LjY0LDcuNTIyLDEuODM5LDE1LDAsMTMuMjM1LDYuMDI1LDcuNDYyLjA1NCwxLjc0MSwxLjg3MiwwLDkuNTg2LDcuMzlsLS4wNDMuMDRaIi8+PC9zdmc+')
}

.btn_table--detail::before,
.btn_table--detail::after {
    background-size: 10px auto
}

.checkbox:not(:last-child) {
    margin-bottom: 4.571px;
    margin-bottom: .28571rem
}

.checkbox input {
    display: none
}

.checkbox label {
    font-size: 85.71429%;
    font-size: .85714em;
    line-height: 150%;
    line-height: 1.5em;
    cursor: pointer;
    padding-left: 26px;
    position: relative
}

.checkbox label::before {
    background-color: var(--c_surface);
    content: '';
    display: block;
    height: 13px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 13px;
    z-index: 1
}

.checkbox label::after {
    transition: all .3s ease-in-out;
    background: transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3Ljk5OCA2Ljk0NCI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzM3MzM4Yzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik04LDEuNzY2LDMuMSw2Ljg5MmwtLjAzOS0uMDQxLS4wODguMDkzTDAsMy43MzQsMS42ODcsMS45NDgsMy4wNTgsMy40MjcsNi4zMywwWiIvPjwvc3ZnPg==') no-repeat center center;
    background-size: 8px auto;
    content: '';
    display: block;
    height: 13px;
    left: 0;
    opacity: 0;
    position: absolute;
    transform: scale(0.5);
    top: 2px;
    width: 13px;
    z-index: 2
}

.checkbox label:hover {
    text-decoration: underline
}

.checkbox input:checked+label::after {
    opacity: 1;
    transform: scale(1)
}

.circle_graphs {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    -ms-flex-pack: left;
    justify-content: left;
    margin-top: 29.714px;
    margin-top: 1.85714rem
}

.circle_graphs .circle_graph {
    font-size: 92.85714%;
    font-size: .92857em;
    line-height: 138.46154%;
    line-height: 1.38462em;
    text-align: center
}

.circle_graphs .circle_graph img {
    display: block;
    margin: 0 auto 11.428px;
    margin: 0 auto .71429rem
}


.circle_graphs--center {
    -ms-flex-pack: center;
    justify-content: center
}

.cols_half {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1em;
}

.cols_half:not(:last-child) {
    margin-bottom: 11.428px;
    margin-bottom: .71429rem
}

.cols_half .col {
    flex: 1 1 calc(50% - 5px);
    min-width: min(320px, 100%);
    background-color: var(--c_surface);
    border-radius: 10px;
    border: 2px solid var(--c_line);
}

.cols_half.mb-50 .col {
    padding: 1em;
}

.compare_header {
    margin: 41.142px 0 6.857px;
    margin: 2.57143rem 0 .42857rem
}

.compare_header h1 {
    font-size: 178.57143%;
    font-size: 1.78571em;
    line-height: 128%;
    line-height: 1.28em;
    letter-spacing: -0.01em;
    color: var(--c_ink);
}

.detail_cols {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    gap: 3.11042%;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.detail_cols:first-child {
    margin-top: 45.714px;
    margin-top: 2.85714rem
}

.detail_cols:not(:last-child) {
    margin-bottom: 11.428px;
    margin-bottom: .71429rem
}

.detail_left_col {
    flex: 1 1 21.30638%;
    min-width: min(260px, 100%)
}

.detail_left_col h1 {
    letter-spacing: -0.01em;
    font-size: 178.57143%;
    font-size: 1.78571em;
    line-height: 140%;
    line-height: 1.4em;
    color: var(--c_ink)
}

.detail_left_col .params {
    margin-top: 34.285px;
    margin-top: 2.14286rem
}

.params__title {
    display: none
}

.detail_left_col .param {
    display: -ms-flexbox;
    display: flex
}

.detail_left_col .param:not(:last-child) {
    margin-bottom: 4.571px;
    margin-bottom: .28571rem
}

.detail_left_col .param strong {
    margin-right: 6px
}

.detail_left_col a:not(.btn) {
    text-decoration: underline
}

/* Fund detail charts. funddetail() renders these at height:100%, Height can 
   differ per viewport. #print scopes it to the detail page. */
#print #nav_chart_single,
#print #dd_chart_single,
#print .pct_chart,
#print .trailing_chart,
#print .ratio_chart,
#print .exposure_chart {
    height: 500px
}

.detail_right_col {
    flex: 1 1 75.5832%;
    min-width: min(420px, 100%)
}

.funds_table {
    position: relative
}

.compare_bar,
.mobile_controls,
.detail_bar,
.corr_years,
.corr_overall,
.cmp_matrix,
.cmp_nav,
.eff_tiles,
.perf_tabs > .tabs__header {
    display: none
}

.table_box .perf_tabs .tabs__content__tab {
    display: block
}

.btn__short {
    display: none
}

.fund_cards {
    display: none
}

.funds_table table {
    width: 100%
}

.funds_table.mb-50 tbody {
    background-color: var(--c_surface);
    border-radius: 10px;
}

.funds_table table thead::after {
    content:"@";
    display:block;
    line-height:1em;
    text-indent:-99999px;
}

.funds_table th {
    letter-spacing: -0.01em;
    font-size: 85.71429%;
    font-size: .85714em;
    line-height: 191.66667%;
    line-height: 1.91667em;
    transition: all .3s ease-in-out;
    background-color: var(--c_line);
    white-space: nowrap
}

.funds_table th:first-child {
    border-radius: 10px 0 0 10px;
}

.funds_table th:last-child {
    border-radius: 0 10px 10px 0;
}

.funds_table th a.name,
.funds_table th span.name {
    display: block;
    padding: 11.428px 64px 5.714px 10px;
    padding: .71429rem 64px .35714rem 10px;
    position: relative;
    z-index: 20
}

.funds_table th a.name:hover {
    text-decoration: underline
}

.funds_table th span.name--fixed_width {
    width: 85px
}

.funds_table th a.filter_open {
    bottom: 0;
    overflow: hidden;
    position: absolute;
    right: 2px;
    text-indent: 1000px;
    top: 0;
    white-space: nowrap;
    width: 38px;
    z-index: 30
}

.funds_table th a.filter_open::before,
.funds_table th a.filter_open::after {
    transition: all .3s ease-in-out;
    background: transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNSI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzM3MzM4Yzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xNC4yMywyLjE0M2wuNzY5LjhMOC41NzEsOS42NTNWMTVINi40MjlWOS42MkwwLDIuOTEybC43MzYtLjc2OUgwVjBIMTVWMi4xNDNaTTcuNTM2LDcuMWw0Ljc0OC00Ljk1NWgtOS41WiIvPjwvc3ZnPg==') no-repeat center 55%;
    background-size: 15px auto;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.funds_table th a.filter_open::after {
    background-color: var(--c_ink);
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNSI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xNC4yMywyLjE0M2wuNzY5LjhMOC41NzEsOS42NTNWMTVINi40MjlWOS42MkwwLDIuOTEybC43MzYtLjc2OUgwVjBIMTVWMi4xNDNaTTcuNTM2LDcuMWw0Ljc0OC00Ljk1NWgtOS41WiIvPjwvc3ZnPg==');
    opacity: 0
}

.funds_table th a.filter_open:hover::before {
    opacity: 0
}

.funds_table th a.filter_open:hover::after {
    opacity: 1
}

.funds_table th span.sort {
    height: 50%;
    overflow: hidden;
    position: absolute;
    right: 40px;
    text-indent: 1000px;
    white-space: nowrap;
    width: 26px;
    z-index: 10
}

.funds_table th span.sort::before,
.funds_table th span.sort::after {
    transition: all .3s ease-in-out;
    background: transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3Ljk5OCA1Ljk5NiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzM3MzM4Yzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik04LDQuMjEsNi4zMTEsNiwzLjk2NSwzLjUxMWwtMi4zLDIuNDMzTDAsNC4xNzgsMy44OTUuMDUybC4wMzkuMDQxTDQuMDIyLDBaIi8+PC9zdmc+') no-repeat center 85%;
    background-size: 8px auto;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.funds_table th span.sort::after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3Ljk5OCA1Ljk5NiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik04LDQuMjEsNi4zMTEsNiwzLjk2NSwzLjUxMWwtMi4zLDIuNDMzTDAsNC4xNzgsMy44OTUuMDUybC4wMzkuMDQxTDQuMDIyLDBaIi8+PC9zdmc+');
    opacity: 0
}

.funds_table th span.sort.asc {
    top: 0
}

.funds_table th span.sort.desc {
    top: 50%
}

.funds_table th span.sort.desc::before,
.funds_table th span.sort.desc::after {
    transform: rotate(180deg)
}

.funds_table th span.sort.active::before {
    opacity: 0
}

.funds_table th span.sort.active::after {
    opacity: 1
}

.funds_table th:last-child a.filter_open {
    right: 0
}

.funds_table th.active {
    background-color: var(--c_accent);
    color: #fff
}

.funds_table th.no_filter span.sort {
    right: 0
}

.funds_table th.links span.name {
    padding-right: 10px
}

.funds_table th.green {
    text-align: center;
    width: 40px
}

.funds_table th.green span {
    background-color: #68dd7f
}

.funds_table th.green span.name {
    padding-right: 10px
}

.funds_table td {
    font-size: 85.71429%;
    font-size: .85714em;
    line-height: 150%;
    line-height: 1.5em;
    border-bottom: 2px solid var(--c_line);
    padding: 26.285px 10px 22.857px;
    padding: 1.64286rem 10px 1.42857rem
}

.funds_table tr:first-child td {
    border-top: 2px solid var(--c_line);
}

.funds_table tr td:first-child {
    border-left: 2px solid var(--c_line);
}

.funds_table tr td:last-child {
    border-right: 2px solid var(--c_line);
}

.funds_table tr:first-child td:first-child {
    border-top-left-radius: 10px;
}

.funds_table tr:first-child td:last-child {
    border-top-right-radius: 10px;
}

.funds_table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.funds_table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.funds_table td a {
    letter-spacing: -0.01em
}

.funds_table td a:hover {
    text-decoration: underline
}

.funds_table .dark_border td {
    border-bottom-color: #524e9b
}

.funds_table .small_padding td,
.funds_table td.small_padding {
    padding: 13.714px 20px 8px 0;
    padding: .85714rem 20px .5rem 0
}

.funds_table th,
.funds_table td {
    position: relative;
}

.funds_table th.center,
.funds_table td.center {
    text-align: center
}

.funds_table th.right,
.funds_table td.right {
    text-align: right
}

.funds_table th.icos,
.funds_table td.icos {
    padding: 4px 6px 0;
    vertical-align: middle
}

.funds_table th.icos a,
.funds_table td.icos a {
    display: inline-block
}

.funds_table th.icos a.inactive,
.funds_table td.icos a.inactive {
    opacity: 0.3
}

.funds_table th.icos img,
.funds_table td.icos img {
    margin: 0 6px
}

.funds_table th.v-align,
.funds_table td.v-align {
    vertical-align: middle
}

.funds_table img.light {
    opacity: 0.3
}

.funds_table_filter {
    transition: all .3s ease-in-out;
    background-color: #fff;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: -1
}

.funds_table_filter.show {
    opacity: 1;
    z-index: 50
}

.funds_table_filter .heading {
    letter-spacing: -0.01em;
    margin-bottom: 11.428px;
    margin-bottom: .71429rem
}

.funds_table_filter .cols {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    gap: 60px
}

.funds_table_filter--ranking {
    padding: 36.571px 50px 48px;
    padding: 2.28571rem 50px 3rem;
    text-align: center
}

.funds_table_filter--ranking .rankings_wrapper {
    -ms-flex-align: end;
    align-items: flex-end;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.funds_table_filter--ranking .rankings {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    margin: 0 auto
}

.funds_table_filter--ranking .rankings a {
    letter-spacing: -0.01em;
    font-size: 128.57143%;
    font-size: 1.28571em;
    line-height: 133.33333%;
    line-height: 1.33333em;
    background-color: var(--c_accent);
    color: #fff;
    height: 38px;
    display: block;
    padding-top: 8px;
    padding-top: .5rem;
    text-align: center;
    width: 38px;
    border-radius: 10px;
}

.funds_table_filter--ranking .rankings a:hover {
    background-color: var(--c_ink);
    text-decoration: none
}

.funds_table_filter--ranking .line {
    background: transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MjYuNTY5IDE0Ljk5NiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzM3MzM4Yzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik00MjYuNDk0LDlINS4zMjZsNC42LDQuMjU3TDguMDQ0LDE1LDEuNTYsOUguOTk0VjguNDc0TC4wNTYsNy42MDcuMSw3LjU2NiwwLDcuNDc0bC45OTQtLjkyVjZoLjZMOC4wNzksMGwxLjksMS43NjFMNS40LDZINDI2LjU2OSIvPjwvc3ZnPg==') no-repeat left top;
    background-size: auto 15px;
    display: block;
    height: 15px;
    margin: 18.285px 0 1.142px;
    margin: 1.14286rem 0 .07143rem;
    position: relative
}

.funds_table_filter--ranking .line::after {
    background: transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5LjY0IDE0Ljk5NyI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzM3MzM4Yzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik00LjUsNiwuMDU0LDEuNzQyLDEuODcyLDAsOC4xMzMsNmguNzk0VjYuNzZsLjY1OS42MzEtLjA0My4wNC4xLjA5Mi0uNzEzLjY4M1Y5SDguMUwxLjgzOSwxNSwwLDEzLjIzNiw0LjQyMiw5Ii8+PC9zdmc+') no-repeat right top;
    background-size: auto 15px;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 10px;
    z-index: 100
}

.funds_table_filter--ranking .center {
    padding: 0 25px
}

.funds_table_filter--ranking .descr {
    font-size: 85.71429%;
    font-size: .85714em;
    line-height: 116.66667%;
    line-height: 1.16667em
}

.funds_table_filter--stars .rankings a {
    background-color: transparent;
    height: auto;
    display: inline-block;
    padding-top: 0;
    width: auto
}

.funds_table_filter--stars .rankings a:hover {
    background-color: transparent
}

.funds_table_filter--checkboxes {
    padding: 36.571px 50px 22.857px;
    padding: 2.28571rem 50px 1.42857rem
}

.page_header .top {
    background-color: #fff;
    padding: 22.857px 0;
    padding: 1.42857rem 0
}

.page_header .bottom {
    padding: 11.428px 0;
    padding: .71429rem 0
}

.page_header ._cont {
    display: -ms-flexbox;
    display: flex
}

.page_header .top ._cont {
    flex-wrap: wrap;
    gap: 10px
}

.page_header .buttons {
    margin: 0 auto
}

.page_header h1 {
    letter-spacing: -0.01em;
    font-size: 214.28571%;
    font-size: 2.14286em;
    line-height: 133.33333%;
    line-height: 1.33333em;
    position: relative;
    top: 5px;
    color: var(--c_ink);
}

.page_header h1,
.page_header .page_header__search {
    flex: 0 1 300px
}

.page_header__search {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.page_header__search form {
    background-color: var(--c_surface)
}

.page_header__search input {
    letter-spacing: -0.01em;
    background-color: transparent;
    border: 0 none;
    color: var(--c_ink);
    font-size: 14px;
    line-height: 23px;
    padding: 0 25px;
    width: 170px;
    max-width: 100%
}

.page_header__search input::-webkit-input-placeholder {
    color: #d1d1e0;
    opacity: 1
}

.page_header__search input:-moz-placeholder {
    color: #d1d1e0;
    opacity: 1
}

.page_header__search input::-moz-placeholder {
    color: #d1d1e0;
    opacity: 1
}

.page_header__search input:-ms-input-placeholder {
    color: #d1d1e0;
    opacity: 1
}

.page_header__search button {
    background-color: transparent;
    border: 0 none;
    height: 60px;
    overflow: hidden;
    position: relative;
    text-indent: 1000px;
    width: 60px
}

.page_header__search button::before,
.page_header__search button::after {
    transition: all .3s ease-in-out;
    background: transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMi4yMTEgMjIuMjExIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojMzczMzhjO3N0cm9rZTojZmZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MC4xNXB4O308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYSIgZD0iTTIyLjEzNiwyMC4wMTRsLTIuMTIyLDIuMTIyLTYuNTg3LTYuNTg3YTguNTExLDguNTExLDAsMSwxLDIuMTIyLTIuMTIyWk04LjU3NSwzLjA3NWE1LjUsNS41LDAsMSwwLDUuNSw1LjVBNS41LDUuNSwwLDAsMCw4LjU3NSwzLjA3NVoiLz48L3N2Zz4=') no-repeat center center;
    background-size: 23px auto;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.page_header__search button::after {
    background-color: var(--c_ink);
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMi4yMTEgMjIuMjExIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojZmZmO3N0cm9rZTojZmZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MC4xNXB4O308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYSIgZD0iTTIyLjEzNiwyMC4wMTRsLTIuMTIyLDIuMTIyLTYuNTg3LTYuNTg3YTguNTExLDguNTExLDAsMSwxLDIuMTIyLTIuMTIyWk04LjU3NSwzLjA3NWE1LjUsNS41LDAsMSwwLDUuNSw1LjVBNS41LDUuNSwwLDAsMCw4LjU3NSwzLjA3NVoiLz48L3N2Zz4=');
    opacity: 0;
    border-radius: 10px;
}

.page_header__search button:hover::before {
    opacity: 0
}

.page_header__search button:hover::after {
    opacity: 1
}

.select {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

.select label {
    letter-spacing: -0.01em;
    font-size: 92.85714%;
    font-size: .92857em;
    line-height: 176.92308%;
    line-height: 1.76923em;
    margin: 4.571px 8px 0 0;
    margin: .28571rem 8px 0 0
}

.ui-selectmenu-menu {
    font-family: stolzl, sans-serif;
    letter-spacing: -0.01em;
    background-color: var(--c_surface);
    display: none;
    left: 0;
    letter-spacing: -0.5px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding: 4.571px 0;
    padding: .28571rem 0
}

.ui-selectmenu-menu .ui-menu-item {
    cursor: pointer;
    padding: 4.571px 30px 0px 16px;
    padding: .28571rem 30px 0rem 16px
}

.ui-selectmenu-menu .ui-menu-item.ui-state-focus {
    text-decoration: underline
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-button {
    font-family: stolzl, sans-serif;
    letter-spacing: -0.01em;
    background-color: #68dd7f;
    display: inline-block;
    letter-spacing: -0.5px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

.ui-selectmenu-button span.ui-icon {
    transition: all .3s ease-in-out;
    background: transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3Ljk5OCA1Ljk5NiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzM3MzM4Yzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik04LDEuODE4LDQuMSw1Ljk0NCw0LjA2NCw1LjksMy45NzYsNiwwLDEuNzg2LDEuNjg3LDAsNC4wMzMsMi40ODUsNi4zMy4wNTJaIi8+PC9zdmc+') no-repeat left top;
    background-size: 8px auto;
    display: block;
    height: 6px;
    left: auto;
    margin-top: -3px;
    position: absolute;
    right: 13px;
    transform: rotate(-90deg);
    top: 50%;
    width: 8px
}

.ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    padding: 12.571px 30px 8px 16px;
    padding: .78571rem 30px .5rem 16px;
    line-height: 1.4;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-selectmenu-button.full_width {
    width: 80% !important
}

.ui-selectmenu-button.full_width span.ui-selectmenu-text {
    padding-left: 10px
}

.ui-selectmenu-button.white {
    background-color: #fff
}

.ui-selectmenu-button.gray {
    background-color: var(--c_surface)
}

.ui-selectmenu-button.ui-corner-top .ui-icon {
    transform: rotate(0deg)
}

.selected_filters {
    margin: 22.857px 0;
    margin: 1.42857rem 0;
    color: #adadad;
}

.selected_filters strong {
    display: inline-block;
    margin-right: 10px
}

.selected_filters span {
    display: inline-block
}

.selected_filters span:not(:last-child) {
    margin-right: 8px
}

.selected_filters a {
    display: inline-block;
    margin-left: 2px;
    overflow: hidden;
    position: relative;
    text-indent: 1000px;
    white-space: nowrap
}

.selected_filters a::before,
.selected_filters a::after {
    transition: all .3s ease-in-out;
    background: transparent no-repeat left top;
    background-size: contain;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.selected_filters a::after {
    opacity: 0
}

.selected_filters a:hover::before {
    opacity: 0
}

.selected_filters a:hover::after {
    opacity: 1
}

.selected_filters a.open {
    height: 9px;
    width: 10px
}

.selected_filters a.open::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMC4wMDkgOSI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzM3MzM4Yzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xMC4wMDksMi40MjcsNS45ODMsNi40NTNWOUg0LjAyM1Y2LjQ0OEwwLDIuNDI0bC40MTctLjQxN0gwVjBIMTBWMi4wMDdIOS41ODlabS03LjU2Ny0uNDJMNSw0LjU3LDcuNTY4LDIuMDA3WiIvPjwvc3ZnPg==')
}

.selected_filters a.open::after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMC4wMDkgOSI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzY4ZGQ3Zjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xMC4wMDksMi40MjcsNS45ODMsNi40NTNWOUg0LjAyM1Y2LjQ0OEwwLDIuNDI0bC40MTctLjQxN0gwVjBIMTBWMi4wMDdIOS41ODlabS03LjU2Ny0uNDJMNSw0LjU3LDcuNTY4LDIuMDA3WiIvPjwvc3ZnPg==')
}

.selected_filters a.remove {
    height: 8px;
    width: 8px
}

.selected_filters a.remove::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3Ljk5OCA3Ljk5NiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzM3MzM4Yzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik04LDEuODE4LDUuNzE3LDQuMTg4LDcuNjYyLDYuMjEsNS45NzYsOCw0LjAxNCw1Ljk1OCwyLjEsNy45NDQuNDM1LDYuMTc4bDEuOS0xLjk3TDAsMS43ODYsMS42ODcsMCw0LjAzNCwyLjQzOSw2LjMzLjA1MloiLz48L3N2Zz4=')
}

.selected_filters a.remove::after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3Ljk5OCA3Ljk5NiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzY4ZGQ3Zjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik04LDEuODE4LDUuNzE3LDQuMTg4LDcuNjYyLDYuMjEsNS45NzYsOCw0LjAxNCw1Ljk1OCwyLjEsNy45NDQuNDM1LDYuMTc4bDEuOS0xLjk3TDAsMS43ODYsMS42ODcsMCw0LjAzNCwyLjQzOSw2LjMzLjA1MloiLz48L3N2Zz4=')
}

.selected_filters--not_empty {
    font-size: 85.71429%;
    font-size: .85714em;
    line-height: 191.66667%;
    line-height: 1.91667em
}

.stats_table {
    background-color: var(--c_surface);
    border-radius: 10px;
    margin-top: 1em;
    border: 2px solid var(--c_line);
    padding: 1em;
}

.stats_table .col {
    border: none;
}

/* Line between tables in Výkonnost fondu card in /porovnavac. */
@media only screen and (min-width: 1281px) {
    .stats_table .stats_table__content .cols_half .col:last-child {
        border-left: 2px solid var(--c_line);
        border-radius: 0px;
    }
}

.stats_table:not(:last-child) {
    margin-bottom: 3.428px;
    margin-bottom: .21429rem
}

.stats_table__header {
    letter-spacing: -0.01em;
    padding: 10.285px 15px 5.714px;
    padding: .64286rem 15px .35714rem;
}

.stats_table__content table {
    font-size: 92.85714%;
    font-size: .92857em;
    line-height: 153.84615%;
    line-height: 1.53846em;
    width: 100%;
}

.stats_table__content th,
.stats_table__content td {
    padding: 12.571px 10px 8px;
    padding: .78571rem 10px .5rem
}

.stats_table__content th.icos,
.stats_table__content td.icos {
    padding: 4px 6px 0;
    vertical-align: middle
}

.stats_table__content th.icos a,
.stats_table__content td.icos a {
    display: inline-block
}

.stats_table__content th.icos a.inactive,
.stats_table__content td.icos a.inactive {
    opacity: 0.3
}

.stats_table__content th.icos img,
.stats_table__content td.icos img {
    margin: 0 6px
}

.stats_table__content th.color,
.stats_table__content td.color {
    padding: 0
}

.stats_table__content th.color span,
.stats_table__content td.color span {
    display: inline-block;
    padding: 12.571px 10px 8px;
    padding: .78571rem 10px .5rem
}

.stats_table__content th.green span,
.stats_table__content td.green span {
    background-color: #68dd7f
}

.stats_table__content th.red span,
.stats_table__content td.red span {
    background-color: #f95959
}

.stats_table__content th.yellow span,
.stats_table__content td.yellow span {
    background-color: #f6e064
}

.stats_table__content th {
    letter-spacing: -0.01em
}

.stats_table__content .foot_note {
    font-size: 57.14286%;
    font-size: .57143em;
    line-height: 162.5%;
    line-height: 1.625em;
    margin: 9.142px 0 29.714px;
    margin: .57143rem 0 1.85714rem;
    padding-left: 30px;
}

.stats_table__content .tabs {
    margin-top: 2px
}

.stats_table__subtitle {
    letter-spacing: -0.01em;
    font-size: 92.85714%;
    font-size: .92857em;
    line-height: 161.53846%;
    line-height: 1.61538em;
    margin-top: 2px;
    padding: 10.285px 15px 5.714px;
    padding: .64286rem 15px .35714rem;
    border-radius: 10px;
}

.table_box:not(:last-child) {
    margin-bottom: 11.428px;
    margin-bottom: .71429rem
}

.table_box .table_box__title,
.table_box .table_box__subtitle {
    letter-spacing: -0.01em;
    padding: 10.285px 20px 5.714px;
    padding: .64286rem 20px .35714rem
}

.table_box .table_box__title {
    border-bottom: 2px solid var(--c_line);
    margin: 1em;
    padding-left: 0;
}

.table_box .table_box__subtitle {
    letter-spacing: -0.01em;
    font-size: 92.85714%;
    font-size: .92857em;
    line-height: 176.92308%;
    line-height: 1.76923em;
    margin-top: 1px
}

.table_box__content {
    font-size: 92.85714%;
    font-size: .92857em;
    line-height: 176.92308%;
    line-height: 1.76923em;
    margin-bottom: 2em;
}

.table_box table {
    width: 100%
}

.table_box th,
.table_box td {
    padding: 10.285px 6px 5.714px;
    padding: .64286rem 6px .35714rem;
    vertical-align: top
}

.table_box th:first-child,
.table_box td:first-child {
    padding-left: 20px
}

.table_box th:last-child,
.table_box td:last-child {
    padding-right: 20px
}

.table_box th {
    letter-spacing: -0.01em;
}

.table_box .foot_note {
    font-size: 57.14286%;
    font-size: .57143em;
    line-height: 162.5%;
    line-height: 1.625em;
    margin-top: 9.142px;
    margin-top: .57143rem;
    padding-left: 20px;
}

.tabs__header {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1em;
    border-bottom: 2px solid var(--c_line);
    padding-bottom: 0.5em;
}

.tabs__header a {
    letter-spacing: -0.01em;
    display: block;
    padding: 10.285px 20px 5.714px;
    padding: .64286rem 20px .35714rem;
    color: #9e9e9e;
}

.tabs__header a:not(:last-child) {
    margin-right: 2px
}

.tabs__header a.active {
    background-color: var(--c_accent);
    color: #fff;
    border-radius: 10px;
}

.tabs__content__tab:not(.active) {
    display: none
}

.tabs__content__tab .inner {
    background-color: #fff
}

.tabs__content__tab .inner:not(:last-child) {
    margin-bottom: 11.428px;
    margin-bottom: .71429rem
}

.tabs__content__tab__subtabs__header {
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    padding: 27.428px 18px 22.857px;
    padding: 1.71429rem 18px 1.42857rem
}

.tabs__content__tab__subtabs__header a {
    letter-spacing: -0.01em;
    display: inline-block;
    padding-left: 14px;
    position: relative
}

.tabs__content__tab__subtabs__header a:not(:last-child) {
    margin-right: 25px
}

.tabs__content__tab__subtabs__header a::before,
.tabs__content__tab__subtabs__header a::after {
    background-color: var(--c_surface);
    border-radius: 50%;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 10px;
    z-index: 5
}

.tabs__content__tab__subtabs__header a::after {
    transition: all .3s ease-in-out;
    background-color: var(--c_ink);
    height: 6px;
    left: 2px;
    opacity: 0;
    top: 6px;
    width: 6px;
    z-index: 10
}

.tabs__content__tab__subtabs__header a.active::after {
    opacity: 1
}

.tabs__content__tab__subtabs__content__tab:not(.active) {
    display: none
}

.tabs--text .tabs__header {
    background-color: var(--c_surface);
    display: block;
    margin-top: 1px;
    padding: 12.571px 20px 8px;
    padding: .78571rem 20px .5rem;
    border-radius: 10px;
    border: none;
}

.tabs--text .tabs__header a {
    letter-spacing: -0.01em;
    background-color: transparent;
    display: inline-block;
    padding: 0 12px 0 0;
    position: relative;
    text-decoration: none
}

.tabs--text .tabs__header a:not(:last-child) {
    margin-right: 3px
}

.tabs--text .tabs__header a:not(:last-child)::after {
    content: "/";
    position: absolute;
    right: 0;
    top: 0
}

.tabs--text .tabs__header a.active {
    background-color: transparent;
    text-decoration: underline;
    color: var(--c_ink);
}

.tabs--full_width .tabs__header a {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.tabs--smaller_header .tabs__header {
    font-size: 92.85714%;
    font-size: .92857em;
    line-height: 161.53846%;
    line-height: 1.61538em
}

.tabs--smaller_header .tabs__header a {
    padding-left: 15px;
    padding-right: 15px
}

.tabs_and_currency {
    position: relative;
    background-color: var(--c_surface);
    border-radius: 10px;
    border: 2px solid var(--c_line);
    padding: 1em;
}

.tabs_and_currency .currency {
    position: absolute;
    right: 0;
    top: 0
}

.ui-tooltip {
    font-size: 71.42857%;
    font-size: .71429em;
    line-height: 140%;
    line-height: 1.4em;
    background-color: var(--c_ink);
    border: 1px solid #fff;
    color: #fff;
    max-width: 160px;
    padding: 13.714px 15px;
    padding: .85714rem 15px;
    position: absolute;
    z-index: 9999
}

.ui-tooltip:after {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAWElEQVR4AWL4DwTmxj1kYw/Xaf/Xrr4AaGUOSAAAgQCIGd3mygNL8LcAe0O2je4ZsnUkSyJZEsmKSJZEsiSSJZEsiWRJJEsiWRLJkkiWRLIkkjWRbB1RRHxiBc0dNUA1aAAAAABJRU5ErkJggg==') no-repeat left top;
    bottom: -19px;
    content: "";
    display: block;
    height: 19px;
    left: -1px;
    position: absolute;
    width: 19px
}

body {
    letter-spacing: -0.01em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #ffffff;
    color: var(--c_ink_soft);
    font-size: 14px;
    line-height: 23px
}

._cont {
    margin: 0 auto;
    width: 100%;
    max-width: 1286px;
}

strong {
    letter-spacing: -0.01em
}

img {
    max-width: 100%
}

a {
    transition: all .3s ease-in-out;
    cursor: pointer
}

em {
    font-style: oblique
}

u {
    text-decoration: underline
}

del {
    text-decoration: line-through
}

sup,
sub {
    font-size: smaller;
    line-height: normal
}

sup {
    vertical-align: super
}

sub {
    vertical-align: sub
}

button {
    cursor: pointer
}

input,
textarea {
    outline: 0 none
}

textarea {
    resize: none
}

div.grid_info {
    background-color: rgba(0, 0, 0, .8);
    bottom: 0;
    color: #fff;
    display: block;
    padding: 15px;
    position: fixed;
    right: 0;
    z-index: 99999
}

.valign {
    display: -ms-flexbox;
    display: flex
}

.valign--center {
    -ms-flex-pack: center;
    justify-content: center
}

.valign--full_height {
    height: 100%
}

.valign>* {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media only screen and (min-width: 600px) {
    a[href^="tel:"] {
        pointer-events: none
    }
}

footer {
    margin: 57.142px 0;
    margin: 3.57143rem 0;
    padding-top: 28.571px;
    padding-top: 1.78571rem;
    background-color: var(--c_surface);
}

footer .footer_cols {
    font-size: 85.71429%;
    font-size: .85714em;
    line-height: 150%;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    gap: 4.4479%;
    -ms-flex-pack: justify;
    justify-content: space-between
}

footer .left {
    letter-spacing: -0.01em;
    flex: 1 1 15.5521%;
    min-width: min(150px, 100%)
}

footer .right {
    flex: 1 1 80%;
    min-width: min(360px, 100%)
}

footer p:not(:last-child) {
    margin-bottom: 17.142px;
    margin-bottom: 1.07143rem
}

header {
    background-color: var(--c_surface);
    color: var(--c_ink);
    min-height: 60px
}

header .logo {
    display: block;
    overflow: hidden;
    text-decoration: none;
    text-indent: -1000px;
    width: 122px;
    height: 20px;
    background: transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NjYuOSAxMDEuOSI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzM3MzM4Yzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0zMS4xLDY3LjVIMjEuMlY5OS44SDBWMTAuNEgzNi4ycTM0LjA1LDAsMzQuMSwyOC43YzAsMTMuNi01LjksMjIuMy0xNy44LDI2LjJMNzMuOSw5OS45SDUwLjNaTTIxLjIsNDkuNmgxNXExMi42LDAsMTIuNi0xMC41YzAtMy43LTEtNi40LTMuMS04LjEtMi0xLjctNS4yLTIuNi05LjYtMi42aC0xNVY0OS42WiIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMTQ0LjksMzNWOTkuOEgxMjQuNFY5NC41YTMyLjMxMSwzMi4zMTEsMCwwLDEtOC45LDUuMSwyOC4yNTgsMjguMjU4LDAsMCwxLTkuNywxLjdjLTguOSwwLTE1LjUtMi4yLTE5LjktNi43Uzc5LjMsODMsNzkuMyw3My4yVjMzSDk5LjhWNzMuMWMwLDMuMi44LDUuNywyLjQsNy40czQuMywyLjUsOC4yLDIuNWM0LjYsMCw5LjItMS45LDE0LTUuN1YzM1oiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTIxMi44LDM1LjFBMjcuNSwyNy41LDAsMCwxLDIyMy43LDQ3YzIuNyw1LjMsNCwxMS44LDQsMTkuNCwwLDcuNy0xLjMsMTQuMi00LDE5LjVhMjYuOTEzLDI2LjkxMywwLDAsMS0xMC45LDExLjksMzEuOCwzMS44LDAsMCwxLTE1LjksNEEyOC40OCwyOC40OCwwLDAsMSwxNzksOTUuNHY0LjRIMTU4LjVWMEgxNzlWMzcuNWM1LjYtNC4yLDExLjYtNi40LDE3LjktNi40QTMyLjg3NiwzMi44NzYsMCwwLDEsMjEyLjgsMzUuMVptLTEwLDQ0LjJjMi4zLTIuOSwzLjUtNy4yLDMuNS0xMi45LDAtNS42LTEuMi05LjgtMy41LTEyLjdzLTUuOC00LjQtMTAuMy00LjQtOSwxLjYtMTMuNSw0LjhWNzguOHE2Ljc1LDQuOCwxMy41LDQuOEMxOTcsODMuNywyMDAuNSw4Mi4yLDIwMi44LDc5LjNaIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yMzcuMSw0LjZoMjAuNVYyMi40SDIzNy4xWm0wLDI4LjRoMjAuNVY5OS44SDIzNy4xWiIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMjk3LjEsNzcuNWwtNS40LDUuOFY5OS44SDI3MS4yVjBoMjAuNVY1Ny43bDIwLjktMjIuM2gyNC41TDMxMC42LDYzLjVsMjguNywzNi4zSDMxNC44WiIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMzUyLjUsOTcuMmEyOS42MjUsMjkuNjI1LDAsMCwxLTEyLjEtMTIuNywzOS41MzEsMzkuNTMxLDAsMCwxLTQuMS0xOC4xLDM4Ljk4OCwzOC45ODgsMCwwLDEsNC4xLTE3LjksMzAuMTg1LDMwLjE4NSwwLDAsMSwxMi4xLTEyLjdjNS4zLTMuMSwxMS45LTQuNywxOS42LTQuNyw3LjYsMCwxNC4xLDEuNiwxOS41LDQuN2EyOS4zOTIsMjkuMzkyLDAsMCwxLDEyLDEyLjcsMzguOTQxLDM4Ljk0MSwwLDAsMSw0LDE3LjksMzkuNzg0LDM5Ljc4NCwwLDAsMS00LDE4LjEsMjkuOTgxLDI5Ljk4MSwwLDAsMS0xMiwxMi43Yy01LjQsMy4xLTExLjgsNC43LTE5LjUsNC43QzM2NC4zLDEwMS44LDM1Ny44LDEwMC4zLDM1Mi41LDk3LjJabTMwLjEtMTcuNGMyLjQtMy4xLDMuNi03LjUsMy42LTEzLjNxMC04LjU1LTMuNi0xMy4yYy0yLjQtMy4xLTUuOS00LjYtMTAuNi00LjZzLTguMywxLjUtMTAuNyw0LjYtMy43LDcuNS0zLjcsMTMuMmMwLDUuOCwxLjIsMTAuMywzLjcsMTMuMywyLjQsMy4xLDYsNC42LDEwLjcsNC42UzM4MC4yLDgyLjgsMzgyLjYsNzkuOFoiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTQ3Ni4xLDM4LjRjNC40LDQuNSw2LjYsMTEuNiw2LjYsMjEuNFY5OS45SDQ2Mi4yVjU5LjdjMC0zLjItLjgtNS43LTIuNC03LjRzLTQuMy0yLjUtOC4yLTIuNWMtNC42LDAtOS4yLDEuOS0xNCw1LjdWOTkuOUg0MTdWMzNoMjAuNXY1LjNhMzIuMzExLDMyLjMxMSwwLDAsMSw4LjktNS4xLDI4LjI1OCwyOC4yNTgsMCwwLDEsOS43LTEuN0M0NjUuMSwzMS42LDQ3MS43LDMzLjksNDc2LjEsMzguNFoiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTUwNi42LDguNGE1LjAzNCw1LjAzNCwwLDAsMC0uNywzLjJ2OC4yaDYuOHY2LjRoLTYuOFY1NC4xaC03VjI2LjJoLTQuMlYxOS44aDQuMlY5LjVjMC0yLjkuNy01LDIuMi02LjQsMS41LTEuMywzLjgtMiw3LTJhMTkuMzg1LDE5LjM4NSwwLDAsMSw0LjYuNlY3LjlhMTYuNTYyLDE2LjU2MiwwLDAsMC0zLjMtLjRBMy40NzMsMy40NzMsMCwwLDAsNTA2LjYsOC40Wm0xMi44LTQuMmg3djkuM2gtN1ptMCwxNS42aDdWNTQuMWgtN1oiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTU2My44LDIyLjRjMi4xLDIuMiwzLjEsNS45LDMuMSwxMVY1NC4xaC03VjMzLjRjMC0yLjgtLjUtNC45LTEuNS02LjFzLTIuOC0xLjktNS40LTEuOWMtMywwLTYsMS4zLTkuMSwzLjlWNTRoLTdWMTkuOGg3djMuNXE0Ljk1LTQuMiwxMC4yLTQuMkM1NTguNSwxOSw1NjEuNywyMC4xLDU2My44LDIyLjRaIi8+PC9zdmc+') no-repeat left top;
    background-size: contain;
    float: left;
    margin-top: 19.428px;
    margin-top: 1.21429rem
}

header .logo-text {
    letter-spacing: -0.01em;
    font-size: 164.28571%;
    font-size: 1.64286em;
    line-height: 130.43478%;
    line-height: 1.30435em;
    color: var(--c_ink);
    display: inline-block;
    margin: 19.428px 0 0 12px;
    margin: 1.21429rem 0 0 12px
}

header .text {
    float: right;
    padding-top: 11.428px;
    padding-top: .71429rem
}

header .text .btn {
    float: left
}

header .selected_funds {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    float: left;
    max-width: 100%;
    min-height: 41px;
    margin-right: 30px
}

header .selected_funds_names {
    font-size: 78.57143%;
    font-size: .78571em;
    line-height: 145.45455%;
    line-height: 1.45455em;
    margin-left: 12px;
    max-width: 480px
}

header .selected_funds_names span {
    display: inline-block
}

header .selected_funds_names span:not(:last-child) {
    margin-right: 15px
}

header .selected_funds_names a {
    display: inline-block;
    margin-left: 2px;
    overflow: hidden;
    position: relative;
    text-indent: 1000px;
    white-space: nowrap
}

header .selected_funds_names a::before,
header .selected_funds_names a::after {
    transition: all .3s ease-in-out;
    background: transparent no-repeat left top;
    background-size: contain;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

header .selected_funds_names a::after {
    opacity: 0
}

header .selected_funds_names a.remove {
    height: 8px;
    width: 8px
}

header .selected_funds_names a.remove::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3Ljk5OCA3Ljk5NiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik04LDEuODE4LDUuNzE3LDQuMTg4LDcuNjYyLDYuMjEsNS45NzYsOCw0LjAxNCw1Ljk1OCwyLjEsNy45NDQuNDM1LDYuMTc4bDEuOS0xLjk3TDAsMS43ODYsMS42ODcsMCw0LjAzNCwyLjQzOSw2LjMzLjA1MloiLz48L3N2Zz4=')
}

header .selected_funds_names a.remove::after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3Ljk5OCA3Ljk5NiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik04LDEuODE4LDUuNzE3LDQuMTg4LDcuNjYyLDYuMjEsNS45NzYsOCw0LjAxNCw1Ljk1OCwyLjEsNy45NDQuNDM1LDYuMTc4bDEuOS0xLjk3TDAsMS43ODYsMS42ODcsMCw0LjAzNCwyLjQzOSw2LjMzLjA1MloiLz48L3N2Zz4=')
}

/* Phone / tablet */
@media only screen and (max-width: 1280px) {
    ._cont {
        padding-left: 16px;
        padding-right: 16px
    }
    
    .page_header h1,
    .page_header .page_header__search {
        flex-basis: 100%
    }

    .page_header__search {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .fund_card,
    .detail_left_col .params,
    .stats_table,
    .table_box,
    .accordeon {
        background-color: #fff;
        border: 1px solid var(--c_line);
        border-radius: var(--r_card)
    }

    .fund_card,
    .detail_left_col .params,
    .stats_table,
    .table_box {
        padding: var(--pad_card)
    }
    
    .detail_bar,
    .compare_bar,
    .cmp_nav {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 40;
        background-color: #fff;
        border-top: 1px solid var(--c_line);
        box-shadow: 0 -6px 20px rgba(var(--c_ink_rgb), .08);
        padding: 12px 16px
    }

    #fundtype_submenu ._cont,
    .mobile_controls,
    .tabs__header {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none
    }

    #fundtype_submenu ._cont::-webkit-scrollbar,
    .mobile_controls::-webkit-scrollbar,
    .tabs__header::-webkit-scrollbar {
        display: none
    }

    header ._cont {
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 44px
    }

    .page_top--list .logo-text,
    .page_top--list .text {
        display: none
    }

    .page_top--detail .logo,
    .page_top--compare .logo {
        display: none
    }

    .page_top--detail .logo-text,
    .page_top--compare .logo-text {
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        margin: 0;
        font-weight: 600;
        line-height: var(--lh_base);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .page_top--detail .text,
    .page_top--compare .text {
        -ms-flex: none;
        flex: none;
        float: none;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 0
    }

    .page_top--detail .text .btn,
    .page_top--compare .text .btn {
        float: none;
        margin: 0;
        font-size: var(--fs_value);
        line-height: var(--lh_base);
        padding: 8px 12px
    }

    .btn__long {
        display: none
    }

    .btn__short {
        display: inline
    }
    
    .detail_bar {
        display: block
    }

    .detail_bar__action {
        display: block;
        width: 100%;
        margin: 0;
        border: 0;
        font-size: var(--fs_action);
        padding: 14px 0
    }

    .page_header {
        position: sticky;
        top: 0;
        z-index: 30;
        background-color: #fff;
        border-bottom: 1px solid var(--c_line)
    }

    .page_header h1 {
        display: none
    }

    .page_header .top {
        padding: 10px 0 12px
    }

    .page_header .top ._cont {
        flex-direction: column;
        align-items: stretch;
        gap: 10px
    }

    .page_header .top ._cont > * {
        align-self: stretch
    }

    .page_header .page_header__search {
        order: -1
    }

    .page_header__search .wrapper {
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .page_header__search input {
        -ms-flex: 1;
        flex: 1;
        width: auto;
        max-width: none
    }

    .page_header .buttons {
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        background-color: var(--c_surface);
        border-radius: 10px;
        padding: 3px
    }

    .page_header .buttons .btn {
        -ms-flex: 1;
        flex: 1;
        width: auto;
        margin: 0;
        border: 0;
        border-radius: 8px;
        font-size: var(--fs_value);
        line-height: var(--lh_base);
        padding: 9px 0
    }

    #efficiency_submenu .buttons {
        -ms-flex: 1;
        flex: 1
    }

    .page_header .bottom {
        padding: 0 0 12px
    }

    #fundtype_submenu ._cont {
        display: -ms-flexbox;
        display: flex;
        gap: 8px
    }

    #fundtype_submenu .btn--quarter {
        -ms-flex: none;
        flex: none;
        width: auto;
        margin: 0;
        border: 1px solid var(--c_line);
        border-radius: 20px;
        font-size: var(--fs_body);
        line-height: var(--lh_base);
        padding: 7px 13px;
        white-space: nowrap
    }

    .compare_bar {
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        gap: 12px
    }

    .compare_bar__text {
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        gap: 2px
    }

    .compare_bar__label {
        font-size: var(--fs_caption);
        line-height: var(--lh_base);
        color: var(--c_ink_soft)
    }

    .compare_bar__count {
        font-size: var(--fs_action);
        font-weight: 600;
        line-height: var(--lh_base);
        color: var(--c_ink)
    }

    .compare_bar__action {
        -ms-flex: none;
        flex: none;
        margin: 0;
        font-size: var(--fs_action);
        padding: 13px 20px
    }

    .compare_bar__action--disabled {
        opacity: .45;
        pointer-events: none
    }

    footer {
        padding-bottom: 96px
    }

    /* /fondy fund list: table out, cards in */
    .fund_cards ~ table {
        display: none
    }

    .fund_cards {
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    .fund_card {
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    .fund_card--selected {
        border: 1.5px solid var(--c_accent);
        box-shadow: 0 1px 3px rgba(var(--c_ink_rgb), .07)
    }

    .fund_card__head {
        display: -ms-flexbox;
        display: flex;
        gap: 12px;
        align-items: flex-start
    }

    .fund_card__ident {
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        gap: 3px
    }

    .fund_card__name {
        letter-spacing: -0.01em;
        font-size: var(--fs_action);
        font-weight: 600;
        line-height: var(--lh_base);
        color: var(--c_ink);
        text-decoration: underline;
        text-decoration-color: var(--c_line);
        text-underline-offset: 3px
    }

    .fund_card__meta {
        font-size: var(--fs_caption);
        line-height: var(--lh_base);
        color: var(--c_ink_soft)
    }

    .fund_card__action {
        -ms-flex: none;
        flex: none
    }

    .fund_card__action .btn {
        margin: 0
    }

    .fund_card__chips {
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        gap: 6px
    }

    .fund_card__chip {
        font-size: var(--fs_caption);
        font-weight: 500;
        line-height: var(--lh_base);
        color: var(--c_ink);
        background-color: var(--c_line);
        border-radius: 6px;
        padding: 4px 8px
    }

    .fund_card__tiles {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        border-top: 1px solid var(--c_line);
        padding-top: 10px
    }

    .fund_card__tile,
    .eff_tile {
        background-color: var(--c_surface);
        border-radius: var(--r_tile);
        padding: 8px 4px;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3px;
        min-width: 0
    }

    .fund_card__tile_label,
    .fund_card__detail_label,
    .eff_tile__label {
        font-size: var(--fs_micro);
        line-height: var(--lh_base);
        color: var(--c_ink_soft)
    }

    .fund_card__tile_value,
    .eff_tile__value {
        font-size: var(--fs_body);
        font-weight: 600;
        line-height: var(--lh_base);
        color: var(--c_ink)
    }

    .fund_card__details {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        border-top: 1px solid var(--c_line);
        padding-top: 10px
    }

    .fund_card__detail {
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0
    }

    .fund_card__detail_value {
        font-size: var(--fs_body);
        font-weight: 500;
        line-height: var(--lh_base);
        color: var(--c_ink)
    }

    .fund_card__chips:empty,
    .fund_card__tiles:empty,
    .fund_card__details:empty {
        display: none
    }

    /* sort + filter triggers */
    .mobile_controls {
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        margin-bottom: 10px
    }

    .mobile_controls__chip {
        -ms-flex: none;
        flex: none;
        background-color: #fff;
        border: 1px solid var(--c_line);
        border-radius: 20px;
        color: var(--c_ink);
        font-size: var(--fs_body);
        font-weight: 500;
        line-height: var(--lh_base);
        padding: 7px 13px;
        white-space: nowrap
    }

    .mobile_controls__chip--sort {
        background-color: var(--c_accent);
        border-color: var(--c_accent);
        color: #fff
    }

    .funds_table_filter--sort {
        padding: 20px 16px
    }

    .sort_options {
        display: -ms-flexbox;
        display: flex;
        flex-direction: column
    }

    .sort_option {
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        border-bottom: 1px solid var(--c_line);
        color: var(--c_ink);
        font-size: var(--fs_action);
        line-height: var(--lh_base);
        padding: 13px 2px
    }

    .sort_options li:last-child .sort_option {
        border-bottom: 0
    }

    .sort_option--active {
        color: var(--c_accent);
        font-weight: 600
    }

    .sort_option__dir {
        -ms-flex: none;
        flex: none;
        color: var(--c_accent);
        font-size: var(--fs_value)
    }

    /* Removes second border created by .cols_half .col */
    .cols_half .col {
        background-color: transparent;
        border: 0;
        border-radius: 0;
        padding: 0
    }

    .cols_half.mb-50 .col {
        padding: 0
    }

    .stats_table .col,
    .table_box .col {
        border: 0;
        padding: 0
    }

    .table_box .table_box__title,
    .stats_table__header,
    .params__title {
        font-size: var(--fs_title);
        font-weight: 600;
        line-height: var(--lh_base);
        color: var(--c_ink);
        margin: 0;
        padding: 0 0 8px
    }

    .table_box .table_box__subtitle,
    .stats_table__subtitle {
        font-size: var(--fs_body);
        line-height: var(--lh_base);
        color: var(--c_ink_soft);
        padding: 8px 0 4px
    }

    .table_box table {
        display: block;
        width: 100%
    }

    .table_box tbody {
        display: block
    }

    .table_box tbody tr {
        display: -ms-flexbox;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 12px;
        border-bottom: 1px solid var(--c_line);
        padding: 9px 0
    }

    .table_box tbody tr:last-child {
        border-bottom: 0
    }

    .table_box tbody td {
        display: block;
        padding: 0;
        font-size: var(--fs_body);
        line-height: var(--lh_base);
        text-align: right
    }

    .table_box tbody th,
    .table_box tbody td:first-child {
        display: block;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        padding: 0;
        font-size: var(--fs_body);
        font-weight: 400;
        line-height: var(--lh_base);
        color: var(--c_ink_soft);
        text-align: left
    }

    .table_box tbody th ~ td {
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        min-width: 0;
        font-weight: 600;
        color: var(--c_ink);
        text-align: right
    }

    .stats_table__content tbody th,
    .table_box tbody th {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        min-width: 38%
    }

    .stats_table__content tbody td:not(:first-child),
    .table_box tbody td:not(:first-child) {
        font-weight: 600;
        color: var(--c_ink);
    }
    
    .stats_table__content .foot_note {
        padding-left: 0;
    }

    .table_box tbody th:first-child,
    .table_box tbody td:first-child {
        padding-left: 0
    }

    .table_box tbody th:last-child,
    .table_box tbody td:last-child {
        padding-right: 0
    }

    .table_box thead {
        display: none
    }

    .tabs_and_currency {
        padding: 14px;
        border: 1px solid var(--c_line);
        border-radius: 14px
    }

    .tabs_and_currency .currency {
        position: static;
        margin-top: 10px
    }

    .tabs__header {
        gap: 6px
    }

    .tabs__header a {
        -ms-flex: none;
        flex: none;
        white-space: nowrap;
        padding: 7px 12px
    }

    .detail_left_col form .btn {
        margin: 0 6px 6px 0
    }

    #print {
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        gap: 12px
    }

    #print .detail_cols,
    #print .detail_left_col,
    #print .detail_right_col,
    #print .cols_half,
    #print .cols_half > .col {
        display: contents
    }

    #print .detail_left_col > h1 {
        order: 1;
        font-size: var(--fs_page);
        line-height: var(--lh_tight);
        margin: 0
    }

    #print .detail_left_col > .code {
        order: 2;
        font-size: var(--fs_body);
        line-height: var(--lh_base)
    }
    #print .detail_left_col > .w3-medium { order: 3 }
    #print .detail_left_col > .w3-tiny.w3-row { order: 4 }
    #print .detail_left_col > .w3-tiny.w3-margin-top { display: none }
    #print .detail_right_col > .tabs_and_currency { order: 6 }
    #print .cols_half > .col:first-child .table_box { order: 7 }
    #print .cols_half > .col:last-child .table_box:first-child { order: 8 }
    #print .detail_left_col > .params { order: 9 }
    #print .cols_half > .col:last-child .table_box:last-child { order: 10 }
    #print .detail_left_col > .accordeon { order: 11 }

    .detail_left_col .params,
    .stats_table,
    .table_box,
    .accordeon {
        margin-top: 0;
        margin-bottom: 0
    }

    /* fund detail: information grid */
    .detail_left_col .params {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px 10px;
    }

    .params__title {
        border-bottom: 2px solid var(--c_line);
        display: block;
        grid-column: 1 / -1;
        padding-bottom: 8px;
    }

    .detail_left_col .param {
        flex-direction: column;
        gap: 2px;
        min-width: 0;
        margin-bottom: 0
    }

    .detail_left_col .param strong {
        margin-right: 0;
        font-size: var(--fs_micro);
        font-weight: 400;
        line-height: var(--lh_base);
        letter-spacing: 0;
        color: var(--c_ink_soft)
    }

    .detail_left_col .param .value {
        font-size: var(--fs_body);
        font-weight: 500;
        line-height: var(--lh_base);
        color: var(--c_ink)
    }

    /* fund detail: charts */
    #print #nav_chart_single,
    #print #dd_chart_single,
    #print .pct_chart,
    #print .trailing_chart,
    #print .ratio_chart,
    #print .exposure_chart {
        height: 300px
    }

    /* Chart sub-tabs, on both the fund detail and the comparator. */
    .tabs__content__tab__subtabs__header {
        flex-wrap: wrap;
        gap: 10px 20px;
        padding: 12px 18px 10px
    }

    .tabs__content__tab__subtabs__header a:not(:last-child) {
        margin-right: 0
    }

    .eff_tiles {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px
    }

    .eff_tiles ~ table {
        display: none
    }

    .accordeon {
        margin-bottom: 12px
    }

    .accordeon__title {
        border: 0;
        border-radius: 14px;
        font-size: var(--fs_title);
        font-weight: 600;
        line-height: var(--lh_base);
        color: var(--c_ink);
        padding: 14px 14px 12px
    }

    .accordeon__content .inner {
        padding: 0 14px 14px
    }

    .accordeon .tabs__header {
        margin: 0 14px 12px
    }

    .accordeon .tabs--text .tabs__header,
    .tabs--text .tabs__header {
        background-color: var(--c_surface);
        border-radius: 10px;
        border: 0;
        padding: 3px
    }

    .tabs--text .tabs__header a {
        -ms-flex: 1;
        flex: 1;
        text-align: center;
        border-radius: 8px;
        font-size: var(--fs_body);
        line-height: var(--lh_base);
        padding: 7px 0
    }

    .tabs--text .tabs__header a.active,
    .perf_tabs > .tabs__header a.active {
        background-color: var(--c_accent);
        color: #fff
    }

    .tabs--text .tabs__header a:not(:last-child)::after {
        content: none
    }

    .accordeon__content ul li a.block {
        display: -ms-flexbox;
        display: flex;
        align-items: baseline;
        gap: 10px;
        border-bottom: 1px solid var(--c_line);
        font-size: var(--fs_body);
        line-height: var(--lh_base);
        color: var(--c_ink);
        padding: 9px 0
    }

    .accordeon__content ul li:last-child a.block {
        border-bottom: 0
    }

    .similar_fund__score {
        -ms-flex: none;
        flex: none;
        margin-left: auto;
        font-size: var(--fs_caption);
        font-weight: 500;
        color: var(--c_ink_soft)
    }

    .perf_tabs > .tabs__header {
        display: -ms-flexbox;
        display: flex;
        background-color: var(--c_surface);
        border: 0;
        border-radius: 10px;
        gap: 0;
        margin-bottom: 12px;
        padding: 8px 3px
    }

    .perf_tabs > .tabs__header a {
        -ms-flex: 1;
        flex: 1;
        border-radius: 8px;
        font-size: var(--fs_body);
        line-height: var(--lh_base);
        text-align: center;
        padding: 8px 0
    }

    .table_box .perf_tabs .tabs__content__tab:not(.active) {
        display: none
    }

    .perf_tabs .table_box__subtitle {
        display: none
    }

    .cmp_nav {
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        padding: 10px 16px 20px
    }

    .cmp_nav__item {
        -ms-flex: 1;
        flex: 1;
        background-color: var(--c_surface);
        border-radius: 9px;
        color: var(--c_ink);
        font-size: var(--fs_body);
        font-weight: 500;
        line-height: var(--lh_base);
        padding: 11px 0;
        text-align: center;
        white-space: nowrap
    }

    .cmp_nav__item--active {
        background-color: var(--c_accent);
        color: #fff;
        font-weight: 600
    }

    .cmp_nav ~ * :last-child,
    #corr_ajax {
        margin-bottom: 96px
    }

    #cmp_chart,
    #cmp_performance,
    #cmp_risk,
    #cmp_correlation {
        scroll-margin-top: 12px
    }

    .compare_header h1 {
        display: none;
    }
    
    .compare_header .w3-container {
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: 0
    }

    .compare_header .btn--small {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: auto;
        margin: 0;
        font-size: var(--fs_body);
        line-height: var(--lh_base);
        padding: 9px 10px
    }

    .compare_header [name="adjust_portfolio"] {
        display: none
    }

    /* comparator: one chart panel, not two */
    #cmp_chart > .col:last-child {
        display: none
    }

    #cmp_chart .w3-tiny form {
        display: -ms-flexbox;
        display: flex;
        gap: 6px
    }

    #cmp_chart .w3-tiny form .w3-button {
        -ms-flex: 1;
        flex: 1;
        background-color: var(--c_surface);
        border: 0;
        border-radius: 8px;
        color: var(--c_ink);
        font-size: var(--fs_body);
        line-height: var(--lh_base);
        padding: 9px 0
    }

    #cmp_chart .w3-tiny form span {
        display: none
    }

    .cmp_matrix {
        display: block
    }

    .cmp_matrix ~ table {
        display: none
    }

    .cmp_matrix__row {
        display: grid;
        grid-template-columns: minmax(0, 1.1fr) repeat(var(--cmp_funds, 2), minmax(0, 1fr));
        gap: 8px;
        align-items: baseline;
        border-top: 1px solid var(--c_line);
        padding: 8px 0
    }

    .cmp_matrix__row--head {
        border-top: 0;
        padding-top: 0;
        align-items: end
    }

    .cmp_matrix__label {
        font-size: var(--fs_caption);
        font-weight: 500;
        line-height: var(--lh_tight);
        color: var(--c_ink_soft);
        min-width: 0;
        overflow-wrap: break-word
    }

    .cmp_matrix__row--head .cmp_matrix__label {
        font-weight: 600
    }

    .cmp_matrix__fund {
        font-size: var(--fs_caption);
        font-weight: 500;
        line-height: var(--lh_tight);
        color: var(--c_ink);
        min-width: 0;
        overflow-wrap: break-word
    }

    .cmp_matrix__fund .fa-circle {
        margin-right: 4px
    }

    .cmp_matrix__cell {
        font-size: var(--fs_body);
        font-weight: 600;
        line-height: var(--lh_tight);
        color: var(--c_ink);
        min-width: 0;
        overflow-wrap: break-word
    }

    #ajax_funds_table thead {
        display: none
    }

    #ajax_funds_table table,
    #ajax_funds_table tbody,
    #ajax_funds_table tr,
    #ajax_funds_table td {
        display: block
    }

    #ajax_funds_table tbody tr {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 2px 6px;
        border: 0;
        border-bottom: 1px solid var(--c_line);
        border-radius: 0;
        padding: 10px 0 10px 26px
    }

    #ajax_funds_table tbody tr:last-child {
        border-bottom: 0
    }

    #ajax_funds_table tbody td {
        padding: 0;
        border: 0
    }

    #ajax_funds_table tbody td:first-child {
        position: absolute;
        left: 0;
        top: 11px;
        width: 18px
    }

    #ajax_funds_table tbody td:first-child button {
        display: none
    }

    #ajax_funds_table tbody td:nth-child(2) {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        order: 1;
        min-width: 0;
        font-size: var(--fs_body);
        font-weight: 500;
        line-height: var(--lh_base);
        color: var(--c_ink)
    }

    #ajax_funds_table tbody td:nth-child(n+3) {
        -ms-flex: none;
        flex: none;
        order: 2;
        font-size: var(--fs_micro);
        line-height: var(--lh_base);
        color: var(--c_ink_soft)
    }

    #ajax_funds_table tbody td:nth-child(n+4)::before {
        content: "· "
    }

    .corr_overall {
        display: block
    }

    .corr_overall ~ table {
        display: none
    }

    .corr_overall__row {
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        background-color: var(--c_surface);
        border-radius: 10px;
        padding: 14px
    }

    .corr_overall__row + .corr_overall__row {
        margin-top: 8px
    }

    .corr_overall__funds,
    .corr_years__pairs {
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        gap: 4px
    }

    .corr_overall__fund {
        font-size: var(--fs_caption);
        line-height: var(--lh_base);
        color: var(--c_ink_soft);
        overflow-wrap: break-word
    }

    .corr_overall__fund .fa-circle {
        margin-right: 6px
    }

    .corr_overall__value {
        -ms-flex: none;
        flex: none;
        font-size: 26px;
        font-weight: 700;
        line-height: 1.2;
        color: var(--c_ink)
    }

    .corr_years {
        display: block
    }

    .corr_years ~ table {
        display: none
    }

    .corr_years__row {
        display: -ms-flexbox;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 12px;
        border-top: 1px solid var(--c_line);
        padding: 9px 0
    }

    .corr_years__row:first-child {
        border-top: 0
    }

    .corr_years__year {
        -ms-flex: none;
        flex: none;
        font-size: var(--fs_body);
        font-weight: 500;
        line-height: var(--lh_base);
        color: var(--c_ink_soft)
    }

    .corr_years__pair {
        display: -ms-flexbox;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 10px
    }

    .corr_years__names {
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        font-size: var(--fs_caption);
        line-height: var(--lh_base);
        color: var(--c_ink_soft);
        overflow-wrap: break-word
    }

    .corr_years__value {
        -ms-flex: none;
        flex: none;
        font-size: var(--fs_value);
        font-weight: 600;
        line-height: var(--lh_base);
        color: var(--c_ink)
    }

    .corr_years__empty {
        font-size: var(--fs_body);
        color: var(--c_ink_soft);
        margin: 0;
        padding: 8px 0
    }

    #allfunds_modal {
        padding-top: 0;
        z-index: 60
    }

    #allfunds_modal .w3-modal-content {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto !important;
        max-width: none;
        margin: 0;
        height: 85vh;
        border-radius: 22px 22px 0 0;
        box-shadow: 0 -10px 40px rgba(27, 26, 58, .3);
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        overflow: hidden
    }

    #allfunds_modal .w3-modal-content::before {
        content: "";
        flex: none;
        width: 40px;
        height: 4px;
        margin: 10px auto 0;
        border-radius: 2px;
        background-color: var(--c_line)
    }

    #allfunds_modal header {
        -ms-flex: none;
        flex: none;
        padding: 12px 16px 10px;
        border-bottom: 1px solid var(--c_line)
    }

    #allfunds_modal header h3 {
        font-size: var(--fs_sheet);
        font-weight: 600;
        line-height: var(--lh_tight);
        color: var(--c_ink);
        margin: 0
    }

    #allfunds_modal #add_compare_form {
        -ms-flex: 1;
        flex: 1;
        min-height: 0;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column
    }

    #allfunds_modal .w3-container.w3-padding {
        -ms-flex: 1;
        flex: 1;
        min-height: 0;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        padding: 0 !important
    }

    #allfunds_modal .table-container {
        -ms-flex: 1;
        flex: 1;
        min-height: 0;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        overflow: visible
    }

    #comparatorIsinTable_wrapper {
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        min-height: 0;
        flex: 1
    }

    #comparatorIsinTable_wrapper > .row:first-child {
        -ms-flex: none;
        flex: none;
        padding: 12px 16px
    }

    #comparatorIsinTable_wrapper > .row:nth-child(2) {
        -ms-flex: 1;
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        padding: 0 16px
    }

    #comparatorIsinTable_wrapper > .row:nth-child(2) > .col-sm-12 {
        min-height: 0
    }

    #comparatorIsinTable_wrapper > .row:last-child {
        -ms-flex: none;
        flex: none;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 6px 10px;
        border-top: 1px solid var(--c_line);
        padding: 10px 16px 20px
    }

    #allfunds_modal .dataTables_paginate a,
    #allfunds_modal .dataTables_paginate .paginate_button {
        display: inline-block;
        min-width: 32px;
        border-radius: 8px;
        color: var(--c_ink);
        font-size: var(--fs_body);
        line-height: var(--lh_base);
        margin: 1px;
        padding: 7px 6px;
        text-align: center
    }

    #allfunds_modal .dataTables_paginate {
        text-align: center;
        width: 100%
    }

    #allfunds_modal .dataTables_paginate ul.pagination {
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 2px;
        margin: 0;
        padding: 0
    }

    #allfunds_modal .dataTables_paginate .paginate_button.current,
    #allfunds_modal .dataTables_paginate .paginate_button.active a {
        background-color: var(--c_accent);
        border-color: var(--c_accent);
        color: #fff
    }

    #allfunds_modal .dataTables_filter {
        float: none;
        text-align: left
    }

    #allfunds_modal .dataTables_filter label {
        display: block;
        margin: 0;
        font-size: 0
    }

    #allfunds_modal .dataTables_filter input {
        width: 100%;
        margin: 0;
        background-color: var(--c_surface);
        border: 1px solid var(--c_line);
        border-radius: 10px;
        color: var(--c_ink);
        font-size: var(--fs_action);
        line-height: var(--lh_base);
        padding: 10px 12px
    }

    #allfunds_modal .dataTables_info {
        font-size: var(--fs_micro);
        line-height: var(--lh_base);
        color: var(--c_ink_soft);
        padding: 0
    }

    #allfunds_modal .dataTables_paginate {
        float: none;
        margin: 0;
        font-size: var(--fs_body)
    }

    #comparatorIsinTable thead {
        display: none
    }

    #comparatorIsinTable,
    #comparatorIsinTable tbody,
    #comparatorIsinTable tr,
    #comparatorIsinTable td {
        display: block
    }

    #comparatorIsinTable tbody tr {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 2px 6px;
        background: none;
        border: 0;
        border-bottom: 1px solid var(--c_line);
        padding: 13px 96px 13px 0
    }

    #comparatorIsinTable tbody td {
        border: 0;
        padding: 0
    }

    #comparatorIsinTable tbody td:first-child {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        min-width: 0;
        font-size: var(--fs_value);
        font-weight: 500;
        line-height: var(--lh_base);
        color: var(--c_ink)
    }

    #comparatorIsinTable tbody td:nth-child(n+2):not(:last-child) {
        -ms-flex: none;
        flex: none;
        font-size: var(--fs_micro);
        line-height: var(--lh_base);
        color: var(--c_ink_soft)
    }

    #comparatorIsinTable tbody td:nth-child(n+3):not(:last-child)::before {
        content: "· "
    }

    #comparatorIsinTable tbody td:last-child {
        position: absolute;
        right: 0;
        top: 11px;
        width: 88px;
        text-align: right
    }

    #comparatorIsinTable tbody td:last-child .btn {
        margin: 0;
        border-radius: 8px;
        font-size: var(--fs_body);
        line-height: var(--lh_base);
        padding: 8px 12px
    }

    .funds_table_filter {
        position: fixed;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        max-height: 70vh;
        overflow-y: auto;
        border-radius: 10px 10px 0 0;
        box-shadow: 0 -4px 16px rgba(var(--c_ink_rgb), .2);
        pointer-events: none
    }

    .funds_table_filter.show {
        pointer-events: auto
    }

    .funds_table_filter--checkboxes,
    .funds_table_filter--ranking {
        padding: 20px 16px
    }

    .funds_table_filter--ranking .center {
        padding: 0
    }

    .funds_table_filter label {
        display: inline-block;
        padding: 7px 0
    }
}