.sp-subnav[data-v-17d24faa] {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    position: relative
}

.sp-subnav .subnav__arrow[data-v-17d24faa] {
    display: flex;
    flex: 0 0 30px;
    width: 30px;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    border-radius: 0;
    border-color: #eeeff1;
    border-style: solid;
    border-width: 0;
    transition: opacity .2s ease-in-out
}

.sp-subnav .subnav__arrow[data-v-17d24faa]:first-child {
    border-right-width: 1px;
    left: 0
}

.sp-subnav .subnav__arrow[data-v-17d24faa]:last-child {
    border-left-width: 1px;
    right: 0
}

.sp-subnav.has--overflow .subnav__arrow.is--transparent[data-v-17d24faa] {
    pointer-events: none
}

.sp-subnav.has--overflow.active--first .subnav__arrow.is--transparent[data-v-17d24faa]:first-child,
.sp-subnav.has--overflow.active--last .subnav__arrow.is--transparent[data-v-17d24faa]:last-child {
    border-color: #f6f6f7
}

.sp-subnav>.subnav__draggable[data-v-17d24faa] {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    width: 100%
}

.sp-subnav>.subnav__draggable.has--overflow[data-v-17d24faa] {
    overflow-x: scroll;
    scrollbar-width: thin;
    scrollbar-color: rgba(29, 36, 50, .1) transparent
}

.sp-subnav>.subnav__draggable.has--overflow[data-v-17d24faa]::-webkit-scrollbar {
    height: 5px;
    background: transparent
}

.sp-subnav>.subnav__draggable.has--overflow[data-v-17d24faa]::-webkit-scrollbar-thumb {
    background: rgba(29, 36, 50, .1)
}

.sp-subnav>.subnav__draggable.has--overflow[data-v-17d24faa]::-webkit-scrollbar-track {
    background: transparent
}

.sp-subnav>.subnav__draggable.has--overflow[data-v-17d24faa]::-webkit-scrollbar:vertical {
    width: 0;
    background: transparent
}

.sp-subnav>.subnav__draggable.has--overflow.is--touch[data-v-17d24faa] {
    scrollbar-color: transparent
}

.sp-subnav>.subnav__draggable.has--overflow.is--touch[data-v-17d24faa]::-webkit-scrollbar,
.sp-subnav>.subnav__draggable.has--overflow.is--touch[data-v-17d24faa]::-webkit-scrollbar-thumb,
.sp-subnav>.subnav__draggable.has--overflow.is--touch[data-v-17d24faa]::-webkit-scrollbar-track,
.sp-subnav>.subnav__draggable.has--overflow.is--touch[data-v-17d24faa]::-webkit-scrollbar-track:active,
.sp-subnav>.subnav__draggable.has--overflow.is--touch[data-v-17d24faa]::-webkit-scrollbar-thumb:active {
    height: 0;
    background: transparent
}

.sp-subnav>.subnav__draggable.has--overflow.is--touch[data-v-17d24faa]::-webkit-scrollbar-thumb:horizontal {
    height: 0;
    background: transparent
}

.sp-subnav>.subnav__draggable.has--overflow.is--touch[data-v-17d24faa]::-webkit-scrollbar-thumb:vertical {
    width: 0
}

.sp-subnav>.subnav__draggable.has--overflow.is--touch[data-v-17d24faa]::-webkit-scrollbar {
    display: none !important
}

.sp-subnav .subnav__img[data-v-17d24faa] {
    width: 16px;
    height: 16px;
    margin: 0 0 3px
}

.subnav--resources[data-v-17d24faa]:has(+main.articles.view),
.subnav--resources[data-v-17d24faa]:has(+main.qs-i.surveys.view),
.subnav--resources[data-v-17d24faa]:has(+main.qs-cp) {
    border-bottom: none
}

@media (min-width: 768px) {
    .sp-subnav .subnav__img[data-v-17d24faa] {
        width: 24px;
        height: 24px;
        margin: 0 0 5px
    }
}

@media (min-width: 1200px) {
    .sp-subnav .subnav__img[data-v-17d24faa] {
        width: 30px;
        height: 30px;
        margin-bottom: 0;
        margin-inline-end: 10px
    }
}

@media (min-width: 1340px) {
    .sp-subnav>.subnav__draggable[data-v-17d24faa] {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto
    }
}