.screen{background-color:#000;box-shadow:0 2px 18px -1px #000}*,:after,:before{box-sizing:border-box;--color:rbga(234,234,234,1)}body{background:rgba(var(--mainColorList),1);color:var(--color);display:grid;height:100dvh;place-content:center;width:100vw}.rolodex12{display:grid;height:100dvh;overflow:hidden;perspective:1800px;place-content:center;width:100vw}.rolodex12:after,.rolodex12:before{content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.rolodex12:before{background-image:linear-gradient(rgba(var(--mainColorList),1) 40%,rgba(var(--mainColorList),0));top:0}.rolodex12:after,.rolodex12:before{pointer-events:none}.rolodex12:after{background-image:linear-gradient(rgba(var(--mainColorList),0),rgba(var(--mainColorList),1) 60%);bottom:0}.rolodex12 ul{height:100%;left:0;list-style-type:none;margin:0;padding:0;position:absolute;top:0;transform-style:preserve-3d;width:100%}.rolodex12 ul li{backface-visibility:hidden;font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:6vw;font-weight:600;height:1em;left:50%;letter-spacing:-2px;line-height:80%;pointer-events:auto;position:absolute;text-align:center;transform:translate(-50%);transform-style:preserve-3d;white-space:nowrap;width:100%}.scroll-spacer{position:relative;z-index:-1}body{height:auto;overflow-x:hidden}.rolodexNormal{display:grid;height:100dvh;overflow:hidden;perspective:1800px;place-content:center;width:100vw}.rolodexNormal:after,.rolodexNormal:before{content:"";height:8%;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.rolodexNormal:before{background-image:linear-gradient(rgba(var(--mainColorList),1) 60%,rgba(var(--mainColorList),0));top:0}.rolodexNormal:after,.rolodexNormal:before{pointer-events:none}.rolodexNormal:after{background-image:linear-gradient(rgba(var(--mainColorList),0) 0,rgba(var(--mainColorList),1) 40%);bottom:0}.rolodexNormal ul{height:100dvh;left:0;list-style-type:none;margin:0;overflow:scroll;padding:0;position:absolute;scroll-snap-type:y mandatory;top:0;transform-style:preserve-3d;width:100%;-ms-overflow-style:none;scrollbar-width:none;will-change:transform}.rolodexNormal ul li{backface-visibility:hidden;cursor:pointer;font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:20px;font-weight:600;height:1.7rem;left:50%;letter-spacing:-.2px;line-height:100%;text-align:center;transform-style:preserve-3d;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.rolodexNormal ul::-webkit-scrollbar{display:none}@media (max-width:768px){.rolodex12:after,.rolodex12:before{height:25%}.rolodex12 ul li{font-size:40px}.rolodexNormal:after,.rolodexNormal:before{height:12%}.rolodexNormal ul li{height:1.4rem}}