.BackwardIcon,.ForwardIcon{width:1.5rem;height:1.5rem;color:#606060;transition:all .3s;transform:scale(.7);&[data-hovered=true]{color:#fff;transform:translateX(20%) scale(1.2)}}.BackwardIcon{&[data-hovered=true]{transform:translateX(-20%) scale(1.2)}}.ForwardIcon{&[data-control=false]{color:#fff}}.AboutUs,.CharacterIcon,.ContactUs,.HomeIcon,.ReadComics,.RepublicNationIcon,.UserIcon{width:1.5rem;height:1.5rem;fill:#606060;transition:transform .3s;&[data-state=hovered]{fill:#fff;transform:scale(1.5)}&[data-state=active]{fill:#fff}&[data-state=large]{width:2rem;fill:#606060;stroke:transparent;&:hover{transform:scale(1.2)}}}.UserIcon{width:2rem;height:2rem;cursor:pointer;&[data-state=hovered]{transform:scale(1.2)}}.SocialIcon{width:1.25rem;height:1.25rem;fill:#fff;transition:all .3s;&:hover{fill:#fff;transform:scale(1.2)}&[data-type=small]{width:1.25rem}}.CloseEye,.OpenEye{width:1rem;&[data-mode=large]{width:2rem}&[data-mode=medium]{width:1.5rem}}