DIV.rm-pages
{
    ALIGN-ITEMS: flex-start;
    DISPLAY: flex;
    OVERFLOW-X: scroll;
    OVERSCROLL-BEHAVIOR-X: contain;
    SCROLL-BEHAVIOR: smooth;
    SCROLL-SNAP-TYPE: x mandatory;
    SCROLLBAR-WIDTH: none;
    -MS-OVERFLOW-STYLE: none;
    -WEBKIT-OVERFLOW-SCROLLING: touch;
}

DIV.rm-pages::-webkit-scrollbar
{
    DISPLAY: none;
}

@media (max-width: 640px)
{
    DIV.rm-pages
    {
        FLEX-DIRECTION: column;
    }
}

DIV.rm-pages > DIV
{
    /*CONTENT-VISIBILITY: auto;*/
    FLEX: 0 0 100%;
    SCROLL-SNAP-ALIGN: none center;
    WIDTH:100%;
}

/*
DIV.rm-pages > DIV:first-child
{
    CONTENT-VISIBILITY: visible;
}
*/

NAV.rm-pages-menu
{
    BACKGROUND: #1c1c1e;
    BACKGROUND: linear-gradient(0deg, rgba(28, 28, 30, 0) 0%, #1c1c1e 35%);
    DISPLAY: flex;
    JUSTIFY-CONTENT: flex-start;
    LEFT: 50%;
    RIGHT: 0;
    PADDING: var(--cms-vspacing) var(--cms-hspacing);
    POSITION: absolute;
    TOP: 0;
}

@media (max-width: 640px)
{
    NAV.rm-pages-menu
    {
        DISPLAY: none;
    }
}

NAV.rm-pages-menu > A
{
    BACKGROUND: #444446;
    BORDER: none !important;
    COLOR: transparent;
    HEIGHT: calc(5 * var(--cms-factor));
    MARGIN-RIGHT: 1.5vw;
    OVERFLOW: hidden;
    TRANSITION: background-color 0.25s;
    USER-SELECT: none;
    WIDTH: 2.5vw;
}

NAV.rm-pages-menu > A.rm-pages-active
{
    BACKGROUND: #a9c2d5;
}

NAV.rm-pages-menu > A:focus,
NAV.rm-pages-menu > A:hover
{
    BACKGROUND: #f3b606;
}

A.rm-pages-prev,
A.rm-pages-next
{
    BORDER: none !important;
    COLOR: transparent;
    HEIGHT: calc(75 * var(--cms-factor));
    POSITION: absolute;
    TOP: 50%;
    TRANSFORM: translateY(-50%);
    USER-SELECT: none;
    WIDTH: calc(75 * var(--cms-factor));
}

@media (max-width: 640px)
{
    A.rm-pages-prev,
    A.rm-pages-next
    {
        DISPLAY: none;
    }
}

A.rm-pages-prev
{
    LEFT: 0;
}

A.rm-pages-next
{
    RIGHT: 0;
}

A.rm-pages-prev:before,
A.rm-pages-next:before
{
    BACKGROUND: rgba(169, 194, 213, 0.5);
    BOTTOM: 0;
    CLIP-PATH: polygon(17.5% 50%, 67.5% 0, 77.5% 10%, 37.5% 50%, 77.5% 90%, 67.5% 100%);
    CONTENT: "";
    LEFT: 0;
    POSITION: absolute;
    RIGHT: 0;
    TOP: 0;
    TRANSITION: background-color 0.25s;
}

A.rm-pages-next:before
{
    CLIP-PATH: polygon(82.5% 50%, 32.5% 0, 22.5% 10%, 62.5% 50%, 22.5% 90%, 32.5% 100%);
}

A.rm-pages-prev:focus:before,
A.rm-pages-prev:hover:before,
A.rm-pages-next:focus:before,
A.rm-pages-next:hover:before
{
    BACKGROUND: #f3b606;
}

@media (min-width: 641px)
{
    DIV.rm-pages DIV.rm-split-left-content,
    DIV.rm-pages DIV.rm-split-right-content
    {
        MAX-HEIGHT: 100vh;
        BOX-SIZING: border-box;
        OVERFLOW-Y: auto;
    }

    DIV.rm-pages DIV.rm-split-right-content
    {
        PADDING-TOP: calc(2 * var(--cms-vspacing) + calc(5 * var(--cms-factor)));
    }
}