/* Deposit notice segments */
#depositNotice .seg {
display: inline-block;
position: relative;
overflow: hidden; /* hides text under mask */
color: #333; /* normal visible text color */
}
/* White mask that hides the text at first */
#depositNotice.play .seg::before {
content: '';
position: absolute;
inset: 0;
background: #ffffff; /* match the section background color */
transform: translateX(0%); /* fully covering the text */
animation: depositReveal 1s ease forwards;
}
/* Stagger the 3 segments so they reveal one after the other */
#depositNotice.play .seg:nth-child(1)::before { animation-delay: 0ms; }
#depositNotice.play .seg:nth-child(2)::before { animation-delay: 200ms; }
#depositNotice.play .seg:nth-child(3)::before { animation-delay: 400ms; }
/* Animation: slide the mask to the right so text becomes visible */
@keyframes depositReveal {
to { transform: translateX(101%); }
}
/* Accessibility: if user prefers reduced motion, show text instantly */
@media (prefers-reduced-motion: reduce) {
#depositNotice.play .seg::before {
animation: none !important;
transform: translateX(101%);
}
}