Nested theme
+ {CONTENT}
+```
+The content has this structure:
+```html
+
+{title}
+{CONTENT}
+```
+
+#### Rules
+- `{MODIFIER}` is optional. It can be one of the modifier class names.
+- The accordion uses radio inputs. Radio inputs that have the same name operate as one group. Only one input in the group can be open at a time.
+- If a page has more than one accordion group, use a different radio-input name for each group.
+- Replace `{name}` with a unique name for the accordion group.
+- To open an accordion item by default, replace `{checked}` with `checked="checked"`.
+
+
+### Alert
+Use an alert to give users information about an important event.
+
+[Alert documentation](https://daisyui.com/components/alert/)
+
+#### Class names
+- component: `alert`
+- style: `alert-outline`, `alert-dash`, `alert-soft`
+- color: `alert-info`, `alert-success`, `alert-warning`, `alert-error`
+- direction: `alert-vertical`, `alert-horizontal`
+
+#### Syntax
+```html
+{CONTENT}
+```
+
+#### Rules
+- `{MODIFIER}` is optional. It can include one class name from each style, color, and direction category.
+- For responsive layouts, add `sm:alert-horizontal`.
+
+
+### Aura
+An aura adds a light effect around the border of a component. Use it to make an important button, card, or div easy to see.
+[Aura documentation](https://daisyui.com/components/aura/)
+
+#### Class names
+- component: `aura`
+- style: `aura-dual`, `aura-rainbow`, `aura-holo`, `aura-gold`, `aura-silver`, `aura-glow`
+- size: `aura-xs`, `aura-sm`, `aura-md`, `aura-lg`, `aura-xl`
+
+#### Syntax
+```html
+{CONTENT}
+```
+
+#### Rules
+- `{MODIFIER}` is optional. It can include one class name from each style and size category.
+- To set a custom color, use a `text-*` color class. For example, `text-primary` sets the aura to the primary color.
+- To set a custom background color, use a `bg-*` color class. For example, `bg-secondary` sets a secondary-color background.
+- To set a custom animation time, use a `duration-*` class. For example, `duration-1000` sets the animation time to one second.
+- An aura must have one direct child element.
+- Use an aura for an important button, card, or div.
+- Do not use an aura for more than one element on the same page. More than one aura can make the page difficult to view.
+
+
+### Avatar
+Use an avatar to show a thumbnail image.
+
+[Avatar documentation](https://daisyui.com/components/avatar/)
+
+#### Class names
+- component: `avatar`, `avatar-group`
+- modifier: `avatar-online`, `avatar-offline`, `avatar-placeholder`
+
+#### Syntax
+```html
+
+
+```
+
+#### Rules
+- `{MODIFIER}` is optional. It can be one of the modifier class names.
+- Use `avatar-group` as a container for more than one avatar.
+- To set a custom size, use `w-*` and `h-*`.
+- To change the avatar shape, use mask classes such as `mask-squircle`, `mask-hexagon`, and `mask-triangle`.
+
+
+### Badge
+Use a badge to show the status of data.
+
+[Badge documentation](https://daisyui.com/components/badge/)
+
+#### Class names
+- component: `badge`
+- style: `badge-outline`, `badge-dash`, `badge-soft`, `badge-ghost`
+- color: `badge-neutral`, `badge-primary`, `badge-secondary`, `badge-accent`, `badge-info`, `badge-success`, `badge-warning`, `badge-error`
+- size: `badge-xs`, `badge-sm`, `badge-md`, `badge-lg`, `badge-xl`
+
+#### Syntax
+```html
+Badge
+```
+
+#### Rules
+- `{MODIFIER}` is optional. It can include one class name from each style, color, and size category.
+- You can use a badge in text or buttons.
+- To make an empty badge, remove the text between the span tags.
+
+
+### Breadcrumbs
+Use breadcrumbs to help users navigate.
+
+[Breadcrumbs documentation](https://daisyui.com/components/breadcrumbs/)
+
+#### Class names
+- component: `breadcrumbs`
+
+#### Syntax
+```html
+
+```
+
+#### Rules
+- The breadcrumbs component has one main class name.
+- You can put icons in the links.
+- If you set `max-width` or the list becomes wider than its container, the breadcrumbs list scrolls.
+
+
+### Button
+Use buttons to start actions.
+
+[Button documentation](https://daisyui.com/components/button/)
+
+#### Class names
+- component: `btn`
+- color: `btn-neutral`, `btn-primary`, `btn-secondary`, `btn-accent`, `btn-info`, `btn-success`, `btn-warning`, `btn-error`
+- style: `btn-outline`, `btn-dash`, `btn-soft`, `btn-ghost`, `btn-link`
+- behavior: `btn-active`, `btn-disabled`
+- size: `btn-xs`, `btn-sm`, `btn-md`, `btn-lg`, `btn-xl`
+- modifier: `btn-wide`, `btn-block`, `btn-square`, `btn-circle`
+
+#### Syntax
+```html
+
+```
+#### Rules
+- `{MODIFIER}` is optional. It can include one class name from each color, style, behavior, size, and modifier category.
+- You can use `btn` on HTML elements such as `
+ 
+
+