@policystudio/policy-studio-ui-vue 1.2.0-access.2 → 1.2.0-access.21

package/dist/css/psui_styles_output.css

@@ -618,7 +618,7 @@ video {
 }
 .psui-el-chips .psui-el-chips-wrapper {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-chips .psui-el-chips-wrapper {
   --tw-text-opacity: 1;
@@ -638,7 +638,7 @@ video {
 }
 .psui-el-chips .psui-el-chips-wrapper:focus, .psui-el-chips .psui-el-chips-wrapper:active {
   --tw-border-opacity: 1;
-  border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
+  border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
 }
 .psui-el-chips .psui-el-chips-wrapper:focus, .psui-el-chips .psui-el-chips-wrapper:active {
   --tw-bg-opacity: 1;
@@ -653,7 +653,7 @@ video {
 }
 .psui-el-chips .psui-el-chips-wrapper.checked {
   --tw-border-opacity: 1;
-  border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
+  border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
 }
 .psui-el-chips .psui-el-chips-wrapper.checked {
   --tw-bg-opacity: 1;
@@ -731,7 +731,7 @@ video {
 }
 .psui-el-chips.type-checkbox input:checked + .psui-el-chips-wrapper:before, .psui-el-chips.type-radio input:checked + .psui-el-chips-wrapper:before {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-chips.type-checkbox input:checked + .psui-el-chips-wrapper:hover, .psui-el-chips.type-radio input:checked + .psui-el-chips-wrapper:hover {
   --tw-text-opacity: 1;
@@ -801,7 +801,7 @@ video {
 }
 .psui-el-chips.type-button.layout-with-icon .psui-el-chips-wrapper:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-chips.type-button.layout-with-icon .psui-el-chips-icon {
   margin-right: 0.5rem;
@@ -869,11 +869,11 @@ video {
 .psui-el-chips.type-button.layout-rich .psui-el-chips-wrapper:focus .psui-el-chips-close, .psui-el-chips.type-button.layout-rich .psui-el-chips-wrapper:active,
 .psui-el-chips.type-button.layout-rich .psui-el-chips-wrapper:active .psui-el-chips-close {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-chips.type-button.layout-rich .psui-el-chips-wrapper:focus .psui-el-chips-icon-prepend, .psui-el-chips.type-button.layout-rich .psui-el-chips-wrapper:active .psui-el-chips-icon-prepend {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-chips.type-button.layout-rich .psui-el-chips-icon {
   font-size: 16px;
@@ -939,11 +939,11 @@ video {
 }
 .psui-el-toggle button {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-toggle button {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-toggle button {
   outline: 2px solid transparent;
@@ -958,7 +958,7 @@ video {
 }
 .psui-el-toggle button.status-active {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-toggle button.status-active {
   font-weight: 700;
@@ -978,6 +978,15 @@ video {
 
 .psui-el-tab-header {
   display: flex;
+}
+
+.psui-el-tab-header > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));
+}
+
+.psui-el-tab-header {
   /*  Layout Policy Design  */
   /* ----------------------------------------- */
   /* 	Layout Standard  */
@@ -992,7 +1001,7 @@ video {
 }
 .psui-el-tab-header button {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-tab-header button {
   transition: cubic-bezier(0.17, 0.67, 0.83, 0.67) 250ms;
@@ -1004,7 +1013,7 @@ video {
   outline: none;
 }
 .psui-el-tab-header button:focus-visible {
-  outline: 2px solid #2563EB;
+  outline: 2px solid #2563eb;
   outline-offset: 2px;
   border-radius: 6px;
 }
@@ -1055,7 +1064,7 @@ video {
 }
 .psui-el-tab-header.layout-policy-design button:after {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-tab-header.layout-policy-design button:after {
   opacity: 0;
@@ -1071,14 +1080,14 @@ video {
 }
 .psui-el-tab-header.layout-policy-design button.status-active {
   --tw-border-opacity: 1;
-  border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
+  border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
 }
 .psui-el-tab-header.layout-policy-design button.status-active:after {
   opacity: 1;
 }
 .psui-el-tab-header.layout-policy-design button.status-active > div {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-tab-header.layout-policy-design button.status-active > span {
   font-weight: 700;
@@ -1136,14 +1145,14 @@ video {
 }
 .psui-el-tab-header.layout-standard button:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-tab-header.layout-standard button:hover {
   box-shadow: inset 0px 0px 8px rgba(40, 50, 59, 0.05);
 }
 .psui-el-tab-header.layout-standard button.status-active {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-tab-header.layout-standard button.status-active {
   font-weight: 700;
@@ -1160,34 +1169,57 @@ video {
   margin-right: 20px;
 }
 .psui-el-tab-header.layout-underline button {
-  font-weight: 700;
+  position: relative;
+}
+.psui-el-tab-header.layout-underline button {
+  font-weight: 600;
 }
 .psui-el-tab-header.layout-underline button {
   --tw-text-opacity: 1;
-  color: rgb(121, 132, 144, var(--tw-text-opacity, 1));
+  color: rgb(40, 50, 59, var(--tw-text-opacity, 1));
 }
 .psui-el-tab-header.layout-underline button {
-  border-bottom: 3px solid transparent;
-  padding: 11.5px 0;
+  padding: 8px 0;
 }
 .psui-el-tab-header.layout-underline button:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-tab-header.layout-underline button:not(:last-child) {
-  margin-right: 20px;
+  margin-right: 8px;
 }
 .psui-el-tab-header.layout-underline button.status-enable:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
-.psui-el-tab-header.layout-underline button.status-active {
-  --tw-border-opacity: 1;
-  border-color: rgb(100, 181, 206, var(--tw-border-opacity, 1));
+.psui-el-tab-header.layout-underline button.status-active::after {
+  position: absolute;
 }
-.psui-el-tab-header.layout-underline button.status-active {
-  --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+.psui-el-tab-header.layout-underline button.status-active::after {
+  bottom: 0px;
+}
+.psui-el-tab-header.layout-underline button.status-active::after {
+  left: 0px;
+}
+.psui-el-tab-header.layout-underline button.status-active::after {
+  height: 3px;
+}
+.psui-el-tab-header.layout-underline button.status-active::after {
+  width: 100%;
+}
+.psui-el-tab-header.layout-underline button.status-active::after {
+  border-top-left-radius: 20px;
+}
+.psui-el-tab-header.layout-underline button.status-active::after {
+  border-top-right-radius: 20px;
+}
+.psui-el-tab-header.layout-underline button.status-active::after {
+  --tw-bg-opacity: 1;
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
+}
+.psui-el-tab-header.layout-underline button.status-active::after {
+  --tw-content: "";
+  content: var(--tw-content);
 }
 .psui-el-tab-header.layout-folder .psui-el-tooltip:not(:last-child) {
   margin-right: 20px;
@@ -1209,7 +1241,7 @@ video {
 }
 .psui-el-tab-header.layout-folder button:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-tab-header.layout-folder button:not(:last-child) {
   margin-right: 4px;
@@ -1227,7 +1259,7 @@ video {
 }
 .psui-el-tab-header.layout-folder button.status-active {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 
 .psui-el-accordion-item {
@@ -1258,8 +1290,8 @@ video {
   justify-content: space-between;
 }
 .psui-el-accordion-item-header {
-  padding-top: 16px;
-  padding-bottom: 16px;
+  padding-top: 10px;
+  padding-bottom: 10px;
 }
 .psui-el-accordion-item-header-wrapper {
   display: flex;
@@ -1288,17 +1320,13 @@ video {
 .psui-el-accordion-item-header-wrapper {
   transition: cubic-bezier(0.17, 0.67, 0.83, 0.67) 250ms;
 }
-.psui-el-accordion-item-header-wrapper:hover .psui-el-accordion-item-icon {
-  --tw-text-opacity: 1 !important;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1)) !important;
-}
-.psui-el-accordion-item-header-wrapper:hover .psui-el-accordion-item-title {
-  --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
-}
 .psui-el-accordion-item-title {
   margin-right: auto;
 }
+.psui-el-accordion-item-icon {
+  --tw-text-opacity: 1;
+  color: rgb(81, 94, 106, var(--tw-text-opacity, 1));
+}
 .psui-el-accordion-item-icon {
   font-family: "Material Icons Round";
   font-weight: normal;
@@ -1319,6 +1347,14 @@ video {
   width: 20px;
   transition: transform 0.4s ease-in-out;
 }
+.psui-el-accordion-item:hover .psui-el-accordion-item-header-wrapper {
+  --tw-text-opacity: 1;
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
+}
+.psui-el-accordion-item:not(:hover) .psui-el-accordion-item-header-wrapper .psui-el-accordion-item-title {
+  --tw-text-opacity: 1;
+  color: rgb(40, 50, 59, var(--tw-text-opacity, 1));
+}
 .psui-el-accordion.layout-big .psui-el-accordion-item-header, .psui-el-accordion.layout-big .psui-el-accordion-item-content {
   padding-left: 1rem;
 }
@@ -1327,10 +1363,10 @@ video {
 }
 .psui-el-accordion.layout-big .psui-el-accordion-item-title {
   font-size: 18px;
-  line-height: 120%;
+  line-height: 24px;
 }
 .psui-el-accordion.layout-big .psui-el-accordion-item-title {
-  font-weight: 700;
+  font-weight: 600;
 }
 .psui-el-accordion.layout-big .psui-el-accordion-item-icon {
   --tw-text-opacity: 1;
@@ -1338,10 +1374,10 @@ video {
 }
 .psui-el-accordion.layout-medium .psui-el-accordion-item-title {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-accordion.layout-medium .psui-el-accordion-item-title {
-  font-weight: 700;
+  font-weight: 600;
 }
 .psui-el-accordion.layout-medium .psui-el-accordion-item-icon {
   --tw-text-opacity: 1;
@@ -1350,14 +1386,6 @@ video {
 .psui-el-accordion.layout-medium .psui-el-accordion-item.status-opened .psui-el-accordion-item-icon {
   transform: rotate(180deg);
 }
-.psui-el-accordion .psui-el-accordion-item.status-opened .psui-el-accordion-item-header .psui-el-accordion-item-header-wrapper .psui-el-accordion-item-icon {
-  --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
-}
-.psui-el-accordion .psui-el-accordion-item.status-opened .psui-el-accordion-item-header .psui-el-accordion-item-header-wrapper .psui-el-accordion-item-title {
-  --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
-}
 .psui-el-accordion .psui-el-accordion-item-content {
   margin-bottom: 1.25rem;
 }
@@ -1472,11 +1500,11 @@ video {
 }
 .psui-el-input.status-error .psui-el-input-wrapper {
   --tw-border-opacity: 1;
-  border-color: rgb(214, 92, 90, var(--tw-border-opacity, 1));
+  border-color: rgb(205, 155, 155, var(--tw-border-opacity, 1));
 }
 .psui-el-input.status-error .psui-el-input-hint {
   --tw-text-opacity: 1;
-  color: rgb(214, 92, 90, var(--tw-text-opacity, 1));
+  color: rgb(205, 155, 155, var(--tw-text-opacity, 1));
 }
 .psui-el-input.status-disabled .psui-el-input-wrapper {
   --tw-border-opacity: 1;
@@ -1500,37 +1528,37 @@ video {
 }
 .psui-el-input.layout-default input {
   font-size: 16px;
-  line-height: 130%;
+  line-height: 24px;
 }
 .psui-el-input.layout-default input {
   padding: 11.5px 16px;
 }
 .psui-el-input.layout-default.status-resting .psui-el-input-wrapper:hover {
   --tw-border-opacity: 1;
-  border-color: rgb(100, 181, 206, var(--tw-border-opacity, 1));
+  border-color: rgb(45, 165, 204, var(--tw-border-opacity, 1));
 }
 .psui-el-input.layout-default.status-active .psui-el-input-wrapper {
   --tw-border-opacity: 1;
-  border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
+  border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
 }
 .psui-el-input.layout-mini input {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-input.layout-mini input {
   padding: 7px 8px;
 }
 .psui-el-input.layout-mini.status-resting .psui-el-input-wrapper:hover {
   --tw-border-opacity: 1;
-  border-color: rgb(93, 184, 131, var(--tw-border-opacity, 1));
+  border-color: rgb(155, 222, 181, var(--tw-border-opacity, 1));
 }
 .psui-el-input.layout-mini.status-active .psui-el-input-wrapper {
   --tw-border-opacity: 1;
-  border-color: rgb(93, 184, 131, var(--tw-border-opacity, 1));
+  border-color: rgb(155, 222, 181, var(--tw-border-opacity, 1));
 }
 .psui-el-input.layout-mini.status-active .psui-el-input-wrapper input {
   --tw-text-opacity: 1;
-  color: rgb(93, 184, 131, var(--tw-text-opacity, 1));
+  color: rgb(155, 222, 181, var(--tw-text-opacity, 1));
 }
 .psui-el-input.layout-mini.status-active .psui-el-input-wrapper input.focus {
   --tw-text-opacity: 1;
@@ -1539,35 +1567,70 @@ video {
 
 .psui-el-button {
   display: flex;
+  cursor: pointer;
   align-content: center;
   align-items: center;
-  border-radius: 0.375rem;
   font-weight: 700;
+  text-decoration-line: none;
   transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 130ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  /* Layout Solid (alias: Primary) */
+  /* Layout Outline (alias: Secondary) */
+  /* &.layout-ghost {
+      @apply psui-bg-blue-20 psui-text-blue-60;
+
+      &.hover {
+        @apply psui-bg-blue-10;
+      }
+
+      &:active:not(.disabled) {
+        @apply psui-shadow-[inset_0px_1px_2px_rgba(0,0,0,0.05)];
+      }
+
+      &.disabled {
+        @apply psui-bg-gray-20 psui-text-gray-40 psui-cursor-default;
+      }
+    } */
+  /* Layout OnlyText (alias: TextOnly) */
+  /* Layout Caution (alias: Destructive) */
 }
 .psui-el-button span {
   flex-shrink: 0;
 }
 .psui-el-button span {
-  font-weight: 700;
+  text-align: right;
 }
 .psui-el-button span {
-  line-height: 130%;
   font-family: inherit;
-  text-align: right;
+}
+.psui-el-button span {
+  font-weight: 600;
+}
+.psui-el-button span {
+  line-height: 130%;
 }
 .psui-el-button:focus {
-  outline: none;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
 }
 .psui-el-button:focus-visible {
-  outline: 2px solid #2563EB;
-  outline-offset: 2px;
   border-radius: 6px;
 }
-.psui-el-button.icon-right {
-  flex-direction: row-reverse;
+.psui-el-button:focus-visible {
+  outline-style: solid;
+}
+.psui-el-button:focus-visible {
+  outline-width: 2px;
+}
+.psui-el-button:focus-visible {
+  outline-offset: 2px;
+}
+.psui-el-button:focus-visible {
+  outline-color: #2563EB;
+}
+.psui-el-button[href] {
+  display: inline-flex;
 }
 .psui-el-button.size-big {
   display: flex;
@@ -1579,21 +1642,41 @@ video {
   align-items: center;
 }
 .psui-el-button.size-big {
-  padding: 9.5px 16px;
+  justify-content: center;
 }
-.psui-el-button.size-big.icon-left {
-  padding: 8px 16px;
+.psui-el-button.size-big {
+  border-radius: 0.375rem;
+}
+.psui-el-button.size-big {
+  padding-top: 9.5px;
+  padding-bottom: 9.5px;
 }
-.psui-el-button.size-big.icon-left i {
+.psui-el-button.size-big {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.psui-el-button.size-big {
+  font-size: 16px;
+}
+.psui-el-button.size-big.icon-left, .psui-el-button.size-big.icon-right, .psui-el-button.size-big.icon-both {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+.psui-el-button.size-big.icon-left, .psui-el-button.size-big.icon-right, .psui-el-button.size-big.icon-both {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.psui-el-button.size-big .icon-left-side {
+  margin-right: 0.5rem;
+}
+.psui-el-button.size-big .icon-left-side {
   font-size: 24px;
-  margin-right: 8px;
 }
-.psui-el-button.size-big.icon-right {
-  padding: 8px 16px;
+.psui-el-button.size-big .icon-right-side {
+  margin-left: 0.5rem;
 }
-.psui-el-button.size-big.icon-right i {
+.psui-el-button.size-big .icon-right-side {
   font-size: 24px;
-  margin-left: 8px;
 }
 .psui-el-button.size-medium {
   display: flex;
@@ -1605,16 +1688,33 @@ video {
   align-items: center;
 }
 .psui-el-button.size-medium {
-  padding: 7px 13px;
+  justify-content: center;
+}
+.psui-el-button.size-medium {
+  border-radius: 0.375rem;
+}
+.psui-el-button.size-medium {
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}
+.psui-el-button.size-medium {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.psui-el-button.size-medium {
   font-size: 14px;
 }
-.psui-el-button.size-medium.icon-left i {
+.psui-el-button.size-medium .icon-left-side {
+  margin-right: 0.25rem;
+}
+.psui-el-button.size-medium .icon-left-side {
   font-size: 18px;
-  margin-right: 4px;
 }
-.psui-el-button.size-medium.icon-right i {
+.psui-el-button.size-medium .icon-right-side {
+  margin-left: 0.25rem;
+}
+.psui-el-button.size-medium .icon-right-side {
   font-size: 18px;
-  margin-left: 4px;
 }
 .psui-el-button.size-small {
   display: flex;
@@ -1639,168 +1739,254 @@ video {
 .psui-el-button.size-small {
   font-size: 14px;
 }
-.psui-el-button.size-small.layout-onlytext:active:not(.disabled) {
+.psui-el-button.size-small.layout-onlytext:active:not(.disabled), .psui-el-button.size-small.layout-textonly:active:not(.disabled) {
   --tw-bg-opacity: 1;
   background-color: rgb(224, 239, 246, var(--tw-bg-opacity, 1));
 }
-.psui-el-button.size-small.layout-onlytext:active:not(.disabled) {
+.psui-el-button.size-small.layout-onlytext:active:not(.disabled), .psui-el-button.size-small.layout-textonly:active:not(.disabled) {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
-.psui-el-button.size-small.layout-onlytext:active:not(.disabled) {
-  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.05);
+.psui-el-button.size-small.layout-onlytext:active:not(.disabled), .psui-el-button.size-small.layout-textonly:active:not(.disabled) {
+  --tw-shadow: inset 0px 1px 2px rgba(0,0,0,0.05);
+  --tw-shadow-colored: inset 0px 1px 2px var(--tw-shadow-color);
+  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);
 }
-.psui-el-button.size-small.hover.layout-onlytext {
+.psui-el-button.size-small.hover.layout-onlytext, .psui-el-button.size-small.hover.layout-textonly {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(224, 239, 246, var(--tw-bg-opacity, 1)) !important;
 }
-.psui-el-button.size-small.hover.layout-onlytext {
+.psui-el-button.size-small.hover.layout-onlytext, .psui-el-button.size-small.hover.layout-textonly {
   --tw-text-opacity: 1 !important;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1)) !important;
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1)) !important;
 }
-.psui-el-button.size-small.icon-left i {
+.psui-el-button.size-small .icon-left-side {
+  margin-right: 0.25rem;
+}
+.psui-el-button.size-small .icon-left-side {
   font-size: 18px;
-  margin-right: 4px;
 }
-.psui-el-button.size-small.icon-right i {
+.psui-el-button.size-small .icon-right-side {
+  margin-left: 0.25rem;
+}
+.psui-el-button.size-small .icon-right-side {
   font-size: 18px;
-  margin-left: 4px;
 }
-.psui-el-button.layout-solid {
+.psui-el-button.size-compact {
+  display: flex;
+}
+.psui-el-button.size-compact {
+  align-items: center;
+}
+.psui-el-button.size-compact {
+  justify-content: center;
+}
+.psui-el-button.size-compact {
+  border-radius: 0.25rem;
+}
+.psui-el-button.size-compact {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+.psui-el-button.size-compact {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
+.psui-el-button.size-compact {
+  font-size: 14px;
+}
+.psui-el-button.size-compact .icon-left-side {
+  margin-right: 0.125rem;
+}
+.psui-el-button.size-compact .icon-left-side {
+  font-size: 16px;
+}
+.psui-el-button.size-compact .icon-right-side {
+  margin-left: 0.125rem;
+}
+.psui-el-button.size-compact .icon-right-side {
+  font-size: 16px;
+}
+.psui-el-button.layout-solid, .psui-el-button.layout-primary {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
-.psui-el-button.layout-solid {
+.psui-el-button.layout-solid, .psui-el-button.layout-primary {
   --tw-text-opacity: 1;
   color: rgb(255, 255, 255, var(--tw-text-opacity, 1));
 }
-.psui-el-button.layout-solid.hover {
+.psui-el-button.layout-solid.hover, .psui-el-button.layout-primary.hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(100, 181, 206, var(--tw-bg-opacity, 1));
+  background-color: rgb(10, 100, 128, var(--tw-bg-opacity, 1));
 }
-.psui-el-button.layout-solid.hover {
+.psui-el-button.layout-solid.hover, .psui-el-button.layout-primary.hover {
   --tw-text-opacity: 1;
   color: rgb(255, 255, 255, var(--tw-text-opacity, 1));
 }
-.psui-el-button.layout-solid:active:not(.disabled) {
+.psui-el-button.layout-solid:active:not(.disabled), .psui-el-button.layout-primary:active:not(.disabled) {
   --tw-bg-opacity: 1;
-  background-color: rgb(100, 181, 206, var(--tw-bg-opacity, 1));
+  background-color: rgb(10, 100, 128, var(--tw-bg-opacity, 1));
 }
-.psui-el-button.layout-solid:active:not(.disabled) {
+.psui-el-button.layout-solid:active:not(.disabled), .psui-el-button.layout-primary:active:not(.disabled) {
   --tw-text-opacity: 1;
   color: rgb(255, 255, 255, var(--tw-text-opacity, 1));
 }
-.psui-el-button.layout-solid:active:not(.disabled) {
-  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
+.psui-el-button.layout-solid:active:not(.disabled), .psui-el-button.layout-primary:active:not(.disabled) {
+  --tw-shadow: inset 0px 1px 2px rgba(0,0,0,0.15);
+  --tw-shadow-colored: inset 0px 1px 2px var(--tw-shadow-color);
+  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);
 }
-.psui-el-button.layout-solid.disabled {
+.psui-el-button.layout-solid.disabled, .psui-el-button.layout-primary.disabled {
   cursor: default;
 }
-.psui-el-button.layout-solid.disabled {
+.psui-el-button.layout-solid.disabled, .psui-el-button.layout-primary.disabled {
   --tw-bg-opacity: 1;
   background-color: rgb(230, 236, 242, var(--tw-bg-opacity, 1));
 }
-.psui-el-button.layout-solid.disabled {
+.psui-el-button.layout-solid.disabled, .psui-el-button.layout-primary.disabled {
+  --tw-text-opacity: 1;
+  color: rgb(81, 94, 106, var(--tw-text-opacity, 1));
+}
+.psui-el-button.layout-solid.disabled .icon-left-side,
+.psui-el-button.layout-solid.disabled .icon-right-side, .psui-el-button.layout-primary.disabled .icon-left-side,
+.psui-el-button.layout-primary.disabled .icon-right-side {
   --tw-text-opacity: 1;
   color: rgb(162, 172, 183, var(--tw-text-opacity, 1));
 }
-.psui-el-button.layout-outline {
+.psui-el-button.layout-outline, .psui-el-button.layout-secondary {
   border-width: 1px;
 }
-.psui-el-button.layout-outline {
+.psui-el-button.layout-outline, .psui-el-button.layout-secondary {
   --tw-border-opacity: 1;
-  border-color: rgb(100, 181, 206, var(--tw-border-opacity, 1));
+  border-color: rgb(190, 220, 235, var(--tw-border-opacity, 1));
+}
+.psui-el-button.layout-outline, .psui-el-button.layout-secondary {
+  background-color: transparent;
 }
-.psui-el-button.layout-outline {
+.psui-el-button.layout-outline, .psui-el-button.layout-secondary {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(40, 50, 59, var(--tw-text-opacity, 1));
 }
-.psui-el-button.layout-outline {
-  background: transparent;
+.psui-el-button.layout-outline .icon-left-side,
+.psui-el-button.layout-outline .icon-right-side, .psui-el-button.layout-secondary .icon-left-side,
+.psui-el-button.layout-secondary .icon-right-side {
+  --tw-text-opacity: 1;
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
-.psui-el-button.layout-outline.hover, .psui-el-button.layout-outline:active {
+.psui-el-button.layout-outline.hover, .psui-el-button.layout-outline:active, .psui-el-button.layout-secondary.hover, .psui-el-button.layout-secondary:active {
   border-width: 1px;
 }
-.psui-el-button.layout-outline.hover, .psui-el-button.layout-outline:active {
+.psui-el-button.layout-outline.hover, .psui-el-button.layout-outline:active, .psui-el-button.layout-secondary.hover, .psui-el-button.layout-secondary:active {
   --tw-border-opacity: 1;
-  border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
+  border-color: rgb(190, 220, 235, var(--tw-border-opacity, 1));
+}
+.psui-el-button.layout-outline.hover, .psui-el-button.layout-outline:active, .psui-el-button.layout-secondary.hover, .psui-el-button.layout-secondary:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(224, 239, 246, var(--tw-bg-opacity, 1));
+}
+.psui-el-button.layout-outline.hover, .psui-el-button.layout-outline:active, .psui-el-button.layout-secondary.hover, .psui-el-button.layout-secondary:active {
+  --tw-text-opacity: 1;
+  color: rgb(0, 42, 58, var(--tw-text-opacity, 1));
 }
-.psui-el-button.layout-outline.disabled {
+.psui-el-button.layout-outline.hover .icon-left-side,
+.psui-el-button.layout-outline.hover .icon-right-side, .psui-el-button.layout-outline:active .icon-left-side,
+.psui-el-button.layout-outline:active .icon-right-side, .psui-el-button.layout-secondary.hover .icon-left-side,
+.psui-el-button.layout-secondary.hover .icon-right-side, .psui-el-button.layout-secondary:active .icon-left-side,
+.psui-el-button.layout-secondary:active .icon-right-side {
+  --tw-text-opacity: 1;
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
+}
+.psui-el-button.layout-outline.disabled, .psui-el-button.layout-secondary.disabled {
   cursor: default;
 }
-.psui-el-button.layout-outline.disabled {
+.psui-el-button.layout-outline.disabled, .psui-el-button.layout-secondary.disabled {
+  border-width: 1px;
+}
+.psui-el-button.layout-outline.disabled, .psui-el-button.layout-secondary.disabled {
   --tw-border-opacity: 1;
   border-color: rgb(214, 221, 229, var(--tw-border-opacity, 1));
 }
-.psui-el-button.layout-outline.disabled {
-  --tw-text-opacity: 1;
-  color: rgb(162, 172, 183, var(--tw-text-opacity, 1));
-}
-.psui-el-button.layout-ghost {
+.psui-el-button.layout-outline.disabled, .psui-el-button.layout-secondary.disabled {
   --tw-bg-opacity: 1;
-  background-color: rgb(224, 239, 246, var(--tw-bg-opacity, 1));
+  background-color: rgb(230, 236, 242, var(--tw-bg-opacity, 1));
 }
-.psui-el-button.layout-ghost {
+.psui-el-button.layout-outline.disabled, .psui-el-button.layout-secondary.disabled {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(81, 94, 106, var(--tw-text-opacity, 1));
 }
-.psui-el-button.layout-ghost.hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(236, 247, 251, var(--tw-bg-opacity, 1));
+.psui-el-button.layout-outline.disabled .icon-left-side,
+.psui-el-button.layout-outline.disabled .icon-right-side, .psui-el-button.layout-secondary.disabled .icon-left-side,
+.psui-el-button.layout-secondary.disabled .icon-right-side {
+  --tw-text-opacity: 1;
+  color: rgb(162, 172, 183, var(--tw-text-opacity, 1));
 }
-.psui-el-button.layout-ghost:active:not(.disabled) {
-  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.05);
+.psui-el-button.layout-onlytext, .psui-el-button.layout-textonly {
+  --tw-text-opacity: 1;
+  color: rgb(40, 50, 59, var(--tw-text-opacity, 1));
 }
-.psui-el-button.layout-ghost.disabled {
-  cursor: default;
+.psui-el-button.layout-onlytext .icon-left-side,
+.psui-el-button.layout-onlytext .icon-right-side, .psui-el-button.layout-textonly .icon-left-side,
+.psui-el-button.layout-textonly .icon-right-side {
+  --tw-text-opacity: 1;
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
-.psui-el-button.layout-ghost.disabled {
+.psui-el-button.layout-onlytext.hover, .psui-el-button.layout-textonly.hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(230, 236, 242, var(--tw-bg-opacity, 1));
+  background-color: rgb(224, 239, 246, var(--tw-bg-opacity, 1));
 }
-.psui-el-button.layout-ghost.disabled {
+.psui-el-button.layout-onlytext.hover, .psui-el-button.layout-textonly.hover {
   --tw-text-opacity: 1;
-  color: rgb(162, 172, 183, var(--tw-text-opacity, 1));
+  color: rgb(0, 42, 58, var(--tw-text-opacity, 1));
 }
-.psui-el-button.layout-onlytext {
+.psui-el-button.layout-onlytext.hover .icon-left-side,
+.psui-el-button.layout-onlytext.hover .icon-right-side, .psui-el-button.layout-textonly.hover .icon-left-side,
+.psui-el-button.layout-textonly.hover .icon-right-side {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(10, 100, 128, var(--tw-text-opacity, 1));
 }
-.psui-el-button.layout-onlytext.disabled {
+.psui-el-button.layout-onlytext.disabled, .psui-el-button.layout-textonly.disabled {
   cursor: default;
 }
-.psui-el-button.layout-onlytext.disabled {
+.psui-el-button.layout-onlytext.disabled, .psui-el-button.layout-textonly.disabled {
   --tw-text-opacity: 1;
-  color: rgb(162, 172, 183, var(--tw-text-opacity, 1));
+  color: rgb(81, 94, 106, var(--tw-text-opacity, 1));
 }
-.psui-el-button.layout-onlytext.hover {
+.psui-el-button.layout-onlytext.disabled .icon-left-side,
+.psui-el-button.layout-onlytext.disabled .icon-right-side, .psui-el-button.layout-textonly.disabled .icon-left-side,
+.psui-el-button.layout-textonly.disabled .icon-right-side {
   --tw-text-opacity: 1;
-  color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
+  color: rgb(162, 172, 183, var(--tw-text-opacity, 1));
 }
-.psui-el-button.layout-caution {
+.psui-el-button.layout-caution, .psui-el-button.layout-destructive {
   --tw-bg-opacity: 1;
-  background-color: rgb(252, 235, 235, var(--tw-bg-opacity, 1));
+  background-color: rgb(162, 54, 52, var(--tw-bg-opacity, 1));
 }
-.psui-el-button.layout-caution {
+.psui-el-button.layout-caution, .psui-el-button.layout-destructive {
   --tw-text-opacity: 1;
-  color: rgb(214, 92, 90, var(--tw-text-opacity, 1));
+  color: rgb(255, 255, 255, var(--tw-text-opacity, 1));
 }
-.psui-el-button.layout-caution.hover, .psui-el-button.layout-caution:active:not(.disabled) {
+.psui-el-button.layout-caution.hover, .psui-el-button.layout-caution:active:not(.disabled), .psui-el-button.layout-destructive.hover, .psui-el-button.layout-destructive:active:not(.disabled) {
   --tw-bg-opacity: 1;
   background-color: rgb(252, 235, 235, var(--tw-bg-opacity, 1));
 }
-.psui-el-button.layout-caution.hover, .psui-el-button.layout-caution:active:not(.disabled) {
+.psui-el-button.layout-caution.hover, .psui-el-button.layout-caution:active:not(.disabled), .psui-el-button.layout-destructive.hover, .psui-el-button.layout-destructive:active:not(.disabled) {
   --tw-text-opacity: 1;
-  color: rgb(170, 57, 55, var(--tw-text-opacity, 1));
+  color: rgb(162, 54, 52, var(--tw-text-opacity, 1));
 }
-.psui-el-button.layout-caution.disabled {
+.psui-el-button.layout-caution.disabled, .psui-el-button.layout-destructive.disabled {
   cursor: default;
 }
-.psui-el-button.layout-caution.disabled {
+.psui-el-button.layout-caution.disabled, .psui-el-button.layout-destructive.disabled {
   --tw-bg-opacity: 1;
   background-color: rgb(230, 236, 242, var(--tw-bg-opacity, 1));
 }
-.psui-el-button.layout-caution.disabled {
+.psui-el-button.layout-caution.disabled, .psui-el-button.layout-destructive.disabled {
+  --tw-text-opacity: 1;
+  color: rgb(81, 94, 106, var(--tw-text-opacity, 1));
+}
+.psui-el-button.layout-caution.disabled .icon-left-side,
+.psui-el-button.layout-caution.disabled .icon-right-side, .psui-el-button.layout-destructive.disabled .icon-left-side,
+.psui-el-button.layout-destructive.disabled .icon-right-side {
   --tw-text-opacity: 1;
   color: rgb(162, 172, 183, var(--tw-text-opacity, 1));
 }
@@ -1848,21 +2034,21 @@ video {
 }
 .psui-el-card-infos-content {
   font-size: 16px;
-  line-height: 130%;
+  line-height: 24px;
 }
 .psui-el-card-infos-icon {
   margin-right: 0.25rem;
 }
 .psui-el-card-infos-icon {
   --tw-text-opacity: 1;
-  color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
+  color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
 }
 .psui-el-card-infos-icon {
   font-size: 17px;
 }
 .psui-el-card-infos:hover .psui-el-card-infos-icon {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 
 .psui-el-chart-legend {
@@ -1898,7 +2084,7 @@ video {
 }
 .psui-el-chart-legend-total {
   font-size: 16px;
-  line-height: 130%;
+  line-height: 24px;
 }
 .psui-el-chart-legend-total {
   --tw-text-opacity: 1;
@@ -1909,7 +2095,7 @@ video {
 }
 .psui-el-chart-legend-percentage {
   font-size: 16px;
-  line-height: 130%;
+  line-height: 24px;
 }
 .psui-el-chart-legend-percentage {
   --tw-text-opacity: 1;
@@ -1938,7 +2124,7 @@ video {
 }
 .psui-el-climate-zone-badge:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-climate-zone-badge i {
   font-family: "Material Icons Round";
@@ -2071,7 +2257,7 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(230, 236, 242, var(--tw-border-opacity, 1));
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
   --tw-text-opacity: 1;
   color: rgb(81, 94, 106, var(--tw-text-opacity, 1));
   border-spacing: 0;
@@ -2146,7 +2332,7 @@ video {
   max-width: 100%;
   vertical-align: top;
   font-size: 16px;
-  line-height: 130%;
+  line-height: 24px;
 }
 .psui-el-table-results .is-warning-column {
   padding-right: 12px;
@@ -2212,7 +2398,7 @@ video {
 }
 .psui-el-table-results.layout-results thead tr .title {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-table-results.layout-results thead tr .title {
   font-weight: 700;
@@ -2309,7 +2495,7 @@ video {
 }
 .psui-el-table-results.layout-results thead tr:first-of-type p {
   font-size: 16px;
-  line-height: 130%;
+  line-height: 24px;
 }
 .psui-el-table-results.layout-results thead tr:first-of-type p {
   line-height: 18px;
@@ -2348,7 +2534,7 @@ video {
 }
 .psui-el-table-results.layout-results tbody tr td {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-table-results.layout-results tbody tr td {
   --tw-text-opacity: 1;
@@ -2447,7 +2633,7 @@ video {
 }
 .psui-el-table-results.layout-comparison thead tr .title {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-table-results.layout-comparison thead tr .title {
   font-weight: 700;
@@ -2522,7 +2708,7 @@ video {
 }
 .psui-el-table-results.layout-comparison thead tr:first-of-type th {
   font-size: 16px;
-  line-height: 130%;
+  line-height: 24px;
 }
 .psui-el-table-results.layout-comparison thead tr:first-of-type th {
   --tw-text-opacity: 1;
@@ -2589,7 +2775,7 @@ video {
 }
 .psui-el-table-results.layout-comparison thead tr:first-of-type p {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-table-results.layout-comparison thead tr:first-of-type p {
   line-height: 18px;
@@ -2624,7 +2810,7 @@ video {
 }
 .psui-el-table-results.layout-comparison tbody tr td .title {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-table-results.layout-comparison tbody tr td .title {
   font-weight: 700;
@@ -2783,7 +2969,7 @@ video {
 }
 .psui-el-table-results.layout-flexible thead tr .title {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-table-results.layout-flexible thead tr .title {
   line-height: 1rem;
@@ -2889,7 +3075,7 @@ video {
 }
 .psui-el-table-results.layout-flexible thead tr:first-of-type p {
   font-size: 16px;
-  line-height: 130%;
+  line-height: 24px;
 }
 .psui-el-table-results.layout-flexible thead tr:first-of-type p {
   line-height: 18px;
@@ -2993,7 +3179,7 @@ video {
 }
 .psui-el-table-results.layout-flexible tbody tr td {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-table-results.layout-flexible tbody tr td {
   --tw-text-opacity: 1;
@@ -3284,7 +3470,7 @@ video {
 }
 .psui-el-table-results.layout-flexible tbody tr.is-active td .title {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-table-results.layout-flexible tbody tr.is-active td .title {
   --tw-text-opacity: 1;
@@ -3335,7 +3521,7 @@ video {
 }
 .psui-el-checkbox.size-small {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-checkbox.size-small.layout-default input:checked ~ .psui-el-checkmark::before {
   content: "check_box";
@@ -3359,7 +3545,7 @@ video {
 }
 .psui-el-checkbox.size-small input:checked ~ .psui-el-checkmark::before {
   --tw-text-opacity: 1;
-  color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
+  color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
 }
 .psui-el-checkbox.size-small input:checked ~ .psui-el-checkmark::before {
   font-size: 18px;
@@ -3392,7 +3578,7 @@ video {
 }
 .psui-el-checkbox.size-big {
   font-size: 16px;
-  line-height: 130%;
+  line-height: 24px;
 }
 .psui-el-checkbox.size-big.layout-mixed input:checked ~ .psui-el-checkmark::before {
   content: "indeterminate_check_box";
@@ -3416,7 +3602,7 @@ video {
 }
 .psui-el-checkbox.size-big input:checked ~ .psui-el-checkmark:before {
   --tw-text-opacity: 1;
-  color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
+  color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
 }
 .psui-el-checkbox.size-big input:checked ~ .psui-el-checkmark:before {
   font-size: 24px;
@@ -3506,7 +3692,7 @@ video {
 }
 .psui-el-dialog.layout-vertical .psui-el-dialog-wrapper {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-dialog.layout-vertical i {
   vertical-align: top;
@@ -3529,7 +3715,7 @@ video {
 }
 .psui-el-dialog.layout-horizontal .psui-el-dialog-wrapper {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-dialog.theme-informative {
   --tw-bg-opacity: 1;
@@ -3537,11 +3723,11 @@ video {
 }
 .psui-el-dialog.theme-informative {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-dialog.theme-informative .psui-el-dialog-message {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-dialog.theme-success {
   --tw-bg-opacity: 1;
@@ -3664,7 +3850,7 @@ video {
 }
 .psui-el-radio.size-small {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-radio.size-small input {
   position: absolute;
@@ -3680,7 +3866,7 @@ video {
 }
 .psui-el-radio.size-small input:checked ~ .psui-el-checkmark::before {
   --tw-text-opacity: 1;
-  color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
+  color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
 }
 .psui-el-radio.size-small input:checked ~ .psui-el-checkmark::before {
   font-size: 18px;
@@ -3715,7 +3901,7 @@ video {
 }
 .psui-el-radio.size-big {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-radio.size-big input {
   position: absolute;
@@ -3731,7 +3917,7 @@ video {
 }
 .psui-el-radio.size-big input:checked ~ .psui-el-checkmark::before {
   --tw-text-opacity: 1;
-  color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
+  color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
 }
 .psui-el-radio.size-big input:checked ~ .psui-el-checkmark::before {
   font-size: 24px;
@@ -4139,7 +4325,7 @@ video {
 }
 .psui-el-dropdown-menu-list .psui-el-dropdown-menu-list-item {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-dropdown-menu-list .psui-el-dropdown-menu-list-item {
   --tw-text-opacity: 1;
@@ -4177,11 +4363,11 @@ video {
 }
 .psui-el-dropdown-menu-list .psui-el-dropdown-menu-list-item.is-selected {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-dropdown-menu-list .psui-el-dropdown-menu-list-item.is-selected:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item {
   margin-left: 1rem;
@@ -4192,7 +4378,7 @@ video {
 }
 .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item {
   font-size: 16px;
-  line-height: 130%;
+  line-height: 24px;
 }
 .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item {
   padding: 11.5px 16px 11.5px 8px;
@@ -4242,7 +4428,7 @@ video {
 }
 .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item.is-selected .psui-el-dropdown-menu-list-item-line {
   --tw-border-opacity: 1;
-  border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
+  border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
 }
 .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item.is-selected:hover {
   --tw-bg-opacity: 1;
@@ -4250,7 +4436,7 @@ video {
 }
 .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item.is-selected:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 
 .psui-el-slider-label {
@@ -4258,7 +4444,7 @@ video {
 }
 .psui-el-slider-label span {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-slider-label span {
   --tw-text-opacity: 1;
@@ -4396,7 +4582,7 @@ video {
 }
 .psui-el-slider.layout-rich .psui-el-slider-input::-webkit-slider-thumb {
   --tw-bg-opacity: 1;
-  background-color: rgb(100, 181, 206, var(--tw-bg-opacity, 1));
+  background-color: rgb(45, 165, 204, var(--tw-bg-opacity, 1));
 }
 .psui-el-slider.layout-rich .psui-el-slider-input::-webkit-slider-thumb {
   --tw-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 2px 5px rgba(0, 0, 0, 0.08);
@@ -4450,7 +4636,7 @@ video {
 .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar-dynamic,
 .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar-max {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar,
 .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar-bg,
@@ -4471,7 +4657,7 @@ video {
 }
 .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar-max {
   right: 0px;
@@ -4511,7 +4697,7 @@ video {
 }
 .psui-el-slider.layout-rich .psui-el-slider-range-value {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-slider.layout-rich .psui-el-slider-range-value {
   top: -28px;
@@ -4579,7 +4765,7 @@ video {
   padding-left: 1rem;
   padding-right: 1rem;
   font-size: 16px;
-  line-height: 130%;
+  line-height: 24px;
   font-weight: 700;
   --tw-text-opacity: 1;
   color: rgb(255, 255, 255, var(--tw-text-opacity, 1));
@@ -4620,19 +4806,19 @@ video {
 }
 .psui-el-toast.fill-intense.layout-info {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-toast.fill-intense.layout-success {
   --tw-bg-opacity: 1;
-  background-color: rgb(93, 184, 131, var(--tw-bg-opacity, 1));
+  background-color: rgb(155, 222, 181, var(--tw-bg-opacity, 1));
 }
 .psui-el-toast.fill-intense.layout-warning {
   --tw-bg-opacity: 1;
-  background-color: rgb(237, 171, 62, var(--tw-bg-opacity, 1));
+  background-color: rgb(215, 165, 86, var(--tw-bg-opacity, 1));
 }
 .psui-el-toast.fill-intense.layout-error {
   --tw-bg-opacity: 1;
-  background-color: rgb(214, 92, 90, var(--tw-bg-opacity, 1));
+  background-color: rgb(205, 155, 155, var(--tw-bg-opacity, 1));
 }
 .psui-el-toast.fill-soft.layout-info {
   --tw-bg-opacity: 1;
@@ -4640,7 +4826,7 @@ video {
 }
 .psui-el-toast.fill-soft.layout-info {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-toast.fill-soft.layout-success {
   --tw-bg-opacity: 1;
@@ -4648,7 +4834,7 @@ video {
 }
 .psui-el-toast.fill-soft.layout-success {
   --tw-text-opacity: 1;
-  color: rgb(93, 184, 131, var(--tw-text-opacity, 1));
+  color: rgb(155, 222, 181, var(--tw-text-opacity, 1));
 }
 .psui-el-toast.fill-soft.layout-warning {
   --tw-bg-opacity: 1;
@@ -4656,7 +4842,7 @@ video {
 }
 .psui-el-toast.fill-soft.layout-warning {
   --tw-text-opacity: 1;
-  color: rgb(237, 171, 62, var(--tw-text-opacity, 1));
+  color: rgb(215, 165, 86, var(--tw-text-opacity, 1));
 }
 .psui-el-toast.fill-soft.layout-error {
   --tw-bg-opacity: 1;
@@ -4664,39 +4850,45 @@ video {
 }
 .psui-el-toast.fill-soft.layout-error {
   --tw-text-opacity: 1;
-  color: rgb(214, 92, 90, var(--tw-text-opacity, 1));
+  color: rgb(205, 155, 155, var(--tw-text-opacity, 1));
 }
 
 .psui-el-mini-tag {
   display: flex;
-  flex-direction: row;
-  align-items: center;
-  border-radius: 9999px;
   width: -moz-fit-content;
   width: fit-content;
+  flex-direction: row;
+  align-items: center;
+  border-radius: 0.25rem;
 }
 .psui-el-mini-tag span {
   width: 100%;
 }
 .psui-el-mini-tag span {
-  font-weight: 700;
+  padding-left: 4px;
+  padding-right: 4px;
 }
 .psui-el-mini-tag span {
-  text-transform: uppercase;
+  padding-top: 1px;
 }
 .psui-el-mini-tag span {
-  padding: 3px 8px 3px 8px;
-  font-size: 10px;
-  line-height: 100%;
-  letter-spacing: 0.5px;
+  padding-bottom: 3px;
 }
-.psui-el-mini-tag-layout-solid-info {
-  --tw-bg-opacity: 1;
-  background-color: rgb(100, 181, 206, var(--tw-bg-opacity, 1));
+.psui-el-mini-tag span {
+  font-size: 12px;
 }
-.psui-el-mini-tag-layout-solid-info {
-  --tw-text-opacity: 1;
-  color: rgb(255, 255, 255, var(--tw-text-opacity, 1));
+.psui-el-mini-tag span {
+  font-weight: 600;
+}
+.psui-el-mini-tag span {
+  line-height: 16px;
+}
+.psui-el-mini-tag-layout-info {
+  border-width: 1px;
+}
+.psui-el-mini-tag-layout-info {
+  --tw-border-opacity: 1;
+  border-color: rgb(134, 192, 219, var(--tw-border-opacity, 1));
 }
 .psui-el-mini-tag-layout-info {
   --tw-bg-opacity: 1;
@@ -4704,15 +4896,14 @@ video {
 }
 .psui-el-mini-tag-layout-info {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(10, 100, 128, var(--tw-text-opacity, 1));
 }
-.psui-el-mini-tag-layout-solid-success {
-  --tw-bg-opacity: 1;
-  background-color: rgb(93, 184, 131, var(--tw-bg-opacity, 1));
+.psui-el-mini-tag-layout-success {
+  border-width: 1px;
 }
-.psui-el-mini-tag-layout-solid-success {
-  --tw-text-opacity: 1;
-  color: rgb(255, 255, 255, var(--tw-text-opacity, 1));
+.psui-el-mini-tag-layout-success {
+  --tw-border-opacity: 1;
+  border-color: rgb(155, 222, 181, var(--tw-border-opacity, 1));
 }
 .psui-el-mini-tag-layout-success {
   --tw-bg-opacity: 1;
@@ -4720,15 +4911,14 @@ video {
 }
 .psui-el-mini-tag-layout-success {
   --tw-text-opacity: 1;
-  color: rgb(68, 160, 106, var(--tw-text-opacity, 1));
+  color: rgb(14, 124, 69, var(--tw-text-opacity, 1));
 }
-.psui-el-mini-tag-layout-solid-warning {
-  --tw-bg-opacity: 1;
-  background-color: rgb(237, 171, 62, var(--tw-bg-opacity, 1));
+.psui-el-mini-tag-layout-warning {
+  border-width: 1px;
 }
-.psui-el-mini-tag-layout-solid-warning {
-  --tw-text-opacity: 1;
-  color: rgb(255, 255, 255, var(--tw-text-opacity, 1));
+.psui-el-mini-tag-layout-warning {
+  --tw-border-opacity: 1;
+  border-color: rgb(215, 165, 86, var(--tw-border-opacity, 1));
 }
 .psui-el-mini-tag-layout-warning {
   --tw-bg-opacity: 1;
@@ -4736,15 +4926,14 @@ video {
 }
 .psui-el-mini-tag-layout-warning {
   --tw-text-opacity: 1;
-  color: rgb(184, 115, 5, var(--tw-text-opacity, 1));
+  color: rgb(88, 76, 37, var(--tw-text-opacity, 1));
 }
-.psui-el-mini-tag-layout-solid-error {
-  --tw-bg-opacity: 1;
-  background-color: rgb(214, 92, 90, var(--tw-bg-opacity, 1));
+.psui-el-mini-tag-layout-error {
+  border-width: 1px;
 }
-.psui-el-mini-tag-layout-solid-error {
-  --tw-text-opacity: 1;
-  color: rgb(255, 255, 255, var(--tw-text-opacity, 1));
+.psui-el-mini-tag-layout-error {
+  --tw-border-opacity: 1;
+  border-color: rgb(205, 155, 155, var(--tw-border-opacity, 1));
 }
 .psui-el-mini-tag-layout-error {
   --tw-bg-opacity: 1;
@@ -4752,23 +4941,62 @@ video {
 }
 .psui-el-mini-tag-layout-error {
   --tw-text-opacity: 1;
-  color: rgb(214, 92, 90, var(--tw-text-opacity, 1));
+  color: rgb(162, 54, 52, var(--tw-text-opacity, 1));
+}
+.psui-el-mini-tag-layout-default {
+  border-width: 1px;
+}
+.psui-el-mini-tag-layout-default {
+  --tw-border-opacity: 1;
+  border-color: rgb(214, 221, 229, var(--tw-border-opacity, 1));
 }
-.psui-el-mini-tag-layout-solid-default {
+.psui-el-mini-tag-layout-default {
   --tw-bg-opacity: 1;
-  background-color: rgb(162, 172, 183, var(--tw-bg-opacity, 1));
+  background-color: rgb(243, 246, 249, var(--tw-bg-opacity, 1));
 }
-.psui-el-mini-tag-layout-solid-default {
+.psui-el-mini-tag-layout-default {
+  --tw-text-opacity: 1;
+  color: rgb(81, 94, 106, var(--tw-text-opacity, 1));
+}
+.psui-el-mini-tag-layout-dark-info {
+  --tw-bg-opacity: 1;
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
+}
+.psui-el-mini-tag-layout-dark-info {
   --tw-text-opacity: 1;
   color: rgb(255, 255, 255, var(--tw-text-opacity, 1));
 }
-.psui-el-mini-tag-layout-default {
+.psui-el-mini-tag-layout-dark-success {
   --tw-bg-opacity: 1;
-  background-color: rgb(230, 236, 242, var(--tw-bg-opacity, 1));
+  background-color: rgb(14, 124, 69, var(--tw-bg-opacity, 1));
 }
-.psui-el-mini-tag-layout-default {
+.psui-el-mini-tag-layout-dark-success {
   --tw-text-opacity: 1;
-  color: rgb(121, 132, 144, var(--tw-text-opacity, 1));
+  color: rgb(255, 255, 255, var(--tw-text-opacity, 1));
+}
+.psui-el-mini-tag-layout-dark-warning {
+  --tw-bg-opacity: 1;
+  background-color: rgb(184, 86, 20, var(--tw-bg-opacity, 1));
+}
+.psui-el-mini-tag-layout-dark-warning {
+  --tw-text-opacity: 1;
+  color: rgb(255, 255, 255, var(--tw-text-opacity, 1));
+}
+.psui-el-mini-tag-layout-dark-error {
+  --tw-bg-opacity: 1;
+  background-color: rgb(162, 54, 52, var(--tw-bg-opacity, 1));
+}
+.psui-el-mini-tag-layout-dark-error {
+  --tw-text-opacity: 1;
+  color: rgb(255, 255, 255, var(--tw-text-opacity, 1));
+}
+.psui-el-mini-tag-layout-dark-default {
+  --tw-bg-opacity: 1;
+  background-color: rgb(214, 221, 229, var(--tw-bg-opacity, 1));
+}
+.psui-el-mini-tag-layout-dark-default {
+  --tw-text-opacity: 1;
+  color: rgb(40, 50, 59, var(--tw-text-opacity, 1));
 }
 
 .psui-el-inline-selector {
@@ -4778,9 +5006,9 @@ video {
   max-width: 100%;
   flex-shrink: 0;
   font-size: 20px;
-  line-height: 120%;
+  line-height: 28px;
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-inline-selector ::-webkit-scrollbar {
   --tw-bg-opacity: 1;
@@ -4805,7 +5033,7 @@ video {
 }
 .psui-el-inline-selector input {
   --tw-border-opacity: 1;
-  border-color: rgb(100, 181, 206, var(--tw-border-opacity, 1));
+  border-color: rgb(45, 165, 204, var(--tw-border-opacity, 1));
 }
 .psui-el-inline-selector input {
   transition: 300ms ease-in all;
@@ -4813,11 +5041,11 @@ video {
 }
 .psui-el-inline-selector input::-moz-placeholder {
   font-size: 20px;
-  line-height: 120%;
+  line-height: 28px;
 }
 .psui-el-inline-selector input::placeholder {
   font-size: 20px;
-  line-height: 120%;
+  line-height: 28px;
 }
 .psui-el-inline-selector input::-moz-placeholder {
   --tw-text-opacity: 1;
@@ -4864,7 +5092,7 @@ video {
 }
 .psui-el-inline-selector .psui-el-inline-selector-input-wrapper input:hover {
   --tw-text-opacity: 1;
-  color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
+  color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
 }
 .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper {
   position: absolute;
@@ -4915,7 +5143,7 @@ video {
 }
 .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown .psui-el-inline-selector-error h3 {
   --tw-text-opacity: 1;
-  color: rgb(214, 92, 90, var(--tw-text-opacity, 1));
+  color: rgb(205, 155, 155, var(--tw-text-opacity, 1));
 }
 .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown .psui-el-inline-selector-error p {
   --tw-text-opacity: 1;
@@ -4943,7 +5171,7 @@ video {
 }
 .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li:hover span p {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li span {
   display: flex;
@@ -4962,7 +5190,7 @@ video {
 }
 .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li span > p {
   font-size: 16px;
-  line-height: 130%;
+  line-height: 24px;
 }
 .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li span > p {
   --tw-text-opacity: 1;
@@ -5169,7 +5397,7 @@ video {
 }
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-white .psui-el-tooltip-content-wrapper button {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark {
   --tw-bg-opacity: 1;
@@ -5182,7 +5410,7 @@ video {
 }
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark .psui-el-tooltip-content-wrapper button {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark .psui-el-tooltip-content-wrapper button {
   --tw-text-opacity: 1;
@@ -5190,7 +5418,7 @@ video {
 }
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color {
   --tw-bg-opacity: 1;
-  background-color: rgb(100, 181, 206, var(--tw-bg-opacity, 1));
+  background-color: rgb(45, 165, 204, var(--tw-bg-opacity, 1));
 }
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color h2,
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color .psui-el-tooltip-content-wrapper {
@@ -5199,7 +5427,7 @@ video {
 }
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color .psui-el-tooltip-content-wrapper button {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color .psui-el-tooltip-content-wrapper button {
   --tw-text-opacity: 1;
@@ -5268,7 +5496,7 @@ video {
 }
 .psui-el-input-textarea .psui-el-input-textarea-wrapper label {
   font-size: 16px;
-  line-height: 130%;
+  line-height: 24px;
 }
 .psui-el-input-textarea .psui-el-input-textarea-wrapper label {
   font-weight: 700;
@@ -5310,7 +5538,7 @@ video {
 }
 .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea {
   font-size: 16px;
-  line-height: 130%;
+  line-height: 24px;
 }
 .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea {
   --tw-text-opacity: 1;
@@ -5318,15 +5546,15 @@ video {
 }
 .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea:hover, .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea:focus, .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea:active {
   --tw-border-opacity: 1;
-  border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
+  border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
 }
 .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea ::-moz-placeholder {
   font-size: 16px;
-  line-height: 130%;
+  line-height: 24px;
 }
 .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea ::placeholder {
   font-size: 16px;
-  line-height: 130%;
+  line-height: 24px;
 }
 .psui-el-input-textarea .psui-el-input-textarea-message {
   display: flex;
@@ -5382,7 +5610,7 @@ video {
 }
 .psui-el-input-select.layout-default.selected select {
   --tw-border-opacity: 1;
-  border-color: rgb(100, 181, 206, var(--tw-border-opacity, 1));
+  border-color: rgb(45, 165, 204, var(--tw-border-opacity, 1));
 }
 .psui-el-input-select.layout-default.selected select {
   --tw-text-opacity: 1;
@@ -5432,7 +5660,7 @@ video {
 }
 .psui-el-input-select.layout-default select {
   font-size: 16px;
-  line-height: 130%;
+  line-height: 24px;
 }
 .psui-el-input-select.layout-default select {
   --tw-text-opacity: 1;
@@ -5444,7 +5672,7 @@ video {
 }
 .psui-el-input-select.layout-default select:hover, .psui-el-input-select.layout-default select:active {
   --tw-border-opacity: 1;
-  border-color: rgb(100, 181, 206, var(--tw-border-opacity, 1));
+  border-color: rgb(45, 165, 204, var(--tw-border-opacity, 1));
 }
 .psui-el-input-select.layout-default select:hover, .psui-el-input-select.layout-default select:active {
   --tw-text-opacity: 1;
@@ -5452,7 +5680,7 @@ video {
 }
 .psui-el-input-select.layout-default select:focus {
   --tw-border-opacity: 1;
-  border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
+  border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
 }
 .psui-el-input-select.layout-default select:focus {
   --tw-text-opacity: 1;
@@ -5533,7 +5761,7 @@ video {
 }
 .psui-el-input-select.layout-mini select {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-input-select.layout-mini select {
   border-radius: 4px;
@@ -5541,7 +5769,7 @@ video {
 }
 .psui-el-input-select.layout-mini select:hover, .psui-el-input-select.layout-mini select:active {
   --tw-border-opacity: 1;
-  border-color: rgb(93, 184, 131, var(--tw-border-opacity, 1));
+  border-color: rgb(155, 222, 181, var(--tw-border-opacity, 1));
 }
 .psui-el-input-select.layout-mini select:hover, .psui-el-input-select.layout-mini select:active {
   --tw-text-opacity: 1;
@@ -5557,7 +5785,7 @@ video {
 }
 .psui-el-input-select.layout-mini.selected .psui-el-input-select-wrapper select {
   --tw-border-opacity: 1 !important;
-  border-color: rgb(93, 184, 131, var(--tw-border-opacity, 1)) !important;
+  border-color: rgb(155, 222, 181, var(--tw-border-opacity, 1)) !important;
 }
 .psui-el-input-select.layout-mini.selected:not(option) {
   --tw-text-opacity: 1;
@@ -5698,7 +5926,7 @@ video {
 }
 .psui-el-draggable .psui-el-draggable-item-title {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-draggable .psui-el-draggable-item-title {
   --tw-text-opacity: 1;
@@ -5787,7 +6015,7 @@ video {
 }
 .psui-el-badge-with-icon.layout-blue {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-badge-with-icon.layout-green {
   --tw-bg-opacity: 1;
@@ -5858,7 +6086,7 @@ video {
 }
 .psui-el-testimonial-icon {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-testimonial-icon {
   top: -15px;
@@ -5866,11 +6094,14 @@ video {
 }
 .psui-el-testimonial-description {
   font-size: 16px;
-  line-height: 130%;
+  line-height: 24px;
 }
 .psui-el-testimonial-description {
   font-style: italic;
 }
+.psui-el-testimonial-description {
+  line-height: 1.5rem;
+}
 .psui-el-testimonial-description {
   --tw-text-opacity: 1;
   color: rgb(0, 42, 58, var(--tw-text-opacity, 1));
@@ -5892,7 +6123,7 @@ video {
 }
 .psui-el-testimonial-info-user {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-testimonial-info-user {
   font-weight: 700;
@@ -5903,11 +6134,14 @@ video {
 }
 .psui-el-testimonial-info-position, .psui-el-testimonial-info-jurisdiction {
   font-size: 14px;
+  line-height: 20px;
+}
+.psui-el-testimonial-info-position, .psui-el-testimonial-info-jurisdiction {
   line-height: 130%;
 }
 .psui-el-testimonial-info-position, .psui-el-testimonial-info-jurisdiction {
   --tw-text-opacity: 1;
-  color: rgb(121, 132, 144, var(--tw-text-opacity, 1));
+  color: rgb(81, 94, 106, var(--tw-text-opacity, 1));
 }
 
 .psui-el-date-card {
@@ -5915,31 +6149,40 @@ video {
   flex-direction: column;
   overflow: hidden;
   border-radius: 0.25rem;
-  --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
   text-align: center;
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
   font-weight: 700;
+  line-height: 1.25rem;
   --tw-text-opacity: 1;
-  color: rgb(224, 239, 246, var(--tw-text-opacity, 1));
+  color: rgb(255, 255, 255, var(--tw-text-opacity, 1));
 }
 .psui-el-date-card-month-day, .psui-el-date-card-year {
-  font-size: 14px;
-  line-height: 130%;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
 }
 .psui-el-date-card-month-day, .psui-el-date-card-year {
-  padding: 4px 8px;
-}
-.psui-el-date-card-year {
-  width: 100%;
+  padding-top: 2px;
+  padding-bottom: 2px;
 }
 .psui-el-date-card-year {
   --tw-bg-opacity: 1;
-  background-color: rgb(100, 181, 206, var(--tw-bg-opacity, 1));
+  background-color: rgb(10, 100, 128, var(--tw-bg-opacity, 1));
 }
-.psui-el-date-card-year {
-  font-weight: 700;
+.psui-el-date-card-month-day {
+  display: flex;
+}
+.psui-el-date-card-month-day {
+  align-items: center;
+}
+.psui-el-date-card-month-day > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));
+}
+.psui-el-date-card-month-day {
+  --tw-bg-opacity: 1;
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 
 .psui-el-tag-scope {
@@ -6164,7 +6407,7 @@ video {
 }
 .psui-el-collapse .psui-el-collapse-item-header .psui-el-collapse-item-header-wrapper {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 .psui-el-collapse .psui-el-collapse-item-header .psui-el-collapse-item-header-wrapper .psui-el-collapse-item-title {
   margin-left: 0.25rem;
@@ -6175,7 +6418,7 @@ video {
 }
 .psui-el-collapse .psui-el-collapse-item-header .psui-el-collapse-item-header-wrapper .psui-el-collapse-item-title:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-collapse .psui-el-collapse-item-header .psui-el-collapse-item-header-wrapper .psui-el-collapse-item-title.disabled {
   --tw-text-opacity: 1;
@@ -6193,7 +6436,7 @@ video {
 }
 .psui-el-collapse .psui-el-collapse-item-header .psui-el-collapse-item-header-wrapper .psui-el-collapse-item-header-action:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-collapse .psui-el-collapse-item-header:hover .psui-el-collapse-item-header-wrapper .psui-el-collapse-item-header-action {
   visibility: visible;
@@ -6243,10 +6486,6 @@ video {
   margin-bottom: 0.75rem;
 }
 
-.psui--mr-1 {
-  margin-right: -0.25rem;
-}
-
 .psui-mb-px {
   margin-bottom: 1px;
 }
@@ -6263,10 +6502,6 @@ video {
   margin-left: 0.5rem;
 }
 
-.psui-ml-3 {
-  margin-left: 0.75rem;
-}
-
 .psui-mr-1 {
   margin-right: 0.25rem;
 }
@@ -6275,10 +6510,6 @@ video {
   margin-right: 0.5rem;
 }
 
-.psui-mr-3 {
-  margin-right: 0.75rem;
-}
-
 .psui-flex {
   display: flex;
 }
@@ -6299,10 +6530,22 @@ video {
   height: 0.5rem;
 }
 
+.psui-h-3\.5 {
+  height: 0.875rem;
+}
+
+.psui-h-4 {
+  height: 1rem;
+}
+
 .psui-h-5 {
   height: 1.25rem;
 }
 
+.psui-h-\[18px\] {
+  height: 18px;
+}
+
 .psui-h-full {
   height: 100%;
 }
@@ -6311,6 +6554,14 @@ video {
   width: 0.5rem;
 }
 
+.psui-w-3\.5 {
+  width: 0.875rem;
+}
+
+.psui-w-4 {
+  width: 1rem;
+}
+
 .psui-w-48 {
   width: 12rem;
 }
@@ -6319,6 +6570,10 @@ video {
   width: 1.25rem;
 }
 
+.psui-w-\[18px\] {
+  width: 18px;
+}
+
 .psui-w-auto {
   width: auto;
 }
@@ -6447,7 +6702,7 @@ video {
 
 .psui-bg-blue-60 {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 
 .psui-bg-gray-10 {
@@ -6462,7 +6717,7 @@ video {
 
 .psui-bg-green-20 {
   --tw-bg-opacity: 1;
-  background-color: rgb(93, 184, 131, var(--tw-bg-opacity, 1));
+  background-color: rgb(155, 222, 181, var(--tw-bg-opacity, 1));
 }
 
 .psui-bg-red-10 {
@@ -6472,7 +6727,7 @@ video {
 
 .psui-bg-red-20 {
   --tw-bg-opacity: 1;
-  background-color: rgb(214, 92, 90, var(--tw-bg-opacity, 1));
+  background-color: rgb(205, 155, 155, var(--tw-bg-opacity, 1));
 }
 
 .psui-bg-white {
@@ -6482,7 +6737,7 @@ video {
 
 .psui-bg-yellow-20 {
   --tw-bg-opacity: 1;
-  background-color: rgb(237, 171, 62, var(--tw-bg-opacity, 1));
+  background-color: rgb(215, 165, 86, var(--tw-bg-opacity, 1));
 }
 
 .psui-px-4 {
@@ -6532,9 +6787,9 @@ video {
   text-align: right;
 }
 
-.psui-text-small {
+.psui-text-14 {
   font-size: 14px;
-  line-height: 130%;
+  line-height: 20px;
 }
 
 .psui-text-xsmall {
@@ -6554,14 +6809,19 @@ video {
   line-height: 1;
 }
 
+.psui-text-blue-40 {
+  --tw-text-opacity: 1;
+  color: rgb(134, 192, 219, var(--tw-text-opacity, 1));
+}
+
 .psui-text-blue-50 {
   --tw-text-opacity: 1;
-  color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
+  color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
 }
 
 .psui-text-blue-60 {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 
 .psui-text-gray-30 {
@@ -6596,7 +6856,7 @@ video {
 
 .psui-text-red-20 {
   --tw-text-opacity: 1;
-  color: rgb(214, 92, 90, var(--tw-text-opacity, 1));
+  color: rgb(205, 155, 155, var(--tw-text-opacity, 1));
 }
 
 .psui-text-red-70 {
@@ -6675,5 +6935,5 @@ html {
 
 .hover\:psui-text-blue-60:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }