Component: controller

class button

styles: {
  web: { controller: { button: { ...props } } },
  mobile: { controller: { button: { ...props } } }
} 

---

Component: card

class container

styles: {
  web: { card: { container: { ...props } } },
  mobile: { card: { container: { ...props } } }
}

---

class content

styles: {
  web: { card: { content: { ...props } } },
  mobile: { card: { content: { ...props } } }
}

---

class textContainer

styles: {
  web: { card: { textContainer: { ...props } } },
  mobile: { card: { textContainer: { ...props } } }
}

---

class titleRow

styles: {
  web: { card: { titleRow: { ...props } } },
  mobile: { card: { titleRow: { ...props } } }
}

---

class title

styles: {
  web: { card: { title: { ...props } } },
  mobile: { card: { title: { ...props } } }
}

---

class adoptLink

styles: {
  web: { card: { adoptLink: { ...props } } },
  mobile: { card: { adoptLink: { ...props } } }
}

---

class textsRow

styles: {
  web: { card: { textsRow: { ...props } } },
  mobile: { card: { textsRow: { ...props } } }
}

---

class textRowContent

styles: {
  web: { card: { textRowContent: { ...props } } },
  mobile: { card: { textRowContent: { ...props } } }
}

---

class textRowLinks

styles: {
  web: { card: { textRowLinks: { ...props } } },
  mobile: { card: { textRowLinks: { ...props } } }
}

---

class buttonsContainer

styles: {
  web: { card: { buttonsContainer: { ...props } } },
  mobile: { card: { buttonsContainer: { ...props } } }
}

---

class preferencesButton or class rejectAllLink (CCPA)

styles: {
  web: { card: { preferencesButton: { ...props }, /* ou */ rejectAllLink: { ...props } } },
  mobile: { card: { preferencesButton: { ...props }, /* ou */ rejectAllLink: { ...props } } }
}

---

class rejectAllButton

styles: {
  web: { card: { rejectAllButton: { ...props } } },
  mobile: { card: { rejectAllButton: { ...props } } }
}

---

class acceptAllButton

styles: {
  web: { card: { acceptAllButton: { ...props } } },
  mobile: { card: { acceptAllButton: { ...props } } }
}

---

Component: preferenceCard

class panel

styles: {
  web: { preferenceCard: { panel: { ...props } } },
  mobile: { preferenceCard: { panel: { ...props } } }
}

---

class title

styles: {
  web: { preferenceCard: { title: { ...props } } },
  mobile: { preferenceCard: { title: { ...props } } }
}

---

class closePanel

styles: {
  web: { preferenceCard: { closePanel: { ...props } } },
  mobile: { preferenceCard: { closePanel: { ...props } } }
}

---

class tagCategories

styles: {
  web: { preferenceCard: { tagCategories: { ...props } } },
  mobile: { preferenceCard: { tagCategories: { ...props } } }
}

---

classe cardFooter

styles: {
  web: { preferenceCard: { cardFooter: { ...props } } },
  mobile: { preferenceCard: { cardFooter: { ...props } } }
}

---

class smallTextFooter

styles: {
  web: { preferenceCard: { smallTextFooter: { ...props } } },
  mobile: { preferenceCard: { smallTextFooter: { ...props } } }
}

---

class buttonsContainer

styles: {
  web: { preferenceCard: { buttonsContainer: { ...props } } },
  mobile: { preferenceCard: { buttonsContainer: { ...props } } }
}

---

class rejectButton

styles: {
  web: { preferenceCard: { rejectButton: { ...props } } },
  mobile: { preferenceCard: { rejectButton: { ...props } } }
}

---

class acceptButton

styles: {
  web: { preferenceCard: { acceptButton: { ...props } } },
  mobile: { preferenceCard: { acceptButton: { ...props } } }
}

---

Component: categories

class category

styles: {
  web: { categories: { category: { ...props } } },
  mobile: { categories: { category: { ...props } } }
}

---

class title

styles: {
  web: { categories: { title: { ...props } } },
  mobile: { categories: { title: { ...props } } }
}

---

class description

styles: {
  web: { categories: { description: { ...props } } },
  mobile: { categories: { description: { ...props } } }
}

---

class toogleShowTags

styles: {
  web: { categories: { toogleShowTags: { ...props } } },
  mobile: { categories: { toogleShowTags: { ...props } } }
}

---

class tag

styles: {
  web: { categories: { tag: { ...props } } },
  mobile: { categories: { tag: { ...props } } }
}

---

class tagTitleSection

styles: {
  web: { categories: { tagTitleSection: { ...props } } },
  mobile: { categories: { tagTitleSection: { ...props } } }
}

---

class tagTitle

styles: {
  web: { categories: { tagTitle: { ...props } } },
  mobile: { categories: { tagTitle: { ...props } } }
}

---

class tagCookieContainer

styles: {
  web: { categories: { tagCookieContainer: { ...props } } },
  mobile: { categories: { tagCookieContainer: { ...props } } }
}

---

class tagCleanCacheLink

styles: {
  web: { categories: { tagCleanCacheLink: { ...props } } },
  mobile: { categories: { tagCleanCacheLink: { ...props } } }
}