.flip-card{font-size:5.25rem;width:50px}.top,.bottom,.flip-card .top-flip,.flip-card .bottom-flip{width:50px}.container-segment{gap:.5em}.segment{padding:.3em}#topCharitiesList li{transition:opacity .5s ease,transform .5s ease}#remainingCharities p{white-space:nowrap;display:inline-block;margin-right:1rem}.scroller{max-width:100vw}.scroller__inner{display:flex;flex-wrap:wrap;gap:2rem}.scroller__inner .charity-element{transition:all .3s ease}.scroller[data-animated=true]{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent);mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent)}.scroller[data-animated=true] .scroller__inner{width:-moz-max-content;width:max-content;flex-wrap:nowrap;animation:scroll var(--_animation-duration, 120s) linear infinite}.scroller[data-direction=left]{--_animation-direction: reverse}.scroller[data-direction=right]{--_animation-direction: forwards}.scroller[data-speed=fast],.scroller[data-speed=slow]{--_animation-duration: 50s}@keyframes scroll{to{transform:translate(-33.33%)}}