@policystudio/policy-studio-ui-vue 1.0.58 → 1.0.62

package/dist/css/psui_styles.css

@@ -1137,7 +1137,7 @@ video {
 }
 
 .psui-divide-white > :not(template) ~ :not(template){
-  border-color: #ffffff !important;
+  border-color: #ffffff ;
 }
 
 .psui-divide-gray-10 > :not(template) ~ :not(template){
@@ -1488,7 +1488,7 @@ video {
 }
 
 .psui-bg-white{
-  background-color: #ffffff !important;
+  background-color: #ffffff ;
 }
 
 .psui-bg-gray-10{
@@ -1706,7 +1706,7 @@ video {
 }
 
 .hover\:psui-bg-white:hover{
-  background-color: #ffffff !important;
+  background-color: #ffffff ;
 }
 
 .hover\:psui-bg-gray-10:hover{
@@ -1924,7 +1924,7 @@ video {
 }
 
 .active\:psui-bg-white:active{
-  background-color: #ffffff !important;
+  background-color: #ffffff ;
 }
 
 .active\:psui-bg-gray-10:active{
@@ -2142,7 +2142,7 @@ video {
 }
 
 .focus\:psui-bg-white:focus{
-  background-color: #ffffff !important;
+  background-color: #ffffff ;
 }
 
 .focus\:psui-bg-gray-10:focus{
@@ -2360,7 +2360,7 @@ video {
 }
 
 .psui-group:hover .group-hover\:psui-bg-white{
-  background-color: #ffffff !important;
+  background-color: #ffffff ;
 }
 
 .psui-group:hover .group-hover\:psui-bg-gray-10{
@@ -2578,7 +2578,7 @@ video {
 }
 
 .even\:psui-bg-white:nth-child(even){
-  background-color: #ffffff !important;
+  background-color: #ffffff ;
 }
 
 .even\:psui-bg-gray-10:nth-child(even){
@@ -2796,7 +2796,7 @@ video {
 }
 
 .first\:psui-bg-white:first-child{
-  background-color: #ffffff !important;
+  background-color: #ffffff ;
 }
 
 .first\:psui-bg-gray-10:first-child{
@@ -3014,7 +3014,7 @@ video {
 }
 
 .disabled\:psui-bg-white:disabled{
-  background-color: #ffffff !important;
+  background-color: #ffffff ;
 }
 
 .disabled\:psui-bg-gray-10:disabled{
@@ -3232,7 +3232,7 @@ video {
 }
 
 .checked\:psui-bg-white:checked{
-  background-color: #ffffff !important;
+  background-color: #ffffff ;
 }
 
 .checked\:psui-bg-gray-10:checked{
@@ -3486,7 +3486,7 @@ video {
 }
 
 .psui-from-white{
-  --gradient-from-color: #ffffff !important;
+  --gradient-from-color: #ffffff ;
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
@@ -3671,7 +3671,7 @@ video {
 }
 
 .psui-via-white{
-  --gradient-via-color: #ffffff !important;
+  --gradient-via-color: #ffffff ;
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
@@ -3856,7 +3856,7 @@ video {
 }
 
 .psui-to-white{
-  --gradient-to-color: #ffffff !important;
+  --gradient-to-color: #ffffff ;
 }
 
 .psui-to-gray-10{
@@ -4004,7 +4004,7 @@ video {
 }
 
 .hover\:psui-from-white:hover{
-  --gradient-from-color: #ffffff !important;
+  --gradient-from-color: #ffffff ;
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
@@ -4189,7 +4189,7 @@ video {
 }
 
 .hover\:psui-via-white:hover{
-  --gradient-via-color: #ffffff !important;
+  --gradient-via-color: #ffffff ;
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
@@ -4374,7 +4374,7 @@ video {
 }
 
 .hover\:psui-to-white:hover{
-  --gradient-to-color: #ffffff !important;
+  --gradient-to-color: #ffffff ;
 }
 
 .hover\:psui-to-gray-10:hover{
@@ -4522,7 +4522,7 @@ video {
 }
 
 .focus\:psui-from-white:focus{
-  --gradient-from-color: #ffffff !important;
+  --gradient-from-color: #ffffff ;
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
@@ -4707,7 +4707,7 @@ video {
 }
 
 .focus\:psui-via-white:focus{
-  --gradient-via-color: #ffffff !important;
+  --gradient-via-color: #ffffff ;
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
@@ -4892,7 +4892,7 @@ video {
 }
 
 .focus\:psui-to-white:focus{
-  --gradient-to-color: #ffffff !important;
+  --gradient-to-color: #ffffff ;
 }
 
 .focus\:psui-to-gray-10:focus{
@@ -5180,7 +5180,7 @@ video {
 }
 
 .psui-border-white{
-  border-color: #ffffff !important;
+  border-color: #ffffff ;
 }
 
 .psui-border-gray-10{
@@ -5404,7 +5404,7 @@ video {
 }
 
 .disabled\:psui-border-white:disabled{
-  border-color: #ffffff !important;
+  border-color: #ffffff ;
 }
 
 .disabled\:psui-border-gray-10:disabled{
@@ -5628,7 +5628,7 @@ video {
 }
 
 .hover\:psui-border-white:hover{
-  border-color: #ffffff !important;
+  border-color: #ffffff ;
 }
 
 .hover\:psui-border-gray-10:hover{
@@ -5852,7 +5852,7 @@ video {
 }
 
 .checked\:psui-border-white:checked{
-  border-color: #ffffff !important;
+  border-color: #ffffff ;
 }
 
 .checked\:psui-border-gray-10:checked{
@@ -10203,15 +10203,15 @@ video {
 }
 
 .psui-placeholder-white::-moz-placeholder{
-  color: #ffffff !important;
+  color: #ffffff ;
 }
 
 .psui-placeholder-white:-ms-input-placeholder{
-  color: #ffffff !important;
+  color: #ffffff ;
 }
 
 .psui-placeholder-white::placeholder{
-  color: #ffffff !important;
+  color: #ffffff ;
 }
 
 .psui-placeholder-gray-10::-moz-placeholder{
@@ -10857,15 +10857,15 @@ video {
 }
 
 .focus\:psui-placeholder-white:focus::-moz-placeholder{
-  color: #ffffff !important;
+  color: #ffffff ;
 }
 
 .focus\:psui-placeholder-white:focus:-ms-input-placeholder{
-  color: #ffffff !important;
+  color: #ffffff ;
 }
 
 .focus\:psui-placeholder-white:focus::placeholder{
-  color: #ffffff !important;
+  color: #ffffff ;
 }
 
 .focus\:psui-placeholder-gray-10:focus::-moz-placeholder{
@@ -11890,7 +11890,7 @@ video {
 }
 
 .psui-text-white{
-  color: #ffffff !important;
+  color: #ffffff ;
 }
 
 .psui-text-gray-10{
@@ -12108,7 +12108,7 @@ video {
 }
 
 .hover\:psui-text-white:hover{
-  color: #ffffff !important;
+  color: #ffffff ;
 }
 
 .hover\:psui-text-gray-10:hover{
@@ -12326,7 +12326,7 @@ video {
 }
 
 .active\:psui-text-white:active{
-  color: #ffffff !important;
+  color: #ffffff ;
 }
 
 .active\:psui-text-gray-10:active{
@@ -12544,7 +12544,7 @@ video {
 }
 
 .focus\:psui-text-white:focus{
-  color: #ffffff !important;
+  color: #ffffff ;
 }
 
 .focus\:psui-text-gray-10:focus{
@@ -12762,7 +12762,7 @@ video {
 }
 
 .psui-group:hover .group-hover\:psui-text-white{
-  color: #ffffff !important;
+  color: #ffffff ;
 }
 
 .psui-group:hover .group-hover\:psui-text-gray-10{
@@ -12980,7 +12980,7 @@ video {
 }
 
 .first\:psui-text-white:first-child{
-  color: #ffffff !important;
+  color: #ffffff ;
 }
 
 .first\:psui-text-gray-10:first-child{
@@ -13198,7 +13198,7 @@ video {
 }
 
 .disabled\:psui-text-white:disabled{
-  color: #ffffff !important;
+  color: #ffffff ;
 }
 
 .disabled\:psui-text-gray-10:disabled{
@@ -13416,7 +13416,7 @@ video {
 }
 
 .checked\:psui-text-white:checked{
-  color: #ffffff !important;
+  color: #ffffff ;
 }
 
 .checked\:psui-text-gray-10:checked{
@@ -17317,7 +17317,7 @@ html {
     width: 100%;
     display: flex;
     border-radius: 0.125rem;
-    background-color: #ffffff;
+    background-color: #ffffff ;
     align-items: center;
     cursor: -webkit-grab;
     cursor: grab;
@@ -17391,9 +17391,9 @@ html {
         }
 
 .psui-el-input-select {
-  width: 100%;
   display: flex;
   flex-direction: column;
+  width: 100%;
   position: relative;
   --text-opacity: 1;
   color: #A2ACB7;
@@ -17421,15 +17421,15 @@ html {
       border-color: rgba(230, 236, 242, var(--border-opacity)) !important;
       --bg-opacity: 1 !important;
       background-color: #E6ECF2 !important;
-      background-color: rgba(230, 236, 242, var(--bg-opacity)) !important
+      background-color: rgba(230, 236, 242, var(--bg-opacity)) !important;
     }
 
-.psui-el-input-select.disabled::after {
-      z-index: 20 !important;
-      --text-opacity: 1 !important;
-      color: #798490 !important;
-      color: rgba(121, 132, 144, var(--text-opacity)) !important;
-    }
+.psui-el-input-select.disabled .psui-el-input-select-wrapper::after {
+        --text-opacity: 1 !important;
+        color: #798490 !important;
+        color: rgba(121, 132, 144, var(--text-opacity)) !important;
+        z-index: 100 !important;
+      }
 
 .psui-el-input-select.layout-default.selected select {
         --border-opacity: 1;
@@ -17440,20 +17440,25 @@ html {
         color: rgba(81, 94, 106, var(--text-opacity))
       }
 
-.psui-el-input-select.layout-default::after {
-      position: absolute;
-      display: inline-block;
-      --text-opacity: 1;
-      color: #798490;
-      color: rgba(121, 132, 144, var(--text-opacity));
-      content: 'arrow_drop_down';
-      font-family: 'Material Icons Round';
-      font-size: 24px;
-      top: 38px;
-      right: 15px;
-      z-index: -20;
+.psui-el-input-select.layout-default .psui-el-input-select-wrapper {
+      position: relative;
+      width: auto;
     }
 
+.psui-el-input-select.layout-default .psui-el-input-select-wrapper::after {
+        position: absolute;
+        display: inline-block;
+        --text-opacity: 1;
+        color: #798490;
+        color: rgba(121, 132, 144, var(--text-opacity));
+        content: 'arrow_drop_down';
+        font-family: 'Material Icons Round';
+        font-size: 24px;
+        top: 13%;
+        left: calc(100% - 26px);
+        z-index: -20;
+      }
+
 .psui-el-input-select.layout-default select {
       -webkit-appearance: none;
          -moz-appearance: none;
@@ -17461,7 +17466,6 @@ html {
       background-color: transparent;
       font-size: 16px;
       line-height: 130%;
-      width: 100%;
       border-width: 1px;
       --border-opacity: 1;
       border-color: #D6DDE5;
@@ -17470,7 +17474,8 @@ html {
       --text-opacity: 1;
       color: #A2ACB7;
       color: rgba(162, 172, 183, var(--text-opacity));
-      padding: 11.5px 16px;
+      padding: 11.5px 26px 11.5px 16px;
+      min-width: 100%;
     }
 
 .psui-el-input-select.layout-default select:hover,
@@ -17513,14 +17518,33 @@ html {
     line-height: 24px;
   }
 
+.psui-el-input-select.layout-mini .psui-el-input-select-wrapper {
+      position: relative;
+      width: 100%;
+    }
+
+.psui-el-input-select.layout-mini .psui-el-input-select-wrapper::after {
+        position: absolute;
+        display: inline-block;
+        --text-opacity: 1;
+        color: #798490;
+        color: rgba(121, 132, 144, var(--text-opacity));
+        content: 'unfold_more';
+        font-family: 'Material Icons Round';
+        font-size: 18px;
+        top: 13%;
+        left: calc(100% - 26px);
+        z-index: -20;
+      }
+
 .psui-el-input-select.layout-mini select {
       font-size: 14px;
       line-height: 130%;
+      width: 100%;
       -webkit-appearance: none;
          -moz-appearance: none;
               appearance: none;
       background-color: transparent;
-      width: 100%;
       border-width: 1px;
       --border-opacity: 1;
       border-color: #D6DDE5;
@@ -17548,27 +17572,16 @@ html {
         color: rgba(121, 132, 144, var(--text-opacity))
       }
 
-.psui-el-input-select.layout-mini::after {
-      position: absolute;
-      display: inline-block;
-      --text-opacity: 1;
-      color: #798490;
-      color: rgba(121, 132, 144, var(--text-opacity));
-      content: 'unfold_more';
-      font-family: 'Material Icons Round';
-      font-size: 18px;
-      top: 4px;
-      right: 4px;
-      z-index: -20;
-    }
+.psui-el-input-select.layout-mini.selected .psui-el-input-select-wrapper select {
+          --border-opacity: 1 !important;
+          border-color: #5DB883 !important;
+          border-color: rgba(93, 184, 131, var(--border-opacity)) !important;
+        }
 
-.psui-el-input-select.layout-mini.selected select {
-        --border-opacity: 1;
-        border-color: #5DB883;
-        border-color: rgba(93, 184, 131, var(--border-opacity));
+.psui-el-input-select.layout-mini.selected:not(option) {
         --text-opacity: 1;
         color: #44A06A;
-        color: rgba(68, 160, 106, var(--text-opacity))
+        color: rgba(68, 160, 106, var(--text-opacity));
       }
 
 .psui-el-input-textarea {
@@ -17636,7 +17649,7 @@ html {
       --border-opacity: 1;
       border-color: #D6DDE5;
       border-color: rgba(214, 221, 229, var(--border-opacity));
-      background-color: #ffffff;
+      background-color: #ffffff ;
       --text-opacity: 1;
       color: #515E6A;
       color: rgba(81, 94, 106, var(--text-opacity));
@@ -17699,7 +17712,7 @@ html {
         --bg-opacity: 1;
         background-color: #798490;
         background-color: rgba(121, 132, 144, var(--bg-opacity));
-        color: #ffffff;
+        color: #ffffff ;
         padding: 5px 8px 4px 8px;
         border-radius: 4px;
       }
@@ -17736,7 +17749,7 @@ html {
             --bg-opacity: 1;
             background-color: #00465F;
             background-color: rgba(0, 70, 95, var(--bg-opacity));
-            color: #ffffff;
+            color: #ffffff ;
             box-shadow: none;
             font-size: 12px;
             line-height: 120%;
@@ -17767,7 +17780,7 @@ html {
             }
 
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-white {
-            background-color: #ffffff;
+            background-color: #ffffff ;
             padding-top: 1rem;
             padding-bottom: 1rem;
             padding-left: 1.5rem;
@@ -17833,14 +17846,14 @@ html {
           }
 
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark h2 {
-              color: #ffffff;
+              color: #ffffff ;
               font-weight: 700;
               font-size: 17px;
               line-height: 120%;
             }
 
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark .psui-el-tooltip-content-wrapper {
-              color: #ffffff;
+              color: #ffffff ;
               font-weight: 400;
               display: flex;
               flex-direction: column;
@@ -17854,7 +17867,7 @@ html {
                 --bg-opacity: 1;
                 background-color: #318FAC;
                 background-color: rgba(49, 143, 172, var(--bg-opacity));
-                color: #ffffff;
+                color: #ffffff ;
                 font-weight: 700;
                 padding: 7px 16px;
                 width: -webkit-fit-content;
@@ -17881,14 +17894,14 @@ html {
           }
 
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color h2 {
-              color: #ffffff;
+              color: #ffffff ;
               font-weight: 700;
               font-size: 17px;
               line-height: 120%;
             }
 
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color .psui-el-tooltip-content-wrapper {
-              color: #ffffff;
+              color: #ffffff ;
               font-weight: 400;
               display: flex;
               flex-direction: column;
@@ -17902,7 +17915,7 @@ html {
                 --bg-opacity: 1;
                 background-color: #318FAC;
                 background-color: rgba(49, 143, 172, var(--bg-opacity));
-                color: #ffffff;
+                color: #ffffff ;
                 font-weight: 700;
                 padding: 7px 16px;
                 width: -webkit-fit-content;
@@ -18007,7 +18020,7 @@ html {
 .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper {
     position: absolute;
     left: 0;
-    background-color: #ffffff;
+    background-color: #ffffff ;
     border-radius: 0.25rem;
     box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 5px 6px rgba(0, 0, 0, 0.1);
     z-index: 50;
@@ -18018,7 +18031,7 @@ html {
 
 .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown {
       display: flex;
-      background-color: #ffffff;
+      background-color: #ffffff ;
     }
 
 .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown .psui-el-inline-selector-error {
@@ -18042,7 +18055,7 @@ html {
 
 .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul {
         width: 100%;
-        background-color: #ffffff;
+        background-color: #ffffff ;
       }
 
 .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li {
@@ -18091,7 +18104,7 @@ html {
 
 .psui-el-mini-tag {
   display: flex;
-  border-radius: 0.5rem;
+  border-radius: 9999px;
   align-items: center;
   justify-content: center;
   flex-direction: row;
@@ -18113,7 +18126,7 @@ html {
       --bg-opacity: 1;
       background-color: #64B5CE;
       background-color: rgba(100, 181, 206, var(--bg-opacity));
-      color: #ffffff
+      color: #ffffff 
     }
 
 .psui-el-mini-tag-layout-info {
@@ -18129,7 +18142,7 @@ html {
       --bg-opacity: 1;
       background-color: #5DB883;
       background-color: rgba(93, 184, 131, var(--bg-opacity));
-      color: #ffffff
+      color: #ffffff 
     }
 
 .psui-el-mini-tag-layout-success {
@@ -18145,7 +18158,7 @@ html {
       --bg-opacity: 1;
       background-color: #EDAB3E;
       background-color: rgba(237, 171, 62, var(--bg-opacity));
-      color: #ffffff
+      color: #ffffff 
     }
 
 .psui-el-mini-tag-layout-warning {
@@ -18161,7 +18174,7 @@ html {
       --bg-opacity: 1;
       background-color: #D65C5A;
       background-color: rgba(214, 92, 90, var(--bg-opacity));
-      color: #ffffff
+      color: #ffffff 
     }
 
 .psui-el-mini-tag-layout-error {
@@ -18177,7 +18190,7 @@ html {
       --bg-opacity: 1;
       background-color: #A2ACB7;
       background-color: rgba(162, 172, 183, var(--bg-opacity));
-      color: #ffffff
+      color: #ffffff 
     }
 
 .psui-el-mini-tag-layout-default {
@@ -18194,7 +18207,7 @@ html {
   align-items: center;
   font-size: 16px;
   line-height: 130%;
-  color: #ffffff;
+  color: #ffffff ;
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
   padding-left: 1rem;
@@ -18358,7 +18371,7 @@ html {
 .psui-el-dropdown-menu-dialog-wrapper {
     display: none;
     transform-origin: top right;
-    background-color: #ffffff;
+    background-color: #ffffff ;
     position: fixed;
     width: auto;
     border-radius: 0.375rem;
@@ -18437,7 +18450,7 @@ html {
           position: absolute;
           height: 0.75rem;
           width: 0.75rem;
-          background-color: #ffffff;
+          background-color: #ffffff ;
           border-radius: 9999px;
           transition-property: all;
           transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -18459,7 +18472,7 @@ html {
           position: absolute;
           height: 0.75rem;
           width: 0.75rem;
-          background-color: #ffffff;
+          background-color: #ffffff ;
           border-radius: 9999px;
           transition-property: all;
           transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -18503,7 +18516,7 @@ html {
         position: absolute;
         height: 1.25rem;
         width: 1.25rem;
-        background-color: #ffffff;
+        background-color: #ffffff ;
         border-radius: 9999px;
         transition-property: all;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -18524,7 +18537,7 @@ html {
         position: absolute;
         height: 1.25rem;
         width: 1.25rem;
-        background-color: #ffffff;
+        background-color: #ffffff ;
         border-radius: 9999px;
         transition-property: all;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -19370,21 +19383,21 @@ html {
     --bg-opacity: 1;
     background-color: #318FAC;
     background-color: rgba(49, 143, 172, var(--bg-opacity));
-    color: #ffffff;
+    color: #ffffff ;
   }
 
 .psui-el-button.layout-solid.hover {
       --bg-opacity: 1;
       background-color: #64B5CE;
       background-color: rgba(100, 181, 206, var(--bg-opacity));
-      color: #ffffff;
+      color: #ffffff ;
     }
 
 .psui-el-button.layout-solid:active:not(.disabled) {
       --bg-opacity: 1;
       background-color: #64B5CE;
       background-color: rgba(100, 181, 206, var(--bg-opacity));
-      color: #ffffff;
+      color: #ffffff ;
       box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15);
     }
 
@@ -19457,7 +19470,7 @@ html {
     }
 
 .psui-el-button.layout-onlytext {
-    background-color: #ffffff;
+    background-color: #ffffff ;
     --text-opacity: 1;
     color: #318FAC;
     color: rgba(49, 143, 172, var(--text-opacity));
@@ -19637,7 +19650,7 @@ html {
         --text-opacity: 1;
         color: #318FAC;
         color: rgba(49, 143, 172, var(--text-opacity));
-        background-color: #ffffff;
+        background-color: #ffffff ;
       }
 
 .psui-el-chips.type-button label:focus,
@@ -19758,7 +19771,7 @@ html {
           background-color: #D6DDE5;
           background-color: rgba(214, 221, 229, var(--bg-opacity));
           border-radius: 9999px;
-          color: #ffffff;
+          color: #ffffff ;
           margin-right: 0.5rem;
           width: 1.5rem;
           height: 1.5rem;
@@ -19810,7 +19823,7 @@ html {
       --bg-opacity: 1;
       background-color: #318FAC;
       background-color: rgba(49, 143, 172, var(--bg-opacity));
-      color: #ffffff;
+      color: #ffffff ;
       font-weight: 700;
       box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 2px 5px rgba(0, 0, 0, 0.08);
     }
@@ -19895,7 +19908,7 @@ html {
       }
 
 .psui-el-tab-header.layout-standard button.status-active {
-        color: #ffffff;
+        color: #ffffff ;
         --bg-opacity: 1;
         background-color: #318FAC;
         background-color: rgba(49, 143, 172, var(--bg-opacity));
@@ -19910,13 +19923,6 @@ html {
 
 /* ----------------------------------------- */
 
-.psui-el-tab-header.layout-underline {
-    border-bottom-width: 1px;
-    --border-opacity: 1;
-    border-color: #E6ECF2;
-    border-color: rgba(230, 236, 242, var(--border-opacity));
-  }
-
 .psui-el-tab-header.layout-underline .psui-el-tooltip:not(:last-child) {
         margin-right: 20px;
       }
@@ -19994,7 +20000,7 @@ html {
         color: #318FAC;
         color: rgba(49, 143, 172, var(--text-opacity));
         font-weight: 700;
-        background-color: #ffffff;
+        background-color: #ffffff ;
       }
 
 .psui-el-accordion-item {
@@ -20003,23 +20009,30 @@ html {
 
 .psui-el-accordion-item-header {
       display: flex;
-      cursor: pointer;
-      transition-property: all;
       justify-content: space-between;
-      transition: cubic-bezier(.17,.67,.83,.67) 250ms;
-      --text-opacity: 1;
-      color: #28323B;
-      color: rgba(40, 50, 59, var(--text-opacity));
+      align-items: center;
       padding-top: 16px;
       padding-bottom: 16px;
     }
 
-.psui-el-accordion-item-header:hover {
+.psui-el-accordion-item-header-wrapper {
+        display: flex;
+        width: 100%;
+        cursor: pointer;
+        transition-property: all;
+        justify-content: space-between;
+        transition: cubic-bezier(.17,.67,.83,.67) 250ms;
         --text-opacity: 1;
-        color: #318FAC;
-        color: rgba(49, 143, 172, var(--text-opacity));
+        color: #28323B;
+        color: rgba(40, 50, 59, var(--text-opacity));
       }
 
+.psui-el-accordion-item-header-wrapper:hover {
+          --text-opacity: 1;
+          color: #318FAC;
+          color: rgba(49, 143, 172, var(--text-opacity));
+        }
+
 .psui-el-accordion-item-icon {
       font-family: 'Material Icons Round';
       font-weight: normal;
@@ -20142,7 +20155,7 @@ html {
     border-color: #D6DDE5;
     border-color: rgba(214, 221, 229, var(--border-opacity));
     border-radius: 0.375rem;
-    background-color: #ffffff;
+    background-color: #ffffff ;
     display: flex;
     transition: ease 130ms;
   }
@@ -20156,7 +20169,7 @@ html {
   }
 
 .psui-el-input input {
-    background-color: #ffffff;
+    background-color: #ffffff ;
     --text-opacity: 1;
     color: #515E6A;
     color: rgba(81, 94, 106, var(--text-opacity));
@@ -20802,7 +20815,7 @@ html {
   }
 
   .sm\:psui-divide-white > :not(template) ~ :not(template){
-    border-color: #ffffff !important;
+    border-color: #ffffff ;
   }
 
   .sm\:psui-divide-gray-10 > :not(template) ~ :not(template){
@@ -21153,7 +21166,7 @@ html {
   }
 
   .sm\:psui-bg-white{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .sm\:psui-bg-gray-10{
@@ -21371,7 +21384,7 @@ html {
   }
 
   .sm\:hover\:psui-bg-white:hover{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .sm\:hover\:psui-bg-gray-10:hover{
@@ -21589,7 +21602,7 @@ html {
   }
 
   .sm\:active\:psui-bg-white:active{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .sm\:active\:psui-bg-gray-10:active{
@@ -21807,7 +21820,7 @@ html {
   }
 
   .sm\:focus\:psui-bg-white:focus{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .sm\:focus\:psui-bg-gray-10:focus{
@@ -22025,7 +22038,7 @@ html {
   }
 
   .psui-group:hover .sm\:group-hover\:psui-bg-white{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .psui-group:hover .sm\:group-hover\:psui-bg-gray-10{
@@ -22243,7 +22256,7 @@ html {
   }
 
   .sm\:even\:psui-bg-white:nth-child(even){
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .sm\:even\:psui-bg-gray-10:nth-child(even){
@@ -22461,7 +22474,7 @@ html {
   }
 
   .sm\:first\:psui-bg-white:first-child{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .sm\:first\:psui-bg-gray-10:first-child{
@@ -22679,7 +22692,7 @@ html {
   }
 
   .sm\:disabled\:psui-bg-white:disabled{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .sm\:disabled\:psui-bg-gray-10:disabled{
@@ -22897,7 +22910,7 @@ html {
   }
 
   .sm\:checked\:psui-bg-white:checked{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .sm\:checked\:psui-bg-gray-10:checked{
@@ -23151,7 +23164,7 @@ html {
   }
 
   .sm\:psui-from-white{
-    --gradient-from-color: #ffffff !important;
+    --gradient-from-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -23336,7 +23349,7 @@ html {
   }
 
   .sm\:psui-via-white{
-    --gradient-via-color: #ffffff !important;
+    --gradient-via-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -23521,7 +23534,7 @@ html {
   }
 
   .sm\:psui-to-white{
-    --gradient-to-color: #ffffff !important;
+    --gradient-to-color: #ffffff ;
   }
 
   .sm\:psui-to-gray-10{
@@ -23669,7 +23682,7 @@ html {
   }
 
   .sm\:hover\:psui-from-white:hover{
-    --gradient-from-color: #ffffff !important;
+    --gradient-from-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -23854,7 +23867,7 @@ html {
   }
 
   .sm\:hover\:psui-via-white:hover{
-    --gradient-via-color: #ffffff !important;
+    --gradient-via-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -24039,7 +24052,7 @@ html {
   }
 
   .sm\:hover\:psui-to-white:hover{
-    --gradient-to-color: #ffffff !important;
+    --gradient-to-color: #ffffff ;
   }
 
   .sm\:hover\:psui-to-gray-10:hover{
@@ -24187,7 +24200,7 @@ html {
   }
 
   .sm\:focus\:psui-from-white:focus{
-    --gradient-from-color: #ffffff !important;
+    --gradient-from-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -24372,7 +24385,7 @@ html {
   }
 
   .sm\:focus\:psui-via-white:focus{
-    --gradient-via-color: #ffffff !important;
+    --gradient-via-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -24557,7 +24570,7 @@ html {
   }
 
   .sm\:focus\:psui-to-white:focus{
-    --gradient-to-color: #ffffff !important;
+    --gradient-to-color: #ffffff ;
   }
 
   .sm\:focus\:psui-to-gray-10:focus{
@@ -27892,15 +27905,15 @@ html {
   }
 
   .sm\:psui-placeholder-white::-moz-placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .sm\:psui-placeholder-white:-ms-input-placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .sm\:psui-placeholder-white::placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .sm\:psui-placeholder-gray-10::-moz-placeholder{
@@ -28546,15 +28559,15 @@ html {
   }
 
   .sm\:focus\:psui-placeholder-white:focus::-moz-placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .sm\:focus\:psui-placeholder-white:focus:-ms-input-placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .sm\:focus\:psui-placeholder-white:focus::placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .sm\:focus\:psui-placeholder-gray-10:focus::-moz-placeholder{
@@ -29475,7 +29488,7 @@ html {
   }
 
   .sm\:psui-text-white{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .sm\:psui-text-gray-10{
@@ -29693,7 +29706,7 @@ html {
   }
 
   .sm\:hover\:psui-text-white:hover{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .sm\:hover\:psui-text-gray-10:hover{
@@ -29911,7 +29924,7 @@ html {
   }
 
   .sm\:active\:psui-text-white:active{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .sm\:active\:psui-text-gray-10:active{
@@ -30129,7 +30142,7 @@ html {
   }
 
   .sm\:focus\:psui-text-white:focus{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .sm\:focus\:psui-text-gray-10:focus{
@@ -30347,7 +30360,7 @@ html {
   }
 
   .psui-group:hover .sm\:group-hover\:psui-text-white{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .psui-group:hover .sm\:group-hover\:psui-text-gray-10{
@@ -30565,7 +30578,7 @@ html {
   }
 
   .sm\:first\:psui-text-white:first-child{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .sm\:first\:psui-text-gray-10:first-child{
@@ -30783,7 +30796,7 @@ html {
   }
 
   .sm\:disabled\:psui-text-white:disabled{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .sm\:disabled\:psui-text-gray-10:disabled{
@@ -31001,7 +31014,7 @@ html {
   }
 
   .sm\:checked\:psui-text-white:checked{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .sm\:checked\:psui-text-gray-10:checked{
@@ -35224,7 +35237,7 @@ html {
   }
 
   .md\:psui-divide-white > :not(template) ~ :not(template){
-    border-color: #ffffff !important;
+    border-color: #ffffff ;
   }
 
   .md\:psui-divide-gray-10 > :not(template) ~ :not(template){
@@ -35575,7 +35588,7 @@ html {
   }
 
   .md\:psui-bg-white{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .md\:psui-bg-gray-10{
@@ -35793,7 +35806,7 @@ html {
   }
 
   .md\:hover\:psui-bg-white:hover{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .md\:hover\:psui-bg-gray-10:hover{
@@ -36011,7 +36024,7 @@ html {
   }
 
   .md\:active\:psui-bg-white:active{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .md\:active\:psui-bg-gray-10:active{
@@ -36229,7 +36242,7 @@ html {
   }
 
   .md\:focus\:psui-bg-white:focus{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .md\:focus\:psui-bg-gray-10:focus{
@@ -36447,7 +36460,7 @@ html {
   }
 
   .psui-group:hover .md\:group-hover\:psui-bg-white{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .psui-group:hover .md\:group-hover\:psui-bg-gray-10{
@@ -36665,7 +36678,7 @@ html {
   }
 
   .md\:even\:psui-bg-white:nth-child(even){
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .md\:even\:psui-bg-gray-10:nth-child(even){
@@ -36883,7 +36896,7 @@ html {
   }
 
   .md\:first\:psui-bg-white:first-child{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .md\:first\:psui-bg-gray-10:first-child{
@@ -37101,7 +37114,7 @@ html {
   }
 
   .md\:disabled\:psui-bg-white:disabled{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .md\:disabled\:psui-bg-gray-10:disabled{
@@ -37319,7 +37332,7 @@ html {
   }
 
   .md\:checked\:psui-bg-white:checked{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .md\:checked\:psui-bg-gray-10:checked{
@@ -37573,7 +37586,7 @@ html {
   }
 
   .md\:psui-from-white{
-    --gradient-from-color: #ffffff !important;
+    --gradient-from-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -37758,7 +37771,7 @@ html {
   }
 
   .md\:psui-via-white{
-    --gradient-via-color: #ffffff !important;
+    --gradient-via-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -37943,7 +37956,7 @@ html {
   }
 
   .md\:psui-to-white{
-    --gradient-to-color: #ffffff !important;
+    --gradient-to-color: #ffffff ;
   }
 
   .md\:psui-to-gray-10{
@@ -38091,7 +38104,7 @@ html {
   }
 
   .md\:hover\:psui-from-white:hover{
-    --gradient-from-color: #ffffff !important;
+    --gradient-from-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -38276,7 +38289,7 @@ html {
   }
 
   .md\:hover\:psui-via-white:hover{
-    --gradient-via-color: #ffffff !important;
+    --gradient-via-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -38461,7 +38474,7 @@ html {
   }
 
   .md\:hover\:psui-to-white:hover{
-    --gradient-to-color: #ffffff !important;
+    --gradient-to-color: #ffffff ;
   }
 
   .md\:hover\:psui-to-gray-10:hover{
@@ -38609,7 +38622,7 @@ html {
   }
 
   .md\:focus\:psui-from-white:focus{
-    --gradient-from-color: #ffffff !important;
+    --gradient-from-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -38794,7 +38807,7 @@ html {
   }
 
   .md\:focus\:psui-via-white:focus{
-    --gradient-via-color: #ffffff !important;
+    --gradient-via-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -38979,7 +38992,7 @@ html {
   }
 
   .md\:focus\:psui-to-white:focus{
-    --gradient-to-color: #ffffff !important;
+    --gradient-to-color: #ffffff ;
   }
 
   .md\:focus\:psui-to-gray-10:focus{
@@ -42314,15 +42327,15 @@ html {
   }
 
   .md\:psui-placeholder-white::-moz-placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .md\:psui-placeholder-white:-ms-input-placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .md\:psui-placeholder-white::placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .md\:psui-placeholder-gray-10::-moz-placeholder{
@@ -42968,15 +42981,15 @@ html {
   }
 
   .md\:focus\:psui-placeholder-white:focus::-moz-placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .md\:focus\:psui-placeholder-white:focus:-ms-input-placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .md\:focus\:psui-placeholder-white:focus::placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .md\:focus\:psui-placeholder-gray-10:focus::-moz-placeholder{
@@ -43897,7 +43910,7 @@ html {
   }
 
   .md\:psui-text-white{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .md\:psui-text-gray-10{
@@ -44115,7 +44128,7 @@ html {
   }
 
   .md\:hover\:psui-text-white:hover{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .md\:hover\:psui-text-gray-10:hover{
@@ -44333,7 +44346,7 @@ html {
   }
 
   .md\:active\:psui-text-white:active{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .md\:active\:psui-text-gray-10:active{
@@ -44551,7 +44564,7 @@ html {
   }
 
   .md\:focus\:psui-text-white:focus{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .md\:focus\:psui-text-gray-10:focus{
@@ -44769,7 +44782,7 @@ html {
   }
 
   .psui-group:hover .md\:group-hover\:psui-text-white{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .psui-group:hover .md\:group-hover\:psui-text-gray-10{
@@ -44987,7 +45000,7 @@ html {
   }
 
   .md\:first\:psui-text-white:first-child{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .md\:first\:psui-text-gray-10:first-child{
@@ -45205,7 +45218,7 @@ html {
   }
 
   .md\:disabled\:psui-text-white:disabled{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .md\:disabled\:psui-text-gray-10:disabled{
@@ -45423,7 +45436,7 @@ html {
   }
 
   .md\:checked\:psui-text-white:checked{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .md\:checked\:psui-text-gray-10:checked{
@@ -49646,7 +49659,7 @@ html {
   }
 
   .lg\:psui-divide-white > :not(template) ~ :not(template){
-    border-color: #ffffff !important;
+    border-color: #ffffff ;
   }
 
   .lg\:psui-divide-gray-10 > :not(template) ~ :not(template){
@@ -49997,7 +50010,7 @@ html {
   }
 
   .lg\:psui-bg-white{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .lg\:psui-bg-gray-10{
@@ -50215,7 +50228,7 @@ html {
   }
 
   .lg\:hover\:psui-bg-white:hover{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .lg\:hover\:psui-bg-gray-10:hover{
@@ -50433,7 +50446,7 @@ html {
   }
 
   .lg\:active\:psui-bg-white:active{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .lg\:active\:psui-bg-gray-10:active{
@@ -50651,7 +50664,7 @@ html {
   }
 
   .lg\:focus\:psui-bg-white:focus{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .lg\:focus\:psui-bg-gray-10:focus{
@@ -50869,7 +50882,7 @@ html {
   }
 
   .psui-group:hover .lg\:group-hover\:psui-bg-white{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .psui-group:hover .lg\:group-hover\:psui-bg-gray-10{
@@ -51087,7 +51100,7 @@ html {
   }
 
   .lg\:even\:psui-bg-white:nth-child(even){
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .lg\:even\:psui-bg-gray-10:nth-child(even){
@@ -51305,7 +51318,7 @@ html {
   }
 
   .lg\:first\:psui-bg-white:first-child{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .lg\:first\:psui-bg-gray-10:first-child{
@@ -51523,7 +51536,7 @@ html {
   }
 
   .lg\:disabled\:psui-bg-white:disabled{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .lg\:disabled\:psui-bg-gray-10:disabled{
@@ -51741,7 +51754,7 @@ html {
   }
 
   .lg\:checked\:psui-bg-white:checked{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .lg\:checked\:psui-bg-gray-10:checked{
@@ -51995,7 +52008,7 @@ html {
   }
 
   .lg\:psui-from-white{
-    --gradient-from-color: #ffffff !important;
+    --gradient-from-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -52180,7 +52193,7 @@ html {
   }
 
   .lg\:psui-via-white{
-    --gradient-via-color: #ffffff !important;
+    --gradient-via-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -52365,7 +52378,7 @@ html {
   }
 
   .lg\:psui-to-white{
-    --gradient-to-color: #ffffff !important;
+    --gradient-to-color: #ffffff ;
   }
 
   .lg\:psui-to-gray-10{
@@ -52513,7 +52526,7 @@ html {
   }
 
   .lg\:hover\:psui-from-white:hover{
-    --gradient-from-color: #ffffff !important;
+    --gradient-from-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -52698,7 +52711,7 @@ html {
   }
 
   .lg\:hover\:psui-via-white:hover{
-    --gradient-via-color: #ffffff !important;
+    --gradient-via-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -52883,7 +52896,7 @@ html {
   }
 
   .lg\:hover\:psui-to-white:hover{
-    --gradient-to-color: #ffffff !important;
+    --gradient-to-color: #ffffff ;
   }
 
   .lg\:hover\:psui-to-gray-10:hover{
@@ -53031,7 +53044,7 @@ html {
   }
 
   .lg\:focus\:psui-from-white:focus{
-    --gradient-from-color: #ffffff !important;
+    --gradient-from-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -53216,7 +53229,7 @@ html {
   }
 
   .lg\:focus\:psui-via-white:focus{
-    --gradient-via-color: #ffffff !important;
+    --gradient-via-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -53401,7 +53414,7 @@ html {
   }
 
   .lg\:focus\:psui-to-white:focus{
-    --gradient-to-color: #ffffff !important;
+    --gradient-to-color: #ffffff ;
   }
 
   .lg\:focus\:psui-to-gray-10:focus{
@@ -56736,15 +56749,15 @@ html {
   }
 
   .lg\:psui-placeholder-white::-moz-placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .lg\:psui-placeholder-white:-ms-input-placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .lg\:psui-placeholder-white::placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .lg\:psui-placeholder-gray-10::-moz-placeholder{
@@ -57390,15 +57403,15 @@ html {
   }
 
   .lg\:focus\:psui-placeholder-white:focus::-moz-placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .lg\:focus\:psui-placeholder-white:focus:-ms-input-placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .lg\:focus\:psui-placeholder-white:focus::placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .lg\:focus\:psui-placeholder-gray-10:focus::-moz-placeholder{
@@ -58319,7 +58332,7 @@ html {
   }
 
   .lg\:psui-text-white{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .lg\:psui-text-gray-10{
@@ -58537,7 +58550,7 @@ html {
   }
 
   .lg\:hover\:psui-text-white:hover{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .lg\:hover\:psui-text-gray-10:hover{
@@ -58755,7 +58768,7 @@ html {
   }
 
   .lg\:active\:psui-text-white:active{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .lg\:active\:psui-text-gray-10:active{
@@ -58973,7 +58986,7 @@ html {
   }
 
   .lg\:focus\:psui-text-white:focus{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .lg\:focus\:psui-text-gray-10:focus{
@@ -59191,7 +59204,7 @@ html {
   }
 
   .psui-group:hover .lg\:group-hover\:psui-text-white{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .psui-group:hover .lg\:group-hover\:psui-text-gray-10{
@@ -59409,7 +59422,7 @@ html {
   }
 
   .lg\:first\:psui-text-white:first-child{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .lg\:first\:psui-text-gray-10:first-child{
@@ -59627,7 +59640,7 @@ html {
   }
 
   .lg\:disabled\:psui-text-white:disabled{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .lg\:disabled\:psui-text-gray-10:disabled{
@@ -59845,7 +59858,7 @@ html {
   }
 
   .lg\:checked\:psui-text-white:checked{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .lg\:checked\:psui-text-gray-10:checked{
@@ -64068,7 +64081,7 @@ html {
   }
 
   .xl\:psui-divide-white > :not(template) ~ :not(template){
-    border-color: #ffffff !important;
+    border-color: #ffffff ;
   }
 
   .xl\:psui-divide-gray-10 > :not(template) ~ :not(template){
@@ -64419,7 +64432,7 @@ html {
   }
 
   .xl\:psui-bg-white{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .xl\:psui-bg-gray-10{
@@ -64637,7 +64650,7 @@ html {
   }
 
   .xl\:hover\:psui-bg-white:hover{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .xl\:hover\:psui-bg-gray-10:hover{
@@ -64855,7 +64868,7 @@ html {
   }
 
   .xl\:active\:psui-bg-white:active{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .xl\:active\:psui-bg-gray-10:active{
@@ -65073,7 +65086,7 @@ html {
   }
 
   .xl\:focus\:psui-bg-white:focus{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .xl\:focus\:psui-bg-gray-10:focus{
@@ -65291,7 +65304,7 @@ html {
   }
 
   .psui-group:hover .xl\:group-hover\:psui-bg-white{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .psui-group:hover .xl\:group-hover\:psui-bg-gray-10{
@@ -65509,7 +65522,7 @@ html {
   }
 
   .xl\:even\:psui-bg-white:nth-child(even){
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .xl\:even\:psui-bg-gray-10:nth-child(even){
@@ -65727,7 +65740,7 @@ html {
   }
 
   .xl\:first\:psui-bg-white:first-child{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .xl\:first\:psui-bg-gray-10:first-child{
@@ -65945,7 +65958,7 @@ html {
   }
 
   .xl\:disabled\:psui-bg-white:disabled{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .xl\:disabled\:psui-bg-gray-10:disabled{
@@ -66163,7 +66176,7 @@ html {
   }
 
   .xl\:checked\:psui-bg-white:checked{
-    background-color: #ffffff !important;
+    background-color: #ffffff ;
   }
 
   .xl\:checked\:psui-bg-gray-10:checked{
@@ -66417,7 +66430,7 @@ html {
   }
 
   .xl\:psui-from-white{
-    --gradient-from-color: #ffffff !important;
+    --gradient-from-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -66602,7 +66615,7 @@ html {
   }
 
   .xl\:psui-via-white{
-    --gradient-via-color: #ffffff !important;
+    --gradient-via-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -66787,7 +66800,7 @@ html {
   }
 
   .xl\:psui-to-white{
-    --gradient-to-color: #ffffff !important;
+    --gradient-to-color: #ffffff ;
   }
 
   .xl\:psui-to-gray-10{
@@ -66935,7 +66948,7 @@ html {
   }
 
   .xl\:hover\:psui-from-white:hover{
-    --gradient-from-color: #ffffff !important;
+    --gradient-from-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -67120,7 +67133,7 @@ html {
   }
 
   .xl\:hover\:psui-via-white:hover{
-    --gradient-via-color: #ffffff !important;
+    --gradient-via-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -67305,7 +67318,7 @@ html {
   }
 
   .xl\:hover\:psui-to-white:hover{
-    --gradient-to-color: #ffffff !important;
+    --gradient-to-color: #ffffff ;
   }
 
   .xl\:hover\:psui-to-gray-10:hover{
@@ -67453,7 +67466,7 @@ html {
   }
 
   .xl\:focus\:psui-from-white:focus{
-    --gradient-from-color: #ffffff !important;
+    --gradient-from-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -67638,7 +67651,7 @@ html {
   }
 
   .xl\:focus\:psui-via-white:focus{
-    --gradient-via-color: #ffffff !important;
+    --gradient-via-color: #ffffff ;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
@@ -67823,7 +67836,7 @@ html {
   }
 
   .xl\:focus\:psui-to-white:focus{
-    --gradient-to-color: #ffffff !important;
+    --gradient-to-color: #ffffff ;
   }
 
   .xl\:focus\:psui-to-gray-10:focus{
@@ -71158,15 +71171,15 @@ html {
   }
 
   .xl\:psui-placeholder-white::-moz-placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .xl\:psui-placeholder-white:-ms-input-placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .xl\:psui-placeholder-white::placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .xl\:psui-placeholder-gray-10::-moz-placeholder{
@@ -71812,15 +71825,15 @@ html {
   }
 
   .xl\:focus\:psui-placeholder-white:focus::-moz-placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .xl\:focus\:psui-placeholder-white:focus:-ms-input-placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .xl\:focus\:psui-placeholder-white:focus::placeholder{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .xl\:focus\:psui-placeholder-gray-10:focus::-moz-placeholder{
@@ -72741,7 +72754,7 @@ html {
   }
 
   .xl\:psui-text-white{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .xl\:psui-text-gray-10{
@@ -72959,7 +72972,7 @@ html {
   }
 
   .xl\:hover\:psui-text-white:hover{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .xl\:hover\:psui-text-gray-10:hover{
@@ -73177,7 +73190,7 @@ html {
   }
 
   .xl\:active\:psui-text-white:active{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .xl\:active\:psui-text-gray-10:active{
@@ -73395,7 +73408,7 @@ html {
   }
 
   .xl\:focus\:psui-text-white:focus{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .xl\:focus\:psui-text-gray-10:focus{
@@ -73613,7 +73626,7 @@ html {
   }
 
   .psui-group:hover .xl\:group-hover\:psui-text-white{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .psui-group:hover .xl\:group-hover\:psui-text-gray-10{
@@ -73831,7 +73844,7 @@ html {
   }
 
   .xl\:first\:psui-text-white:first-child{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .xl\:first\:psui-text-gray-10:first-child{
@@ -74049,7 +74062,7 @@ html {
   }
 
   .xl\:disabled\:psui-text-white:disabled{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .xl\:disabled\:psui-text-gray-10:disabled{
@@ -74267,7 +74280,7 @@ html {
   }
 
   .xl\:checked\:psui-text-white:checked{
-    color: #ffffff !important;
+    color: #ffffff ;
   }
 
   .xl\:checked\:psui-text-gray-10:checked{