@aivenio/aquarium 1.20.0 → 1.22.0-rc1

package/dist/styles.css

@@ -1,19 +1,21 @@
-/* https://tailwindcss.com/docs/using-with-preprocessors */
-/* @import statement must come first and tailwind base must be the first one imported*/
-/* ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com */
 /*
+! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
+*//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
 */
+
 *,::before,::after {
   box-sizing: border-box; /* 1 */
   border-width: 0; /* 2 */
   border-style: solid; /* 2 */
   border-color: currentColor; /* 2 */
 }
+
 ::before,::after {
   --tw-content: '';
 }
+
 /*
 1. Use a consistent sensible line-height in all browsers.
 2. Prevent adjustments of font size after orientation changes in iOS.
@@ -21,6 +23,7 @@
 4. Use the user's configured `sans` font-family by default.
 5. Use the user's configured `sans` font-feature-settings by default.
 */
+
 html {
   line-height: 1.5; /* 1 */
   -webkit-text-size-adjust: 100%; /* 2 */
@@ -30,95 +33,119 @@ html {
   font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
   font-feature-settings: normal; /* 5 */
 }
+
 /*
 1. Remove the margin in all browsers.
 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
 */
+
 body {
   margin: 0; /* 1 */
   line-height: inherit; /* 2 */
 }
+
 /*
 1. Add the correct height in Firefox.
 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
 3. Ensure horizontal rules are visible by default.
 */
+
 hr {
   height: 0; /* 1 */
   color: inherit; /* 2 */
   border-top-width: 1px; /* 3 */
 }
+
 /*
 Add the correct text decoration in Chrome, Edge, and Safari.
 */
+
 abbr:where([title]) {
   -webkit-text-decoration: underline dotted;
           text-decoration: underline dotted;
 }
+
 /*
 Remove the default font size and weight for headings.
 */
+
 h1,h2,h3,h4,h5,h6 {
   font-size: inherit;
   font-weight: inherit;
 }
+
 /*
 Reset links to optimize for opt-in styling instead of opt-out.
 */
+
 a {
   color: inherit;
   text-decoration: inherit;
 }
+
 /*
 Add the correct font weight in Edge and Safari.
 */
+
 b,strong {
   font-weight: bolder;
 }
+
 /*
 1. Use the user's configured `mono` font family by default.
 2. Correct the odd `em` font sizing in all browsers.
 */
+
 code,kbd,samp,pre {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
   font-size: 1em; /* 2 */
 }
+
 /*
 Add the correct font size in all browsers.
 */
+
 small {
   font-size: 80%;
 }
+
 /*
 Prevent `sub` and `sup` elements from affecting the line height in all browsers.
 */
+
 sub,sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
+
 sub {
   bottom: -0.25em;
 }
+
 sup {
   top: -0.5em;
 }
+
 /*
 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
 3. Remove gaps between table borders by default.
 */
+
 table {
   text-indent: 0; /* 1 */
   border-color: inherit; /* 2 */
   border-collapse: collapse; /* 3 */
 }
+
 /*
 1. Change the font styles in all browsers.
 2. Remove the margin in Firefox and Safari.
 3. Remove default padding in all browsers.
 */
+
 button,input,optgroup,select,textarea {
   font-family: inherit; /* 1 */
   font-size: 100%; /* 1 */
@@ -128,141 +155,180 @@ button,input,optgroup,select,textarea {
   margin: 0; /* 2 */
   padding: 0; /* 3 */
 }
+
 /*
 Remove the inheritance of text transform in Edge and Firefox.
 */
+
 button,select {
   text-transform: none;
 }
+
 /*
 1. Correct the inability to style clickable types in iOS and Safari.
 2. Remove default button styles.
 */
+
 button,[type='button'],[type='reset'],[type='submit'] {
   -webkit-appearance: button; /* 1 */
   background-color: transparent; /* 2 */
   background-image: none; /* 2 */
 }
+
 /*
 Use the modern Firefox focus style for all focusable elements.
 */
+
 :-moz-focusring {
   outline: auto;
 }
+
 /*
 Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
 */
+
 :-moz-ui-invalid {
   box-shadow: none;
 }
+
 /*
 Add the correct vertical alignment in Chrome and Firefox.
 */
+
 progress {
   vertical-align: baseline;
 }
+
 /*
 Correct the cursor style of increment and decrement buttons in Safari.
 */
+
 ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
   height: auto;
 }
+
 /*
 1. Correct the odd appearance in Chrome and Safari.
 2. Correct the outline style in Safari.
 */
+
 [type='search'] {
   -webkit-appearance: textfield; /* 1 */
   outline-offset: -2px; /* 2 */
 }
+
 /*
 Remove the inner padding in Chrome and Safari on macOS.
 */
+
 ::-webkit-search-decoration {
   -webkit-appearance: none;
 }
+
 /*
 1. Correct the inability to style clickable types in iOS and Safari.
 2. Change font properties to `inherit` in Safari.
 */
+
 ::-webkit-file-upload-button {
   -webkit-appearance: button; /* 1 */
   font: inherit; /* 2 */
 }
+
 /*
 Add the correct display in Chrome and Safari.
 */
+
 summary {
   display: list-item;
 }
+
 /*
 Removes the default spacing and border for appropriate elements.
 */
+
 blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
   margin: 0;
 }
+
 fieldset {
   margin: 0;
   padding: 0;
 }
+
 legend {
   padding: 0;
 }
+
 ol,ul,menu {
   list-style: none;
   margin: 0;
   padding: 0;
 }
+
 /*
 Prevent resizing textareas horizontally by default.
 */
+
 textarea {
   resize: vertical;
 }
+
 /*
 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
 2. Set the default placeholder color to the user's configured gray 400 color.
 */
+
 input::-moz-placeholder, textarea::-moz-placeholder {
   opacity: 1; /* 1 */
   color: #9ca3af; /* 2 */
 }
+
 input::placeholder,textarea::placeholder {
   opacity: 1; /* 1 */
   color: #9ca3af; /* 2 */
 }
+
 /*
 Set the default cursor for buttons.
 */
+
 button,[role="button"] {
   cursor: pointer;
 }
+
 /*
 Make sure disabled buttons don't get the pointer cursor.
 */
 :disabled {
   cursor: default;
 }
+
 /*
 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
    This can trigger a poorly considered lint error in some tools but is included by design.
 */
+
 img,svg,video,canvas,audio,iframe,embed,object {
   display: block; /* 1 */
   vertical-align: middle; /* 2 */
 }
+
 /*
 Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
 */
+
 img,video {
   max-width: 100%;
   height: auto;
 }
+
 /* Make elements with the HTML hidden attribute stay hidden by default */
 [hidden] {
   display: none;
 }
+
 *,::before,::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
@@ -309,6 +375,7 @@ img,video {
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
 }
+
 ::backdrop {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
@@ -355,6 +422,182 @@ img,video {
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
 }
+/**
+ * This file is autogenerated. Do not edit directly.
+ */
+:root {
+  --aquarium-border-radius-none: 0px;
+  --aquarium-border-radius-sm: 0.125rem;
+  --aquarium-border-radius-default: 4px;
+  --aquarium-border-radius-md: 0.375rem;
+  --aquarium-border-radius-lg: 0.5rem;
+  --aquarium-border-radius-xl: 0.75rem;
+  --aquarium-border-radius-2xl: 1rem;
+  --aquarium-border-radius-3xl: 1.5rem;
+  --aquarium-border-radius-full: 9999px;
+  --aquarium-colors-error-100: #aa0000;
+  --aquarium-colors-error-90: #b90000;
+  --aquarium-colors-error-80: #c50001;
+  --aquarium-colors-error-70: #d80005;
+  --aquarium-colors-error-60: #e70000;
+  --aquarium-colors-error-50: #e62728;
+  --aquarium-colors-error-40: #e0504f;
+  --aquarium-colors-error-30: #ed7975;
+  --aquarium-colors-error-20: #ffadb3;
+  --aquarium-colors-error-10: #ffcbd2;
+  --aquarium-colors-error-5: #fee8e7;
+  --aquarium-colors-error-0: #fef2f1;
+  --aquarium-colors-warning-100: #fe6d00;
+  --aquarium-colors-warning-90: #ff9003;
+  --aquarium-colors-warning-80: #fd9f00;
+  --aquarium-colors-warning-70: #ffb300;
+  --aquarium-colors-warning-60: #ffc107;
+  --aquarium-colors-warning-50: #fdc926;
+  --aquarium-colors-warning-40: #fdd44d;
+  --aquarium-colors-warning-30: #fddf81;
+  --aquarium-colors-warning-20: #feebb2;
+  --aquarium-colors-warning-10: #fff2cd;
+  --aquarium-colors-warning-5: #fff8ea;
+  --aquarium-colors-warning-0: #fffdf9;
+  --aquarium-colors-success-100: #006f00;
+  --aquarium-colors-success-90: #008e00;
+  --aquarium-colors-success-80: #009f00;
+  --aquarium-colors-success-70: #00b300;
+  --aquarium-colors-success-60: #00c300;
+  --aquarium-colors-success-50: #40ce37;
+  --aquarium-colors-success-40: #60db57;
+  --aquarium-colors-success-30: #89eb80;
+  --aquarium-colors-success-20: #afffa7;
+  --aquarium-colors-success-10: #cbffc9;
+  --aquarium-colors-success-5: #ecf7ed;
+  --aquarium-colors-success-0: #f5faf5;
+  --aquarium-colors-info-100: #02569a;
+  --aquarium-colors-info-90: #0174ba;
+  --aquarium-colors-info-80: #0788d1;
+  --aquarium-colors-info-70: #0399e3;
+  --aquarium-colors-info-60: #02a8f3;
+  --aquarium-colors-info-50: #28b4f4;
+  --aquarium-colors-info-40: #4cc2f7;
+  --aquarium-colors-info-30: #7fd1f7;
+  --aquarium-colors-info-20: #b4e5fb;
+  --aquarium-colors-info-10: #e0f5fe;
+  --aquarium-colors-info-5: #effaff;
+  --aquarium-colors-info-0: #f9fdff;
+  --aquarium-colors-grey-100: #19191d;
+  --aquarium-colors-grey-90: #292a31;
+  --aquarium-colors-grey-80: #3a3a44;
+  --aquarium-colors-grey-70: #4a4b57;
+  --aquarium-colors-grey-60: #5a5b6a;
+  --aquarium-colors-grey-50: #787885;
+  --aquarium-colors-grey-40: #9696a0;
+  --aquarium-colors-grey-30: #b4b4bb;
+  --aquarium-colors-grey-10: #e1e1e3;
+  --aquarium-colors-grey-5: #ededf0;
+  --aquarium-colors-grey-0: #f7f7fa;
+  --aquarium-colors-secondary-100: #e11d16;
+  --aquarium-colors-secondary-90: #eb4610;
+  --aquarium-colors-secondary-80: #f3580d;
+  --aquarium-colors-secondary-70: #f96a02;
+  --aquarium-colors-secondary-60: #ff7700;
+  --aquarium-colors-secondary-50: #fc871a;
+  --aquarium-colors-secondary-40: #fb9a3e;
+  --aquarium-colors-secondary-30: #fab26e;
+  --aquarium-colors-secondary-20: #f8c99c;
+  --aquarium-colors-secondary-10: #fee8d0;
+  --aquarium-colors-secondary-5: #fff3e8;
+  --aquarium-colors-secondary-0: #fffbf8;
+  --aquarium-colors-primary-100: 0e1652;
+  --aquarium-colors-primary-90: #222f95;
+  --aquarium-colors-primary-80: #3545be;
+  --aquarium-colors-primary-70: #5865cd;
+  --aquarium-colors-primary-60: #818eec;
+  --aquarium-colors-primary-50: #000000;
+  --aquarium-colors-primary-40: #b9c5ef;
+  --aquarium-colors-primary-30: #000000;
+  --aquarium-colors-primary-20: #000000;
+  --aquarium-colors-primary-10: #e3e9ff;
+  --aquarium-colors-primary-5: #f3f6ff;
+  --aquarium-colors-primary-0: #ffffff;
+  --aquarium-colors-grey-20: #d2d2d6;
+  --aquarium-colors-transparent: transparent;
+  --aquarium-colors-white: white;
+  --aquarium-colors-black: black;
+  --aquarium-colors-current: currentColor;
+  --aquarium-colors-navy-blue-100: #30375E;
+  --aquarium-box-shadow-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08);
+  --aquarium-box-shadow-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12);
+  --aquarium-box-shadow-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16);
+  --aquarium-box-shadow-4dp: 0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20);
+  --aquarium-box-shadow-2dp: 0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24);
+  --aquarium-box-shadow-white-inset: inset 0 0 0 3px rgba(255,255,255,1);
+  --aquarium-screens-default: 0px;
+  --aquarium-screens-xs: 320px;
+  --aquarium-screens-sm: 672px;
+  --aquarium-screens-md: 1056px;
+  --aquarium-screens-lg: 1312px;
+  --aquarium-screens-xl: 1536px;
+  --aquarium-border-width-0: 0px;
+  --aquarium-border-width-2: 2px;
+  --aquarium-border-width-4: 4px;
+  --aquarium-border-width-8: 8px;
+  --aquarium-border-width-default: 1px;
+  --aquarium-font-family-sans: ui-sans-serif,system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --aquarium-font-family-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;
+  --aquarium-font-family-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
+  --aquarium-font-size-xs: 0.75rem;
+  --aquarium-font-size-xs-line-height: 1rem;
+  --aquarium-font-size-sm: 0.875rem;
+  --aquarium-font-size-sm-line-height: 1.25rem;
+  --aquarium-font-size-base: 1rem;
+  --aquarium-font-size-base-line-height: 1.5rem;
+  --aquarium-font-size-lg: 1.125rem;
+  --aquarium-font-size-lg-line-height: 1.75rem;
+  --aquarium-font-size-xl: 1.25rem;
+  --aquarium-font-size-xl-line-height: 1.75rem;
+  --aquarium-font-size-2xl: 1.5rem;
+  --aquarium-font-size-2xl-line-height: 2rem;
+  --aquarium-font-size-3xl: 1.875rem;
+  --aquarium-font-size-3xl-line-height: 2.25rem;
+  --aquarium-font-size-4xl: 2.25rem;
+  --aquarium-font-size-4xl-line-height: 2.5rem;
+  --aquarium-font-size-5xl: 3rem;
+  --aquarium-font-size-5xl-line-height: 1;
+  --aquarium-font-size-6xl: 3.75rem;
+  --aquarium-font-size-6xl-line-height: 1;
+  --aquarium-font-size-7xl: 4.5rem;
+  --aquarium-font-size-7xl-line-height: 1;
+  --aquarium-font-size-8xl: 6rem;
+  --aquarium-font-size-8xl-line-height: 1;
+  --aquarium-font-size-9xl: 8rem;
+  --aquarium-font-size-9xl-line-height: 1;
+  --aquarium-font-weight-thin: 100;
+  --aquarium-font-weight-extralight: 200;
+  --aquarium-font-weight-light: 300;
+  --aquarium-font-weight-normal: 400;
+  --aquarium-font-weight-medium: 500;
+  --aquarium-font-weight-semibold: 600;
+  --aquarium-font-weight-bold: 700;
+  --aquarium-font-weight-extrabold: 800;
+  --aquarium-font-weight-black: 900;
+  --aquarium-spacing-0: 0;
+  --aquarium-spacing-1: 2px;
+  --aquarium-spacing-2: 4px;
+  --aquarium-spacing-3: 8px;
+  --aquarium-spacing-4: 12px;
+  --aquarium-spacing-5: 16px;
+  --aquarium-spacing-6: 24px;
+  --aquarium-spacing-7: 32px;
+  --aquarium-spacing-8: 40px;
+  --aquarium-spacing-9: 48px;
+  --aquarium-spacing-1px: 1px;
+  --aquarium-spacing-l1: 16px;
+  --aquarium-spacing-l2: 24px;
+  --aquarium-spacing-l3: 32px;
+  --aquarium-spacing-l4: 48px;
+  --aquarium-spacing-l5: 64px;
+  --aquarium-spacing-l6: 96px;
+  --aquarium-spacing-l7: 160px;
+}
 input[type='number'].no-arrows::-webkit-inner-spin-button,input[type='number'].no-arrow::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
@@ -420,6 +663,8 @@ input[type='number'].no-arrows {
 .icon-stroke-2 svg path {
   stroke-width: 2;
 }
+/* https://tailwindcss.com/docs/using-with-preprocessors */
+/* @import statements must come first*/
 .container {
   width: 100%;
 }
@@ -427,49 +672,61 @@ input[type='number'].no-arrows {
   width: 100% !important;
 }
 @media (min-width: 0px) {
+
   .container {
     max-width: 0px;
   }
+
   .\!container {
     max-width: 0px !important;
   }
 }
 @media (min-width: 320px) {
+
   .container {
     max-width: 320px;
   }
+
   .\!container {
     max-width: 320px !important;
   }
 }
 @media (min-width: 672px) {
+
   .container {
     max-width: 672px;
   }
+
   .\!container {
     max-width: 672px !important;
   }
 }
 @media (min-width: 1056px) {
+
   .container {
     max-width: 1056px;
   }
+
   .\!container {
     max-width: 1056px !important;
   }
 }
 @media (min-width: 1312px) {
+
   .container {
     max-width: 1312px;
   }
+
   .\!container {
     max-width: 1312px !important;
   }
 }
 @media (min-width: 1536px) {
+
   .container {
     max-width: 1536px;
   }
+
   .\!container {
     max-width: 1536px !important;
   }
@@ -1154,6 +1411,7 @@ input[type='number'].no-arrows {
   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));
 }
 @keyframes pulse {
+
   50% {
     opacity: .5;
   }
@@ -1351,7 +1609,7 @@ input[type='number'].no-arrows {
 }
 .rounded {
   border-radius: 4px;
-  border-radius: var(--aquarium-border-radius-DEFAULT, 4px);
+  border-radius: var(--aquarium-border-radius-default, 4px);
 }
 .rounded-\[2px\] {
   border-radius: 2px;
@@ -1413,9 +1671,13 @@ input[type='number'].no-arrows {
   border-color: #e1e1e3;
   border-color: var(--aquarium-colors-grey-10, #e1e1e3);
 }
-.border-navyBlue-100 {
-  --tw-border-opacity: 1;
-  border-color: rgb(48 55 94 / var(--tw-border-opacity));
+.border-primary-80 {
+  border-color: #3545be;
+  border-color: var(--aquarium-colors-primary-80, #3545be);
+}
+.border-primary-40 {
+  border-color: #b9c5ef;
+  border-color: var(--aquarium-colors-primary-40, #b9c5ef);
 }
 .border-grey-50 {
   border-color: #787885;
@@ -1441,10 +1703,6 @@ input[type='number'].no-arrows {
   border-color: #19191d;
   border-color: var(--aquarium-colors-grey-100, #19191d);
 }
-.border-primary-80 {
-  border-color: #e41a4a;
-  border-color: var(--aquarium-colors-primary-80, #e41a4a);
-}
 .bg-grey-10 {
   background-color: #e1e1e3;
   background-color: var(--aquarium-colors-grey-10, #e1e1e3);
@@ -1473,14 +1731,22 @@ input[type='number'].no-arrows {
   background-color: white;
   background-color: var(--aquarium-colors-white, white);
 }
-.bg-navyBlue-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(48 55 94 / var(--tw-bg-opacity));
+.bg-primary-80 {
+  background-color: #3545be;
+  background-color: var(--aquarium-colors-primary-80, #3545be);
+}
+.bg-primary-40 {
+  background-color: #b9c5ef;
+  background-color: var(--aquarium-colors-primary-40, #b9c5ef);
 }
 .bg-grey-5 {
   background-color: #ededf0;
   background-color: var(--aquarium-colors-grey-5, #ededf0);
 }
+.bg-navyBlue-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(48 55 94 / var(--tw-bg-opacity));
+}
 .bg-info-50 {
   background-color: #28b4f4;
   background-color: var(--aquarium-colors-info-50, #28b4f4);
@@ -1517,10 +1783,6 @@ input[type='number'].no-arrows {
   background-color: currentColor;
   background-color: var(--aquarium-colors-current, currentColor);
 }
-.bg-primary-80 {
-  background-color: #e41a4a;
-  background-color: var(--aquarium-colors-primary-80, #e41a4a);
-}
 .bg-transparent {
   background-color: transparent;
   background-color: var(--aquarium-colors-transparent, transparent);
@@ -1538,11 +1800,8 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-error-20, #ffadb3);
 }
 .bg-primary-70 {
-  background-color: #ff3554;
-  background-color: var(--aquarium-colors-primary-70, #ff3554);
-}
-.bg-opacity-40 {
-  --tw-bg-opacity: 0.4;
+  background-color: #5865cd;
+  background-color: var(--aquarium-colors-primary-70, #5865cd);
 }
 .bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
@@ -1562,10 +1821,6 @@ input[type='number'].no-arrows {
 .bg-cover {
   background-size: cover;
 }
-.stroke-grey-30 {
-  stroke: #b4b4bb;
-  stroke: var(--aquarium-colors-grey-30, #b4b4bb);
-}
 .object-cover {
   -o-object-fit: cover;
      object-fit: cover;
@@ -2020,52 +2275,52 @@ input[type='number'].no-arrows {
   color: var(--aquarium-colors-secondary-0, #fffbf8);
 }
 .text-primary-100 {
-  color: #a70045;
-  color: var(--aquarium-colors-primary-100, #a70045);
+  color: 0e1652;
+  color: var(--aquarium-colors-primary-100, 0e1652);
 }
 .text-primary-90 {
-  color: #c60443;
-  color: var(--aquarium-colors-primary-90, #c60443);
+  color: #222f95;
+  color: var(--aquarium-colors-primary-90, #222f95);
 }
 .text-primary-80 {
-  color: #e41a4a;
-  color: var(--aquarium-colors-primary-80, #e41a4a);
+  color: #3545be;
+  color: var(--aquarium-colors-primary-80, #3545be);
 }
 .text-primary-70 {
-  color: #ff3554;
-  color: var(--aquarium-colors-primary-70, #ff3554);
+  color: #5865cd;
+  color: var(--aquarium-colors-primary-70, #5865cd);
 }
 .text-primary-60 {
-  color: #ff5275;
-  color: var(--aquarium-colors-primary-60, #ff5275);
+  color: #818eec;
+  color: var(--aquarium-colors-primary-60, #818eec);
 }
 .text-primary-50 {
-  color: #ff6f94;
-  color: var(--aquarium-colors-primary-50, #ff6f94);
+  color: #000000;
+  color: var(--aquarium-colors-primary-50, #000000);
 }
 .text-primary-40 {
-  color: #ff8db0;
-  color: var(--aquarium-colors-primary-40, #ff8db0);
+  color: #b9c5ef;
+  color: var(--aquarium-colors-primary-40, #b9c5ef);
 }
 .text-primary-30 {
-  color: #ffa9c9;
-  color: var(--aquarium-colors-primary-30, #ffa9c9);
+  color: #000000;
+  color: var(--aquarium-colors-primary-30, #000000);
 }
 .text-primary-20 {
-  color: #ffc4de;
-  color: var(--aquarium-colors-primary-20, #ffc4de);
+  color: #000000;
+  color: var(--aquarium-colors-primary-20, #000000);
 }
 .text-primary-10 {
-  color: #ffdeef;
-  color: var(--aquarium-colors-primary-10, #ffdeef);
+  color: #e3e9ff;
+  color: var(--aquarium-colors-primary-10, #e3e9ff);
 }
 .text-primary-5 {
-  color: #ffe8f4;
-  color: var(--aquarium-colors-primary-5, #ffe8f4);
+  color: #f3f6ff;
+  color: var(--aquarium-colors-primary-5, #f3f6ff);
 }
 .text-primary-0 {
-  color: #fff9fc;
-  color: var(--aquarium-colors-primary-0, #fff9fc);
+  color: #ffffff;
+  color: var(--aquarium-colors-primary-0, #ffffff);
 }
 .text-grey-20 {
   color: #d2d2d6;
@@ -2079,6 +2334,10 @@ input[type='number'].no-arrows {
   color: white;
   color: var(--aquarium-colors-white, white);
 }
+.underline {
+  -webkit-text-decoration-line: underline;
+          text-decoration-line: underline;
+}
 .no-underline {
   -webkit-text-decoration-line: none;
           text-decoration-line: none;
@@ -2086,9 +2345,6 @@ input[type='number'].no-arrows {
 .opacity-70 {
   opacity: 0.7;
 }
-.opacity-40 {
-  opacity: 0.4;
-}
 .shadow-16dp {
   --tw-shadow: var(--aquarium-box-shadow-16dp, 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12));
   --tw-shadow-colored: 0px 16px 32px 0px var(--tw-shadow-color);
@@ -2132,6 +2388,9 @@ input[type='number'].no-arrows {
 .ring-inset {
   --tw-ring-inset: inset;
 }
+.ring-primary-80 {
+  --tw-ring-color: var(--aquarium-colors-primary-80, #3545be);
+}
 .ring-grey-30 {
   --tw-ring-color: var(--aquarium-colors-grey-30, #b4b4bb);
 }
@@ -2225,16 +2484,24 @@ input[type='number'].no-arrows {
   margin-top: 0;
 }
 .visited\:text-primary-80:visited {
-  color: #e41a4a;
-  color: var(--aquarium-colors-primary-80, #e41a4a);
+  color: #3545be;
+  color: var(--aquarium-colors-primary-80, #3545be);
 }
-.checked\:border-navyBlue-100:checked {
-  --tw-border-opacity: 1;
-  border-color: rgb(48 55 94 / var(--tw-border-opacity));
+.checked\:border-primary-80:checked {
+  border-color: #3545be;
+  border-color: var(--aquarium-colors-primary-80, #3545be);
 }
-.checked\:bg-navyBlue-100:checked {
-  --tw-bg-opacity: 1;
-  background-color: rgb(48 55 94 / var(--tw-bg-opacity));
+.checked\:border-primary-40:checked {
+  border-color: #b9c5ef;
+  border-color: var(--aquarium-colors-primary-40, #b9c5ef);
+}
+.checked\:bg-primary-80:checked {
+  background-color: #3545be;
+  background-color: var(--aquarium-colors-primary-80, #3545be);
+}
+.checked\:bg-primary-40:checked {
+  background-color: #b9c5ef;
+  background-color: var(--aquarium-colors-primary-40, #b9c5ef);
 }
 .checked\:bg-opacity-40:checked {
   --tw-bg-opacity: 0.4;
@@ -2243,7 +2510,7 @@ input[type='number'].no-arrows {
   opacity: 0.4;
 }
 .checked\:shadow-whiteInset:checked {
-  --tw-shadow: var(--aquarium-box-shadow-whiteInset, inset 0 0 0 3px rgba(255,255,255,1));
+  --tw-shadow: var(--aquarium-box-shadow-white-inset, inset 0 0 0 3px rgba(255,255,255,1));
   --tw-shadow-colored: inset 0 0 0 3px var(--tw-shadow-color);
   box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
@@ -2272,8 +2539,8 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-grey-30, #b4b4bb);
 }
 .hover\:bg-primary-70:hover {
-  background-color: #ff3554;
-  background-color: var(--aquarium-colors-primary-70, #ff3554);
+  background-color: #5865cd;
+  background-color: var(--aquarium-colors-primary-70, #5865cd);
 }
 .hover\:bg-error-10:hover {
   background-color: #ffcbd2;
@@ -2284,8 +2551,8 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-grey-10, #e1e1e3);
 }
 .hover\:text-primary-70:hover {
-  color: #ff3554;
-  color: var(--aquarium-colors-primary-70, #ff3554);
+  color: #5865cd;
+  color: var(--aquarium-colors-primary-70, #5865cd);
 }
 .hover\:text-grey-80:hover {
   color: #3a3a44;
@@ -2296,15 +2563,19 @@ input[type='number'].no-arrows {
   color: var(--aquarium-colors-grey-90, #292a31);
 }
 .hover\:text-primary-80:hover {
-  color: #e41a4a;
-  color: var(--aquarium-colors-primary-80, #e41a4a);
+  color: #3545be;
+  color: var(--aquarium-colors-primary-80, #3545be);
 }
-.hover\:ring-grey-50:hover {
-  --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
+.hover\:no-underline:hover {
+  -webkit-text-decoration-line: none;
+          text-decoration-line: none;
 }
-.hover\:checked\:bg-navyBlue-100:checked:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(48 55 94 / var(--tw-bg-opacity));
+.hover\:ring-primary-70:hover {
+  --tw-ring-color: var(--aquarium-colors-primary-70, #5865cd);
+}
+.hover\:checked\:bg-primary-80:checked:hover {
+  background-color: #3545be;
+  background-color: var(--aquarium-colors-primary-80, #3545be);
 }
 .focus\:border:focus {
   border-width: 1px;
@@ -2326,8 +2597,8 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-grey-20, #d2d2d6);
 }
 .focus\:text-primary-80:focus {
-  color: #e41a4a;
-  color: var(--aquarium-colors-primary-80, #e41a4a);
+  color: #3545be;
+  color: var(--aquarium-colors-primary-80, #3545be);
 }
 .focus\:outline-none:focus {
   outline: 2px solid transparent;
@@ -2373,13 +2644,21 @@ input[type='number'].no-arrows {
   background-color: #f7f7fa;
   background-color: var(--aquarium-colors-grey-0, #f7f7fa);
 }
-.focus-visible\:text-grey-90.focus-visible {
-  color: #292a31;
-  color: var(--aquarium-colors-grey-90, #292a31);
+.focus-visible\:text-primary-90.focus-visible {
+  color: #222f95;
+  color: var(--aquarium-colors-primary-90, #222f95);
 }
-.focus-visible\:text-grey-90:focus-visible {
-  color: #292a31;
-  color: var(--aquarium-colors-grey-90, #292a31);
+.focus-visible\:text-primary-90:focus-visible {
+  color: #222f95;
+  color: var(--aquarium-colors-primary-90, #222f95);
+}
+.focus-visible\:text-primary-80.focus-visible {
+  color: #3545be;
+  color: var(--aquarium-colors-primary-80, #3545be);
+}
+.focus-visible\:text-primary-80:focus-visible {
+  color: #3545be;
+  color: var(--aquarium-colors-primary-80, #3545be);
 }
 .focus-visible\:text-grey-80.focus-visible {
   color: #3a3a44;
@@ -2389,6 +2668,14 @@ input[type='number'].no-arrows {
   color: #3a3a44;
   color: var(--aquarium-colors-grey-80, #3a3a44);
 }
+.focus-visible\:text-grey-90.focus-visible {
+  color: #292a31;
+  color: var(--aquarium-colors-grey-90, #292a31);
+}
+.focus-visible\:text-grey-90:focus-visible {
+  color: #292a31;
+  color: var(--aquarium-colors-grey-90, #292a31);
+}
 .focus-visible\:outline-0.focus-visible {
   outline-width: 0px;
 }
@@ -2425,17 +2712,11 @@ input[type='number'].no-arrows {
 .focus-visible\:ring-inset:focus-visible {
   --tw-ring-inset: inset;
 }
-.focus-visible\:ring-primary-100.focus-visible {
-  --tw-ring-color: var(--aquarium-colors-primary-100, #a70045);
+.focus-visible\:ring-primary-90.focus-visible {
+  --tw-ring-color: var(--aquarium-colors-primary-90, #222f95);
 }
-.focus-visible\:ring-primary-100:focus-visible {
-  --tw-ring-color: var(--aquarium-colors-primary-100, #a70045);
-}
-.focus-visible\:ring-grey-50.focus-visible {
-  --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
-}
-.focus-visible\:ring-grey-50:focus-visible {
-  --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
+.focus-visible\:ring-primary-90:focus-visible {
+  --tw-ring-color: var(--aquarium-colors-primary-90, #222f95);
 }
 .focus-visible\:ring-info-70.focus-visible {
   --tw-ring-color: var(--aquarium-colors-info-70, #0399e3);
@@ -2448,8 +2729,12 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-grey-5, #ededf0);
 }
 .active\:bg-primary-90:active {
-  background-color: #c60443;
-  background-color: var(--aquarium-colors-primary-90, #c60443);
+  background-color: #222f95;
+  background-color: var(--aquarium-colors-primary-90, #222f95);
+}
+.active\:bg-primary-5:active {
+  background-color: #f3f6ff;
+  background-color: var(--aquarium-colors-primary-5, #f3f6ff);
 }
 .active\:bg-transparent:active {
   background-color: transparent;
@@ -2460,12 +2745,12 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-grey-10, #e1e1e3);
 }
 .active\:text-primary-70:active {
-  color: #ff3554;
-  color: var(--aquarium-colors-primary-70, #ff3554);
+  color: #5865cd;
+  color: var(--aquarium-colors-primary-70, #5865cd);
 }
-.active\:text-grey-80:active {
-  color: #3a3a44;
-  color: var(--aquarium-colors-grey-80, #3a3a44);
+.active\:text-primary-80:active {
+  color: #3545be;
+  color: var(--aquarium-colors-primary-80, #3545be);
 }
 .active\:text-grey-50:active {
   color: #787885;
@@ -2481,8 +2766,8 @@ input[type='number'].no-arrows {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
 }
-.active\:ring-grey-50:active {
-  --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
+.active\:ring-primary-90:active {
+  --tw-ring-color: var(--aquarium-colors-primary-90, #222f95);
 }
 .disabled\:cursor-not-allowed:disabled {
   cursor: not-allowed;
@@ -2495,13 +2780,9 @@ input[type='number'].no-arrows {
   background-color: #ededf0;
   background-color: var(--aquarium-colors-grey-5, #ededf0);
 }
-.disabled\:bg-primary-5:disabled {
-  background-color: #ffe8f4;
-  background-color: var(--aquarium-colors-primary-5, #ffe8f4);
-}
-.disabled\:bg-grey-0:disabled {
-  background-color: #f7f7fa;
-  background-color: var(--aquarium-colors-grey-0, #f7f7fa);
+.disabled\:bg-primary-40:disabled {
+  background-color: #b9c5ef;
+  background-color: var(--aquarium-colors-primary-40, #b9c5ef);
 }
 .disabled\:bg-transparent:disabled {
   background-color: transparent;
@@ -2512,8 +2793,8 @@ input[type='number'].no-arrows {
   color: var(--aquarium-colors-grey-40, #9696a0);
 }
 .disabled\:text-primary-40:disabled {
-  color: #ff8db0;
-  color: var(--aquarium-colors-primary-40, #ff8db0);
+  color: #b9c5ef;
+  color: var(--aquarium-colors-primary-40, #b9c5ef);
 }
 .disabled\:text-grey-30:disabled {
   color: #b4b4bb;
@@ -2523,8 +2804,8 @@ input[type='number'].no-arrows {
   color: #d2d2d6;
   color: var(--aquarium-colors-grey-20, #d2d2d6);
 }
-.disabled\:ring-grey-20:disabled {
-  --tw-ring-color: var(--aquarium-colors-grey-20, #d2d2d6);
+.disabled\:ring-primary-40:disabled {
+  --tw-ring-color: var(--aquarium-colors-primary-40, #b9c5ef);
 }
 .group:last-child .group-last\:border-b-0 {
   border-bottom-width: 0px;
@@ -2543,17 +2824,21 @@ input[type='number'].no-arrows {
   --tw-translate-x: 16px;
   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));
 }
-.peer:checked~.peer-checked\:border-navyBlue-100 {
-  --tw-border-opacity: 1;
-  border-color: rgb(48 55 94 / var(--tw-border-opacity));
+.peer:checked~.peer-checked\:border-primary-80 {
+  border-color: #3545be;
+  border-color: var(--aquarium-colors-primary-80, #3545be);
+}
+.peer:checked~.peer-checked\:border-primary-40 {
+  border-color: #b9c5ef;
+  border-color: var(--aquarium-colors-primary-40, #b9c5ef);
 }
 .peer:checked~.peer-checked\:text-white {
   color: white;
   color: var(--aquarium-colors-white, white);
 }
-.peer:checked~.peer-checked\:text-grey-30 {
-  color: #b4b4bb;
-  color: var(--aquarium-colors-grey-30, #b4b4bb);
+.peer:checked~.peer-checked\:text-primary-10 {
+  color: #e3e9ff;
+  color: var(--aquarium-colors-primary-10, #e3e9ff);
 }
 .peer:hover~.peer-hover\:border-grey-50 {
   border-color: #787885;
@@ -2585,9 +2870,9 @@ input[type='number'].no-arrows {
   stroke: white;
   stroke: var(--aquarium-colors-white, white);
 }
-.peer:checked~.peer-checked\:\[\&\>path\]\:stroke-grey-30>path {
-  stroke: #b4b4bb;
-  stroke: var(--aquarium-colors-grey-30, #b4b4bb);
+.peer:checked~.peer-checked\:\[\&\>path\]\:stroke-primary-10>path {
+  stroke: #e3e9ff;
+  stroke: var(--aquarium-colors-primary-10, #e3e9ff);
 }
 .\[\&\>button\]\:p-0>button {
   padding: 0;