.VERTICAL-SCROLLER{position:relative}.VERTICAL-SCROLLER .fixed{position:absolute;top:-200rem;height:800rem;aspect-ratio:1}.VERTICAL-SCROLLER .fixed .image{position:absolute;top:47%;left:0;width:580rem;height:auto;opacity:0;transform:translate(0,-50%);transition:opacity .25s}.VERTICAL-SCROLLER .rows{width:50%;margin:100rem 0 100rem auto;padding-left:20rem;box-sizing:border-box}.VERTICAL-SCROLLER .row{margin:500rem 0;opacity:.5;transition:opacity .25s}.VERTICAL-SCROLLER .row .image{display:none}.VERTICAL-SCROLLER .row:first-child{margin-top:0}.VERTICAL-SCROLLER .row:last-child{margin-bottom:0}.VERTICAL-SCROLLER.alt-fixed .fixed{position:fixed;top:50%;transform:translate(0%,-50%)}.VERTICAL-SCROLLER.alt-fixed-end .fixed{top:auto;bottom:-200rem}.VERTICAL-SCROLLER:not(.alt-fixed,.alt-fixed) .row:first-child,.VERTICAL-SCROLLER.alt-fixed[data-active="2"] .row:nth-child(2),.VERTICAL-SCROLLER.alt-fixed[data-active="3"] .row:nth-child(3),.VERTICAL-SCROLLER.alt-fixed[data-active="4"] .row:nth-child(4),.VERTICAL-SCROLLER.alt-fixed[data-active="5"] .row:nth-child(5),.VERTICAL-SCROLLER.alt-fixed[data-active="6"] .row:nth-child(6),.VERTICAL-SCROLLER.alt-fixed[data-active="7"] .row:nth-child(7),.VERTICAL-SCROLLER.alt-fixed[data-active="8"] .row:nth-child(8),.VERTICAL-SCROLLER.alt-fixed[data-active="9"] .row:nth-child(9),.VERTICAL-SCROLLER.alt-fixed-end .row:last-child{opacity:1}.VERTICAL-SCROLLER:not(.alt-fixed,.alt-fixed-end) .fixed .image:first-child,.VERTICAL-SCROLLER.alt-fixed[data-active="1"] .fixed .image:nth-child(1),.VERTICAL-SCROLLER.alt-fixed[data-active="2"] .fixed .image:nth-child(2),.VERTICAL-SCROLLER.alt-fixed[data-active="3"] .fixed .image:nth-child(3),.VERTICAL-SCROLLER.alt-fixed[data-active="4"] .fixed .image:nth-child(4),.VERTICAL-SCROLLER.alt-fixed[data-active="5"] .fixed .image:nth-child(5),.VERTICAL-SCROLLER.alt-fixed[data-active="6"] .fixed .image:nth-child(6),.VERTICAL-SCROLLER.alt-fixed[data-active="7"] .fixed .image:nth-child(7),.VERTICAL-SCROLLER.alt-fixed[data-active="8"] .fixed .image:nth-child(8),.VERTICAL-SCROLLER.alt-fixed[data-active="9"] .fixed .image:nth-child(9),.VERTICAL-SCROLLER.alt-fixed-end .fixed .image:last-child{opacity:1}@media screen and (max-width:960px){.VERTICAL-SCROLLER .fixed{display:none}.VERTICAL-SCROLLER .rows{width:auto;margin:0;padding-left:0}.VERTICAL-SCROLLER .row{margin:40rem 0;opacity:1}.VERTICAL-SCROLLER .row .image{display:block;margin-bottom:20rem}}