.custom-scrollbar,
.site-breadcrumb-wrapper > span {
    scrollbar-width: thin;
    /* "auto" or "thin" */
}

.custom-scrollbar--x {
    overflow-x: auto;
}

.custom-scrollbar--y {
    overflow-y: auto;
}

/* -- webkit normal -- */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    cursor: pointer;
}

.custom-scrollbar.custom-scrollbar--y::-webkit-scrollbar {
    width: 10px;
}

.custom-scrollbar--small::-webkit-scrollbar,
.site-breadcrumb::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    border-radius: var(--border-radius-default);
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    border-radius: var(--border-radius-default);
    border: none;
}

.custom-scrollbar--hidden {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.custom-scrollbar--hidden::-webkit-scrollbar {
    width: 0;
    height: 0;
}

@media (max-width: 991px) {

    .custom-scrollbar--mobile-hidden,
    .site-breadcrumb-wrapper > span {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .custom-scrollbar--mobile-hidden::-webkit-scrollbar,
    .site-breadcrumb-wrapper > span::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
}

/* -- webkit more contrast -- */
.custom-scrollbar.custom-scrollbar--more-contrast::-webkit-scrollbar-thumb {
    border-radius: var(--border-radius-default);
    border: none;
}

/* SHORTCODE EDITS */
.shortcode-slider-tabs__btn:last-child:before,
.bonus-comparison__filter-tab:before {
    /* hack to add margin right to last element, that gradient will not overlay -- https://stackoverflow.com/a/52093834 */
    content: "";
    width: 15px;
    height: 1px;
    background: transparent;
    align-self: flex-end;
    margin-right: -40px;
    display: block;
}

.bonus-comparison__filter-tab:before {
    margin-right: -15px;
}

.shortcode-slider-tabs-wrapper:after {
    content: "";
    width: 15px;
    height: calc(100% - 8px * 1);
    position: absolute;
    right: 0;
    top: 0;
}

.comparison-filter--payment-method:after {
    content: "";
    width: 15px;
    height: calc(100% - 10px * 1);
    position: absolute;
    right: 1px;
    top: 1px;
    border-radius: 0 4px 4px 0;
}

@media (max-width: 575px) {

    .comparison-row__highlights.custom-scrollbar--y,
    .review-header-info-box__highlights__ul.custom-scrollbar--y {
        overflow: visible;
    }
}