@ebrains/components 0.9.3-beta → 1.1.0

package/dist/components/components.css

@@ -104,6 +104,17 @@ body {
 .collapseY-leave-to {
   max-height: 0;
 }
+:root {
+  --color-chart-accent: var(--green-500);
+  --color-chart-strong: var(--grey-700);
+  --color-chart-accent-dark: var(--green-600);
+  --color-chart-lighter: var(--grey-500);
+  --color-chart-accent-light: var(--green-400);
+  --color-chart-lightest: var(--grey-400);
+  --color-chart-accent-lighter: var(--green-300);
+  --color-chart-darker: var(--grey-300);
+  --color-chart-accent-lightest: var(--green-200);
+}
 *, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
@@ -995,11 +1006,6 @@ video {
   --transparent: transparent;
   --current: currentColor;
 }
-.grid-layout {
-  display: grid;
-  grid-template-columns: repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);
-  grid-gap: var(--inner-gutter);
-}
 .grid-col-span-2 {
   --container-grid-columns: 2;
   grid-column: span 2 / span 2;
@@ -1028,42 +1034,6 @@ video {
   --container-grid-columns: 12;
   grid-column: span 12 / span 12;
 }
-.grid-col-start-1 {
-  grid-column-start: 1;
-}
-.grid-col-start-2 {
-  grid-column-start: 2;
-}
-.grid-col-start-3 {
-  grid-column-start: 3;
-}
-.grid-col-start-4 {
-  grid-column-start: 4;
-}
-.grid-col-start-5 {
-  grid-column-start: 5;
-}
-.grid-col-start-6 {
-  grid-column-start: 6;
-}
-.grid-col-start-7 {
-  grid-column-start: 7;
-}
-.grid-col-start-8 {
-  grid-column-start: 8;
-}
-.grid-col-start-9 {
-  grid-column-start: 9;
-}
-.grid-col-start-10 {
-  grid-column-start: 10;
-}
-.grid-col-start-11 {
-  grid-column-start: 11;
-}
-.grid-col-start-12 {
-  grid-column-start: 12;
-}
 [class*="grid-line-"] > * {
   position: relative;
 }
@@ -5778,9 +5748,6 @@ video {
     bottom: 0;
   }
 }
-.cols-container > .ml-0 {
-  margin-left: 0;
-}
 .border-inside {
   position: relative;
 
@@ -6028,17 +5995,6 @@ input[type="range"]::-webkit-slider-thumb {
     border: 3px solid rgba(0, 0, 0, .3);
     border-bottom-color: #000;
 }
-.scroller-x {
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}
-.scroller-x::-webkit-scrollbar {
-  display: none;
-}
-.scroller-x {
-  overflow: auto;
-  overscroll-behavior-x: contain;
-}
 /** region TRANSITIONS */
 .effect-color {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
@@ -6105,24 +6061,6 @@ input[type="range"]::-webkit-slider-thumb {
       background-size: 16px 16px;
     }
   }
-.effect-bg-behind {
-  position: relative;
-}
-.effect-bg-behind::before {
-  position: absolute;
-  inset: 0rem;
-  z-index: -1;
-  --tw-content: '';
-  content: var(--tw-content);
-}
-.effect-bg-behind {
-
-    &:before {
-      background-size: calc(100% + 6px) calc(100% + 6px) !important;
-      background-position: -4px -4px !important;
-      background-repeat: no-repeat !important;
-    }
-  }
 .effect-bg-behind-link {
   position: relative;
 }
@@ -6176,9 +6114,6 @@ input[type="range"]::-webkit-slider-thumb {
 .relative {
   position: relative;
 }
-.sticky {
-  position: sticky;
-}
 .inset-0 {
   inset: 0rem;
 }
@@ -6198,6 +6133,9 @@ input[type="range"]::-webkit-slider-thumb {
 .bottom-8 {
   bottom: 0.5rem;
 }
+.bottom-full {
+  bottom: 100%;
+}
 .left-0 {
   left: 0rem;
 }
@@ -6246,15 +6184,6 @@ input[type="range"]::-webkit-slider-thumb {
 .z-10 {
   z-index: 10;
 }
-.z-50 {
-  z-index: 50;
-}
-.z-\[1\] {
-  z-index: 1;
-}
-.z-\[999999\] {
-  z-index: 999999;
-}
 .z-focus {
   z-index: 99;
 }
@@ -6264,15 +6193,9 @@ input[type="range"]::-webkit-slider-thumb {
 .order-first {
   order: -9999;
 }
-.order-last {
-  order: 9999;
-}
 .m-0 {
   margin: 0rem;
 }
-.m-16 {
-  margin: 1rem;
-}
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -6281,48 +6204,28 @@ input[type="range"]::-webkit-slider-thumb {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
-.my-20 {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}
-.my-4 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-}
 .my-8 {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
 }
-.-ml-16 {
-  margin-left: -1rem;
-}
-.-mr-16 {
-  margin-right: -1rem;
-}
 .-mr-4 {
   margin-right: -0.25rem;
 }
-.mb-10 {
-  margin-bottom: 0.625rem;
-}
 .mb-12 {
   margin-bottom: 0.75rem;
 }
+.mb-2 {
+  margin-bottom: 0.125rem;
+}
 .mb-28 {
   margin-bottom: 1.75rem;
 }
 .mb-4 {
   margin-bottom: 0.25rem;
 }
-.ml-0 {
-  margin-left: 0rem;
-}
 .ml-4 {
   margin-left: 0.25rem;
 }
-.ml-64 {
-  margin-left: 4rem;
-}
 .ml-8 {
   margin-left: 0.5rem;
 }
@@ -6338,21 +6241,9 @@ input[type="range"]::-webkit-slider-thumb {
 .mr-auto {
   margin-right: auto;
 }
-.mt-12 {
-  margin-top: 0.75rem;
-}
-.mt-16 {
-  margin-top: 1rem;
-}
-.mt-2 {
-  margin-top: 0.125rem;
-}
 .mt-20 {
   margin-top: 1.25rem;
 }
-.mt-28 {
-  margin-top: 1.75rem;
-}
 .mt-32 {
   margin-top: 2rem;
 }
@@ -6482,9 +6373,6 @@ input[type="range"]::-webkit-slider-thumb {
 .h-96 {
   height: 6rem;
 }
-.h-\[85px\] {
-  height: 85px;
-}
 .h-auto {
   height: auto;
 }
@@ -6512,18 +6400,6 @@ input[type="range"]::-webkit-slider-thumb {
 .min-h-80 {
   min-height: 5rem;
 }
-.min-h-\[150px\] {
-  min-height: 150px;
-}
-.min-h-\[225px\] {
-  min-height: 225px;
-}
-.min-h-\[90px\] {
-  min-height: 90px;
-}
-.min-h-full {
-  min-height: 100%;
-}
 .w-1\/2 {
   width: 50%;
 }
@@ -6542,9 +6418,6 @@ input[type="range"]::-webkit-slider-thumb {
 .w-4 {
   width: 0.25rem;
 }
-.w-44 {
-  width: 2.75rem;
-}
 .w-\[200px\] {
   width: 200px;
 }
@@ -6557,40 +6430,15 @@ input[type="range"]::-webkit-slider-thumb {
 .w-auto {
   width: auto;
 }
-.w-fit {
-  width: -moz-fit-content;
-  width: fit-content;
-}
 .w-full {
   width: 100%;
 }
-.min-w-\[200px\] {
-  min-width: 200px;
-}
-.min-w-\[210px\] {
-  min-width: 210px;
-}
-.min-w-\[250px\] {
-  min-width: 250px;
-}
-.min-w-\[280px\] {
-  min-width: 280px;
-}
 .max-w-120 {
   max-width: 120px;
 }
-.max-w-full {
-  max-width: 100%;
-}
 .max-w-sidebar {
   max-width: 1224px;
 }
-.max-w-xxxl {
-  max-width: 2200px;
-}
-.flex-none {
-  flex: none;
-}
 .grow {
   flex-grow: 1;
 }
@@ -6674,12 +6522,6 @@ input[type="range"]::-webkit-slider-thumb {
 .gap-1 {
   gap: 0.0625rem;
 }
-.gap-12 {
-  gap: 0.75rem;
-}
-.gap-20 {
-  gap: 1.25rem;
-}
 .gap-4 {
   gap: 0.25rem;
 }
@@ -6756,20 +6598,11 @@ input[type="range"]::-webkit-slider-thumb {
 .overflow-x-auto {
   overflow-x: auto;
 }
-.overflow-x-hidden {
-  overflow-x: hidden;
-}
-.overflow-y-scroll {
-  overflow-y: scroll;
-}
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.text-ellipsis {
-  text-overflow: ellipsis;
-}
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -6800,16 +6633,6 @@ input[type="range"]::-webkit-slider-thumb {
 .rounded-xxs {
   border-radius: 2px;
 }
-.rounded-t-lg {
-  border-top-left-radius: 16px;
-  border-top-right-radius: 16px;
-}
-.rounded-tl-lg {
-  border-top-left-radius: 16px;
-}
-.rounded-tr-lg {
-  border-top-right-radius: 16px;
-}
 .border {
   border-width: 1px;
 }
@@ -6819,18 +6642,9 @@ input[type="range"]::-webkit-slider-thumb {
 .border-2 {
   border-width: 2px;
 }
-.border-3 {
-  border-width: 3px;
-}
 .border-b-2 {
   border-bottom-width: 2px;
 }
-.border-l-0 {
-  border-left-width: 0px;
-}
-.border-r-0 {
-  border-right-width: 0px;
-}
 .border-t-2 {
   border-top-width: 2px;
 }
@@ -6838,10 +6652,6 @@ input[type="range"]::-webkit-slider-thumb {
   --tw-border-opacity: 1;
   border-color: rgb(0 52 203 / var(--tw-border-opacity));
 }
-.border-\[\#d2d2d2\] {
-  --tw-border-opacity: 1;
-  border-color: rgb(210 210 210 / var(--tw-border-opacity));
-}
 .border-accent {
   border-color: var(--green-500);
 }
@@ -6884,10 +6694,6 @@ input[type="range"]::-webkit-slider-thumb {
 .\!bg-strong-dark {
   background-color: var(--grey-800) !important;
 }
-.bg-\[\#00A595\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 165 149 / var(--tw-bg-opacity));
-}
 .bg-accent {
   background-color: var(--green-500);
 }
@@ -6983,15 +6789,6 @@ input[type="range"]::-webkit-slider-thumb {
 .p-20 {
   padding: 1.25rem;
 }
-.p-24 {
-  padding: 1.5rem;
-}
-.p-32 {
-  padding: 2rem;
-}
-.p-4 {
-  padding: 0.25rem;
-}
 .p-6 {
   padding: 0.375rem;
 }
@@ -7018,10 +6815,6 @@ input[type="range"]::-webkit-slider-thumb {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.px-2 {
-  padding-left: 0.125rem;
-  padding-right: 0.125rem;
-}
 .px-20 {
   padding-left: 1.25rem;
   padding-right: 1.25rem;
@@ -7038,18 +6831,10 @@ input[type="range"]::-webkit-slider-thumb {
   padding-left: 0.375rem;
   padding-right: 0.375rem;
 }
-.py-1 {
-  padding-top: 0.0625rem;
-  padding-bottom: 0.0625rem;
-}
 .py-12 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
-.py-16 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
 .py-2 {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
@@ -7074,27 +6859,9 @@ input[type="range"]::-webkit-slider-thumb {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
-.pb-16 {
-  padding-bottom: 1rem;
-}
-.pb-20 {
-  padding-bottom: 1.25rem;
-}
-.pb-28 {
-  padding-bottom: 1.75rem;
-}
 .pb-8 {
   padding-bottom: 0.5rem;
 }
-.pl-12 {
-  padding-left: 0.75rem;
-}
-.pl-28 {
-  padding-left: 1.75rem;
-}
-.pl-32 {
-  padding-left: 2rem;
-}
 .pl-36 {
   padding-left: 2.25rem;
 }
@@ -7107,12 +6874,6 @@ input[type="range"]::-webkit-slider-thumb {
 .pr-12 {
   padding-right: 0.75rem;
 }
-.pr-28 {
-  padding-right: 1.75rem;
-}
-.pr-32 {
-  padding-right: 2rem;
-}
 .pr-4 {
   padding-right: 0.25rem;
 }
@@ -7125,15 +6886,9 @@ input[type="range"]::-webkit-slider-thumb {
 .pt-12 {
   padding-top: 0.75rem;
 }
-.pt-20 {
-  padding-top: 1.25rem;
-}
 .pt-28 {
   padding-top: 1.75rem;
 }
-.pt-32 {
-  padding-top: 2rem;
-}
 .pt-4 {
   padding-top: 0.25rem;
 }
@@ -7153,21 +6908,14 @@ input[type="range"]::-webkit-slider-thumb {
   font-size: 1.5rem;
   line-height: 2rem;
 }
-.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
 .font-bold {
   font-weight: 700;
 }
 .uppercase {
   text-transform: uppercase;
 }
-.lowercase {
-  text-transform: lowercase;
-}
-.\!text-current {
-  color: currentColor !important;
+.capitalize {
+  text-transform: capitalize;
 }
 .text-\[\#0034CB\] {
   --tw-text-opacity: 1;
@@ -7224,9 +6972,6 @@ input[type="range"]::-webkit-slider-thumb {
 .decoration-accent {
   text-decoration-color: var(--green-500);
 }
-.decoration-2 {
-  text-decoration-thickness: 2px;
-}
 .underline-offset-4 {
   text-underline-offset: 4px;
 }
@@ -7246,11 +6991,6 @@ input[type="range"]::-webkit-slider-thumb {
   --tw-shadow-colored: 0px 0px 12px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.shadow-lg {
-  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
 .shadow-md {
   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
@@ -7265,8 +7005,10 @@ input[type="range"]::-webkit-slider-thumb {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.outline {
-  outline-style: solid;
+.ring {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -7276,13 +7018,6 @@ input[type="range"]::-webkit-slider-thumb {
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
-.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
 .transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -7293,11 +7028,19 @@ input[type="range"]::-webkit-slider-thumb {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.transition-opacity {
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.duration-150 {
+  transition-duration: 150ms;
+}
 .duration-300 {
   transition-duration: 300ms;
 }
-.duration-75 {
-  transition-duration: 75ms;
+.ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 [class*="keyline-"] {
   position: relative;
@@ -7372,71 +7115,9 @@ input[type="range"]::-webkit-slider-thumb {
 .bg-gradient-04-bottom {
     background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);
   }
-.after\:effect-opacity::after {
-  transition-property: opacity;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 300ms;
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-.before\:effect-opacity::before {
-  transition-property: opacity;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 300ms;
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-@media (min-width: 750px) {
-  .md\:grid-col-span-3 {
-    --container-grid-columns: 3;
-    grid-column: span 3 / span 3;
-  }
-  .md\:grid-col-span-4 {
-    --container-grid-columns: 4;
-    grid-column: span 4 / span 4;
-  }
-  .md\:grid-col-span-6 {
-    --container-grid-columns: 6;
-    grid-column: span 6 / span 6;
-  }
-}
-@media (min-width: 900px) {
-  .lg\:grid-col-span-3 {
-    --container-grid-columns: 3;
-    grid-column: span 3 / span 3;
-  }
-  .lg\:grid-col-span-5 {
-    --container-grid-columns: 5;
-    grid-column: span 5 / span 5;
-  }
-  .lg\:grid-col-span-6 {
-    --container-grid-columns: 6;
-    grid-column: span 6 / span 6;
-  }
-  .lg\:grid-col-start-7 {
-    grid-column-start: 7;
-  }
-}
-@media (min-width: 1024px) {
-  .xl\:grid-col-span-3 {
-    --container-grid-columns: 3;
-    grid-column: span 3 / span 3;
-  }
-}
-@media (min-width: 1280px) {
-  .xxl\:grid-col-span-2 {
-    --container-grid-columns: 2;
-    grid-column: span 2 / span 2;
-  }
-  .xxl\:grid-col-span-3 {
-    --container-grid-columns: 3;
-    grid-column: span 3 / span 3;
-  }
-}
 .even\:bg-inverse-softer:nth-child(even) {
   background-color: rgba(255, 255, 255, .15);
 }
-.invalid\:text-lightest:invalid {
-  color: var(--grey-500);
-}
 .focus-within\:bg-transparent:focus-within {
   background-color: var(--transparent);
 }
@@ -7467,9 +7148,6 @@ input[type="range"]::-webkit-slider-thumb {
 .hover\:text-lighter:hover {
   color: var(--grey-600);
 }
-.hover\:\!underline:hover {
-  text-decoration-line: underline !important;
-}
 .hover\:no-underline:hover {
   text-decoration-line: none;
 }
@@ -7490,13 +7168,6 @@ input[type="range"]::-webkit-slider-thumb {
 .focus-visible\:rounded-xs:focus-visible {
   border-radius: 4px;
 }
-.focus-visible\:text-default:focus-visible {
-  color: var(--black);
-}
-.focus-visible\:outline-none:focus-visible {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
 .disabled\:cursor-not-allowed:disabled {
   cursor: not-allowed;
 }
@@ -7506,6 +7177,9 @@ input[type="range"]::-webkit-slider-thumb {
 .disabled\:text-lightest:disabled {
   color: var(--grey-500);
 }
+.group:hover .group-hover\:opacity-100 {
+  opacity: 1;
+}
 .aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
   cursor: not-allowed;
 }
@@ -7535,91 +7209,28 @@ input[type="range"]::-webkit-slider-thumb {
   --tw-shadow-colored: 0 0 #0000;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.aria-current-page\:bg-darker[aria-current="page"] {
-  background-color: var(--grey-400);
-}
 .after\:absolute::after {
   position: absolute;
 }
 .after\:inset-0::after {
   inset: 0rem;
 }
-.after\:inset-x-0::after {
-  left: 0rem;
-  right: 0rem;
-}
-.after\:bottom-0::after {
-  bottom: 0rem;
-}
-.after\:left-16::after {
-  left: 1rem;
-}
-.after\:right-16::after {
-  right: 1rem;
-}
 .after\:z-10::after {
   z-index: 10;
 }
 .after\:rounded-lg::after {
   border-radius: 16px;
 }
-.after\:rounded-t-lg::after {
-  border-top-left-radius: 16px;
-  border-top-right-radius: 16px;
-}
-.after\:border-3::after {
-  border-width: 3px;
-}
-.after\:border-b-2::after {
-  border-bottom-width: 2px;
-}
-.after\:\!border-transparent::after {
-  border-color: var(--transparent) !important;
-}
-.after\:border-accent::after {
-  border-color: var(--green-500);
-}
 .after\:border-softest::after {
   border-color: rgba(0, 0, 0, .05 );
 }
-.after\:opacity-0::after {
-  opacity: 0;
-}
 .after\:content-\[\'\'\]::after {
   --tw-content: '';
   content: var(--tw-content);
 }
-.hover\:after\:\!border-transparent:hover::after {
-  border-color: var(--transparent) !important;
-}
-.hover\:after\:opacity-100:hover::after {
-  opacity: 1;
-}
-.focus-visible\:after\:opacity-100:focus-visible::after {
-  opacity: 1;
-}
 .aria-disabled\:after\:\!border-transparent[aria-disabled="true"]::after {
   border-color: var(--transparent) !important;
 }
-.before\:absolute::before {
-  position: absolute;
-}
-.before\:inset-x-0::before {
-  left: 0rem;
-  right: 0rem;
-}
-.before\:-bottom-2::before {
-  bottom: -0.125rem;
-}
-.before\:bottom-0::before {
-  bottom: 0rem;
-}
-.before\:h-12::before {
-  height: 0.75rem;
-}
-.before\:h-3::before {
-  height: 0.1875rem;
-}
 .before\:rounded-lg::before {
   border-radius: 16px;
 }
@@ -7629,9 +7240,6 @@ input[type="range"]::-webkit-slider-thumb {
 .before\:border-softest::before {
   border-color: rgba(0, 0, 0, .05 );
 }
-.before\:bg-default::before {
-  background-color: var(--grey-200);
-}
 .before\:bg-inverse-softer::before {
   background-color: rgba(255, 255, 255, .15);
 }
@@ -7641,40 +7249,6 @@ input[type="range"]::-webkit-slider-thumb {
 .before\:opacity-0::before {
   opacity: 0;
 }
-.before\:opacity-5::before {
-  opacity: 0.05;
-}
-.before\:content-\[\'\'\]::before {
-  --tw-content: '';
-  content: var(--tw-content);
-}
-.before\:bg-gradient-y::before {
-    background: linear-gradient(to bottom, transparent, ease-in-out, black);
-  }
-.before\:bg-gradient-01-top::before {
-    background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);
-  }
-.before\:bg-gradient-01-bottom::before {
-    background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);
-  }
-.before\:bg-gradient-02-top::before {
-    background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);
-  }
-.before\:bg-gradient-02-bottom::before {
-    background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);
-  }
-.before\:bg-gradient-03-top::before {
-    background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);
-  }
-.before\:bg-gradient-03-bottom::before {
-    background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);
-  }
-.before\:bg-gradient-04-top::before {
-    background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);
-  }
-.before\:bg-gradient-04-bottom::before {
-    background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);
-  }
 .hover\:before\:opacity-100:hover::before {
   opacity: 1;
 }
@@ -7689,14 +7263,6 @@ input[type="range"]::-webkit-slider-thumb {
     max-width: 192px;
   }
 }
-@media (min-width: 0px) {
-  .sm\:mb-4 {
-    margin-bottom: 0.25rem;
-  }
-  .sm\:max-w-\[200px\] {
-    max-width: 200px;
-  }
-}
 @media (min-width: 750px) {
   .md\:bottom-20 {
     bottom: 1.25rem;
@@ -7710,9 +7276,6 @@ input[type="range"]::-webkit-slider-thumb {
   .md\:top-20 {
     top: 1.25rem;
   }
-  .md\:flex {
-    display: flex;
-  }
   .md\:hidden {
     display: none;
   }
@@ -7727,51 +7290,20 @@ input[type="range"]::-webkit-slider-thumb {
     --tw-translate-y: -50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
-  .md\:gap-y-12 {
-    row-gap: 0.75rem;
-  }
-  .md\:pt-28 {
-    padding-top: 1.75rem;
-  }
 }
 @media (min-width: 900px) {
   .lg\:order-last {
     order: 9999;
   }
-  .lg\:order-none {
-    order: 0;
-  }
-  .lg\:mt-0 {
-    margin-top: 0rem;
-  }
-  .lg\:block {
-    display: block;
-  }
   .lg\:flex {
     display: flex;
   }
-  .lg\:hidden {
-    display: none;
-  }
-  .lg\:w-auto {
-    width: auto;
-  }
   .lg\:max-w-\[720px\] {
     max-width: 720px;
   }
   .lg\:flex-row {
     flex-direction: row;
   }
-  .lg\:flex-nowrap {
-    flex-wrap: nowrap;
-  }
-  .lg\:gap-y-16 {
-    row-gap: 1rem;
-  }
-  .lg\:px-28 {
-    padding-left: 1.75rem;
-    padding-right: 1.75rem;
-  }
   .lg\:\!pl-12 {
     padding-left: 0.75rem !important;
   }
@@ -7779,15 +7311,4 @@ input[type="range"]::-webkit-slider-thumb {
     padding-right: 0.75rem !important;
   }
 }
-@media (min-width: 1024px) {
-  .xl\:pb-40 {
-    padding-bottom: 2.5rem;
-  }
-}
-@media (min-width: 2200px) {
-  .xxxl\:px-0 {
-    padding-left: 0rem;
-    padding-right: 0rem;
-  }
-}