@seniorsistemas/angular-components 17.27.1-fix-interactive-content-22e06381 → 17.27.1-fixlookupteste-sds-110-c424f879

package/tailwind.css

@@ -1,4 +1,5 @@
-*, ::before, ::after {
+@import '@angular/cdk/overlay-prebuilt.css';
+*, ::before, ::after{
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -51,8 +52,7 @@
   --tw-contain-paint:  ;
   --tw-contain-style:  ;
 }
-
-::backdrop {
+::backdrop{
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -104,13 +104,14 @@
   --tw-contain-layout:  ;
   --tw-contain-paint:  ;
   --tw-contain-style:  ;
-}/*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
-*//*
+}
+/*
+! tailwindcss v3.4.18 | 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 {
@@ -119,12 +120,10 @@
   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.
@@ -134,7 +133,6 @@
 6. Use the user's configured `sans` font-variation-settings by default.
 7. Disable tap highlights on iOS
 */
-
 html,
 :host {
   line-height: 1.5; /* 1 */
@@ -147,42 +145,34 @@ html,
   font-variation-settings: normal; /* 6 */
   -webkit-tap-highlight-color: transparent; /* 7 */
 }
-
 /*
 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,
@@ -192,32 +182,26 @@ 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. Use the user's configured `mono` font-feature-settings by default.
 3. Use the user's configured `mono` font-variation-settings by default.
 4. Correct the odd `em` font sizing in all browsers.
 */
-
 code,
 kbd,
 samp,
@@ -227,19 +211,15 @@ pre {
   font-variation-settings: normal; /* 3 */
   font-size: 1em; /* 4 */
 }
-
 /*
 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%;
@@ -247,33 +227,27 @@ sup {
   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,
@@ -290,21 +264,17 @@ 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,
 input:where([type='button']),
 input:where([type='reset']),
@@ -313,80 +283,62 @@ input:where([type='submit']) {
   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,
@@ -402,16 +354,13 @@ p,
 pre {
   margin: 0;
 }
-
 fieldset {
   margin: 0;
   padding: 0;
 }
-
 legend {
   padding: 0;
 }
-
 ol,
 ul,
 menu {
@@ -419,60 +368,49 @@ menu {
   margin: 0;
   padding: 0;
 }
-
 /*
 Reset default styling for dialogs.
 */
 dialog {
   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,
@@ -484,564 +422,667 @@ 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]:where(:not([hidden="until-found"])) {
   display: none;
-}
-.\!container {
+}
+.\!container{
   width: 100% !important;
-}
-.container {
+}
+.container{
   width: 100%;
-}
-@media (min-width: 640px) {
-
-  .\!container {
-    max-width: 640px !important;
+}
+@media (min-width: 0){
+  .\!container{
+    max-width: 0 !important;
   }
-
-  .container {
-    max-width: 640px;
+  .container{
+    max-width: 0;
   }
-}
-@media (min-width: 768px) {
-
-  .\!container {
+}
+@media (min-width: 576px){
+  .\!container{
+    max-width: 576px !important;
+  }
+  .container{
+    max-width: 576px;
+  }
+}
+@media (min-width: 768px){
+  .\!container{
     max-width: 768px !important;
   }
-
-  .container {
+  .container{
     max-width: 768px;
   }
-}
-@media (min-width: 1024px) {
-
-  .\!container {
-    max-width: 1024px !important;
+}
+@media (min-width: 992px){
+  .\!container{
+    max-width: 992px !important;
   }
-
-  .container {
-    max-width: 1024px;
+  .container{
+    max-width: 992px;
   }
-}
-@media (min-width: 1280px) {
-
-  .\!container {
-    max-width: 1280px !important;
+}
+@media (min-width: 1200px){
+  .\!container{
+    max-width: 1200px !important;
   }
-
-  .container {
-    max-width: 1280px;
+  .container{
+    max-width: 1200px;
   }
-}
-@media (min-width: 1536px) {
-
-  .\!container {
-    max-width: 1536px !important;
+}
+@media (min-width: 1360px){
+  .\!container{
+    max-width: 1360px !important;
   }
-
-  .container {
-    max-width: 1536px;
+  .container{
+    max-width: 1360px;
   }
-}
-.pointer-events-none {
+}
+@media (min-width: 1600px){
+  .\!container{
+    max-width: 1600px !important;
+  }
+  .container{
+    max-width: 1600px;
+  }
+}
+.pointer-events-none{
   pointer-events: none;
-}
-.pointer-events-auto {
+}
+.pointer-events-auto{
   pointer-events: auto;
-}
-.\!visible {
+}
+.\!visible{
   visibility: visible !important;
-}
-.visible {
+}
+.visible{
   visibility: visible;
-}
-.invisible {
+}
+.invisible{
   visibility: hidden;
-}
-.collapse {
+}
+.collapse{
   visibility: collapse;
-}
-.static {
+}
+.static{
   position: static;
-}
-.fixed {
+}
+.fixed{
   position: fixed;
-}
-.absolute {
+}
+.absolute{
   position: absolute;
-}
-.relative {
+}
+.relative{
   position: relative;
-}
-.sticky {
+}
+.sticky{
   position: sticky;
-}
-.right-2\.5 {
+}
+.right-2\.5{
   right: 0.625rem;
-}
-.top-2\.5 {
+}
+.top-2\.5{
   top: 0.625rem;
-}
-.z-\[1000\] {
+}
+.z-\[1000\]{
   z-index: 1000;
-}
-.col-span-12 {
+}
+.col-span-12{
   grid-column: span 12 / span 12;
-}
-.m-3 {
+}
+.m-0{
+  margin: 0px;
+}
+.m-3{
   margin: 0.75rem;
-}
-.mx-3 {
+}
+.mx-3{
   margin-left: 0.75rem;
   margin-right: 0.75rem;
-}
-.block {
+}
+.block{
   display: block;
-}
-.inline-block {
+}
+.inline-block{
   display: inline-block;
-}
-.inline {
+}
+.inline{
   display: inline;
-}
-.flex {
+}
+.flex{
   display: flex;
-}
-.table {
+}
+.table{
   display: table;
-}
-.grid {
+}
+.grid{
   display: grid;
-}
-.contents {
+}
+.contents{
   display: contents;
-}
-.hidden {
+}
+.hidden{
   display: none;
-}
-.h-3 {
+}
+.h-3{
   height: 0.75rem;
-}
-.h-5 {
+}
+.h-4{
+  height: 1rem;
+}
+.h-5{
   height: 1.25rem;
-}
-.h-52 {
+}
+.h-52{
   height: 13rem;
-}
-.h-8 {
+}
+.h-8{
   height: 2rem;
-}
-.h-\[1px\] {
+}
+.h-\[1px\]{
   height: 1px;
-}
-.h-\[35px\] {
+}
+.h-\[35px\]{
   height: 35px;
-}
-.h-full {
+}
+.h-full{
   height: 100%;
-}
-.h-min {
+}
+.h-min{
   height: -moz-min-content;
   height: min-content;
-}
-.h-screen {
+}
+.h-screen{
   height: 100vh;
-}
-.max-h-52 {
+}
+.max-h-52{
   max-height: 13rem;
-}
-.max-h-screen {
+}
+.max-h-96{
+  max-height: 24rem;
+}
+.max-h-screen{
   max-height: 100vh;
-}
-.w-3 {
+}
+.min-h-10{
+  min-height: 2.5rem;
+}
+.min-h-11{
+  min-height: 2.75rem;
+}
+.w-3{
   width: 0.75rem;
-}
-.w-5 {
+}
+.w-4{
+  width: 1rem;
+}
+.w-5{
   width: 1.25rem;
-}
-.w-8 {
+}
+.w-8{
   width: 2rem;
-}
-.w-full {
+}
+.w-full{
   width: 100%;
-}
-.w-screen {
+}
+.w-screen{
   width: 100vw;
-}
-.min-w-10 {
+}
+.min-w-10{
   min-width: 2.5rem;
-}
-.max-w-\[1140px\] {
+}
+.min-w-24{
+  min-width: 6rem;
+}
+.max-w-28{
+  max-width: 7rem;
+}
+.max-w-\[1140px\]{
   max-width: 1140px;
-}
-.max-w-\[300px\] {
+}
+.max-w-\[300px\]{
   max-width: 300px;
-}
-.max-w-\[500px\] {
+}
+.max-w-\[500px\]{
   max-width: 500px;
-}
-.max-w-\[800px\] {
+}
+.max-w-\[800px\]{
   max-width: 800px;
-}
-.flex-1 {
+}
+.flex-1{
   flex: 1 1 0%;
-}
-.flex-shrink {
+}
+.flex-shrink{
   flex-shrink: 1;
-}
-.flex-grow {
+}
+.flex-grow{
   flex-grow: 1;
-}
-.grow {
+}
+.grow{
   flex-grow: 1;
-}
-.transform {
+}
+.transform{
   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));
-}
-.cursor-not-allowed {
+}
+.cursor-not-allowed{
   cursor: not-allowed;
-}
-.cursor-pointer {
+}
+.cursor-pointer{
   cursor: pointer;
-}
-.select-none {
+}
+.select-none{
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-}
-.resize {
+}
+.resize{
   resize: both;
-}
-.grid-cols-12 {
+}
+.appearance-none{
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.grid-flow-col{
+  grid-auto-flow: column;
+}
+.grid-cols-12{
   grid-template-columns: repeat(12, minmax(0, 1fr));
-}
-.flex-col {
+}
+.flex-col{
   flex-direction: column;
-}
-.flex-wrap {
+}
+.flex-wrap{
   flex-wrap: wrap;
-}
-.items-center {
+}
+.items-center{
   align-items: center;
-}
-.justify-end {
+}
+.justify-start{
+  justify-content: flex-start;
+}
+.justify-end{
   justify-content: flex-end;
-}
-.justify-center {
+}
+.justify-center{
   justify-content: center;
-}
-.justify-between {
+}
+.justify-between{
   justify-content: space-between;
-}
-.gap-2 {
+}
+.gap-2{
   gap: 0.5rem;
-}
-.gap-3 {
+}
+.gap-3{
   gap: 0.75rem;
-}
-.divide-x > :not([hidden]) ~ :not([hidden]) {
+}
+.divide-x > :not([hidden]) ~ :not([hidden]){
   --tw-divide-x-reverse: 0;
   border-right-width: calc(1px * var(--tw-divide-x-reverse));
   border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
-}
-.divide-grayscale-30 > :not([hidden]) ~ :not([hidden]) {
+}
+.divide-grayscale-30 > :not([hidden]) ~ :not([hidden]){
   --tw-divide-opacity: 1;
   border-color: rgb(193 193 204 / var(--tw-divide-opacity, 1));
-}
-.overflow-auto {
+}
+.overflow-auto{
   overflow: auto;
-}
-.overflow-hidden {
+}
+.overflow-hidden{
   overflow: hidden;
-}
-.text-wrap {
+}
+.text-ellipsis{
+  text-overflow: ellipsis;
+}
+.whitespace-nowrap{
+  white-space: nowrap;
+}
+.text-wrap{
   text-wrap: wrap;
-}
-.rounded {
-  border-radius: 0.25rem;
-}
-.rounded-\[3px\] {
+}
+.rounded-\[3px\]{
   border-radius: 3px;
-}
-.rounded-md {
-  border-radius: 0.375rem;
-}
-.rounded-l-\[3px\] {
+}
+.rounded-\[50\%\]{
+  border-radius: 50%;
+}
+.rounded-l-\[3px\]{
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
-}
-.rounded-r-\[3px\] {
+}
+.rounded-r-\[3px\]{
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
-}
-.border {
+}
+.border{
+  border-width: 1px;
+}
+.border-2{
+  border-width: 2px;
+}
+.border-\[1px\]{
   border-width: 1px;
-}
-.border-l {
+}
+.border-b-4{
+  border-bottom-width: 4px;
+}
+.border-b-\[1px\]{
+  border-bottom-width: 1px;
+}
+.border-l{
   border-left-width: 1px;
-}
-.border-r-0 {
+}
+.border-r-0{
   border-right-width: 0px;
-}
-.border-\[\#c1c1cc\] {
+}
+.border-r-4{
+  border-right-width: 4px;
+}
+.border-\[\#c1c1cc\]{
   --tw-border-opacity: 1;
   border-color: rgb(193 193 204 / var(--tw-border-opacity, 1));
-}
-.border-grayscale-20 {
+}
+.border-grayscale-20{
   --tw-border-opacity: 1;
   border-color: rgb(222 220 229 / var(--tw-border-opacity, 1));
-}
-.border-grayscale-30 {
+}
+.border-grayscale-30{
   --tw-border-opacity: 1;
   border-color: rgb(193 193 204 / var(--tw-border-opacity, 1));
-}
-.border-primary {
+}
+.border-grayscale-50{
+  --tw-border-opacity: 1;
+  border-color: rgb(136 139 153 / var(--tw-border-opacity, 1));
+}
+.border-primary{
   --tw-border-opacity: 1;
   border-color: rgb(66 139 202 / var(--tw-border-opacity, 1));
-}
-.border-tarawera-500 {
+}
+.border-tarawera-500{
   --tw-border-opacity: 1;
   border-color: rgb(6 57 81 / var(--tw-border-opacity, 1));
-}
-.bg-criticality-blue {
+}
+.border-b-grayscale-20{
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(222 220 229 / var(--tw-border-opacity, 1));
+}
+.bg-criticality-blue{
   --tw-bg-opacity: 1;
   background-color: rgb(66 139 202 / var(--tw-bg-opacity, 1));
-}
-.bg-grayscale-0 {
+}
+.bg-grayscale-0{
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
-}
-.bg-grayscale-10 {
+}
+.bg-grayscale-10{
   --tw-bg-opacity: 1;
   background-color: rgb(238 235 242 / var(--tw-bg-opacity, 1));
-}
-.bg-grayscale-20 {
+}
+.bg-grayscale-20{
   --tw-bg-opacity: 1;
   background-color: rgb(222 220 229 / var(--tw-bg-opacity, 1));
-}
-.bg-grayscale-5 {
+}
+.bg-grayscale-5{
   --tw-bg-opacity: 1;
   background-color: rgb(251 250 252 / var(--tw-bg-opacity, 1));
-}
-.bg-primary {
+}
+.bg-primary{
   --tw-bg-opacity: 1;
   background-color: rgb(66 139 202 / var(--tw-bg-opacity, 1));
-}
-.bg-tarawera-500 {
+}
+.bg-tarawera-500{
   --tw-bg-opacity: 1;
   background-color: rgb(6 57 81 / var(--tw-bg-opacity, 1));
-}
-.p-2 {
+}
+.p-2{
   padding: 0.5rem;
-}
-.p-4 {
+}
+.p-4{
   padding: 1rem;
-}
-.px-3 {
+}
+.px-3{
   padding-left: 0.75rem;
   padding-right: 0.75rem;
-}
-.px-\[8px\] {
+}
+.px-\[8px\]{
   padding-left: 8px;
   padding-right: 8px;
-}
-.py-1 {
+}
+.py-1{
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
-}
-.py-1\.5 {
+}
+.py-1\.5{
   padding-top: 0.375rem;
   padding-bottom: 0.375rem;
-}
-.py-2 {
+}
+.py-2{
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
-}
-.py-\[7px\] {
+}
+.py-\[7px\]{
   padding-top: 7px;
   padding-bottom: 7px;
-}
-.pb-0 {
+}
+.pb-0{
   padding-bottom: 0px;
-}
-.pl-2\.5 {
+}
+.pl-2\.5{
   padding-left: 0.625rem;
-}
-.pr-2 {
+}
+.pr-2{
   padding-right: 0.5rem;
-}
-.pr-7 {
+}
+.pr-7{
   padding-right: 1.75rem;
-}
-.pt-0 {
+}
+.pt-0{
   padding-top: 0px;
-}
-.text-\[14px\] {
+}
+.text-left{
+  text-align: left;
+}
+.font-open-sans{
+  font-family: "Open Sans", sans-serif;
+}
+.text-\[14px\]{
   font-size: 14px;
-}
-.font-bold {
+}
+.text-sm{
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.font-bold{
   font-weight: 700;
-}
-.uppercase {
+}
+.uppercase{
   text-transform: uppercase;
-}
-.lowercase {
+}
+.lowercase{
   text-transform: lowercase;
-}
-.italic {
+}
+.italic{
   font-style: italic;
-}
-.text-\[\#212533\] {
+}
+.text-\[\#212533\]{
   --tw-text-opacity: 1;
   color: rgb(33 37 51 / var(--tw-text-opacity, 1));
-}
-.text-\[\#F5A319\] {
+}
+.text-\[\#F5A319\]{
   --tw-text-opacity: 1;
   color: rgb(245 163 25 / var(--tw-text-opacity, 1));
-}
-.text-criticality-blue {
+}
+.text-criticality-blue{
   --tw-text-opacity: 1;
   color: rgb(66 139 202 / var(--tw-text-opacity, 1));
-}
-.text-grayscale-0 {
+}
+.text-grayscale-0{
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
-}
-.text-grayscale-30 {
+}
+.text-grayscale-100{
+  --tw-text-opacity: 1;
+  color: rgb(14 17 25 / var(--tw-text-opacity, 1));
+}
+.text-grayscale-30{
   --tw-text-opacity: 1;
   color: rgb(193 193 204 / var(--tw-text-opacity, 1));
-}
-.text-grayscale-60 {
+}
+.text-grayscale-60{
   --tw-text-opacity: 1;
   color: rgb(110 114 128 / var(--tw-text-opacity, 1));
-}
-.text-grayscale-90 {
+}
+.text-grayscale-90{
   --tw-text-opacity: 1;
   color: rgb(33 37 51 / var(--tw-text-opacity, 1));
-}
-.opacity-50 {
+}
+.text-primary{
+  --tw-text-opacity: 1;
+  color: rgb(66 139 202 / var(--tw-text-opacity, 1));
+}
+.opacity-50{
   opacity: 0.5;
-}
-.shadow-md {
+}
+.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);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.outline-none {
+}
+.outline-none{
   outline: 2px solid transparent;
   outline-offset: 2px;
-}
-.outline {
+}
+.outline{
   outline-style: solid;
-}
-.outline-1 {
+}
+.outline-1{
   outline-width: 1px;
-}
-.outline-primary {
+}
+.outline-primary{
   outline-color: #428BCA;
-}
-.blur {
+}
+.blur{
   --tw-blur: blur(8px);
   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);
-}
-.filter {
+}
+.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);
-}
-.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+}
+.transition{
   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-all{
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
-}
-.duration-200 {
+}
+.duration-200{
   transition-duration: 200ms;
-}
-.ease-in {
+}
+.ease-in{
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-.ease-in-out {
+}
+.ease-in-out{
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-.ease-out {
+}
+.ease-out{
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-.hover\:border-grayscale-50:hover {
+}
+.focus-within\:\!border-primary:focus-within{
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(66 139 202 / var(--tw-border-opacity, 1)) !important;
+}
+.hover\:border-\[1px\]:hover{
+  border-width: 1px;
+}
+.hover\:border-b-4:hover{
+  border-bottom-width: 4px;
+}
+.hover\:border-r-4:hover{
+  border-right-width: 4px;
+}
+.hover\:border-\[\#063951\]:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(6 57 81 / var(--tw-border-opacity, 1));
+}
+.hover\:border-grayscale-50:hover{
   --tw-border-opacity: 1;
   border-color: rgb(136 139 153 / var(--tw-border-opacity, 1));
-}
-.hover\:border-tarawera-500:hover {
+}
+.hover\:border-tarawera-500:hover{
   --tw-border-opacity: 1;
   border-color: rgb(6 57 81 / var(--tw-border-opacity, 1));
-}
-.hover\:bg-grayscale-10:hover {
+}
+.hover\:bg-grayscale-10:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(238 235 242 / var(--tw-bg-opacity, 1));
-}
-.hover\:bg-grayscale-20:hover {
+}
+.hover\:bg-grayscale-20:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(222 220 229 / var(--tw-bg-opacity, 1));
-}
-.hover\:bg-tarawera-500:hover {
+}
+.hover\:bg-tarawera-500:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(6 57 81 / var(--tw-bg-opacity, 1));
-}
-.hover\:text-grayscale-100:hover {
+}
+.hover\:text-grayscale-100:hover{
   --tw-text-opacity: 1;
   color: rgb(14 17 25 / var(--tw-text-opacity, 1));
-}
-.focus\:border-2:focus {
+}
+.hover\:transition-all:hover{
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.focus\:border-2:focus{
   border-width: 2px;
-}
-.focus\:border-primary:focus {
+}
+.focus\:border-primary:focus{
   --tw-border-opacity: 1;
   border-color: rgb(66 139 202 / var(--tw-border-opacity, 1));
-}
-.focus\:outline:focus {
+}
+.focus\:outline:focus{
   outline-style: solid;
-}
-.disabled\:hover\:bg-\[transparent\]:hover:disabled {
+}
+.disabled\:border-grayscale-30:disabled{
+  --tw-border-opacity: 1;
+  border-color: rgb(193 193 204 / var(--tw-border-opacity, 1));
+}
+.disabled\:text-grayscale-30:disabled{
+  --tw-text-opacity: 1;
+  color: rgb(193 193 204 / var(--tw-text-opacity, 1));
+}
+.disabled\:opacity-50:disabled{
+  opacity: 0.5;
+}
+.disabled\:hover\:bg-\[transparent\]:hover:disabled{
   background-color: transparent;
-}
-.disabled\:hover\:text-criticality-blue:hover:disabled {
+}
+.disabled\:hover\:text-criticality-blue:hover:disabled{
   --tw-text-opacity: 1;
   color: rgb(66 139 202 / var(--tw-text-opacity, 1));
-}
-.group:hover .group-hover\:bg-grayscale-10 {
+}
+.group:hover .group-hover\:bg-grayscale-10{
   --tw-bg-opacity: 1;
   background-color: rgb(238 235 242 / var(--tw-bg-opacity, 1));
-}
-.group:focus .group-focus\:border-primary {
+}
+.group:focus .group-focus\:border-primary{
   --tw-border-opacity: 1;
   border-color: rgb(66 139 202 / var(--tw-border-opacity, 1));
-}
-.group:disabled .group-disabled\:opacity-50 {
+}
+.group:disabled .group-disabled\:opacity-50{
   opacity: 0.5;
-}
-@media not all and (min-width: 640px) {
-
-  .max-sm\:h-screen {
-    height: 100vh;
-  }
-
-  .max-sm\:w-screen {
-    width: 100vw;
-  }
-}
+}