plataforma-fundacao-componentes 2.26.2 → 2.26.4

package/dist/index.css

@@ -2140,38 +2140,48 @@ h5 {
   display: flex;
   justify-content: center;
   align-items: center;
-  transition: background-color 0.3s ease, opacity 0.3s ease;
+  transition: background-color 0.3s ease, opacity 0.3s ease, border-color 0.3s ease;
   position: relative; }
   .component-checkbox:not(:disabled), .component-checkbox:not(.component-checkbox[aria-disabled='true']) {
     cursor: pointer; }
   .component-checkbox:focus {
     outline: none; }
 
+.component-checkbox-primary[data-error='true'][data-checked='true'],
+.component-checkbox-dark[data-error='true'][data-checked='true'],
+.component-checkbox-blue[data-error='true'][data-checked='true'] {
+  background-color: #e60000; }
+
+.component-checkbox-primary[data-error='true'][data-checked='false'],
+.component-checkbox-dark[data-error='true'][data-checked='false'],
+.component-checkbox-blue[data-error='true'][data-checked='false'] {
+  background-color: #ffb4b4; }
+
 .component-checkbox-primary:disabled, .component-checkbox-primary[aria-disabled='true'] {
   opacity: 0.6; }
 
-.component-checkbox-primary.component-checkbox-not {
+.component-checkbox-primary[data-checked='false'] {
   background-color: #c4c4c4; }
 
-.component-checkbox-primary.component-checkbox-checked {
+.component-checkbox-primary[data-checked='true'] {
   background-color: #3fa110; }
 
 .component-checkbox-dark:disabled, .component-checkbox-dark[aria-disabled='true'] {
   opacity: 0.6; }
 
-.component-checkbox-dark.component-checkbox-not {
+.component-checkbox-dark[data-checked='false'] {
   background-color: #c4c4c4; }
 
-.component-checkbox-dark.component-checkbox-checked {
+.component-checkbox-dark[data-checked='true'] {
   background-color: #323c32; }
 
 .component-checkbox-blue:disabled, .component-checkbox-blue[aria-disabled='true'] {
   opacity: 0.6; }
 
-.component-checkbox-blue.component-checkbox-not {
+.component-checkbox-blue[data-checked='false'] {
   background-color: #eaeaea; }
 
-.component-checkbox-blue.component-checkbox-checked {
+.component-checkbox-blue[data-checked='true'] {
   background-color: #00708f; }
 
 .component-checkbox-classic {
@@ -2185,11 +2195,15 @@ h5 {
     height: 12px;
     background-color: rgba(0, 0, 0, 0);
     transition: background-color 0.3s ease; }
+  .component-checkbox-classic[data-error='true'] {
+    border-color: #e60000; }
+    .component-checkbox-classic[data-error='true'][data-checked='true']::after {
+      background-color: #e60000; }
   .component-checkbox-classic:disabled, .component-checkbox-classic[aria-disabled='true'] {
     border-color: #828a82; }
-    .component-checkbox-classic:disabled.component-checkbox-checked::after, .component-checkbox-classic[aria-disabled='true'].component-checkbox-checked::after {
+    .component-checkbox-classic:disabled[data-checked='true']::after, .component-checkbox-classic[aria-disabled='true'][data-checked='true']::after {
       background-color: #828a82; }
-  .component-checkbox-classic.component-checkbox-checked::after {
+  .component-checkbox-classic[data-checked='true']::after {
     background-color: #3fa110; }
 
 @use "sass:map";
@@ -2471,62 +2485,6 @@ h5 {
       flex: 0 0 calc(100% * 12 / 12);
       max-width: calc(100% * 12 / 12); } }
 
-:export {
-  widthXs: 575.98px;
-  widthSm: 767.98px;
-  widthMd: 991.98px;
-  widthLg: 1199.98px; }
-
-:export {
-  white: #fefefe;
-  darkenWhite: #efefef;
-  black: #121212;
-  transparent: rgba(0, 0, 0, 0);
-  primary: #3fa110;
-  primaryDark: #33820d;
-  primaryLight: #d7e6c8;
-  secondaryDarker: #323c32;
-  secondaryDark: #5a645a;
-  blueDarker: #2b517b;
-  secondary: #828a82;
-  secondaryLight: #cdd3cd;
-  secondaryLighter: #f8f9f7;
-  danger: #e60000;
-  dangerLight: #ffb4b4;
-  dangerDark: #ab4745;
-  warning: #ffcd00;
-  warningLight: #ffeb98;
-  warningDark: #765f00; }
-
-.component-control-label {
-  display: inline-flex;
-  align-items: center;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  -webkit-tap-highlight-color: transparent;
-  user-select: none;
-  vertical-align: middle;
-  color: #323c32;
-  gap: 8px; }
-  .component-control-label.top {
-    flex-direction: column-reverse; }
-  .component-control-label.left {
-    flex-direction: row-reverse; }
-  .component-control-label.bottom {
-    flex-direction: column; }
-  .component-control-label.right {
-    flex-direction: row; }
-  .component-control-label.disabled {
-    color: rgba(50, 60, 50, 0.8);
-    cursor: auto; }
-  .component-control-label:not(.disabled):hover {
-    cursor: pointer; }
-  .component-control-label span {
-    padding-top: 2px; }
-  .component-control-label > button {
-    min-width: 18px; }
-
 @charset "UTF-8";
 :export {
   widthXs: 575.98px;
@@ -2622,6 +2580,62 @@ Extra small
 max-width	100%	540px	720px	960px	1140px
 */
 
+:export {
+  widthXs: 575.98px;
+  widthSm: 767.98px;
+  widthMd: 991.98px;
+  widthLg: 1199.98px; }
+
+:export {
+  white: #fefefe;
+  darkenWhite: #efefef;
+  black: #121212;
+  transparent: rgba(0, 0, 0, 0);
+  primary: #3fa110;
+  primaryDark: #33820d;
+  primaryLight: #d7e6c8;
+  secondaryDarker: #323c32;
+  secondaryDark: #5a645a;
+  blueDarker: #2b517b;
+  secondary: #828a82;
+  secondaryLight: #cdd3cd;
+  secondaryLighter: #f8f9f7;
+  danger: #e60000;
+  dangerLight: #ffb4b4;
+  dangerDark: #ab4745;
+  warning: #ffcd00;
+  warningLight: #ffeb98;
+  warningDark: #765f00; }
+
+.component-control-label {
+  display: inline-flex;
+  align-items: center;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  user-select: none;
+  vertical-align: middle;
+  color: #323c32;
+  gap: 8px; }
+  .component-control-label.top {
+    flex-direction: column-reverse; }
+  .component-control-label.left {
+    flex-direction: row-reverse; }
+  .component-control-label.bottom {
+    flex-direction: column; }
+  .component-control-label.right {
+    flex-direction: row; }
+  .component-control-label.disabled {
+    color: rgba(50, 60, 50, 0.8);
+    cursor: auto; }
+  .component-control-label:not(.disabled):hover {
+    cursor: pointer; }
+  .component-control-label span {
+    padding-top: 2px; }
+  .component-control-label > button {
+    min-width: 18px; }
+
 :export {
   widthXs: 575.98px;
   widthSm: 767.98px;
@@ -4033,42 +4047,6 @@ max-width	100%	540px	720px	960px	1140px
   warningLight: #ffeb98;
   warningDark: #765f00; }
 
-.component-header-separator {
-  width: 1px;
-  height: 14px;
-  margin: 0 2px; }
-  .component-header-separator.component-header-separator-primary {
-    background-color: #fefefe; }
-  .component-header-separator.component-header-separator-secondary {
-    background-color: #cdd3cd; }
-
-:export {
-  widthXs: 575.98px;
-  widthSm: 767.98px;
-  widthMd: 991.98px;
-  widthLg: 1199.98px; }
-
-:export {
-  white: #fefefe;
-  darkenWhite: #efefef;
-  black: #121212;
-  transparent: rgba(0, 0, 0, 0);
-  primary: #3fa110;
-  primaryDark: #33820d;
-  primaryLight: #d7e6c8;
-  secondaryDarker: #323c32;
-  secondaryDark: #5a645a;
-  blueDarker: #2b517b;
-  secondary: #828a82;
-  secondaryLight: #cdd3cd;
-  secondaryLighter: #f8f9f7;
-  danger: #e60000;
-  dangerLight: #ffb4b4;
-  dangerDark: #ab4745;
-  warning: #ffcd00;
-  warningLight: #ffeb98;
-  warningDark: #765f00; }
-
 header.component-header {
   z-index: 970;
   left: 0;
@@ -4221,6 +4199,42 @@ header.component-header {
   warningLight: #ffeb98;
   warningDark: #765f00; }
 
+.component-header-separator {
+  width: 1px;
+  height: 14px;
+  margin: 0 2px; }
+  .component-header-separator.component-header-separator-primary {
+    background-color: #fefefe; }
+  .component-header-separator.component-header-separator-secondary {
+    background-color: #cdd3cd; }
+
+:export {
+  widthXs: 575.98px;
+  widthSm: 767.98px;
+  widthMd: 991.98px;
+  widthLg: 1199.98px; }
+
+:export {
+  white: #fefefe;
+  darkenWhite: #efefef;
+  black: #121212;
+  transparent: rgba(0, 0, 0, 0);
+  primary: #3fa110;
+  primaryDark: #33820d;
+  primaryLight: #d7e6c8;
+  secondaryDarker: #323c32;
+  secondaryDark: #5a645a;
+  blueDarker: #2b517b;
+  secondary: #828a82;
+  secondaryLight: #cdd3cd;
+  secondaryLighter: #f8f9f7;
+  danger: #e60000;
+  dangerLight: #ffb4b4;
+  dangerDark: #ab4745;
+  warning: #ffcd00;
+  warningLight: #ffeb98;
+  warningDark: #765f00; }
+
 .component-information-icon {
   display: flex;
   align-items: center;
@@ -5282,116 +5296,8 @@ header.component-header {
     .component-page-subtitle {
       font-size: 16px; } }
 
-:export {
-  widthXs: 575.98px;
-  widthSm: 767.98px;
-  widthMd: 991.98px;
-  widthLg: 1199.98px; }
-
-:export {
-  white: #fefefe;
-  darkenWhite: #efefef;
-  black: #121212;
-  transparent: rgba(0, 0, 0, 0);
-  primary: #3fa110;
-  primaryDark: #33820d;
-  primaryLight: #d7e6c8;
-  secondaryDarker: #323c32;
-  secondaryDark: #5a645a;
-  blueDarker: #2b517b;
-  secondary: #828a82;
-  secondaryLight: #cdd3cd;
-  secondaryLighter: #f8f9f7;
-  danger: #e60000;
-  dangerLight: #ffb4b4;
-  dangerDark: #ab4745;
-  warning: #ffcd00;
-  warningLight: #ffeb98;
-  warningDark: #765f00; }
-
-.component-paginator {
-  width: 100%;
-  display: flex;
-  margin: auto; }
-  .component-paginator .component-paginator-center-content {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-left: auto;
-    margin-right: auto; }
-    .component-paginator .component-paginator-center-content > div {
-      display: flex;
-      align-items: center;
-      visibility: visible;
-      opacity: 1;
-      transition: 0.3s ease; }
-      .component-paginator .component-paginator-center-content > div.hidden {
-        visibility: hidden;
-        opacity: 0; }
-      .component-paginator .component-paginator-center-content > div .component-paginator-numbers {
-        overflow-x: auto;
-        display: flex; }
-        .component-paginator .component-paginator-center-content > div .component-paginator-numbers .component-paginator-number {
-          -webkit-user-select: none;
-             -moz-user-select: none;
-                  user-select: none;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          -webkit-appearance: none;
-          -moz-appearance: none;
-               appearance: none;
-          border: none;
-          outline: none;
-          background-color: rgba(0, 0, 0, 0);
-          color: #323c32;
-          cursor: pointer;
-          padding: 2px;
-          border-radius: 200px;
-          width: 25px;
-          height: 25px;
-          font-size: 16px;
-          font-weight: 500;
-          transition: background-color 0.3s ease, color 0.3s ease; }
-          .component-paginator .component-paginator-center-content > div .component-paginator-numbers .component-paginator-number:hover {
-            background-color: #f3f5f1; }
-          .component-paginator .component-paginator-center-content > div .component-paginator-numbers .component-paginator-number.active {
-            cursor: default;
-            background-color: #3fa110;
-            color: #fefefe; }
-    .component-paginator .component-paginator-center-content .component-paginator-loader {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      opacity: 1;
-      transition: 0.3s ease; }
-      .component-paginator .component-paginator-center-content .component-paginator-loader.component-paginator-loader-enter {
-        opacity: 0; }
-      .component-paginator .component-paginator-center-content .component-paginator-loader.component-paginator-loader-enter-active {
-        transition: opacity 0.3s ease;
-        opacity: 1; }
-      .component-paginator .component-paginator-center-content .component-paginator-loader.component-paginator-loader-exit {
-        opacity: 1; }
-      .component-paginator .component-paginator-center-content .component-paginator-loader.component-paginator-loader-exit-active {
-        transition: opacity 0.3s ease;
-        opacity: 0; }
-  .component-paginator .component-paginator-left-arrow {
-    margin-right: 4px; }
-    .component-paginator .component-paginator-left-arrow svg {
-      max-height: 16px; }
-  .component-paginator .component-paginator-right-arrow {
-    margin-left: 4px; }
-    .component-paginator .component-paginator-right-arrow svg {
-      max-height: 16px; }
-
-@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");
 :export {
   white: #fefefe;
   darkenWhite: #efefef;
@@ -5744,6 +5650,114 @@ h5 {
   warningLight: #ffeb98;
   warningDark: #765f00; }
 
+.component-paginator {
+  width: 100%;
+  display: flex;
+  margin: auto; }
+  .component-paginator .component-paginator-center-content {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: auto;
+    margin-right: auto; }
+    .component-paginator .component-paginator-center-content > div {
+      display: flex;
+      align-items: center;
+      visibility: visible;
+      opacity: 1;
+      transition: 0.3s ease; }
+      .component-paginator .component-paginator-center-content > div.hidden {
+        visibility: hidden;
+        opacity: 0; }
+      .component-paginator .component-paginator-center-content > div .component-paginator-numbers {
+        overflow-x: auto;
+        display: flex; }
+        .component-paginator .component-paginator-center-content > div .component-paginator-numbers .component-paginator-number {
+          -webkit-user-select: none;
+             -moz-user-select: none;
+                  user-select: none;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          -webkit-appearance: none;
+          -moz-appearance: none;
+               appearance: none;
+          border: none;
+          outline: none;
+          background-color: rgba(0, 0, 0, 0);
+          color: #323c32;
+          cursor: pointer;
+          padding: 2px;
+          border-radius: 200px;
+          width: 25px;
+          height: 25px;
+          font-size: 16px;
+          font-weight: 500;
+          transition: background-color 0.3s ease, color 0.3s ease; }
+          .component-paginator .component-paginator-center-content > div .component-paginator-numbers .component-paginator-number:hover {
+            background-color: #f3f5f1; }
+          .component-paginator .component-paginator-center-content > div .component-paginator-numbers .component-paginator-number.active {
+            cursor: default;
+            background-color: #3fa110;
+            color: #fefefe; }
+    .component-paginator .component-paginator-center-content .component-paginator-loader {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      opacity: 1;
+      transition: 0.3s ease; }
+      .component-paginator .component-paginator-center-content .component-paginator-loader.component-paginator-loader-enter {
+        opacity: 0; }
+      .component-paginator .component-paginator-center-content .component-paginator-loader.component-paginator-loader-enter-active {
+        transition: opacity 0.3s ease;
+        opacity: 1; }
+      .component-paginator .component-paginator-center-content .component-paginator-loader.component-paginator-loader-exit {
+        opacity: 1; }
+      .component-paginator .component-paginator-center-content .component-paginator-loader.component-paginator-loader-exit-active {
+        transition: opacity 0.3s ease;
+        opacity: 0; }
+  .component-paginator .component-paginator-left-arrow {
+    margin-right: 4px; }
+    .component-paginator .component-paginator-left-arrow svg {
+      max-height: 16px; }
+  .component-paginator .component-paginator-right-arrow {
+    margin-left: 4px; }
+    .component-paginator .component-paginator-right-arrow svg {
+      max-height: 16px; }
+
+:export {
+  widthXs: 575.98px;
+  widthSm: 767.98px;
+  widthMd: 991.98px;
+  widthLg: 1199.98px; }
+
+:export {
+  white: #fefefe;
+  darkenWhite: #efefef;
+  black: #121212;
+  transparent: rgba(0, 0, 0, 0);
+  primary: #3fa110;
+  primaryDark: #33820d;
+  primaryLight: #d7e6c8;
+  secondaryDarker: #323c32;
+  secondaryDark: #5a645a;
+  blueDarker: #2b517b;
+  secondary: #828a82;
+  secondaryLight: #cdd3cd;
+  secondaryLighter: #f8f9f7;
+  danger: #e60000;
+  dangerLight: #ffb4b4;
+  dangerDark: #ab4745;
+  warning: #ffcd00;
+  warningLight: #ffeb98;
+  warningDark: #765f00; }
+
 .component-video-player {
   display: flex;
   width: 100%;
@@ -5889,7 +5903,7 @@ h5 {
   justify-content: center;
   align-items: center;
   border-radius: 100px;
-  transition: background-color 0.3s ease; }
+  transition: background-color 0.3s ease, border-color 0.3s ease; }
   .component-radio-button:not(:disabled) {
     cursor: pointer; }
   .component-radio-button:focus {
@@ -5898,31 +5912,39 @@ h5 {
 .component-radio-button.new:disabled {
   opacity: 0.6; }
 
-.component-radio-button.new.component-radio-button-not {
+.component-radio-button.new[data-checked='false'] {
   background-color: #c4c4c4; }
+  .component-radio-button.new[data-checked='false'][data-error='true'] {
+    background-color: #ffb4b4; }
 
-.component-radio-button.new.component-radio-button-checked {
+.component-radio-button.new[data-checked='true'] {
   background-color: #3fa110; }
+  .component-radio-button.new[data-checked='true'][data-error='true'] {
+    background-color: #e60000; }
 
 .component-radio-button.classic {
-  border: 2px solid #3fa110;
+  border: 1px solid #3fa110;
   background-color: rgba(0, 0, 0, 0); }
   .component-radio-button.classic::after {
     content: '';
-    width: 10px;
-    height: 10px;
+    width: 12px;
+    height: 12px;
     background-color: rgba(0, 0, 0, 0);
     border-radius: 200px;
-    transition: background-color 0.3s ease, background-color 0.3s ease; }
+    transition: background-color 0.3s ease, border-color 0.3s ease; }
+  .component-radio-button.classic[data-error='true'] {
+    border-color: #e60000; }
+    .component-radio-button.classic[data-error='true'][data-checked='true']::after {
+      background-color: #e60000; }
   .component-radio-button.classic:disabled {
     border-color: #c4c4c4 !important; }
-    .component-radio-button.classic:disabled.component-radio-button-not {
+    .component-radio-button.classic:disabled[data-checked='false'] {
       background-color: rgba(0, 0, 0, 0); }
-    .component-radio-button.classic:disabled.component-radio-button-checked::after {
+    .component-radio-button.classic:disabled[data-checked='true']::after {
       background-color: #c4c4c4; }
-  .component-radio-button.classic.component-radio-button-not {
+  .component-radio-button.classic[data-checked='false'] {
     background-color: rgba(0, 0, 0, 0); }
-  .component-radio-button.classic.component-radio-button-checked::after {
+  .component-radio-button.classic[data-checked='true']::after {
     background-color: #3fa110; }
 
 :export {
@@ -6387,43 +6409,6 @@ h5 {
   warningLight: #ffeb98;
   warningDark: #765f00; }
 
-.component-table-actions-column {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end; }
-  .component-table-actions-column > *:not(:first-child) {
-    margin-left: 16px; }
-  .component-table-actions-column svg {
-    width: 20px;
-    height: 20px; }
-
-:export {
-  widthXs: 575.98px;
-  widthSm: 767.98px;
-  widthMd: 991.98px;
-  widthLg: 1199.98px; }
-
-:export {
-  white: #fefefe;
-  darkenWhite: #efefef;
-  black: #121212;
-  transparent: rgba(0, 0, 0, 0);
-  primary: #3fa110;
-  primaryDark: #33820d;
-  primaryLight: #d7e6c8;
-  secondaryDarker: #323c32;
-  secondaryDark: #5a645a;
-  blueDarker: #2b517b;
-  secondary: #828a82;
-  secondaryLight: #cdd3cd;
-  secondaryLighter: #f8f9f7;
-  danger: #e60000;
-  dangerLight: #ffb4b4;
-  dangerDark: #ab4745;
-  warning: #ffcd00;
-  warningLight: #ffeb98;
-  warningDark: #765f00; }
-
 table.component-table {
   font-family: "Nunito", sans-serif;
   width: 100%;
@@ -6578,6 +6563,43 @@ table.component-table {
   warningLight: #ffeb98;
   warningDark: #765f00; }
 
+.component-table-actions-column {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end; }
+  .component-table-actions-column > *:not(:first-child) {
+    margin-left: 16px; }
+  .component-table-actions-column svg {
+    width: 20px;
+    height: 20px; }
+
+:export {
+  widthXs: 575.98px;
+  widthSm: 767.98px;
+  widthMd: 991.98px;
+  widthLg: 1199.98px; }
+
+:export {
+  white: #fefefe;
+  darkenWhite: #efefef;
+  black: #121212;
+  transparent: rgba(0, 0, 0, 0);
+  primary: #3fa110;
+  primaryDark: #33820d;
+  primaryLight: #d7e6c8;
+  secondaryDarker: #323c32;
+  secondaryDark: #5a645a;
+  blueDarker: #2b517b;
+  secondary: #828a82;
+  secondaryLight: #cdd3cd;
+  secondaryLighter: #f8f9f7;
+  danger: #e60000;
+  dangerLight: #ffb4b4;
+  dangerDark: #ab4745;
+  warning: #ffcd00;
+  warningLight: #ffeb98;
+  warningDark: #765f00; }
+
 .component-table-actions {
   display: flex;
   justify-content: flex-start;
@@ -8760,3 +8782,172 @@ nav.component-tabs {
     white-space: nowrap; }
   .component-table-left-checkbox-with-label.w-100 .component-table-left-checkbox-with-label-label-wrapper {
     width: 100%; }
+
+:export {
+  white: #fefefe;
+  darkenWhite: #efefef;
+  black: #121212;
+  transparent: rgba(0, 0, 0, 0);
+  primary: #3fa110;
+  primaryDark: #33820d;
+  primaryLight: #d7e6c8;
+  secondaryDarker: #323c32;
+  secondaryDark: #5a645a;
+  blueDarker: #2b517b;
+  secondary: #828a82;
+  secondaryLight: #cdd3cd;
+  secondaryLighter: #f8f9f7;
+  danger: #e60000;
+  dangerLight: #ffb4b4;
+  dangerDark: #ab4745;
+  warning: #ffcd00;
+  warningLight: #ffeb98;
+  warningDark: #765f00; }
+
+:export {
+  widthXs: 575.98px;
+  widthSm: 767.98px;
+  widthMd: 991.98px;
+  widthLg: 1199.98px; }
+
+.tooltip {
+  z-index: 989;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding: 4px 32px;
+  font-weight: 300;
+  background-color: #323c32;
+  color: #fefefe;
+  font-family: "Nunito", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  border-radius: 8px; }
+  .tooltip .label {
+    max-width: 300px; }
+
+.reference {
+  display: flex;
+  align-items: center;
+  width: -moz-fit-content;
+  width: fit-content; }
+
+:export {
+  white: #fefefe;
+  darkenWhite: #efefef;
+  black: #121212;
+  transparent: rgba(0, 0, 0, 0);
+  primary: #3fa110;
+  primaryDark: #33820d;
+  primaryLight: #d7e6c8;
+  secondaryDarker: #323c32;
+  secondaryDark: #5a645a;
+  blueDarker: #2b517b;
+  secondary: #828a82;
+  secondaryLight: #cdd3cd;
+  secondaryLighter: #f8f9f7;
+  danger: #e60000;
+  dangerLight: #ffb4b4;
+  dangerDark: #ab4745;
+  warning: #ffcd00;
+  warningLight: #ffeb98;
+  warningDark: #765f00; }
+
+:export {
+  widthXs: 575.98px;
+  widthSm: 767.98px;
+  widthMd: 991.98px;
+  widthLg: 1199.98px; }
+
+.tp {
+  margin: 0;
+  padding: 0;
+  font-weight: 300;
+  display: block;
+  text-align: start; }
+  .tp.focus {
+    font-weight: 500; }
+  .tp.primary {
+    color: #3fa110; }
+  .tp.primary-dark {
+    color: #33820d; }
+  .tp.secondary {
+    color: #fefefe; }
+  .tp.default {
+    color: #323c32; }
+
+.caption.tp {
+  font-family: "Nunito", sans-serif;
+  font-size: 14px;
+  line-height: 24px; }
+  .caption.tp.focus {
+    font-weight: 700; }
+
+.small.tp {
+  font-family: "Nunito", sans-serif;
+  font-size: 12px;
+  line-height: 16px; }
+  .small.tp.focus {
+    font-weight: 700; }
+
+p.tp {
+  font-family: "Nunito", sans-serif;
+  font-size: 16px;
+  line-height: 24px; }
+  p.tp.focus {
+    font-weight: 700; }
+
+h1.tp {
+  font-family: "Exo 2", sans-serif;
+  font-size: 40px;
+  line-height: 48px; }
+  @media screen and (max-width: 767.98px) {
+    h1.tp {
+      font-size: 36px;
+      line-height: 44px; } }
+
+h2.tp {
+  font-family: "Exo 2", sans-serif;
+  font-size: 32px;
+  line-height: 40px; }
+  @media screen and (max-width: 767.98px) {
+    h2.tp {
+      font-size: 28px;
+      line-height: 40px; } }
+
+h3.tp {
+  font-family: "Exo 2", sans-serif;
+  font-size: 24px;
+  line-height: 32px; }
+  @media screen and (max-width: 767.98px) {
+    h3.tp {
+      font-size: 20px;
+      line-height: 24px; } }
+
+h4.tp {
+  font-family: "Exo 2", sans-serif;
+  font-size: 20px;
+  line-height: 24px; }
+  @media screen and (max-width: 767.98px) {
+    h4.tp {
+      font-size: 16px;
+      line-height: 24px; } }
+
+h5.tp {
+  font-family: "Exo 2", sans-serif;
+  font-size: 16px;
+  line-height: 24px; }
+  @media screen and (max-width: 767.98px) {
+    h5.tp {
+      font-size: 14px;
+      line-height: 20px; } }
+
+h6.tp {
+  font-family: "Exo 2", sans-serif;
+  font-size: 14px;
+  line-height: 16px; }
+  @media screen and (max-width: 767.98px) {
+    h6.tp {
+      font-size: 14px;
+      line-height: 16px; } }