.mr-all-scroll-minimap {
    display: none;
}

@media (min-width: 901px) {
    body.mr-page-all-products .mr-all-scroll-minimap,
    body.mr-page-all-products .mr-all-scroll-minimap * {
        box-sizing: border-box;
    }

    body.mr-page-all-products .mr-all-scroll-minimap {
        --mr-map-bg: #050605;
        --mr-map-width: 35px;
        --mr-map-height: 308px;
        --mr-map-right: clamp(28px, 3.75vw, 76px);
        --mr-map-active-rgb: 247, 243, 233;
        --mr-map-dim-opacity: .27;
        position: fixed;
        z-index: 8800;
        top: 50%;
        right: var(--mr-map-right);
        left: auto;
        display: block;
        width: var(--mr-map-width);
        height: var(--mr-map-height);
        translate: 0 -50%;
        pointer-events: none;
        transition: opacity 180ms ease, visibility 180ms ease;
    }

    body.mr-page-all-products.mr-all-compare-table-open .mr-all-scroll-minimap,
    html.mr-all-compare-table-open body.mr-page-all-products .mr-all-scroll-minimap,
    body.mr-page-all-products:has(.mr-all-zoom:not([hidden])) .mr-all-scroll-minimap {
        visibility: hidden;
        opacity: 0;
    }

    body.mr-page-all-products .mr-all-scroll-minimap__viewport {
        position: absolute;
        inset: 0;
        overflow: hidden;
        visibility: hidden;
        border-radius: 999px;
        background: var(--mr-map-bg);
        clip-path: inset(0 0 calc(100% - 14px) 0 round 999px);
        transform: translate3d(16px, 0, 0) scaleX(.4);
        transform-origin: top right;
        will-change: clip-path, transform;
        contain: layout paint style;
    }

    body.mr-page-all-products .mr-all-scroll-minimap__items {
        position: absolute;
        inset: 19px 0 20px;
        display: grid;
        grid-template-rows: repeat(22, 1fr);
        align-items: center;
        justify-items: center;
    }

    body.mr-page-all-products .mr-all-scroll-minimap__item {
        display: grid;
        width: 100%;
        height: 100%;
        place-items: center;
        color: rgba(
            var(--mr-map-active-rgb),
            var(--mr-map-item-opacity, var(--mr-map-dim-opacity))
        );
    }

    body.mr-page-all-products .mr-all-scroll-minimap__number {
        direction: ltr;
        font-family: "Courier New", ui-monospace, monospace;
        font-size: 7px;
        font-weight: 900;
        line-height: 1;
        letter-spacing: -.08em;
        font-variant-numeric: tabular-nums;
        text-rendering: geometricPrecision;
    }

    body.mr-page-all-products .mr-all-scroll-minimap__line::before {
        content: "";
        display: block;
        width: calc(8px + 8px * var(--mr-map-strength, 0));
        height: 1px;
        background: currentColor;
        transform-origin: center;
    }
}

@media (min-width: 901px) and (max-width: 1180px) {
    body.mr-page-all-products .mr-all-scroll-minimap {
        --mr-map-width: 32px;
        --mr-map-height: 282px;
        --mr-map-right: clamp(18px, 2.4vw, 28px);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.mr-page-all-products .mr-all-scroll-minimap,
    body.mr-page-all-products .mr-all-scroll-minimap__viewport {
        transition: none !important;
    }
}