🔥 Cleanup styles #2563 (#2723)

* 🔥 Cleanup styles #2563

* Refactor to tailwind

web/styles/components/cookiebot.css

@@ -0,0 +1,23 @@
+#CybotCookiebotDialog a,
+#CybotCookiebotDialog div,
+#CybotCookiebotDialogBodyContentControls,
+#CybotCookiebotDialogBodyContentTitle {
+  font-family: Equinor !important;
+}
+
+#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover,
+#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll:hover {
+  @apply bg-moss-green-60 !important;
+}
+
+#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover {
+  @apply bg-moss-green-100 !important;
+}
+
+#CybotCookiebotDialogBodyButtonAccept:hover {
+  @apply bg-moss-green-60 !important;
+}
+
+#CybotCookiebotDialogHeader {
+  @apply hidden !important;
+}

web/styles/components/index.ts

@@ -1,2 +1 @@
-export * from './cookieBot'
 export * from './algolia'

web/styles/globalStyles.ts

@@ -2,7 +2,7 @@ import { createGlobalStyle } from 'styled-components'
 import { colors, typography, spacings, componentSettings, strictLineBreak } from './settings'
 import { generic } from './generic'
 import { elements } from './elements'
-import { cookieBot, algolia } from './components'
+import { algolia } from './components'
 import { normal } from './themes'
 
 /* We use ITCSS to structure the (few) global styles we need */
@@ -20,8 +20,6 @@ export const GlobalStyle = createGlobalStyle`
   ${generic}
   /* Elements */
   ${elements}
-  /* Components */
-  ${cookieBot}
   /* This is temporary. Will be different with the hooks version of the lib*/
   ${algolia}
 `

web/styles/tailwind.css

@@ -2,6 +2,7 @@
 @import 'tailwindcss/components';
 @import 'video.js/dist/video-js.css';
 @import './components/videojs.css';
+@import './components/cookiebot.css';
 @import 'tailwindcss/utilities';
 
 @layer base {