@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto;background:#f80;color:#fff;line-height:1.5}ul{list-style:none}.container,.banner{max-width:1100px;margin:0 auto;height:120vh;padding:0 20px;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.container .ra-frw-new-features,.banner .ra-frw-new-features{display:flex;flex-direction:column;gap:12px}.container>.slider,.banner>.slider{margin:20px 0;width:300px;text-align:center;overflow:hidden}.container>.slider .slides,.banner>.slider .slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.container>.slider .slides::-webkit-scrollbar,.banner>.slider .slides::-webkit-scrollbar{width:10px;height:10px}.container>.slider .slides::-webkit-scrollbar-thumb,.banner>.slider .slides::-webkit-scrollbar-thumb{background:#000;border-radius:10px}.container>.slider .slides::-webkit-scrollbar-track,.banner>.slider .slides::-webkit-scrollbar-track{background:transparent}.container>.slider .slides>div.slide,.banner>.slider .slides>div.slide{scroll-snap-align:start;flex-shrink:0;width:300px;height:300px;margin-right:50px;border-radius:10px;background:#eee;transform-origin:center center;transform:scale(1);transition:transform .5s;position:relative;display:flex;justify-content:center;align-items:center;font-size:100px}.banner{height:240px;margin:40px 0;border:3px solid #8f0}button{padding:10px;background:#fff;border:1px solid #0088ff;border-radius:5px}