You can add hashed CSS modules to your layouts, components, and pages in Redpoint by using the LoadCSS function.

Use the LoadCSS function provided by Redpoint and then import your stylesheet:

import { LoadCSS } from "@sudovanilla/redpoint"
export const { Classes: styles, HashedCSS } = await LoadCSS(import.meta.url, "../styles/index.module.css")

If we want apply a classname to, let's say a Card component, we can do it like this:

import { styles } from "../layouts/layout.tsx"
export const Card = ({ Title, Message }) => (
    <div class={styles.Card}>
        <h2>{Title}</h2>
        <p>{Message}</p>
    </div>
)